0
MASHUP Roberto Polillo,  www.rpolillo.it   Università degli Studi di Milano Bicocca Dipartimento di Informatica, Sistemist...
Cloud computing: tipi di servizio Prevalentemente per gli  sviluppatori di sw, per es.: Amazon Web Services (2006+) IBM Bl...
Mashup <ul><li>Dall’inglese:  mash  = miscuglio  to mash  = schiacciare </li></ul><ul><li>(Termine usato anche per un gene...
Mashup: architettura <ul><li>data sources </li></ul><ul><li>Esempi : </li></ul><ul><ul><ul><ul><ul><li>Video </li></ul></u...
Mashup: data manipulation  <ul><li>Selezione e filtraggio  di dati </li></ul><ul><li>Combinazione  di dati </li></ul><ul><...
Esempi  <ul><li>www.housingmaps.com </li></ul><ul><li>Appartamenti in affitto e in vendita geolocalizzati (Googlemaps + cr...
Un altro esempio <ul><li>Flickr + youtube + blog (drupal) = travelblog www.theworldisnotflat.com </li></ul><ul><li>Video s...
Altri esempi (visual interface) <ul><li>http://www.nyartbeat.com/bubbles </li></ul><ul><li>http://www.search-cube.com/ </l...
Lifestreams <ul><li>Diario delle attività personali on-line </li></ul><ul><li>Esempio:  http://adactio.com/extras/stream/ ...
http://www.perspctv.com/   <ul><li>Un “cruscotto” per monitorare i flussi informativi  relativi alle elezioni presidenzial...
<ul><li>“ There are creative people all around the world, hundreds of millions of them, and they are going to think of thi...
Da  http://www.johnseelybrown.com/creativityusc.pdf
Altri esempi <ul><li>Trendfo “Trendfo tracks the latest search keywords on the internet and provides fresh, relevant info ...
R.Polillo – Corso Web 2.0 (dic 2009) Fonte:  http://www.slideshare.net/josanku/widget-ecosystem-and-widget-economy
Fonte:  http://www.slideshare.net/josanku/widget-ecosystem-and-widget-economy
Info sui mashup <ul><li>http://www.programmableweb.com/ </li></ul><ul><li>“ ProgrammableWeb is where you can keep-up with ...
Fonte:  http://www.programmableweb.com/mashups R.Polillo – Corso Web 2.0 (dic 2009)
L’ecosistema del mashup <ul><li>Possiamo modellare l’ecosistema del mashup con dei grafi, e studiarne l’evoluzione e le pr...
API mashup http://www.slideshare.net/shuliyu/innovation-in-the-programmable-web-characterizing-the-mashup-ecosystem R.Poli...
R.Polillo – Corso Web 2.0 (dic 2009) API mashup
R.Polillo – Corso Web 2.0 (dic 2009) API mashup
API mashup
Vedi cit. precente R.Polillo – Corso Web 2.0 (dic 2009)
Mashup: strumenti <ul><li>API  (Application Programming Interface, interfaccia programmativa dell’applicazione) pubblicate...
Google OpenSocial <ul><li>OpenSocial è un insieme di API per applicazioni di social networking </li></ul><ul><li>Sviluppat...
Yahoo!Pipes <ul><li>Applicazione web che permette di costruire delle  pipes  mediante una semplice interfaccia grafica (ri...
Pipes: il concetto Programma A Programma B Programma D dati 0 dati 1 dati 2 dati 3 SEQUENZA DI “FILTRI” R.Polillo – Corso ...
R.Polillo – Corso Web 2.0 (dic 2009)
Yahoo!Pipes <ul><li>http://pipes.yahoo.com/pipes/ </li></ul><ul><li>Pipes: video tutorials (in English) http://usefulvideo...
Mashup: punti di forza <ul><li>“ Lightweight” application (volume di codice ridotto    basso costo di sviluppo dell’appli...
Mashup: aspetti critici <ul><li>Dipendenza dalle data sources (qualità dei dati, prestazioni, disponibilità e continuità d...
Mashup: LAVORO INDIVIDUALE <ul><li>Cercare e segnalare esempi dimashup particolarmente interessanti ed innovativi (per es....
Upcoming SlideShare
Loading in...5
×

Lezione 7: Mashup

2,522

Published on

Slide del corso sul Web 2.0 tenuto all'Università di Milano Bicocca da R.Polillo - Edizione ottobre 2009.
Vedi anche www.corsow.worpress.com

Published in: Education, Technology
0 Comments
4 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
2,522
On Slideshare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
105
Comments
0
Likes
4
Embeds 0
No embeds

No notes for slide

Transcript of "Lezione 7: Mashup"

  1. 1. MASHUP Roberto Polillo, www.rpolillo.it Università degli Studi di Milano Bicocca Dipartimento di Informatica, Sistemistica e Comunicazione Corso Web 2.0 AA 2009-2010
  2. 2. Cloud computing: tipi di servizio Prevalentemente per gli sviluppatori di sw, per es.: Amazon Web Services (2006+) IBM Blue Cloud (2008+) Google App Engine (2008+) Microsoft Windows Azure (2009+) Per es.: Facebook, Youtube, Skype, Google Apps, Salesforce, Dropbox, Servizi applicativi di rete accessibili via API. Per es.: identity, payment, map, …, Device (hw+sw) per accedere al cloud computing. Es.: mobiles, thin clients Immagine da Wikipedia CLIENT INTERNET
  3. 3. Mashup <ul><li>Dall’inglese: mash = miscuglio to mash = schiacciare </li></ul><ul><li>(Termine usato anche per un genere musicale) </li></ul><ul><li>Applicazione web che integra dinamicamente contenuti o servizi provenienti da più fonti (es. via API o feed RSS), per creare un servizio nuovo </li></ul><ul><li>http://en.wikipedia.org/wiki/Mashup_(web_application_hybrid) </li></ul><ul><li>Una buona presentazione: http://www.slideshare.net/valicac/mashups-87355#slideshow_stats </li></ul>
  4. 4. Mashup: architettura <ul><li>data sources </li></ul><ul><li>Esempi : </li></ul><ul><ul><ul><ul><ul><li>Video </li></ul></ul></ul></ul></ul><ul><ul><ul><ul><ul><li>Photo </li></ul></ul></ul></ul></ul><ul><ul><ul><ul><ul><li>Maps </li></ul></ul></ul></ul></ul><ul><ul><ul><ul><ul><li>News </li></ul></ul></ul></ul></ul><ul><ul><ul><ul><ul><li>Blog feeds </li></ul></ul></ul></ul></ul>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 2009)
  5. 5. Mashup: data manipulation <ul><li>Selezione e filtraggio di dati </li></ul><ul><li>Combinazione di dati </li></ul><ul><li>Normalizzazione e traduzione di dati </li></ul><ul><li>Visualizzazione di dati </li></ul><ul><li>Aggregazione di dati </li></ul>R.Polillo – Corso Web 2.0 (dic 2009)
  6. 6. Esempi <ul><li>www.housingmaps.com </li></ul><ul><li>Appartamenti in affitto e in vendita geolocalizzati (Googlemaps + craigslist) </li></ul><ul><li>www.plazes.com </li></ul><ul><li> Location based social network (Startup tedesca, recentemente acquisita da Nokia) </li></ul><ul><li>Ma… mashup non significa solo geo-localizzazione di informazioni… Vediamone alcuni esempi diversi </li></ul>R.Polillo – Corso Web 2.0 (dic 2009)
  7. 7. Un altro esempio <ul><li>Flickr + youtube + blog (drupal) = travelblog www.theworldisnotflat.com </li></ul><ul><li>Video su come è stato fatto: http://it.youtube.com/watch?v=LoQOUiJpvw4&feature=user </li></ul>R.Polillo – Corso Web 2.0 (dic 2009)
  8. 8. Altri esempi (visual interface) <ul><li>http://www.nyartbeat.com/bubbles </li></ul><ul><li>http://www.search-cube.com/ </li></ul><ul><li>http://twitrratr.com/ </li></ul><ul><li>http://labs.ideeinc.com/multicolr/ </li></ul>R.Polillo – Corso Web 2.0 (dic 2009)
  9. 9. Lifestreams <ul><li>Diario delle attività personali on-line </li></ul><ul><li>Esempio: http://adactio.com/extras/stream/ </li></ul><ul><li>L’idea è di Jeremy Keith, in “Streaming my life away” ( http://adactio.com/journal/1202/ ) </li></ul><ul><li>Interessanti commenti in in http://hyperradiant.net/blog/2007/05/lifestreams-an-essay-in-progre.html </li></ul>R.Polillo – Corso Web 2.0 (dic 2009)
  10. 10. http://www.perspctv.com/ <ul><li>Un “cruscotto” per monitorare i flussi informativi relativi alle elezioni presidenziali USA su internet </li></ul><ul><li>Dati da CNN, Twitter Search, Technorati, Daylife, Alexa, Google Insight s for Search, ed altri </li></ul><ul><li>“ 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 &quot;dashboard&quot; picture of the elections at any one given moment in time, totally un-biased. “ </li></ul>R.Polillo – Corso Web 2.0 (dic 2009)
  11. 11. <ul><li>“ 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.” </li></ul><ul><li>Vinton Cerf </li></ul>R.Polillo – Corso Web 2.0 (dic 2009)
  12. 12. Da http://www.johnseelybrown.com/creativityusc.pdf
  13. 13. Altri esempi <ul><li>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/ </li></ul><ul><li>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 = </li></ul><ul><li>Mappa dei blog italiani http://www.deeario.it/2006/08/21/mashup-mappa-dei-blog-italiani/ </li></ul><ul><li>Real-time mapping of Flickr, Twitter, YouTube posts http://flickrvision.com/ , http://twittervision.com/ , http://spinvision.tv/ </li></ul><ul><li>La mappa delle public toilets in Manhattan http://www.diaroogle.com/ </li></ul>R.Polillo – Corso Web 2.0 (dic 2009)
  14. 14. R.Polillo – Corso Web 2.0 (dic 2009) Fonte: http://www.slideshare.net/josanku/widget-ecosystem-and-widget-economy
  15. 15. Fonte: http://www.slideshare.net/josanku/widget-ecosystem-and-widget-economy
  16. 16. Info sui mashup <ul><li>http://www.programmableweb.com/ </li></ul><ul><li>“ 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” </li></ul><ul><li>Esempio: most popular mashups: http://www.programmableweb.com/mashups/directory/1?view=text </li></ul><ul><li>Best mashups: http://mashupawards.com/ </li></ul><ul><li>“ The best mashups on the web”: </li></ul>R.Polillo – Corso Web 2.0 (dic 2009)
  17. 17. Fonte: http://www.programmableweb.com/mashups R.Polillo – Corso Web 2.0 (dic 2009)
  18. 18. L’ecosistema del mashup <ul><li>Possiamo modellare l’ecosistema del mashup con dei grafi, e studiarne l’evoluzione e le proprietà: </li></ul>R.Polillo – Corso Web 2.0 (dic 2009)
  19. 19. API mashup http://www.slideshare.net/shuliyu/innovation-in-the-programmable-web-characterizing-the-mashup-ecosystem R.Polillo – Corso Web 2.0 (dic 2009)
  20. 20. R.Polillo – Corso Web 2.0 (dic 2009) API mashup
  21. 21. R.Polillo – Corso Web 2.0 (dic 2009) API mashup
  22. 22. API mashup
  23. 23. Vedi cit. precente R.Polillo – Corso Web 2.0 (dic 2009)
  24. 24. Mashup: strumenti <ul><li>API (Application Programming Interface, interfaccia programmativa dell’applicazione) pubblicate dai più importanti siti </li></ul><ul><li>Es. Google API ( http://code.google.com/apis/gdata/basics.html ), ... </li></ul><ul><li>Mashup editors Yahoo!Pipes, Google Mashup Editor, Microsoft Popfly, Dapper, IBM QEDWiki, … </li></ul>R.Polillo – Corso Web 2.0 (dic 2009)
  25. 25. Google OpenSocial <ul><li>OpenSocial è un insieme di API per applicazioni di social networking </li></ul><ul><li>Sviluppato da Google con MySpace e altri social networks (da novembre 2007) </li></ul><ul><li>Il set di API comuni permetterà agli sviluppatori di non imparare diversi linguaggi per creare applicazioni per svariati siti. </li></ul><ul><li>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!”) ‏ </li></ul><ul><li>http://en.wikipedia.org/wiki/OpenSocial </li></ul>R.Polillo – Corso Web 2.0 (dic 2009)
  26. 26. Yahoo!Pipes <ul><li>Applicazione web che permette di costruire delle pipes mediante una semplice interfaccia grafica (rilasciata in β a inizio 2007) </li></ul><ul><li>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) </li></ul><ul><li>“ Unix pipes for the web”: </li></ul><ul><li>“ 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.&quot; Kernighan & Pike, 1984 </li></ul>R.Polillo – Corso Web 2.0 (dic 2009)
  27. 27. 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 2009) Programma B’ ALTERNATIVA LOOP
  28. 28. R.Polillo – Corso Web 2.0 (dic 2009)
  29. 29. Yahoo!Pipes <ul><li>http://pipes.yahoo.com/pipes/ </li></ul><ul><li>Pipes: video tutorials (in English) http://usefulvideo.blogspot.com/2007/02/yahoo-pipes-tutorials.html </li></ul><ul><li>Leggere il commento di Tim O’Reilly: http://radar.oreilly.com/2007/02/pipes-and-filters-for-the-inte.html </li></ul><ul><li>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 </li></ul>R.Polillo – Corso Web 2.0 (dic 2009)
  30. 30. Mashup: punti di forza <ul><li>“ Lightweight” application (volume di codice ridotto  basso costo di sviluppo dell’applicazione) </li></ul><ul><li>Facilità di sviluppo dell’applicazione (disponibilità di tools che non richiedono grandi competenze tecniche – es.pipes) </li></ul><ul><li>Disponibilità di vaste basi di dati </li></ul><ul><li>Bassi (o nulli) costi di acquisizione e aggiornamento dati </li></ul><ul><li>Set-up dell’applicazione rapido (time-to-market, possibilità di quick prototyping) </li></ul>R.Polillo – Corso Web 2.0 (dic 2009)
  31. 31. Mashup: aspetti critici <ul><li>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”) </li></ul><ul><li>API: standards e versioning </li></ul><ul><li>Proprietà intellettuale e copyright (“right to remix”: fino a che punto?) </li></ul><ul><li>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 ) </li></ul>R.Polillo – Corso Web 2.0 (dic 2009)
  32. 32. Mashup: LAVORO INDIVIDUALE <ul><li>Cercare e segnalare esempi dimashup particolarmente interessanti ed innovativi (per es. su www.programmableweb.com o su www.mashupawards.com ) </li></ul><ul><li>Realizzare un semplice mashup (per esempio con yahoo!pipes) </li></ul>R.Polillo – Corso Web 2.0 (ott 2009)
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×