Daniele Lunassi, CEO & Head of Design @Eye Studios – “Creare prodotti e servi...
Sistemi - Lezione XIII - Blogs e Blogger
1. Sistemi Di Elaborazione
Dell’informazione
Dott. Antonio Calanducci
Lezione XIII: Blogs
Blogger
Corso di Laurea in Scienze della Comunicazione
Anno accademico 2009/2010
2. wdwdwdwdwdw
Che cosa è un (we)blog
• contrazione di web log (letteralmente, “traccia” sul web)
- un log è un registro di eventi
- nome inventato da Peter Merholz nel 1999
• è un sito Web i cui contenuti sono pubblicati da uno o più autori
- articoli pubblicati in ordine cronologico inverso
- i più recenti in testa
- più o meno regolarmente
- possibilità di essere commentati dagli utenti che leggono il blog
- ogni articolo ha un permalink
- http://s1stem1.wordpress.com/2010/05/20/avviso-cambio-aula-prossime-lezioni-aula-254/
A. Calanducci - Sistemi: Lezione XIII - Catania, 21/05/2010 2
3. wdwdwdwdwdw
Che cosa è un blog
•è una piattaforma, una Web (2.0) application
- permette di pubblicare qualsiasi cosa
- a tutti, in maniera molto semplice, senza conoscenze di
programmazione; ci si può concentrare sui contenuti
- Web 1.0: pubblicazione su Internet, privilegio di pochi
- basato su un CMS (Content Management System)
• blogger: chi scrive articoli e gestisce un blog
• to blog: “bloggare”, scrivere un blog
• blogosfera: insieme di tutti i blog su Internet
A. Calanducci - Sistemi: Lezione XIII - Catania, 21/05/2010 3
4. wdwdwdwdwdw
Tipologie di blog
• Blog personale: un diario personale, l’autore tiene traccia (i
logs) dei propri pensieri, opinioni, idee, riflessioni, esperienze
di ogni giorno, racconti, poesie, recensioni, desideri, disagi,
proteste, ...
- commenti molto apprezzati, da vita a discussioni (a volte
flame)
• Blog collettivo o collaborativo: articoli scritti da un gruppo
ristretto di autori su un determinato argomento (letteratura,
informatica, politica, attualità, ...)
• Blog d’attualità: usato da molti giornalisti per dare opinioni
su fatti di cronaca o attualità che non trovano spazio fra le
pagine delle testate per cui scrivono
A. Calanducci - Sistemi: Lezione XIII - Catania, 21/05/2010 4
5. wdwdwdwdwdw
Tipologie di blog
• Corporate blog o blog aziendali: gestito da uno o più
dipendenti di un’azienda per dare informazioni più informali o
anticipazioni rispetto al sito Web ufficiale
• Blog tematico: articoli su un determinato argomento
• VLog o Video blog: un blog che utilizza i video come
contenuto principale, accompagnato da testo e immagini
• Audio blog: usato per distribuire podcasts
• Blog didattico: usato in contesti scolastici o universitari (vedi
il nostro) per le comunicazioni tra il docente e gli studenti
• Moblog: Mobile blog, contenuti generati e trasmessi da
dispositivi mobili (cellulari, smartphones)
A. Calanducci - Sistemi: Lezione XIII - Catania, 21/05/2010 5
6. wdwdwdwdwdw
blog: conseguenze e prospettive
• strumento di pubblicazione e comunicazione
- collegare (linkare) gli articoli e ricostruire i collegamenti
grazie ai permalink
- favorisce lo sviluppo di conversazioni in rete attraverso i commenti
• Semplicità, immediatezza, apertura, opinioni
• rappresenta oggi il principale mezzo di comunicazione per
milioni di persone
• “Blog è il fenomeno per cui un cittadino qualsiasi può
facilmente trasmettere i suoi pensieri, pubblicamente e in un
luogo digitale, a un’audience informe che va da zero a un
potenziale di milioni di persone”
A. Calanducci - Sistemi: Lezione XIII - Catania, 21/05/2010 6
7. wdwdwdwdwdw
Struttura di un blog
• Sezioni di un blog:
• Testata (o header): titolo del blog ed eventuale tagline,
un sottotitolo o frase descrittiva che permette al navigare
di capire cosa tratta il blog; immagine (anche in
background)
• Tabdelle pagine : segnalibri (link) che consentono di
accedere a pagine statiche (restano sempre in evidenza)
- Es: “Chi sono” (About), Contatti, Hobby, etc
• Corpo: è diviso in colonne (da 1 a 3)
- colonna principale: posts, in ordine cronologico inverso
A. Calanducci - Sistemi: Lezione XIII - Catania, 21/05/2010 7
8. wdwdwdwdwdw
Il termine “post”
• Si tratta di un sostantivo (post) e di un verbo (to
post=affissare, pubblicare) della lingua inglese, che
vengono utilizzati in numerosi contesti
• “Un post è un messaggio testuale, con funzione di opinione o
commento, inviato ad uno spazio comune su Internet per
essere pubblicato. Tali spazi possono essere newsgroup,
forum, blog, guestbook e qualunque altro tipo di strumento
telematico (ad esclusione delle chat e dei sistemi di
messaggistica istantanea) che consenta ad un utente generico
di Internet di lasciare un proprio messaggio pubblico.
L'azione del lasciare (o affiggere) un messaggio in italiano è
espressa con il neologismo postare.” (Da wikipedia.it)
A. Calanducci - Sistemi: Lezione XIII - Catania, 21/05/2010 8
9. wdwdwdwdwdw
Post
• ogni post ha:
- titolo
- data e ora di pubblicazione
- autore
- corpo: contenuto testuale, formattato, può contenere
elementi multimediali (video, audio, immagini,
presentazioni) e links ad altri blog/siti, codice HTML
- associato un permalink
- commenti (possono anche essere disabilitati)
- in ordine cronologico di invio
A. Calanducci - Sistemi: Lezione XIII - Catania, 21/05/2010 9
10. wdwdwdwdwdw
Elementi di un blog
• Sidebars: sono le colonne ai lati. Possono contenere:
- Categorie: un elenco di argomenti per la classificazione
(rigida) dei posts (tassonomia)
- Tag: le “keywords” (parole chiavi) associate ad ogni posts
- categorie e tag permettono di trovare tutti i posts così classificati
- Archivio: elenco dei mesi con numero di posts per mese
- calendario: permette di accedere facilmente ai post pubblicata in
una data specifica
- Blogroll e linkroll: lista di altri blog/siti che l’autore suggerisce
(“Parlo con.../Leggo anche...”)
A. Calanducci - Sistemi: Lezione XIII - Catania, 21/05/2010 10
11. wdwdwdwdwdw
Elementi di un blog
• Widgets (o Gadgets o Badges): oggetti che permettono di incapsulare (embed)
contenuti provenienti da altri siti:
- es: playlist di mixpod, charts di Google Spreadsheet, Video di YouTube,
Photostream di Flickr, Followers di Google FriendConnect, Profile, meteo,
etc etc
• Feed RSS/Atom: permettono agli utenti di abbonarsi ai post del blog o ai
commenti
• Commenti (facoltativi): possono essere moderati, editati, notificati,
anonimi, solo utenti registrati, spam
• Trackbacks (link in entrata): consente la comunicazione e notifica tra
due risorse (blog). E’ un meccanismo con cui si invia un segnale ad
un altro blog per far sapere che lo abbiamo linkato
- viene mostrato alla fine del post, il link alla font, al blog che lo cita
A. Calanducci - Sistemi: Lezione XIII - Catania, 21/05/2010 11
12. wdwdwdwdwdw
Esempi di blog
• Vodofone Blog:
- http://lab.vodafone.it/blog/
• Random blog from blogger (click “blog successivo”):
- http://jalfredproofreader.blogspot.com
- http://meezertails.blogspot.com
• Pro Blog
- http://www.beppegrillo.it/
- http://theappleblog.com/
- http://attivissimo.blogspot.com/
A. Calanducci - Sistemi: Lezione XIII - Catania, 21/05/2010 12
13. wdwdwdwdwdw
Layout e template
• Layout:La struttura della pagina, organizzazione degli
elementi nel blog
- posizione dei widgets, corpo, pagine
• Template (modelli): consentono di definire la veste
grafica di un blog
- permette di implementare il layout
- cambiando il template, il contenuto non cambia
A. Calanducci - Sistemi: Lezione XIII - Catania, 21/05/2010 13
14. wdwdwdwdwdw
Piattaforme di blog
• Ne esistono molte. Possiamo distinguere due soluzioni:
• hosted:
- servizi Web che ospitano (to host) i blog degli utenti
- generalmente gratis
- molto semplici da usare
- permettono subito di pubblicare
- non è necessario installare alcun software,
manutenzione, effettuare backup, aggiornamenti, etc
- Contro: possibilità limitate di personalizzazione, ads
A. Calanducci - Sistemi: Lezione XIII - Catania, 21/05/2010 14
15. wdwdwdwdwdw
Piattaforme non-hosted
•è necessario installare il software della piattaforma su un
proprio server Web
- acquistare spazio Web da aziende che offrono servizio
di Web hosting
- effettuare manualmente la configurazione e
manutenzione del software
- completo controllo sui propri blog
- elevata personalizzazione
- nessuna pubblicità
A. Calanducci - Sistemi: Lezione XIII - Catania, 21/05/2010 15
16. wdwdwdwdwdw
I servizi più popolari
• Blogger (http://www.blogger.com)
- Nato nel 1999 a S.Francisco (come Pyra Labs) e
acquistato da Google nel 2003
- servizio hosted gratuito
- molto semplice da usare
- ospita tra i 15 e i 20 milioni di blog
• Wordpress (http://www.wordpress.org)
- nasce nel 2003, open-source (licenza GPL)
- è un vero e proprio CMS, scritto in PHP/MySQL
A. Calanducci - Sistemi: Lezione XIII - Catania, 21/05/2010 16
17. wdwdwdwdwdw
Wordpress.org
• Caratteristiche:
- estensione delle caratteristiche tramite plug-in
- gestione categorie
- funzioni trackback-pingback
- moltissimi temi
- usato per blog professionali
- esiste la versione hosted su wordpress.com (più
limitata, non consente l’installazione di temi/plugin)
- versione multi-blog (www.mu.wordpress.org)
A. Calanducci - Sistemi: Lezione XIII - Catania, 21/05/2010 17
18. wdwdwdwdwdw
Altre piattaforme popolari
• Italiane:
- Libero: http://blog.libero.it
- Virgilio/Alice: http://blog.virgilio.it
- Tiscali: http://blog.tiscali.it/
- Il Cannocchiale: http://www.ilcannocchiale.it/
- Splinder: http://www.splinder.com/
• Americane:
- LiveJournal: http://www.livejournal.com/
- TypePad: http://www.typepad.com/
A. Calanducci - Sistemi: Lezione XIII - Catania, 21/05/2010 18
19. wdwdwdwdwdw
Ricerca di blog
• Google blog:
- http://blogsearch.google.it/
• Technorati
- http://technorati.com/
- technorati = technology + literati
- motore di ricerca, classifiche (in base ai tag, trackback)
- a giugno 2008, indicizzava 112.8 milioni di blog e più di
250 milioni di tagged social media
A. Calanducci - Sistemi: Lezione XIII - Catania, 21/05/2010 19
20. wdwdwdwdwdw
Top blogs
• Technorati Top 100 blogs:
- http://technorati.com/blogs/top100
• Classifica dei blog italiani:
- http://it.blogbabel.com/classifica-blog/
• Statistiche contenuti e tag dei blog italiani
- http://temi.repubblica.it/tecnologia-blog-italiani-2009
• Blogs in Plain English
- http://www.youtube.com/watch?v=NN2I1pWXjXI
A. Calanducci - Sistemi: Lezione XIII - Catania, 21/05/2010 20
21. wdwdwdwdwdw
Codice di comporatamento del blogger
- Take responsibility not just for your own words, but for the
comments you allow on your blog.
- Label your tolerance level for abusive comments
- Consider eliminating anonymous comments.
- Ignore the trolls.
- Take the conversation offline, and talk directly, or find an
intermediary who can do so.
- If you know someone who is behaving badly, tell them so.
- Don't say anything online that you wouldn't say in person.
• Proposto da Tim O’Really
• http://en.wikipedia.org/wiki/Blogger%27s_Code_of_Conduct
A. Calanducci - Sistemi: Lezione XIII - Catania, 21/05/2010 21
22. wdwdwdwdwdw
Creazione di blog con Blogger
• Impareremo a usare la piattaforma Blogger
• Motivi:
- molto semplice da usare
- consente l’embedding di codice HTML/Javascript
(wordpress.com solo HTML)
- possibilità di installare nuovi template
- milioni di template da scaricare liberamente su web
- Wordpress offre tale caratteristica solo su versione non-hosted
- integrazione semplice con Google AdSense
- integrata con altri servizi di Google
A. Calanducci - Sistemi: Lezione XIII - Catania, 21/05/2010 22
23. wdwdwdwdwdw
Creazione di un nuovo blog
• Accediamo con il nostro Google Account
- personalizziamo il nostro profilo (avatar, info personali
che vogliamo condividere con chi legge)
• Creiamo un nuovo blog
- possiamo associare al nostro account infiniti blogs
- Assegnamo un titolo e l’indirizzo (URL):
- http://nostro-blog.blogspot.com
- Scelta del template
A. Calanducci - Sistemi: Lezione XIII - Catania, 21/05/2010 23
24. wdwdwdwdwdw
Domini e blog
•Iblog ospitati sulle piattaforme gratuite appartengono ai
domini delle piattaforme che li ospitano:
- http://mio-blog.blogspot.com
- http://mio-blog.wordpress.com
- http://mio-blog.splinder.com
• Nelcaso di un blog professionale, è possibile acquistare
un dominio personalizzato (ad esempio:
www.vostrocognome.it) e configurare il DNS affinchè
vengano visualizzato il vs blog ospitato su una
piattaforma gratuita di hosting (come Blogger o
Wordpress)
A. Calanducci - Sistemi: Lezione XIII - Catania, 21/05/2010 24
25. wdwdwdwdwdw
Creazione di un post
• Titolo
• Formattazione del corpo:
- tipo e dimensione, attributi font, colore testo, link,
allineamento, punti elenco e numerati, quotazione
- aggiunta immagine (da Web, da computer, caricata poi su
Picasa Web Album)
- aggiunta video (upload da computer)
- Controllo ortografico testo e annulla formattazione
- abilitazione/disabilitazione commenti
- assegnazione tag (separati da virgole)
A. Calanducci - Sistemi: Lezione XIII - Catania, 21/05/2010 25
26. wdwdwdwdwdw
Anteprima e embedding
• Prima di pubblicare, verificare l’anteprima
• Tab “Modifica HTML”
- consente di personalizzare la formattazione del post
- consente l’embedding di contenuti provenienti da altri
servizi Web 2.0
- Video di YouTube, Playlist di Mixpod, Foto da Flickr,
Documenti di Google Docs, Presentazioni da SlideShare,
Mappe di Google Maps, Grafici e Disegni da Google Docs,
etc etc
A. Calanducci - Sistemi: Lezione XIII - Catania, 21/05/2010 26
27. wdwdwdwdwdw
Aggiunta di pagine statiche
• Fino a 10 pagine statiche
• Post -> Modifica pagine
• Titolo, Formattazione come su crea nuovo post
• Possibilità di modifica diretta del codice HTML
• Opzioni:
- commenti on/off
- interpretazione HTML
• Visualizzate nel menù orizzontale sotto la testata
A. Calanducci - Sistemi: Lezione XIII - Catania, 21/05/2010 27
28. wdwdwdwdwdw
Impostazioni
• Generale
- Titolo, Descrizione, ricerca su blogger e motori di
ricerca, post per e-mail, contenuti adulto, seleziona
editor predefinito
• Formattazione
- numero di post per pagina, formato data, formato
archivio, formato ora, lingua
• Commenti
- abilita/disabilità generale, chi, posizione, abilitazione
trackback (link a ritroso), moderazione, notifica
A. Calanducci - Sistemi: Lezione XIII - Catania, 21/05/2010 28
29. wdwdwdwdwdw
Impostazioni
• E-mail e cellulare
- BlogSend: notifica nuovi post a 10 indirizzi e-mail
- post via e-mail: indirizzo personalizzato per
pubblicazione automatica su blog
- post via MMS
• Autorizzazioni
- aggiunta autori (per blog collaborativo): fino a 100
- privacy blog:
- tutti, solo autori, solo contatti
A. Calanducci - Sistemi: Lezione XIII - Catania, 21/05/2010 29
30. wdwdwdwdwdw
Layout
• Elementi pagina
- consente l’organizzazione visuale degli elementi che
compongono il blog
- spostamento elementi con il mouse (drag & drop)
- modifca di elementi
- aggiunta di gadget alla sidebar
- Lettori fissi (google friend connect), casella di ricerca,
tag cloud (etichette), archivi, sondaggio, blogroll, linkroll,
feeds, elenchi, profilo, commenti recenti, etc etc
- circa 2000 altri gadgets
A. Calanducci - Sistemi: Lezione XIII - Catania, 21/05/2010 30
31. wdwdwdwdwdw
Aggiunta di gadget esterni
• usandoil gadget HTML/Javascript è possibile
aggiungere nella barre laterale contenuto esterno
- es: playlist di mixpod, calendari, maps, etc etc
A. Calanducci - Sistemi: Lezione XIII - Catania, 21/05/2010 31
32. wdwdwdwdwdw
Personalizzaione layout
• Layout -> Scegli nuovo modello
- permette la selezione di template esistenti
• Caratteri e colori
- consente la personalizzazione di font e colori del
modello
- senza conoscere HTML/CSS
A. Calanducci - Sistemi: Lezione XIII - Catania, 21/05/2010 32
33. wdwdwdwdwdw
Installazione di nuovi template
• Blogger consente di installare nuovi template disponibili
gratuitamente su Internet e realizzati spesso da web designer
particolarmente creativi
• Ad esempio, ne potete trovare molti qui:
- http://btemplates.com/
- licenza GPL, non potete rimuovere i credits
• Per installarli:
- dopo aver scaricato lo zip che contiene il file XML del
template, andate su Layout -> Modifica HTML e da “Esegui
backup/ripristino modello”, seleziona il file XML e clickate
su Carica
A. Calanducci - Sistemi: Lezione XIII - Catania, 21/05/2010 33
34. wdwdwdwdwdw
Guadagnare con il proprio blog
• Abilitare AdSense da Guadagna
• creare un account AdSense
- compilare form con dati personali
• Non è richiesto per il progetto finale
A. Calanducci - Sistemi: Lezione XIII - Catania, 21/05/2010 34
35. wdwdwdwdwdw
TIP: disabilitare la barra di navigazione
• Video guide:
- http://www.youtube.com/watch?v=hCPaClUZRwI
• Aggiungere il seguente codice:
- #navbar-iframe {display: none !important;}
- in Layout-> Modifica HTML
- prima di /* Variable definitions
A. Calanducci - Sistemi: Lezione XIII - Catania, 21/05/2010 35
36. wdwdwdwdwdw
Reference
• http://help.blogger.com
• AlbertoD’Ottavi, Tommaso Sorchiotti - “Come si fa un
blog 2.0” - II Edizione, tecniche nuove
A. Calanducci - Sistemi: Lezione XIII - Catania, 21/05/2010 36