Sistemi - Lezione XIII - Blogs e Blogger

Sistemi Di Elaborazione Dell’informazione

Dott. Antonio CalanducciLezione XIII: Blogs

Blogger

Corso di Laurea in Scienze della ComunicazioneAnno accademico 2009/2010

wdwdwdwdwdw

A. Calanducci - Sistemi: Lezione XIII - Catania, 21/05/2010

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/

2

http://s1stem1.wordpress.com/2010/05/20/avviso-cambio-aula-prossime-lezioni-aula-254/

http://s1stem1.wordpress.com/2010/05/20/avviso-cambio-aula-prossime-lezioni-aula-254/

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 Internet3

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

4

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)

5

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”

6

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)

• Tab delle 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

7

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)

8

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 invio9

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...”)

10

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 cita11

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

http://lab.vodafone.it/blog/

http://lab.vodafone.it/blog/

http://jalfredproofreader.blogspot.com

http://jalfredproofreader.blogspot.com

http://crimogenic.blogspot.com

http://crimogenic.blogspot.com

http://www.beppegrillo.it

http://www.beppegrillo.it

http://theappleblog.com

http://theappleblog.com

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

13

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 14

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à

15

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

http://www.blogger.com

http://www.blogger.com

http://www.wordpress.org

http://www.wordpress.org

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

http://www.mu.wordpress.org

http://www.mu.wordpress.org

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

http://blog.libero.it

http://blog.libero.it

http://blog.virgilio.it

http://blog.virgilio.it

http://blog.tiscali.it

http://blog.tiscali.it

http://www.ilcannocchiale.it

http://www.ilcannocchiale.it

http://www.splinder.com

http://www.splinder.com

http://www.livejournal.com

http://www.livejournal.com

http://www.typepad.com

http://www.typepad.com

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

19

http://blogsearch.google.it

http://blogsearch.google.it

http://technorati.com

http://technorati.com

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

20

http://technorati.com/pop/blogs/




http://temi.repubblica.it/tecnologia-blog-italiani-2009

http://temi.repubblica.it/tecnologia-blog-italiani-2009

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

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

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

21

http://en.wikipedia.org/wiki/Blogger%27s_Code_of_Conduct

http://en.wikipedia.org/wiki/Blogger%27s_Code_of_Conduct

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 Google22

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

23

http://nostro-blog.blogspot.com

http://nostro-blog.blogspot.com

wdwdwdwdwdw


Domini e blog• I blog 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

• Nel caso 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)

24

http://mio-blog.blogspot.com

http://mio-blog.blogspot.com

http://mio-blog.wordpress.com

http://mio-blog.wordpress.com

http://mio-blog.splinder.com

http://mio-blog.splinder.com

http://www.vostrocognome.it

http://www.vostrocognome.it

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

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

26

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

27

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

28

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

29

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 gadgets30

wdwdwdwdwdw


Aggiunta di gadget esterni• usando il gadget HTML/Javascript è possibile

aggiungere nella barre laterale contenuto esterno

- es: playlist di mixpod, calendari, maps, etc etc

31

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

32

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

33

http://btemplates.com

http://btemplates.com

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

34

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

35

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

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

wdwdwdwdwdw


Reference• http://help.blogger.com

• Alberto D’Ottavi, Tommaso Sorchiotti - “Come si fa un blog 2.0” - II Edizione, tecniche nuove

36

http://help.blogger.com

http://help.blogger.com

Sistemi - Lezione XIII - Blogs e Blogger

Technology

Transcript of Sistemi - Lezione XIII - Blogs e Blogger