Webeando (con perdón)

(mmm.... con ese título, me dá que va a ser una de las historias con más vistas de este blog)

Siempre he pensado que la industria del porno es una de las que más hay que aprender en la Web. Fueron los primeros, y hoy siguen en cabeza, en desarrollar webs multimedia de alta disponibilidad, en cobros on-line, en autentificación de usuarios, y en sindicación de contenidos, por poner sólo unos ejemplos.

Y leo vía Emmanuelle Gutiérrez, en la imprescindible Accesoweb, que parece que también se han metido de cabeza en la accesibilidad de sus contenidos, al menos unos tal SoundsDirty.com, cuya declaración de accesibilidad (ojo, not safe for work, niños, no pulseís ese enlace) no tiene nada que envidiar a las páginas más avanzadas en el tema:

- XHTML estricto y maquetación con CSS, validados
- marcado semántico
- atajos de teclado, con detalle de cuáles son y cómo se usan en distintos navegadores
- etiquetas rel, opción de salto de la navegación, ¡e incluso una tecla de pánico que deja la pantalla en blanco y para los lectores de pantalla!
- alt en todas las imágenes, y descripción ampliada en aquellas que lo, ejem, requieren ("Due to the nature of the SoundsDirty.com site certain images are deem to be of great significance and may contain slightly longer descriptions")
- descripción de la estructura de la web
- todos los vídeos incluyen subtítulos o audiodescripciones
- validada automáticamente por Bobby, y probada con JAWS
- dirección email específica para comentarios sobre accesibilidad

En resumen, afirma tener un nivel AAA, y cumplir las directrices de la sección 508 estadounidense.

A ver si hay suerte y algún responsable de más de una web cae por ahí (casualmente, por supuesto), y empieza a interesarse por eso de la accesibilidad...

(también lo comenta Torres Burriel)

Lo cuenta Enrique Dans en su blog citando a Blog On Travel: AC Hoteles ha sido baneado de Google.

La causa: una web completamente en Flash (nada de contenido para indexar), + palabras clave=texto de la descripción, que no se encuentran en el contenido (que para Google no existe) + 92 dominios todos con la misma IP, interconectados entre sí, y todos (menos uno) con el mismo contenido: nada.

Sería interesante ver que cara pone el diseñador de la web cuando le pregunten por qué ha pasado esto....

Y también sería interesante (mirando un poco de manera más local), que tomasen nota, por ejemplo, los responsables de comunicación del Teatro Pérez Galdós, y pensasen en rehacer su nueva, flamante e ilegal web 100% Flash.


(actualización 22/03/07: AC Hoteles ya vuelve a estar en Google. Hotel Blog tiene un interesante análisis del caso).

(otra actualización 19/09/07: la web del Tatro Pérez Galdós ya ha cambiado, por una versión que apenitas usa Flash, lo cual es de agradecer)

Respondiendo a un comentario en otro post, aprovecho para comentar aquí una solución sencilla (al menos, la más sencilla que yo he encontrado) a un problema con el que nos encontramos a menudo: dada una lista de resultados, seleccionar mediante checkbox algunos de ellos para pasárselos vía formulario a otro script. Yo lo uso mucho para seleccionar elementos que deben ser eliminados en paneles de control, para selección de los temas de suscripción en listas de correo, y cosas por el estilo...

Partimos de tres detalles a tener en cuenta:

- ColdFusion permite recuperar en una variable, form.fieldnames, una lista de todas las variables enviadas por el formulario (usando el método post, que, por otro lado, es el más recomendable).
- los checkbox no marcados no se envían al programa que trata el formulario. Un input tipo texto en el que no se escriba nada envía el nombre de la variable, con el contenido vacío. Un checkbox no. Sólo se envía, con el valor 'on', si está marcado. Si no lo está, no envía nada, nisquiera el nombre de la variable.
- ColdFusion permite hacer bucles sobre listas, dándole el valor de cada uno de sus elementos a una variable en cada iteración.

El primer paso es construir el formulario. Suponemos que tenemos una consulta que nos devuelve una lista de empleados, llamada empleados, cada uno con un identificador único (id) y su nombre (nombre):

<form action="recibe.cfm" method="post">

(... otros campos ...)

<ul>
<cfoutput query="empleados">
	<li><input type="checkbox" name="codigo#empleados.Id#">#empleados.nombre#</li>
</cfoutput>
</ul>

(... otros campos ...)

</form>

(dado que se trata de una lista de empleados, parece que meterlo en una lista es lo más adecuado. Es irrelevante para lo que nos interesa)

Esto generará una lista tal que, por ejemplo:

<form action="recibe.cfm" method="post">

(... otros campos ...)

<ul>
	<li><input type="checkbox" name="codigo15">Pedro</li>
	<li><input type="checkbox" name="codigo26">Juan</li>
	<li><input type="checkbox" name="codigo32">Felipe</li>
</ul>

(... otros campos ...)

</form>

