Download - Ajax: Un nuevo enfoque - flisol2008
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:[email protected]
SomosLibres.org
EMSSOL 2006Encuentro Macroregional Sur de Software Libre