Ajax: Un nuevo enfoque - flisol2008
-
Upload
juan-carbajal -
Category
Technology
-
view
625 -
download
2
description
Transcript of Ajax: Un nuevo enfoque - flisol2008
![Page 1: Ajax: Un nuevo enfoque - flisol2008](https://reader036.fdocuments.ec/reader036/viewer/2022062710/559885e31a28ab53198b45af/html5/thumbnails/1.jpg)
AJA
X AJAXUn nuevo enfoque a las
aplicaciones Web
Por: Juan Carbajal PaxiPor: Juan Carbajal Paxi
![Page 2: Ajax: Un nuevo enfoque - flisol2008](https://reader036.fdocuments.ec/reader036/viewer/2022062710/559885e31a28ab53198b45af/html5/thumbnails/2.jpg)
FliSol 2008 2
AJA
XAGENDA
● INTRODUCCIÓN.
● HISTORIA.
● DEFINICIÓN.
● COMPARACIÓN.
● XMLHttpRequest.
● APLICACIÓN.
● HERRAMIENTAS.
● ENLACES.
![Page 3: Ajax: Un nuevo enfoque - flisol2008](https://reader036.fdocuments.ec/reader036/viewer/2022062710/559885e31a28ab53198b45af/html5/thumbnails/3.jpg)
FliSol 2008 3
AJA
XINTRODUCCIÓN
● El desarrollo web avanza, evolucionando y aprendiendo de su entorno, para satisfacer los requerimientos del Usuario Final.
![Page 4: Ajax: Un nuevo enfoque - flisol2008](https://reader036.fdocuments.ec/reader036/viewer/2022062710/559885e31a28ab53198b45af/html5/thumbnails/4.jpg)
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.
![Page 5: Ajax: Un nuevo enfoque - flisol2008](https://reader036.fdocuments.ec/reader036/viewer/2022062710/559885e31a28ab53198b45af/html5/thumbnails/5.jpg)
FliSol 2008 5
AJA
XHISTORIA
● Publicado por Jesse James Garrett en Ajax: A New Approach to Web Applications
![Page 6: Ajax: Un nuevo enfoque - flisol2008](https://reader036.fdocuments.ec/reader036/viewer/2022062710/559885e31a28ab53198b45af/html5/thumbnails/6.jpg)
FliSol 2008 6
AJA
XDEFINICIÓN
● Asynchronous
● JavaScript
● And
● XML
![Page 7: Ajax: Un nuevo enfoque - flisol2008](https://reader036.fdocuments.ec/reader036/viewer/2022062710/559885e31a28ab53198b45af/html5/thumbnails/7.jpg)
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.
![Page 8: Ajax: Un nuevo enfoque - flisol2008](https://reader036.fdocuments.ec/reader036/viewer/2022062710/559885e31a28ab53198b45af/html5/thumbnails/8.jpg)
FliSol 2008 8
AJA
XCOMPARACIÓN
![Page 9: Ajax: Un nuevo enfoque - flisol2008](https://reader036.fdocuments.ec/reader036/viewer/2022062710/559885e31a28ab53198b45af/html5/thumbnails/9.jpg)
FliSol 2008 9
AJA
XCOMPARACIÓN
![Page 10: Ajax: Un nuevo enfoque - flisol2008](https://reader036.fdocuments.ec/reader036/viewer/2022062710/559885e31a28ab53198b45af/html5/thumbnails/10.jpg)
FliSol 2008 10
AJA
X
![Page 11: Ajax: Un nuevo enfoque - flisol2008](https://reader036.fdocuments.ec/reader036/viewer/2022062710/559885e31a28ab53198b45af/html5/thumbnails/11.jpg)
FliSol 2008 11
AJA
X¿DÓNDE SE APLICA AJAX?
![Page 12: Ajax: Un nuevo enfoque - flisol2008](https://reader036.fdocuments.ec/reader036/viewer/2022062710/559885e31a28ab53198b45af/html5/thumbnails/12.jpg)
FliSol 2008 12
AJA
X¿DÓNDE SE APLICA AJAX?
![Page 13: Ajax: Un nuevo enfoque - flisol2008](https://reader036.fdocuments.ec/reader036/viewer/2022062710/559885e31a28ab53198b45af/html5/thumbnails/13.jpg)
FliSol 2008 13
AJA
X¿DÓNDE SE APLICA AJAX?
![Page 14: Ajax: Un nuevo enfoque - flisol2008](https://reader036.fdocuments.ec/reader036/viewer/2022062710/559885e31a28ab53198b45af/html5/thumbnails/14.jpg)
FliSol 2008 14
AJA
X¿DÓNDE SE APLICA AJAX?
![Page 15: Ajax: Un nuevo enfoque - flisol2008](https://reader036.fdocuments.ec/reader036/viewer/2022062710/559885e31a28ab53198b45af/html5/thumbnails/15.jpg)
FliSol 2008 15
AJA
X¿DÓNDE SE APLICA AJAX?
![Page 16: Ajax: Un nuevo enfoque - flisol2008](https://reader036.fdocuments.ec/reader036/viewer/2022062710/559885e31a28ab53198b45af/html5/thumbnails/16.jpg)
FliSol 2008 16
AJA
X¿DÓNDE SE APLICA AJAX?
![Page 17: Ajax: Un nuevo enfoque - flisol2008](https://reader036.fdocuments.ec/reader036/viewer/2022062710/559885e31a28ab53198b45af/html5/thumbnails/17.jpg)
FliSol 2008 17
AJA
X¿DÓNDE SE APLICA AJAX?
![Page 18: Ajax: Un nuevo enfoque - flisol2008](https://reader036.fdocuments.ec/reader036/viewer/2022062710/559885e31a28ab53198b45af/html5/thumbnails/18.jpg)
FliSol 2008 18
AJA
X¿DÓNDE SE APLICA AJAX?
![Page 19: Ajax: Un nuevo enfoque - flisol2008](https://reader036.fdocuments.ec/reader036/viewer/2022062710/559885e31a28ab53198b45af/html5/thumbnails/19.jpg)
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.
![Page 20: Ajax: Un nuevo enfoque - flisol2008](https://reader036.fdocuments.ec/reader036/viewer/2022062710/559885e31a28ab53198b45af/html5/thumbnails/20.jpg)
FliSol 2008 20
AJA
XXMLHttpRequest
![Page 21: Ajax: Un nuevo enfoque - flisol2008](https://reader036.fdocuments.ec/reader036/viewer/2022062710/559885e31a28ab53198b45af/html5/thumbnails/21.jpg)
FliSol 2008 21
AJA
XAPLICACIÓN
![Page 22: Ajax: Un nuevo enfoque - flisol2008](https://reader036.fdocuments.ec/reader036/viewer/2022062710/559885e31a28ab53198b45af/html5/thumbnails/22.jpg)
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.
![Page 23: Ajax: Un nuevo enfoque - flisol2008](https://reader036.fdocuments.ec/reader036/viewer/2022062710/559885e31a28ab53198b45af/html5/thumbnails/23.jpg)
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
![Page 24: Ajax: Un nuevo enfoque - flisol2008](https://reader036.fdocuments.ec/reader036/viewer/2022062710/559885e31a28ab53198b45af/html5/thumbnails/24.jpg)
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.
![Page 25: Ajax: Un nuevo enfoque - flisol2008](https://reader036.fdocuments.ec/reader036/viewer/2022062710/559885e31a28ab53198b45af/html5/thumbnails/25.jpg)
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)
![Page 26: Ajax: Un nuevo enfoque - flisol2008](https://reader036.fdocuments.ec/reader036/viewer/2022062710/559885e31a28ab53198b45af/html5/thumbnails/26.jpg)
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
![Page 27: Ajax: Un nuevo enfoque - flisol2008](https://reader036.fdocuments.ec/reader036/viewer/2022062710/559885e31a28ab53198b45af/html5/thumbnails/27.jpg)
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.
![Page 28: Ajax: Un nuevo enfoque - flisol2008](https://reader036.fdocuments.ec/reader036/viewer/2022062710/559885e31a28ab53198b45af/html5/thumbnails/28.jpg)
FliSol 2008 28
AJA
XENLACES A VISITAR
● http://www.ajaxian.com
● http://www.ajaxhispano.com
● http://www.ajaxrain.com
● http://www.somoslibres.org
![Page 29: Ajax: Un nuevo enfoque - flisol2008](https://reader036.fdocuments.ec/reader036/viewer/2022062710/559885e31a28ab53198b45af/html5/thumbnails/29.jpg)
FliSol 2008 29
AJA
X
CONTACTOS:[email protected]
SomosLibres.org
EMSSOL 2006Encuentro Macroregional Sur de Software Libre