El meollo de la cuestión está en el nombre que tienen los checkbox, compuesto por una cadena de caracteres, más el identificador que devuelve la consulta. Esta cadena puede ser cualquier cosa al gusto del chef, siempre que no coincida con el nombre de ningún otro campo en el formulario, y siempre que no comience por un número (CF no se lleva bien con las variables que empiezan por un número) (tampoco se recomienda usar caracteres no ingleses, ni, en general, nada que no deba ir en un nombre de variable). Y en concreto, es importante fijarse en la longitud que tiene esta cadena. En este ejemplo, la longitud de "codigo" es 6.

recibe.cfm, el script que trata los datos del formulario, recibirá los checkbox que hayamos marcado, el resto de campos del formulario, y un par más de variables, de las cuales la que más nos interesa es form.fieldnames (si se dispone de la versión 6 o superior de CF, es interesante hacer un <cfdump var="#form#">, para ver qué es exactamente lo que envía el formulario).

Suponiendo que hayamos marcado las casillas de Pedro y Felipe, y que hayan dos campos más en el formulario llamados autorizado y horario (por poner algo), form.fieldnames tendrá el valor "autorizado,codigo15,codigo32,horario"

La idea es ir recorriendo esa cadena e ir viendo que nombres de campo corresponden en su parte izquierda con la cadena que asignamos en el formulario, y tomar los valores que quedan en la parte derecha:

<cfloop list="#form.FieldNames#" index="indice">
<cfif (Left(indice,6) eq "codigo")>

	<cfset Id=Right(indice,Len(indice)-6)>
		
	(... hacer cosas con el código recuperado, por ejemplo, ListAdd() para crear una lista sólo con los identificadores seleccionados ...)

</cfif>
</cfloop>

La traza es muy sencilla: en la primera iteración, la variable indice toma el valor autorizado. No se cumple la condición, y pasa al segundo valor de la lista, codigo15. Cumple la condición, por lo que la variable Id toma el valor 15. Hace lo que tenga que hacer con ella, y pasa al tercer elemento de la lista, codigo32, que también cumple la condición, etc, etc...

El "número mágico" que aparece, el 6, es la longitud de la cadena usada.

Al final del bucle, habremos tratado todos los campos del formulario que se corresponden con los elementos checkbox marcados, y habremos extraído los valores que nos interesaban.

Nótese que no nos hemos interesado para nada en el valor de las variables del formulario (que por otro lado, es siempre el mismo para los checkbox: on). No nos hace falta, toda la información que necesitamos de estos campos se transmite en el nombre del mismo.

Espero que les sea útil. Puede parecer algo rebuscado, pero no he encontrado manera más sencilla. Si alguien la conoce, se agradecen comentarios y sugerencias ;)

Hace ya bastante tiempo (como un año) comentaba las por entonces nuevas características de ColdFusion MX 7, entre las cuales una de las más interesantes era la respuesta a eventos no HTTP en el servidor. Es decir, se podía preparar el servidor, de manera bien sencilla (a través de lo que Macromedia llamó Gateways) para que respondiese a eventos como subir un fichero por FTP, recibir un SMS, o recibir un mensaje de mensajería instantánea. Macromedia tenía un interesante ejemplo en el que, vía cualquier programa compatible con Jabber, se podía interactuar con el administrador de ColdFusion, consultando su estado.

La verdad es que mirando hacia atrás resulta cuando menos sorprendente que nadie sacase provecho al tremendo potencial de esta herramienta.... hasta ahora:

IMified es una "herramienta de productividad" basada en mensajería instantánea, compatible con AIM, Yahoo Messenger, MSN y Google Talk, que permite interactuar, vía mensajería instantánea, con servicios como Basecamp, salesforce, Blogger o Movable Type, aparte de otros propios, como notas 'post-it' o recordatorios. Todo ello usando los Gateways de ColdFusion MX 7 para recibir los mensajes (que se envían a determinado 'contacto' según el programa de mensajería), y las APIs de los servicios correspondientes para interactuar con ellos. Todo sin salir de nuestro programa de IM.

En sólo cinco días, y con un sólo mensaje en un foro, la herramienta pasó de dos a varios miles de usuarios. Yo me acabo de inscribir, aunque ya la revisaré con más calma otro día. En su blog, los creadores dan algunos datos del desarrollo: cuatro meses, algunos dólares, y unas cuantas latas de Red Bull.

Mola.

(vía Ben Forta)

Ya se ha abierto la inscripción para beta-testear la próxima versión de ColdFusion. Si a alguien le interesa, puede preinscribirse en esta página.

Slup... :)

Acaba de ver la luz http://www.cfanswers.org/, una web basada en el concepto de Yahoo Answers, pero centrada en ColdFusion.

La web está fresquita fresquita, y a la hora de escribir esto sólo tiene 6 preguntas, pero promete ser un recurso interesante...

(vía Ray Candem)

Estaba hoy cotilleando por las páginas de Google, que nunca acaba uno de ver del todo, y he descubierto un interesante conjunto de Herramientas para webmasters, de las que ya conocía Sitemaps, aunque la que me llamó la atención fue una para consultar el rendimiento del sitio en Google. Pero eso es otra historia, y deberá ser contada en otra ocasión.

En realidad, lo que quería cotillear hoy es la imagen que pone Google de ejemplo para estas herramientas, y que pongo aquí abajo, por si la cambian:



¿Notan algo curioso en los términos de búsqueda que se detallan en el ejemplo? ;)