Introducció. RSS i agregació continguts. Geolocalització.

Què és un mashup

Definició:
http://es.wikipedia.org/wiki/Mashup_%28aplicaci%C3%B3n_web_h%C3%ADbrida%29
http://en.wikipedia.org/wiki/Mashup_%28web_application_hybrid%29

"In technology, a mashup is a web application that combines data from more than one source into a single integrated tool"

Enllaços de referència sobre mashups:

Exemples representatius de mashups

Flickr Map
Segurament el cas més típic de tots. Mostrar un element situat en un mapa. En aquest cas barreja 2 serveis: Yahoo Maps + Flickr.
http://www.flickr.com/map/

Memry
Joc de memòria que empra Flickr per buscar les imatges de qualsevol tema.
http://www.pimpampum.net/memry

Sleevenotez
Més complexa. Agafa informació de múltiples serveis: en base a quina música escoltem amb last.fm ens mostra tota la informació de l'artista obtinguda de la wikipedia, flickr, youtube...
http://www.sleevenotez.com/

Perquè poden ser interesants els mashups per un artista?

RSS i sindicació de continguts

Exemples:

Netvibes
http://www.netvibes.com/

Popurls (Thomas Marban)
http://popurls.com/

We feel fine (Jonathan Harris)
http://www.wefeelfine.org
Cada pocs minuts busca entre els blogs les frases que comencen per "I feel..." i "I'm feeling..." i n'extreu el sentiment que hi ha al darrera.
A més, com que la informació dels blogs està estructurada d'una manera estàndard és molt fàcil saber-ne l'autor, la procedència... D'aquesta manera també pot relacionar els tipus de sentiments amb les persones que els manifesten. A més, ho combina amb la situació meteorològica d'aquell moment.
Un cop té totes les dades pot respondre a preguntes del tipus: estan més contents els europeus que els americans?

Feel Map (Alvin Woon)
http://alvinwoon.com/source/feel_map/map.php
Basat en l'API de We Feel Fine, mostra els sentiments en un mapa.

10x10 (Jonathan Harris)
http://www.tenbyten.org/
Cada hora busca en els RSS de diverses fonts de notícies i analitza els continguts de portada. Es trien les 100 paraules i les 100 imatges més importants.

Newsmap (Marcos Wescamp)
Visualització de l'activitat de l'agregador de notícies de Google News
http://www.marumushi.com/apps/newsmap/

RSS i sindicació de continguts des d'un punt de vista pràctic

RSS i ATOM. Formats de sindicació de continguts (feeds)
Sindicar= publicar. Un contingut sindicat es pot agregar a qualsevol altra pàgina d'internet.

"RSS (formally "RDF Site Summary", known colloquially as "Really Simple Syndication") is a family of Web feed formats used to publish frequently updated content such as blog entries, news headlines or podcasts."

Atom: http://en.wikipedia.org/wiki/Atom_%28standard%29

Cercadors especifics de feeds, Technorati. Cercador de blogs de google

Exercicis d'agregació i sindicació de continguts

  1. Crear una pàgina a netvibes a partir de diferents fonts d'informació (rss).  (no cal registrar-se)
  2. Yahoo Pipes. Pensar un concepte i crear un feed a partir de la recombinació de diferents fonts d'informació. (cal tenir un compte yahoo)
  3. Agregar el Yahoo pipe a una pàgina html amb el google ajax feed. (cal compte google)
    http://code.google.com/apis/ajaxfeeds/
  4. Proposta. Fer servir un llenguatge de servidor (com php), per rastrejar en temps real els blogs publicats a través del cercador de blogs de Google.La visualització es pot fer en html (ajax), o flash (actionscript).

Veure: http://www.zoomap.net/resources/client/
Descarregar: http://www.zoomap.net/resources/blogs_now.zip

Exemple: Technoratr (prototip pimpampum que permet navegar pels posts dels blogs saltant de paraula en paraula):
http://www.pimpampum.net/technoratr/

APIs

Definició d'una API. Llista d'APIS disponibles:
http://es.wikipedia.org/wiki/Web_api

"Una API es una interfaz de programación de aplicaciones (del inglés API: Application Programming Interface). Es un conjunto de rutinas que provee acceso a funciones de un determinado software."

En el nostre cas les APIS ens permeten accedir als continguts d'un servei d'informació, es pot considerar una ampliació del RSS.

Normalment es fa a través de peticions http que retornen arxius XML.

Per un programador doncs no hi ha cap complexitat especial, es tracta només de "parsejar" l'XML per obtenir els resultats que volem i visualitzar-los de la manera que vulguem (aqui és on realment es la complexitat del tema).

Claus per crear una bona mashup:

Alguns serveis d'internet que disposen d'una API pública.

més de 600 en total aquí (en realitat son molts més):
http://www.programmableweb.com/apis

per ordre de "popularitat" (el nombre de mashups que les fan servir):
http://www.programmableweb.com/apis/directory/1?sort=mashups

Mashups amb mapes

Exemples

Qlock (Vitei Inc)
Mostra l'hora de diferents indrets del món al passar per sobre del mapa. També mostra si és de dia o de nit.
http://www.qlock.com/time/

Twittermap
Veiem la gent que té instal·lada Twitter i els missatges que hi deixen.
http://twittermap.com/

If the earth were a Sandwich. (Zefrank)
Eina molt senzilla que ens permet veure les antípodes de qualsevol punt del planeta.
http://www.zefrank.com/sandwich/tool.html

Zoomap (pimpampum)
Retallar i col·locar imatge a qualsevol lloc del món i deixar-hi un missatge.
http://www.zoomap.net

Geogreeting
Podem escriure missatges, i cada lletra es converteix en una imatge que correspon a un edifici que té la forma d'aquella lletra. Després podem veure l'animació de cada zona del món a la que correspon cada lletra.
http://www.geogreeting.com/

Ascii Maps
Substitueix el mapa habitual per un mapa fet en Ascii
http://www.asciimaps.com/

Mycrotyp
Canvia les imatges del territori per imatges pròpies (en aquest cas de llibres). Ho fa servir com a eina, aprofita les funcionalitats de Google Maps.
http://www.microtyp.org/

Google moon
Com Google Maps, però amb la lluna... :)
http://moon.google.com/

Experimentals amb video

Bon 2007 by Pimpampum
Felicitació amb Video i Google Maps
http://www.pimpampum.net/maps/

Claude Lelouch's Rendezvous
Sincronitza video i mapa
http://bhendrix.com/wall/Gmaps_GVideo_Mashup_Rendezvous.html

Re-mix 2.0
Videoclip emprant imatges de Google Maps, fet amb Flash i amb el que podem controlar-ne certs aspectes, com e la música.
http://polo-really.com/sensuous_flagments/rmx2.html

Traces of a Conspiracy
Explica història aprofitant imatges de Google Maps i Flickr. De Gregory Chatonsky.
http://incident.net/works/conspiracy/swf/index.html

Com fer mashups amb mapes

Algunes eines per crear mashups visualment (sense programar)

Yahoo Pipes
http://pipes.yahoo.com

Eina per crear mashups de IBM
QEDWiki-IBM (Quick And Easily Done)
http://services.alphaworks.ibm.com/qedwiki/

Dapper
Extreu informació a partir de qualsevol contingut de la web
http://www.dapper.net/

openkapow
http://openkapow.com/