PDF de programación - COMET: Un siguiente paso al Ajax moviendo de las aplicaciones web tradicionales a un nuevo estilo

COMET: UN SIGUIENTE PASO AL AJAX

MOVIENDO DE LAS APLICACIONES WEB TRADICIONALES A

UN NUEVO ESTILO.



RESUMEN

Facultad de Ciencias y Tecnología, Universidad Católica de Asunción

Luis Enrique Oviedo Chaparro

Asunción, Paraguay
[email protected]

La Tecnología COMET consiste en la aplicación de una “vieja” técnica Web que
lentamente está resucitando desde las profundidades de la historia, el cual nos
permite crear aplicaciones colaborativas, interactivas y actualizadas , sacando un
mejor provecho a las capacidades de los navegadores actuales.



INTRODUCCIÓN

El paradigma tradicional de la Web es Síncrona. Esto indica que para cada pedido
desde un cliente (Navegador Web) existe una correspondiente respuesta de un
servidor (Servidor Web). Cuando una página Web es visualizada, los datos
contenidos en la misma son estáticos en el navegador del usuario y estos datos no
son actualizados hasta que la página sea refrescada nuevamente. Sin embargo existe
un número creciente de aplicaciones que necesitan una visualización de los datos
más recientes, que son continuamente actualizados en tiempo real. Algunos ejemplos
de estas aplicaciones son:


- Precios de Stock de los sitios de compra on-line, principalmente.
- Resultados de Competencias Deportivas que necesiten actualizar

constantemente sus resultados.

- Sitios de Apuestas.
- Mensajes intercambiados a través de las comunidades virtuales.



Son pocos ejemplos de los sistemas que, por la necesidad de ofrecer lo máximo en
usabilidad y calidad para el usuario, requiere una continua actualización de los datos
visualizados en el navegador. En síntesis, debido a la dinámica propia del servicio,
se hace crítica mantener una actualización constante de la información requerida por
el usuario.
Algunas aplicaciones utilizan una técnica de polling donde sea requerida una
actualización automática. Mediante esta técnica resolvemos parcialmente el
problema, debido a que:


- La frecuencia de actualización no puede ser alta, debido a que el paradigma
se mantiene síncrono (requerimiento/respuesta), lo que implica que también
es imposible recibir datos en tiempo real.

- El ancho de banda ocupado es alto, para cada pedido por parte del navegador,

es transferida la página web completa, en vez de transferirse únicamente los
datos que necesitan ser actualizados.

- El impacto en los Servidores Web son enormes, porque necesita complacer

una alta cantidad de pedidos de página inclusive si los usuarios están
inactivos.



Para solucionar estos problemas desde la fuente, es necesario un cambio de
paradigma. En otras palabras, algún sistema push o de streaming es necesario con un
mecanismo que provea un continuo flujo de datos desde el servidor hasta el cliente,
sin que el cliente necesite realizar un pedido de la página web entera, realizando en
vez de lo anterior el manejo adecuado a una tipología de datos y solamente esperar
la recepción de las actualizaciones en tiempo real de los datos, a medida que vayan
ocurriendo.



EVOLUCIÓN DE LA RED


Cuando la red inició, nos encontrábamos en un entorno estático, con páginas en
HTML que sufrían pocas actualizaciones y no tenían interacción con el usuario. Este
estado de la red es lo que se denominó como Web 1.0.

Continuamente, la red fue creciendo debido al éxito de las páginas web. Este éxito a
su vez tuvo como consecuencia la necesidad de ofrecer nuevos servicios de carácter
cada vez más dinámico. Por tanto la red fue apuntando hacia servicios donde es
necesaria la actualización de los datos en un tiempo cada más corto.
Así la red dio un pasó mas, y este paso consistió en webs dinámicas donde las CMS (
Content Manager System, Sistema de Gestión de Contenido), que son interfaces que
controlan una o varias bases de datos donde se alojan todos los contenidos del sitio
en cuestión, servían páginas HTML dinámicas creadas sobre el vuelo desde una base
de datos en actualización. A este paso algunos lo consideraron como Web 1.5.

Al situarnos en este estado, para las páginas web, el conseguir hits (visitas) y la
estética visual eran considerados como unos factores muy importantes, por lo que los
principales propulsores y desarrolladores de avances en al red fueron vislumbrando
que el uso de las redes debería estar orientado a la interacción y redes sociales, que
pueden servir contenido que explota los efectos de las redes con o sin crear webs
interactivas y visuales. Es decir, estos sitios con estas características cumplen más
bien funciones de puntos de encuentro, o webs dependientes de usuarios, que como
webs tradicionales. A este estado es donde se pretende llegar al mencionar la Web
2.0.

Sintetizando, La Web 2.0 se refiere a la transición percibida en Internet desde las
webs tradicionales a aplicaciones web destinadas a usuarios. La gente involucrada en
esta idea espera que los servicios sustituyan a las aplicaciones de escritorio en
muchos usos.


