If you can't read please download the document
Upload
eliseo-ortiz
View
1.445
Download
0
Embed Size (px)
DESCRIPTION
Pequeña presentación introductoría de web 2.0 y tecnologías de Aplicaciones Ricas para Internet.
Citation preview
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
8. Adobe Air / Flex / Flash 9. Java WebStart 10. Java FX 11. Silver Light 12. DHTML 13. Applet 14. Qu es Ajax
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
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
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.
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
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
35. Openrico.http://openrico.org/ 36. DWR.http://directwebremoting.org/ 37. GWT.http://code.google.com/intl/es-ES/webtoolkit/ 38. DojoToolKit
39. Arquitectura Dojo
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
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 & Dojo Toolkit 46. Preguntas? 47. Fuentes
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/