Corso Web 2.0: Mashup

Università degli Studi di Milano Bicocca Dipartimento di Informatica, Sistemistica e Comunicazione
Lezione 17 MASHUP Corso Web 2.0 2 Roberto Polillo
[email_address] www.rpolillo.it

Mashup
Dall’inglese: mash = miscuglio to mash = schiacciare
(Termine usato anche per un genere musicale)
Applicazione web che integra dinamicamente contenuti o servizi provenienti da più fonti (es. via API o feed RSS), per creare un servizio nuovo
http://en.wikipedia.org/wiki/Mashup_(web_application_hybrid)
Una buona presentazione: http://www.slideshare.net/valicac/mashups-87355#slideshow_stats
R.Polillo – Corso Web 2.0 (dic 2008)

Mashup: architettura
data sources
Esempi :
Video
Photo
Maps
News
Blog feeds
mashup web site browser interfaccia pubblica (API, RSS, …) NB: Deep linking non è considerato mashup API call data data manipulation R.Polillo – Corso Web 2.0 (dic 2008)

Mashup: data manipulation
Selezione e filtraggio di dati
Combinazione di dati
Normalizzazione e traduzione di dati
Visualizzazione di dati
Aggregazione di dati

Esempi
www.housingmaps.com
Appartamenti in affitto e in vendita geolocalizzati (Googlemaps + craigslist)
www.plazes.com
Location based social network (Startup tedesca, recentemente acquisita da Nokia)
Ma… mashup non significa solo geo-localizzazione di informazioni… Vediamone alcuni esempi diversi

Un altro esempio
Flickr + youtube + blog (drupal) = travelblog www.theworldisnotflat.com
Video su come è stato fatto: http://it.youtube.com/watch?v=LoQOUiJpvw4&feature=user

Altri esempi (visual interface)
http://www.nyartbeat.com/bubbles
http://www.search-cube.com/
http://twitrratr.com/
http://labs.ideeinc.com/multicolr/

