mashups
DESCRIPTION
Breve introducción al desarrollo de mashupsTRANSCRIPT
Luis Galárraga Del Prado
Gonzalo Méndez Cobeña
Integrantes:
Mashups
AgendaWeb Services
ConceptosEstándares y formatos de datosFrameworks
MashupsConceptos¿Cuándo hacer un mashup?Ejemplos¿Cómo empezar?Web Services populares
Agenda (cont)
Nuestro ejemploDescripciónPosibles aplicacionesWeb Services utilizados
Google MapsGoogle AJAX Search
Demo
Enlaces importantes
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
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
Web Services – Formatos de datos
• Texto plano• XML (Extensible Markup Language)
– Ampliamente utilizado
• XHTML• JSON (JavaScript Object Notation)• EBML (Extensible Binary Meta Language)
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
Web Services - Frameworks
• Axis• ColdFusion MX • Microsoft .NET• J2EE• GWT
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
Arquitectura orientada a servicios
Servicio 1
Servicio 2
Servicio 3
App 1 App 2
Web
XML
JSON
EBML
SOAP
XML-RPC
REST
MashupsGoogle Maps
Flickr
Amazon
Web
Interfaz de Comunicación(API del Web Service)
Mashup
¿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
Mashups - Ejemplos
• Flash Earth
– http://www.programmableweb.com/mashup/flash-earth
– http://www.flashearth.com/
¿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)
Web Services populares
Nuestro ejemplo
• Aplicación que brinda información sobre un lugar en particular de forma interactiva.– Usa mapas e información multimedia como
videos.
Nuestro Ejemplo
Nuestro Ejemplo
• Posible Aplicación:– Sistema de Búsqueda de Información
Turística.
• Web Services Utilizados– Google Maps– Google AJAX Search API
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
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
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.
Agregando un mapa en nuestra aplicación
• La clase GMap2 representa a un mapa dentro de la página.
Google AJAX Search API
• Permite realizar búsquedas en la web.– Páginas– Videos– Lugares en un mapa
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
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
Agregando un control de búsqueda
• El formulario de búsqueda es representado por la clase GSearchControl.
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