menéame

Acabo de publicar el código fuente del demonio Jabber del Nótame. Al igual que resto del código del Menéame, está publicado bajo la licencia Affero GPL. El código del programa y los módulos propios está disponible en el subversion (la parte web estuvo disponible en el subversion desde el primer día).

Hace unos días pusimos en marcha Nótame, que permite a los usuarios del menéame publicar notas cortas desde el web y desde cualquier cuenta Jabber, Google Talk o cualquiera de las redes afiliadas a ambos. Cada usuario tiene su “propia página” de notas, por ejemplo el usuario damianvila. Cada usuario además puede ver las notas de los demás o seguir las enviadas por sus amigos vía web, RSS (los enlaces aparecen en cada página) o desde su cliente Jabber.

En el caso del cliente Jabber se visualizarán en tiempo real las notas de los amigos y además se pueden escribir nuevas notas desde el mismo programa.

Hacer funcionar el daemon

Está todo programado en Perl, usando fundamentalmente el módulo estándar XMPP para actuar como cliente de un servidor Jabber. En nuestro caso usamos los propios servidores de Google –si funciona bien con éste, debería funcionar bien con cualquier otro–, así evitamos mantener infraestructura propia más compleja y aseguramos que todos puedan ir a la mejor velocidad posible por la distribución de carga que hace Google.

El fichero ejecutable es posts.pl, este programa lee la configuración de la cuenta a la que se conecta (como cliente) del fichero posts.conf. En el SVN hay un ejemplo. Si se ejecuta sin ningún argumento mostrará la actividad por la consola. Si se indica el argumento -d se pondrá en modo daemon y guardará los logs en el fichero indicado en posts.conf.

Hoy Benjamí acabó de preparar la nueva navegación con “temas y subtemas” que teníamos pendientes. Desde que pusimos en marcha las metacategorías el menú de categorías quedó muy descolgado y prácticamente inusable en la barra de la izquierda (además que poca gente lo usaba, y algunos/nas incluso ni sabían que existían). Ahora creemos que es más visible, usable y práctico.

Moraleja 1: Si quieres dar importancia –o porque ya lo son, como en el caso de un sistema de decenas de noticias diarias– nunca las coloques a un costado, sino arriba de todo.

Pero al quitar las categorías del menú de la izquierdas, las barras laterales quedaron muy descompensadas respecto al contenido central, así que tocaba también unificarlas Además parece que las tres columnas no gustaban demasiado –a pesar que fue un coñazo lograr que funcionen bien y sean de la misma altura–. Era un trabajo que lo íbamos a dejar para más adelante. Pero la verdad es que no podía soportar el resultado, así que me puse a probar cómo quedaría en dos columnas. Lo hice en sesión maratoniana y le pedí opinión a Benjamí, su respuesta fue “¡qué guapo que queda así!” (supongo que era casi como volver a los inicios), así que lo publicamos inmediatamente en cuanto logré una versión minimamente correcta.

Moraleja 2: No es nada fácil que una estructura de tres columnas quede bien y balanceada. Ni desde el punto de vista del CSS –el IE6 nos daba el coñazo día sí y día también— ni de la usabilidad.

Todo estos cambios gordos –aproveché también para simplificar y recortar mucho código– son más fáciles de hacer para nosotros, entre otras cosas porque no usamos plantillas, pero putea de mala manera a los que tienen clones del Menéame instalado. Lo sentimos, de verdad, pero es que el sitio lo tomamos como “orgánico” y vamos haciendo pruebas casi cada día.

Moraleja 3: Ahora que el codigo está muy auditado y razonablemente confiable, necesitamos urgentemente un release manager del Menéame que se encargue de sacar distintas versiones numeradas y con parches para los demás usuarios. Pedimos encarecidamente un/unos voluntarios que tengan ganas de hacerlo –y de preparar un pequeño instalador y manual de instrucciones–. A estos voluntarios les daríamos una cuenta en el svn para que puedan mantener las “ramas” y “etiquetas”. Mucha gente estará muy agradecida.

Desde ayer integramos JQuery en el código del Menéame. JQuery es una librería Javascript similar a Prototype.js, pero más ligera y pequeña. Desde hace varias semanas estaba analizando a las dos para ver cuál de ellas usar, esencialmente para el tratamiento del DOM y propiedad HTML/CSS. Prototype no me acabó de convencer por su tamaño –70 KB– y sobre todo porque la gestión del timeouts AJAX –esencial para la fisgona– no está bien resuelto.

Al final me decidí por las JQuery y la verdad que facilita bastante la programación de cosas básicas de Javascript+Ajax. Por ejemplo el código de la fisgona está totalmente cambiado, gracias al jquery pude cambiar el tratamiento del HTML dinámico, ahora se hace a base de manipular el árbol DOM, por lo que es mucho más –muchísimo– eficiente y rápido.

Además fue muy fácil agregar nuevas características, como el ping para tener una idea de cómo funciona la conexión entre el navegador y el servidor del menéame (desde un cable modem que vaya bien debería dar valores entre 60 y 80, un ADSL unos valores un poco más altos, 100-150).

El telnet (o jefa) también recibió un regaltio casi gratis, un pequeño Fade In en los nuevos items.

También se cambió toda la parte genérica del código Javascript, ahora todo el Ajax usa funciones del JQuery, e incluso algunos de los efectos especiales estándares de las librerías –como el Fade In en el número de votos–.

Y todo eso con código bastante más pequeño y legible (siempre y cuando conozcas cómo funciona el JQuery, caso contrario parecen $(jeroglíficos).escritos en $Perl .

El tamaño de la librería sin comprimir es de 55 KB, pero ellos se preocupan de codificarlas para que puedan ser comprimidas e incluso facilitan el código comprimido para que lo bajes. Es éste el que usamos y tiene unos 18 KB, que como además se comprimen en nuestro servidor lo que se transmite no llega a los 10 KB. Me parece un buen balance costo-beneficios.

No sé si es la mejor opción, pero ha sido divertido reporgramar el menéame, y si en el futuro hay que migrar a otra diferente, no hay problemas, será más diversión gratis .