SlideShare uma empresa Scribd logo
1 de 50
TTC – DESIGN DELL’INTERAZIONE (MODULO 2) Debora Gerini – Simone Giansante – Donatella Tansini Presentazione a cura di Debora Gerini Simone Giansante Donatella Tansin i
TTC – DESIGN DELL’INTERAZIONE (MODULO 2) Debora Gerini – Simone Giansante – Donatella Tansini ,[object Object],[object Object],[object Object],[object Object]
TTC – DESIGN DELL’INTERAZIONE (MODULO 2) Debora Gerini – Simone Giansante – Donatella Tansini
TTC – DESIGN DELL’INTERAZIONE (MODULO 2) Debora Gerini – Simone Giansante – 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 – DESIGN DELL’INTERAZIONE (MODULO 2) Debora Gerini – Simone Giansante – Donatella Tansini 1. Accedi Per accedere a Blogger è necessario avere un account Google.  Se non lo si possiede è possibile effettuarlo dal sito stesso
TTC – DESIGN DELL’INTERAZIONE (MODULO 2) Debora Gerini – Simone Giansante – 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 – DESIGN DELL’INTERAZIONE (MODULO 2) Debora Gerini – Simone Giansante – 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 – DESIGN DELL’INTERAZIONE (MODULO 2) Debora Gerini – Simone Giansante – 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 – DESIGN DELL’INTERAZIONE (MODULO 2) Debora Gerini – Simone Giansante – 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 – DESIGN DELL’INTERAZIONE (MODULO 2) Debora Gerini – Simone Giansante – 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 – DESIGN DELL’INTERAZIONE (MODULO 2) Debora Gerini – Simone Giansante – Donatella Tansini Autori del blog Il blog può avere fino a 100 autori, l’amministratore (account google) può invitare altri autori via mail
TTC – DESIGN DELL’INTERAZIONE (MODULO 2) Debora Gerini – Simone Giansante – Donatella Tansini Impostazioni_ Descrizione e blogspot E’ possibile inserire una descrizione  (head) e un indirizzo personalizzato
TTC – DESIGN DELL’INTERAZIONE (MODULO 2) Debora Gerini – Simone Giansante – 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 – DESIGN DELL’INTERAZIONE (MODULO 2) Debora Gerini – Simone Giansante – 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 – DESIGN DELL’INTERAZIONE (MODULO 2) Debora Gerini – Simone Giansante – 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 – DESIGN DELL’INTERAZIONE (MODULO 2) Debora Gerini – Simone Giansante – Donatella Tansini Layout e post Elemeti modificabili: autore, data, numero post, commenti, etichette(tag), quick edit, reazioni  Disposizione elementi trascinandoli
TTC – DESIGN DELL’INTERAZIONE (MODULO 2) Debora Gerini – Simone Giansante – 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 – DESIGN DELL’INTERAZIONE (MODULO 2) Debora Gerini – Simone Giansante – 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 – DESIGN DELL’INTERAZIONE (MODULO 2) Debora Gerini – Simone Giansante – 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 – DESIGN DELL’INTERAZIONE (MODULO 2) Debora Gerini – Simone Giansante – 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 – DESIGN DELL’INTERAZIONE (MODULO 2) Debora Gerini – Simone Giansante – 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 – DESIGN DELL’INTERAZIONE (MODULO 2) Debora Gerini – Simone Giansante – Donatella Tansini
TTC – DESIGN DELL’INTERAZIONE (MODULO 2) Debora Gerini – Simone Giansante – Donatella Tansini TURISTI…NEL CAOS
TTC – DESIGN DELL’INTERAZIONE (MODULO 2) Debora Gerini – Simone Giansante – Donatella Tansini TURISTI…NEL CAOS ,[object Object],[object Object],[object Object],[object Object],[object Object]
TTC – DESIGN DELL’INTERAZIONE (MODULO 2) Debora Gerini – Simone Giansante – 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 – DESIGN DELL’INTERAZIONE (MODULO 2) Debora Gerini – Simone Giansante – Donatella Tansini I GADGETS ,[object Object],[object Object],[object Object],[object Object]
TTC – DESIGN DELL’INTERAZIONE (MODULO 2) Debora Gerini – Simone Giansante – Donatella Tansini I GADGETS ,[object Object],[object Object],[object Object],[object Object],[object Object]
TTC – DESIGN DELL’INTERAZIONE (MODULO 2) Debora Gerini – Simone Giansante – Donatella Tansini I GADGETS
TTC – DESIGN DELL’INTERAZIONE (MODULO 2) Debora Gerini – Simone Giansante – Donatella Tansini STRUTTURA SIDEBAR ,[object Object],[object Object],[object Object],[object Object]
TTC – DESIGN DELL’INTERAZIONE (MODULO 2) Debora Gerini – Simone Giansante – Donatella Tansini STRUTTURA DEL FOOT ,[object Object],[object Object]
TTC – DESIGN DELL’INTERAZIONE (MODULO 2) Debora Gerini – Simone Giansante – Donatella Tansini I CONTENUTI Abbiamo implementato il blog “postando” le nostre foto e commenti. Vediamo come si fa in blogspot.
TTC – DESIGN DELL’INTERAZIONE (MODULO 2) Debora Gerini – Simone Giansante – Donatella Tansini ORGANIZZAZIONE DEI CONTENUTI ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
TTC – DESIGN DELL’INTERAZIONE (MODULO 2) Debora Gerini – Simone Giansante – Donatella Tansini LE CATEGORIE:Arrivo Abbiamo inserito foto dell’arrivo in aereoporto e/o in albergo.
TTC – DESIGN DELL’INTERAZIONE (MODULO 2) Debora Gerini – Simone Giansante – Donatella Tansini LE CATEGORIE: Cibo & Co. Per questa categoria abbiamo postato foto di ristoranti e piatti tipici dei luoghi visitati.
TTC – DESIGN DELL’INTERAZIONE (MODULO 2) Debora Gerini – Simone Giansante – Donatella Tansini LE CATEGORIE: Panorami Paesaggi e panorami mozzafiato da riguardare con vivo interesse.
TTC – DESIGN DELL’INTERAZIONE (MODULO 2) Debora Gerini – Simone Giansante – Donatella Tansini LE CATEGORIE: Escursioni Gite alla scoperta dei nostri luoghi di vacanza
TTC – DESIGN DELL’INTERAZIONE (MODULO 2) Debora Gerini – Simone Giansante – Donatella Tansini LE CATEGORIE: Foto buffe Foto buffe, curiose ed interessanti, che ritraggono soggetti o eventi originali.
TTC – DESIGN DELL’INTERAZIONE (MODULO 2) Debora Gerini – Simone Giansante – Donatella Tansini LE CATEGORIE: Foto di gruppo Non potevamo non mostrare i nostri compagni di viaggio.
TTC – DESIGN DELL’INTERAZIONE (MODULO 2) Debora Gerini – Simone Giansante – Donatella Tansini I LINKS Abbiamo inserito dei link all’interno dei nostri commenti che rimandano ad altri siti web.
TTC – DESIGN DELL’INTERAZIONE (MODULO 2) Debora Gerini – Simone Giansante – 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 – DESIGN DELL’INTERAZIONE (MODULO 2) Debora Gerini – Simone Giansante – 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 – DESIGN DELL’INTERAZIONE (MODULO 2) Debora Gerini – Simone Giansante – Donatella Tansini
TTC – DESIGN DELL’INTERAZIONE (MODULO 2) Debora Gerini – Simone Giansante – Donatella Tansini BLOGGER   Vs   WINDOWS LIVE SPACES
TTC – DESIGN DELL’INTERAZIONE (MODULO 2) Debora Gerini – Simone Giansante – Donatella Tansini MULTIMEDIALITA ’ ,[object Object],[object Object],[object Object],[object Object]
TTC – DESIGN DELL’INTERAZIONE (MODULO 2) Debora Gerini – Simone Giansante – Donatella Tansini PERSONALIZZAZIONE ,[object Object],[object Object],[object Object],[object Object],[object Object]
TTC – DESIGN DELL’INTERAZIONE (MODULO 2) Debora Gerini – Simone Giansante – Donatella Tansini AUTORIZZAZIONI ,[object Object],[object Object],[object Object]
TTC – DESIGN DELL’INTERAZIONE (MODULO 2) Debora Gerini – Simone Giansante – 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 – DESIGN DELL’INTERAZIONE (MODULO 2) Debora Gerini – Simone Giansante – Donatella Tansini COMPONENTI AGGIUNTIVE ,[object Object],[object Object],[object Object],[object Object]
TTC – DESIGN DELL’INTERAZIONE (MODULO 2) Debora Gerini – Simone Giansante – Donatella Tansini SOFTWARE ,[object Object],[object Object],[object Object]
TTC – DESIGN DELL’INTERAZIONE (MODULO 2) Debora Gerini – Simone Giansante – Donatella Tansini CONCLUSIONI e PRO ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

