corso web 2.0: diario di viaggio

20
Diario di Viaggio Diario di Viaggio (WORDPRESS) Autori: Autori: Bescapé Luana Bescapé Luana Locati Laura Locati Laura Macciò Samuele Macciò Samuele Teorie e Tecniche della Comunicazione Teorie e Tecniche della Comunicazione a.a. 2008/2009 a.a. 2008/2009 Design dell'Interazione Design dell'Interazione Prof. Roberto Polillo Prof. Roberto Polillo

Upload: roberto-polillo

Post on 13-Jun-2015

2.296 views

Category:

Education


1 download

DESCRIPTION

Prototipo di diario di viaggio con Wordpress. Presentazione nell'ambito del corso sul Web 2.0 tenuto all'Università di Milano Bicocca. Vedi anche www.corsoweb20polillo.blogspot.com

TRANSCRIPT

Page 1: Corso Web 2.0: Diario di viaggio

Diario di ViaggioDiario di Viaggio(WORDPRESS)

Autori: Autori: Bescapé LuanaBescapé LuanaLocati LauraLocati Laura

Macciò Samuele Macciò Samuele

Teorie e Tecniche della Comunicazione Teorie e Tecniche della Comunicazione a.a. 2008/2009a.a. 2008/2009

Design dell'InterazioneDesign dell'InterazioneProf. Roberto PolilloProf. Roberto Polillo

Page 2: Corso Web 2.0: Diario di viaggio

Piattaforma blog scritta in PHP, creata da Matt Mullenweg, attualmente Piattaforma blog scritta in PHP, creata da Matt Mullenweg, attualmente distribuita con la licenza GNU General Public License.distribuita con la licenza GNU General Public License.Si può scaricare liberamente, l'ultima versione è la 2.6.3 (23 Ottobre 2008) Si può scaricare liberamente, l'ultima versione è la 2.6.3 (23 Ottobre 2008)

Caratteristiche:Caratteristiche:

* Gestione delle pagine a template* Gestione delle pagine a template

* * Supporto a plugin esterniSupporto a plugin esterni * Gestione delle categorie* Gestione delle categorie * Editor WYSIWYG per la formattazione dei testi* Editor WYSIWYG per la formattazione dei testi * Creazione di pagine statiche* Creazione di pagine statiche * Supporto multi-autori* Supporto multi-autori * Log degli utenti che visitano il blog* Log degli utenti che visitano il blog * Possibilità di specificare meta-tag* Possibilità di specificare meta-tag

Page 3: Corso Web 2.0: Diario di viaggio

WordPress.comWordPress.comPiattaforma di blogging basata su Piattaforma di blogging basata su WordPress multi-user WordPress multi-user (simile a quella (simile a quella che si può scaricare da WordPress.org). che si può scaricare da WordPress.org).

Ha qualche funzionalità in più, ma anche una serie diHa qualche funzionalità in più, ma anche una serie di restrizioni per gli restrizioni per gli utenti:utenti: ● impossibilità di impossibilità di utilizzare temi diversiutilizzare temi diversi da quelli offerti dalla piattaforma da quelli offerti dalla piattaforma● installare plugin. installare plugin. ● non consente l'uso di tecnologie quali Java, Flash, frame e form.non consente l'uso di tecnologie quali Java, Flash, frame e form.

Pro:Pro: alto grado di stabilità, permette all’utente di concentrarsi sui alto grado di stabilità, permette all’utente di concentrarsi sui contenuti che vuole pubblicare senza perdere tempo con la contenuti che vuole pubblicare senza perdere tempo con la manutenzione.manutenzione. Contro:Contro: si perde un sacco di tempo a trovare soluzioni alternative per si perde un sacco di tempo a trovare soluzioni alternative per poter aggirare in qualche modo le restrizioni ed arricchire il proprio blog poter aggirare in qualche modo le restrizioni ed arricchire il proprio blog di funzionalità e gadget.di funzionalità e gadget.

Page 4: Corso Web 2.0: Diario di viaggio

Abbiamo deciso di creare una pagina statica per ogni giorno di viaggio in Abbiamo deciso di creare una pagina statica per ogni giorno di viaggio in modo che i contenuti siano maggiormente leggibili e meglio organizzati.modo che i contenuti siano maggiormente leggibili e meglio organizzati.

