PDF de programación - AJAX

AJAX

Ricardo Fraile Martínez

Davide Proserpio

Software de

Comunicaciones

2007-2008

Departamento de Ingeniería Telemática

Universidad Carlos III de Madrid

Contenido

Introducción
•
• Descripción
• Ventajas y Desventajas
• Desarrollo
• Ejemplos
• Conclusiones
• Referencias
• Fin

Software de

Comunicaciones

2007-2008

2
2

Introducción

• Es una

técnica de desarrollo web para crear

aplicaciones interactivas

• Permite realizar cambios sobre las páginas webs sin

necesidad de recargarlas.

• Soportado por:

– Internet Explorer
– Mozilla Firefox
– Apple Safari
– Opera 8
– ….

Software de

Comunicaciones

2007-2008

3
3

Descripción

• AJAX (Asynchronous JavaScript And XML)
• No es una tecnología, sino la unión de varias tecnologías

las aplicaciones de

para desarrollar Aplicaciones Web.
• Permite conseguir riqueza de

escritorio.

• El modelo

clásico

petición/respuesta (modo sincróno) .

de

aplicaciones Web:

• En vez de cargar un pagina Web, al inicio de la sesión, el

navegador carga al motor AJAX.

Software de

Comunicaciones

2007-2008

4
4

Descripción (II)

Software de

Comunicaciones

2007-2008

5

Descripción (III)

la

• El motor AJAX permite
que
interacción del
usuario con la aplicación
suceda
forma
asíncrona.

de

• Mejora la interacción con

el servidor

Software de

Comunicaciones

2007-2008

6

Ventajas y Desventajas

• Ventajas:

– La experiencia de usuario es mucho más rica.
– El tiempo de espera para una petición se reduce.
– El tráfico al servidor se reduce.

• Desventajas:

– Falta de integración con el botón retroceder del navegador.
– Falta de soporte para todos los navegadores.
– Problemas si el usuario deshabilita el uso de JavaScript
– No poder recomendar links específicos.
– Demasiado código Ajax hace lento el navegador.

Software de

Comunicaciones

2007-2008

7

Desarrollo

• Existen infinidad de herramientas que utilizan ajax:

– Prototype: framework basado en JavaScript
– Dojo: framework que contiene APIs y widgets (controles)
para facilitar el desarrollo de aplicaciones Web que utilicen
tecnología AJAX.

– Ajax.NET Professional: librería AJAX para Microsoft

ASP.NET y trabaja con .NET 1.1 y 2.0.

– Bajax: pequeña y simple librería JavaScript para usar

AJAX en nuestra páginas web

– …

Software de

Comunicaciones

2007-2008

8
8

Ejemplos

• Ejemplos:

– Google maps
– Gmail
– Start.com (con RSS)
– Zimba (correo y calendario)

• Street view de
google maps:

Software de

Comunicaciones

2007-2008

9

Conclusiones

• Desde su aparición supuso un aumento en la riqueza de

la interacción con la Web.

• No necesita recargar la pagina para variar su contenido.
• Páginas usadas diariamente por millones de personas

no serían posibles sin esta tecnología.

• Muchas herramientas de desarrollo.

Software de

Comunicaciones

2007-2008

10

Referencias

• http://es.wikipedia.org/wiki/AJAX
• http://www.ibm.com/developerworks/web/library/wa-

ajaxintro1.html

• http://www.ibm.com/developerworks/web/library/wa-

ajaxintro2/index.html

• http://adaptivepath.com/ideas/essays/archives/000385.php
• http://www.maestrosdelweb.com/editorial/ajax/
• http://geeks.ms/blogs/sergiotarrillo/archive/2007/01/09/8420

.aspx

• http://www.ribosomatic.com/articulos/top-librerias-ajax-

dhtml-y-javascript/

11

Software de

Comunicaciones

2007-2008

Fin

• ¿Preguntas?
• Muchas Gracias

Software de

Comunicaciones

2007-2008

12