¿Qué es un mashup? Mashup (aplicación web híbrida) Mashup (aplicación web híbrida)

20
¿Qué es ¿Qué es un “mashup”? un “mashup”?

Transcript of ¿Qué es un mashup? Mashup (aplicación web híbrida) Mashup (aplicación web híbrida)

Page 1: ¿Qué es un mashup? Mashup (aplicación web híbrida) Mashup (aplicación web híbrida)

¿Qué es un “mashup”?¿Qué es un “mashup”?

Page 2: ¿Qué es un mashup? Mashup (aplicación web híbrida) Mashup (aplicación web híbrida)

Mashup (aplicación web híbrida) Mashup (aplicación web híbrida)

Page 3: ¿Qué es un mashup? Mashup (aplicación web híbrida) Mashup (aplicación web híbrida)

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

Page 4: ¿Qué es un mashup? Mashup (aplicación web híbrida) Mashup (aplicación web híbrida)

El contenido de un mashup El contenido de un mashup normalmente proviene de sitios normalmente proviene de sitios web de terceros a través de una web de terceros a través de una interfaz pública o usando un interfaz pública o usando un API. API.

Page 5: ¿Qué es un mashup? Mashup (aplicación web híbrida) Mashup (aplicación web híbrida)

Otros métodos que constituyen Otros métodos que constituyen el origen de sus datos incluyen: el origen de sus datos incluyen: indicadores web (RSS o Atom), indicadores web (RSS o Atom), Screen scraping, etc. Screen scraping, etc.

Page 6: ¿Qué es un mashup? Mashup (aplicación web híbrida) Mashup (aplicación web híbrida)

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

Page 7: ¿Qué es un mashup? Mashup (aplicación web híbrida) Mashup (aplicación web híbrida)

Los mashups permiten que Los mashups permiten que cualquiera combine, de forma cualquiera combine, de forma innovadora, datos que existen innovadora, datos que existen en diferentes páginas web. en diferentes páginas web.

Page 8: ¿Qué es un mashup? Mashup (aplicación web híbrida) Mashup (aplicación web híbrida)

Requieren pocos conocimientos Requieren pocos conocimientos técnicos, las APIs existentes técnicos, las APIs existentes son sencillas y potentes y los son sencillas y potentes y los mashups son relativamente mashups son relativamente fáciles de diseñar. fáciles de diseñar.

Page 9: ¿Qué es un mashup? Mashup (aplicación web híbrida) Mashup (aplicación web híbrida)

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

Page 10: ¿Qué es un mashup? Mashup (aplicación web híbrida) Mashup (aplicación web híbrida)

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

Page 11: ¿Qué es un mashup? Mashup (aplicación web híbrida) Mashup (aplicación web híbrida)

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

Page 12: ¿Qué es un mashup? Mashup (aplicación web híbrida) Mashup (aplicación web híbrida)

Como Crear un Mashup:Como Crear un Mashup:

Page 13: ¿Qué es un mashup? Mashup (aplicación web híbrida) Mashup (aplicación web híbrida)

Lo primero que se necesita para Lo primero que se necesita para hacer un mashup es una o hacer un mashup es una o varias fuentes de datos. Cada varias fuentes de datos. Cada vez es más común disponer de vez es más común disponer de esos datos en formatos esos datos en formatos sindicados (RSS, Atom) o sindicados (RSS, Atom) o incluso mediante APIs que incluso mediante APIs que exponen los datos en formato exponen los datos en formato XML o JSON XML o JSON

Page 14: ¿Qué es un mashup? Mashup (aplicación web híbrida) Mashup (aplicación web híbrida)

Crear Un Feed:Crear Un Feed:

Existe una forma sencilla, gráfica y Existe una forma sencilla, gráfica y alojada por terceros que nos lo alojada por terceros que nos lo permite hacer. Podemos utilizar permite hacer. Podemos utilizar varios programas para crearlo como varios programas para crearlo como por ejemplo Openkapow. Para esto por ejemplo Openkapow. Para esto puedes utilizar los datos de otros puedes utilizar los datos de otros paginas y asi tenerlo hecho en un paginas y asi tenerlo hecho en un par de minutos. par de minutos.

Page 15: ¿Qué es un mashup? Mashup (aplicación web híbrida) Mashup (aplicación web híbrida)

Para crearlo, es necesario Para crearlo, es necesario emplear la herramienta que se emplear la herramienta que se descarga de la página de descarga de la página de openkapow. La única pega es openkapow. La única pega es que solo existen versiones para que solo existen versiones para Windows y Linux.  Windows y Linux. 

Page 16: ¿Qué es un mashup? Mashup (aplicación web híbrida) Mashup (aplicación web híbrida)

Una vez publicado, ya está listo Una vez publicado, ya está listo para utilizarse. para utilizarse.

Page 17: ¿Qué es un mashup? Mashup (aplicación web híbrida) Mashup (aplicación web híbrida)

Manipulación del Feed y extracción Manipulación del Feed y extracción de datos relevantesde datos relevantes

Puesto que el feed contiene mucha Puesto que el feed contiene mucha información que no estamos información que no estamos interesados en mostrar en primera interesados en mostrar en primera instancia (p. ej: datos globales y instancia (p. ej: datos globales y datos de cada lugar), necesitamos datos de cada lugar), necesitamos manipular los datos del feed antes manipular los datos del feed antes de usarlos. Para ello utilizamos otra de usarlos. Para ello utilizamos otra herramienta online llamada herramienta online llamada Yahoo!Yahoo! PipesPipes que permite manipular  que permite manipular diferentes fuentes de datos y sacar diferentes fuentes de datos y sacar un feed en RSS, un objeto JSON, un feed en RSS, un objeto JSON, XML… XML…

Page 18: ¿Qué es un mashup? Mashup (aplicación web híbrida) Mashup (aplicación web híbrida)

  A grandes rasgos el pipe lo que A grandes rasgos el pipe lo que hace es filtrar los items que nos hace es filtrar los items que nos interesan, y extraer los valores interesan, y extraer los valores que luego utilizaremos como que luego utilizaremos como variables y sacarlo en el feed. variables y sacarlo en el feed.

Page 19: ¿Qué es un mashup? Mashup (aplicación web híbrida) Mashup (aplicación web híbrida)

Una vez cargado el objeto Una vez cargado el objeto JSON proporcionado por el JSON proporcionado por el pipe, representarlo en el mapa pipe, representarlo en el mapa es casi trivial. En función del es casi trivial. En función del nivel de llenado se pone un nivel de llenado se pone un icono diferente al marker, y se icono diferente al marker, y se usa un gestor de markers para usa un gestor de markers para su representación puesto que el su representación puesto que el número de pantanos es muy número de pantanos es muy elevado. elevado.

Page 20: ¿Qué es un mashup? Mashup (aplicación web híbrida) Mashup (aplicación web híbrida)

Trabajo para TIC´STrabajo para TIC´S

HugoHugo ManuelManuel 1-B1-B