Mais conteúdo relacionado

Destaque

Czech rugby – koncept identity značky
Czech rugby – koncept identity značkyCzech rugby – koncept identity značky
Czech rugby – koncept identity značkyLumír Kajnar
 
The overview of VR solutions
The overview of VR solutionsThe overview of VR solutions
The overview of VR solutionsRouyun Pan
 
The canine retraction /certified fixed orthodontic courses by Indian dental a...
The canine retraction /certified fixed orthodontic courses by Indian dental a...The canine retraction /certified fixed orthodontic courses by Indian dental a...
The canine retraction /certified fixed orthodontic courses by Indian dental a...Indian dental academy
 
Micro-momentos - El momento decisivo de la relación con el usuario | Digital ...
Micro-momentos - El momento decisivo de la relación con el usuario | Digital ...Micro-momentos - El momento decisivo de la relación con el usuario | Digital ...
Micro-momentos - El momento decisivo de la relación con el usuario | Digital ...Digital Boost
 
Citrex610 k-en-spa 4 citrex en eqiuipos de procesamiento
Citrex610 k-en-spa 4 citrex en eqiuipos de procesamientoCitrex610 k-en-spa 4 citrex en eqiuipos de procesamiento
Citrex610 k-en-spa 4 citrex en eqiuipos de procesamientoCITREX
 
