SlideShare ist ein Scribd-Unternehmen logo
1 von 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]

Weitere ähnliche Inhalte

Andere mochten auch

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
 

Andere mochten auch (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
 

Kürzlich hochgeladen

Tosone Christian_Steve Jobsaaaaaaaa.pptx
Tosone Christian_Steve Jobsaaaaaaaa.pptxTosone Christian_Steve Jobsaaaaaaaa.pptx
Tosone Christian_Steve Jobsaaaaaaaa.pptxlorenzodemidio01
 
ProgettoDiEducazioneCivicaDefinitivo_Christian Tosone.pptx
ProgettoDiEducazioneCivicaDefinitivo_Christian Tosone.pptxProgettoDiEducazioneCivicaDefinitivo_Christian Tosone.pptx
ProgettoDiEducazioneCivicaDefinitivo_Christian Tosone.pptxlorenzodemidio01
 
Oppressi_oppressori.pptx................
Oppressi_oppressori.pptx................Oppressi_oppressori.pptx................
Oppressi_oppressori.pptx................giorgiadeascaniis59
 
Quadrilateri e isometrie studente di liceo
Quadrilateri e isometrie studente di liceoQuadrilateri e isometrie studente di liceo
Quadrilateri e isometrie studente di liceoyanmeng831
 
Descrizione Piccolo teorema di Talete.pptx
Descrizione Piccolo teorema di Talete.pptxDescrizione Piccolo teorema di Talete.pptx
Descrizione Piccolo teorema di Talete.pptxtecongo2007
 
Scrittura seo e scrittura accessibile
Scrittura seo e scrittura accessibileScrittura seo e scrittura accessibile
Scrittura seo e scrittura accessibileNicola Rabbi
 
Una breve introduzione ad Elsa Morante, vita e opere
Una breve introduzione ad Elsa Morante, vita e opereUna breve introduzione ad Elsa Morante, vita e opere
Una breve introduzione ad Elsa Morante, vita e opereMarco Chizzali
 
Scienza Potere Puntoaaaaaaaaaaaaaaa.pptx
Scienza Potere Puntoaaaaaaaaaaaaaaa.pptxScienza Potere Puntoaaaaaaaaaaaaaaa.pptx
Scienza Potere Puntoaaaaaaaaaaaaaaa.pptxlorenzodemidio01
 
Vuoi girare il mondo? educazione civica.
Vuoi girare il mondo? educazione civica.Vuoi girare il mondo? educazione civica.
Vuoi girare il mondo? educazione civica.camillaorlando17
 
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
 
LE ALGHE.pptx ..........................
LE ALGHE.pptx ..........................LE ALGHE.pptx ..........................
LE ALGHE.pptx ..........................giorgiadeascaniis59
 
Aristotele, vita e opere e fisica...pptx
Aristotele, vita e opere e fisica...pptxAristotele, vita e opere e fisica...pptx
Aristotele, vita e opere e fisica...pptxtecongo2007
 
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
 
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
 
Nicola pisano aaaaaaaaaaaaaaaaaa(1).pptx
Nicola pisano aaaaaaaaaaaaaaaaaa(1).pptxNicola pisano aaaaaaaaaaaaaaaaaa(1).pptx
Nicola pisano aaaaaaaaaaaaaaaaaa(1).pptxlorenzodemidio01
 
case passive_GiorgiaDeAscaniis.pptx.....
case passive_GiorgiaDeAscaniis.pptx.....case passive_GiorgiaDeAscaniis.pptx.....
case passive_GiorgiaDeAscaniis.pptx.....giorgiadeascaniis59
 

Kürzlich hochgeladen (16)

Tosone Christian_Steve Jobsaaaaaaaa.pptx
Tosone Christian_Steve Jobsaaaaaaaa.pptxTosone Christian_Steve Jobsaaaaaaaa.pptx
Tosone Christian_Steve Jobsaaaaaaaa.pptx
 
ProgettoDiEducazioneCivicaDefinitivo_Christian Tosone.pptx
ProgettoDiEducazioneCivicaDefinitivo_Christian Tosone.pptxProgettoDiEducazioneCivicaDefinitivo_Christian Tosone.pptx
ProgettoDiEducazioneCivicaDefinitivo_Christian Tosone.pptx
 
Oppressi_oppressori.pptx................
Oppressi_oppressori.pptx................Oppressi_oppressori.pptx................
Oppressi_oppressori.pptx................
 
Quadrilateri e isometrie studente di liceo
Quadrilateri e isometrie studente di liceoQuadrilateri e isometrie studente di liceo
Quadrilateri e isometrie studente di liceo
 
Descrizione Piccolo teorema di Talete.pptx
Descrizione Piccolo teorema di Talete.pptxDescrizione Piccolo teorema di Talete.pptx
Descrizione Piccolo teorema di Talete.pptx
 
Scrittura seo e scrittura accessibile
Scrittura seo e scrittura accessibileScrittura seo e scrittura accessibile
Scrittura seo e scrittura accessibile
 
Una breve introduzione ad Elsa Morante, vita e opere
Una breve introduzione ad Elsa Morante, vita e opereUna breve introduzione ad Elsa Morante, vita e opere
Una breve introduzione ad Elsa Morante, vita e opere
 
Scienza Potere Puntoaaaaaaaaaaaaaaa.pptx
Scienza Potere Puntoaaaaaaaaaaaaaaa.pptxScienza Potere Puntoaaaaaaaaaaaaaaa.pptx
Scienza Potere Puntoaaaaaaaaaaaaaaa.pptx
 
Vuoi girare il mondo? educazione civica.
Vuoi girare il mondo? educazione civica.Vuoi girare il mondo? educazione civica.
Vuoi girare il mondo? educazione civica.
 
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
 
LE ALGHE.pptx ..........................
LE ALGHE.pptx ..........................LE ALGHE.pptx ..........................
LE ALGHE.pptx ..........................
 
Aristotele, vita e opere e fisica...pptx
Aristotele, vita e opere e fisica...pptxAristotele, vita e opere e fisica...pptx
Aristotele, vita e opere e fisica...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
 
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
 
Nicola pisano aaaaaaaaaaaaaaaaaa(1).pptx
Nicola pisano aaaaaaaaaaaaaaaaaa(1).pptxNicola pisano aaaaaaaaaaaaaaaaaa(1).pptx
Nicola pisano aaaaaaaaaaaaaaaaaa(1).pptx
 
case passive_GiorgiaDeAscaniis.pptx.....
case passive_GiorgiaDeAscaniis.pptx.....case passive_GiorgiaDeAscaniis.pptx.....
case passive_GiorgiaDeAscaniis.pptx.....
 

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.