Slides delle lezioni del corso "Strumenti e applicazioni del Web", Università di Milano Bicocca - Prof.R.Polillo - A.A.2012-13 - Lezione del 9 maggio 2013. Le registrazione della lezione si trova su YouTube: Parte I: http://youtu.be/fBsx-_CdOzk Parte II: http://youtu.be/ezGsVPQIsUY Vedi anche www.corsow.wordpress.com

1. Edizione 2012-13
Università degli Studi di Milano Bicocca
Dipartimento di Informatica, Sistemistica e Comunicazione
Corso di Strumenti e applicazioni del Web
17. Web feed e
aggregatori
Roberto Polillo

2. Queste slides
2
Queste slides fanno parte del corso “Strumenti e applicazioni del Web”. Il
sito del corso, con il materiale completo, si trova in
www.corsow.wordpress.com . Data la rapida evoluzione della rete, il corso
viene aggiornato ogni anno.
Il presente materiale è pubblicato con licenza Creative Commons
“Attribuzione - Non commerciale - Condividi allo stesso modo – 3.0”
(http://creativecommons.org/licenses/by-nc-sa/3.0/it/deed.it ):
La licenza non si estende alle immagini provenienti da altre fonti e
alle screen shots, i cui diritti restano in capo ai rispettivi proprietari,
che, ove possibile, sono stati indicati. L'autore si scusa per eventuali
omissioni, e resta a disposizione per correggerle.
R.Polillo - Marzo 2013

3. Come accedere alle novità?
R.Polillo - Marzo 2013
3
?
Novità in rete
(post, news, …)
Novità in rete
(post, news, …)
Tecnologie
PUSH
Tecnologie
PULL

4. Push vs pull
 Tecnologie push:
Es.: e-mail, sms, notifiche
L’iniziativa la prende il servizio, che invia i msg agli utenti
(che hanno abilitato le notifiche)
 Tecnologie pull:
Es.: Feed RSS, podcast, ….
Il servizio pubblica i msg in uno spazio pubblico, e l'utente,
che non è noto al servizio, lo esamina per vedere se ci sono
nuovi msg di suo interesse
R.Polillo - Marzo 2013
4

5. Notifiche: esempio (iPad)
R.Polillo - Marzo 2013
5

6. 6
Facebook
Twitter
E-mail
SMS
Ogni app vorrebbe inviarci notifiche…
Agenda
…. ….

7. L'idea
R.Polillo - Marzo 2013
7
Sorgente
informativa
(sito Web)
"Canale"
Contenuto
informativo
("feed")
Internet
"Feed reader"
o
"aggregatore"
Formato
standard
(es. RSS)
URL noto

8. L'idea
R.Polillo - Marzo 2013
8
Sorgente
informativa
(sito Web)
"Canale"
Contenuto
informativo
("feed")
Internet
"Feed reader"
o
"aggregatore"
Formato
standard
(es. RSS)
URL noto

9. Web feed e feed readers
9
 Web feed: un contenuto informativo, espresso in un
formato standard, interscambiabile tra diverse
applicazioni, reso disponibile da una sorgente informativa
 Feed reader (o aggregatore): programma che accede ai
feed che mi interessano e me li rende disponibili,
attraverso:
 Funzioni di "subscription" ai canali prescelti
 Funzioni di visualizzazione e di organizzazione dei feed
 http://en.wikipedia.org/wiki/Web_feed
R.Polillo - Marzo 2013

10. Pull: vantaggi
10
 L'utente non viene “disturbato” ad ogni nuovo msg
 L'utente non deve comunicare il suo indirizzo alle fonti
informative(no spam)
 Per interrompere il servizio l'utente non deve comunicare
nulla alle fonti informative (ma solo al feed reader)
 L'utente può usare un unico aggregatore per diverse fonti
informative
 L’aggregatore può fornire funzioni che semplificano
l'esame dei msg da fonti diverse, secondo qualche criterio
(es. sort, ricerca, …)  ordine, sicurezza, efficienza
R.Polillo - Marzo 2013

11. Quali sorgenti generano feed?
 Online magazines
 Blog e siti Web:
 I principali CMS generano automaticamente feed,
separatamente per post e commenti (es.WordPress, Blogger).
 L'amministratore decide quanti feed lasciare esposti
 Social media:
 Esempio: Facebook, LinkedIn, FourSquare, Twitter, Youtube,
Pinterest, Instagram, Flickr, Tumblr, StumbleUpon, …
 Ovviamente, solo l'utente può accedere ai propri feed privati
 Altre applicazioni:
 Esempio: Gmail, Wikipedia, Dropbox, …
Per indicazioni: http://www.labnol.org/internet/rss-feeds-directory/21242/
R.Polillo - Marzo 2013
11

12. Nel vostro blog (WordPress)
R.Polillo - Marzo 2013
12
Potete anche inserire dei widget che visualizzano i
feed di fonti che ritenete interessanti

13. R.Polillo - Marzo 201313
2 canali
I siti di solito segnalano la presenza
di feed col simbolo

14. Anche i browser possono segnalare la
presenza di feed sul sito visitato
 Internet Explorer 10:
 Firefox 20:
R.Polillo - Marzo 2013
14
Di default non c'è (Right-
click sulla barra, poi
scegliere personalizza)
Si accende quando il sito
espone dei feed

