“AJAX no es una tecnología, sino la unión de varias tecnologías que juntas pueden lograr cosas realmente impresionantes como GoogleMaps, Gmail el Outlook Web Access (ref) o algunas otras aplicaciones muy conocidas: AJAX, en resúmen, es el acrónimo para Asynchronous JavaScript + XML y el concepto es: Cargar y renderizar una página, luego mantenerse en esa página mientras scripts y rutinas van al servidor buscando, en background, los datos que son usados para actualizar la página solo re-renderizando la página y mostrando u ocultando porciones de la misma”.
Junto con esta introducción, obtenida de la traducción del artículo de James Garret (primer artículo de nuestro comentario, en el que se describen las funcionalidades de AJAX) publicada en Denken Über, os referenciamos otro publicado en Mosaic por César Tardáguila sobre las ventajas e inconvenientes AJAX frente a Flash.
Por último incluimos referencias a enlaces de recursos relativos a AJAX.
Artículos sobre AJAX
Ajax: A New Approach to Web Applications de James Garret (en Inglés) y AJAX un nuevo acercamiento a Aplicaciones Web en uberbin.net (traducción al Español del anterior)
Desde nuestro punto de vista es un artículo de referencia sobre este tema. Explica, de una forma realmente sencilla, la diferencia de funcionamiento entre las aplicaciones web “clásicas” en las que la mayoría de las acciones del usuario en la interfaz disparan un requerimiento HTTP al servidor web y el servidor, depués de efectuar un proceso (recopila información, procesa números, hablando con varios sistemas propietarios), le devuelve una pagina HTLM al cliente; y las aplicaciones basadas en AJAX.
“Una aplicación AJAX elimina la naturaleza “arrancar-frenar- arrancar-frenar” de la interacción en la Web introduciendo un intermediario -un motor AJAX- entre el usuario y el servidor. Parecería que sumar una capa a la aplicación la haría menos reactiva, pero la verdad es lo contrario.
En vez de cargar un pagina Web, al inicio de la sesión, el navegador carga al motor AJAX (escrito en JavaScript y usualmente asociado en un frame oculto). Este motor es el responsable por renderizar la interfaz que el usuario ve y por comunicarse con el servidor en nombre del usuario. El motor AJAX permite que la interacción del usuario con la aplicación suceda asincrónicamente (independientemente de la comunicación con el servidor). Así el usuario nunca estará mirando una ventana en blanco del navegador y un icono de reloj de arena esperando a que el servidor haga algo.”
En ambos artículos se ilustra esta diferencia de funcionamiento mediante los siguientes diagramas:
- Diferencias de funcionamiento entre una aplicación web clásica y una apliación que utiliza AJAX. Fuente: Ajax: A New Approach to Web Applications
- El patrón de interacción sincrónica de una aplicación Web tradicional (arriba) comparada con el patrón asincrónico de una aplicación AJAX (abajo). Fuente: Ajax: A New Approach to Web Applications
“Cada acción de un usuario que normalmente generaría un requerimiento HTTP toma la forma de un llamado JavaScript al motor AJAX en vez de ese requerimiento. Cualquier respuesta a una acción del usuario que no requiera una viaje de vuelta al servidor (como una simple validación de datos, edición de datos en memoria, incluso algo de navegación) es manejado por su cuenta. Si el motor necesita algo del servidor para responder (sea enviando datos para procesar, cargar código adicional, o recuperando nuevos datos) hace esos pedidos asincrónicamente, usualmente usando XML, sin frenar la interacción del usuario con la aplicación.”
La dualidad en el desarrollo de interfaces web: ¿Ajax o Flash?, artículo de César Tardáguila en la revista Mosaic
En este otro artículo se intenta orientar sobre la elección entre AJAX y Flash a la hora de diseñar una interface de usuario. El autor intenta zanjar la discusión simplificando las diferencias básicas entre ambos:
“el uso de tecnologías propietarias, o abiertas, y es que el player o máquina virtual de Flash es algo cerrado, propiedad de Adobe, y el HTML dinámico basado en comunicaciones asíncronas depende de un objeto (XMLHTTPRequest) propiedad de Microsoft, aunque implementado por todos los navegadores modernos”
El artículo hace un interesante repaso al origen de ambas tecnologías para, finalmente, destacar la ventajas e inconvenientes de ambas tecnologías:
| AJAX | |
| Lo bueno | Lo malo |
|
|
| Flash | |
| Lo bueno | Lo malo |
|
|
Otras referencias sobre AJAX:
- Manual de AJAX Completo tutorial en PDF de la técnica de programación con fuentes y varios videos
- Introducción a AJAX (en español)
- AJAX: The Official Microsoft ASP.NET AJAX Site Sitio oficial de Microsoft (en inglés)
- Ajax Módulos Perl en CPAN (en inglés)
- AjaxDaddy Galería de ejemplos y su correspondiente código
- Introducción a AJAX Comenzando desde cero y llegando hasta las técnicas más avanzadas (Contenido en web y en PDF).
- Curso de AJAX
- Como crear un motor AJAX (parte I) Artículo sobre Como crear un motor AJAX.
- Como crear un motor AJAX (parte II) La continuación.
- Referencias de AJAX, y un buen ejemplo AJAX DWR
The AJAX: artículos de interés by AlmacenPlantillasWeb, unless otherwise expressly stated, is licensed under a Creative Commons Attribution-Noncommercial-Share Alike 3.0 Spain License.
Trackbacks/Pingbacks
Información Bitacoras.com…
Valora en Bitacoras.com: Articulos de interes sobre AJAX y una comparativa de AJAX con Flash….
[...] AJAX: artículos de interés [...]
[...] AJAX: artículos de interés | Diseño web, accesibilidad, usabilidad … Tags: web Share this post! Twitter Digg Facebook Delicious StumbleUpon Google Bookmarks LinkedIn Technorati Favorites This entry was posted on 17 Diciembre 2009 at 22:14 pm, and is filed under Sin categoría. Follow any responses to this post through RSS 2.0. You can leave a response or trackback from your own site. [...]