Mashup, sumando en la red Jordi López Ramot

Zaragoza, 15 de Enero de 2008

Mashup, sumando en la Red

Agenda » » » » » »

Qué es un mashup Tecnología mashup Categorías de mashups Ejemplo: wikiloc.com Bondades del mashup Creación de un mashup

¿ Qué es un mashup ? “Un mashup es un sitio web que accede a datos o servicios de terceros y los combina para crear una nueva aplicación.” Actualmente en programmableweb.com: » 1440 mashups » Tres nuevos mashups cada día » Últimos 6 meses 8001440 » 356 APIs disponibles

Ejemplo de mashup: HousingMaps.com Google Maps

Craigslist • Craigslist es un sitio Web de anuncios clasificados muy utilizado en Estados Unidos.

HousingMaps (mashup) • Creado por Paul Rademacher • Motivación: Mejorar Craigslist utilizando la localización como principio organizativo para la búsqueda de viviendas. • Pocos recursos  gran resultado • Reconocido primer Mashup Web2.0 (APIs, AJAX, RIA)

Tecnología Mashup - Arquitectura 1 - Usuario accede al mashup 2 - Acceso a proveedores desde

el sitio Web del mashup

• Servidor de aplicaciones o similar • Mas capacidad CPU/BW

3 - Acceso a proveedores desde

el navegador del usuario

• Libera servidor mashup • Más AJAX / RIA • Ejemplo: Google Maps El acceso a los proveedores de datos y servicios se puede realizar utilizando una API (2,3) o con técnicas a veces cuestionadas como el Screen Scraping (2).

Tecnología Mashup – Screen Scraping Sitio Web del mashup accede a las páginas Web del proveedor y procesa el contenido HTML extrayendo información. • En desuso en nuevos mashups: • A veces no autorizado (eBay) • Anónimo • Complejo debido al contenido • Sobrecarga servidores (2) • Perjudica campañas anuncios • Propenso a fallos imprevisibles • A veces la única opción • En uso pero para nuevos mashups la tendencia a APIs Ej.: HousingMaps  Craigslist

Tecnología Mashup – Web API Sitio Web del mashup accede a Servicios Web del proveedor utilizando una API. Beneficios para todos: • API es del proveedor • Existe un acuerdo • Sencillo y documentado • Servidores específicos • Posibilidad de anuncios • Robusto. Gestión de errores

Catalizador de mashups Ej.: HousingMaps  Google Maps

Categorías de mashups Mashups de Mapas 44% Mashups de Foto y Video 13% Mashups de Compras 9% Mashups de Noticias 4%

Mashups de Mapas • Muestran información sobre un mapa o imagen satélite • Categoría dominante (44%) • 80% información es georeferenciable • Antes la cartografía digital no era gratuita • Condiciones de uso • Cobertura mundial • Ejemplo: wikimapia.org

Mashups de Foto y Vídeo • APIs para acceder a grandes bases de datos de videos y fotos • Contenidos creados por los usuarios (móvil) • Contenido multimedia clásico  mucha aceptación • Ejemplo: wikimapia + flickr + youtube = jotle.com

Mashups de Compras • • • •

• •

Búsqueda de mejores ofertas Ya hace años se los conoce como Web Aggregators Técnicas de Servicios Web (B2B) y mucho Screen Scraping Conducen a comercios online a ofrecer APIs Ejemplo: shopping.com + amazon.com = secretprices.com Y las tiendas online en España? • fnac.es + amazon.com = ??

Mashups de Noticias    

Fuentes de noticias RSS/ATOM (sin necesidad de API) Noticias agrupadas según preferencias del usuario Para los sitios de noticias disminuye visitas Ejemplo: digg.com + del.icio.us + slashdot = doggdot.us

Mashups y Sector Público 

   

Poco a poco el gobierno va abriendo bases de datos al ciudadano Calidad de datos (mapas) Valor de los datos (catastro) Mashups nacionales posibles ...? Ej.: ChicagoCrime.org

Ejemplo: wikiloc.com 

Mashup gratuito para compartir rutas con GPS



Proveedores de datos y servicios: • Google Maps • Google Geocoding (servicio) • Google Routing (servicio) • Flickr para las fotos • Acceso a datos de la administración pública:  Instituto Geográfico Nacional (mapas de España)  Mapas del País Vasco y Andalucía (en proceso)  Institut Cartogràfic de Catalunya (mapas de Cataluña)  United States Geological Survey (mapas de EEUU)

Bondades de los Mashups – Para los proveedores - Control: - Acuerdo y estadísticas - I+D y marketing - Bajo coste - Mas efectivo / bajo riesgo - Patrones de acceso - Aplicaciones nuevas - Tests para servicios profesionales - Publicidad para la marca - Incremento de ventas - Ingresos por publicidad indirecta - Ingresos por publicidad directa

Bondades de los Mashups – Para los desarrolladores

-

Aplicaciones de mucho nivel Pocos recursos Tecnología accesible Interesar a un público global (contenidos) Experimentar con las últimas tecnologías Web. (cc) gapingvoid.com Creatividad muy importante No solo para programadores (+creatividad, +mashups, +know-how)

Modelos de negocio principales: -

Adquisición Ofertas laborales Ingresos por publicidad / sponsors Futuro: Comisión por transacciones comerciales desde el mashup (?)

Bondades de los Mashups – Para los usuarios - Ocio y diversión - Trabajo en entornos Web 2.0 - Ahorro de tiempo y dinero - Democratización de la tecnología - Acceso a nuevos y mejores servicios  Los usuarios salimos beneficiados  Los usuarios somos lo más importante en la Web2.0

El lado oscuro? - Anuncios no deseados - Dependencia de los proveedores - Propiedad Intelectual / LPD - Contenidos de poca calidad - Limitadores tecnológicos en España

Creación de un mashup 



 





Mashup creado para la conferencia y que permite mostrar nuestras fotos de Flickr sobre un mapa de Google Maps. Libertad total de utilizarlo con Creative Commons 2.5 (atribución) No requiere de servidor de aplicaciones. Se ejecuta totalmente en el navegador del cliente al mas puro estilo RIA (Rich Internet Application) Google Maps porque imágenes satélite mas detalladas de la zona de Zaragoza que con Yahoo! Maps. Filosofía mashup: libertad de elección. Posibles usos: • Directamente para mostrar fotos sobre un mapa en nuestro weblog o sitio web. • Punto de partida para crear mashups mas complejos • …?

Hemos visto:      

Qué es un mashup Tecnología Categorías Ejemplo: wikiloc.com Bondades de los mashups Cómo crear un mashup

&

Preguntas Respuestas

Gracias

 Jordi López Ramot [email protected] http://wikiloc.blogspot.com