15.  Safari 5:
 Chrome: bisogna installare un plugin
http://nbtimes.it/digital-times/software/6932/google-chrome-gestire-i-feed-rss-allinte
R.Polillo - Marzo 2013
15
(segue)
estensione
In Safari 6 non più

16. Esempi di siti con diversi canali di feed
16
 http://www.corriere.it/rss/
 http://www.repubblica.it/servizi/rss/
 http://www.corsow.wordpress.com
R.Polillo - Marzo 2013

17. Web feed: formati
17
 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)
- http://en.wikipedia.org/wiki/RSS
 ATOM
- definito nel 2004, per migliorare il formato RSS
- proposto come standard nel 2007 da IETF (Internet Engineering Task Force)
- http://en.wikipedia.org/wiki/Atom_(standard)
 I feed reader di solito li leggono entrambi
R.Polillo - Marzo 2013

18. Perché “syndication”?
18
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 - Marzo 2013

19. Web feed source
feed
reader
feed
reader
feed
reader
feed
reader
feed
reader
Dal punto di vista del distributore di web feed, è un processo analogo
alla syndication dei media tradizionali
19
R.Polillo - Marzo 2013
Perché “syndication”?

20. 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>
<pubDate>Mon, 06 Sep 2009 16:45:00 +0000 </pubDate>
</item>
<item>
……
</item>
</channel>
</rss> R.Polillo - Marzo 2013
20
Quale standard viene usato

21. 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>
R.Polillo - Marzo 2013
21

22. 22
Sorgenti dei feed
(siti di news, blogs,..)
R.Polillo - Marzo 2013
Feed reader
Contenuto +
meta-dati
(XML)
Applicazione locale (sul
client):
-Le subscriptions sono note
solo localmente (privacy),
ma…
-Non è possibile condividere
le subscription fra device
diversi
- I primi reader erano così
Esempi:
•FeedReader (2001)
New
feed? CLIENT
SERVER
Web feed: possibilità (I)

23. browser
23
Sorgenti dei feed
(siti di news, blogs,..)
R.Polillo - Marzo 2013
feed reader
Contenuto +
meta-dati
(XML)
New
feed? CLIENT
SERVER
Web feed: possibilità (II)
Inserito dentro il browser
(come componente nativo o
come estensione)
Sincronizzazione fra più
device possibile se il
browser ha un supporto
online

24. sito
24
Sorgenti dei feed
(siti di news, blogs,..)
R.Polillo - Marzo 2013
feed reader
New
feed?
browser
CLIENT
SERVER
Contenuto +
meta-dati
(XML)
Web feed: possibilità (III)
Servizio online
- Le subscription sono
conservate sul server
- Possibile la sincronizzazione
fra
più device e condivisione di
liste
di subscriptions fra utenti
condivise
app

25. sito
25
Sorgenti dei feed
(siti di news, blogs,..)
R.Polillo - Marzo 2013
feed reader
New
feed?
browser
CLIENT
SERVER
Web feed: possibilità (III)
Servizio online
- Le subscription sono
conservate sul server
- Possibile la sincronizzazione
fra
più device e condivisione di
liste
di subscriptions fra utenti
condivise
app
Esempi:
- Google Reader
(2005→2013)
- Netvibes
(2005)
- Flipboard
(2005)
- Feedly (2008)
- Pulse (2010)

