Upload
antonio-calanducci
View
1.060
Download
3
Embed Size (px)
Citation preview
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
wdwdwdwdwdw
A. Calanducci - Sistemi: Lezione XIII - Catania, 21/05/2010
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
A. Calanducci - Sistemi: Lezione XIII - Catania, 21/05/2010
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
A. Calanducci - Sistemi: Lezione XIII - Catania, 21/05/2010
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
A. Calanducci - Sistemi: Lezione XIII - Catania, 21/05/2010
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
A. Calanducci - Sistemi: Lezione XIII - Catania, 21/05/2010
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
A. Calanducci - Sistemi: Lezione XIII - Catania, 21/05/2010
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
A. Calanducci - Sistemi: Lezione XIII - Catania, 21/05/2010
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
A. Calanducci - Sistemi: Lezione XIII - Catania, 21/05/2010
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
A. Calanducci - Sistemi: Lezione XIII - Catania, 21/05/2010
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
A. Calanducci - Sistemi: Lezione XIII - Catania, 21/05/2010
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
wdwdwdwdwdw
A. Calanducci - Sistemi: Lezione XIII - Catania, 21/05/2010
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
A. Calanducci - Sistemi: Lezione XIII - Catania, 21/05/2010
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
A. Calanducci - Sistemi: Lezione XIII - Catania, 21/05/2010
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
A. Calanducci - Sistemi: Lezione XIII - Catania, 21/05/2010
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
wdwdwdwdwdw
A. Calanducci - Sistemi: Lezione XIII - Catania, 21/05/2010
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
wdwdwdwdwdw
A. Calanducci - Sistemi: Lezione XIII - Catania, 21/05/2010
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
wdwdwdwdwdw
A. Calanducci - Sistemi: Lezione XIII - Catania, 21/05/2010
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
wdwdwdwdwdw
A. Calanducci - Sistemi: Lezione XIII - Catania, 21/05/2010
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
wdwdwdwdwdw
A. Calanducci - Sistemi: Lezione XIII - Catania, 21/05/2010
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
wdwdwdwdwdw
A. Calanducci - Sistemi: Lezione XIII - Catania, 21/05/2010
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
A. Calanducci - Sistemi: Lezione XIII - Catania, 21/05/2010
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
wdwdwdwdwdw
A. Calanducci - Sistemi: Lezione XIII - Catania, 21/05/2010
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
wdwdwdwdwdw
A. Calanducci - Sistemi: Lezione XIII - Catania, 21/05/2010
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
A. Calanducci - Sistemi: Lezione XIII - Catania, 21/05/2010
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
A. Calanducci - Sistemi: Lezione XIII - Catania, 21/05/2010
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
A. Calanducci - Sistemi: Lezione XIII - Catania, 21/05/2010
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
A. Calanducci - Sistemi: Lezione XIII - Catania, 21/05/2010
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
A. Calanducci - Sistemi: Lezione XIII - Catania, 21/05/2010
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
A. Calanducci - Sistemi: Lezione XIII - Catania, 21/05/2010
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
A. Calanducci - Sistemi: Lezione XIII - Catania, 21/05/2010
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
A. Calanducci - Sistemi: Lezione XIII - Catania, 21/05/2010
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
wdwdwdwdwdw
A. Calanducci - Sistemi: Lezione XIII - Catania, 21/05/2010
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
A. Calanducci - Sistemi: Lezione XIII - Catania, 21/05/2010
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
wdwdwdwdwdw
A. Calanducci - Sistemi: Lezione XIII - Catania, 21/05/2010
Reference• http://help.blogger.com
• Alberto D’Ottavi, Tommaso Sorchiotti - “Come si fa un blog 2.0” - II Edizione, tecniche nuove
36