1 Documentazione...4 2 Caratteristiche di Google Sites...4 3 Url e alias del sito...5 4 Come accedere all interfaccia di gestione dei componenti del sito...6 5 Gestione del Template...7 6 5.1 Gestione del layout...7 5.2 Gestione dei temi, colori e caratteri...8 5.3 Come modificare l intestazione del sito...10 Gestione delle pagine...12 6.1 Modelli di pagina...12 6.1.1 Pagina web...12 6.1.2 Modello Page_Web_Unibs per i template Unibs...12 6.1.3 Pagina degli Annunci...12 6.1.4 Schedario...13 6.1.5 Elenco...14 6.1.6 Esempio di creazione di uno schedario...15 6.1.7 Pagina iniziale o di avvio...18 6.2 Modelli di pagina del template...19 6.2.1 Page_Web_Unibs...19 6.2.2 Come creare un modello di pagina...21 6.2.3 Pagina Staff...22 6.3 Impostazioni della pagina...23 6.4 Creazione di un modello di pagina...24 6.5 Pagine ad accesso riservato...29 6.6 Gestione delle immagini caricate su una pagina...30 6.6.1 7 Modifica dell immagine nell intestazione del sito...31 6.7 Ripristino degli elementi cancellati...33 6.8 Cronologia delle versioni...33 Tipologia degli utenti...34 1
8 Siti in multilingua...35 8.1 Indicazioni di Google sui siti in multilingua...35 8.2 Traduzione automatica delle pagine...35 9 Emulazione di un modello Responsive...36 10 Accesso via https...36 11 Form in Google Sites...37 11.1 Un esempio di realizzazione...37 11.2 Come realizzare un modulo dei contatti...38 11.2.1 Come identificare l'utente e registrare gli indirizzi e-mail degli utenti...40 11.2.2 Come pubblicare il form dei contatti...41 11.3 Un esempio di quiz...44 11.4 Come essere avvisato se un utente compila il modulo...51 11.5 formlimiter...53 12 11.5.1 Come installarlo...53 11.5.2 Come rimuovere il componente...57 11.5.3 Privacy...57 Google Docs...58 12.1 Scrittura in condivisione...58 12.2 Inserimento di formule matematiche nei documenti...58 13 Google Sheets...59 13.1 14 Come incorporare un grafico dinamico in una pagina di Google Sites...59 Esempi di messaggi...63 14.1 utenti Esempio di messaggio inviato da Google Sites per nuovi proprietari o nuovi 63 15 Come inserire un gadget su una pagina web...64 16 Accessibilità...67 16.1 Riferimenti e documentazione...67 16.2 Accessibilità del sito...67 16.3 Indicazioni di Google sull'accessibilità dei prodotti...67 16.3.1 16.4 Sulla creazione di tabelle in Google Sites...68 Indicazioni Unibs per la realizzazione di pagine e contenuti accessibili...68 2
17 Tecniche SEO...68 17.1 Indicizzazione sito web...68 17.1.1 18 Altri suggerimenti...68 Raccomandazioni...69 18.1 Pulizia della cache e dei cookie...69 18.2 Avvertenza se il sito dispone di migliaia di pagine e allegati...69 18.3 Avvertenza sulla dimensione massima degli allegati...69 3
1 Documentazione Esiste un'ampia letteratura su questa tematica e numerosi siti di riferimento, qui si vuole indicare all'utente alcuni link da noi usati per la sperimentazione di essa. 1) Google Sites: Creating, editing and sharing a site, documentazione Google 2) Moduli, guida Google 3) Google Drive, una guida di Google 4) Google: Sincronizzare i file condivisi con te. Sincronizza l'elemento che il tuo collaboratore ha condiviso con te con la cartella Google Drive sul tuo computer. 5) Come fare a.. di Maria Silvana Radice 2 Caratteristiche di Google Sites 1. E possibile personalizzare l'interfaccia del sito in modo da adattarla al layout senza conoscere il linguaggio HTML 2. Creare nuove pagine secondarie con un solo clic scegliendole da una tipologia di pagine predefinite e personalizzabili: pagine web, annunci, schedario. 3. E possibile incorporare documenti e contenuti multimediali quali video, documenti, fogli di calcolo, presentazioni, gadget Google in qualsiasi pagina 4. Dispone di diversi livelli di visibilità del sito e di autorizzazione utente 5. Possibilità di esecuzione di ricerche tra i contenuti del sito Google Sites con la tecnologia di ricerca di Google 4
3 Url e alias del sito Generalmente un sito, realizzato con Google Sites nel nostro dominio unibs.it, avrà la seguente struttura: a) una premessa fissa https://sites.google.com/a/unibs.it b) una stringa che generalmente è associata al nome del sito L'url così costituita sarà visibile sul sito, per agevolare l'accesso degli utenti al sito è possibile creare un alias DNS del tipo sito.unibs.it. Questo alias può essere utilizzato dagli utenti per raggiungere più agevolmente il sito. 5
4 Come accedere all interfaccia di gestione dei componenti del sito E sufficiente cliccare sull icona per accedere all interfaccia di gestione: 6
5 Gestione del Template 5.1 Gestione del layout Per gestire l aspetto del sito accedere a: Modifica layout sito E sufficiente cliccare su una delle 4 parti componenti la struttura della pagina per potere modificare il singolo componente. Nota: da qui è possibile attivare o disattivare la visualizzazione del componente. Ad esempio, volendo non rendere visibile la barra laterale riportante, solitamente, le pagine del sito è sufficiente cliccare sull apposita icona Barra laterale, ricliccando tornerà ad essere visibile. 7
5.2 Gestione dei temi, colori e caratteri Ogni modello è costruito su un tema di base, il gestore del sito può usare uno dei temi messi a disposizione da Google. Ad esempio partendo dal nostro modello 8
Se scegliessimo il tema Rami ecco come diventerebbe: Figura 1 Esempio di uso del tema "Rami" Il gestore può modificare le singole componenti grafiche della pagina, dell intestazione del sito e delle altre aree: 9
5.3 Come modificare l intestazione del sito Si consiglia l uso di un immagine trasparente di dimensione 600*135 pixels, ecco un esempio di immagine creata con GIMP (colore RGB): L immagine deve essere salvata o esportata nel formato gif o png. Sia i file.gif che.png dovrebbero essere compatibili con la trasparenza, il formato.png è da preferirsi in quanto supporta tutte le caratteristiche del formato gif ed altre. Quindi dal menù Gestione del sito> Temi, colori e caratteri> Intestazione sito possiamo importare la nostra immagine da utilizzare per impostare lo sfondo dell intestazione del sito: Figura 2 Come inserire un'immagine nell'intestazione del sito 10
Nelle opzioni ricordiamoci di eliminare la riflessione orizzontale e verticale, possiamo anche modificare l altezza dell intestazione agendo sulle impostazioni generali presenti in Modifica layout : Figura 3 Configurazione dell'altezza dell'intestazione Ed ecco infine come si presenta l intestazione: 11
6 Gestione delle pagine 6.1 Modelli di pagina E possibile scegliere tra quattro stili di pagina differenti: 6.1.1 Pagina web La pagina web è il tipo di pagina più semplice, che consente di scrivere contenuti, incorporare gadget, documenti, presentazioni, video e altra tipologia di file e organizzare le informazioni come meglio si crede. La pagina web dispone di controlli di formattazione standard, come grassetto, corsivo e sottolineatura, punti elenco e altro ancora. E' possibile allegare documenti presenti sul proprio disco rigido nella parte inferiore della pagina e consentire ad altri collaboratori del sito di commentare le pagine. Google Sites salva periodicamente le versioni della pagina quando apporti delle modifiche, quindi è facile tornare alle versioni precedenti per effettuare confronti o annullare le modifiche. 6.1.2 Modello Page_Web_Unibs per i template Unibs Nota: nei template si trova il modello Page_Web_Unibs, un modello di pagina adottato per la creazione di pagine web, consulta l apposita sezione. 6.1.3 Pagina degli Annunci Come nei blog, nelle pagine Annunci sono visualizzati le informazioni cronologiche quali notizie, eventi o aggiornamenti di stato. Ad esempio, una pagina Annunci in cui sono archiviate le note sulle riunioni settimanali può essere molto utile, consentendo di accedere rapidamente alle informazioni sulle riunioni più recenti. Figura 4 Esempio di pagina annunci Porre attenzione nel salvataggio dell annuncio in quanto il sistema consente di salvarlo secondo due modalità: come bozza o definitivo. In caso di creazione di nuovi post e/o 12
aggiornamento dei post esistenti l'applicazione provvede ad informare gli utenti che hanno chiesto di ricevere le notifiche di variazione dello stato. 6.1.4 Schedario Le pagine Schedario consentono di archiviare e organizzare file caricati dal disco rigido del tuo computer per semplificarne la condivisione con gli altri utenti del sito. Chiunque abbia richiesto di ricevere notifiche verrà informato quando i file vengono aggiunti, modificati o rimossi. Figura 5 Esempio di pagina tipo schedario 13
6.1.5 Elenco Le pagine Elenco consentono di creare e organizzare elenchi di informazioni. Gli elementi contenuti nell'elenco possono essere aggiunti, modificati e rimossi con facilità e gli utenti che visualizzano l'elenco possono ordinarli in base a qualsiasi colonna. Come per le pagine Schedario, gli utenti che lo hanno richiesto ricevono notifiche quando gli elementi vengono aggiunti, modificati o rimossi. Qui l'utente può scegliere il modello o crearne uno suo: Figura 6 Creazione di una pagina tipo elenco - fase iniziale 14
6.1.6 Esempio di creazione di uno schedario Scelto il modello possiamo aggiungere le colonne e personalizzarle: Qui introduciamo i dati: 15
qui come si presenta l elenco all'utente proprietario: Figura 7 Elemento personalizzato di uno schedario Figura 8 Personalizzazione schedario - scelta del modello La presentazione è confrontata con la modalità di default, offerta dalla piattaforma, per mostrare i file allegati alla pagina. 16
Ed ecco la stessa pagina come si presenta ad un utente generico che visita il sito: 17
6.1.7 Pagina iniziale o di avvio La pagina iniziale è una pagina che può essere personalizzata da chiunque la visualizzi in modo da mostrare un insieme personalizzato di gadget. I collaboratori del sito possono comunque aggiungere contenuti visibili per tutti gli utenti, ma quella sezione rimane separata dalla sezione che può essere personalizzata. 18
6.2 Modelli di pagina del template Ricordare che per poter utilizzare il modello di pagina, presente nel template, occorre selezionare l'apposito modello nel menù Seleziona il modello da usare. 6.2.1 Page_Web_Unibs Il modello di pagina Page_Web_Unibs permette la creazione di una pagina simile alla pagina web standard: 19
Ed ecco il modello di pagina web, presente nel layout, da personalizzare Questo è invece un esempio di pagina creata con il modello standard (notare la visualizzazione del nome della pagina in rosso): Figura 9 Esempio di pagina creata con il modello "Pagina Web Unibs" 20
L'amministratore deve modificare manualmente la denominazione da riportare nella pagina. 6.2.2 Come creare un modello di pagina E sufficiente creare la pagina, salvarla, quindi dal menù generale selezionare la voce: Salva come modello di pagina. 21
6.2.3 Pagina Staff Il modello fornisce una pagina atta a raccogliere informazioni sui componenti di un team: Figura 10 Modello pagina Staff 22
6.3 Impostazioni della pagina E possibile impostare quali informazioni visualizzare sulla singola pagina tramite la funzione Altro > Impostazioni pagina : Figura 11 Esempio di opzioni per le impostazioni della pagina 23
6.4 Creazione di un modello di pagina Supponiamo di avere una pagina creata con il modello standard pagina web come questa: Figura 12 Esempio di pagina web proviamo a modificarla aggiungendovi un'intestazione, selezioniamo quindi Una colonna : Figura 13 Modifica del layout di una pagina ed ecco la nostra colonna aggiunta al layout della pagina: 24
Figura 14 Esempio di pagina modificata Nella colonna introdotta possiamo aggiungere una descrizione Figura 15 Inserimento di una descrizione nella pagina modificata 25
salviamo la pagina così modificata ed ecco la pagina finale: Figura 16 Pagina finale modificata 26
Possiamo quindi salvare questa pagina come un nostro modello di pagina: Figura 17 Pagina salvata come modello 27
E' anche possibile preimpostare un percorso predefinito per la visualizzazione della pagina. Cliccando su Salva verrà presentato il modello: Figura 18 Modello pagina web con intestazione 28
6.5 Pagine ad accesso riservato Usando i permessi a livello di pagina è possibile configurare alcune pagine come private onde renderle accessibili solo ad alcuni utenti. Figura 19 Menù di amministrazione Questa è un'operazione che può essere effettuata solo dal proprietario del sito. Per attivare tale opzione scegliere, dal pannello di amministrazione, Altro > Condivisione e autorizzazioni > ATTIVA le autorizzazioni a livello di pagina. 29
L'applicazione chiederà la conferma di tale abilitazione: Figura 20 Richiesta di abilitazione di autorizzazioni a livello pagina Quindi sarà possibile abilitare l'accesso per pagina previo cambio dei diritti assegnati inizialmente agli utenti che sono stati ereditati dalle altre pagine: Figura 21 Abilitazione delle autorizzazioni a livello di pagina Poi si potrà inviare agli utenti il link per accedere direttamente alla pagina con loro condivisa. 6.6 Gestione delle immagini caricate su una pagina Il caricamento dell'immagine avviene a livello di pagina del sito. Supponiamo di avere un sito con 3 pagine al suo interno. Se si caricano delle immagini nella prima pagina esse non saranno visibili nelle altre due pagine, in quanto il caricamento si riferisce alla singola pagina. Ovviamente non si sarà nemmeno in grado di visualizzarle in altri siti. Per quanto riguarda gli utenti che possono accedere al sito se il sito in questione viene condiviso con utente a cui viene data la possibilità di modificare il sito, esso potrà vedere le immagini da noi inserite nella prima pagina. Ovviamente succede solo se l'utente, con cui si è condiviso il sito, ha la possibilità di modificarlo. 30
6.6.1 Modifica dell immagine nell intestazione del sito Supponiamo di dover modificare l immagine presente nell intestazione: Figura 22 Esempio di intestazione di un sito Dal menù generale selezioniamo la voce Modifica layout sito Figura 23 Inizio della modifica dell'intestazione di un sito 31
E procediamo alla configurazione dell intestazione del sito: Figura 24 Inizio della modifica dell'intestazione di un sito - configurazione Tramite Sfoglia selezioniamo il file da caricare come immagine e salviamo ed ecco la nuova intestazione: Figura 25 Inizio della modifica dell'intestazione di un sito - fine 32
6.7 Ripristino degli elementi cancellati Entro tre settimane dalla loro cancellazione è possibile recuperare gli elementi cancellati in un modo molto semplice: Gestisci sito->elementi eliminati. E sufficiente spuntare gli elementi che si vuole recuperare e cliccare su "Ripristina". 6.8 Cronologia delle versioni La cronologia delle versioni permette il recupero di vecchie versioni di pagine come si vede nella figura qui riportata: Figura 26 Esempio di confronto di una pagina su differenti versioni 33
7 Tipologia degli utenti Gli utenti a cui è possibile assegnare i livelli di accesso si distinguono in "Visualizzatore", "Collaboratore" e "Proprietario" e devono possedere un account Google o un account Google Apps per poter condividere il sito. Per maggiori informazioni sui privilegi connessi ai vari profili è possibile consultare la seguente pagina Google: Panoramica della condivisione del sito. 34
8 Siti in multilingua 8.1 Indicazioni di Google sui siti in multilingua Si consiglia di seguire le indicazioni del documento Google Siti multiregionali e multilingue, il documento evidenzia come Google determini la lingua della pagina in base ai suoi contenuti. Per questo è necessario: a) assicurarsi che la lingua della pagina sia chiara poiché Google non utilizza gli attributi lang per la specifica della lingua b) assicurarsi che siano facilmente individuabili le versioni in tutte le lingue Si consiglia quindi di collocare i contenuti in multilingua in apposite sezioni contraddistinte da parole individuanti la lingua quali english, french,.. (ad esempio sito.unibs.it/english/..) evitando di riportare sulla stessa pagina contenuti tradotti in altre lingue. 8.2 Traduzione automatica delle pagine E' possibile utilizzare le funzionalità del componente Google Element Translate per tradurre automaticamente le pagine del sito unitamente alle impostazioni di lingua del browser. All'atto della creazione il sito è predisposto per la pubblicazione di pagine in italiano. Supponendo di aver creato le pagine in inglese possiamo così impostare la lingua di visualizzazione del sito: Procedendo al salvataggio della configurazione del sito così modificata vedremo comparire nella pagine l'icona che attiva il traduttore di Google: Il traduttore di Google è in grado di identificare l'impostazione della preferenza linguistica del browser utente e ne permette la visualizzazione in questo linguaggio. 35
9 Emulazione di un modello Responsive Nel creare un template che si adattasse ai vari display è sorta la necessità di mantenere una struttura di layout nell'intestazione del sito. Per questo si è ricorso alla possibilità di collocare una piccola immagine sull'intestazione e rifletterla orizzontalmente. Figura 27 Impostazione nell'intestazione della modalità di ripetizione di un'immagine 10 Accesso via https Normalmente il sito è accessibile tramite https (ad esempio: https://sites.google.com/a/unibs.it/nome-sito/ ) ma se si usa un url personalizzato la piattaforma adotta il protocollo http (ad esempio, se si usa nome-sito.unibs.it non si potrà accedere con il protocollo https) 36
11 Form in Google Sites In questa parte descriviamo lo strumento Moduli di Google, utile per pianificare eventi, inviare sondaggi, sottoporre quiz agli studenti o raccogliere le informazioni in modo semplice ed efficiente 11.1 Un esempio di realizzazione Integrato in Google Drive esiste lo strumento Crea Moduli utile per pianificare eventi, inviare sondaggi, sottoporre quiz agli studenti o raccogliere le informazioni in modo semplice ed efficiente. Un modulo Google può essere collegato a un foglio di lavoro Google. Se un foglio di lavoro è collegato al modulo, le risposte saranno inviate automaticamente al foglio. In caso contrario, gli utenti possono visualizzarle nella pagina "Riepilogo delle risposte" accessibile dal menu Risposte. E' anche possibile inviare il modulo ad un indirizzo email, nell'email inviata all'utente sarà anche contenuto il link al modulo on-line. Il modulo può essere suddiviso su più pagine, è sufficiente cliccare su Aggiungi elemento e scegliere Interruzione di pagina. 37
11.2 Come realizzare un modulo dei contatti Selezionando la voce Modulo apparirà una finestra dove introdurremo il titolo del modulo, potremo scegliere un tema e quindi inizieremo a introdurre i vari campi del modulo: Figura Realizzazione di un modulo contatti - preparazione delle domande Al posto di Domanda senza titolo, scriveremo Nome volendo richiedere ai nostri utenti di qualificarsi, è possibile spuntare la voce Domanda obbligatoria in modo che questo dato sia inserito obbligatoriamente: 38
Quindi, terminato di aggiungere i vari componenti del modulo, si potrà personalizzare la Pagina di conferma Figura 28 Realizzazione di un modulo di contatti - preparazione della pagina di conferma Cliccando su Invia modulo potremo inserire l indirizzo email a cui sarà inviato il modulo da compilare e avremo il link da inserire sulla nostra pagina web Figura 29 Realizzazione di un modulo di contatti - invia modulo 39
Questo è un esempio di messaggio, mandato dal form, per inviare l utente a compilare il questionario on-line: Figura 30 Esempio di invito, qui per compilare il questionario on-line 11.2.1 Come identificare l'utente e registrare gli indirizzi e-mail degli utenti Nelle impostazioni del modulo è possibile indicare, oltre alla richiesta di identificazione dell utente, che si vuole raccogliere automaticamente il nome utente di chi lo compila non potendo impedire agli utenti di inviare un modulo più volte. Utilizzando Google Apps si possono registrare gli indirizzi email degli utenti che compilano il modulo. A questo scopo, seleziona la casella di controllo accanto a "Raccogli automaticamente il nome utente dominio.com del rispondente" quando si crea il modulo. I destinatari del sondaggio vedranno un messaggio nella parte superiore del modulo che indica che il nome utente verrà raccolto automaticamente. 40
Figura 31 Esempio di informazioni raccolte 11.2.2 Come pubblicare il form dei contatti Dobbiamo procedere a modificare la nostra pagina cliccando sull'usuale icona: Figura 32 Modifica di un form Cliccare sulla voce Modulo, in questo modo sarà possibile selezionare e importare il nostro form: 41
Figura 33 Pubblicazione di un modulo su una pagina - passo 2 dopo aver selezionato il form possiamo definire alcuni parametri relativi alla visualizzazione: Figura 34 Pubblicazione di un modulo su una pagina - passo 3 42
ed ecco apparirlo sulla nostra pagina: Figura 35 Pubblicazione di un modulo su una pagina - passo 4 43
11.3 Un esempio di quiz E possibile realizzare un form suddividendolo in pagine, includendo una progress bar e un controllo per la validazione dei dati. Figura 36 Preparazione di un sondaggio - passo 1 44
Se l utente preferisce le materie economiche gli sarà presentata la pagina di Economia: Figura 37 Preparazione di un sondaggio - passo 2 Notare l'azione Invia modulo, infatti al termine della compilazione di questa pagina il modulo viene inviato. E' anche possibile permettere all'utente la compilazione di ulteriori pagine. 45
In questo esempio si vede come sia possibile controllare se l utente ha introdotto un indirizzo email o un semplice testo: Figura 38 Preparazione di un sondaggio - passo 4 Ecco i parametri utili per controllare che il testo sia un indirizzo e-mail valido: Figura 39 Preparazione di un sondaggio - controllo validità e-mail Infine potremo incorporare il modulo sul nostro sito o inviare il modulo ai nostri utenti: 46
Figura 40 Preparazione di un sondaggio - passo 5 47
Adesso passiamo alla fase di pubblicazione del sondaggio sul nostro sito: Figura 41 Fase di pubblicazione del form sul nostro sito Possiamo quindi scegliere, tra i nostri moduli, quello da pubblicare fissandone le proprietà di visualizzazione: Figura 42 Proprietà del sondaggio da pubblicare 48
Ed ecco come si presenta sulla pagina: Figura 43 Presentazione del sondaggio sulla pagina 49
Se, per caso il nostro studente si è dimenticato di effettuare una selezione l applicazione lo avverte: Figura 44 Esempio di avvertenza a seguito di non compilazione di un campo Su Google Drive il sistema creerà un file contenente le risposte dei nostri utenti: 50
11.4 Come essere avvisato se un utente compila il modulo E' sufficiente accedere al file delle risposte e dalla barra strumenti selezionare Strumenti > Regole di notifica Figura 45 Impostazioni delle regole di notifica 51
ed ecco quanto ci viene comunicato: Figura 46 Esempio di comunicazione in seguito alla compilazione di un utente 52
Se si prova ad accedere al file contenente le risposte Google evidenzierà le ultime modifiche: 11.5 formlimiter formlimiter è un modulo aggiuntivo sviluppato da Andrew Stillman che può essere installato, come componente aggiuntivo dei moduli di Google, per limitare il numero massimo di risposte e per attivare il form a partire da una data prefissata. Riferimento: formlimiter da New Visions Cloud Lab 11.5.1 Come installarlo Da Google Forms selezioniamo la voce Componenti aggiuntivi > Installa componenti aggiuntivi E procediamo a selezionare la categoria dei componenti digitando form, apparirà la seguente interfaccia: 53
Sono quindi presentati alcuni componenti, tra questi il formlimiter. 54
Cliccando su Gratis sarà possibile installare il componente, prima è necessario che si consenta a questa applicazione di utilizzare alcune informazioni utili per il servizio. Nota: Si consiglia l uso di un indirizzo email dedicato. Cliccando su Accetto il componente si installerà ed sarà visibile nell elenco dei componenti aggiuntivi del modulo: 55
Ed ecco come è possibile configurare il numero max di risposte: 56
11.5.2 Come rimuovere il componente E sufficiente selezionare la voce del menù Componenti aggiuntivi per selezionare il componente e procedere alla sua rimozione: 11.5.3 Privacy Per questo componente software vedi le norme generali riportate in New Visions Cloud Lab Terms of Use. 57
12 Google Docs 12.1 Scrittura in condivisione Più utenti possono condividere e lavorare congiuntamente su un documento di Google, ad esempio su un foglio di calcolo. Il sistema informa l'utente delle modifiche che un altro utente sta apportando e provvede ad aggiornare il foglio in modo che entrambi vedano il documento aggiornato. 12.2 Inserimento di formule matematiche nei documenti Vedi l'articolo di Google Mathematical equations. 58
13 Google Sheets 13.1 Come incorporare un grafico dinamico in una pagina di Google Sites E' possibile usare Google Drive per creare, a partire da una tabella di dati, un grafico che si aggiorna automaticamente al variare di essi. Inseriti i dati e creato il grafico si passa alla sua pubblicazione sul web: Figura Google Sheets: pubblicazione sul web di un grafico 59
Occorre selezionare il flag Ripubblica automaticamente in caso di modifiche e quindi si clicca su Avvia pubblicazione Figura Google Sheets: generazione del link di associazione tra grafico e pagina web Sulla pagina web, usando la modalità di importazione di un grafico si usa il link, precedentemente generato, per creare l associazione tra pagina web e foglio di calcolo ed ecco visualizzarsi il grafico: 60
Figura 47 Esempio di grafico pubblicato su una pagina di Google Sites Da notare che se si modifica un valore nella tabella dei dati si modifica corrispondentemente il grafico mentre se si aggiunge un valore il grafico rimane lo stesso. Per rimediare a questo è possibile usare su Google Sites un intervallo di valori più ampio di quello usato per costruire il grafico, ad esempio se per il grafico si è usato il range A1:B10 nelle impostazioni del gadget presente sulla pagina web possiamo usare il range A1:B100. Inoltre, in questo modo, sul foglio di calcolo i nuovi dati vengono aggiunti dinamicamente al grafico. 61
Figura 48 Google Sheets: editor grafico 62
14 Esempi di messaggi 14.1 Esempio di messaggio inviato da Google Sites per nuovi proprietari o nuovi utenti Ecco un esempio di messaggio che informa l'amministratore del sito che sono stati aggiunti un nuovo proprietario e un nuovo utente: Messaggio di riepilogo Nel tuo account sono stati ricevuti i seguenti messaggi importanti sui siti inviati da Strumenti per i Webmaster. Per mantenere l'integrità del tuo sito, rivedi regolarmente questi messaggi e risolvi eventuali problemi. Nuovo proprietario verificato per http://sites.google.com/a/ict.unibs.it/nome_sito/ Un nuovo utente è stato verificato come proprietario di http://sites.google.com/a/ict.unibs.it/nome_sito/: segue identificazione dell'utente Per gestire i proprietari del sito, visita la pagina di verifica di Strumenti per i Webmaster per http://sites.google.com/a/ict.unibs.it/nome_sito/. Per ulteriori informazioni visita il Centro assistenza per la verifica di Strumenti per i Webmaster. 63
15 Come inserire un gadget su una pagina web Documentazione: Gadgets API https://developers.google.com/gadgets/ Per inserire un gadget (al 15/03/2015) occorre caricarlo sulla vecchia versione di Drive, quindi: nella vecchia versione di Google Drive è presente un url nel campo Hosting: questo url sarà da noi usato per aggiungere il gadget alla pagina web. 64
Note: a) l'url sarà del seguente tipo: https://stringa alfanumerica.googledrive.com/host/ altra stringa alfanumerica/nome gadget.xml b) se si clicca su questo url possiamo controllare eventuali inesattezze del codice contenuto nelllo script. Procediamo adesso ad inserire il gadget nella pagina web utilizzando la funzione Aggiungi gadget in base a URL : Figura Aggiungere un gadget - passo 1 Figura Aggiungere un gadget - passo 2 ed ecco apparire il gadget sulla pagina web: 65 Figura Aggiungere un gadget - passo 3
66
16 Accessibilità 16.1 Riferimenti e documentazione 1) Decreto 20 marzo 2013 Modifiche all'allegato A del decreto 8 luglio 2005 del Ministro per l'innovazione e le tecnologie, recante: «Requisiti tecnici e i diversi livelli per l'accessibilità agli strumenti informatici. 2) Google Accessibility website 3) Web Content Accessibility Guidelines (WCAG) 2.0 16.2 Accessibilità del sito Col termine accessibilità si intende la capacità dei sistemi informatici, nelle forme e nei limiti consentiti dalle conoscenze tecnologiche, di erogare servizi e fornire informazioni fruibili, senza discriminazioni, anche da parte di coloro che a causa di disabilità necessitano di tecnologie assistive o configurazioni particolari. Con l'accessibilità si intende rendere l'informazione, nel suo concetto più generico, accessibile al massimo numero di persone in modo indipendente da disabilità psicofisiche e dalle configurazioni hardware e software dell utente. Riferendosi alla realizzazione di un sito web questo vuol dire favorire la fruizione e l'interazione rispettando le esigenze e le preferenze degli utenti, senza esclusioni. Da notare che l accessibilità favorisce l usabilità1 in quanto rendere un interfaccia web compatibile con utenti disabili la rende più facile da usare da parte di tutti gli utenti. Quando si parla di usabilità stiamo valutando la possibilità di rendere un oggetto, un'applicazione o un sito più facile da usare e in modo più soddisfacente. 16.3 Indicazioni di Google sull'accessibilità dei prodotti Google Apps offre diverse funzioni di accessibilità, tra cui le scorciatoie da tastiera e il supporto screen reader in Gmail, Google Calendar, Google Chat e Google Sites. L'utente può consultare la pagina di Google: Funzioni di accessibilità in Google Apps che riporta alcuni suggerimenti sull'uso di alcuni prodotti quali Gmail, Google Drive e Google Sites. 1 Secondo la norma ISO 9241 l'usabilità è il grado in cui un certo prodotto può essere usato con efficacia, efficienza e soddisfazione, da particolari utenti che abbiano certi obiettivi e operino in determinati contesti d'uso. 67