Upgrade auf IBM Notes9 in der Kaffeepause
Upgrade auf IBM Notes9 in der KaffeepauseUpgrade auf IBM Notes9 in der Kaffeepause
Upgrade auf IBM Notes9 in der Kaffeepausepanagenda
 

Destaque (7)

Agile Certifications
Agile CertificationsAgile Certifications
Agile Certifications
 
Czech rugby – koncept identity značky
Czech rugby – koncept identity značkyCzech rugby – koncept identity značky
Czech rugby – koncept identity značky
 
The overview of VR solutions
The overview of VR solutionsThe overview of VR solutions
The overview of VR solutions
 
The canine retraction /certified fixed orthodontic courses by Indian dental a...
The canine retraction /certified fixed orthodontic courses by Indian dental a...The canine retraction /certified fixed orthodontic courses by Indian dental a...
The canine retraction /certified fixed orthodontic courses by Indian dental a...
 
Micro-momentos - El momento decisivo de la relación con el usuario | Digital ...
Micro-momentos - El momento decisivo de la relación con el usuario | Digital ...Micro-momentos - El momento decisivo de la relación con el usuario | Digital ...
Micro-momentos - El momento decisivo de la relación con el usuario | Digital ...
 
Citrex610 k-en-spa 4 citrex en eqiuipos de procesamiento
Citrex610 k-en-spa 4 citrex en eqiuipos de procesamientoCitrex610 k-en-spa 4 citrex en eqiuipos de procesamiento
Citrex610 k-en-spa 4 citrex en eqiuipos de procesamiento
 
Upgrade auf IBM Notes9 in der Kaffeepause
Upgrade auf IBM Notes9 in der KaffeepauseUpgrade auf IBM Notes9 in der Kaffeepause
Upgrade auf IBM Notes9 in der Kaffeepause
 

