Internet Mashups - USI · • Il World Wide Web sta mutando da mezzo di comunicazione globale ad...

59
12 November 2008 Informatica08 – Roadshow Liceo Lugano 2 1 Internet Mashups Prof. Cesare Pautasso http://www.pautasso.info [email protected]

Transcript of Internet Mashups - USI · • Il World Wide Web sta mutando da mezzo di comunicazione globale ad...

Page 1: Internet Mashups - USI · • Il World Wide Web sta mutando da mezzo di comunicazione globale ad una piattaforma ... reputation as the most trusted source of ... people's network

12 November 2008 Informatica08 – Roadshow Liceo Lugano 2 1

Internet Mashups

Prof. Cesare Pautassohttp://[email protected]

Page 2: Internet Mashups - USI · • Il World Wide Web sta mutando da mezzo di comunicazione globale ad una piattaforma ... reputation as the most trusted source of ... people's network

12 November 2008 Informatica08 – Roadshow Liceo Lugano 2 2

Abstract

• Il World Wide Web sta mutando da mezzo dicomunicazione globale ad una piattaformaprogrammabile aperta per la realizzazione di serviziper l'elaborazione dei dati. L'obiettivo di questoseminario è innanzitutto di presentare agli studentealcuni nuovi servizi fondamentali Web 2.0 (reti sociali, mappe geografiche, servizi di notizie, condivisione difotografie, ecc.) e in secondo luogo di mostrare come si possono combinare tra di loro in un cosiddetto'mashup' attraverso conoscenze minime diprogrammazione.

Page 3: Internet Mashups - USI · • Il World Wide Web sta mutando da mezzo di comunicazione globale ad una piattaforma ... reputation as the most trusted source of ... people's network

12 November 2008 Informatica08 – Roadshow Liceo Lugano 2 3

Page 4: Internet Mashups - USI · • Il World Wide Web sta mutando da mezzo di comunicazione globale ad una piattaforma ... reputation as the most trusted source of ... people's network

12 November 2008 Informatica08 – Roadshow Liceo Lugano 2 4

Dec

embe

r 20

05

Page 5: Internet Mashups - USI · • Il World Wide Web sta mutando da mezzo di comunicazione globale ad una piattaforma ... reputation as the most trusted source of ... people's network

12 November 2008 Informatica08 – Roadshow Liceo Lugano 2 5

Page 6: Internet Mashups - USI · • Il World Wide Web sta mutando da mezzo di comunicazione globale ad una piattaforma ... reputation as the most trusted source of ... people's network

12 November 2008 Informatica08 – Roadshow Liceo Lugano 2 6

If it were a country, If it were a country, MySpace would be the MySpace would be the seventh biggest, ahead seventh biggest, ahead of Russia. of Russia. It had It had 153,339,321 users 153,339,321 users when I started when I started writing this article writing this article and 153,523,640 and 153,523,640 when I had when I had finished.finished.The Guardian, 2007The Guardian, 2007

Page 7: Internet Mashups - USI · • Il World Wide Web sta mutando da mezzo di comunicazione globale ad una piattaforma ... reputation as the most trusted source of ... people's network

12 November 2008 Informatica08 – Roadshow Liceo Lugano 2 7

How does theWorld Wide Web

work?

Page 8: Internet Mashups - USI · • Il World Wide Web sta mutando da mezzo di comunicazione globale ad una piattaforma ... reputation as the most trusted source of ... people's network

12 November 2008 Informatica08 – Roadshow Liceo Lugano 2 8

World Wide Web

• On the Web anyone can access, publish and share pages with multimedia information

Web Page

URL

HTML

URL

URL

URL

Hyperlink

Page 9: Internet Mashups - USI · • Il World Wide Web sta mutando da mezzo di comunicazione globale ad una piattaforma ... reputation as the most trusted source of ... people's network

12 November 2008 Informatica08 – Roadshow Liceo Lugano 2 9

Web Architecture

Web Browser Web Server

Client Server

URL

Web Page

HTTP Protocol

Page 10: Internet Mashups - USI · • Il World Wide Web sta mutando da mezzo di comunicazione globale ad una piattaforma ... reputation as the most trusted source of ... people's network

12 November 2008 Informatica08 – Roadshow Liceo Lugano 2 10

Uniform Resource Identifier

http://www.easyjet.com/en/book/