Organizzazione dei contenutiOrganizzazione dei contenuti

Abbiamo creato le seguenti sezioni: Abbiamo creato le seguenti sezioni: HomeHome (defalut), una pagina per ogni (defalut), una pagina per ogni giorno di viaggio e una sezione “About”.giorno di viaggio e una sezione “About”.

Page 5: Corso Web 2.0: Diario di viaggio

Abbiamo scelto un tema adatto che avesse le pagine inserite nel menu Abbiamo scelto un tema adatto che avesse le pagine inserite nel menu principale di testata..principale di testata..

Accorgimenti graficiAccorgimenti grafici

.. e sostituito l'immagine dell'head con una più appropriata... e sostituito l'immagine dell'head con una più appropriata.

Page 6: Corso Web 2.0: Diario di viaggio

Wordpress.com mette a disposizione alcuni widget che offrono diverse Wordpress.com mette a disposizione alcuni widget che offrono diverse funzionalità; alcuni permettono di integrare nel blog contenuti presenti su funzionalità; alcuni permettono di integrare nel blog contenuti presenti su altri social network (delicious, flickr, vodpod, etc.) altri social network (delicious, flickr, vodpod, etc.)

Wordpress.com e widgetWordpress.com e widget

Page 7: Corso Web 2.0: Diario di viaggio

Wordpress.com mette a disposizione un widget Wordpress.com mette a disposizione un widget per Flickr.per Flickr.

Questo widget è di scarsa utilità in quanto Questo widget è di scarsa utilità in quanto permette solamente si inserire in un riquadro un permette solamente si inserire in un riquadro un numero di foto stabilito prese necessariamente numero di foto stabilito prese necessariamente a partire dalle ultime inserite (utilzzando il a partire dalle ultime inserite (utilzzando il servizio di Feed RSS).servizio di Feed RSS).

Wordpress.com eWordpress.com e

Page 8: Corso Web 2.0: Diario di viaggio

Flickr permette di creare un badge (flash o html) da inserire su un sito Flickr permette di creare un badge (flash o html) da inserire su un sito esterno. Purtroppo Wordpress.com non permette di utilizzare animazioni esterno. Purtroppo Wordpress.com non permette di utilizzare animazioni flash né il codice html creato in quanto contiene istruzioni Javascript. flash né il codice html creato in quanto contiene istruzioni Javascript.

Page 9: Corso Web 2.0: Diario di viaggio

Sui blog offerti da wordpress.com il modo più efficace per importare Sui blog offerti da wordpress.com il modo più efficace per importare foto da flickr è quello di utilizzare il codice html generato dal social foto da flickr è quello di utilizzare il codice html generato dal social network, inserendolo nella pagina desiderata.network, inserendolo nella pagina desiderata.

Page 10: Corso Web 2.0: Diario di viaggio

Per inserire le foto nel nostro blog abbiamo però utilizzato una Per inserire le foto nel nostro blog abbiamo però utilizzato una tecnica alternativa che ci è parsa più efficace. Abbiamo innanzi dato 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 un tag alle foto a seconda del giorno in cui sono state scattate con il seguente risultato: seguente risultato:

Abbiamo quindi inserito, al termine del racconto giornaliero, un link Abbiamo quindi inserito, al termine del racconto giornaliero, un link a tale a pagina in modo che l'utente possa vedere la totalità delle a tale a pagina in modo che l'utente possa vedere la totalità delle foto scattate durante quella giornata.foto scattate durante quella giornata.

Page 11: Corso Web 2.0: Diario di viaggio

Abbiamo utilizzato gli strumenti di geotagging offerti da Flickr per creare la Abbiamo utilizzato gli strumenti di geotagging offerti da Flickr per creare la cartina e l'abbiamo inserita nella home page del blog mediante un cartina e l'abbiamo inserita nella home page del blog mediante un collegamento esterno.collegamento esterno.

Page 12: Corso Web 2.0: Diario di viaggio

Wordpress.com non fornisce widget che interagiscano con YouTube ma Wordpress.com non fornisce widget che interagiscano con YouTube ma adotta per esso una politica eccezionale: pur non accettando il codice adotta per esso una politica eccezionale: pur non accettando il codice offerto dal SN è possibile inserire il semplice link alla pagina del video per offerto dal SN è possibile inserire il semplice link alla pagina del video per visualizzare il player integrato in un qualsiasi post del blog.visualizzare il player integrato in un qualsiasi post del blog.

