corso web 2.0: mashup

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

Upload: roberto-polillo

Post on 03-Nov-2014

17 views

Category:

Education


2 download

DESCRIPTION

Lezione 17 del corso sul Web 2.0 tenuto all'Università di Milano Bicocca. Vedi anche www.corsoweb20polillo.blogspot.con

TRANSCRIPT

Page 1: Corso Web 2.0: Mashup

Università degli Studi di Milano BicoccaDipartimento di Informatica, Sistemistica e Comunicazione

Lezione 17MASHUP

Corso Web 2.02 Roberto Polillo

[email protected]

1

Page 2: Corso Web 2.0: Mashup

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

2R.Polillo – Corso Web 2.0 (dic 2008)

Page 3: Corso Web 2.0: Mashup

Mashup: architettura

data sourcesEsempi:• Video• Photo• Maps• News• Blog feeds

mashup web site

browser

interfaccia pubblica (API, RSS, …)

NB: Deep linking non è considerato mashup

API calldata

data manipulation

3R.Polillo – Corso Web 2.0 (dic 2008)

Page 4: Corso Web 2.0: Mashup

Mashup: data manipulation

Selezione e filtraggio di dati Combinazione di dati Normalizzazione e traduzione di dati Visualizzazione di dati Aggregazione di dati

4R.Polillo – Corso Web 2.0 (dic 2008)

Page 5: Corso Web 2.0: Mashup

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

5R.Polillo – Corso Web 2.0 (dic 2008)

Page 6: Corso Web 2.0: Mashup

Un altro esempio

Flickr + youtube + blog (drupal) = travelblogwww.theworldisnotflat.com

Video su come è stato fatto:http://it.youtube.com/watch?v=LoQOUiJpvw4&feature=user

6R.Polillo – Corso Web 2.0 (dic 2008)

Page 7: Corso Web 2.0: Mashup

Altri esempi (visual interface)

http://www.nyartbeat.com/bubbles http://www.search-cube.com/ http://twitrratr.com/ http://labs.ideeinc.com/multicolr/

R.Polillo – Corso Web 2.0 (dic 2008) 7

Page 8: Corso Web 2.0: Mashup

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

8R.Polillo – Corso Web 2.0 (dic 2008)

Page 9: Corso Web 2.0: Mashup

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. “

9R.Polillo – Corso Web 2.0 (dic 2008)

Page 10: Corso Web 2.0: Mashup

“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

10R.Polillo – Corso Web 2.0 (dic 2008)

Page 11: Corso Web 2.0: Mashup

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

11

Page 12: Corso Web 2.0: Mashup

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 AlertmapRiunisce su una mappa del mondo dati su eventi atmosferici, sismici, vulcanici provenienti da 200 sorgenti informativehttp://visz.rsoe.hu/alertmap/index.php?lang=

Mappa dei blog italianihttp://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 Manhattanhttp://www.diaroogle.com/

12R.Polillo – Corso Web 2.0 (dic 2008)

Page 13: Corso Web 2.0: Mashup

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

Page 14: Corso Web 2.0: Mashup

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 editorsYahoo!Pipes, Google Mashup Editor, Microsoft Popfly, Dapper, IBM QEDWiki, …

14R.Polillo – Corso Web 2.0 (dic 2008)

Page 15: Corso Web 2.0: Mashup

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”:

15R.Polillo – Corso Web 2.0 (dic 2008)

Page 16: Corso Web 2.0: Mashup

Fonte: http://www.programmableweb.com/mashups

Fonte: http://www.programmableweb.com/apis

16R.Polillo – Corso Web 2.0 (dic 2008)

Page 17: Corso Web 2.0: Mashup

L’ecosistema del mashup

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

17R.Polillo – Corso Web 2.0 (dic 2008)

Page 19: Corso Web 2.0: Mashup

APImashup

R.Polillo – Corso Web 2.0 (dic 2008) 19

Page 20: Corso Web 2.0: Mashup

APImashup

R.Polillo – Corso Web 2.0 (dic 2008) 20

Page 21: Corso Web 2.0: Mashup

APImashup

Page 22: Corso Web 2.0: Mashup

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

Page 23: Corso Web 2.0: Mashup

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

23R.Polillo – Corso Web 2.0 (dic 2008)

Page 24: Corso Web 2.0: Mashup

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, 198424R.Polillo – Corso Web 2.0 (dic 2008)

Page 25: Corso Web 2.0: Mashup

Pipes: il concetto

Programma A

Programma B

Programma D

dati0 dati1 dati2

dati3

SEQUENZA DI “FILTRI”

Programma B’

ALTERNATIVA

LOOP

25R.Polillo – Corso Web 2.0 (dic 2008)

Page 26: Corso Web 2.0: Mashup

26R.Polillo – Corso Web 2.0 (dic 2008)

Page 27: Corso Web 2.0: Mashup

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

27R.Polillo – Corso Web 2.0 (dic 2008)

Page 28: Corso Web 2.0: Mashup

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)28R.Polillo – Corso Web 2.0 (dic 2008)

Page 29: Corso Web 2.0: Mashup

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 )

29R.Polillo – Corso Web 2.0 (dic 2008)

Page 30: Corso Web 2.0: Mashup

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

Page 31: Corso Web 2.0: Mashup

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.

31R.Polillo – Corso Web 2.0 (dic 2008)