Comparación entre la Web 1.0 y la Web 2.0
La infraestructura de la Web 2.0 es compleja y evoluciona, incluye el software del
servidor, sindicación de contenidos, protocolos de mensajes, navegadores basados en
estándares, y aplicaciones para clientes
. Una Web se puede decir que esta usando
tecnología de Web 2.0 si se caracteriza por las siguientes técnicas:


- Técnicas de aplicación no intrusita (como AJAX).

Java Web Star.

-
- CSS , marcado XHTML válido semánticamente.
- URLs sencillas y con significado.
- Soporte para postear en un blog.
- Algunos aspectos de redes sociales.


Existen otras técnicas, cuyo uso también implican usar tecnología de la Web 2.0,
pero los en general los principios o bases a seguir son:


- El sitio no debe actuar como un “jardín cerrado”, la información debe poder

introducirse y extraerse fácilmente.

- Los usuarios deben controlar su propia información.
- Basada exclusivamente en la Web. Los sitios Web 2.0 con más éxito pueden

ser utilizados enteramente desde un navegador .


En el siguiente cuadro observamos una comparativa de los servicios y páginas web
que utilizan características de la Web 1.0 y de Web 2.0:



WEB 1.0

WEB 2.0

DoubleClick
Ofoto
Akamai
mp3.com
Britannica Online
webs personales
evite
especulación de nombres de
dominio
páginas vistas
screen scraping
publicar
Páginas estáticas
directorios (taxonomías)
stickiness

Google Adsense
Flickr
BitTorrent
Napster
Wikipedia
blogging
upcoming org y EVDB
optimización en máquinas de
búsqueda
coste por click
servicios web
participación
CMS
etiquetas ( "folksonomy" )
sindicación



El siguiente cuadro ilustra el paso intermedio entre lo llamado Web 1.0 y la Web 2.0
y las aplicaciones webs intervinientes:


WEB 1.0

WEB 1.5

WEB 2.0

Páginas Personales
Email/ Grupo de Noticias
mp3
Terraserver
Británica Online


Wikis
Foros de Discusión
Napster
MapQuest



Blogging
RSS-Sindication
iTunes
Google Maps
Wikipedia
Flickr

Sintetizando la filosofía de la Web 2.0, la misma no es un cambio tecnológico en su
totalidad, pero sí un cambio en la filosofía con la que los usuarios y las empresas se
plantean Internet. En una síntesis de la síntesis, podemos decir que:

“la Web 1.0 es la Read Only Web, mientras que la Web 2.0 es la Writable Web”


La revisión exhaustiva de las técnicas y servicios utilizados en la evolución de la
Web no es el motivo de este trabajo, aunque dentro de esta nueva manera de entender
la Web, están enmarcadas ciertas tecnologías que cumplen los roles fundamentales
en el desarrollo del mismo, AJAX y subsecuentemente COMET.



AJAX: UN NUEVO ENFOQUE PARA LAS APLICACIONES WEB

Una de las nuevas técnicas de programación utilizadas para el desarrollo del nuevo
estilo de las páginas web es AJAX:
AJAX, Es la técnica de utilizar una serie de tecnologías de forma conjunta como
XML, JavaScript y objetos de cliente (MICROSOFT.XMLHTTP o XMLHttpRequest)
que permite a las aplicaciones web comportarse de una manera, podría decirse
similar a la de las aplicaciones de escritorio, consiguiendo para esto una navegación
más ágil y rápida. Más dinámica.

AJAX es el acrónimo de Asynchronous Javascript And XML:



Las peticiones pueden ser síncronas o asíncronas, las asíncronas
engañan más porque el cliente sigue trabajando con la aplicación
mientras se resuelve la petición.

Lenguaje que controla las acciones del cliente

• Asynchronous

• JavaScript
• XML

Suele o puede ser el contenido de los mensajes de solicitud



XMLHTTPREQUEST
Es una API que se encuentra implementado en el navegador que proporciona los
métodos y propiedades necesarios para la comunicación con el servidor.
Originalmente fue desarrollada por Microsoft como objeto ActiveX, discponible
desde Internet Explorer. Esta API es utilizada por varios lenguajes de scripting,
tales como JavaScript, Jscript VBScript y otros lenguajes de scripting de
navegadores web. Lo fundamental de esta API es que emplea un canal de conexión
independiente.

¿Cómo funciona AJAX?
Brevemente explicados estos son los pasos que se siguen en el funcionamiento de
AJAX:
Inicialmente un usuario provoca un evento, luego se crea y configura un objeto
XMLHttpRequest. El objeto XMLHttpRequest realiza una llamada al servidor, la
petición se procesa en el servidor, el servidor retorna un documento XML que
contienen el resultado, el objeto XMLHttpRequest llama a la función callback() y
procesa el resultado y finalmente se actualiza el DOM de la página asociado con la
petición con el resultado devuelto.



El siguiente cuadro realiza una comparación entre el modelo de aplicaciones clásico
y el modelos de aplicaciones Web AJAX:



Cuadro comparativo entre el funcionamiento de las aplicaciones Web tradicionales,
de manera síncrona y el funcionamien