Slides del corso di Design dell'interazione (mod.1) del prof.R.Polillo - Università degli Studi di Milano Bicocca, A.A.2010-11

1. Nuova edizione 2010-11
Università degli Studi di Milano Bicocca
Dipartimento di Informatica, Sistemistica e Comunicazione
Corso di Design dell’Interazione
Feed, tweet e
aggregatori (I)
Roberto Polillo
AA 2009-2010

2. Riassunto della puntata precedente
 La blogosfera è un sistema autoreferenziale
 I blog: dalla self-expression al giornalismo
partecipativo
 “The cost of democratization”
R.Polillo - Ottobre 2010
3

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

4. 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 per
vedere se ci sono nuovi msg
R.Polillo - Ottobre 2010
5

5. Pull: vantaggi
6
 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 2010

6. Web feed
7
 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 aggregatori (o feed readers)
 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 2010

7. Web feed: l’idea
8
feed sources
(siti di news, blogs,..)
Contenuto +
meta-dati in un
certo formato
Es. Testo: xxxx
Autore: yyy
Data: zzzz
nuovo
feed?
feed
Nuovi feed, pronti per essere
distribuiti.
- ogni feed si trova a un certo URL,
dove il feed reader lo va a prendere
- i feed sono raggruppati in uno o
più “canali”
- ogni canale ha un suo URL
R.Polillo - Ottobre 2010
feed reader
(aggregatore
)

8. Web feed: l’idea
9
feed sources
(sites, blogs,..)
Contenuto +
meta-dati in un
certo formato
Es. Testo: xxxx
Autore: yyy
Data: zzzz
New
feed?feed
Esempi:
R.Polillo - Ottobre 2010
feed reader
(aggregatore
)

9. Contenuto +
meta-dati in un
certo formato
Es. Testo: xxxx
Autore: yyy
Data: zzzz
browser
Web feed: l’idea
10
feed sources
(sites, blogs,..)New
feed?feed
R.Polillo - Ottobre 2010
feed reader
(aggregatore
)

10. Contenuto +
meta-dati in un
certo formato
Es. Testo: xxxx
Autore: yyy
Data: zzzz
email
client
Web feed: l’idea
11
feed sources
(sites, blogs,..)New
feed?feed
R.Polillo - Ottobre 2010
feed reader
(aggregatore
)

11. Contenuto +
meta-dati in un
certo formato
Es. Testo: xxxx
Autore: yyy
Data: zzzz
sito
feed sources
(sites, blogs,..)
browser
New
feed?feed
Web feed: l’idea
12
R.Polillo - Ottobre 2010
feed reader
(aggregatore
)

12. Web feed: formati
13
 RSS
- Really Simple Syndication (anche RDF Site Summary, Rich Site Summary)
- definito inizialmente da Netscape (1999) per pubblicazione di feed sul suo
portale, poi reso popolare dalla grande diffusione dei blog
- basato su XML, ne esistono diversi dialetti; di solito gli aggregatori riconoscono i
dialetti principali
- http://it.wikipedia.org/wiki/Really_simple_syndication
 ATOM
- formato alternativo a RSS definito nel 2004, anch’esso basato su XML
- proposto come standard da IETF (Internet Engineering Task Force)
- http://en.wikipedia.org/wiki/Atom_(standard)
R.Polillo - Ottobre 2010

