ºÝºÝߣ

ºÝºÝߣShare a Scribd company logo
TTC ¨C DESIGN DELL¡¯INTERAZIONE (MODULO 2) Debora Gerini ¨C Simone Giansante ¨C Donatella Tansini Presentazione a cura di Debora Gerini Simone Giansante Donatella Tansin i
TTC ¨C DESIGN DELL¡¯INTERAZIONE (MODULO 2) Debora Gerini ¨C Simone Giansante ¨C Donatella Tansini La presentazione sar¨¤ divisa in tre parti: Nella prima parte verr¨¤ illustrato  come costruire un blog  con blogger e le  funzionalit¨¤  dello strumento La seconda parte verter¨¤ sul nostro progetto del  blog delle vacanze Nella terza parte si metter¨¤ a confronto lo strumento utilizzato da noi,  blogger, con msn
TTC ¨C DESIGN DELL¡¯INTERAZIONE (MODULO 2) Debora Gerini ¨C Simone Giansante ¨C Donatella Tansini
TTC ¨C DESIGN DELL¡¯INTERAZIONE (MODULO 2) Debora Gerini ¨C Simone Giansante ¨C Donatella Tansini Storia Blogger nasce come progetto amatoriale nell¡¯ agosto 1999  a San Francisco, in una piccola societ¨¤, la Pyra Labs. Nel 2002 viene acquistata da  Googl e. Blogger ¨¨ uno strumento di google per la pubblicazione di blog. Essendo uno strumento molto semplice da usare ¨¨ l¡¯ideale per un  utente alla prime armi Blogger ¨¨ presente in  41 lingue Per l¡¯arabo, l¡¯ebraico e il persiano ¨¨ possibile formattarlo con visualizzazione da destra a sinistra!
TTC ¨C DESIGN DELL¡¯INTERAZIONE (MODULO 2) Debora Gerini ¨C Simone Giansante ¨C Donatella Tansini 1. Accedi Per accedere a Blogger ¨¨ necessario avere un account Google.  Se non lo si possiede ¨¨ possibile effettuarlo dal sito stesso
TTC ¨C DESIGN DELL¡¯INTERAZIONE (MODULO 2) Debora Gerini ¨C Simone Giansante ¨C Donatella Tansini Blogger e open id L¡¯account di Google pu¨° essere utilizzato come OpenID o si pu¨° inserire un OpenID gi¨¤ esistente. Se si utilizza OpenId possono lasciare commenti sul blog non solo coloro iscritti a Google ma anche gli utenti OpenID
TTC ¨C DESIGN DELL¡¯INTERAZIONE (MODULO 2) Debora Gerini ¨C Simone Giansante ¨C Donatella Tansini 2. Informati In home page ¨¨ presente una  spiegazione guidata  di cosa sia un blog( molto semplice per chi ¨¨ a digiuno)  e un utile Tour sulle  funzioni  di Blogger( per chi sa gi¨¤ qualcosa) Molto interessante il  feedback  su guida help
TTC ¨C DESIGN DELL¡¯INTERAZIONE (MODULO 2) Debora Gerini ¨C Simone Giansante ¨C Donatella Tansini 3. Inizia a creare Nella home page ¨¨ presente una creazione guidata attraverso 3 semplici pas si Curiosit¨¤:  in home page sono presenti i blog aggiornati in quel momento altro>> Blog pi¨´ interessanti e archivi dal 2001 ad ora
TTC ¨C DESIGN DELL¡¯INTERAZIONE (MODULO 2) Debora Gerini ¨C Simone Giansante ¨C Donatella Tansini 1. Crea un account 2. Scegli un nome Ospita il tuo blog  su un altro sito : dare dettagli server Importa un blog : importare i post di un blog in un altro (automatica o selezionando).  Non viene modificato il templeate  Decidere il titolo e l¡¯indirizzo verificandone la disponibilit¨¤
TTC ¨C DESIGN DELL¡¯INTERAZIONE (MODULO 2) Debora Gerini ¨C Simone Giansante ¨C Donatella Tansini 3. Scegli un modello E¡¯ possibile utilizzare delle strutture predefinite senza conoscere Html. Blogger ti permette di modificare il codice html in qualsiasi momento
TTC ¨C DESIGN DELL¡¯INTERAZIONE (MODULO 2) Debora Gerini ¨C Simone Giansante ¨C Donatella Tansini Autori del blog Il blog pu¨° avere fino a 100 autori, l¡¯amministratore (account google) pu¨° invitare altri autori via mail
TTC ¨C DESIGN DELL¡¯INTERAZIONE (MODULO 2) Debora Gerini ¨C Simone Giansante ¨C Donatella Tansini Impostazioni_ Descrizione e blogspot E¡¯ possibile inserire una descrizione  (head) e un indirizzo personalizzato
TTC ¨C DESIGN DELL¡¯INTERAZIONE (MODULO 2) Debora Gerini ¨C Simone Giansante ¨C Donatella Tansini Impostazioni_ Moderazione commenti Lasciando la mail si pu¨° revisionare i commenti prima che vangano pubblicati e quando una persona non iscritta lascia un commento al blog
TTC ¨C DESIGN DELL¡¯INTERAZIONE (MODULO 2) Debora Gerini ¨C Simone Giansante ¨C Donatella Tansini Impostazioni_ Blog send e  Mail 2 blogger Blog send : inserire max 10 indirizzi a cui mandare mail ogni volta che blog modificato Mail2Blogger :  [email_address] Si pu¨° postare sul blog mandando una mail direttamente da questo indirizzo
TTC ¨C DESIGN DELL¡¯INTERAZIONE (MODULO 2) Debora Gerini ¨C Simone Giansante ¨C Donatella Tansini Layout e intestazione Si pu¨° modificare il layout della pagina (trascinando elementi) e configurare l¡¯intestazione definendo il titolo, la descrizione e immagine
TTC ¨C DESIGN DELL¡¯INTERAZIONE (MODULO 2) Debora Gerini ¨C Simone Giansante ¨C Donatella Tansini Layout e post Elemeti modificabili: autore, data, numero post, commenti, etichette(tag), quick edit, reazioni  Disposizione elementi trascinandoli
TTC ¨C DESIGN DELL¡¯INTERAZIONE (MODULO 2) Debora Gerini ¨C Simone Giansante ¨C Donatella Tansini Layout e gadget E¡¯ possibile inserire gadget scegliendoli tra gadget base o in diverse categorie  (news, comunicazione, tecnologie, lifestyle¡­) Purtroppo molti non funzionavano Modificare nome, altezza e vederne anteprima
TTC ¨C DESIGN DELL¡¯INTERAZIONE (MODULO 2) Debora Gerini ¨C Simone Giansante ¨C Donatella Tansini Lettori fissie archivio blog E¡¯ possibile rinominare  Lettori Fissi  e visualizza anteprima dell¡¯elemento (decidere se rimuoverlo) Archivio blog : titolo, stile, frequenza archiviazione, data e anteprima
TTC ¨C DESIGN DELL¡¯INTERAZIONE (MODULO 2) Debora Gerini ¨C Simone Giansante ¨C Donatella Tansini Caratteri e colori Sono personalizzabili i colori e i caratteri della pagina, del testo, della data, del titolo, dei link, della descrizione in head, della side bar. Il programma visualizza i colori che gi¨¤ utilizzati e suggerisce colori affini.
TTC ¨C DESIGN DELL¡¯INTERAZIONE (MODULO 2) Debora Gerini ¨C Simone Giansante ¨C Donatella Tansini AdSense Tramite AdSense si autorizza Google a pubblicare pubblicit¨¤ (max 3 annunci) sul proprio blog (decidendo dove posizionarla). Google decide in base al contenuto del blog quali annunci pubblicare (garantisce appropriatezza e revisione) Ogni volta che qualcuno visualizza o fa click sull¡¯annuncio si guadagnano soldi. Se si fa click su proprio annuncio viene disattivato account Regolamento completo
TTC ¨C DESIGN DELL¡¯INTERAZIONE (MODULO 2) Debora Gerini ¨C Simone Giansante ¨C Donatella Tansini Iniziamo a postare¡­ Cliccando su post (in alto a sinistra) si inizia a postare sul blog. Definire titolo, testo, etichette e opzioni post (commenti lettori e data) Quando si inserisce immagine o un video (da computer o web) si pu¨° definire la posizione rispetto al testo e  le dimensioni
TTC ¨C DESIGN DELL¡¯INTERAZIONE (MODULO 2) Debora Gerini ¨C Simone Giansante ¨C Donatella Tansini
TTC ¨C DESIGN DELL¡¯INTERAZIONE (MODULO 2) Debora Gerini ¨C Simone Giansante ¨C Donatella Tansini TURISTI¡­NEL CAOS
TTC ¨C DESIGN DELL¡¯INTERAZIONE (MODULO 2) Debora Gerini ¨C Simone Giansante ¨C Donatella Tansini TURISTI¡­NEL CAOS Il diario di viaggio di tre turisti, in giro per il mondo: Italia: tour della Sicilia fatto da Debora. Europa: viaggio alla volta della Spagna fatto da Simone. U.s.a: viaggio on the road tra Oklahoma e Texas fatto da Donatella. Conservare i ricordi delle nostre avventure una volta tornati  a casa.
TTC ¨C DESIGN DELL¡¯INTERAZIONE (MODULO 2) Debora Gerini ¨C Simone Giansante ¨C Donatella Tansini LA NASCITA DEL BLOG Ecco come appare l¡¯interfaccia del blog dopo aver scelto il modello del layout e aver settato le impostazioni per i colori dei testi, link, sidebar e pi¨¨ di pagina. Ora vediamone l¡¯implementazione passo a passo.
TTC ¨C DESIGN DELL¡¯INTERAZIONE (MODULO 2) Debora Gerini ¨C Simone Giansante ¨C Donatella Tansini I GADGETS Abbiamo iniziato a dar vita al nostro diario di viaggio inserendo dei gadgets utili ed interessanti rispetto al tema del blog. Nella sidebar sono presenti: Collegamento al sito 11870.com.  Foto del National Geographic.
TTC ¨C DESIGN DELL¡¯INTERAZIONE (MODULO 2) Debora Gerini ¨C Simone Giansante ¨C Donatella Tansini I GADGETS Video buffi e divertenti dal web. Nel pi¨¨ di pagina abbiamo messo: Google Maps. Previsioni del tempo. Calendario.
TTC ¨C DESIGN DELL¡¯INTERAZIONE (MODULO 2) Debora Gerini ¨C Simone Giansante ¨C Donatella Tansini I GADGETS
TTC ¨C DESIGN DELL¡¯INTERAZIONE (MODULO 2) Debora Gerini ¨C Simone Giansante ¨C Donatella Tansini STRUTTURA SIDEBAR Oltre ai gadgets troviamo le seguenti categorie: Lettori abituali del blog. Viaggiatori (autori del blog). Archivio del blog.
TTC ¨C DESIGN DELL¡¯INTERAZIONE (MODULO 2) Debora Gerini ¨C Simone Giansante ¨C Donatella Tansini STRUTTURA DEL FOOT Iscrizione a Post Atom. Viaggia con noi: feed Rss ai post e ai commenti.
TTC ¨C DESIGN DELL¡¯INTERAZIONE (MODULO 2) Debora Gerini ¨C Simone Giansante ¨C Donatella Tansini I CONTENUTI Abbiamo implementato il blog ¡°postando¡± le nostre foto e commenti. Vediamo come si fa in blogspot.
TTC ¨C DESIGN DELL¡¯INTERAZIONE (MODULO 2) Debora Gerini ¨C Simone Giansante ¨C Donatella Tansini ORGANIZZAZIONE DEI CONTENUTI Abbiamo suddiviso i contenuti in alcune categorie per avere una maggior coesione e unitariet¨¤ di contenuti e ciascuno di noi ha selezionato specifiche foto le seguenti categorie: Arrivo e alberghi. Cibo & Co. Panorami. Escursioni. Foto buffe e divertenti. Foto di gruppo.
TTC ¨C DESIGN DELL¡¯INTERAZIONE (MODULO 2) Debora Gerini ¨C Simone Giansante ¨C Donatella Tansini LE CATEGORIE:Arrivo Abbiamo inserito foto dell¡¯arrivo in aereoporto e/o in albergo.
TTC ¨C DESIGN DELL¡¯INTERAZIONE (MODULO 2) Debora Gerini ¨C Simone Giansante ¨C Donatella Tansini LE CATEGORIE: Cibo & Co. Per questa categoria abbiamo postato foto di ristoranti e piatti tipici dei luoghi visitati.
TTC ¨C DESIGN DELL¡¯INTERAZIONE (MODULO 2) Debora Gerini ¨C Simone Giansante ¨C Donatella Tansini LE CATEGORIE: Panorami Paesaggi e panorami mozzafiato da riguardare con vivo interesse.
TTC ¨C DESIGN DELL¡¯INTERAZIONE (MODULO 2) Debora Gerini ¨C Simone Giansante ¨C Donatella Tansini LE CATEGORIE: Escursioni Gite alla scoperta dei nostri luoghi di vacanza
TTC ¨C DESIGN DELL¡¯INTERAZIONE (MODULO 2) Debora Gerini ¨C Simone Giansante ¨C Donatella Tansini LE CATEGORIE: Foto buffe Foto buffe, curiose ed interessanti, che ritraggono soggetti o eventi originali.
TTC ¨C DESIGN DELL¡¯INTERAZIONE (MODULO 2) Debora Gerini ¨C Simone Giansante ¨C Donatella Tansini LE CATEGORIE: Foto di gruppo Non potevamo non mostrare i nostri compagni di viaggio.
TTC ¨C DESIGN DELL¡¯INTERAZIONE (MODULO 2) Debora Gerini ¨C Simone Giansante ¨C Donatella Tansini I LINKS Abbiamo inserito dei link all¡¯interno dei nostri commenti che rimandano ad altri siti web.
TTC ¨C DESIGN DELL¡¯INTERAZIONE (MODULO 2) Debora Gerini ¨C Simone Giansante ¨C Donatella Tansini I COMMENTI E¡¯ possibile lasciare dei commenti ai nostri post. Possono farlo sia gli iscritti a blogger sia chi non lo ¨¨. Inoltre abbiamo scelto di non moderarli. Vediamo come ¨¨ possibile scrivere un commento ad un post.
TTC ¨C DESIGN DELL¡¯INTERAZIONE (MODULO 2) Debora Gerini ¨C Simone Giansante ¨C Donatella Tansini LE REAZIONI Gli utenti del blog hanno la possibilit¨¤ di esprimere le loro preferenze o gusti ai post selezionando una delle voci relative alle ¡°reazioni¡±. Vediamone un esempio.
TTC ¨C DESIGN DELL¡¯INTERAZIONE (MODULO 2) Debora Gerini ¨C Simone Giansante ¨C Donatella Tansini
TTC ¨C DESIGN DELL¡¯INTERAZIONE (MODULO 2) Debora Gerini ¨C Simone Giansante ¨C Donatella Tansini BLOGGER   Vs   WINDOWS LIVE SPACES
TTC ¨C DESIGN DELL¡¯INTERAZIONE (MODULO 2) Debora Gerini ¨C Simone Giansante ¨C Donatella Tansini MULTIMEDIALITA ¡¯ Gallery di foto personalizzabile. Scelta immediata dell¡¯album fotografico da visionare. Upload Video assente, solo tramite link. Inserimento di immagini nei post insufficiente.
TTC ¨C DESIGN DELL¡¯INTERAZIONE (MODULO 2) Debora Gerini ¨C Simone Giansante ¨C Donatella Tansini PERSONALIZZAZIONE Gestione moduli da inserire nello space. Layout predefiniti. Colori personalizzabili di sfondo, caratteri, post. Aggiunta di gadget Microsoft.
TTC ¨C DESIGN DELL¡¯INTERAZIONE (MODULO 2) Debora Gerini ¨C Simone Giansante ¨C Donatella Tansini AUTORIZZAZIONI Blog molto personale: non condivisibile con altri utenti. BLOGGER: ¨¨ possibile condividere il blog con altri utente, i quali possano aggiungere post, foto e video. Possibilit¨¤ di autorizzare utenti particolari (categorie o singoli).
TTC ¨C DESIGN DELL¡¯INTERAZIONE (MODULO 2) Debora Gerini ¨C Simone Giansante ¨C Donatella Tansini COMMENTI BLOGGER : ¨¨ possibile lasciare commenti sui post, anche anonimi e senza la necessit¨¤ di iscriversi da nessuna parte MSN : non ¨¨ possibile lasciare commenti se non si possiede un account Windows Live ID
TTC ¨C DESIGN DELL¡¯INTERAZIONE (MODULO 2) Debora Gerini ¨C Simone Giansante ¨C Donatella Tansini COMPONENTI AGGIUNTIVE Con lo stesso account ¨¨ possibile accedere a numerose risorse del mondo Windows Live come: La posta di Hotmail Messenger Xbox Live
TTC ¨C DESIGN DELL¡¯INTERAZIONE (MODULO 2) Debora Gerini ¨C Simone Giansante ¨C Donatella Tansini SOFTWARE Windows Live ha inoltre una serie di componenti aggiuntive che aiutano l¡¯utente nell¡¯inserimento di post e foto senza necessariamente collegarsi al blog, ma utilizzando un software leggero e molto intuitivo. Windows Writer Raccolta foto
TTC ¨C DESIGN DELL¡¯INTERAZIONE (MODULO 2) Debora Gerini ¨C Simone Giansante ¨C Donatella Tansini CONCLUSIONI e PRO Blog con cui ¨¨ possibile usare molteplici altri strumenti Software esterno con cui ¨¨ possibile inserire immagini e post facilmente Multiutente Commenti anche anonimi, o di utenti anche non registrati Personalizzazione completa del blog Possibilit¨¤ di upload di video
Ad

