En busca de la “buena web”
Monday, June 18th, 2007En España hay todo un revuelo con la nueva web del congreso donde han contratado a una empresa filial de la telefonica española para diseñar un adefesio de aplicación que dura el cotillón de 22 segundos en generarse y otro tanto en transmitirse (hasta 2 minutos) …
El articulo de barrapunto:
http://espana.barrapunto.com/article.pl?sid=07/06/18/1129238&from=rss
Y unos enlaces de interes (que no tienen desperdicio):
La polémica no viene en el caso de que hubiera sido un pasante y bueno, por su nombre se le pasan las cosas; pero fue una empresa (la infame INDRA (conocida en estos lares por hacer las elecciones del año 98 con una aplicación en fox pro contra las maquinitas electorales)) que cobró la increible suma de 13 millones de euros por esa cosa que no pasa absolutamente ningún test (css, wc3 html, WAI (accesibilidad)); pero es que:
su DOCTYPE está declarado 3 veces, increiblemente, la primera presencia del !DOCTYPE es en la linea 1800 (tenia entendido que era en la linea 1!) …
Pero para que vean que eso no solo le pasa a los congresantes Españoles, miremos un poco a "nuestro alrededor" …
Pagina 1:
Seniat:
si, les tengo $#$%#$%&, esa cosa nos costó millones y fijense:
NO funciona bien ni en linux o en firefox (y son ejecutivo, donde queda el 3390?)
NO pasa ningun test (xhtml o al menos html 4.0 estricto, css, WAI y accesibilidad
La aplicación tiene un "generation time" de 21 segundos (la aplicación libre más lenta que he visto en el gobierno es la del MCT que dura 17 segundos)
La presencia de un ORACLE o de un "Java Enterprise" no mejoran en nada si hacemos cosas como esta:
Mezcla de tags Uppercase:
</TD></TR></TABLE></TD></TR></TABLE>
con tags lowercase:
<table cellpadding="0" cellspacing="0" border="0" width="100%" height="100%" id="table64">
nada mas triste es que las paginas vengan de word:
<!– MSTableType="layout" –>
<!– MSCellFormattingTableID="16" –>
atributos en camelCase (cuando HTML es inocuo a minusculas o mayusculas):
bgColor=#012e65
y atributos sin comillas (simples o dobles):
<TD colSpan=2 rowSpan=2>
Mezcla de estilos in-line CSS con antiguos (y deprecated) cosas horribles como FONT
<FONT
face=Verdana color=#ffffff size=1>
Versus:
style=color:#ffffff
Una Marquee fuera del body?
<marquee style="font-family: Verdana; font-size: 8pt; font-weight: bold; color:#FFFFFF" width="100%">El valor actual de la Unidad Tributaria (U.T.) es de Bs. 37.632,00.</marquee>
No hay !DOCTYPE declarado, ni meta charset (para que el navegador no tenga que "adivinar" si la app es iso-8859-1 o utf-8, o en este caso windows-1252 (el que genera Oracle+servlets desde windows)
Los scripts DEBEN estar fuera del body?
Miles de atributos propietarios (o sea, del navegador internet explorer):
background="/images/pobtrans.gif"
color="" (como parte de un atributo)
atributos sin valor (como <hr noshade) violan la norma xhtml
Bueno, son muchisimos, vamos a evaluar otra web:
Pagina 2:
www.asambleanacional.gob.ve
La "famosa" web desfaceada por jabber (un hacker venezolano de 16 años) en enero de este año; está hecha con un CMS en ASP (scripting engine Visual Basic de microsoft) el cual tiene multiples bugs reportados en varias paginas de seguridad informática, pero remitamonos simplemente al codigo:
Etiquetas propietarias:
onLoad="window.defaultStatus=’:::::: Copyright © 2000-2007 Asamblea Nacional ::::::’;return true" bgcolor="#FFFFF
window.defaultStatus?, eso es TAAAAAN Internet Explorer!, y ni hablar de un bgcolor white (cuando es el "por defecto de body!", es como decir color:#00000 para color (font), eso es valores por default y no valen la pena ser declarados).
No existe !DOCTYPE declarado, pero al menos hay un charset 
Como siempre, nunca pasan los tests (ni siquiera de HTML 4!):
validator de la w3c
ni tampoco los de CSS, los de WAI (accesibilidad), etc
No es que mis aplicaciones lo hagan (aunque por lo general, SI SON XHTML 1.0 strict y CSS 2.1 valid), pero es que a mi no me pagan millones por hacerlas!, si me pagaran esas sumas, hasta AJAX functionality les agrego! …
Bueno, quise hablar mal de venezuela.gob.ve; pero por lo visto, está fuera de servicio :p
Bueno, con la contraloría pobre, ni siquiera es bueno meterse, con ese !DOCTYPE (<!DOCTYPE HTML PUBLIC "-//IETF//DTD HTML//EN">) parece hecha con frontpage …
Pero, hay quien lo hace bien?
(no miren al CNTI, tiene 147 errores de diseño HTML) 
RINDE: sus errores son de omisión (como ausencia de ALT o de ACTION en algunos FORM, es más culpa de algún diseñador que del CMS como tal que gestiona la aplicación), sin embargo, contrasta sus 12 errores (tomando en cuenta que se compara con xhtml 1.0 transitional) contra los 162 errores de gobierno en linea (que se compara contra html 4.01 transitional (el mas laxo de los DOCTYPE y el mas permisivo que puede existir)).
Inicialmente esta página se llamaba "el HOWTO de NO LO DEBO HACER! en una página web" pero en vista de que no pude conseguir un "buen ejemplo" de diseño web dentro de la APN (Administración Pública Nacional) entonces simplemente se convirtió en una búsqueda de "la buena web" (hasta ahora, creo que solo 3 (finde, rinde y nic.ve) han ocupado los primeros lugares en diseño (pocos errores, más errores de tipo y del diseñador usado (tal vez macromedia dreamweaver)) que reales "errores" como:
-
uso de etiquetas propietarias
-
mal javascript
-
scripts propietarios (solo funcionan en Microsoft IE)
-
errores en la deficion de tags
-
ausencia de DOCTYPE
-
nula compatibilidad entre navegadores, fallo incluso en Internet Explorer
-
mezlca de etiquetas (UPPERCASE, lowercase y camelCase).
-
errores en los atributos
-
mezcla de css definido, css inline y etiquetas de estilo (deprecated), ex: FONT, CENTER, etc
Será crear una comunidad de diseño web?, un ente de asesorias?, un 800-DISEÑO? … xD