En busca de la “buena web”

En 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):

aNieto2k

Hmuda

magarto.com

albertofortes.com

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:
http://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:

  1. uso de etiquetas propietarias

  2. mal javascript

  3. scripts propietarios (solo funcionan en Microsoft IE)

  4. errores en la deficion de tags

  5. ausencia de DOCTYPE

  6. nula compatibilidad entre navegadores, fallo incluso en Internet Explorer

  7. mezlca de etiquetas (UPPERCASE, lowercase y camelCase).

  8. errores en los atributos

  9. 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

Acerca de phenobarbital

http://about.me/phenobarbital

Publicado el 18 junio 2007 en Cultura Libre, La soda y la pastilla, Linux. Añade a favoritos el enlace permanente. 6 comentarios.

  1. Que vainas pa feas ;S.

    La gente si es animal, cuando se hacen las vainas mal siempre salen a la luz y guess what? They all just did.

    ;P.

    A esos nos los salva ni 0800-DISEÃ?O.

  2. Gracias Gregory, me habia inscrito la semana pasada; sin embargo aun no he escrito denuncias; pero espera que pronto comenzaré …

  3. Si buscas la “buena web” trata de sacarte el pasaporte venezolano (onidex.com.ve), eso si es la “buena web”.

  4. Unas cosas que no comparto son:

    “… 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) … ”

    El charset que debe reconocer el navegador en caso que no consiga estos meta tags es el que le está enviando el servidor, no tiene que adivinar.

    “… 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)…”

    revisa la mayoría de los diseños en czg: http://www.csszengarden.com, los fondos blancos y letras negras (como tambíen margen y paddin 0) es algo que se usa mucho, para asegurarse que se mostrará el diseño en el navegador como se desea, y no esperar que el usuario tenga otros valores (configuración del navegador)

    “…mezcla de css definido, css inline y etiquetas de estilo (deprecated), ex: FONT, CENTER, etc…”

    hasta ahora el único css inline que considero es display:none para el uso de javascript en las páginas

    “…Será crear una comunidad de diseño web?, un ente de asesorias?, un 800-DISEÃ?O? â?¦ xD…”

    lo de la comunidad de diseño web me gusta😀

    fino el post

  5. bueno, explico algunas cosas:
    No necesariamente nuestra aplicación está codificada en el charset que habla el servidor web; un ejemplo común es aplicaciones con charset iso-8859-1 corriendo en un apache bajo linux (utf-8) o que intentan hacer transferencias de xml a través de httprequest (que siempre es utf-8) y vemos los fallos de contenido.
    Creo que es cosa de “costumbre” no olvidar esas cosas.
    cuando hablas de zengarden, recuerda bien que bgcolor NO ES una propiedad css, es background-color; bgcolor es un atributo inline de etiqueta propietario de varios navegadores.
    Lo que quise decir es que no forma parte de CSS, eso es html y está deprecated.
    igual pasa con el comentario siguiente; ,

    son etiquetas que deberían dejar de usarse.
    Pues lo de la comunidad de diseño es una idea; mucha gente hace las páginas web de modo empírico y realmente no hay comunidad que ayude, asesore, etc.

Responder

Introduce tus datos o haz clic en un icono para iniciar sesión:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión / Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Cerrar sesión / Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Cerrar sesión / Cambiar )

Google+ photo

Estás comentando usando tu cuenta de Google+. Cerrar sesión / Cambiar )

Conectando a %s

A %d blogueros les gusta esto: