Ajax

1,595 views
1,467 views

Published on

0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
1,595
On SlideShare
0
From Embeds
0
Number of Embeds
9
Actions
Shares
0
Downloads
25
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Ajax

  1. 1. Universidad de Cartagena<br />AJAX y SU APLICACIÓN EN LA GESTION EMPRESARIAL <br />Marco Aurelio González Reyes<br />Ingeniería de sistemas<br />Grupo de Investigación E - Soluciones<br />
  2. 2. Contenido<br />AJAX<br />AJAX y SU APLICACIÓN EN LA GESTION EMPRESARIAL<br />Historia<br />La razón de ser de AJAX<br />Características<br />Aplicaciones Web Tradicionales vs. AJAX<br />Librerías y Apis para AJAX<br />Ejemplos Empresariales<br />Universidad de Cartagena<br />Grupo de Investigación E - Soluciones<br />
  3. 3. Universidad de Cartagena<br />¿Qué es ajax?<br />Grupo de Investigación E - Soluciones<br />
  4. 4. AJAXAsynchronousJavaScript and XML <br />AJAX es un nuevo enfoque de desarrollo web que garantiza una mayor interactividad y usabilidad de portales web.<br />AJAX es un patrón de diseño que propone un nuevo modelo de interacción Web combinando varias tecnologías.<br />
  5. 5. Es la única plataforma basada en estándares y que no posee dueño. Pero en la actualidad la W3C, organización encargada de los estándares, trabaja en la estandarización formal de la plataforma.<br />Universidad de Cartagena<br />AJAX<br />Grupo de Investigación E - Soluciones<br />
  6. 6. Universidad de Cartagena<br />AJAX<br />Es una técnica de desarrollo web que genera aplicaciones web interactivas combinando:<br />XHTML y CSS para la presentación de información.<br />DocumentObjectModel (DOM) para visualizar dinámicamente e interactuar con la información presentada.<br />XML, XSLT para intercambiar y manipular datos, JSON y JSON-RPC pueden ser alternativas a XML/XSLT.<br />XMLHttpRequest para recuperar datos asíncronamente<br />Javascript como nexo de unión de todas estas tecnologías<br />Grupo de Investigación E - Soluciones<br />
  7. 7. AJAX y SU APLICACIÓN EN LA GESTION EMPRESARIAL<br /> Dinamizando la Experiencia del Usuario:<br /> Muchos sitios en internet han mejorado su arquitectura implementando AJAX, con el fin de mejorar la experiencia de los usuarios. Esto permite que la interacción con el usuario sea lo mas dinámica posible, es el caso de los bancos y muchos otros portales web, que han creado sitios R.I.A.<br />
  8. 8. AJAX y SU APLICACIÓN EN LA GESTION EMPRESARIAL<br /> Aplicativos como CMS, ERP, CRM, ORM, Clientes de Correo, entre otros que apoyan las actividades de gestión empresarial, han implementado AJAX atendiendo a requerimientos no funcionales como la usabilidad.<br />
  9. 9. Universidad de Cartagena<br />Historia<br />Hizo su aparición en el 2005, cuando Jesse James Garret para darle un nombre al conjunto de técnicas al escribir un articulo cito la palabra AJAX.<br />Entre los browsers el primero sobre el cual se incorporo AJAX fue I.E. 5.0, con el objeto XMLHTTP.<br />Grupo de Investigación E - Soluciones<br />
  10. 10. La razón de ser de AJAX<br /> Las aplicaciones web proliferan debido a su simplicidad, pero:<br />Ofrecen una menor interactividad y usabilidad en comparación con las aplicaciones desktop.<br />La interacción del usuario con una aplicación web se interrumpe cada vez que se necesita algo del servidor<br />Universidad de Cartagena<br />Grupo de Investigación E - Soluciones<br />
  11. 11. Universidad de Cartagena<br />Características<br />Las aplicaciones son más interactivas, responden a las interacciones del usuario más rápidamente.<br />Se reduce el tamaño de la información intercambiada, muchas micro-peticiones, pero el flujo de datos global es inferior<br />Grupo de Investigación E - Soluciones<br />
  12. 12. Se libera de procesamiento a la parte servidora (se realiza en la parte cliente)<br />AJAX actualiza porciones de la página en vez de la página completa<br />Es necesario asegurarse que una aplicación AJAX funciona en todo navegador, lo mismo que en DHTML<br />Universidad de Cartagena<br />Características<br />Grupo de Investigación E - Soluciones<br />
  13. 13. El desarrollo web con AJAX no es trivial y difícil de hacer debugging<br />Sin embargo, las frameworks que están emergiendo simplifican el desarrollo web basado en AJAX<br />Universidad de Cartagena<br />Características<br />Grupo de Investigación E - Soluciones<br />
  14. 14. Universidad de Cartagena<br />Aplicaciones WebTradicionales vs. AJAX <br />Grupo de Investigación E - Soluciones<br />
  15. 15. Universidad de Cartagena<br />Universidad de Cartagena<br />Aplicaciones WebTradicionales vs. AJAX <br /> Las aplicaciones web tradicionales:<br />Requieren que el usuario rellene formularios y haga un POST, el servidor web procesa los datos enviados y genera una página web.<br />Mientras el servidor realiza cierto procesamiento, el usuario ha de esperar<br />En ocasiones el HTML de una página a la siguiente varía muy ligeramente.<br /> AJAX<br />Solamente envía peticiones a los servidores vía HTTP y procesa la información recuperada (únicamente la necesitada) mediante JavaScript.<br />Grupo de Investigación E - Soluciones<br />Grupo de Investigación E - Soluciones<br />
  16. 16. Librerías y Apis para AJAX<br />Prototype, JQuery, Scriptaculous<br />Dojo, Dijit, Google Web Toolkit<br />Microsoft AJAX Library<br />SAJAX, XAJAX, PAJAX<br />DWR, JMaki, ICEfaces<br />Universidad de Cartagena<br />Grupo de Investigación E - Soluciones<br />
  17. 17. Ejemplos Empresariales<br />Universidad de Cartagena<br />Grupo de Investigación E - Soluciones<br />
  18. 18. Universidad de Cartagena<br />“AJAX el corazón de la WEB 2.0”<br />González, M. A. R.<br />Grupo de Investigación E - Soluciones<br />
  19. 19. Universidad de Cartagena<br />GRACIAS<br />Grupo de Investigación E - Soluciones<br />

×