Web20 With Ajax

1,591 views

Published on

Pequeña presentación introductoría de web 2.0 y tecnologías de Aplicaciones Ricas para Internet.

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

  • Be the first to like this

No Downloads
Views
Total views
1,591
On SlideShare
0
From Embeds
0
Number of Embeds
79
Actions
Shares
0
Downloads
32
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Web20 With Ajax

  1. 1. Web 2.0 con AJAX
  2. 2. Agenda 1. Qué es Web 2.0 2. Qué son las Tecnologías de Aplicaciones Ricas en Internet ( RIA ) 3. Qué es Ajax 4. Por qué ajax 4. Cómo funciona Ajax 5. Toolkits Ajax 6. Uso de Ajax con DojoToolkit
  3. 3. ¿Qué es Web 2.0? Este término fue acuñado nació en el 2004 en una “Conference brainstorming Session ” entre Dale Dougherty un pionero de la Web , Tim O'reilly. Notando que lejos de que la web estuviera en descenso habian sitios con nuevas e interesantes aplicaciones. http://www.oreillynet.com/pub/a/oreilly/tim/news/2005/09/30/what-is-web-20.html Web 2.0 = Segunda Generación en desarrollo y diseño de aplicaciones Web.
  4. 4. Si Pero... que és? Web 2.0 is much more than just pasting a new user interface into an old applicat ion. It’s a way of thinking, a new perspective on the entire business of software from concept through delivery, from marketing through support. --Tim O’Reilly, Fall 2006
  5. 5. Qué son las Tecnologías RIA (Rich Internet Application) Nueva generación de aplicaciones Web donde el se le ofrece una rica experiencia mejorando la satisfacción del usuario e incrementando la productividad.
  6. 6. Características de la Experiencia RIA Aplicaciones Web Convencionales Aplicaciones con RIA Cualquier petición forza a que la página sea recargada completamente. Interactividad Inmediata. Modelo de Comunicación Síncrona “request/response” Modelo de Comunicación Asíncrona. El cliente solo realiza la petición “request” del dato solicitado. Interrupción en la operación del usuario El usuario no es interrumpido. Limitaciones de apariencia por HTML Sensación del usuario de estar utilizando aplicaciones de Escritorio
  7. 7. Tecnologías RIA <ul><li>Ajax
  8. 8. Adobe Air / Flex / Flash
  9. 9. Java WebStart
  10. 10. Java FX
  11. 11. Silver Light
  12. 12. DHTML
  13. 13. Applet </li></ul>
  14. 14. Qué es Ajax <ul><li>Acrónimo de Asynchronous Java Script and XML
  15. 15. Método muy útil de comunicación con el servidor, directamente con JavaScript.
  16. 16. Utiliza el objeto de JavaScript XMLHttpRequest (originalmente un control de ActiveX creado por Microsoft). </li></ul>
  17. 17. Por qué Ajax <ul><li>Es una tecnología ideal para desarrollo de RIA
  18. 18. Comunicacion Asíncrona
  19. 19. No requiere instalar en el cliente plug-ins
  20. 20. Existencia de Toolkits que facilitan la creación de aplicaciones Web
  21. 21. El punto negativo de Ajax es la posibilidad de incompatibilidad con navegadores. Difícil el método de depuración de errores. </li></ul>
  22. 22. Cómo funciona Ajax
  23. 23. Tecnologías con las que trabaja AJAX <ul><li>JavaScript. Lenguaje tipo script.
  24. 24. DOM ( Document Object Model ). API para documentos HTML y XML. Define la estructura lógica de los documentos y la manera de como un documento puede ser accesado y manipulado.
  25. 25. CSS ( Cascading Style Sheets ). Estándar que define como desplegar documentos HTML </li></ul>
  26. 26. <ul><li>XML (Extensible Markup Language). Es una manera de enviar y recibir datos en modo texto a través del internet.
  27. 27. XMLHttpRequest. Objeto JavaScript que permite interacción asíncrona con el servidor. Es el que realiza el trabajo “tras bambalinas”, pues realiza peticiones de datos, sin necesidad de pausar el navegador o forzarlo a actualizarse. </li></ul>Tecnologías con las que trabaja AJAX
  28. 28. Sitios que utilizan Ajax <ul><li>GMAIL. http://www.gmail.google.com
  29. 29. GOOGLE MAPS. http://maps.google.com
  30. 30. MEEBO. http://www.meebo.com/
  31. 31. FLICKR. http://www.flickr.com/
  32. 32. YAHOO! http://www.yahoo.com/
  33. 33. y muchos mas... </li></ul>
  34. 34. Toolkits y Frameworks para AJAX <ul>Los ToolKits nos proveen de código que nos facilitan el desarrollo de aplicaciones con Ajax. Sin preocuparnos por compatibilidades de navegador o mantenimiento de código JavaScript. <li>Dojotoolkit. http://www.dojotoolkit.org/
  35. 35. Openrico. http://openrico.org/
  36. 36. DWR. http://directwebremoting.org/
  37. 37. GWT. http://code.google.com/intl/es-ES/webtoolkit/ </li></ul>
  38. 38. DojoToolKit <ul>DojoToolkit es una herramienta JavaScript bajo licencia (BSD O AFL) útil para construir aplicaciones Web. El propósito de este kit es disminuir el tiempo de realización de una aplicación que existe entre el surgimiento de la idea y la implementación. </ul>
  39. 39. Arquitectura Dojo <ul><li>Core . Eventos Ajax, empaquetación, peticiones basadas en CSS, animaciones, JSON, utilidades de lenguaje, y más. Todo en un paquete 26K (gzipped).
  40. 40. Dijit . Templates, widgets de navegación. Desde “Contenedores tipo Acordeon” hasta “Contenedores con pestañas”.
  41. 41. Dojox . Código y widgets inovadores. Permite visualizar los datos con your data en celdas y diagramas, aplicaciones “offline”, dibujo de vectores en navegador. </li></ul>
  42. 42. Ventajas Dojo Toolkit <ul><li>Desarrollo de aplicaciones RIA en un menor tiempo
  43. 43. Compatibilidad con navegadores (Firefox, Iexplorer, Opera, Safari..)
  44. 44. Widgets, Templates listos para usar. Además de proveer API's para desarrollo de los propios </li></ul>
  45. 45. Ejemplos con Ajax & Dojo Toolkit
  46. 46. Preguntas?
  47. 47. Fuentes <ul><li>http://www.w3.org/TR/DOM-Level-2-Core/introduction.html
  48. 48. http://www.w3.org/Style/CSS/
  49. 49. http://www.w3.org/XML/
  50. 50. https://developer.mozilla.org/En/AJAX/Getting_Started
  51. 51. http://www.web2expo.com/
  52. 52. http://www.adaptivepath.com/ideas/essays/archives/000385.php
  53. 53. http://www.w3.org/TR/XMLHttpRequest/
  54. 54. http://www.dojotoolkit.org/ </li></ul>

×