Web20 With Ajax

  • Published on
    25-May-2015

  • View
    1.430

  • Download
    0

Embed Size (px)

DESCRIPTION

Pequea presentacin introductora de web 2.0 y tecnologas de Aplicaciones Ricas para Internet.

Transcript

<ul><li> 1. Web 2.0 con AJAX</li></ul> <p> 2. Agenda 1. Qu es Web 2.0 2. Qu son las Tecnologas de Aplicaciones Ricas en Internet ( RIA ) 3. Qu es Ajax 4. Por qu ajax 4. Cmo funciona Ajax 5. ToolkitsAjax 6. Uso de Ajax con DojoToolkit 3. Qu es Web 2.0? Este trmino fue acuado naci en el 2004 en una Conferencebrainstorming Session entre Dale Dougherty un pionerode 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 Generacin en desarrollo y diseo de aplicaciones Web. 4. Si Pero... que s? Web 2.0 is much more than just pasting a new user interface into an old applicat ion.Its a way of thinking, a new perspective on the entire business of software from concept through delivery, from marketing through support. --Tim OReilly, Fall 2006 5. Qu son las TecnologasRIA (Rich Internet Application) Nueva generacin de aplicaciones Web donde el se le ofrece una rica experiencia mejorando la satisfaccin del usuario e incrementando la productividad. 6. Caractersticas de la Experiencia RIA Aplicaciones Web Convencionales Aplicaciones con RIA Cualquier peticin forza a que la pgina sea recargada completamente. Interactividad Inmediata. Modelode Comunicacin Sncrona request/response Modelo de Comunicacin Asncrona. El cliente solo realiza la peticin request del dato solicitado.Interrupcin en la operacin del usuario El usuario no es interrumpido.Limitaciones de apariencia por HTML Sensacin del usuario de estar utilizando aplicaciones de Escritorio 7. TecnologasRIA </p> <ul><li>Ajax</li></ul> <p> 8. Adobe Air / Flex / Flash 9. Java WebStart 10. Java FX 11. Silver Light 12. DHTML 13. Applet 14. Qu es Ajax </p> <ul><li>Acrnimo deAsynchronous Java Script and XML</li></ul> <p> 15. Mtodo muytil de comunicacin con el servidor, directamente con JavaScript. 16. Utiliza el objeto de JavaScript XMLHttpRequest (originalmente un control de ActiveX creado por Microsoft). 17. Por qu Ajax </p> <ul><li>Es una tecnologa ideal para desarrollo de RIA</li></ul> <p> 18. Comunicacion Asncrona 19. No requiere instalar en el cliente plug-ins 20. Existencia de Toolkitsque facilitan la creacin de aplicaciones Web 21. El punto negativo de Ajax es la posibilidad de incompatibilidad con navegadores. Difcil el mtodo de depuracin de errores. 22. Cmo funciona Ajax 23. Tecnologas con las que trabaja AJAX </p> <ul><li>JavaScript. Lenguaje tipo script. </li></ul> <p> 24. DOM ( Document Object Model ).API para documentos HTML y XML. Define la estructura lgica de los documentos y la manera de como un documento puede ser accesado y manipulado. 25. CSS ( Cascading Style Sheets ). Estndar que define como desplegar documentos HTML 26. </p> <ul><li>XML(Extensible Markup Language).Es una manera de enviar y recibir datos en modo texto a travs del internet.</li></ul> <p> 27. XMLHttpRequest. Objeto JavaScript que permite interaccin asncrona 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. Tecnologas con las que trabaja AJAX 28. Sitios que utilizan Ajax </p> <ul><li>GMAIL.http://www.gmail.google.com</li></ul> <p> 29. GOOGLE MAPS. http://maps.google.com 30. MEEBO.http://www.meebo.com/ 31. FLICKR.http://www.flickr.com/ 32. YAHOO!http://www.yahoo.com/ 33. y muchos mas... 34. Toolkits y Frameworks para AJAX </p> <ul><li>Los ToolKits nos proveen de cdigo que nos facilitan el desarrollo de aplicaciones con Ajax. Sin preocuparnos por compatibilidades de navegador o mantenimiento de cdigo JavaScript. </li><li>Dojotoolkit.http://www.dojotoolkit.org/</li></ul> <p> 35. Openrico.http://openrico.org/ 36. DWR.http://directwebremoting.org/ 37. GWT.http://code.google.com/intl/es-ES/webtoolkit/ 38. DojoToolKit </p> <ul><li>DojoToolkit es una herramienta JavaScript bajo licencia (BSD O AFL) til para construir aplicaciones Web. El propsito de este kit es disminuir el tiempo de realizacin de una aplicacin que existe entre el surgimiento de la idea y la implementacin. </li></ul> <p> 39. Arquitectura Dojo </p> <ul><li>Core . Eventos Ajax, empaquetacin, peticiones basadas en CSS, animaciones, JSON, utilidades de lenguaje, y ms. Todo en un paquete26K (gzipped).</li></ul> <p> 40. Dijit . Templates, widgets de navegacin. Desde Contenedores tipo Acordeon hasta Contenedores con pestaas. 41. Dojox . Cdigoy widgets inovadores. Permite visualizar los datos conyour data en celdas y diagramas, aplicaciones offline, dibujo de vectores en navegador. 42. Ventajas Dojo Toolkit </p> <ul><li>Desarrollo de aplicaciones RIA en un menor tiempo</li></ul> <p> 43. Compatibilidad con navegadores (Firefox, Iexplorer, Opera, Safari..) 44. Widgets, Templates listos para usar. Adems de proveer API's para desarrollo de los propios 45. Ejemplos con Ajax &amp; Dojo Toolkit 46. Preguntas? 47. Fuentes </p> <ul><li>http://www.w3.org/TR/DOM-Level-2-Core/introduction.html</li></ul> <p> 48. http://www.w3.org/Style/CSS/ 49. http://www.w3.org/XML/ 50. https://developer.mozilla.org/En/AJAX/Getting_Started 51. http://www.web2expo.com/ 52. http://www.adaptivepath.com/ideas/essays/archives/000385.php 53. http://www.w3.org/TR/XMLHttpRequest/ 54. http://www.dojotoolkit.org/ </p>