Ajax: Un nuevo enfoque - flisol2008

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

description

Ponencia sobre AJAX y desarrollo web.

Transcript of Ajax: Un nuevo enfoque - flisol2008

Page 1: Ajax: Un nuevo enfoque - flisol2008

AJA

X AJAXUn nuevo enfoque a las

aplicaciones Web

Por: Juan Carbajal PaxiPor: Juan Carbajal Paxi

Page 2: Ajax: Un nuevo enfoque - flisol2008

FliSol 2008 2

AJA

XAGENDA

● INTRODUCCIÓN.

● HISTORIA.

● DEFINICIÓN.

● COMPARACIÓN.

● XMLHttpRequest.

● APLICACIÓN.

● HERRAMIENTAS.

● ENLACES.

Page 3: Ajax: Un nuevo enfoque - flisol2008

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

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

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

FliSol 2008 6

AJA

XDEFINICIÓN

● Asynchronous

● JavaScript

● And

● XML

Page 7: Ajax: Un nuevo enfoque - flisol2008

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

FliSol 2008 8

AJA

XCOMPARACIÓN

Page 9: Ajax: Un nuevo enfoque - flisol2008

FliSol 2008 9

AJA

XCOMPARACIÓN

Page 10: Ajax: Un nuevo enfoque - flisol2008

FliSol 2008 10

AJA

X

Page 11: Ajax: Un nuevo enfoque - flisol2008

FliSol 2008 11

AJA

X¿DÓNDE SE APLICA AJAX?

Page 12: Ajax: Un nuevo enfoque - flisol2008

FliSol 2008 12

AJA

X¿DÓNDE SE APLICA AJAX?

Page 13: Ajax: Un nuevo enfoque - flisol2008

FliSol 2008 13

AJA

X¿DÓNDE SE APLICA AJAX?

Page 14: Ajax: Un nuevo enfoque - flisol2008

FliSol 2008 14

AJA

X¿DÓNDE SE APLICA AJAX?

Page 15: Ajax: Un nuevo enfoque - flisol2008

FliSol 2008 15

AJA

X¿DÓNDE SE APLICA AJAX?

Page 16: Ajax: Un nuevo enfoque - flisol2008

FliSol 2008 16

AJA

X¿DÓNDE SE APLICA AJAX?

Page 17: Ajax: Un nuevo enfoque - flisol2008

FliSol 2008 17

AJA

X¿DÓNDE SE APLICA AJAX?

Page 18: Ajax: Un nuevo enfoque - flisol2008

FliSol 2008 18

AJA

X¿DÓNDE SE APLICA AJAX?

Page 19: Ajax: Un nuevo enfoque - flisol2008

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

FliSol 2008 20

AJA

XXMLHttpRequest

Page 21: Ajax: Un nuevo enfoque - flisol2008

FliSol 2008 21

AJA

XAPLICACIÓN

Page 22: Ajax: Un nuevo enfoque - flisol2008

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

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

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

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 27: Ajax: Un nuevo enfoque - flisol2008

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

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

FliSol 2008 29

AJA

X

CONTACTOS:[email protected]

SomosLibres.org

EMSSOL 2006Encuentro Macroregional Sur de Software Libre