Università degli Studi di Milano BicoccaDipartimento di Informatica, Sistemistica e ComunicazioneCorso di Strumenti e applicazioni del Web

17. Web feed e aggregatoriGiuseppe Vizzari

Edizione 2015-16

Queste slideQueste slide fanno parte del corso “Strumenti e applicazioni del Web”. Il sito del corso, con il materiale completo, si trova in strumentiapplicazioniweb.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 shot, 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.

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

5Esempio (iPad)

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

Notification overload6

Facebook

Twitter

E-mail

SMS

Agenda….

BlogNews

(h24)

WhatsApp

Pull: l’idea

7

Sorgente informativ

a (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

R.Polillo - Marzo 2015 8

Sorgente informativ

a (sito Web)

"Canale"

Contenuto informativo ("feed")

Internet"Feed

reader" o

"aggregatore"

Formato standard(es. RSS)

URL noto

Pull: vantaggiL'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

9

Web feed e feed readers

•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_feed

10

Lo stream dei social media

11

Stream

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

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

Nel vostro blog (WordPress)

13

Potete anche inserire dei widget che visualizzano i feed di fonti che ritenete interessanti

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 42:

15

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

Si accende quando il sito espone dei feed

(segue)• Safari 5:

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

16

estensione

Da Safari 6 non più

Esempi di siti con diversi canali di feed

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

17

Web feed: formati• 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

18

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

feedreader

feedreader

feedreader

feedreader

feedreader

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

Perché “syndication”?

20

RSS 2.0: esempio

21

<?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>

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>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>

22

Web feed: possibilità (I)

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)

New feed? CLIENTSERVER

browser

Web feed: possibilità (II)

24

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

feed reader

Contenuto + meta-dati(XML)

New feed? CLIENTSERVER

Inserito dentro il browser (come componente nativo o come estensione)

Sincronizzazione fra più device possibile se il browser ha un supporto online

sito

Web feed: possibilità (III)

25

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

feed reader

New feed?

browserCLIENTSERVERContenuto +

meta-dati(XML)

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

Web feed: possibilità (III)

26

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

feed reader

New feed?

browserCLIENTSERVER

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

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

27

Google News: esempio

28

www.netvibes.com

• 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

29

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=ycyWch5PytA

31

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 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

32

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… •O più semplicemente cercate di combinare l’uso di strumenti come Feedly e IFTTT

33