Ponencia sobre AJAX y desarrollo web.

1. AJAX
AJAX
Un nuevo enfoque a las
aplicaciones Web
Por: Juan Carbajal Paxi

2. AGENDA
● INTRODUCCIÓN.
AJAX
● HISTORIA.
● DEFINICIÓN.
● COMPARACIÓN.
● XMLHttpRequest.
● APLICACIÓN.
● HERRAMIENTAS.
● ENLACES.
FliSol 2008 2

3. INTRODUCCIÓN
● El desarrollo web
avanza,
AJAX
evolucionando y
aprendiendo de su
entorno, para
satisfacer los
requerimientos del
Usuario Final.
FliSol 2008 3

4. HISTORIA
● En el 2004 se
presentaron
AJAX
algunos grandes
Web UIs, bastante
avanzados que
dieron inicio a Web
2.0.
● Algunos de los
Grandes: Google.
FliSol 2008 4

5. HISTORIA
● Publicado por Jesse James Garrett en
Ajax: A New Approach to Web Applications
AJAX
FliSol 2008 5

6. DEFINICIÓN
● Asynchronous
AJAX
● JavaScript
● And
● XML
FliSol 2008 6

7. DEFINICIÓN
● AJAX usa la combinación de:
AJAX
– XHTML, HTML, CSS para mostrar el
estilo de la información.
– DOM (Document Object Model)
accedido desde JavaScript.
– El Objeto XMLHttpRequest.
– XML: Formato para transferencia de
Datos.
FliSol 2008 7

8. AJAX COMPARACIÓN
FliSol 2008 8

9. AJAX COMPARACIÓN
FliSol 2008 9

10. AJAX
FliSol 2008 10

11. AJAX ¿DÓNDE SE APLICA AJAX?
FliSol 2008 11

12. AJAX ¿DÓNDE SE APLICA AJAX?
FliSol 2008 12

13. AJAX ¿DÓNDE SE APLICA AJAX?
FliSol 2008 13

14. AJAX ¿DÓNDE SE APLICA AJAX?
FliSol 2008 14

15. AJAX ¿DÓNDE SE APLICA AJAX?
FliSol 2008 15

16. AJAX ¿DÓNDE SE APLICA AJAX?
FliSol 2008 16

17. AJAX ¿DÓNDE SE APLICA AJAX?
FliSol 2008 17

18. AJAX ¿DÓNDE SE APLICA AJAX?
FliSol 2008 18

19. XMLHttpRequest
● El corazón de AJAX es el objeto
XMLHttpRequest que permite, desde
AJAX
javascript, obtener el contenido de una
URL sin tener que actualizar
completamente la página. Es así que una
página HTML puede acceder a datos sin
tener que actualizarse y en tiempo real.
FliSol 2008 19

20. AJAX XMLHttpRequest
FliSol 2008 20

21. AJAX APLICACIÓN
FliSol 2008 21

22. ¿Cuándo usar AJAX?
● Interacción de Formularios.
AJAX
● Profundidad de Jerarquía en el árbol de
navegación.
● Rápida comunicación de Usuario a
Usuario.
● Sistemas de Votación y Encuesta.
● Filtro y Manipulación de Datos.
● Auto complemento de Textos.
FliSol 2008 22

23. ¿Cuándo no usar AJAX?
● Formularios Simples.
AJAX
● Búsquedas
● Navegación básica.
● Reemplazo de gran cantidad de texto.
● Manipulación de la página.
● Uso de Efectos
FliSol 2008 23

24. CONCLUSIÓN
● Con AJAX, se pueden crear mucho más
ricas y dinámicas interfaces para
AJAX
aplicaciones Web; que como resultado
provee de inmediatez y usabilidad de
aplicaciones de mesa nativas.
FliSol 2008 24

25. HERRAMIENTAS:
NAVEGADORES
● Microsoft Internet Explorer (Versión >=5)
AJAX
● Nav. Basados en Gecko: Mozilla, Mozilla
Firefox, SeaMonkey, Camino, Flock,
Epiphany, Galeon y Netscape.
● Navegadores con API KHTML (Versión
>=3.2): Konqueror 3.2, Apple Safari 1.2,
Web Browser for S60 de Nokia.
● Opera , Opera Movile Browser (Versión
>=8.0)
FliSol 2008 25

26. HERRAMIENTAS: LIBRERIAS
Y FRAMEWORKS
● XOAD ● Dutchpipe
AJAX
● Prototype (XML) ● HTSWaf
● Dojo Toolkit (DOM) ● jspan
● AJason ● My-BIC
● AjaxAC ● HtmlAjax
● Ajax Agent ● pipeline
● Cajax ● Qcodo
● Xajax ● TinyAjax
FliSol 2008 26

27. LUGARES
INTERESANTES
● A9, Buscador de Amazon.com
AJAX
● Flickr, Albunes de Fotos.
● Oddpost, Servicio avanzado de Yahoo!
● Basecamp, servicio de gestión de
proyectos diseñado por 37Signals sobre
plataforma Rails.
● Meebo, Servicio de Mensajería Instantánea
● AjaxWrite, Procesador de Textos.
FliSol 2008 27

28. ENLACES A VISITAR
● http://www.ajaxian.com
AJAX
● http://www.ajaxhispano.com
● http://www.ajaxrain.com
● http://www.somoslibres.org
FliSol 2008 28

29. EMSSOL 2006
Encuentro Macroregional Sur de Software Libre
AJAX
CONTACTOS:
juancarbajal@gmail.com
SomosLibres.org
FliSol 2008 29