AJA

X AJAXUn nuevo enfoque a las

aplicaciones Web

Por: Juan Carbajal PaxiPor: Juan Carbajal Paxi

FliSol 2008 2

AJA

XAGENDA

● INTRODUCCIÓN.

● HISTORIA.

● DEFINICIÓN.

● COMPARACIÓN.

● XMLHttpRequest.

● APLICACIÓN.

● HERRAMIENTAS.

● ENLACES.

FliSol 2008 3

AJA

XINTRODUCCIÓN

● El desarrollo web avanza, evolucionando y aprendiendo de su entorno, para satisfacer los requerimientos del Usuario Final.

FliSol 2008 4

AJA

XHISTORIA

● En el 2004 se presentaron algunos grandes Web UIs, bastante avanzados que dieron inicio a Web 2.0.

● Algunos de los Grandes: Google.

FliSol 2008 5

AJA

XHISTORIA

● Publicado por Jesse James Garrett en Ajax: A New Approach to Web Applications

FliSol 2008 6

AJA

XDEFINICIÓN

● Asynchronous

● JavaScript

● And

● XML

FliSol 2008 7

AJA

XDEFINICIÓN

● AJAX usa la combinación de:

– 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 8

AJA

XCOMPARACIÓN

FliSol 2008 9

AJA

XCOMPARACIÓN

FliSol 2008 10

AJA

X

FliSol 2008 11

AJA

X¿DÓNDE SE APLICA AJAX?

FliSol 2008 12

AJA

X¿DÓNDE SE APLICA AJAX?

FliSol 2008 13

AJA

X¿DÓNDE SE APLICA AJAX?

FliSol 2008 14

AJA

X¿DÓNDE SE APLICA AJAX?

FliSol 2008 15

AJA

X¿DÓNDE SE APLICA AJAX?

FliSol 2008 16

AJA

X¿DÓNDE SE APLICA AJAX?

FliSol 2008 17

AJA

X¿DÓNDE SE APLICA AJAX?

FliSol 2008 18

AJA

X¿DÓNDE SE APLICA AJAX?

FliSol 2008 19

AJA

XXMLHttpRequest

● El corazón de AJAX es el objeto XMLHttpRequest que permite, desde 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 20

AJA

XXMLHttpRequest

FliSol 2008 21

AJA

XAPLICACIÓN

FliSol 2008 22

AJA

X¿Cuándo usar AJAX?

● Interacción de Formularios.

● 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 23

AJA

X¿Cuándo no usar AJAX?

● Formularios Simples.

● Búsquedas

● Navegación básica.

● Reemplazo de gran cantidad de texto.

● Manipulación de la página.

● Uso de Efectos

FliSol 2008 24

AJA

XCONCLUSIÓN

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

FliSol 2008 25

AJA

XHERRAMIENTAS:NAVEGADORES

● Microsoft Internet Explorer (Versión >=5)

● 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 26

AJA

XHERRAMIENTAS: LIBRERIAS

Y FRAMEWORKS● XOAD

● Prototype (XML)

● Dojo Toolkit (DOM)

● AJason

● AjaxAC

● Ajax Agent

● Cajax

● Xajax

● Dutchpipe

● HTSWaf

● jspan

● My-BIC

● HtmlAjax

● pipeline

● Qcodo

● TinyAjax

FliSol 2008 27

AJA

XLUGARES

INTERESANTES● A9, Buscador de Amazon.com

● 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 28

AJA

XENLACES A VISITAR

● http://www.ajaxian.com

● http://www.ajaxhispano.com

● http://www.ajaxrain.com

● http://www.somoslibres.org

FliSol 2008 29

AJA

X

CONTACTOS:juancarbajal@gmail.com

SomosLibres.org

EMSSOL 2006Encuentro Macroregional Sur de Software Libre