Último

Descrizione Piccolo teorema di Talete.pptx
Descrizione Piccolo teorema di Talete.pptxDescrizione Piccolo teorema di Talete.pptx
Descrizione Piccolo teorema di Talete.pptxtecongo2007
 
Presentazioni Efficaci e lezioni di Educazione Civica
Presentazioni Efficaci e lezioni di Educazione CivicaPresentazioni Efficaci e lezioni di Educazione Civica
Presentazioni Efficaci e lezioni di Educazione CivicaSalvatore Cianciabella
 
descrizioni della antica civiltà dei sumeri.pptx
descrizioni della antica civiltà dei sumeri.pptxdescrizioni della antica civiltà dei sumeri.pptx
descrizioni della antica civiltà dei sumeri.pptxtecongo2007
 
Lorenzo D'Emidio_Vita e opere di Aristotele.pptx
Lorenzo D'Emidio_Vita e opere di Aristotele.pptxLorenzo D'Emidio_Vita e opere di Aristotele.pptx
Lorenzo D'Emidio_Vita e opere di Aristotele.pptxlorenzodemidio01
 
Lorenzo D'Emidio_Vita di Cristoforo Colombo.pptx
Lorenzo D'Emidio_Vita di Cristoforo Colombo.pptxLorenzo D'Emidio_Vita di Cristoforo Colombo.pptx
Lorenzo D'Emidio_Vita di Cristoforo Colombo.pptxlorenzodemidio01
 
Quadrilateri e isometrie studente di liceo
Quadrilateri e isometrie studente di liceoQuadrilateri e isometrie studente di liceo
Quadrilateri e isometrie studente di liceoyanmeng831
 
Confronto tra Sparta e Atene classiche.ppt
Confronto tra Sparta e Atene classiche.pptConfronto tra Sparta e Atene classiche.ppt
Confronto tra Sparta e Atene classiche.pptcarlottagalassi
 
Lorenzo D'Emidio_Francesco Petrarca.pptx
Lorenzo D'Emidio_Francesco Petrarca.pptxLorenzo D'Emidio_Francesco Petrarca.pptx
Lorenzo D'Emidio_Francesco Petrarca.pptxlorenzodemidio01
 
discorso generale sulla fisica e le discipline.pptx
discorso generale sulla fisica e le discipline.pptxdiscorso generale sulla fisica e le discipline.pptx
discorso generale sulla fisica e le discipline.pptxtecongo2007
 
Lorenzo D'Emidio- Lavoro sulla Bioarchittetura.pptx
Lorenzo D'Emidio- Lavoro sulla Bioarchittetura.pptxLorenzo D'Emidio- Lavoro sulla Bioarchittetura.pptx
Lorenzo D'Emidio- Lavoro sulla Bioarchittetura.pptxlorenzodemidio01
 
Scrittura seo e scrittura accessibile
Scrittura seo e scrittura accessibileScrittura seo e scrittura accessibile
Scrittura seo e scrittura accessibileNicola Rabbi
 

Último (11)

Descrizione Piccolo teorema di Talete.pptx
Descrizione Piccolo teorema di Talete.pptxDescrizione Piccolo teorema di Talete.pptx
Descrizione Piccolo teorema di Talete.pptx
 
Presentazioni Efficaci e lezioni di Educazione Civica
Presentazioni Efficaci e lezioni di Educazione CivicaPresentazioni Efficaci e lezioni di Educazione Civica
Presentazioni Efficaci e lezioni di Educazione Civica
 
descrizioni della antica civiltà dei sumeri.pptx
descrizioni della antica civiltà dei sumeri.pptxdescrizioni della antica civiltà dei sumeri.pptx
descrizioni della antica civiltà dei sumeri.pptx
 
Lorenzo D'Emidio_Vita e opere di Aristotele.pptx
Lorenzo D'Emidio_Vita e opere di Aristotele.pptxLorenzo D'Emidio_Vita e opere di Aristotele.pptx
Lorenzo D'Emidio_Vita e opere di Aristotele.pptx
 
