Ayer 29 de Diciembre, nos dimos cuenta que ya casi se había acabado el año, y seguíamos sin desear lo mejor a nuestros clientes (esto es, que sigan contando con nosotros para el año 2011 
)... Algo había que hacer y rápido!!
Lo mítico hubiera sido tirar de inkscape + gimp y hacer un envío masivo... pero somos demasiado frikis y las ganas nos pudieron, así que decidimos poner en práctica un poco del "kung-fu" utilizado en las acciones de Banden Lehia y Xaramela (que muy pronto postearemos en video).
El objetivo era crear una postal web interactiva en la que los visitantes, pudieran interactuar en tiempo real con los elementos de la misma. La idea estaba inspirada unos imanes de nevera de colores que vimos en casa de un amigo, pero a lo digital.
Así que hoy día 30, y aunque estamos añadiendo alguna funcionalidad nueva, ya podemos contaros como lo hicimos...
Gracias a jQuery y jQuery UI, hemos conseguido hacer todos los elementos se puedan arrastrar (es verdaderamente sencillo).
Para conseguir que los movimientos se compartan y actualicen en tiempo real entre todos los usuarios, hemos utilizado Red5. Gracias a esta aplicación podemos también indicar el número de clientes conectados de forma simultanea.
Aquí es donde nos encontramos con una contradicción: hacemos la interfaz con Javascript, y utilizamos un servidor de objetos pensado para Flash... y es aquí donde entra sharedObjectGW.js, que en un primer momento se desarrolló para nuestra centralita de Voz IP, y hemos pensado que aquí nos encajaría.
La explicación es la siguiente, gracias a Red5, podemos compartir los datos (de manera síncrona) de un objeto entre varios clientes, utilizando un Remote SharedObject de Flash. El caso es que Red5 solo habla con Flash y nuestra interface está basada en HTML+CSS+jQuery. Así que lo que necesitamos es una pequeña aplicación flash que sincronice el ShareObject con Javascript. Para realizar este Flash de forma libre tenemos una forma un poco artesanal (u otra muy artesanal). Así se crea sharedObjectGW un pequeña clase de Javascript que hace que la comunicación fluya entre el SWF (flash) que mencionamos y Javascript.
En principio no es una solución ideal, ya que hace que flash sea un requisito indispensable (los terminales móviles se quedan fuera), pero mientras esperamos y seguimos investigando nuevas tecnologías (WebSockets, Google Wave, etc), esta es nuestra pequeña solución 100% open source, que funciona a las mil maravillas 
.
Bueno, os dejamos un enlace con toda la aplicación (incluyendo fuentes de Java para la mini aplicación Red5, y el fuente para mtasc del conector swf). Se podría decir que el software esta en pre-beta, pero tiene muy poca esperanza de vida (una felicitación a mediados de Enero deja de tener sentido), pero cualquier sugerencia, crítica o comentario será como siempre bienvenido.
Por cierto a lo curiosidad, el diseño de la postal se ha realizado utilizando inkscape.
Algunos enlaces de interes:
- Postal original: http://zorionak.irontec.com
- Código fuente integro: http://zorionak.irontec.com/zorionak_irontec_2010.tar.gz
