Caracteristicas HTML5 – Realtime Comunication

RealTime / Communication

Siguiendo con los posts relacionados con HTML5 y sus novedades, ya vimos cómo usar el Offline Storage y hoy veremos otra de las nuevas caracterísitcas del html5 es la llamada “comunicación en Tiempo Real”. Con estas nuevas funcionalidades acercamos cada vez más al navegador (sea Chrome, Firefox, Safari…) a convertirlo en un sistema operativo por si mismo.

WebWorkers

Nos permite ejecutar “hilos” de procesamiento como tareas en “background” sin interrumpir las acciones actuales del usuario. Es decir, podemos llamar a un archivo javascript para que realice cálculos o acciones de fondo sin que el usuario note esa “carga” de procesamiento; sin que se “trabe el cursor del mouse ni el scroll” y mejorando la experiencia de usuario.

Su uso es muy sencillo, instanciamos a un nuevo Worker y a continuación le enviamos un mensaje para que ejecute y veremos el resultado de la respuesta:

var worker = new Worker(“calcular.js”);
worker.postMessaje(1);
worker.onmessage = function(evt)//ABRO LLAVE
alert(evt.data);
//CIERRO LLAVE

Y el archivo calcular.js

onmessage = function (evt) //ABRO LLAVE
postMessage(123);
//CIERRO LLAVE

Podemos ver otro ejemplo en esta web

WebSocket

Mediante los WebSockets establecemos una conexión bidireccional con un servidor o webservice. La ventaja de esto es que no necesitamos ni un applet de Java, ni de Flash, ni de nada! Ya viene este servicio increible embebido en el navegador. Además como ventaja de envío y recepciín de mensajes, no tenemos el overhead de las cabeceras http que se envian una y otra vez por ejemplo usando AJAX y copiando la informacion de las cookies que pudiera ser innecesaria. Un ejemplo básico para el uso de los websockets podria ser para crear una sala de chat, o para verificar si un usuario sigue conectado o no en un juego multiplayer. Podemos ver un ejemplo en código JS aqui.

Notifications

(sólo Chrome) Permite un sistema de notificaciones a determinados eventos al estilo de Growl de Mac. Es decir, un cartelito que aparece por encima del browser arriba a la derecha y te dice “tienes un nuevo email”. Sólo que en este caso, los desarrolladores de sitios web son los encargados de crear las notificaciones. Tambien podría ser util para sitios de juegos de apuestas online por ejemplo, en donde se nos puede ir notificando de quien entra o sale de una sala.

Si no vieron el post sobre el Almacenamiento Local, pueden ir al post.

La semana que viene veremos File / Hardware Access

Leave a Reply

Your email address will not be published. Required fields are marked *