SlideShare a Scribd company logo
1 of 20
Download to read offline
Teorie e Tecniche della Comunicazione
            a.a. 2008/2009


Diario di Viaggio
       (WORDPRESS)
       Design dell'Interazione
        Prof. Roberto Polillo




              Autori:
           Bescapé Luana
            Locati Laura
           Macciò Samuele
Piattaforma blog scritta in PHP, creata da Matt Mullenweg, attualmente
distribuita con la licenza GNU General Public License.
Si può scaricare liberamente, l'ultima versione è la 2.6.3 (23 Ottobre 2008)
Caratteristiche:
  * Gestione delle pagine a template
  * Supporto a plugin esterni
  * Gestione delle categorie
  * Editor WYSIWYG per la formattazione dei testi
  * Creazione di pagine statiche
  * Supporto multi-autori
  * Log degli utenti che visitano il blog
  * Possibilità di specificare meta-tag
WordPress.com
Piattaforma di blogging basata su WordPress multi-user (simile a quella
che si può scaricare da WordPress.org).

Ha qualche funzionalità in più, ma anche una serie di restrizioni per gli
utenti:
● impossibilità di utilizzare temi diversi da quelli offerti dalla piattaforma


● installare plugin.


● non consente l'uso di tecnologie quali Java, Flash, frame e form.




Pro: alto grado di stabilità, permette all’utente di concentrarsi sui
contenuti che vuole pubblicare senza perdere tempo con la
manutenzione.

Contro: si perde un sacco di tempo a trovare soluzioni alternative per
poter aggirare in qualche modo le restrizioni ed arricchire il proprio blog
di funzionalità e gadget.
Organizzazione dei contenuti
Abbiamo deciso di creare una pagina statica per ogni giorno di viaggio in
modo che i contenuti siano maggiormente leggibili e meglio organizzati.




Abbiamo creato le seguenti sezioni: Home (defalut), una pagina per ogni
giorno di viaggio e una sezione “About”.
Accorgimenti grafici
Abbiamo scelto un tema adatto che avesse le pagine inserite nel menu
principale di testata..




.. e sostituito l'immagine dell'head con una più appropriata.
Wordpress.com e widget
Wordpress.com mette a disposizione alcuni widget che offrono diverse
funzionalità; alcuni permettono di integrare nel blog contenuti presenti su
altri social network (delicious, flickr, vodpod, etc.)
Wordpress.com e




     Wordpress.com mette a disposizione un widget
     per Flickr.

     Questo widget è di scarsa utilità in quanto
     permette solamente si inserire in un riquadro un
     numero di foto stabilito prese necessariamente
     a partire dalle ultime inserite (utilzzando il
     servizio di Feed RSS).
Flickr permette di creare un badge (flash o html) da inserire su un sito
esterno. Purtroppo Wordpress.com non permette di utilizzare animazioni
flash né il codice html creato in quanto contiene istruzioni Javascript.
Sui blog offerti da wordpress.com il modo più efficace per importare
foto da flickr è quello di utilizzare il codice html generato dal social
network, inserendolo nella pagina desiderata.
Per inserire le foto nel nostro blog abbiamo però utilizzato una
tecnica alternativa che ci è parsa più efficace. Abbiamo innanzi dato
un tag alle foto a seconda del giorno in cui sono state scattate con il
seguente risultato:




Abbiamo quindi inserito, al termine del racconto giornaliero, un link
a tale a pagina in modo che l'utente possa vedere la totalità delle
foto scattate durante quella giornata.
Abbiamo utilizzato gli strumenti di geotagging offerti da Flickr per creare la
cartina e l'abbiamo inserita nella home page del blog mediante un
collegamento esterno.
Worpdress.com e
Wordpress.com non fornisce widget che interagiscano con YouTube ma
adotta per esso una politica eccezionale: pur non accettando il codice
offerto dal SN è possibile inserire il semplice link alla pagina del video per
visualizzare il player integrato in un qualsiasi post del blog.
Wordpress.com e
            E' invece disponibile un widget per
            vodpod che abbiamo utilizzato nel
            nostro blog.

            Vodpod.com è una community di
            video sharing che raccoglie le
            risorse presenti su altre piattaforme
            Google Video, YouTube e altri
            aggregandoli in aree tematiche.

            Vodpod mette a disposizione anche
            un motore di ricerca che non solo
            scansiona l'archivio dei canali creati
            dagli utenti, ma lavora come meta
            motore indicizzando i risultati delle
            altre piattaforme in una stessa
            pagina.
Wordpress.com e
                       Slideshare mette a disposizione un codice
                       specifico da inserire nei blog ospitati su
                       wordpress.com




