Archivos Mensuales: febrero 2007

El Nótame integrado con Jabber/XMPP

Hace unos días avisamos de los “mini apuntes”, a los que finalmente llamamos “Nótame”. Ahora también se pueden seguir en tiempo real las notas de los que hayáis elegido como amigos desde cualquier cliente de Jabber (y Google Talk)..

Para poder hacer debéis primero poned vuestra dirección Jabber en el perfil de usuario (es la información que sirve para autentificar a la conexión y relacionarla con un usuario del Menéame).

perfil con IM

Una hecho eso, basta que os suscribáis a notas@notame.net et voilà. Si queréis escribir algo, basta que lo hagáis allí. También os irá mostrando las notas de vuestros amigos.

kopete

Si el Menéame está en estado Peta, éste está todavía en un estado ministerial. Es decir, puede funcionar o no, dependiendo del tiempo y los resultados de la liga de baseball cubana. Ergo, disculpas si fallan estos días, que todavía no sabemos muy bien cómo funciona el XMPP :-)

Mini apuntes (a.k.a. Nótame)

Si estás cabreado con los votos negativos (o porque te dejó la novia, aunque es menos grave), o muy contento, o quieres contar qué estás haciendo en ese momento, estás los “mini apuntes”. Los puedes crear y editar en tu perfil, en el mío hay uno. Por ahora –y mientras estudiemos cómo se usa– sólo se muestra el último en el perfil de cada usuario (también en los tooltip de información de usuario).

En poco tiempo habrá una página específica, y hasta un dominio dedicado, con RSS incluidos para seguir los mini apuntes de todos y de los amigos. Y si funciona, podréis enviarlos desde el Jabber o un teléfono móvil.

Por cierto, ¿a alguien se le ocurre un nombre mejor que mini apunte? “Chafardéame” es muy largo, y cansino :-)

Actualización: finalmente se llama Nótame.

¡El retonno! (a las dos columnas)

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.

Tráfico Ajax versus HTML

Acabo de ver un artículo donde se comenta que el paso a Ajax de Yahoo significará menos páginas vistas y que eso “es bueno”. Eso me hizo acordar que había pensado escribir sobre un pequeño experimento.

Quería desde hace tiempo medir y comparar los accesos a páginas HTML del menéame versus las llamadas a AJAX. Para las estadísticas estamos usando el Webalizer, el Statcounter y Google Analytics. Desde el webalizer puedo obtener estadísticas precisas de las llamadas a los scripts que se ejecutan desde “AJAX” en el cliente, así se puede ver que en el mes de enero el primero es el sneaker.php –el que devuelve los valores que se visualizan en tiempo real en la fisgona– con más de 9 millones de ejecuciones. Ese tipo de mediciones no es posible realizar en el Statcounter, pero sí en el Google Analytics llamadando a la función urchinTracker(“nombre_a_elección”).

Sigue leyendo

JQuery integrado en el código del Menéame

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