URI Scheme Authority Path

Page 11: Internet Mashups - USI · • Il World Wide Web sta mutando da mezzo di comunicazione globale ad una piattaforma ... reputation as the most trusted source of ... people's network

12 November 2008 Informatica08 – Roadshow Liceo Lugano 2 11

Writing Web Pages in HTML

<HTML>

<HEAD>

<TITLE>My Homepage</TITLE>

</HEAD>

<BODY>

<H1>Welcome to My Homepage</H1>

Visit <A HREF=“http://www.unisi.ch”>My University</A>

</BODY>

</HTML>

Page 12: Internet Mashups - USI · • Il World Wide Web sta mutando da mezzo di comunicazione globale ad una piattaforma ... reputation as the most trusted source of ... people's network

12 November 2008 Informatica08 – Roadshow Liceo Lugano 2 12

Learning HTML

Beginner’s tutorials:http://www.w3schools.com/HTML/http://www.echoecho.com/it/htmlbasics.htm

By Example: whenever youfind an interesting page,

Look at the source!

Page 13: Internet Mashups - USI · • Il World Wide Web sta mutando da mezzo di comunicazione globale ad una piattaforma ... reputation as the most trusted source of ... people's network

12 November 2008 Informatica08 – Roadshow Liceo Lugano 2 13

How big is the Web?

Page 14: Internet Mashups - USI · • Il World Wide Web sta mutando da mezzo di comunicazione globale ad una piattaforma ... reputation as the most trusted source of ... people's network

12 November 2008 Informatica08 – Roadshow Liceo Lugano 2 14

How big is the Web?• The Web contains approx. 23.91 billion pages

http

://w

ww

.wor

ldw

idew

ebsi

ze.c

om/

Page 15: Internet Mashups - USI · • Il World Wide Web sta mutando da mezzo di comunicazione globale ad una piattaforma ... reputation as the most trusted source of ... people's network

12 November 2008 Informatica08 – Roadshow Liceo Lugano 2 15

How big is the Web?

0.5-1.5 TB 1-16 GB

• The Internet Archive contains 2 Petabytes and is growing at a rate of 20 Terabytes per month.

Page 16: Internet Mashups - USI · • Il World Wide Web sta mutando da mezzo di comunicazione globale ad una piattaforma ... reputation as the most trusted source of ... people's network

12 November 2008 Informatica08 – Roadshow Liceo Lugano 2 16

Storing 1 Petabyte in 2008

Page 17: Internet Mashups - USI · • Il World Wide Web sta mutando da mezzo di comunicazione globale ad una piattaforma ... reputation as the most trusted source of ... people's network

12 November 2008 Informatica08 – Roadshow Liceo Lugano 2 17

Web 2.0

Page 18: Internet Mashups - USI · • Il World Wide Web sta mutando da mezzo di comunicazione globale ad una piattaforma ... reputation as the most trusted source of ... people's network

12 November 2008 Informatica08 – Roadshow Liceo Lugano 2 18

You and the Web

Page 19: Internet Mashups - USI · • Il World Wide Web sta mutando da mezzo di comunicazione globale ad una piattaforma ... reputation as the most trusted source of ... people's network

12 November 2008 Informatica08 – Roadshow Liceo Lugano 2 19

Mapping the World

Page 20: Internet Mashups - USI · • Il World Wide Web sta mutando da mezzo di comunicazione globale ad una piattaforma ... reputation as the most trusted source of ... people's network

12 November 2008 Informatica08 – Roadshow Liceo Lugano 2 20

http://map.search.live

Page 21: Internet Mashups - USI · • Il World Wide Web sta mutando da mezzo di comunicazione globale ad una piattaforma ... reputation as the most trusted source of ... people's network

12 November 2008 Informatica08 – Roadshow Liceo Lugano 2 21

Searching for Information

Page 22: Internet Mashups - USI · • Il World Wide Web sta mutando da mezzo di comunicazione globale ad una piattaforma ... reputation as the most trusted source of ... people's network

12 November 2008 Informatica08 – Roadshow Liceo Lugano 2 22

http://www.google.ch

Page 23: Internet Mashups - USI · • Il World Wide Web sta mutando da mezzo di comunicazione globale ad una piattaforma ... reputation as the most trusted source of ... people's network

