presentacion monografia

19
UNIVERSIDAD VERACRUZANA. TEMA: AJAX TÉCNICA PARA EL DESARROLLO DE APLICACIONES WEB. ALUMNO: VILLEGAS PÉREZ JESSICA. REVISOR: CARLOS ARTURO TORRES GASTELÚ. VERACRUZ., VERACRUZ., NOVIEMBRE 2007

Upload: geovan21

Post on 16-Jan-2015

23.855 views

Category:

Technology


8 download

DESCRIPTION

 

TRANSCRIPT

Page 1: Presentacion Monografia

UNIVERSIDAD VERACRUZANA.

TEMA: AJAX TÉCNICA PARA EL DESARROLLO DE APLICACIONES WEB.

ALUMNO: VILLEGAS PÉREZ JESSICA.

REVISOR: CARLOS ARTURO TORRES GASTELÚ.

VERACRUZ., VERACRUZ., NOVIEMBRE 2007

Page 2: Presentacion Monografia

A continuación, se presenta la técnica Ajax,su concepto, arquitectura del modelo,

tecnologías componentes y característicasde funcionamiento.

Page 3: Presentacion Monografia

CONCEPTO

En base al artículo de Garrett el término AJAX se puede definir de la siguiente manera:

AJAX es el acrónimo ingles para Asynchronous JavaScript and XML (JavaScript y XML asíncrono).

Es una técnica de desarrollo Web que genera aplicaciones Web interactivas combinando:

•Document Object Model (DOM)•XML, XSLT.•CSS.•JSON y JSON-RPC..•XMLHttpRequest•Javascript Fuente: sitio- adaptivepath (2007)

Page 4: Presentacion Monografia

AJAX es un patrón de diseño que propone un nuevo modelo de interacción Web combinando las

tecnologías anteriores.

Page 5: Presentacion Monografia

¿CUAL ES EL OBJETIVO DE AJAX?

Básicamente el objetivo de utilizar AJAX es para realizar aplicaciones Web más interactivas, rápidas y

atractivas.

Page 6: Presentacion Monografia

ARQUITECTURA

Navegador

Interfaz de usuario

Servidor Web

Bases de datos, Procesamiento,

Sistema

Solicitud HTTP

Datos HTML+CSS

Transporte HTTP(s)

Servidor

Modelo Clásico de Aplicaciones Web

Servidor Web y/o XML

Bases de datos, Procesamiento,

Sistema

Servidor

Motor AJAX

Interfaz de usuario

Llamada Javascript

Solicitud HTTP

Transporte HTTP(s)

Datos XML

Modelo AJAX de Aplicaciones Web

Navegador

Datos HTML+CSS

Fuente: sitio - adaptivepath

Page 7: Presentacion Monografia

TECNOLOGIAS QUE COMPONEN AJAX

XHTML CSS JSONXML

DOM XMLHttpRequest

JAVASCRIPT

Fuente: Eguíluz (2007)

Page 8: Presentacion Monografia

Ciclo de vida de una aplicación AJAX.

• Un evento ocurre.

• Un objeto XMLHttpRequest es creado e inicializado.

• Se realiza una invocación remota a través del objeto XMLHttpRequest.

• La petición es procesada por el servidor el cual devuelve un documento XML con el resultado.

• El objeto XMLHttpRequest invoca la función callback() y procesa el resultado.

• El árbol DOM de la página Web es actualizado.

Page 9: Presentacion Monografia

BENEFICIO DE USAR AJAX.

El beneficio principal de AJAX está en proveer funcionalidad rica (similar a la de aplicaciones de escritorio) en aplicaciones Web, sin necesidad de instalar plug-ins ni otro tipo de componentes externos. Adicionalmente, AJAX se basa en estándares, por lo que no depende de los productos de uno u otro proveedor.

Por otro lado, AJAX es agnóstico a la tecnología usada como middleware de Web. Puede ser usado con cualquier motor de páginas dinámicas, desde PHP, Java, Ruby hasta ASP y Cold Fusion. Gracias a esto, los desarrolladores cuentan con una plataforma uniforme para generar la interfaz gráfica, sin importar qué se utilice en la capa de en medio

Page 10: Presentacion Monografia

APLICACIÓN DE AJAX EN EMPRESAS DE VANGUARDIA TECNOLÓGICA.

Google

Google Maps

Google Suggest

Para lograr la conectividad sin sincronía con el servidor, Google aplicó el uso de AJAX dentro de esta aplicación.

Google Suggest ofrece diversas sugerencias de términos de búsqueda haciendo uso de funcionalidades AJAX que permiten consultar a los servidores de Google sin necesidad de actualizar la página.

Page 11: Presentacion Monografia

Fuente: Sitio – maps.google (2007)

Page 12: Presentacion Monografia

Fuente: Sitio – Google(2007)

Page 13: Presentacion Monografia

Google earth

Google Earth combina la potencia de las búsquedas de Google con imágenes de satélites, mapas, terrenos y edificios 3D. Google aplicó el uso de AJAX dentro de esta aplicación.

Google

Gmail

La interfaz de Gmail utiliza tecnología AJAX. También dispone de una interfaz basada en HTML+CSS (útil para navegadores antiguos). Proporciona un mecanismo de etiquetado de mensajes, que amplía las posibilidades de las tradicionales carpetas.

Page 14: Presentacion Monografia

Fuente: Portal – Google Earth(2007).

Page 15: Presentacion Monografia

Amazon (A9.com)

a9.com es un motor de búsqueda de Internet lanzado por la empresa Amazon.com.

Tiene muchas funciones que poseen varios de los buscadores de Internet más populares. Además de la búsqueda genérica por término, posee la habilidad de buscar resultados en libros desde la base de datos de Amazon.com

La interfaz de etiquetación y edición de texto utiliza AJAX

Flickr

Page 16: Presentacion Monografia

AJAX EN EMPRESAS MEXICANAS

Jackbe.

Metrofinanciera.

Fuente: Sitio – metrofinanciera(2007).

Fuente: Sitio – JackBe (2007).

Page 17: Presentacion Monografia

Gráfica Elaborada en base a sitio – SDTimes (2006).

18.90%

12.10%

14.20%37.70%

9.50%

7.60%Usan activamente Ajax

Estan por despegar con Ajax

Desarrollando aplicaciones piloto con ajax

Activamente Investigan AJAX

No planean usar

No sabe

c

Page 18: Presentacion Monografia

Tendencias de oferta de trabajo donde solicitan conocimientos de AJAX

Fuente: Sitio - indeed (2007)

Page 19: Presentacion Monografia

FUTURO DE AJAX

Los mayores desafíos al crear aplicaciones AJAX no son técnicas. Las tecnologías centrales son maduras, estables y bien conocidas. En cambio, los desafíos son para los diseñadores de estas aplicaciones: olvidar lo que creemos saber sobre las limitaciones de la Web, y comenzar a imaginar un rango más amplio y rico de posibilidades.

La implantación sólo dependerá de la actitud de los programadores de aplicaciones Web, que deben cambiar de forma radical su filosofía de desarrollo para adaptarse a las múltiples posibilidades de AJAX.