Abbiamo dunque inserito le
slide che stiamo proiettando
nella sezione About del blog
Wordpress.com e
                                       Wordpress mette a disposizione un
                                       widget per l'inserimento di testo e di
                                       tag html. Non è possibile utlizzare
                                       linguaggi di scripting e alcuni tag
                                       considerati “pericolosi” sono banditi.

  Abbiamo sfruttato questo widget inserendo un badge creato con facebook




P.S: Abbiamo successivamente spostato i badge nella sezione autori (pagina About)
Wordpress.com e
         Wordpress.com mette a disposizione un
         widget per del.ico.us.


         Abbiamo messo il nostro username e il tag
         appropriato dei segnalibri che volevao
         inserire, ottenendo il seguente riquadro:
Il risultato del nostro lavoro è visualizzabile a questo indirizzo:
                 http://project4ttc.wordpress.com/
Wordpress (CMS)
Per creare un blog con Wordpress non è necessario servirsi dei servizi
offerti da wordpress.com. Il software è distribuito in licenza GPL
(http://it.wikipedia.org/wiki/GNU_GPL )
WP è scaricabile all'indirizzo http://wordpress.org/download/
E' possibile pertanto provarlo in locale sul prorio pc o installarlo sul
proprio spazio web (necessita di PHP e di MySQL).
Wordpress e plugin
Installando WP su un proprio spazio web è possbile servirsi di una
miriade di plugin che estendono le funzionalità della piattaforma.
Alcuni plugin utili per i nostri scopi:

Flickr Photo Album: permette di
inserire un set di foto all'interno
della pagina di WP

                     Creatore: Joe Tan




                                         WP Geo: permette di utilizzare i
                                         servizi meshup offerti da Google
                                         Maps.
                                                          Creatore: Ben Huson

More Related Content

What's hot

Wordpress, Blog, SEO e Conversazione
Wordpress, Blog, SEO e ConversazioneWordpress, Blog, SEO e Conversazione
Wordpress, Blog, SEO e ConversazioneGiorgio Taverniti
 
Linux Day2008 Wordpress
Linux Day2008 WordpressLinux Day2008 Wordpress
Linux Day2008 Wordpresstonibottos
 
Il tuo primo sito web (senza ansie) con WordPress
Il tuo primo sito web (senza ansie) con WordPressIl tuo primo sito web (senza ansie) con WordPress
Il tuo primo sito web (senza ansie) con WordPressLaura Lonighi
 
Lezione WordPress Università degli Studi di Milano: Installazione e Gestione
Lezione WordPress Università degli Studi di Milano: Installazione e GestioneLezione WordPress Università degli Studi di Milano: Installazione e Gestione
Lezione WordPress Università degli Studi di Milano: Installazione e Gestionealessandro gasparotto
 
Introduzione a Wordpress
Introduzione a WordpressIntroduzione a Wordpress
Introduzione a WordpressSQcuola di Blog
 
WordPress, CMS/Blog per “tutte” le esigenze
WordPress, CMS/Blog per “tutte” le esigenzeWordPress, CMS/Blog per “tutte” le esigenze
WordPress, CMS/Blog per “tutte” le esigenzeRaoul Pettenò
 
WordPress 101 – Freelance Day - 24 ottobre 2015
WordPress 101 – Freelance Day - 24 ottobre 2015WordPress 101 – Freelance Day - 24 ottobre 2015
WordPress 101 – Freelance Day - 24 ottobre 2015Toolbox Coworking
 
Realizzare un sito con Wordpress come installazione pulità
Realizzare un sito con Wordpress come installazione pulitàRealizzare un sito con Wordpress come installazione pulità
Realizzare un sito con Wordpress come installazione pulitàMarco Consiglio
 
Creare un sito con WordPress
Creare un sito con WordPressCreare un sito con WordPress
Creare un sito con WordPressEugenio Molinario
 
Usiamo bene WordPress
Usiamo bene WordPressUsiamo bene WordPress
Usiamo bene WordPressPaolo Valenti
 
Differenza tra WordPress.org e WordPress.com
Differenza tra WordPress.org e WordPress.comDifferenza tra WordPress.org e WordPress.com
Differenza tra WordPress.org e WordPress.comOlegs Belousovs
 
Sicurezza WordPress: rendere il tuo sito sicuro in 10 passi
Sicurezza WordPress: rendere il tuo sito sicuro in 10 passiSicurezza WordPress: rendere il tuo sito sicuro in 10 passi
Sicurezza WordPress: rendere il tuo sito sicuro in 10 passiLaura Lonighi
 
Wordpress la guida
Wordpress la guidaWordpress la guida
Wordpress la guidalajonard
 
Digital curation con Scoop.it
Digital curation con Scoop.itDigital curation con Scoop.it
Digital curation con Scoop.itFreelancer
 
WordPress - corso base
WordPress - corso baseWordPress - corso base
WordPress - corso baseTeo Jurina
 
9. CMS e online site builders
9. CMS e online site builders9. CMS e online site builders
9. CMS e online site buildersRoberto Polillo
 

What's hot (20)

Wordpress, Blog, SEO e Conversazione
Wordpress, Blog, SEO e ConversazioneWordpress, Blog, SEO e Conversazione
Wordpress, Blog, SEO e Conversazione
 
Joomla
JoomlaJoomla
Joomla
 
Linux Day2008 Wordpress
Linux Day2008 WordpressLinux Day2008 Wordpress
Linux Day2008 Wordpress
 
Il tuo primo sito web (senza ansie) con WordPress
Il tuo primo sito web (senza ansie) con WordPressIl tuo primo sito web (senza ansie) con WordPress
Il tuo primo sito web (senza ansie) con WordPress
 
Lezione WordPress Università degli Studi di Milano: Installazione e Gestione
Lezione WordPress Università degli Studi di Milano: Installazione e GestioneLezione WordPress Università degli Studi di Milano: Installazione e Gestione
Lezione WordPress Università degli Studi di Milano: Installazione e Gestione
 
Introduzione a Wordpress
Introduzione a WordpressIntroduzione a Wordpress
Introduzione a Wordpress
 
WordPress, CMS/Blog per “tutte” le esigenze
WordPress, CMS/Blog per “tutte” le esigenzeWordPress, CMS/Blog per “tutte” le esigenze
WordPress, CMS/Blog per “tutte” le esigenze
 
WordPress 101 – Freelance Day - 24 ottobre 2015
WordPress 101 – Freelance Day - 24 ottobre 2015WordPress 101 – Freelance Day - 24 ottobre 2015
WordPress 101 – Freelance Day - 24 ottobre 2015
 
Realizzare un sito con Wordpress come installazione pulità
Realizzare un sito con Wordpress come installazione pulitàRealizzare un sito con Wordpress come installazione pulità
Realizzare un sito con Wordpress come installazione pulità
 
Creare un sito con WordPress
Creare un sito con WordPressCreare un sito con WordPress
Creare un sito con WordPress
 
Introduzione a WordPress
Introduzione a WordPressIntroduzione a WordPress
Introduzione a WordPress
 
Wordpress
WordpressWordpress
Wordpress
 
Corso base wordpress
Corso base wordpressCorso base wordpress
Corso base wordpress
 
Usiamo bene WordPress
Usiamo bene WordPressUsiamo bene WordPress
Usiamo bene WordPress
 
Differenza tra WordPress.org e WordPress.com
Differenza tra WordPress.org e WordPress.comDifferenza tra WordPress.org e WordPress.com
Differenza tra WordPress.org e WordPress.com
 
Sicurezza WordPress: rendere il tuo sito sicuro in 10 passi
Sicurezza WordPress: rendere il tuo sito sicuro in 10 passiSicurezza WordPress: rendere il tuo sito sicuro in 10 passi
Sicurezza WordPress: rendere il tuo sito sicuro in 10 passi
 
Wordpress la guida
Wordpress la guidaWordpress la guida
Wordpress la guida
 
Digital curation con Scoop.it
Digital curation con Scoop.itDigital curation con Scoop.it
Digital curation con Scoop.it
 
WordPress - corso base
WordPress - corso baseWordPress - corso base
WordPress - corso base
 
9. CMS e online site builders
9. CMS e online site builders9. CMS e online site builders
9. CMS e online site builders
 

Similar to Corso Web 2.0: Diario di viaggio

Introduzione a wordpress aprile 2015_Informatica solidale
Introduzione a wordpress aprile 2015_Informatica solidaleIntroduzione a wordpress aprile 2015_Informatica solidale
Introduzione a wordpress aprile 2015_Informatica solidaleClaudio Tancini
 
WordPress LD07
WordPress LD07WordPress LD07
WordPress LD07Giacomo
 
Bloggando con WordPress
Bloggando con WordPressBloggando con WordPress
Bloggando con WordPressGiacomo
 
2 Esercitazione (18/19)
2 Esercitazione (18/19)2 Esercitazione (18/19)
2 Esercitazione (18/19)Andrea Gorrini
 
WordPress: creare e gestire un sito gratuitamente e senza essere un esperto
WordPress: creare e gestire un sito gratuitamente e senza essere un espertoWordPress: creare e gestire un sito gratuitamente e senza essere un esperto
WordPress: creare e gestire un sito gratuitamente e senza essere un espertoBoris Amico
 
Come estendere WordPress all'infinito.
Come estendere WordPress all'infinito.Come estendere WordPress all'infinito.
Come estendere WordPress all'infinito.Marco De Sangro
 
Distribuire i contenuti generati dagli utenti
Distribuire i contenuti generati dagli utentiDistribuire i contenuti generati dagli utenti
Distribuire i contenuti generati dagli utentiMarco Palazzo
 
08 - WordPress e il vostro blog
08 - WordPress e il vostro blog08 - WordPress e il vostro blog
08 - WordPress e il vostro blogGiuseppe Vizzari
 
6 - Wordpress e vostro blog
6 - Wordpress e vostro blog6 - Wordpress e vostro blog
6 - Wordpress e vostro blogGiuseppe Vizzari
 
9 - WordPress e il vostro blog - 16/17
9 - WordPress e il vostro blog - 16/179 - WordPress e il vostro blog - 16/17
9 - WordPress e il vostro blog - 16/17Giuseppe Vizzari
 
Wordpress 3/7. temi e plugin
Wordpress 3/7. temi e pluginWordpress 3/7. temi e plugin
Wordpress 3/7. temi e pluginCity Planner
 
9 - Wordpress e il vostro blog
9 - Wordpress e il vostro blog9 - Wordpress e il vostro blog
9 - Wordpress e il vostro blogGiuseppe Vizzari
 
Seo e Web Marketing - 4 | WebMaster & WebDesigner
Seo e Web Marketing - 4 | WebMaster & WebDesigner Seo e Web Marketing - 4 | WebMaster & WebDesigner
Seo e Web Marketing - 4 | WebMaster & WebDesigner Matteo Magni
 
Buddypress Social Network - Paolo Maffei @ Wordcamp 2010
Buddypress Social Network - Paolo Maffei @ Wordcamp 2010Buddypress Social Network - Paolo Maffei @ Wordcamp 2010
Buddypress Social Network - Paolo Maffei @ Wordcamp 2010Web che Funziona
 
Seo e Web Marketing - 4 | WebMaster & WebDesigner
 Seo e Web Marketing - 4 | WebMaster & WebDesigner Seo e Web Marketing - 4 | WebMaster & WebDesigner
Seo e Web Marketing - 4 | WebMaster & WebDesignerMatteo Magni
 
Aruba SuperSite - FOCUS: Crea il tuo sito, sarà fenomenale!
Aruba SuperSite - FOCUS: Crea il tuo sito, sarà fenomenale!Aruba SuperSite - FOCUS: Crea il tuo sito, sarà fenomenale!
Aruba SuperSite - FOCUS: Crea il tuo sito, sarà fenomenale!Aruba S.p.A.
 

Similar to Corso Web 2.0: Diario di viaggio (20)

Plugin per Wordpress
Plugin per WordpressPlugin per Wordpress
Plugin per Wordpress
 
Introduzione a wordpress aprile 2015_Informatica solidale
Introduzione a wordpress aprile 2015_Informatica solidaleIntroduzione a wordpress aprile 2015_Informatica solidale
Introduzione a wordpress aprile 2015_Informatica solidale
 
WordPress LD07
WordPress LD07WordPress LD07
WordPress LD07
 
Bloggando con WordPress
Bloggando con WordPressBloggando con WordPress
Bloggando con WordPress
 
2 Esercitazione (18/19)
2 Esercitazione (18/19)2 Esercitazione (18/19)
2 Esercitazione (18/19)
 
WordPress: creare e gestire un sito gratuitamente e senza essere un esperto
WordPress: creare e gestire un sito gratuitamente e senza essere un espertoWordPress: creare e gestire un sito gratuitamente e senza essere un esperto
WordPress: creare e gestire un sito gratuitamente e senza essere un esperto
 
Come estendere WordPress all'infinito.
Come estendere WordPress all'infinito.Come estendere WordPress all'infinito.
Come estendere WordPress all'infinito.
 
Distribuire i contenuti generati dagli utenti
Distribuire i contenuti generati dagli utentiDistribuire i contenuti generati dagli utenti
Distribuire i contenuti generati dagli utenti
 
08 - WordPress e il vostro blog
08 - WordPress e il vostro blog08 - WordPress e il vostro blog
08 - WordPress e il vostro blog
 
6 - Wordpress e vostro blog
6 - Wordpress e vostro blog6 - Wordpress e vostro blog
6 - Wordpress e vostro blog
 
9 - WordPress e il vostro blog - 16/17
9 - WordPress e il vostro blog - 16/179 - WordPress e il vostro blog - 16/17
9 - WordPress e il vostro blog - 16/17
 
Flash vs jQuery
Flash vs jQueryFlash vs jQuery
Flash vs jQuery
 
Wordpress 3/7. temi e plugin
Wordpress 3/7. temi e pluginWordpress 3/7. temi e plugin
Wordpress 3/7. temi e plugin
 
WordPress 1.pdf
WordPress 1.pdfWordPress 1.pdf
WordPress 1.pdf
 
WordPress 1.pdf
WordPress 1.pdfWordPress 1.pdf
WordPress 1.pdf
 
9 - Wordpress e il vostro blog
9 - Wordpress e il vostro blog9 - Wordpress e il vostro blog
9 - Wordpress e il vostro blog
 
Seo e Web Marketing - 4 | WebMaster & WebDesigner
Seo e Web Marketing - 4 | WebMaster & WebDesigner Seo e Web Marketing - 4 | WebMaster & WebDesigner
Seo e Web Marketing - 4 | WebMaster & WebDesigner
 
Buddypress Social Network - Paolo Maffei @ Wordcamp 2010
Buddypress Social Network - Paolo Maffei @ Wordcamp 2010Buddypress Social Network - Paolo Maffei @ Wordcamp 2010
Buddypress Social Network - Paolo Maffei @ Wordcamp 2010
 
Seo e Web Marketing - 4 | WebMaster & WebDesigner
 Seo e Web Marketing - 4 | WebMaster & WebDesigner Seo e Web Marketing - 4 | WebMaster & WebDesigner
Seo e Web Marketing - 4 | WebMaster & WebDesigner
 
Aruba SuperSite - FOCUS: Crea il tuo sito, sarà fenomenale!
Aruba SuperSite - FOCUS: Crea il tuo sito, sarà fenomenale!Aruba SuperSite - FOCUS: Crea il tuo sito, sarà fenomenale!
Aruba SuperSite - FOCUS: Crea il tuo sito, sarà fenomenale!
 

More from Roberto Polillo

Future City, Ipotesi sulla città del futuro
Future City, Ipotesi sulla città del futuroFuture City, Ipotesi sulla città del futuro
Future City, Ipotesi sulla città del futuroRoberto Polillo
 
Teaching HCI to computing students: some considerations
Teaching HCI to computing students: some considerationsTeaching HCI to computing students: some considerations
Teaching HCI to computing students: some considerationsRoberto Polillo
 
22. Conclusioni del corso
22. Conclusioni del corso22. Conclusioni del corso
22. Conclusioni del corsoRoberto Polillo
 
ICT e sviluppo sociale: alcune riflessioni
ICT e sviluppo sociale: alcune riflessioniICT e sviluppo sociale: alcune riflessioni
ICT e sviluppo sociale: alcune riflessioniRoberto Polillo
 
Editoria e industria dei media di fronte alla rivoluzione digitale
Editoria e industria dei media di fronte alla rivoluzione digitaleEditoria e industria dei media di fronte alla rivoluzione digitale
Editoria e industria dei media di fronte alla rivoluzione digitaleRoberto Polillo
 
21. Progettare per l'errore
21. Progettare per l'errore21. Progettare per l'errore
21. Progettare per l'erroreRoberto Polillo
 
20. Principi e linee guida (II)
20. Principi e linee guida (II)20. Principi e linee guida (II)
20. Principi e linee guida (II)Roberto Polillo
 
20. Principi e linee guida (I)
20. Principi e linee guida (I)20. Principi e linee guida (I)
20. Principi e linee guida (I)Roberto Polillo
 
18. Paradigmi di interazione uomo macchina (III)
18. Paradigmi di interazione uomo macchina (III)18. Paradigmi di interazione uomo macchina (III)
18. Paradigmi di interazione uomo macchina (III)Roberto Polillo
 
17. Evoluzione dei paradigmi di interazione uomo macchina (I)
17. Evoluzione dei paradigmi di interazione uomo macchina (I)17. Evoluzione dei paradigmi di interazione uomo macchina (I)
17. Evoluzione dei paradigmi di interazione uomo macchina (I)Roberto Polillo
 
16. Evoluzione dei paradigmi di interazione uomo macchina (I)
16. Evoluzione dei paradigmi di interazione uomo macchina (I)16. Evoluzione dei paradigmi di interazione uomo macchina (I)
16. Evoluzione dei paradigmi di interazione uomo macchina (I)Roberto Polillo
 
19. Le organnizzazioni sul web e segg
19. Le organnizzazioni sul web e segg19. Le organnizzazioni sul web e segg
19. Le organnizzazioni sul web e seggRoberto Polillo
 
18. Content sharing sites
18. Content sharing sites18. Content sharing sites
18. Content sharing sitesRoberto Polillo
 
17. Web feed e aggregatori
17. Web feed e aggregatori17. Web feed e aggregatori
17. Web feed e aggregatoriRoberto Polillo
 
15. Ancora sulla grafica
15. Ancora sulla grafica15. Ancora sulla grafica
15. Ancora sulla graficaRoberto Polillo
 

More from Roberto Polillo (20)

Future City, Ipotesi sulla città del futuro
Future City, Ipotesi sulla città del futuroFuture City, Ipotesi sulla città del futuro
Future City, Ipotesi sulla città del futuro
 
Teaching HCI to computing students: some considerations
Teaching HCI to computing students: some considerationsTeaching HCI to computing students: some considerations
Teaching HCI to computing students: some considerations
 
Conclusioni del corso
Conclusioni del corsoConclusioni del corso
Conclusioni del corso
 
22. Conclusioni del corso
22. Conclusioni del corso22. Conclusioni del corso
22. Conclusioni del corso
 
ICT e sviluppo sociale: alcune riflessioni
ICT e sviluppo sociale: alcune riflessioniICT e sviluppo sociale: alcune riflessioni
ICT e sviluppo sociale: alcune riflessioni
 
Editoria e industria dei media di fronte alla rivoluzione digitale
Editoria e industria dei media di fronte alla rivoluzione digitaleEditoria e industria dei media di fronte alla rivoluzione digitale
Editoria e industria dei media di fronte alla rivoluzione digitale
 
21. Progettare per l'errore
21. Progettare per l'errore21. Progettare per l'errore
21. Progettare per l'errore
 
20. Principi e linee guida (II)
20. Principi e linee guida (II)20. Principi e linee guida (II)
20. Principi e linee guida (II)
 
20. Principi e linee guida (I)
20. Principi e linee guida (I)20. Principi e linee guida (I)
20. Principi e linee guida (I)
 
18. Paradigmi di interazione uomo macchina (III)
18. Paradigmi di interazione uomo macchina (III)18. Paradigmi di interazione uomo macchina (III)
18. Paradigmi di interazione uomo macchina (III)
 
Wikipedia
WikipediaWikipedia
Wikipedia
 
Open internet
Open internetOpen internet
Open internet
 
17. Evoluzione dei paradigmi di interazione uomo macchina (I)
17. Evoluzione dei paradigmi di interazione uomo macchina (I)17. Evoluzione dei paradigmi di interazione uomo macchina (I)
17. Evoluzione dei paradigmi di interazione uomo macchina (I)
 
16. Evoluzione dei paradigmi di interazione uomo macchina (I)
16. Evoluzione dei paradigmi di interazione uomo macchina (I)16. Evoluzione dei paradigmi di interazione uomo macchina (I)
16. Evoluzione dei paradigmi di interazione uomo macchina (I)
 
20. Social networks
20. Social networks20. Social networks
20. Social networks
 
19. Le organnizzazioni sul web e segg
19. Le organnizzazioni sul web e segg19. Le organnizzazioni sul web e segg
19. Le organnizzazioni sul web e segg
 
18. Content sharing sites
18. Content sharing sites18. Content sharing sites
18. Content sharing sites
 
17. Web feed e aggregatori
17. Web feed e aggregatori17. Web feed e aggregatori
17. Web feed e aggregatori
 
15. Ancora sulla grafica
15. Ancora sulla grafica15. Ancora sulla grafica
15. Ancora sulla grafica
 
16. Social media
16. Social media16. Social media
16. Social media
 

Recently uploaded

CON OCCHI DIVERSI - catechesi per candidati alla Cresima
CON OCCHI DIVERSI - catechesi per candidati alla CresimaCON OCCHI DIVERSI - catechesi per candidati alla Cresima
CON OCCHI DIVERSI - catechesi per candidati alla CresimaRafael Figueredo
 
lezione di fisica_I moti nel piano_Amaldi
lezione di fisica_I moti nel piano_Amaldilezione di fisica_I moti nel piano_Amaldi
lezione di fisica_I moti nel piano_Amaldivaleriodinoia35
 
Esperimenti_laboratorio di fisica per la scuola superiore
Esperimenti_laboratorio di fisica per la scuola superioreEsperimenti_laboratorio di fisica per la scuola superiore
Esperimenti_laboratorio di fisica per la scuola superiorevaleriodinoia35
 
Corso di digitalizzazione e reti per segretario amministrativo
Corso di digitalizzazione e reti per segretario amministrativoCorso di digitalizzazione e reti per segretario amministrativo
Corso di digitalizzazione e reti per segretario amministrativovaleriodinoia35
 
RICERCA_SUGLI ANFIBI PER LA PRIMA MEDIA.
RICERCA_SUGLI ANFIBI PER LA PRIMA MEDIA.RICERCA_SUGLI ANFIBI PER LA PRIMA MEDIA.
RICERCA_SUGLI ANFIBI PER LA PRIMA MEDIA.giuliofiorerm
 
XI Lezione - Arabo LAR Giath Rammo @ Libera Accademia Romana
XI Lezione - Arabo LAR Giath Rammo @ Libera Accademia RomanaXI Lezione - Arabo LAR Giath Rammo @ Libera Accademia Romana
XI Lezione - Arabo LAR Giath Rammo @ Libera Accademia RomanaStefano Lariccia
 
IL CHIAMATO ALLA CONVERSIONE - catechesi per candidati alla Cresima
IL CHIAMATO ALLA CONVERSIONE - catechesi per candidati alla CresimaIL CHIAMATO ALLA CONVERSIONE - catechesi per candidati alla Cresima
IL CHIAMATO ALLA CONVERSIONE - catechesi per candidati alla CresimaRafael Figueredo
 
XIII Lezione - Arabo G.Rammo @ Libera Accademia Romana
XIII Lezione - Arabo G.Rammo @ Libera Accademia RomanaXIII Lezione - Arabo G.Rammo @ Libera Accademia Romana
XIII Lezione - Arabo G.Rammo @ Libera Accademia RomanaStefano Lariccia
 
San Giorgio e la leggenda del drago.pptx
San Giorgio e la leggenda del drago.pptxSan Giorgio e la leggenda del drago.pptx
San Giorgio e la leggenda del drago.pptxMartin M Flynn
 

Recently uploaded (9)

CON OCCHI DIVERSI - catechesi per candidati alla Cresima
CON OCCHI DIVERSI - catechesi per candidati alla CresimaCON OCCHI DIVERSI - catechesi per candidati alla Cresima
CON OCCHI DIVERSI - catechesi per candidati alla Cresima
 
lezione di fisica_I moti nel piano_Amaldi
lezione di fisica_I moti nel piano_Amaldilezione di fisica_I moti nel piano_Amaldi
lezione di fisica_I moti nel piano_Amaldi
 
Esperimenti_laboratorio di fisica per la scuola superiore
Esperimenti_laboratorio di fisica per la scuola superioreEsperimenti_laboratorio di fisica per la scuola superiore
Esperimenti_laboratorio di fisica per la scuola superiore
 
Corso di digitalizzazione e reti per segretario amministrativo
Corso di digitalizzazione e reti per segretario amministrativoCorso di digitalizzazione e reti per segretario amministrativo
Corso di digitalizzazione e reti per segretario amministrativo
 
RICERCA_SUGLI ANFIBI PER LA PRIMA MEDIA.
RICERCA_SUGLI ANFIBI PER LA PRIMA MEDIA.RICERCA_SUGLI ANFIBI PER LA PRIMA MEDIA.
RICERCA_SUGLI ANFIBI PER LA PRIMA MEDIA.
 
XI Lezione - Arabo LAR Giath Rammo @ Libera Accademia Romana
XI Lezione - Arabo LAR Giath Rammo @ Libera Accademia RomanaXI Lezione - Arabo LAR Giath Rammo @ Libera Accademia Romana
XI Lezione - Arabo LAR Giath Rammo @ Libera Accademia Romana
 
IL CHIAMATO ALLA CONVERSIONE - catechesi per candidati alla Cresima
IL CHIAMATO ALLA CONVERSIONE - catechesi per candidati alla CresimaIL CHIAMATO ALLA CONVERSIONE - catechesi per candidati alla Cresima
IL CHIAMATO ALLA CONVERSIONE - catechesi per candidati alla Cresima
 
XIII Lezione - Arabo G.Rammo @ Libera Accademia Romana
XIII Lezione - Arabo G.Rammo @ Libera Accademia RomanaXIII Lezione - Arabo G.Rammo @ Libera Accademia Romana
XIII Lezione - Arabo G.Rammo @ Libera Accademia Romana
 
San Giorgio e la leggenda del drago.pptx
San Giorgio e la leggenda del drago.pptxSan Giorgio e la leggenda del drago.pptx
San Giorgio e la leggenda del drago.pptx
 

Corso Web 2.0: Diario di viaggio

  • 1. Teorie e Tecniche della Comunicazione a.a. 2008/2009 Diario di Viaggio (WORDPRESS) Design dell'Interazione Prof. Roberto Polillo Autori: Bescapé Luana Locati Laura Macciò Samuele
  • 2. Piattaforma blog scritta in PHP, creata da Matt Mullenweg, attualmente distribuita con la licenza GNU General Public License. Si può scaricare liberamente, l'ultima versione è la 2.6.3 (23 Ottobre 2008) Caratteristiche: * Gestione delle pagine a template * Supporto a plugin esterni * Gestione delle categorie * Editor WYSIWYG per la formattazione dei testi * Creazione di pagine statiche * Supporto multi-autori * Log degli utenti che visitano il blog * Possibilità di specificare meta-tag
  • 3. WordPress.com Piattaforma di blogging basata su WordPress multi-user (simile a quella che si può scaricare da WordPress.org). Ha qualche funzionalità in più, ma anche una serie di restrizioni per gli utenti: ● impossibilità di utilizzare temi diversi da quelli offerti dalla piattaforma ● installare plugin. ● non consente l'uso di tecnologie quali Java, Flash, frame e form. Pro: alto grado di stabilità, permette all’utente di concentrarsi sui contenuti che vuole pubblicare senza perdere tempo con la manutenzione. Contro: si perde un sacco di tempo a trovare soluzioni alternative per poter aggirare in qualche modo le restrizioni ed arricchire il proprio blog di funzionalità e gadget.
  • 4. Organizzazione dei contenuti Abbiamo deciso di creare una pagina statica per ogni giorno di viaggio in modo che i contenuti siano maggiormente leggibili e meglio organizzati. Abbiamo creato le seguenti sezioni: Home (defalut), una pagina per ogni giorno di viaggio e una sezione “About”.
  • 5. Accorgimenti grafici Abbiamo scelto un tema adatto che avesse le pagine inserite nel menu principale di testata.. .. e sostituito l'immagine dell'head con una più appropriata.
  • 6. Wordpress.com e widget Wordpress.com mette a disposizione alcuni widget che offrono diverse funzionalità; alcuni permettono di integrare nel blog contenuti presenti su altri social network (delicious, flickr, vodpod, etc.)
  • 7. Wordpress.com e Wordpress.com mette a disposizione un widget per Flickr. Questo widget è di scarsa utilità in quanto permette solamente si inserire in un riquadro un numero di foto stabilito prese necessariamente a partire dalle ultime inserite (utilzzando il servizio di Feed RSS).
  • 8. Flickr permette di creare un badge (flash o html) da inserire su un sito esterno. Purtroppo Wordpress.com non permette di utilizzare animazioni flash né il codice html creato in quanto contiene istruzioni Javascript.
  • 9. Sui blog offerti da wordpress.com il modo più efficace per importare foto da flickr è quello di utilizzare il codice html generato dal social network, inserendolo nella pagina desiderata.
  • 10. Per inserire le foto nel nostro blog abbiamo però utilizzato una tecnica alternativa che ci è parsa più efficace. Abbiamo innanzi dato un tag alle foto a seconda del giorno in cui sono state scattate con il seguente risultato: Abbiamo quindi inserito, al termine del racconto giornaliero, un link a tale a pagina in modo che l'utente possa vedere la totalità delle foto scattate durante quella giornata.
  • 11. Abbiamo utilizzato gli strumenti di geotagging offerti da Flickr per creare la cartina e l'abbiamo inserita nella home page del blog mediante un collegamento esterno.
  • 12. Worpdress.com e Wordpress.com non fornisce widget che interagiscano con YouTube ma adotta per esso una politica eccezionale: pur non accettando il codice offerto dal SN è possibile inserire il semplice link alla pagina del video per visualizzare il player integrato in un qualsiasi post del blog.
  • 13. Wordpress.com e E' invece disponibile un widget per vodpod che abbiamo utilizzato nel nostro blog. Vodpod.com è una community di video sharing che raccoglie le risorse presenti su altre piattaforme Google Video, YouTube e altri aggregandoli in aree tematiche. Vodpod mette a disposizione anche un motore di ricerca che non solo scansiona l'archivio dei canali creati dagli utenti, ma lavora come meta motore indicizzando i risultati delle altre piattaforme in una stessa pagina.
  • 14. Wordpress.com e Slideshare mette a disposizione un codice specifico da inserire nei blog ospitati su wordpress.com Abbiamo dunque inserito le slide che stiamo proiettando nella sezione About del blog
  • 15. Wordpress.com e Wordpress mette a disposizione un widget per l'inserimento di testo e di tag html. Non è possibile utlizzare linguaggi di scripting e alcuni tag considerati “pericolosi” sono banditi. Abbiamo sfruttato questo widget inserendo un badge creato con facebook P.S: Abbiamo successivamente spostato i badge nella sezione autori (pagina About)
  • 16. Wordpress.com e Wordpress.com mette a disposizione un widget per del.ico.us. Abbiamo messo il nostro username e il tag appropriato dei segnalibri che volevao inserire, ottenendo il seguente riquadro:
  • 17. Il risultato del nostro lavoro è visualizzabile a questo indirizzo: http://project4ttc.wordpress.com/
  • 18. Wordpress (CMS) Per creare un blog con Wordpress non è necessario servirsi dei servizi offerti da wordpress.com. Il software è distribuito in licenza GPL (http://it.wikipedia.org/wiki/GNU_GPL ) WP è scaricabile all'indirizzo http://wordpress.org/download/ E' possibile pertanto provarlo in locale sul prorio pc o installarlo sul proprio spazio web (necessita di PHP e di MySQL).
  • 19. Wordpress e plugin Installando WP su un proprio spazio web è possbile servirsi di una miriade di plugin che estendono le funzionalità della piattaforma.
  • 20. Alcuni plugin utili per i nostri scopi: Flickr Photo Album: permette di inserire un set di foto all'interno della pagina di WP Creatore: Joe Tan WP Geo: permette di utilizzare i servizi meshup offerti da Google Maps. Creatore: Ben Huson