Presentacion Monografia

26,058 views

Published on

Published in: Technology
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
26,058
On SlideShare
0
From Embeds
0
Number of Embeds
46
Actions
Shares
0
Downloads
38
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide
  • Presentacion Monografia

    1. 1. 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
    2. 2. A continuación, se presenta la técnica Ajax, su concepto, arquitectura del modelo, tecnologías componentes y características de funcionamiento.
    3. 3. CONCEPTO <ul><li>En base al artículo de Garrett el término AJAX se puede definir de la siguiente manera: </li></ul><ul><li>AJAX es el acrónimo ingles para Asynchronous JavaScript and XML (JavaScript y XML asíncrono). </li></ul><ul><li>Es una técnica de desarrollo Web que genera aplicaciones Web interactivas combinando: </li></ul><ul><li>Document Object Model (DOM) </li></ul><ul><li>XML, XSLT. </li></ul><ul><li>CSS. </li></ul><ul><li>JSON y JSON-RPC.. </li></ul><ul><li>XMLHttpRequest </li></ul><ul><li>Javascript </li></ul>Fuente: sitio- adaptivepath (2007)
    4. 4. AJAX es un patrón de diseño que propone un nuevo modelo de interacción Web combinando las tecnologías anteriores.
    5. 5. ¿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 .
    6. 6. ARQUITECTURA Fuente: sitio - adaptivepath 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
    7. 7. TECNOLOGIAS QUE COMPONEN AJAX Fuente: Eguíluz (2007) XHTML CSS JSON XML DOM XMLHttpRequest JAVASCRIPT
    8. 8. <ul><li>Ciclo de vida de una aplicación AJAX. </li></ul><ul><li>Un evento ocurre. </li></ul><ul><li>Un objeto XMLHttpRequest es creado e inicializado. </li></ul><ul><li>Se realiza una invocación remota a través del objeto XMLHttpRequest. </li></ul><ul><li>La petición es procesada por el servidor el cual devuelve un documento XML con el resultado. </li></ul><ul><li>El objeto XMLHttpRequest invoca la función callback() y procesa el resultado. </li></ul><ul><li>El árbol DOM de la página Web es actualizado. </li></ul>
    9. 9. 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
    10. 10. 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.
    11. 11. Fuente: Sitio – maps.google (2007)
    12. 12. Fuente: Sitio – Google(2007)
    13. 13. 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.
    14. 14. Fuente: Portal – Google Earth(2007).
    15. 15. 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
    16. 16. AJAX EN EMPRESAS MEXICANAS <ul><li>Jackbe. </li></ul><ul><li>Metrofinanciera. </li></ul>Fuente: Sitio – metrofinanciera(2007). Fuente: Sitio – JackBe (2007).
    17. 17. Gráfica Elaborada en base a sitio – SDTimes (2006).
    18. 18. Tendencias de oferta de trabajo donde solicitan conocimientos de AJAX Fuente: Sitio - indeed (2007)
    19. 19. 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.

    ×