12 November 2008 Informatica08 – Roadshow Liceo Lugano 2 23

http://wikipedia.org/

Page 24: Internet Mashups - USI · • Il World Wide Web sta mutando da mezzo di comunicazione globale ad una piattaforma ... reputation as the most trusted source of ... people's network

12 November 2008 Informatica08 – Roadshow Liceo Lugano 2 24

250 languages

2.5 million articles

6.8 million users

1 out of every 200 page views on the Web

About Wikipedia

Page 25: Internet Mashups - USI · • Il World Wide Web sta mutando da mezzo di comunicazione globale ad una piattaforma ... reputation as the most trusted source of ... people's network

12 November 2008 Informatica08 – Roadshow Liceo Lugano 2 25

With over 1,100 new and updated entries, over 4,000 contributors, and 65,000 articles, the 2007 Encyclopædia

250 languages

2.5 million articles

6.8 million users

About Britannica

Page 26: Internet Mashups - USI · • Il World Wide Web sta mutando da mezzo di comunicazione globale ad una piattaforma ... reputation as the most trusted source of ... people's network

12 November 2008 Informatica08 – Roadshow Liceo Lugano 2 26

With over 1,100 new and updated entries, over 4,000 contributors, and 65,000 articles, the 2007 EncyclopædiaBritannica is unsurpassed. In an age when anyone can post their version of the facts on the Internet, Encyclopædia Britannica maintains its reputation as the most trusted source of the information and ideas people need…

About Britannica

Page 27: Internet Mashups - USI · • Il World Wide Web sta mutando da mezzo di comunicazione globale ad una piattaforma ... reputation as the most trusted source of ... people's network

12 November 2008 Informatica08 – Roadshow Liceo Lugano 2 27

http://www.amazon.com

Page 28: Internet Mashups - USI · • Il World Wide Web sta mutando da mezzo di comunicazione globale ad una piattaforma ... reputation as the most trusted source of ... people's network

12 November 2008 Informatica08 – Roadshow Liceo Lugano 2 28

Telephone from 1919

Page 29: Internet Mashups - USI · • Il World Wide Web sta mutando da mezzo di comunicazione globale ad una piattaforma ... reputation as the most trusted source of ... people's network

12 November 2008 Informatica08 – Roadshow Liceo Lugano 2 29

29

Jun

e 2

00

7

Telephone from 2007

Page 30: Internet Mashups - USI · • Il World Wide Web sta mutando da mezzo di comunicazione globale ad una piattaforma ... reputation as the most trusted source of ... people's network

12 November 2008 Informatica08 – Roadshow Liceo Lugano 2 30

This is not a phone!

Telephone from 2007

Page 31: Internet Mashups - USI · • Il World Wide Web sta mutando da mezzo di comunicazione globale ad una piattaforma ... reputation as the most trusted source of ... people's network

12 November 2008 Informatica08 – Roadshow Liceo Lugano 2 31

Page 32: Internet Mashups - USI · • Il World Wide Web sta mutando da mezzo di comunicazione globale ad una piattaforma ... reputation as the most trusted source of ... people's network

12 November 2008 Informatica08 – Roadshow Liceo Lugano 2 32

www.skype.com

www.fring.com Sept

embe

r 20

05

Page 33: Internet Mashups - USI · • Il World Wide Web sta mutando da mezzo di comunicazione globale ad una piattaforma ... reputation as the most trusted source of ... people's network

12 November 2008 Informatica08 – Roadshow Liceo Lugano 2 33

Sharing Photos (and Videos)

Page 34: Internet Mashups - USI · • Il World Wide Web sta mutando da mezzo di comunicazione globale ad una piattaforma ... reputation as the most trusted source of ... people's network

12 November 2008 Informatica08 – Roadshow Liceo Lugano 2 34

http://flickr.com/

Page 35: Internet Mashups - USI · • Il World Wide Web sta mutando da mezzo di comunicazione globale ad una piattaforma ... reputation as the most trusted source of ... people's network

12 November 2008 Informatica08 – Roadshow Liceo Lugano 2 35

http://youtube.com

Page 36: Internet Mashups - USI · • Il World Wide Web sta mutando da mezzo di comunicazione globale ad una piattaforma ... reputation as the most trusted source of ... people's network

12 November 2008 Informatica08 – Roadshow Liceo Lugano 2 36