Lorenzo D'Emidio_Vita di Cristoforo Colombo.pptx
Lorenzo D'Emidio_Vita di Cristoforo Colombo.pptxLorenzo D'Emidio_Vita di Cristoforo Colombo.pptx
Lorenzo D'Emidio_Vita di Cristoforo Colombo.pptx
 
Quadrilateri e isometrie studente di liceo
Quadrilateri e isometrie studente di liceoQuadrilateri e isometrie studente di liceo
Quadrilateri e isometrie studente di liceo
 
Confronto tra Sparta e Atene classiche.ppt
Confronto tra Sparta e Atene classiche.pptConfronto tra Sparta e Atene classiche.ppt
Confronto tra Sparta e Atene classiche.ppt
 
Lorenzo D'Emidio_Francesco Petrarca.pptx
Lorenzo D'Emidio_Francesco Petrarca.pptxLorenzo D'Emidio_Francesco Petrarca.pptx
Lorenzo D'Emidio_Francesco Petrarca.pptx
 
discorso generale sulla fisica e le discipline.pptx
discorso generale sulla fisica e le discipline.pptxdiscorso generale sulla fisica e le discipline.pptx
discorso generale sulla fisica e le discipline.pptx
 
Lorenzo D'Emidio- Lavoro sulla Bioarchittetura.pptx
Lorenzo D'Emidio- Lavoro sulla Bioarchittetura.pptxLorenzo D'Emidio- Lavoro sulla Bioarchittetura.pptx
Lorenzo D'Emidio- Lavoro sulla Bioarchittetura.pptx
 
Scrittura seo e scrittura accessibile
Scrittura seo e scrittura accessibileScrittura seo e scrittura accessibile
Scrittura seo e scrittura accessibile
 

