Sistemi - Lezione XIII - Blogs e Blogger

1,330 views

Published on

Published in: Technology, Business
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
1,330
On SlideShare
0
From Embeds
0
Number of Embeds
232
Actions
Shares
0
Downloads
27
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Sistemi - Lezione XIII - Blogs e Blogger

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

×