Lifestreams
Diario delle attività personali on-line
Esempio: http://adactio.com/extras/stream/
L’idea è di Jeremy Keith, in “Streaming my life away” ( http://adactio.com/journal/1202/ )
Interessanti commenti in in http://hyperradiant.net/blog/2007/05/lifestreams-an-essay-in-progre.html

http://www.perspctv.com/
Un “cruscotto” per monitorare i flussi informativi relativi alle elezioni presidenziali USA su internet
Dati da CNN, Twitter Search, Technorati, Daylife, Alexa, Google Insight s for Search, ed altri
“ This project presents different perspectives in our world, including that of Mainstream media and user-generated content on the Internet. Explore the similarities and the disparities, hear the many voices that have emerged and choose which view, if any, makes the most sense to you. What we think vs. what they say we think -- All the chatter on the Internet, all the traditional news media coverage, and all the pollsters -- Perspctv brings it all together in a simple and elegant manner -- and gives a unique "dashboard" picture of the elections at any one given moment in time, totally un-biased. “

“ There are creative people all around the world, hundreds of millions of them, and they are going to think of things to do with our basic platform that we didn’t think of.”
Vinton Cerf

Da http://www.johnseelybrown.com/creativityusc.pdf

Altri esempi
Trendfo “Trendfo tracks the latest search keywords on the internet and provides fresh, relevant info for quickly learning about the Internet's hottest trends.” http://trendfo.com/
Havaria Information Service Alertmap Riunisce su una mappa del mondo dati su eventi atmosferici, sismici, vulcanici provenienti da 200 sorgenti informative http://visz.rsoe.hu/alertmap/index.php?lang =
Mappa dei blog italiani http://www.deeario.it/2006/08/21/mashup-mappa-dei-blog-italiani/
Real-time mapping of Flickr, Twitter, YouTube posts http://flickrvision.com/ , http://twittervision.com/ , http://spinvision.tv/
La mappa delle public toilets in Manhattan http://www.diaroogle.com/

Fonte: http://www.slideshare.net/josanku/widget-ecosystem-and-widget-economy

Mashup: strumenti
API (Application Programming Interface, interfaccia programmativa dell’applicazione) pubblicate dai più importanti siti
Es. Google API ( http://code.google.com/apis/gdata/basics.html ), ...
Mashup editors Yahoo!Pipes, Google Mashup Editor, Microsoft Popfly, Dapper, IBM QEDWiki, …

Info sui mashup
http://www.programmableweb.com/
“ ProgrammableWeb is where you can keep-up with what's new and interesting with mashups, Web 2.0 APIs, and the new Web as Platform”
Esempio: most popular mashups: http://www.programmableweb.com/mashups/directory/1?view=text
Best mashups: http://mashupawards.com/
“ The best mashups on the web”:

Fonte: http://www.programmableweb.com/mashups Fonte: http://www.programmableweb.com/apis R.Polillo – Corso Web 2.0 (dic 2008)

L’ecosistema del mashup
Possiamo modellare l’ecosistema del mashup con dei grafi, e studiarne l’evoluzione e le proprietà:

API mashup http://www.slideshare.net/shuliyu/innovation-in-the-programmable-web-characterizing-the-mashup-ecosystem R.Polillo – Corso Web 2.0 (dic 2008)

R.Polillo – Corso Web 2.0 (dic 2008) API mashup

API mashup

Vedi cit. precente R.Polillo – Corso Web 2.0 (dic 2008)

Google OpenSocial
OpenSocial è un insieme di API per applicazioni di social networking
Sviluppato da Google con MySpace e altri social networks (da novembre 2007)
Il set di API comuni permetterà agli sviluppatori di non imparare diversi linguaggi per creare applicazioni per svariati siti.
Ma: “We don’t want to have the same application on multiple social networks. We want applications that can use data from multiple social networks.” (Tim O’Reilly su OpenSocial, titolo del commento “It's the data, stupid!”) ‏
http://en.wikipedia.org/wiki/OpenSocial

Yahoo!Pipes
Applicazione web che permette di costruire delle pipes mediante una semplice interfaccia grafica (rilasciata in β a inizio 2007)
Una pipe è una combinazione di comandi che permettono di acquisire, filtrare, filtrare e manipolare in vario modo dati provenienti da varie sorgenti web (tipicamente, feed RSS)
“ Unix pipes for the web”:
“ at the heart of the Unix philosophy is the idea that the power of a system comes more from the relationships among programs than from the programs themselves." Kernighan & Pike, 1984

Pipes: il concetto Programma A Programma B Programma D dati 0 dati 1 dati 2 dati 3 SEQUENZA DI “FILTRI” R.Polillo – Corso Web 2.0 (dic 2008) Programma B’ ALTERNATIVA LOOP

Yahoo!Pipes
http://pipes.yahoo.com/pipes/
Pipes: video tutorials (in English) http://usefulvideo.blogspot.com/2007/02/yahoo-pipes-tutorials.html
Leggere il commento di Tim O’Reilly: http://radar.oreilly.com/2007/02/pipes-and-filters-for-the-inte.html
Esempi di pipes: http://nick.typepad.com/blog/2007/02/youtunes_an_exa.html http://rssdiary.marketingstudies.net/content/examples_of_yahoo_pipes_in_action_to_wet_your_appetite.php

Mashup: punti di forza
“ Lightweight” application (volume di codice ridotto  basso costo di sviluppo dell’applicazione)
Facilità di sviluppo dell’applicazione (disponibilità di tools che non richiedono grandi competenze tecniche – es.pipes)
Disponibilità di vaste basi di dati
Bassi (o nulli) costi di acquisizione e aggiornamento dati
Set-up dell’applicazione rapido (time-to-market, possibilità di quick prototyping)

Mashup: aspetti critici
Dipendenza dalle data sources (qualità dei dati, prestazioni, disponibilità e continuità del servizio, cambiamenti di politiche di servizio, stabilità  fragilità: “la forza dell’anello più debole”)
API: standards e versioning
Proprietà intellettuale e copyright (“right to remix”: fino a che punto?)
Privacy (incrociare e filtrare i dati può generare problemi non esistenti nei dati originari) (vedi ad es.: http://mashworks.net/images/5/59/Goodman_Moed_2006.pdf )

Fonte: http://www.slideshare.net/josanku/widget-ecosystem-and-widget-economy R.Polillo – Corso Web 2.0 (dic 2008)

Il presente materiale è pubblicato con licenza Creative Commons “Attribuzione - Non commerciale - Condividi allo stesso modo - 2.5 Italia”, reperibile presso il seguente sito Internet: http://creativecommons.org/licenses/by-nc-sa/2.5/it/ .
Il corso completo si trova in http://corsoweb20polillo.blogspot.com/
Credits
Diverse lezioni di questo corso sono una rielaborazione delle slides del Corso sul Web 2.0 tenuto da Carlo Vaccari alla Università di Camerino nel dicembre 2007, disponibili con identica licenza Creative Commons dal blog del corso in http://camerino20.wordpress.com/ .
Molto altro materiale è stato trovato in rete. Ho cercato di indicarne sempre la fonte; segnalatemi eventuali dimenticanze, sarò lieto di correggerle appena possibile.

http://corsoweb20polillo.blogspot.com	190
http://corsoweb20polillo.blogspot.it	58
http://www.corsoweb20polillo.blogspot.com	29
http://www.corsoweb20polillo.blogspot.it	20
http://www.slideshare.net	8
http://wildfire.gigya.com	1
http://erlampadadelminatoal.blogspot.com	1
http://corsoweb20polillo.blogspot.fr	1

Corso Web 2.0: Mashup

by Roberto Polillo

Accessibility

Categories

Upload Details

Usage Rights

8 Embeds 308

Statistics

Corso Web 2.0: Mashup Presentation Transcript