13. Esempio: RSS
14
.
Italiani: senza fili e senza banda
http://webnews.html.it/news/1066.htm
L’italia si conferma il paese europeo con la maggior presenza di telefonini.
Tutt’altra storia, invece, per la banda larga
(In formato RSS 0.91, uno dei più semplici, vedi spiegazione in:
http://webdesign.html.it/articoli/leggi/188/introduzione-a-rss/3/ )
R.Polillo - Ottobre 2010

14. Esempio: RSS
15
.
Italiani: senza fili e senza banda
http://webnews.html.it/news/1066.htm
L’italia si conferma il paese europeo con la maggior presenza di telefonini.
Tutt’altra storia, invece, per la banda larga
.
R.Polillo - Ottobre 2010
<feed
>
<link> <titolo
>
<descrizione>
http://… Italiani… L’Italia…

15. Esempio: RSS
16
.
Italiani: senza fili e senza banda
http://webnews.html.it/news/1066.htm
L’italia si conferma il paese europeo con la maggior presenza di telefonini.
Tutt’altra storia, invece, per la banda larga
<item>
<title>Italiani: senza fili e senza banda</title>
<link>http://webnews.html.it/news/1066.htm</link>
<description>L'Italia si conferma il paese europeo con la maggior presenza di
telefonini. Tutt'altra storia, invece, per la banda larga.</description>
</item>
R.Polillo - Ottobre 2010
<feed
>
<link> <titolo
>
<descrizione>
http://… Italiani… L’Italia…

16. Esempio: RSS
17
<?xml version="1.0"?>
<rss version="0.91">
<channel>
<title>HTML.it News</title>
<link>http://webnews.html.it</link>
<description>Le News di HTML.it sul mondo Hi-Tech</description>
<item>
<title>Italiani: senza fili e senza banda</title>
<link>http://webnews.html.it/news/1066.htm</link>
<description>L'Italia si conferma il paese europeo con la maggior presenza di
telefonini. Tutt'altra storia, invece, per la banda larga.</description>
</item>
</channel>
</rss>
(In formato RSS 0.91, uno dei più semplici, vedi spiegazione in:
http://webdesign.html.it/articoli/leggi/188/introduzione-a-rss/3/ )
canale
R.Polillo - Ottobre 2010

17. 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 - Ottobre 2010

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

19. Come ci si “abbona” a un feed
20
1: Si scelgono i feed di interesse
l’utente accede a un sito. Se il sito produce feed, attraverso una
apposita funzione del browser li esamina e decide se gli interessa
riceverli…
2: Ci si abbona a quei feed
si fornisce all’aggregatore scelto l’URL dei feed, per abbonarsi
3. Si ricevono i feed cui si è abbonati
su richiesta dell’utente, l’aggregatore accede ai vari feed sui siti
sorgente, li scarica e li presenta all’utente
NB l’interfaccia utente varia da aggregatore a aggregatore
R.Polillo - Ottobre 2010

20. Fase 1: come vedo i feed dai browser
 Explorer:
 Firefox:
R.Polillo - Ottobre 2010
21

21. Fase 1: come vedo i feed dai browser
 Safari:
 Chrome: bisogna installare un plugin
http://nbtimes.it/digital-times/software/6932/google-chrome-gestire-i-feed-rss-allinte
R.Polillo - Ottobre 2010
22

22. Esempi di siti con diversi canali di feed
26
 http://www.corriere.it/rss/
 http://www.repubblica.it/servizi/rss/
R.Polillo - Ottobre 2010

23. Esempio: il blog del corso
http://www.corsow.wordpress.com
27
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 2010

24. Web feed: una trasformazione radicale
dell’interazione col web
28
"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 2010

25. Feed e device mobili
29
 La tecnologia dei web feed disaccoppia ulteriormente
contenuto e presentazione ...
 ---> posso visualizzare i feed anche su device mobili di
piccole dimensioni (es. cellulari)
 Esempio:
- Mashable mobile: http://m.mashable.com/
 Un tool: www.mofuse.com (MObile FUSion, da fine 2007)
R.Polillo - Ottobre 2010

26. Google Reader www.google.it/reader
30
 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)
 Abbonamenti a gruppi di feed tematici predefiniti (link “Scopri e
cerca feed…”)
 Accesso da mobile, compreso iPhone
http://www.google.com/reader/m
 http://en.wikipedia.org/wiki/Google_Reader
R.Polillo - Ottobre 2010

27. 31
R.Polillo - Ottobre 2010

28. Altri aggregatori (online)
32
- www.netvibes.com
- www.igoogle.com
- www.myyahoo.com
- www.mslive.com
- www.pageflakes.com
R.Polillo - Ottobre 2010

29. www.igoogle.com
 Da maggio 2005
 Personal start page: web feeds, bookmarks,
gadgets
 http://en.wikipedia.org/wiki/IGoogle
R.Polillo - Ottobre 2010
33

30. 34
R.Polillo - Ottobre 2010

31. www.netvibes.com
35
 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 2010

32. R.Polillo - Ottobre 2010
Netvibes vs Pageflakes
36
http://www.alexa.com/ settembre

33. Google News (In Italia: news.google.it)
37
 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 2010

34. www.news.google.it
R.Polillo - Ottobre 2010
38

35. un modo di ottenere
la classica
“rassegna
stampa”
39
R.Polillo - Ottobre 2010

36. Aggregatori visuali: esempio
R.Polillo - Ottobre 2010
40
http://newsmap.jp (aggrega da google News)

37. Nuova edizione 2010-11
Università degli Studi di Milano Bicocca
Dipartimento di Informatica, Sistemistica e Comunicazione
Corso di Design dell’Interazione
Feed, tweet e
aggregatori (II)
Roberto Polillo
AA 2009-2010

38. Riassunto della puntata precedente
 Come essere informati: push vs pull
 Le tecnologie pull e il ruolo degli aggregatori
 Web feed e feed reader
R.Polillo - Ottobre 2010
42

39. Aggregatori
R.Polillo - Ottobre 2010
43
www.google.com/reader
www.news.google.com
www.netvibes.com

40. Aggregatori
R.Polillo - Ottobre 2010
44
…
Blog/new
s n
t
…
Blog/new
s
m
…
Aggregatore
feed

41. Microblogging
 L’idea: mettere insieme le funzioni di blogging e di
aggregazione in un’unica applicazione
R.Polillo - Ottobre 2010
45
…
Blog n
t
…
Blog m
…
Aggregatore
follow

42. Microblogging
 L’idea: mettere insieme le funzioni di blogging e di
aggregazione in un’unica applicazione “social”
R.Polillo - Ottobre 2010
46
…
Blog n
t
…
Blog m
…
Aggregatore
follow
post =
feed
molto
brevi

43. Mobile microblogging
R.Polillo - Ottobre 2010
47
…
Blog n
t
…
Blog m
…
Aggregatore
follow
PULL
PUSH

44. R.Polillo - Ottobre 201048
“Per inventare, serve una buona immaginazione e un
mucchio di cianfrusaglie”
Thomas Alva Edison

45. Text shortening

→ mail → sms → tweet
 SMS language
 URL shortening
 http://www.guardian.co.uk/books/2008/jul/05/saturdayreviewsfeatres.g
 http://en.wikipedia.org/wiki/SMS_language
R.Polillo - Ottobre 2010
49

46. SMS
R.Polillo - Ottobre 2010
50
http://mashable.com/2010/08/17/text-messaging-infographic/
(agosto 2010)
SMS per mobile
subscriber per
month (2009):
USA: 420
Philippine: 600

47. Micro-blogging sites
51
 Pubblicazione di piccoli contenuti in rete: brevi testi (normalmente
fino a 200 caratteri), [link a] immagini, video, audio
 Su una propria pagina di un sito di social network (visibile a tutti o
alla propria community) o su un “canale” a più voci
 Meccanismo di following
 Esempi:
 http://www.twitter.com
 http://www.jaiku.com/ (dal 2006, acquisito da Google nel 2007)
 www.tumblr.com (dal 2007)
 http://it.wikipedia.org/wiki/Microblogging
R.Polillo - Ottobre 2010

48. www.twitter.com
 Fondato nel 2006, ora > 100 ml utenti
 Microblogging gratuito, che permette di inviare / ricevere
“tweets” testuali (max 140 caratteri), anche da SMS
 I tweets vengono mostrati in ordine cronologico sul
profilo dell’utente
 Ogni utente (follower) può chiedere di ricevere i tweet di
specificati utenti (following), sulla propria pagina twitter,
o su device mobili
 “Gli SMS di internet”
R.Polillo - Ottobre 2010
52

49. Twitter
53
 Video: Twitter in plain English (2’30”):
http://it.youtube.com/watch?v=ddO9idmax0o
(da Commoncraft,
http://it.youtube.com/user/leelefever )
R.Polillo - Ottobre 2010

50. R.Polillo - Ottobre 2010
Crescita di Twitter
www.alexa.com (settembre 2010)
54

51. Following
R.Polillo - Ottobre 2010
55
Follower Tweeter
Following
tweets

52. Anatomia di un tweet
R.Polillo - Ottobre 2010
56
URL shortening
es. www.bit.ly.com
www.tinyurl.com
Hashtag
#tag
Menzione
@nomeutente

53.  http://www.guidatwitter.com/blog/
Una raccolta di utili informazioni su twitter
 Una guida gratuita all’uso di Twitter
http://www.geweb.org/guida-gratuita-twitter
R.Polillo - Ottobre 2010
57

54. www.twitpic.com
 Servizio per postare facilmente immagini su
Twitter (dal 2008)
 Twitter companion (indipendente e gratuito), tipo
flickr, molto semplificato :
 Username & password di Twitter
 Si twitta direttamente dal sito
 Commenti alle foto inviati come risposta al tweet
 URL abbreviate
 Alexa traffic rank :http://www.alexa.com/siteinfo/twitpic.com
 http://en.wikipedia.org/wiki/TwitPic
R.Polillo - Ottobre 2010
58

55. Esempio
R.Polillo - Ottobre 2010
59

56. Quali tweet?
R.Polillo - Ottobre 2010
60
Indagine di Peer Analitics
(agosto 2009), cit. da
Wikipedia
O
NO?

57. L’utilizzo cambia
R.Polillo - Ottobre 2010
61
What are you doing?
What’s happening?

58. Perché usi Twitter?
R.Polillo - Ottobre 2010
Technorati State of the Blogosphere
2009

59. Privacy
“Most of the information you provide to us is information you are asking us to
make public. This includes not only the messages you Tweet and the metadata
provided with Tweets, such as when you Tweeted, but also the lists you create,
the people you follow, the Tweets you mark as favorites or Retweet and many
other bits of information.
Our default is almost always to make the information you provide public but we
generally give you settings to make the information more private if you want.
Your public information is broadly and instantly disseminated. For example, your
public Tweets are searchable by many search engines and are immediately
delivered via SMS and our APIs to a wide range of users and services.
You should be careful about all information that will be made public by Twitter,
not just your Tweets.”
http://twitter.com/privacy/
R.Polillo - Ottobre 2010
63

60. R.Polillo - Ottobre 201064
Come
razionalizzare gli
strumenti di
comunicazione?

61. R.Polillo - Ottobre 201065
Come
razionalizzare gli
strumenti di
comunicazione?
Lettura da meditare:
http://mashable.com/
2010/09/03/world-
without-email/
Canali
PULL
Canali
PUSH

62. Twitter killed the RSS readers?
 http://www.businessinsider.com/twitter-has-
killed-rss-readers-traffic-to-google-reader-down-
27-year-over-year-2010-9
R.Polillo - Ottobre 2010
66

63. Flipboard (iPad)
R.Polillo - Ottobre 2010
67

64. Mail
 Un’indagine sull’uso della mail in Europa e in Italia
(2010):
http://www.key4biz.it/News/2010/10/27/Tecnologie/European_Email_Marketing_Consumer_Report
_Contactlab_email_social_network_newsletter_eCommerce.html
R.Polillo - Ottobre 2010
68

65. Feed, tweet e aggregatori: LAVORO INDIVIDUALE
69
OBBLIGATORIO:
Prendi familiarità con:
 la gestione dei feed nel tuo browser preferito
 Google Reader, iscrivendoti ai feed di giornali, blog e servizi online di tuo interesse
 Google News
 Definisci una tua start page con una delle seguenti applicazioni: iGoogle, Netvibes,
myYahoo o altro, esplorando l’insieme di gadget/widget disponibili
 Prendi familiarità con le principali funzioni di www.twitter.com , compreso un servizio
di URL shortening, e l’invio/ricezione di tweet da cellulare
R.Polillo - Ottobre 2010