Worpdress.com eWorpdress.com e

Page 13: Corso Web 2.0: Diario di viaggio

Wordpress.com eWordpress.com e E' invece disponibile un widget per E' invece disponibile un widget per vodpod che abbiamo utilizzato nel vodpod che abbiamo utilizzato nel nostro blog.nostro blog.

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

Vodpod mette a disposizione anche Vodpod mette a disposizione anche un motore di ricerca che non solo un motore di ricerca che non solo scansiona l'archivio dei canali creati scansiona l'archivio dei canali creati dagli utenti, ma lavora come meta dagli utenti, ma lavora come meta motore indicizzando i risultati delle motore indicizzando i risultati delle altre piattaforme in una stessa altre piattaforme in una stessa pagina.pagina.

Page 14: Corso Web 2.0: Diario di viaggio

Wordpress.com e Wordpress.com e

Slideshare mette a disposizione un codice Slideshare mette a disposizione un codice specifico da inserire nei blog ospitati su specifico da inserire nei blog ospitati su wordpress.comwordpress.com

Abbiamo dunque inserito le slide che stiamo proiettando nella sezione About del blog

Page 15: Corso Web 2.0: Diario di viaggio

Wordpress mette a disposizione un Wordpress mette a disposizione un widget per l'inserimento di testo e di widget per l'inserimento di testo e di tag html. Non è possibile utlizzare tag html. Non è possibile utlizzare linguaggi di scripting e alcuni tag linguaggi di scripting e alcuni tag considerati “pericolosi” sono banditi.considerati “pericolosi” sono banditi.

Wordpress.com e Wordpress.com e

Abbiamo sfruttato questo widget inserendo un badge creato con facebookAbbiamo sfruttato questo widget inserendo un badge creato con facebook

P.S: Abbiamo successivamente spostato i badge nella sezione autori (pagina About)P.S: Abbiamo successivamente spostato i badge nella sezione autori (pagina About)

Page 16: Corso Web 2.0: Diario di viaggio

Wordpress.com mette a disposizione un Wordpress.com mette a disposizione un widget per del.ico.us.widget per del.ico.us.

Abbiamo messo il nostro username e il tag Abbiamo messo il nostro username e il tag appropriato dei segnalibri che volevao appropriato dei segnalibri che volevao inserire, ottenendo il seguente riquadro:inserire, ottenendo il seguente riquadro:

Wordpress.com e Wordpress.com e

Page 17: Corso Web 2.0: Diario di viaggio

Il risultato del nostro lavoro è visualizzabile a questo indirizzo:Il risultato del nostro lavoro è visualizzabile a questo indirizzo:http://project4ttc.wordpress.com/http://project4ttc.wordpress.com/

Page 18: Corso Web 2.0: Diario di viaggio

Per creare un blog con Wordpress non è necessario servirsi dei servizi Per creare un blog con Wordpress non è necessario servirsi dei servizi offerti da wordpress.com. Il software è distribuito in licenza GPL offerti da wordpress.com. Il software è distribuito in licenza GPL ((http://it.wikipedia.org/wiki/GNU_GPLhttp://it.wikipedia.org/wiki/GNU_GPL ) )

WP è scaricabile all'indirizzo WP è scaricabile all'indirizzo http://wordpress.org/download/http://wordpress.org/download/

E' possibile pertanto provarlo in locale sul prorio pc o installarlo sul E' possibile pertanto provarlo in locale sul prorio pc o installarlo sul proprio spazio web (necessita di PHP e di MySQL).proprio spazio web (necessita di PHP e di MySQL).

Wordpress (CMS)Wordpress (CMS)

Page 19: Corso Web 2.0: Diario di viaggio

Installando WP su un proprio spazio web è possbile servirsi di una Installando WP su un proprio spazio web è possbile servirsi di una miriade di plugin che estendono le funzionalità della piattaforma.miriade di plugin che estendono le funzionalità della piattaforma.

Wordpress e pluginWordpress e plugin

Page 20: Corso Web 2.0: Diario di viaggio

Alcuni plugin utili per i nostri scopi:

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

Creatore: Joe Tan Creatore: Joe Tan

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

Creatore: Ben HusonCreatore: Ben Huson