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