Recommended

Guida operativa twitter con case study
Guida operativa twitter con case study
Alessandro Sisti
?
Test Usabilita
Test Usabilita
Debora Gerini
?
Îò͸´³²¹±¹²¹²õ³¦°ù¾±±è³Ù
Îò͸´³²¹±¹²¹²õ³¦°ù¾±±è³Ù
DoCode org
?
Mobile time
Mobile time
Debora Gerini
?
Risk reporting
Risk reporting
Debora Gerini
?
Il linguaggio dei segni
Il linguaggio dei segni
Debora Gerini
?
°ä²õ²õ±ôȨÍþÖ¸ÄÏ
°ä²õ²õ±ôȨÍþÖ¸ÄÏ
DoCode org
?
Presentation San Juan
Presentation San Juan
Kathleen Hill
?
ºÝºÝߣ Tag Grosseto
ºÝºÝߣ Tag Grosseto
Giannissimo
?
Dartheweb finale
Dartheweb finale
AlessiaVilla2
?
Comunicare nel web 2.0 (Gianni Bianchi)
Comunicare nel web 2.0 (Gianni Bianchi)
FERPI TOSCANA
?
Dispense il tuo posto sul web
Dispense il tuo posto sul web
brunotto
?
Blog Design
Blog Design
DML Srl
?
Web e Turismo | Turismo 2.0 by Stefania Fregni | GGDModena a Donne Digitali 2015
Web e Turismo | Turismo 2.0 by Stefania Fregni | GGDModena a Donne Digitali 2015
Girl Geek Dinners Modena
?
9 - WordPress e il vostro blog - 16/17
9 - WordPress e il vostro blog - 16/17
Giuseppe Vizzari
?
web 2.0 quarta parte
web 2.0 quarta parte
Angelo Panini
?
Feed_The_Algorithm - Presentazione
Feed_The_Algorithm - Presentazione
ElenaCastellani6
?
Parole. Professioni. Strumenti. - Il web writer tra Internet e social network
Parole. Professioni. Strumenti. - Il web writer tra Internet e social network
Luigi Mauriello
?
Innovazione tecnologica e informazione - Lezione 3
Innovazione tecnologica e informazione - Lezione 3
Paolo Lattanzio
?
9 - Wordpress e il vostro blog
9 - Wordpress e il vostro blog
Giuseppe Vizzari
?
08 - WordPress e il vostro blog
08 - WordPress e il vostro blog
Giuseppe Vizzari
?
Sintesi web.2 2
Sintesi web.2 2
ITG.IPSIA TRAPANI
?
Corso web marketing lezione 3: Blog
Corso web marketing lezione 3: Blog
W3design sas
?
6 - Wordpress e vostro blog
6 - Wordpress e vostro blog
Giuseppe Vizzari
?
Link Popularity: costruire un Network per aumentare i backlink spontaneamente
Link Popularity: costruire un Network per aumentare i backlink spontaneamente
Giorgio Taverniti
?
Mini guida per creare un blog con Blogger ( II )
Mini guida per creare un blog con Blogger ( II )
ele70
?
WordPress e il vostro blog - 18/19
WordPress e il vostro blog - 18/19
Giuseppe Vizzari
?
Nuove tecnologie e turismo: itinerario multimediale tra le ville storiche del...
Nuove tecnologie e turismo: itinerario multimediale tra le ville storiche del...
Aurora Ripamonti
?

