Hablando de Desarrollo web

Ya habían corrido por ahí algunas screenshots, ahora es públicamente accesible:

https://www.yahoo.com/preview

Fijaos en la manera que tienen de presentar las nuevas opciones desde el "Take a quick tour" ( superponen un PNG transparente, o cómo ponen en práctica algunas de los últimos patrones de diseño de su librería en las opciones laterales, "mail", "messenger", "radio"...

Destacable también el uso de CSS Sprites para ahorrar ancho de banda en lo que se refiere al uso de iconos pequeños. Se trata de usar una sola imagen que contiene un grupo de iconos pequeños, y mediante CSS mostrar sólo aquella que corresponde al elemento en cuestión. ( CSS Sprites -> https://www.alistapart.com/articles/sprites/ ). De esta manera la imagen para todo un grupo de iconos sólo se descarga una vez.

El día 26 de abril asistí, junto con algunos compañeros del trabajo, a las 3ª Jornadas de Usabilidad en Sistemas de Información Digitales , organizadas por el Colegio Oficial de Documentalistas de Catalunya en la Universidad Pompeu Fabra de Barcelona.

En general la valoración fué positiva, aunque nos quedamos con la sensación de que en algunos momentos habíamos estado asistiendo a la presentación de los proyectos personales de algunos de los ponentes. Las exposiciones, excepto en un par de casos, se fueron un poco por las ramas: mucha folksonomía, blogs y web 2.0, pero pocos consejos y conclusiones útiles sobre "usabilidad en sistemas de información digitales", que al fin y al cabo era el título de las jornadas.

Días atrás comenté que había estado trabajando en un pequeño experimento para conseguir implementar un sistema para realizar upload de archivos mediante PHP, que permitiera generar una barra de progreso, con la que controlar el estado de la carga de archivos en todo momento.

A continuación encontraréis disponible para descara el código fuente de dicho experimento y una pequeña descripción del paquete y de los requisitos para su puesta en marcha.

Contenidos del paquete

• /cgi-bin/upload.cgi: este es el CGI perl que se encarga de gestionar el upload, además de ir escribiendo todos los datos POST en un único archivo que nos permite controlar el total de datos cargados en el servidor en un momento determinado.
• /upload.php: es el documento principal, que contiene el código HTML y JS necesario para crear dinámicamente los campos file y el listado de archivos que vamos a cargar al servidor, así como dibujar dinámicamente la barra de progreso a partir de las respuestas recibidas por AJAX.
• /ajax_process.php: es el script PHP que recibirá las peticiones AJAX, comprobará el estado del upload y devolverá una respuesta XML con datos como el tamaño total del archivo, la cantidad de datos cargada, los nombres de los archivos...
• /xml.class.php: un par de clases para crear/parsear datos XML.
• /img: contiene dos imágenes opcionales: un fondo animado para la barra de progreso y un icono "en proceso".

Ejemplo en vivo

Podéis ver un ejemplo real en la URL https://www.obolog.com/upload.php

Aún cuando no he conseguido desentramar el misterio de la antena reaparecida, otra misteriosa casualidad ha roto mi paz interior, esta vez relacionada con el trabajo.

Hoy al llegar a la oficina me he encontrado con una recomendación por mail en qué se citaba un artículo en inglés que habla acerca de un sistema de carga de ficheros con barra de progreso usando técnicas AJAX y PHP+Perl como lenguages de servidor.

Da la casualidad que llevo semanas intentando montar un sistema así para el upload de videos y audio en OboLog , y de hecho hace algunos días que he conseguido una primera versión funcional, y me ha sorprendido que el artículo de Thomas Epineer, "Asynchronous file upload with AJAX progress bar in PHP", se ha basado exactamente en los mismos proyectos que el "mix" en qué he estado trabajando, como apunté días atrás en la lista de correo de JQuery.

Siguiendo con la serie de errores inauditos y sorprendentes, hace justo unos minutos que la home de PHP.net nos devuelve este error. Lo peor no es sólo eso, sino que al escribir la URL del include que está dando error... PUM! aparece el código fuente de los mismos. Bueno, nadie es perfecto.

Una vez más se demuestra... En casa del herrero, cuchillo de palo.