Presentazione turisti

  • 1. TTC – DESIGN DELL’INTERAZIONE (MODULO 2) Debora Gerini – Simone Giansante – Donatella Tansini Presentazione a cura di Debora Gerini Simone Giansante Donatella Tansin i
  • 2.
  • 3. TTC – DESIGN DELL’INTERAZIONE (MODULO 2) Debora Gerini – Simone Giansante – Donatella Tansini
  • 4. TTC – DESIGN DELL’INTERAZIONE (MODULO 2) Debora Gerini – Simone Giansante – 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 – DESIGN DELL’INTERAZIONE (MODULO 2) Debora Gerini – Simone Giansante – 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 – DESIGN DELL’INTERAZIONE (MODULO 2) Debora Gerini – Simone Giansante – 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 – DESIGN DELL’INTERAZIONE (MODULO 2) Debora Gerini – Simone Giansante – 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 – DESIGN DELL’INTERAZIONE (MODULO 2) Debora Gerini – Simone Giansante – 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 – DESIGN DELL’INTERAZIONE (MODULO 2) Debora Gerini – Simone Giansante – 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 – DESIGN DELL’INTERAZIONE (MODULO 2) Debora Gerini – Simone Giansante – 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 – DESIGN DELL’INTERAZIONE (MODULO 2) Debora Gerini – Simone Giansante – 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 – DESIGN DELL’INTERAZIONE (MODULO 2) Debora Gerini – Simone Giansante – Donatella Tansini Impostazioni_ Descrizione e blogspot E’ possibile inserire una descrizione (head) e un indirizzo personalizzato
  • 13. TTC – DESIGN DELL’INTERAZIONE (MODULO 2) Debora Gerini – Simone Giansante – 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 – DESIGN DELL’INTERAZIONE (MODULO 2) Debora Gerini – Simone Giansante – 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 – DESIGN DELL’INTERAZIONE (MODULO 2) Debora Gerini – Simone Giansante – 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 – DESIGN DELL’INTERAZIONE (MODULO 2) Debora Gerini – Simone Giansante – Donatella Tansini Layout e post Elemeti modificabili: autore, data, numero post, commenti, etichette(tag), quick edit, reazioni Disposizione elementi trascinandoli
  • 17. TTC – DESIGN DELL’INTERAZIONE (MODULO 2) Debora Gerini – Simone Giansante – 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 – DESIGN DELL’INTERAZIONE (MODULO 2) Debora Gerini – Simone Giansante – 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 – DESIGN DELL’INTERAZIONE (MODULO 2) Debora Gerini – Simone Giansante – 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 – DESIGN DELL’INTERAZIONE (MODULO 2) Debora Gerini – Simone Giansante – 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 – DESIGN DELL’INTERAZIONE (MODULO 2) Debora Gerini – Simone Giansante – 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 – DESIGN DELL’INTERAZIONE (MODULO 2) Debora Gerini – Simone Giansante – Donatella Tansini
  • 23. TTC – DESIGN DELL’INTERAZIONE (MODULO 2) Debora Gerini – Simone Giansante – Donatella Tansini TURISTI…NEL CAOS
  • 24.
  • 25. TTC – DESIGN DELL’INTERAZIONE (MODULO 2) Debora Gerini – Simone Giansante – 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.
  • 27.
  • 28. TTC – DESIGN DELL’INTERAZIONE (MODULO 2) Debora Gerini – Simone Giansante – Donatella Tansini I GADGETS
  • 29.
  • 30.
  • 31. TTC – DESIGN DELL’INTERAZIONE (MODULO 2) Debora Gerini – Simone Giansante – Donatella Tansini I CONTENUTI Abbiamo implementato il blog “postando” le nostre foto e commenti. Vediamo come si fa in blogspot.
  • 32.
  • 33. TTC – DESIGN DELL’INTERAZIONE (MODULO 2) Debora Gerini – Simone Giansante – Donatella Tansini LE CATEGORIE:Arrivo Abbiamo inserito foto dell’arrivo in aereoporto e/o in albergo.
  • 34. TTC – DESIGN DELL’INTERAZIONE (MODULO 2) Debora Gerini – Simone Giansante – Donatella Tansini LE CATEGORIE: Cibo & Co. Per questa categoria abbiamo postato foto di ristoranti e piatti tipici dei luoghi visitati.
  • 35. TTC – DESIGN DELL’INTERAZIONE (MODULO 2) Debora Gerini – Simone Giansante – Donatella Tansini LE CATEGORIE: Panorami Paesaggi e panorami mozzafiato da riguardare con vivo interesse.
  • 36. TTC – DESIGN DELL’INTERAZIONE (MODULO 2) Debora Gerini – Simone Giansante – Donatella Tansini LE CATEGORIE: Escursioni Gite alla scoperta dei nostri luoghi di vacanza
  • 37. TTC – DESIGN DELL’INTERAZIONE (MODULO 2) Debora Gerini – Simone Giansante – Donatella Tansini LE CATEGORIE: Foto buffe Foto buffe, curiose ed interessanti, che ritraggono soggetti o eventi originali.
  • 38. TTC – DESIGN DELL’INTERAZIONE (MODULO 2) Debora Gerini – Simone Giansante – Donatella Tansini LE CATEGORIE: Foto di gruppo Non potevamo non mostrare i nostri compagni di viaggio.
  • 39. TTC – DESIGN DELL’INTERAZIONE (MODULO 2) Debora Gerini – Simone Giansante – Donatella Tansini I LINKS Abbiamo inserito dei link all’interno dei nostri commenti che rimandano ad altri siti web.
  • 40. TTC – DESIGN DELL’INTERAZIONE (MODULO 2) Debora Gerini – Simone Giansante – 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 – DESIGN DELL’INTERAZIONE (MODULO 2) Debora Gerini – Simone Giansante – 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 – DESIGN DELL’INTERAZIONE (MODULO 2) Debora Gerini – Simone Giansante – Donatella Tansini
  • 43. TTC – DESIGN DELL’INTERAZIONE (MODULO 2) Debora Gerini – Simone Giansante – Donatella Tansini BLOGGER Vs WINDOWS LIVE SPACES
  • 44.
  • 45.
  • 46.
  • 47. TTC – DESIGN DELL’INTERAZIONE (MODULO 2) Debora Gerini – Simone Giansante – 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.
  • 49.
  • 50.