Do you still watch TV?

Page 37: Internet Mashups - USI · • Il World Wide Web sta mutando da mezzo di comunicazione globale ad una piattaforma ... reputation as the most trusted source of ... people's network

12 November 2008 Informatica08 – Roadshow Liceo Lugano 2 37

Quality vs. Quantity

• Founded 1961 • 48 years ago• 420’000 hours

transmission time• 16'943 hours

(produced in 2007) • 175’000 viewers

audience

• Started 23 April 2005• 9232 hours of video

uploaded every day• 78.3 million videos• 412.3 years to watch all

videos• Most videos watched by less

than 100 people

Page 38: Internet Mashups - USI · • Il World Wide Web sta mutando da mezzo di comunicazione globale ad una piattaforma ... reputation as the most trusted source of ... people's network

12 November 2008 Informatica08 – Roadshow Liceo Lugano 2 38

We're less than five years from fully individualised, drag-and-drop TV and radio stations. Mark ThompsonMark Thompson

DirectorDirector--General BBC General BBC 20062006

Page 39: Internet Mashups - USI · • Il World Wide Web sta mutando da mezzo di comunicazione globale ad una piattaforma ... reputation as the most trusted source of ... people's network

12 November 2008 Informatica08 – Roadshow Liceo Lugano 2 39

Who decides what is news?

Page 40: Internet Mashups - USI · • Il World Wide Web sta mutando da mezzo di comunicazione globale ad una piattaforma ... reputation as the most trusted source of ... people's network

12 November 2008 Informatica08 – Roadshow Liceo Lugano 2 40

http://digg.com

Page 41: Internet Mashups - USI · • Il World Wide Web sta mutando da mezzo di comunicazione globale ad una piattaforma ... reputation as the most trusted source of ... people's network

12 November 2008 Informatica08 – Roadshow Liceo Lugano 2 41

http://blogger.com

Page 42: Internet Mashups - USI · • Il World Wide Web sta mutando da mezzo di comunicazione globale ad una piattaforma ... reputation as the most trusted source of ... people's network

12 November 2008 Informatica08 – Roadshow Liceo Lugano 2 42

What is a blog?

•blog –n. A Web log. –vi. To run a Web log.

•Web log–n. a set of log entries, usually structured in

reverse chronological order, published in a web-based personal journal

Page 43: Internet Mashups - USI · • Il World Wide Web sta mutando da mezzo di comunicazione globale ad una piattaforma ... reputation as the most trusted source of ... people's network

12 November 2008 Informatica08 – Roadshow Liceo Lugano 2 43

Mashups

Page 44: Internet Mashups - USI · • Il World Wide Web sta mutando da mezzo di comunicazione globale ad una piattaforma ... reputation as the most trusted source of ... people's network

12 November 2008 Informatica08 – Roadshow Liceo Lugano 2 44

What is a Mashup?

• Web Application composing existing Web services and Web data sources

• Ease of software reuse inspires innovation through original mix and assembly

• Revolution in Web development – anyone can do it!

• “Mashup” originates from musical domain

Page 45: Internet Mashups - USI · • Il World Wide Web sta mutando da mezzo di comunicazione globale ad una piattaforma ... reputation as the most trusted source of ... people's network

12 November 2008 Informatica08 – Roadshow Liceo Lugano 2 45

WheaterBonk.comWheaterBonk.com

Page 46: Internet Mashups - USI · • Il World Wide Web sta mutando da mezzo di comunicazione globale ad una piattaforma ... reputation as the most trusted source of ... people's network

12 November 2008 Informatica08 – Roadshow Liceo Lugano 2 46

Mashup Architecture

Web Browser

Web Server

Mashup

Web Service

APIs

DatabasesWeb DataFeeds

LocalDatabase

HTTP/XML

HTTP/RSS/ATOM

HTTP/JSON

AJAX

Client

SOAPHTTPRSS

Page 47: Internet Mashups - USI · • Il World Wide Web sta mutando da mezzo di comunicazione globale ad una piattaforma ... reputation as the most trusted source of ... people's network

12 November 2008 Informatica08 – Roadshow Liceo Lugano 2 47

Mashup User Methaphors

• Map– Not only Google Maps

• Calendar/Timeline– Collection of Events

• Data Stream– Aggregated over multiple source feeds

• Wiki– Shared Document Space

