13. Web feed e aggregatori

Edizione 2011-12

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

Corso di Strumenti e applicazioni del Web

13. Web feed e aggregatoriRoberto Polillo

Come accedere alle novità?

R.Polillo - Ottobre 2011

3

?Novità in rete

(post, news, …)Novità in rete

(post, news, …)

Tecnologie PUSH

Tecnologie PULL

Push vs pull

Tecnologie push:Es.: newsletter, mailing list (subscribe/unsubscribe), ...L’iniziativa la prende il server, che invia i msg ai destinatari

Tecnologie pull:Es.: Feed RSS, podcast, twitter, …L’iniziativa la prende il client, che interroga il server pervedere se ci sono nuovi msg

R.Polillo - Ottobre 2011

4

Pull: vantaggi5

posso avere un unico “aggregatore” per diverse fonti informative

l’aggregatore può ordinare i msg da fonti diverse, secondo qualche criterio

il client non deve comunicare il suo indirizzo (no spam) per interrompere il servizio il client non deve comunicare

nulla alle fonti Il client non viene “disturbato” ad ogni nuovo msg

ordine, sicurezza, efficienza

R.Polillo - Ottobre 2011

Web feed6

Web feed: un contenuto informativo, espresso in un formato stabilito, interscambiabile tra diverse applicazioni

I feed vengono resi disponibili da sorgenti informative (es. blog, siti di news, … ) e raccolti da feed readers (o aggregatori) Dopo che l’utente, si è abbonato (subscription) a un insieme di feed, l’aggregatore glielo presenta su richiesta http://en.wikipedia.org/wiki/Web_feed

R.Polillo - Ottobre 2011

Web feed: l'idea7

Sorgenti dei feed(siti di news, blogs,..)

R.Polillo - Ottobre 2011

XM

L

Feed, pronti per essere letti.

- ogni feed si trova a un certo URL, dove il feed reader lo va a prendere- Ogni feed è composto da uno o più elementi (detti item o entry)

8

Sorgenti dei feed(siti di news, blogs,..)

R.Polillo - Ottobre 2011

feed reader

Contenuto + meta-dati(XML)

New feed? CLIENT

INTERNET

Web feed: possibilità

9

Sorgenti dei feed(siti di news, blogs,..)

R.Polillo - Ottobre 2011

feed reader

Contenuto + meta-dati(XML)

Esempi:•FeedDemon•FeedReader

New feed? CLIENT

INTERNET

Web feed: possibilità

email client

10

Sorgenti dei feed(siti di news, blogs,..)

R.Polillo - Ottobre 2011

feed reader

Contenuto + meta-dati(XML)

Esempi:•Microsoft Outlook

New feed? CLIENT

INTERNET

Web feed: possibilità

browser

11

Sorgenti dei feed(siti di news, blogs,..)

R.Polillo - Ottobre 2011

feed reader

Contenuto + meta-dati(XML)

New feed? CLIENT

INTERNET

Web feed: possibilità

sito

12

Sorgenti dei feed(siti di news, blogs,..)

R.Polillo - Ottobre 2011

feed reader

New feed?

browser

Esempi:•Google Reader•Netvibes•Bloglines•MyYahoo•Pageflakes

CLIENT

INTERNETContenuto + meta-dati(XML)

Web feed: possibilità

Web feed: formati13

Sono basati su XML: RSS

- Really Simple Syndication (anche RDF Site Summary, Rich Site Summary)- definito inizialmente da Netscape (1999) per il suo portale- diverse versioni, fino alla 2.0 (2002), "congelata"- http://en.wikipedia.org/wiki/RSS

ATOM- definito nel 2004, per migliorare il formato RSS- proposto come standard da IETF (Internet Engineering Task Force) - http://en.wikipedia.org/wiki/Atom_(standard)

I feed reader di solito li leggono entrambi

R.Polillo - Ottobre 2011

RSS 2.0: esempio<?xml version="1.0" encoding="UTF-8" ?><rss version="2.0"><channel> <title>Channel title </title> <description>This is an example of an RSS feed</description> <link>http://www.someexamplerssdomain.com/main.html</link> <lastBuildDate>Mon, 06 Sep 2010 00:01:00 +0000 </lastBuildDate> <pubDate>Mon, 06 Sep 2009 16:45:00 +0000 </pubDate> <ttl>1800</ttl> <item> <title>Example entry</title> <description>Here is some text.</description> <link>http://www.myblog.com/post1</link> <guid>unique string per item</guid> <pubDate>Mon, 06 Sep 2009 16:45:00 +0000 </pubDate> </item>

