Mashup (aplicación web híbrida)

Una aplicación web híbrida (mashup o remezcla) es un sitio web o aplicación web que usa contenido de otras aplicaciones Web para crear un nuevo contenido completo, consumiendo servicios directamente, siempre a través de protocolo http.

El contenido de un mashup normalmente proviene de sitios web de terceros a través de una interfaz pública o usando un API. Otros métodos que constituyen el origen de sus datos incluyen sindicadores web (RSS o Atom), Screen scraping, etc.

Los mashups están revolucionando el desarrollo web del mismo modo que los weblogs han revolucionado la publicación en línea.

Los mashups permiten que cualquiera combine, de forma innovadora, datos que existen en diferentes páginas web. Requieren pocos conocimientos técnicos, las APIs existentes son sencillas y potentes y los mashups son relativamente fáciles de diseñar.

Los creadores de mashups son generalmente gente innovadora que desea combinar de formas nuevas y creativas datos disponibles públicamente.

Así como hay mashups muy útiles, existen otros que no pasan de ser sólo novedosos o publicitarios, con mínima utilidad práctica.

Los defensores e impulsores de las aplicaciones Web 2.0 afirman que los mashups son un ejemplo de este nuevo movimiento en el que los usuarios crean, participan e interactúan activamente.

El Concepto

El contenido usado en mashups es típicamente obtenido de otra fuente vía una interface pública o API (web services), aunque existe gente en la comunidad que considera que los casos en que las interfaces son privadas no deberían contar como mashups. Otros métodos de obtener contenido para mashups incluyen Web Feeds (i.e RSS o Atom) y screen scraping.

Mucha gente experimenta con mashups usando las APIs de Amazon, eBay, Flickr, Google, Microsoft, Yahoo o YouTube lo que ha llevado a la creación de un editor mashup.

La arquitectura de los mashups está siempre compuesta de tres partes:

• El proveedor de contenidos: fuente de los datos. Los datos están disponibles vía una API y diferentes protocolos web como RSS, REST y Web Service.

• El sitio mashup: es la nueva aplicación web que provee un nuevo servicio utilizando diferente información y de la que no es dueña.

• El web browser cliente: es la interface de usuario del mashup. En una aplicación web, el contenido puede ser mezclado por los web browser clientes usando lenguaje web del lado del cliente. Por ejemplo javascript.

Los mashups deben ser diferenciados de simples embebidos de datos de otro sitio para formar un documento compuesto. Un sitio que permite al usuario embeber vídeos de youtube, por ejemplo, no es un sitio mashup. Como ya se dijo , el sitio mismo debe acceder información externa a él usando una API y procesar esos datos de modo de incrementar su valor para el usuario.

Marsh-up tambien se llama en Música cuando un tema de una canción es cantada por otra persona o otro tiempo...una versión distinta.

Tipos de Mashups

Los mashups se presentan actualmente en tres formas: mashups de consumidores, mashups de datos y mashups empresariales.

El tipo más conocido es el de mashup de consumidores, que está muy bien ejemplificado por muchas aplicaciones que utilizan Google Maps. Los mashups de este tipo combinan datos de fuentes varias, escondiendo ello tras una interface gráfica simple.

Un mashup de datos mezcla datos de tipo similar proveniente de diferentes fuentes (ver Yahoo Pipes, http://pipes.yahoo.com/pipes/). Por ejemplo, combinando los datos de múltiples feeds RSS en un solo feed con nuevo un front-end gráfico.

Un mashup empresarial (ejemplo, JackBe, http://www.jackbe.com) integra usualmente datos de fuentes externas e internas. Por ejemplo, podría crear un reporte sobre la cuota de mercado de un negocio combinando la lista externa de todas las casas vendidas la semana anterior con datos internos de las casas vendidas por una sola agencia.

Un mashup de negocio es una combinación de todo lo anterior, enfocando en agregación de datos y presentación y agregando adicionalmente una funcionalidad colaborativa, haciendo que el resultado final sea una aplicación de negocio apropiada.

Mashups dentro de mashups son conocidos como “mashups monstruos”.

Es importante reconocer que los mashups ayudan o facilitan la integración de aplicaciones orientadas a arquitecturas SOA.

Ejemplos

Los mashups pueden ser divididos en cuatros grandes categorías: "mapas", "vídeo y fotos", "búsqueda y compras" y "noticias". Algunos ejemplos de cada categoría:

Mapas

Chicago Crime - El departamento de policía de Chicago tiene un mashup (http://gis.chicagopolice.org/CLEARMap_crime_sums/startPage.htm) que integra la base de datos del departamento de crímenes reportados con Google maps de modo de ayudar a detener crímenes en ciertas áreas y avisar a los ciudadanos de áreas potencialmente más peligrosas.

WikiCrimes - WikiCrimes (http://www.wikicrimes.org) es un sitio web tipo wiki donde los usuarios de internet pueden reportar crímenes pinchando banderas en un mapa basado en Google Maps. El sitio distingue categorías dependiendo del color.

minnus - minnus(http://www.minnus.com.ar) minnus es una comunidad virtual donde sus usuarios tienen acceso a información de todo tipo, ya sea cultural, social, histórica, comercial, ambiental, turística, de transito, etc. Dicha información se encuentra geoposicionada en un mapa creado con imágenes satelitales para así formar grupos con mismos intereses.

Vídeo y fotos

Flickr - Flickr es un sitio de almacenamiento de imágenes que permite a los usuarios organizar sus colecciones de imágenes y compartirlas. Utilizando su API el contenido puede ser usado en otros sitios creando mashups. Flickrvision (http://flickrvision.com) es un ejemplo.

Búsqueda y compras

Travature - Travature (http://www.travature.com) es un portal de viajes que ha integrado motores de meta búsquedas con guias de viajes tipo wiki y reseñas de hoteles. También permite compartir experiencias entre viajantes.

Noticias

Digg - Digg (http://digg.com/) es un mashup de varios sitios de noticias controlado casi enteramente por los usuarios del sitio.

BFreeNews.com - BFreeNews (http://bfreenews.com/) es un mashup de fuentes de noticias de calidad cruzadas con recomendaciones de noticias de Twitter y búsquedas de Google. Muestra las noticias más comentadas en twitter y más indexadas por Google en las últimas 24 horas.

Lecciones

• Cómo crear un Mashup
• Cómo crear un mashup paso a paso - Ejemplo con openkapow, Yahoo Pipes y Google Maps
• Cómo crear un Mashup En Microsoft Popfly

Competiciones

• Mashup Competición
• Mashup Competición

Enlaces externos

• Mashup Developer Community - Lienzo de JackBe para facilitar la creación de Enterprise Mashups
• Webmashup.com – Mashups & Web 2.0 APIs
• Programmableweb - Dedicado exclusivamente a Mashups
• QEDWiki - Lienzo de IBM para facilitar la creación de Mashups