• Portal– Juxtaposed Web Widgets

Example: diggdot.us

Example: netvibes.com

Example: immo.search.ch

Example: wikimapia.com

Page 48: Internet Mashups - USI · • Il World Wide Web sta mutando da mezzo di comunicazione globale ad una piattaforma ... reputation as the most trusted source of ... people's network

12 November 2008 Informatica08 – Roadshow Liceo Lugano 2 48

Doggdot.usDoggdot.us

Page 49: Internet Mashups - USI · • Il World Wide Web sta mutando da mezzo di comunicazione globale ad una piattaforma ... reputation as the most trusted source of ... people's network

12 November 2008 Informatica08 – Roadshow Liceo Lugano 2 49

Wikimapia.orgWikimapia.org

Page 50: Internet Mashups - USI · • Il World Wide Web sta mutando da mezzo di comunicazione globale ad una piattaforma ... reputation as the most trusted source of ... people's network

12 November 2008 Informatica08 – Roadshow Liceo Lugano 2 50

FlashEarth.comFlashEarth.com

Page 51: Internet Mashups - USI · • Il World Wide Web sta mutando da mezzo di comunicazione globale ad una piattaforma ... reputation as the most trusted source of ... people's network

12 November 2008 Informatica08 – Roadshow Liceo Lugano 2 51

Immo.Search.chImmo.Search.ch

Page 52: Internet Mashups - USI · • Il World Wide Web sta mutando da mezzo di comunicazione globale ad una piattaforma ... reputation as the most trusted source of ... people's network

12 November 2008 Informatica08 – Roadshow Liceo Lugano 2 52

NetVibes.comNetVibes.com

Page 53: Internet Mashups - USI · • Il World Wide Web sta mutando da mezzo di comunicazione globale ad una piattaforma ... reputation as the most trusted source of ... people's network

12 November 2008 Informatica08 – Roadshow Liceo Lugano 2 53

swisstrains.chswisstrains.ch

Page 54: Internet Mashups - USI · • Il World Wide Web sta mutando da mezzo di comunicazione globale ad una piattaforma ... reputation as the most trusted source of ... people's network

12 November 2008 Informatica08 – Roadshow Liceo Lugano 2 54

Conclusionhttp://it.youtube.com/watch?v=5xDITZBizfY

(Italiano)http://it.youtube.com/watch?v=NLlGopyXT_g

(English)

Page 55: Internet Mashups - USI · • Il World Wide Web sta mutando da mezzo di comunicazione globale ad una piattaforma ... reputation as the most trusted source of ... people's network

12 November 2008 Informatica08 – Roadshow Liceo Lugano 2 55

Dec

embe

r 20

06

Page 56: Internet Mashups - USI · • Il World Wide Web sta mutando da mezzo di comunicazione globale ad una piattaforma ... reputation as the most trusted source of ... people's network

12 November 2008 Informatica08 – Roadshow Liceo Lugano 2 56

Dec

embe

r 20

06

It's a story about collaboration on a scale never seen before. It's about the cosmic compendium of knowledge Wikipedia and the million-channel people's network YouTube and the online metropolis MySpace.It's about the many wresting power from the few and helping one another for nothing and how that will change the world. The new Web is a very different thing. It's a tool for bringing together the small contributions of millions of people and making them matter.

Page 57: Internet Mashups - USI · • Il World Wide Web sta mutando da mezzo di comunicazione globale ad una piattaforma ... reputation as the most trusted source of ... people's network

12 November 2008 Informatica08 – Roadshow Liceo Lugano 2 57

Referenceshttp://delicious.com/cesare.pautasso/

Page 58: Internet Mashups - USI · • Il World Wide Web sta mutando da mezzo di comunicazione globale ad una piattaforma ... reputation as the most trusted source of ... people's network

12 November 2008 Informatica08 – Roadshow Liceo Lugano 2 58

http://del.icio.us/

Page 59: Internet Mashups - USI · • Il World Wide Web sta mutando da mezzo di comunicazione globale ad una piattaforma ... reputation as the most trusted source of ... people's network

12 November 2008 Informatica08 – Roadshow Liceo Lugano 2 59

• Faculty of Informatics• Bachelor in Informatics (3 years)• Master in Informatics (2 years)

• Opened 2004• Excellence in Research• Innovative Teaching

University of Lugano