miércoles 24 de octubre de 2007

ajax e interoperabilidad

Hacer una aplicación ajax es más costosa que hacer una aplicación web normal. No solo es costosa debido a que se necesita más conocimiento específico, sino que además la aplicación debe mantener la versión normal para que pueda ser accesible desde dispositivos más básicos como son una PDA o un teléfono movil.

Sería deseable no tener que mantener dos aplicaciones diferentes. Para esto habría que aplicar en primer lugar ingeniería del software y modelos basados en capas para que el cambio sea solo a nivel de presentación. Pero aun así sería deseable mantener la misma capa de presentación para ambas versiones y que esta funcione bien en cualquier dispositivo.

En esta entrada de blog, comentaré la idea básica que hemos aplicado con éxito para conseguirlo.

Para hacer esa web adaptable al dispositivo sin tener que hacer dos versiones, lo que haremos es crear la versión básica que funciona en cualquier sitio. A partir de esa versión contruiremos la parte de javascript + ajax.

¿Como unimos ambas partes (versión básica y javascript+ajax)? si cambiamos algo de la parte básica para meterle el javascript lo más probable es que deje de funcionar en dispositivos pequeños. Por tanto la idea será unirlas mediante javascript. Esto significa que mediante javascript debemos cambiar la funcionalidad básica de los forms, de los enlaces t de todas aquellas cosas que lleven ajax, para que en lugar de hacer la acción por defecto, hagan la acción javascript asincrona.

Con esta solución, si el dispositivo no es capaz de ejecutar javascript, no modificará en lo más mínimo la funcionalidad básica, y por tanto le funcionará todo correctamente. En cambio, si el dispositivo si es capaz de ejecutar javascript, entonces cambiará la funcionalidad básica y se ejecutará todo mediante ajax.

Como vemos se ha integrado en una sola versión las dos funcionalidades.

José Carlos Calvo Tudela

martes 9 de octubre de 2007

La importancia de ajax

Muchas webs hoy día incorporan tecnologías ajax para hacer que la interfaz de usuario sea más cómoda y dinámica. En la web de la ETSIIT se usa ajax en sitios puntuales que hacen que la web tenga un punto muy atractivo.

Hay mucha diferencia entre las webs que no lo usan y las que si lo usan. El no usar ajax implica muchos refrescos de página, navegación más incómoda y menos intuitiva. En cambio, usar ajax crea una web atractiva, dinámica e intuitiva.

Las principales tecnologías o siglas que necesitamos conocer para usar ajax son: json, xml, xsl, xpath, http, dom, eventos,...

No necesitamos todas las tecnologías anteriormente citadas, ya que hay diferentes formas de hacer funcionalidades ajax. Por ejemplo podemos elegir entre xml+xsl o xml+xpath+dom o json+dom o muchas otras composiciones.

Más adelante podemos ver cada cosa en detalle


José Carlos Calvo Tudela