<item> …… </item>

</channel> </rss>

R.Polillo - Ottobre 2011

14

Atom 1.0: esempio<?xml version="1.0" encoding="utf-8"?> <feed xmlns="http://www.w3.org/2005/Atom"> <title>Example </title> <subtitle>A subtitle.</subtitle> <link href="http://example.org/feed/" rel="self" /> <link href="http://example.org/" /> <id>urn:uuid:60a76c80-d399-11d9-b91C-0003939e0af6</id> <updated>2003-12-13T18:30:02Z</updated> <author> <name>John Doe</name> <email>johndoe@example.com</email> </author> <entry> <title>Example entry</title> <link href="http://example.org/2003/12/13/atom03" /> <link rel="alternate" type="text/htm l href="http://example.org/2003/12/13/atom03.html"/> <link rel="edit" href="http://example.org/2003/12/13/atom03/edit"/> <id>urn:uuid:1225c695-cfb8-4ebb-aaaa-80da344efa6a</id> <updated>2003-12-13T18:30:02Z</updated> <summary>Some text.</summary> </entry>

</feed>

R.Polillo - Ottobre 2011

15

Perché “syndication”?16

Agenzia

Nel linguaggio dei media, syndication (“sindacazione”) è il processo per cui un unico articolo viene diffuso contemporaneamente, attraverso un intermediario, a più testate (Es. i fumetti di Charlie Brown)

R.Polillo - Ottobre 2011

Web feed source

feedreader

feedreader

feedreader

feedreader

feedreader

Dal punto di vista del distributore di web feed, è un processo analogo alla syndication dei media tradizionali

17

R.Polillo - Ottobre 2011

Perché “syndication”?

Come ci si “abbona” a un feed18

1: Si scelgono i feed di interesseSi accede a un sito. Se il sito produce feed, il browser lo segnala.

2: Ci si abbona a quei feedSi fornisce al feed reader l’URL dei feed, per abbonarsi

3. Si ricevono i feed cui si è abbonatisu richiesta dell’utente, l’aggregatore accede ai siti sorgente, scarica i feed e li presenta all’utente

NB l’interfaccia utente varia da reader a reader

R.Polillo - Ottobre 2011

Come vedere i feed dai browser

Explorer 9:

Firefox 7:

R.Polillo - Ottobre 2011

19

Di default non c'è (Right-click sulla barra, poi

scegliere personalizza)

Safari 5:

Chrome: bisogna installare un plugin http://nbtimes.it/digital-times/software/6932/google-chrome-gestire-i-feed-rss-allinterno.html

R.Polillo - Ottobre 2011

20

Come vedere i feed dai browser

estensione

Esempi di siti con diversi canali di feed 21

http://www.corriere.it/rss/ http://www.repubblica.it/servizi/rss/ http://www.corsow.wordpress.com

R.Polillo - Ottobre 2011

Esempio: il blog del corsohttp://www.corsow.wordpress.com

22

Posso abbonarmi scegliendo l’aggregatore che utilizzerò per leggere i post di questo blog

In questo caso il blog ha due canali

R.Polillo - Ottobre 2011

Feed: una trasformazione radicale dell’interazione col web

23

I primi entusiasmi:"Using a news aggregator has transformed the way I interact with the Web. News comes to me, on my terms. I feel in touch with 10 to 100 times as many sites as before RSS, with less effort.”

"News readers help to build community. You can see the ebb and flow of ideas around the network much better now."

"It's all part of the democratization effect of the Web. It puts bloggers on the same field as the big news corporations, and that's great.“

"The great advantage of the news aggregator-reader is that the distracting elements -- chiefly advertisements -- are stripped away. Even news photographs rarely add a new

information to a story, and I count them as distractions, too Da http://www.ojr.org/ojr/lasica/1043362624.php (gennaio 2003)

R.Polillo - Ottobre 2011

Feed e device mobili24

La tecnologia dei web feed disaccoppia ulteriormente contenuto e presentazione ...