More Related Content

Similar to Turisti..nel caos (20)

ºÝºÝߣ Tag Grosseto
ºÝºÝߣ Tag Grosseto
Giannissimo
?
Dartheweb finale
Dartheweb finale
AlessiaVilla2
?
Comunicare nel web 2.0 (Gianni Bianchi)
Comunicare nel web 2.0 (Gianni Bianchi)
FERPI TOSCANA
?
Dispense il tuo posto sul web
Dispense il tuo posto sul web
brunotto
?
Blog Design
Blog Design
DML Srl
?
Web e Turismo | Turismo 2.0 by Stefania Fregni | GGDModena a Donne Digitali 2015
Web e Turismo | Turismo 2.0 by Stefania Fregni | GGDModena a Donne Digitali 2015
Girl Geek Dinners Modena
?
9 - WordPress e il vostro blog - 16/17
9 - WordPress e il vostro blog - 16/17
Giuseppe Vizzari
?
web 2.0 quarta parte
web 2.0 quarta parte
Angelo Panini
?
Feed_The_Algorithm - Presentazione
Feed_The_Algorithm - Presentazione
ElenaCastellani6
?
Parole. Professioni. Strumenti. - Il web writer tra Internet e social network
Parole. Professioni. Strumenti. - Il web writer tra Internet e social network
Luigi Mauriello
?
Innovazione tecnologica e informazione - Lezione 3
Innovazione tecnologica e informazione - Lezione 3
Paolo Lattanzio
?
9 - Wordpress e il vostro blog
9 - Wordpress e il vostro blog
Giuseppe Vizzari
?
08 - WordPress e il vostro blog
08 - WordPress e il vostro blog
Giuseppe Vizzari
?
Sintesi web.2 2
Sintesi web.2 2
ITG.IPSIA TRAPANI
?
Corso web marketing lezione 3: Blog
Corso web marketing lezione 3: Blog
W3design sas
?
6 - Wordpress e vostro blog
6 - Wordpress e vostro blog
Giuseppe Vizzari
?
Link Popularity: costruire un Network per aumentare i backlink spontaneamente
Link Popularity: costruire un Network per aumentare i backlink spontaneamente
Giorgio Taverniti
?
Mini guida per creare un blog con Blogger ( II )
Mini guida per creare un blog con Blogger ( II )
ele70
?
WordPress e il vostro blog - 18/19
WordPress e il vostro blog - 18/19
Giuseppe Vizzari
?
Nuove tecnologie e turismo: itinerario multimediale tra le ville storiche del...
Nuove tecnologie e turismo: itinerario multimediale tra le ville storiche del...
Aurora Ripamonti
?
ºÝºÝߣ Tag Grosseto
ºÝºÝߣ Tag Grosseto
Giannissimo
?
Comunicare nel web 2.0 (Gianni Bianchi)
Comunicare nel web 2.0 (Gianni Bianchi)
FERPI TOSCANA
?
Dispense il tuo posto sul web
Dispense il tuo posto sul web
brunotto
?
Blog Design
Blog Design
DML Srl
?
Web e Turismo | Turismo 2.0 by Stefania Fregni | GGDModena a Donne Digitali 2015
Web e Turismo | Turismo 2.0 by Stefania Fregni | GGDModena a Donne Digitali 2015
Girl Geek Dinners Modena
?
9 - WordPress e il vostro blog - 16/17
9 - WordPress e il vostro blog - 16/17
Giuseppe Vizzari
?
Feed_The_Algorithm - Presentazione
Feed_The_Algorithm - Presentazione
ElenaCastellani6
?
Parole. Professioni. Strumenti. - Il web writer tra Internet e social network
Parole. Professioni. Strumenti. - Il web writer tra Internet e social network
Luigi Mauriello
?
Innovazione tecnologica e informazione - Lezione 3
Innovazione tecnologica e informazione - Lezione 3
Paolo Lattanzio
?
9 - Wordpress e il vostro blog
9 - Wordpress e il vostro blog
Giuseppe Vizzari
?
08 - WordPress e il vostro blog
08 - WordPress e il vostro blog
Giuseppe Vizzari
?
Corso web marketing lezione 3: Blog
Corso web marketing lezione 3: Blog
W3design sas
?
Link Popularity: costruire un Network per aumentare i backlink spontaneamente
Link Popularity: costruire un Network per aumentare i backlink spontaneamente
Giorgio Taverniti
?
Mini guida per creare un blog con Blogger ( II )
Mini guida per creare un blog con Blogger ( II )
ele70
?
WordPress e il vostro blog - 18/19
WordPress e il vostro blog - 18/19
Giuseppe Vizzari
?
Nuove tecnologie e turismo: itinerario multimediale tra le ville storiche del...
Nuove tecnologie e turismo: itinerario multimediale tra le ville storiche del...
Aurora Ripamonti
?