26. Due classici che chiuderanno a luglio 2013
26
Google Reader (www.google.com/reader )
 Dal 2005 , l'aggregatore di feed più noto
 Per abbonarsi a un feed: URL del canale o del sito che lo produce o
ricerca di feed tramite parole chiave
 Anche "Recommended sources" (tematiche)
 http://en.wikipedia.org/wiki/Google_Reader
Google News (in Italia: http://news.google.it )
 Dal 2002, aggrega (automaticamente) notizie da migliaia di fonti
informative scelte da Google
 Disponibile per numerose aree geografiche e lingue; per l'Italia
oltre 250 fonti informative
 http://en.wikipedia.org/wiki/Google_News
R.Polillo - Marzo 2013

27. Google reader: esempio
27
R.Polillo - Marzo 2013

28. Google News: esempio
R.Polillo - Marzo 2013
28

29. Un modo di ottenere
la classica “rassegna
stampa”
29
R.Polillo - Marzo 2013

30. www.netvibes.com
30
 Un altro aggregatore/dashboard di prima generazione (Francia, dal
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
 http://en.wikipedia.org/wiki/Netvibes
R.Polillo - Marzo 2013

31. R.Polillo - Marzo 2013
Netvibes vs Pageflakes
31
http://www.alexa.com/

32. Online feed management services
Producono statistiche sull'accesso ai feed di un certo
sito (es.: n.subscribers, quali readers, quanti click)
R.Polillo - Marzo 2013
32
MioSit
o
Feed
reader
URL
MioSit
o
Feed
reader
URL1
Stat
service
elab
Filtra l'accesso ai
miei feed, ma li
lascia dove sono
Feed
s
Feed
s

33. Esempio: Feedburner
 Dal 2004, acquisito da Google nel 2007; si ritiene
che verrà presto chiuso
 http://en.wikipedia.org/wiki/FeedBurner
 Per alternative, vedi
http://www.kevinmuldoon.com/feedburner-alternatives/
R.Polillo - Marzo 2013
33

34. FeedBurner: esempio
R.Polillo - Marzo 2013
34

35. Che futuro per i feed RSS?
 Non sono mai stati molto usati dalla maggioranza
degli utenti → si è parlato della "morte dei feed"
 Ma restano molto importanti per gli sviluppatori
di servizi di aggregazione
R.Polillo - Marzo 2013
35

36. Aggregatori di nuova generazione: esempi
 Per device mobili, con una nuova "user experience"
 Aggregano un "personal magazine" dalle fonti
specificate dall'utente
 Esempi:
 Flipboard (dal 2010) http://www.youtube.com/watch?v=iJ_DnDBsR9o
 Feedly (dal 2008)
 Pulse (dal 2010, nel 2013 comprato da LinkedIn)
 Zite (dal 2011, acquisito da CNN.com)
 Video su Flipboard, Zite, Pulse (7'58"):
 http://www.youtube.com/watch?v=ycyWch5PytA
R.Polillo - Marzo 2013
36

37. www.feedly.com
 Aggregatore di feeds dal 2008
 I suoi utenti sono in forte crescita, per la prossima
chiusura di Google Reader, con cui si sincronizza
 Estensioni per Safari, Chrome, Firefox; mobile app
per iOS e Android
 Interfaccia minimalistica, personalizzabile
 I feed possono essere condivisi via email o
numerosi social media
 http://en.wikipedia.org/wiki/Feedly
R.Polillo - Marzo 2013
37

38. Riferimenti
R.Polillo - Marzo 2013
38
Sulla cosiddetta "morte dei feed":
http://techcrunch.com/2013/03/13/google-readers-death-is-
proof-that-rss-always-suffered-from-lack-of-consumer-appeal/
http://techcrunch.com/2010/09/13/rss-is-not-not-not-not-not-
dead/
http://blog.zite.com/2013/03/14/google-reader-is-dead-so-we-
rebuilt-it-for-you-in-zite-in-six-hours/

39. Lavoro individuale
 Esplorare il meccanismo dei feed disponibile sul proprio
browser (installando eventuali estensioni ove necessario)
 Dare un'occhiata a Google News e a Google Reader prima
che chiudano…
 Installare un aggregatore di nuova generazione sul proprio
mobile (es.: Feedly, Flipboard, Pulse)
Consigliato:
 Cercare un widget che visualizzi feed da più fonti e
installarlo sul proprio blog
R.Polillo - Marzo 2013
39