Mashups

5,356 views

Published on

Breve introducción al desarrollo de mashups

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

No Downloads
Views
Total views
5,356
On SlideShare
0
From Embeds
0
Number of Embeds
155
Actions
Shares
0
Downloads
149
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

Mashups

  1. 1. Mashups Luis Galárraga Del Prado Gonzalo Méndez Cobeña Integrantes:
  2. 2. Agenda <ul><li>Web Services </li></ul><ul><ul><li>Conceptos </li></ul></ul><ul><ul><li>Estándares y formatos de datos </li></ul></ul><ul><ul><li>Frameworks </li></ul></ul><ul><li>Mashups </li></ul><ul><ul><li>Conceptos </li></ul></ul><ul><ul><li>¿Cuándo hacer un mashup? </li></ul></ul><ul><ul><li>Ejemplos </li></ul></ul><ul><ul><li>¿Cómo empezar? </li></ul></ul><ul><ul><li>Web Services populares </li></ul></ul>
  3. 3. Agenda (cont)‏ <ul><li>Nuestro ejemplo </li></ul><ul><ul><li>Descripción </li></ul></ul><ul><ul><li>Posibles aplicaciones </li></ul></ul><ul><ul><li>Web Services utilizados </li></ul></ul><ul><ul><ul><li>Google Maps </li></ul></ul></ul><ul><ul><ul><li>Google AJAX Search </li></ul></ul></ul><ul><ul><li>Demo </li></ul></ul><ul><li>Enlaces importantes </li></ul>
  4. 4. Web Services <ul><li>Aplicaciones que permiten compartir datos a través de la web. </li></ul><ul><li>Permiten alcanzar interoperabilidad entre dos computadores a través de la red. </li></ul><ul><li>Existen diversos estándares para el desarrollo de Web Services </li></ul>
  5. 5. Web Services - Estándares <ul><li>Definidos por OASIS y la W3C </li></ul><ul><li>Establecen pautas para el desarrollo de Web Services como: </li></ul><ul><ul><li>Formato de datos </li></ul></ul><ul><ul><li>Seguridad </li></ul></ul><ul><ul><li>Protocolos de comunicación </li></ul></ul><ul><ul><li>Búsqueda de servicios </li></ul></ul>
  6. 6. Web Services – Formatos de datos <ul><li>Texto plano </li></ul><ul><li>XML (Extensible Markup Language)‏ </li></ul><ul><ul><li>Ampliamente utilizado </li></ul></ul><ul><li>XHTML </li></ul><ul><li>JSON (JavaScript Object Notation)‏ </li></ul><ul><li>EBML (Extensible Binary Meta Language) </li></ul>
  7. 7. Web Services – Otros estándares <ul><li>Invocación remota </li></ul><ul><ul><li>XML-RPC </li></ul></ul><ul><ul><li>SOAP (Simple Object Access Protocol)‏ </li></ul></ul><ul><ul><li>REST (Representational State Transfer)‏ </li></ul></ul><ul><li>Publicación </li></ul><ul><ul><li>WSDL (Web Services Description Language)‏ </li></ul></ul><ul><ul><li>UDDI (Universal Description, Descovery and Integration </li></ul></ul>
  8. 8. Web Services - Frameworks <ul><li>Axis </li></ul><ul><li>ColdFusion MX </li></ul><ul><li>Microsoft .NET </li></ul><ul><li>J2EE </li></ul><ul><li>GWT </li></ul>
  9. 9. Mashups <ul><li>Aplicaciones que consumen los datos proveídos por los web services. </li></ul><ul><li>Una misma aplicación puede consumir datos de múltiples web services. </li></ul><ul><li>Un componente más de la Web 2.0 </li></ul>
  10. 10. Arquitectura orientada a servicios Servicio 1 Servicio 2 Servicio 3 App 1 App 2 Web XML JSON EBML SOAP XML-RPC REST
  11. 11. Mashups Google Maps Flickr Amazon Web Interfaz de Comunicación (API del Web Service)‏ Mashup
  12. 12. ¿Cuándo hacer un mashup? <ul><li>Información proviene de muchas fuentes en la web. </li></ul><ul><li>Se requiere brindar riqueza (a nivel de interacción) a nuestra aplicación web. </li></ul><ul><li>Ejm: </li></ul><ul><ul><li>Búsqueda de información en la web </li></ul></ul><ul><ul><li>Aplicaciones turísticas </li></ul></ul><ul><ul><li>Compras en línea </li></ul></ul>
  13. 13. Mashups - Ejemplos <ul><li>Flash Earth </li></ul><ul><ul><li>http://www.programmableweb.com/mashup/flash-earth </li></ul></ul><ul><ul><li>http://www.flashearth.com/ </li></ul></ul>
  14. 14. ¿Cómo empezar? <ul><li>Definir la aplicación </li></ul><ul><ul><li>Información con la que interactuarán nuestros usuarios. </li></ul></ul><ul><li>Buscar web services apropiados </li></ul><ul><ul><li>http://www.programmableweb.com/ es una buena idea para empezar. </li></ul></ul><ul><ul><li>Estudiar la interfaz o API del servicio. </li></ul></ul><ul><ul><li>Obtener clave de uso (en ciertos casos)‏ </li></ul></ul>
  15. 15. Web Services populares
  16. 16. Nuestro ejemplo <ul><li>Aplicación que brinda información sobre un lugar en particular de forma interactiva. </li></ul><ul><ul><li>Usa mapas e información multimedia como videos. </li></ul></ul>
  17. 17. Nuestro Ejemplo
  18. 18. Nuestro Ejemplo <ul><li>Posible Aplicación: </li></ul><ul><ul><li>Sistema de Búsqueda de Información Turística. </li></ul></ul><ul><li>Web Services Utilizados </li></ul><ul><ul><li>Google Maps </li></ul></ul><ul><ul><li>Google AJAX Search API </li></ul></ul>
  19. 19. Google Maps API <ul><li>Permite incluir mapas en nuestras aplicaciones. </li></ul><ul><ul><li>Los usuarios pueden interactuar con ellos </li></ul></ul><ul><ul><li>Se los puede combinar con información proveniente de otras fuentes </li></ul></ul>
  20. 20. Google Maps API – Detalles técnicos <ul><li>Formatos de datos: </li></ul><ul><ul><li>XML, VML, JSON (para geocoding)‏ </li></ul></ul><ul><li>Otros estándares utilizados </li></ul><ul><ul><li>Implementación del DOM de JavaScript </li></ul></ul><ul><li>No tiene soporte para SSL </li></ul>
  21. 21. Agregando un mapa en nuestra aplicación <ul><li>End Point </li></ul><ul><ul><li>URL que invoca al web service. </li></ul></ul><ul><li>Debe incluirse en la zona <head> de nuestra página. </li></ul>
  22. 22. Agregando un mapa en nuestra aplicación <ul><li>La clase GMap2 representa a un mapa dentro de la página. </li></ul>
  23. 23. Google AJAX Search API <ul><li>Permite realizar búsquedas en la web. </li></ul><ul><ul><li>Páginas </li></ul></ul><ul><ul><li>Videos </li></ul></ul><ul><ul><li>Lugares en un mapa </li></ul></ul>
  24. 24. Google AJAX Search API – Detalles técnicos <ul><li>Formatos de datos: </li></ul><ul><ul><li>XML XSD Schema </li></ul></ul><ul><li>Otros protocolos </li></ul><ul><ul><li>WSDL </li></ul></ul><ul><ul><li>SOAP </li></ul></ul><ul><li>Otros estándares utilizados: </li></ul><ul><ul><li>Implementación del DOM de JavaScript. </li></ul></ul><ul><li>Sin soporte para SSL </li></ul>
  25. 25. Agregando un control de búsqueda <ul><li>La interfaz GSearch constituye la base para las búsquedas. </li></ul><ul><li>De ella se derivan las clases: </li></ul><ul><ul><li>GwebSearch </li></ul></ul><ul><ul><li>GvideoSearch </li></ul></ul><ul><ul><li>GblogSearch </li></ul></ul><ul><ul><li>GnewsSearch </li></ul></ul><ul><ul><li>GbookSearch </li></ul></ul>
  26. 26. Agregando un control de búsqueda <ul><li>El formulario de búsqueda es representado por la clase GSearchControl. </li></ul>
  27. 27. Enlaces importantes <ul><li>http://www.programmableweb.com/ </li></ul><ul><li>http://code.google.com/apis/ </li></ul><ul><li>http://www.google.com/apis/maps/ </li></ul><ul><li>http://code.google.com/apis/ajaxsearch/ </li></ul><ul><li>http://youtube.com/dev </li></ul><ul><li>http://en.wikipedia.org/wiki/Web_services </li></ul><ul><li>http://www.w3.org </li></ul>

×