17. Web feed e aggregatori

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

Corso di Strumenti e applicazioni del Web

17. Web feed e aggregatori

Roberto Polillo

Edizione 2014-15

2

Queste slides fanno parte del corso “Strumenti e applicazioni del Web”. Ilsito del corso, con il materiale completo, si trova inwww.corsow.wordpress.com . Data la rapida evoluzione della rete, il corsoviene 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 ealle screen shots, i cui diritti restano in capo ai rispettivi proprietari,che, ove possibile, sono stati indicati. L'autore si scusa per eventualiomissioni, e resta a disposizione per correggerle.

R.Polillo - Marzo 2015

Queste slides

http://www.corsow.wordpress.com/

http://creativecommons.org/licenses/by-nc-sa/3.0/it/deed.it

L’esigenza

Come essere informati delle novità di nostro interesse (Blog, social media, magazine online, siti Web, …)?

Vorremmo delegare agli strumenti della rete il compito di “tenere d’occhio” quanto ci interessa, e di segnalarcelo con minimo impegno da parte nostra


3

Due filosofie possibili


4

?

Novità in rete(post, news, …)

PUSH

L’iniziativa la prende il sito, che avvisa l’utente interessato (che si “abbona” al servizio di notifica)Es.: email, SMS, notifiche, …

PULL

Il sito pubblica le novità in uno spazio apposito (pubblico o privato), e l’utente lo esamina per vedere se ci sono delle novità di suo interesse, delegando questo compito a un’apposita applicazione Es.: stream dei social media, feed reader e aggregatori

Push: sistemi di notifica

Sound, alerts / banners,badges

Opt-in, opt-out

Tempo reale o differito


5

Esempio (iPad)

Soluzione ibrida: “ti notifico che ci sono delle novità, vattele a vedere”

6

Facebook

Twitter

E-mail

SMS

Notification overload

Agenda

….

Blog


News

(h24)

WhatsApp

Pull: l’idea


7

Sorgente informativa (sito/servizio

online)

"Canale"

Contenuto informativo

("feed")

Internet

"Feed reader” o "aggregatore”:li raccoglie e li

presenta al “suo”l’utente

Formato standard(es. RSS)

URL noto

Pull: l’idea


8

Sorgente informativa (sito Web)

"Canale"

Contenuto informativo

("feed")

Internet

"Feed reader" o

"aggregatore"

Formato standard(es. RSS)

URL noto

Pull: vantaggi9

L'utente:

non viene “disturbato” ad ogni nuova notifica

non deve comunicare il suo indirizzo alle fonti informative (no spam)

per interrompere il servizio non deve comunicare nulla alle fonti informative (ma solo al suo aggregatore)

può usare un unico aggregatore per diverse (tutte?) fonti informative

può personalizzare l’interfaccia dell’aggregatore


Web feed e feed readers10

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

Questa filosofia è nata al tempo dell’esplosione dei blog, prima dei social media

http://en.wikipedia.org/wiki/Web_feedR.Polillo - Marzo 2015

http://en.wikipedia.org/wiki/Web_feed

Lo stream dei social media


Stream

Il social medium funge da aggregatore, ma solo al suo interno

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 del sito 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/


12

http://www.labnol.org/internet/rss-feeds-directory/21242/

Nel vostro blog (WordPress)


13

Potete anche inserire dei widget che visualizzano i feed di

fonti che ritenete interessanti


2 canali

I siti di solito segnalano la presenza di feed col simbolo

Anche i browser possono segnalare la presenza di feed sul sito visitato

Internet Explorer 11:

Firefox 28:


15

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

Si accende quando il sito espone dei feed

Safari 5:

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


16

(segue)

estensione

Da Safari 6 non più

http://nbtimes.it/digital-times/software/6932/google-chrome-gestire-i-feed-rss-allinterno.html

Esempi di siti con diversi canali di feed 17

http://www.corriere.it/rss/

http://www.repubblica.it/servizi/rss/

http://www.corsow.wordpress.com


http://www.corriere.it/

http://www.repubblica.it/servizi/rss/

http://corsow.wordpress.com/

Web feed: formati18

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


http://en.wikipedia.org/wiki/RSS

http://en.wikipedia.org/wiki/Atom_(standard)

Perché “syndication”?19

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)


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

20


Perché “syndication”?

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>


21

Quale standard viene usato

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>[email protected]</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 - Marzo 2015

22

23

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


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ì, ora

questa soluzione è obsoleta

Esempi:

•FeedReader (2001)

CLIENT

SERVER

Web feed: possibilità (I)

browser

24



feed reader

Contenuto +

meta-dati

(XML)

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

sito

25



feed reader

browserCLIENT

SERVERContenuto +

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 (social feeds)

app

sito

26



feed reader

browserCLIENT

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)

Google news 27

Google News (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

Rapporti complessi con gli editori di news (vedi es Spagna, fine 2014)

http://en.wikipedia.org/wiki/Google_News


http://news.google.it/

http://en.wikipedia.org/wiki/Google_News

Google News: esempio


28

www.netvibes.com29

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


http://www.netvibes.com/

http://en.wikipedia.org/wiki/Netvibes

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


30

Aggregatori di nuova generazione: esempi

Per device mobili, con una nuova "user experience"

Realizzano un "personal magazine" aggregando 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, e a marzo 2014 da

Flipboard)

Video su Flipboard, Zite, Pulse (7'58”, del 2011):

http://www.youtube.com/watch?v=ycyWch5PytAR.Polillo - Marzo 2015

31

http://www.youtube.com/watch?v=iJ_DnDBsR9o

http://www.youtube.com/watch?v=ycyWch5PytA

www.feedly.com

Aggregatore di feeds dal 2008

Nel 2013, da 3 a 13 milioni di utenti in seguito alla chiusura di Google Reader, da cui è stato possibile ereditare le subscription

Estensioni per Safari, Chrome, Firefox; mobile appper iOS e Android

Interfaccia minimalistica, personalizzabile

I feed possono essere condivisi via email o numerosi social media

http://en.wikipedia.org/wiki/FeedlyR.Polillo - Marzo 2015

32

http://www.feedly.com/

http://en.wikipedia.org/wiki/Feedly

Lavoro individuale

Esplorare il meccanismo dei feed disponibile sul proprio browser (installando eventuali estensioni ove necessario)

Esplorare Google News

Installare un aggregatore sul proprio mobile (es.: Feedly, Flipboard, Pulse)

Consigliato:

Cercare un widget che visualizzi feed da più fonti e installarlo sul blog per l’esame


33

Date post:	16-Jul-2015
Category:	Education
Upload:	roberto-polillo
View:	846 times
Download:	0 times

17. Web feed e aggregatori

Education