---> posso visualizzare i feed anche su device mobili di piccole dimensioni (es. cellulari)

R.Polillo - Ottobre 2011

Come generare feed nel proprio blog

I principali CMS li generano automaticamente Es.: WordPress

R.Polillo - Ottobre 2011

25

<omissis>

mio sito

26

Sorgenti dei feed(siti di news, blogs,..)

R.Polillo - Ottobre 2011

feed readerwidget

New feed?

browser

Inserire nel proprio sito un widget che mostra i feed di altri siti ritenuti interessanti

CLIENT

INTERNETContenuto + meta-dati(XML)

Un'altra possibilità

Come avere statistiche sui miei feed

Online feed management services, producono statistiche sull'accesso ai feed di un certo sito (es.: n.subscribers, quali readers, quanti click)

Esempio: feedburner (dal 2004, acquisito da Google nel 2007)

http://feedburner.google.com http://en.wikipedia.org/wiki/FeedBurner

R.Polillo - Ottobre 2011

27

FeedBurner: esempio

R.Polillo - Ottobre 2011

28

Feedburner: come funziona

R.Polillo - Ottobre 2011

29

MioSito

Feed reader

URL

MioSito

Feed reader

URL1

FeedBurner

elab

Filtra l'accesso ai mie feed, ma li lascia dove sono

Google Reader www.google.com/reader30

Aggregatore di feed (RSS e Atom), dal 2005 Per abbonarsi a un feed: URL del feed (o del sito che lo produce) o

ricerca di feed tramite parole chiave (o tag) "Recommended sources" (tematiche) Accesso da mobile http://www.google.com/reader/m http://en.wikipedia.org/wiki/Google_Reader

R.Polillo - Ottobre 2011

Google reader: esempio 31

R.Polillo - Ottobre 2011

Nov 2011

Altri aggregatori (online) 32

- www.netvibes.com - www.igoogle.com- www.myyahoo.com - www.mslive.com- www.pageflakes.com

R.Polillo - Ottobre 2011

www.netvibes.com 33

Nato in Francia, nel 2005 La pagina personalizzata è organizzata in tabs, contenenti moduli

definiti dall’utente (feed, bookmarks, widgets selezionabili con drag-and-drop)

Il Netvibes Ecosystem è un insieme di moduli/widget definiti dagli utenti e messi a disposizione della comunità

Si possono definire una propria pagina privata e una propria pagina pubblica

Funziona anche sui cellulari http://en.wikipedia.org/wiki/Netvibes

R.Polillo - Ottobre 2011

www.netvibes.com: esempio

R.Polillo - Ottobre 2011

34

R.Polillo - Ottobre 2011

Netvibes vs Pageflakes35

http://www.alexa.com/ novembre 2011

www.igoogle.com

Da maggio 2005 Personal start page: web feeds, bookmarks,

gadgets http://en.wikipedia.org/wiki/IGoogle

R.Polillo - Ottobre 2011

36

37

R.Polillo - Ottobre 2011

Google News (In Italia: news.google.it) 38

News aggregator, dal 2002 Aggrega automaticamente notizie tratte da oltre 250 fonti di

informazioni in lingua italiana da tutto il mondo raggruppando articoli di contenuto simile

Disponibile per numerose aree geografiche e lingue; in tutto aggrega migliaia di fonti informative

Le notizie sono selezionate da algoritmi, le fonti informative sono scelte da Google; i criteri non sono noti

http://news.google.com/ http://en.wikipedia.org/wiki/Google_News

R.Polillo - Ottobre 2011

www.news.google.it

R.Polillo - Ottobre 2011

39

un modo di ottenere la classica “rassegna stampa”

40

R.Polillo - Ottobre 2011

Aggregatori visuali: esempio

R.Polillo - Ottobre 2011

41

http://newsmap.jp (aggrega da google News)

Lavoro individuale

Obbligatorio:Esplorare il meccanismo dei feed disponibile sul proprio browser (installando eventuali estensioni come opportuno)Esplorare Google Reader e Google NewsConsigliato:Sperimentare NetvibesCercare un widget che visualizzi feed (NB: cercarne uno che visualizzi feed da più fonti insieme)

R.Polillo - Ottobre 2011

42