Turisti..nel caos

  • 1. TTC ¨C DESIGN DELL¡¯INTERAZIONE (MODULO 2) Debora Gerini ¨C Simone Giansante ¨C Donatella Tansini Presentazione a cura di Debora Gerini Simone Giansante Donatella Tansin i
  • 2. TTC ¨C DESIGN DELL¡¯INTERAZIONE (MODULO 2) Debora Gerini ¨C Simone Giansante ¨C Donatella Tansini La presentazione sar¨¤ divisa in tre parti: Nella prima parte verr¨¤ illustrato come costruire un blog con blogger e le funzionalit¨¤ dello strumento La seconda parte verter¨¤ sul nostro progetto del blog delle vacanze Nella terza parte si metter¨¤ a confronto lo strumento utilizzato da noi, blogger, con msn
  • 3. TTC ¨C DESIGN DELL¡¯INTERAZIONE (MODULO 2) Debora Gerini ¨C Simone Giansante ¨C Donatella Tansini
  • 4. TTC ¨C DESIGN DELL¡¯INTERAZIONE (MODULO 2) Debora Gerini ¨C Simone Giansante ¨C Donatella Tansini Storia Blogger nasce come progetto amatoriale nell¡¯ agosto 1999 a San Francisco, in una piccola societ¨¤, la Pyra Labs. Nel 2002 viene acquistata da Googl e. Blogger ¨¨ uno strumento di google per la pubblicazione di blog. Essendo uno strumento molto semplice da usare ¨¨ l¡¯ideale per un utente alla prime armi Blogger ¨¨ presente in 41 lingue Per l¡¯arabo, l¡¯ebraico e il persiano ¨¨ possibile formattarlo con visualizzazione da destra a sinistra!
  • 5. TTC ¨C DESIGN DELL¡¯INTERAZIONE (MODULO 2) Debora Gerini ¨C Simone Giansante ¨C Donatella Tansini 1. Accedi Per accedere a Blogger ¨¨ necessario avere un account Google. Se non lo si possiede ¨¨ possibile effettuarlo dal sito stesso
  • 6. TTC ¨C DESIGN DELL¡¯INTERAZIONE (MODULO 2) Debora Gerini ¨C Simone Giansante ¨C Donatella Tansini Blogger e open id L¡¯account di Google pu¨° essere utilizzato come OpenID o si pu¨° inserire un OpenID gi¨¤ esistente. Se si utilizza OpenId possono lasciare commenti sul blog non solo coloro iscritti a Google ma anche gli utenti OpenID
  • 7. TTC ¨C DESIGN DELL¡¯INTERAZIONE (MODULO 2) Debora Gerini ¨C Simone Giansante ¨C Donatella Tansini 2. Informati In home page ¨¨ presente una spiegazione guidata di cosa sia un blog( molto semplice per chi ¨¨ a digiuno) e un utile Tour sulle funzioni di Blogger( per chi sa gi¨¤ qualcosa) Molto interessante il feedback su guida help
  • 8. TTC ¨C DESIGN DELL¡¯INTERAZIONE (MODULO 2) Debora Gerini ¨C Simone Giansante ¨C Donatella Tansini 3. Inizia a creare Nella home page ¨¨ presente una creazione guidata attraverso 3 semplici pas si Curiosit¨¤: in home page sono presenti i blog aggiornati in quel momento altro>> Blog pi¨´ interessanti e archivi dal 2001 ad ora
  • 9. TTC ¨C DESIGN DELL¡¯INTERAZIONE (MODULO 2) Debora Gerini ¨C Simone Giansante ¨C Donatella Tansini 1. Crea un account 2. Scegli un nome Ospita il tuo blog su un altro sito : dare dettagli server Importa un blog : importare i post di un blog in un altro (automatica o selezionando). Non viene modificato il templeate Decidere il titolo e l¡¯indirizzo verificandone la disponibilit¨¤
  • 10. TTC ¨C DESIGN DELL¡¯INTERAZIONE (MODULO 2) Debora Gerini ¨C Simone Giansante ¨C Donatella Tansini 3. Scegli un modello E¡¯ possibile utilizzare delle strutture predefinite senza conoscere Html. Blogger ti permette di modificare il codice html in qualsiasi momento
  • 11. TTC ¨C DESIGN DELL¡¯INTERAZIONE (MODULO 2) Debora Gerini ¨C Simone Giansante ¨C Donatella Tansini Autori del blog Il blog pu¨° avere fino a 100 autori, l¡¯amministratore (account google) pu¨° invitare altri autori via mail
  • 12. TTC ¨C DESIGN DELL¡¯INTERAZIONE (MODULO 2) Debora Gerini ¨C Simone Giansante ¨C Donatella Tansini Impostazioni_ Descrizione e blogspot E¡¯ possibile inserire una descrizione (head) e un indirizzo personalizzato
  • 13. TTC ¨C DESIGN DELL¡¯INTERAZIONE (MODULO 2) Debora Gerini ¨C Simone Giansante ¨C Donatella Tansini Impostazioni_ Moderazione commenti Lasciando la mail si pu¨° revisionare i commenti prima che vangano pubblicati e quando una persona non iscritta lascia un commento al blog
  • 14. TTC ¨C DESIGN DELL¡¯INTERAZIONE (MODULO 2) Debora Gerini ¨C Simone Giansante ¨C Donatella Tansini Impostazioni_ Blog send e Mail 2 blogger Blog send : inserire max 10 indirizzi a cui mandare mail ogni volta che blog modificato Mail2Blogger : [email_address] Si pu¨° postare sul blog mandando una mail direttamente da questo indirizzo
  • 15. TTC ¨C DESIGN DELL¡¯INTERAZIONE (MODULO 2) Debora Gerini ¨C Simone Giansante ¨C Donatella Tansini Layout e intestazione Si pu¨° modificare il layout della pagina (trascinando elementi) e configurare l¡¯intestazione definendo il titolo, la descrizione e immagine
  • 16. TTC ¨C DESIGN DELL¡¯INTERAZIONE (MODULO 2) Debora Gerini ¨C Simone Giansante ¨C Donatella Tansini Layout e post Elemeti modificabili: autore, data, numero post, commenti, etichette(tag), quick edit, reazioni Disposizione elementi trascinandoli
  • 17. TTC ¨C DESIGN DELL¡¯INTERAZIONE (MODULO 2) Debora Gerini ¨C Simone Giansante ¨C Donatella Tansini Layout e gadget E¡¯ possibile inserire gadget scegliendoli tra gadget base o in diverse categorie (news, comunicazione, tecnologie, lifestyle¡­) Purtroppo molti non funzionavano Modificare nome, altezza e vederne anteprima
  • 18. TTC ¨C DESIGN DELL¡¯INTERAZIONE (MODULO 2) Debora Gerini ¨C Simone Giansante ¨C Donatella Tansini Lettori fissie archivio blog E¡¯ possibile rinominare Lettori Fissi e visualizza anteprima dell¡¯elemento (decidere se rimuoverlo) Archivio blog : titolo, stile, frequenza archiviazione, data e anteprima
  • 19. TTC ¨C DESIGN DELL¡¯INTERAZIONE (MODULO 2) Debora Gerini ¨C Simone Giansante ¨C Donatella Tansini Caratteri e colori Sono personalizzabili i colori e i caratteri della pagina, del testo, della data, del titolo, dei link, della descrizione in head, della side bar. Il programma visualizza i colori che gi¨¤ utilizzati e suggerisce colori affini.
  • 20. TTC ¨C DESIGN DELL¡¯INTERAZIONE (MODULO 2) Debora Gerini ¨C Simone Giansante ¨C Donatella Tansini AdSense Tramite AdSense si autorizza Google a pubblicare pubblicit¨¤ (max 3 annunci) sul proprio blog (decidendo dove posizionarla). Google decide in base al contenuto del blog quali annunci pubblicare (garantisce appropriatezza e revisione) Ogni volta che qualcuno visualizza o fa click sull¡¯annuncio si guadagnano soldi. Se si fa click su proprio annuncio viene disattivato account Regolamento completo
  • 21. TTC ¨C DESIGN DELL¡¯INTERAZIONE (MODULO 2) Debora Gerini ¨C Simone Giansante ¨C Donatella Tansini Iniziamo a postare¡­ Cliccando su post (in alto a sinistra) si inizia a postare sul blog. Definire titolo, testo, etichette e opzioni post (commenti lettori e data) Quando si inserisce immagine o un video (da computer o web) si pu¨° definire la posizione rispetto al testo e le dimensioni
  • 22. TTC ¨C DESIGN DELL¡¯INTERAZIONE (MODULO 2) Debora Gerini ¨C Simone Giansante ¨C Donatella Tansini
  • 23. TTC ¨C DESIGN DELL¡¯INTERAZIONE (MODULO 2) Debora Gerini ¨C Simone Giansante ¨C Donatella Tansini TURISTI¡­NEL CAOS
  • 24. TTC ¨C DESIGN DELL¡¯INTERAZIONE (MODULO 2) Debora Gerini ¨C Simone Giansante ¨C Donatella Tansini TURISTI¡­NEL CAOS Il diario di viaggio di tre turisti, in giro per il mondo: Italia: tour della Sicilia fatto da Debora. Europa: viaggio alla volta della Spagna fatto da Simone. U.s.a: viaggio on the road tra Oklahoma e Texas fatto da Donatella. Conservare i ricordi delle nostre avventure una volta tornati a casa.
  • 25. TTC ¨C DESIGN DELL¡¯INTERAZIONE (MODULO 2) Debora Gerini ¨C Simone Giansante ¨C Donatella Tansini LA NASCITA DEL BLOG Ecco come appare l¡¯interfaccia del blog dopo aver scelto il modello del layout e aver settato le impostazioni per i colori dei testi, link, sidebar e pi¨¨ di pagina. Ora vediamone l¡¯implementazione passo a passo.
  • 26. TTC ¨C DESIGN DELL¡¯INTERAZIONE (MODULO 2) Debora Gerini ¨C Simone Giansante ¨C Donatella Tansini I GADGETS Abbiamo iniziato a dar vita al nostro diario di viaggio inserendo dei gadgets utili ed interessanti rispetto al tema del blog. Nella sidebar sono presenti: Collegamento al sito 11870.com. Foto del National Geographic.
  • 27. TTC ¨C DESIGN DELL¡¯INTERAZIONE (MODULO 2) Debora Gerini ¨C Simone Giansante ¨C Donatella Tansini I GADGETS Video buffi e divertenti dal web. Nel pi¨¨ di pagina abbiamo messo: Google Maps. Previsioni del tempo. Calendario.
  • 28. TTC ¨C DESIGN DELL¡¯INTERAZIONE (MODULO 2) Debora Gerini ¨C Simone Giansante ¨C Donatella Tansini I GADGETS
  • 29. TTC ¨C DESIGN DELL¡¯INTERAZIONE (MODULO 2) Debora Gerini ¨C Simone Giansante ¨C Donatella Tansini STRUTTURA SIDEBAR Oltre ai gadgets troviamo le seguenti categorie: Lettori abituali del blog. Viaggiatori (autori del blog). Archivio del blog.
  • 30. TTC ¨C DESIGN DELL¡¯INTERAZIONE (MODULO 2) Debora Gerini ¨C Simone Giansante ¨C Donatella Tansini STRUTTURA DEL FOOT Iscrizione a Post Atom. Viaggia con noi: feed Rss ai post e ai commenti.
  • 31. TTC ¨C DESIGN DELL¡¯INTERAZIONE (MODULO 2) Debora Gerini ¨C Simone Giansante ¨C Donatella Tansini I CONTENUTI Abbiamo implementato il blog ¡°postando¡± le nostre foto e commenti. Vediamo come si fa in blogspot.
  • 32. TTC ¨C DESIGN DELL¡¯INTERAZIONE (MODULO 2) Debora Gerini ¨C Simone Giansante ¨C Donatella Tansini ORGANIZZAZIONE DEI CONTENUTI Abbiamo suddiviso i contenuti in alcune categorie per avere una maggior coesione e unitariet¨¤ di contenuti e ciascuno di noi ha selezionato specifiche foto le seguenti categorie: Arrivo e alberghi. Cibo & Co. Panorami. Escursioni. Foto buffe e divertenti. Foto di gruppo.
  • 33. TTC ¨C DESIGN DELL¡¯INTERAZIONE (MODULO 2) Debora Gerini ¨C Simone Giansante ¨C Donatella Tansini LE CATEGORIE:Arrivo Abbiamo inserito foto dell¡¯arrivo in aereoporto e/o in albergo.
  • 34. TTC ¨C DESIGN DELL¡¯INTERAZIONE (MODULO 2) Debora Gerini ¨C Simone Giansante ¨C Donatella Tansini LE CATEGORIE: Cibo & Co. Per questa categoria abbiamo postato foto di ristoranti e piatti tipici dei luoghi visitati.
  • 35. TTC ¨C DESIGN DELL¡¯INTERAZIONE (MODULO 2) Debora Gerini ¨C Simone Giansante ¨C Donatella Tansini LE CATEGORIE: Panorami Paesaggi e panorami mozzafiato da riguardare con vivo interesse.
  • 36. TTC ¨C DESIGN DELL¡¯INTERAZIONE (MODULO 2) Debora Gerini ¨C Simone Giansante ¨C Donatella Tansini LE CATEGORIE: Escursioni Gite alla scoperta dei nostri luoghi di vacanza
  • 37. TTC ¨C DESIGN DELL¡¯INTERAZIONE (MODULO 2) Debora Gerini ¨C Simone Giansante ¨C Donatella Tansini LE CATEGORIE: Foto buffe Foto buffe, curiose ed interessanti, che ritraggono soggetti o eventi originali.
  • 38. TTC ¨C DESIGN DELL¡¯INTERAZIONE (MODULO 2) Debora Gerini ¨C Simone Giansante ¨C Donatella Tansini LE CATEGORIE: Foto di gruppo Non potevamo non mostrare i nostri compagni di viaggio.
  • 39. TTC ¨C DESIGN DELL¡¯INTERAZIONE (MODULO 2) Debora Gerini ¨C Simone Giansante ¨C Donatella Tansini I LINKS Abbiamo inserito dei link all¡¯interno dei nostri commenti che rimandano ad altri siti web.
  • 40. TTC ¨C DESIGN DELL¡¯INTERAZIONE (MODULO 2) Debora Gerini ¨C Simone Giansante ¨C Donatella Tansini I COMMENTI E¡¯ possibile lasciare dei commenti ai nostri post. Possono farlo sia gli iscritti a blogger sia chi non lo ¨¨. Inoltre abbiamo scelto di non moderarli. Vediamo come ¨¨ possibile scrivere un commento ad un post.
  • 41. TTC ¨C DESIGN DELL¡¯INTERAZIONE (MODULO 2) Debora Gerini ¨C Simone Giansante ¨C Donatella Tansini LE REAZIONI Gli utenti del blog hanno la possibilit¨¤ di esprimere le loro preferenze o gusti ai post selezionando una delle voci relative alle ¡°reazioni¡±. Vediamone un esempio.
  • 42. TTC ¨C DESIGN DELL¡¯INTERAZIONE (MODULO 2) Debora Gerini ¨C Simone Giansante ¨C Donatella Tansini
  • 43. TTC ¨C DESIGN DELL¡¯INTERAZIONE (MODULO 2) Debora Gerini ¨C Simone Giansante ¨C Donatella Tansini BLOGGER Vs WINDOWS LIVE SPACES
  • 44. TTC ¨C DESIGN DELL¡¯INTERAZIONE (MODULO 2) Debora Gerini ¨C Simone Giansante ¨C Donatella Tansini MULTIMEDIALITA ¡¯ Gallery di foto personalizzabile. Scelta immediata dell¡¯album fotografico da visionare. Upload Video assente, solo tramite link. Inserimento di immagini nei post insufficiente.
  • 45. TTC ¨C DESIGN DELL¡¯INTERAZIONE (MODULO 2) Debora Gerini ¨C Simone Giansante ¨C Donatella Tansini PERSONALIZZAZIONE Gestione moduli da inserire nello space. Layout predefiniti. Colori personalizzabili di sfondo, caratteri, post. Aggiunta di gadget Microsoft.
  • 46. TTC ¨C DESIGN DELL¡¯INTERAZIONE (MODULO 2) Debora Gerini ¨C Simone Giansante ¨C Donatella Tansini AUTORIZZAZIONI Blog molto personale: non condivisibile con altri utenti. BLOGGER: ¨¨ possibile condividere il blog con altri utente, i quali possano aggiungere post, foto e video. Possibilit¨¤ di autorizzare utenti particolari (categorie o singoli).
  • 47. TTC ¨C DESIGN DELL¡¯INTERAZIONE (MODULO 2) Debora Gerini ¨C Simone Giansante ¨C Donatella Tansini COMMENTI BLOGGER : ¨¨ possibile lasciare commenti sui post, anche anonimi e senza la necessit¨¤ di iscriversi da nessuna parte MSN : non ¨¨ possibile lasciare commenti se non si possiede un account Windows Live ID
  • 48. TTC ¨C DESIGN DELL¡¯INTERAZIONE (MODULO 2) Debora Gerini ¨C Simone Giansante ¨C Donatella Tansini COMPONENTI AGGIUNTIVE Con lo stesso account ¨¨ possibile accedere a numerose risorse del mondo Windows Live come: La posta di Hotmail Messenger Xbox Live
  • 49. TTC ¨C DESIGN DELL¡¯INTERAZIONE (MODULO 2) Debora Gerini ¨C Simone Giansante ¨C Donatella Tansini SOFTWARE Windows Live ha inoltre una serie di componenti aggiuntive che aiutano l¡¯utente nell¡¯inserimento di post e foto senza necessariamente collegarsi al blog, ma utilizzando un software leggero e molto intuitivo. Windows Writer Raccolta foto
  • 50. TTC ¨C DESIGN DELL¡¯INTERAZIONE (MODULO 2) Debora Gerini ¨C Simone Giansante ¨C Donatella Tansini CONCLUSIONI e PRO Blog con cui ¨¨ possibile usare molteplici altri strumenti Software esterno con cui ¨¨ possibile inserire immagini e post facilmente Multiutente Commenti anche anonimi, o di utenti anche non registrati Personalizzazione completa del blog Possibilit¨¤ di upload di video