Gestione home page egovernment L home page del portale Halley egovernment permette all Amministrazione di pubblicare contenuti e informazioni e di organizzarle in blocchi. Questa struttura per argomenti (blocchi) rende la gestione dell Home Page semplice e immediata. Gli strumenti messi a disposizione per gestire della grafica del portale e la Home page sono semplici da utilizzare anche per gli operatori meno esperti che non hanno conoscenze specifiche. Tutte le funzioni di configurazione dello stile del portale sono presenti nella sezione Intranet -> Ambiente Halley -> Gestione homepage 1. Personalizzazione home page (creazione e posizionamento dei blocchi ); 2. Scelta tema (stile grafico del portale); 3. Impostazione header; 4. Impostazione menu (abilitazione aree del portale). Una volta effettuato l accesso in una di queste sezioni è possibile spostarsi da una funzione all altra utilizzando le tab. Manuale d uso aggiornato alla versione 01.14.00 Pagina 1 di 22
Attiva: rende visibili (effettive nella home page) le modifiche apportate ai blocchi. Anteprima: permette di visualizzare il risultato finale prima di rendere effettive le modifiche apportate ai blocchi attraverso il bottone Attiva. 1. Personalizzazione home page Accedendo nella funzione viene mostrata la struttura scelta per la home Page e tutti i blocchi posizionati. Sotto la struttura è presente l elenco dei blocchi; nella stessa lista sono disponibili i blocchi posizionati e non posizionati, i blocchi predefiniti (messi a disposizione dal sistema) ed i blocchi utente (creati dall operatore).! I blocchi predefiniti sono riconoscibili dall utente poiché non è presente, in fondo alla riga relativa al blocco, l icona per l eliminazione (crocetta rossa) ed accedendo in modifica si può soltanto modificare lo stile ma non il contenuto. 1.1 Scelta struttura La struttura dell home page definisce le aree dove posizionare i blocchi. Quando si apre la finestra per la scelta della struttura, è evidenziato il template attuale; selezionare la nuova struttura. Nella finestra principale si vedrà la struttura modificata e nella lista dei blocchi saranno disponibili i colori delle aree utilizzabili. Chiudere la finestra con la crocetta in alto a destra. I blocchi già posizionati saranno ricollocati nell area dello stesso colore; se il colore non è presente nella struttura scelta il blocco sarà disattivato. Per riattivarlo è sufficiente cercarlo tra i blocchi disattivi e selezionare il colore relativo all area di destinazione.! per rendere effettiva la modifica occorre selezionare il bottone Attiva. Manuale d uso aggiornato alla versione 01.14.00 Pagina 2 di 22
1.2 Configurazione slideshow Uno slideshow è una sequenza d immagini da visualizzare nell homepage. Lo slideshow è mostrato immediatamente sotto l header e per tutta la larghezza del tema scelto; la posizione e la dimensione non sono configurabili. Altre gallerie d immagini possono essere inserite nei bocchi utilizzando la funzione Aggiungi blocco descritta in seguito.! Per i temi egov e translucent gold plus lo slideshow non è diponibile. Lo slideshow può essere attivo o disattivo ; in questo caso è necessario selezionare l impostazione presente in questa funzione. Per iniziare, caricare la prima immagine: selezionare il bottone carica immagine, selezionare il file ed inserire la descrizione che si desisdera mostrare per l immagine. Selezionare il bottone Salva. Manuale d uso aggiornato alla versione 01.14.00 Pagina 3 di 22
Una volta caricato il file si aprirà l immagine. In alto a destra rispetto all immagine comparirà la descrizione e a sinistra i bottoni per la gestione. Muovendo il mouse sopra l icona uscirà un suggerimento. Ritaglia immagine: serve per selezionare la parte d immagine che si vuole mostrare nello slideshow. Selezionare la porzione d immagine, il taglio sarà sempre proporzionato alla dimensione dello slideshow in home page. Manuale d uso aggiornato alla versione 01.14.00 Pagina 4 di 22
Selezionare Ritaglia immagine. Cancella slide: eliminare l immagine dallo slideshow. Aggiungi immagine: inserire nuove immagini nello slideshow; procedere come nel caso della prima immagine. Manuale d uso aggiornato alla versione 01.14.00 Pagina 5 di 22
! Ricordarsi di attivare lo slideshow quando si vuole mostrare nella home page. Chiudere la finestra con la crocetta in alto a destra. 1.3 Rappresentazione grafica della struttura e dei blocchi dell home page Utilizzando lo schema della struttura (template) è possibile gestire, spostare, annullare il posizionamento e vedere in anteprima il blocco. Apertura anteprima blocco: cliccare sul titolo del blocco. Modificare la posizione del blocco: posizionare il mouse sul titolo del blocco, comparirà l icona ; trascinare il blocco nella posizione desiderata. Gestione del blocco: cliccare sulla freccetta a sinistra del titolo del blocco ( ), si aprirà il menu con le opzioni di gestione. Modifica blocco: accedere alla variazione dell intestazione, del contenuto e dello stile del blocco (per indicazioni sullinformazioni da gestire vedi Creazione di un blocco ) Annulla posizionamento: il blocco assumerà lo stato Disattivo e non è più posizionato nella struttura; per posizionarlo nuovamente ricercare il blocco nelle lista e scegliere l area dove collocarlo. Copia impostazioni: le impostazioni si riferiscono esclusivamente allo stile e possono essere copiate da un blocco per essere incollate in un altro. Incolla impostazioni: Attribuisce le impostazioni (stile) del blocco copiato al blocco corrente.! per rendere effettive le modifiche occorre selezionare il bottone Attiva. 1.4 Creazione di un blocco Selezionare il bottone Aggiunta blocco posizionato a destra sopra la lista dei blocchi. Anche in questo caso si aprirà una nuova finestra sopra alla principale che contiene diverse schede per la gestione del blocco: tipo, configura intestazione, contenuto e stile. 1.4.1 Tipo Per facilitare la creazione di un blocco sono disponibili diversi tipi di blocco, legati al contenuto che l operatore vuole inserire. Per semplificare la scelta si possono selezionare i contenuti d interesse: testi, immagini e link. Manuale d uso aggiornato alla versione 01.14.00 Pagina 6 di 22
Tra i tipi di blocco compariranno soltanto quelli rispondenti alle esigenze espresse. Selezionare il tipo d interesse e cliccare il bottone Continua. Manuale d uso aggiornato alla versione 01.14.00 Pagina 7 di 22
1.4.2 Configura intestazione Stabilire le proprietà principali del blocco e dell intestazione. Titolo: nome del blocco. Sottotitolo: descrizione breve del blocco. Allineamento dell intestazione: posizione di titolo e sottotitolo. intestazione titolo sottotitolo Visualizza l intestazione nel blocco: escludere la visualizzazione dell intera intestazione. Visualizza il bordo del blocco: mostrare o meno bordo esterno del blocco. Visualizza l archivio notizie: mostrare o meno l elenco delle notizie scadute (pubblicate precedentemente) del blocco (la gestione della scadenza è descritta in seguito nella scheda Contenuto ); la voce archivio notizie viene visualizzata soltanto se ci sono notizie scadute. Manuale d uso aggiornato alla versione 01.14.00 Pagina 8 di 22
Apri/chiudi il blocco al click sul titolo: visualizzare in home page, il blocco aperto o chiuso, selezionando Si viene chiesto anche se all apertura il blocco deve essere mostrato aperto o chiuso. Il blocco con questa caratteristica è riconoscibile dalla freccia accanto al titolo. Cliccando sul titolo il blocco si apre e si chiude, nel secondo caso rimmarrà visibile soltanto il nome. Selezionare il bottone Salva e continua.! per rendere effettiva la modifica occorre selezionare il bottone Attiva. 1.4.3 Contenuto All apertura della scheda appare la lista degli elementi del blocco. Aggiunta di un nuovo elemento: utilizzare il link Aggiunta per inserire elementi nuovi. Ordinare le voci: selezionare l icona e trascinare l elemento nella posizione corretta. Modificare il contenuto: selezionare l icona Eliminare la voce di menù: selezionare l icona si apre la funzione di gestione dei contenuti., si aprirà la finestra di conferma, selezionare OK.! per rendere effettive le modifiche occorre selezionare il bottone Attiva. Manuale d uso aggiornato alla versione 01.14.00 Pagina 9 di 22
L inserimento del contenuto è differente in base al tipo di blocco scelto: 1. Immagine + testo verticale Immagine: selezionare il file da caricare. Descrizione immagine: inserire il testo da visualizzare al passaggio del mouse sopra l immagine. Posizione immagine: scegliere se si desidera avere l immagine sopra o sotto rispetto al testo. Dimensione immagine: l immagine viene adattata alla larghezza dell area su cui il blocco viene posizionato, indicare una percentuale inferiore a 100 se si desidera che l immagine non occupi tutto lo spazio del blocco. 100% 80% Scadenza: indicare la data in cui la voce di menù non deve più essere visibile. Testo: indicare il testo da mostrare in home page. Manuale d uso aggiornato alla versione 01.14.00 Pagina 10 di 22
! per rendere effettive le modifiche occorre selezionare il bottone Attiva. 2. Immagine + Testo orizzontale Immagine: selezionare il file da caricare. Descrizione immagine: inserire il testo da visualizzare al passaggio del mouse sopra l immagine. Posizione immagine: scegliere se si desidera avere l immagine alla sinistra o alla destra del testo. Dimensione immagine: l immagine viene adattata alla larghezza dell area su cui il blocco viene posizionato, per dare spazio al testo non è possibile definire una larghezza superiore al 70% della colonna. 50% 25% Scadenza: indicare la data in cui la voce di menù non deve più essere visibile. Testo: indicare il testo da mostrare in home page. Manuale d uso aggiornato alla versione 01.14.00 Pagina 11 di 22
Se si desidera inserire in home page un testo con un collegamento ad un testo più lungo, allegati, etc, si devono utilizzare i servizi aggiuntivi come descritto per il tipo blocco Immagine + testo verticale. Selezionare il bottone Salva.! per rendere effettive le modifiche occorre selezionare il bottone Attiva. 3. Menù Tipo link: 1) Link guidato (se si desidera inserire un link ad una funzione esistente nel sito); Tipo funzione: selezionare il menu cui la funzione appartiene (il comune informa o vivere la città) oppure servizio aggiuntivo. Voci: Le voci (funzioni o servizi) presenti nella lista sono estratte in base alla precedente selezione. 2) Link personalizzato (se il link deve richiamare un indirizzo esterno al portale o si conosce il percorso da utilizzare per aprire un file caricato sul server tramite la funzione Gestione file ). Indirizzo: indicare l indirizzo da collegare. Testo visualizzato: indicare il testo da visualizzare nel menù. Apri in una nuova finestra: indicare se il collegamento deve essere aperto sulla stessa finestra o si deve aprire una nuova finestra del browser (Explorer, Firefox. Chrome, etc..). Scadenza: indicare la data in cui la voce di menù non deve più essere visibile. Selezionare il bottone Salva. Manuale d uso aggiornato alla versione 01.14.00 Pagina 12 di 22
! per rendere effettive le modifiche occorre selezionare il bottone Attiva. 4. Slideshow Ogni elemento corrisponde ad un immagine della galleria. Immagine: selezionare il file da caricare. Descrizione immagine: inserire il testo da visualizzare per l immagine. Scadenza: indicare la data in cui l immagine non deve più essere visibile. L immagine viene tagliata rispetto alla larghezza dell area dov è posizionato il blocco, mantenendo la lunghezza.! per rendere effettive le modifiche occorre selezionare il bottone Attiva. 5. Libero Grazie all utilizzo dell editor di testi il blocco libero si presta ad accogliere immagini, testi, link, codice html (ad esempio il meteo) ecc Manuale d uso aggiornato alla versione 01.14.00 Pagina 13 di 22
Permette di inserire/visualizzare e modificare direttamente il codice html. Formattazione deel testo. Inserire tabelle. Inserire emoticon. Eliminare la formattazione del testo. Caricare/gestire immagini. Dividere il testo con righe orizzontali. Annullare e ripristinare le modifiche. Gestire collegamenti (link). Caricare/gestire animazioni in flash. Se si desidera inserire in home page un testo o una immagine con un collegamento utilizzare l icona. Anche in questo caso, sarà possibile selezionare il tipo di collegamento che si intende creare: ad un testo più lungo, allegati, etc, si devono utilizzare i servizi aggiuntivi come descritto per il tipo blocco Immagine + testo verticale.! per rendere effettive le modifiche occorre selezionare il bottone Attiva. Manuale d uso aggiornato alla versione 01.14.00 Pagina 14 di 22
6. Youtube Id o link del video: inserire l indirizzo del video desiderato. Altezza: Esprimere sempre l altezza in pixel oppure in percentuale. Larghezza: Esprimere in pxel la larghezza del video oppure in percentuale rispetto alla larghezza dell area dove il blocco è posizionato. Scadenza: indicare la data in cui il video non deve più essere visibile.! per rendere effettive le modifiche occorre selezionare il bottone Attiva. 1.4.4 Stile Definire i colori del blocco (titolo, sfondo, bordi, etc ). Scegliere un colore per gli elementi disponibili; selezionare il campo accanto all elemento e poi selezionare un colore. Manuale d uso aggiornato alla versione 01.14.00 Pagina 15 di 22
In alternativa scegliere un preset, selezionando uno di quelli proposti sopra alla tavola dei colori. Per ripristinare il blocco con i colori originali selezionare Ripristina predefinito accanto alla selezione del preset. Selezionare il bottone Salva stile.! per rendere effettive le modifiche occorre selezionare il bottone Attiva. 1.5 Ricerca di un blocco Sopra la lista è posta la ricerca dei blocchi. Titolo: nome del blocco. Area: area in cui il blocco è posizionato, oppure blocchi disattivi. Tipo: tipologia del blocco. 1.6 Operazioni sui blocchi creazione Selezionare il bottone Aggiunta blocco posizionato a destra sopra la lista dei blocchi. modifica Utilizzare lo schema della struttura per modificare il blocco. In alternativa, selezionare l icona dalla lista dei blocchi.! non è possibile modificare il tipo, soltanto i contenuti (un blocco di tipo menu non può diventare un blocco libero). Manuale d uso aggiornato alla versione 01.14.00 Pagina 16 di 22
posizionamento Dalla lista dei blocchi, per il blocco da posizionare, selezionare al posto di Disattivo l area in cui collocare il blocco. modificare la posizione Utilizzare lo schema della struttura per spostare un blocco da un area ad un altra o modificarne l ordinamento nella stessa area; posizionare il mouse sul titolo del blocco, comparirà l icona ; trascinare il blocco nella posizione desiderata. In alternativa, dalla lista dei blocchi, per il blocco da spostare, selezionare l area dalla scelta dei colori delle aree disponibili. disattivare (=annullare il posizionamento) Utilizzare lo schema della struttura per annullare il posizionamento.. In alternativa, dalla lista dei blocchi, per il blocco da disattivare, selezionare Disattivo dalla scelta delle aree disponibili. eliminare Dalla lista dei blocchi selezionare l icona finestra di conferma, selezionare OK. in corrispondenza del blocco da eliminare, si aprirà la! per rendere effettive le modifiche occorre selezionare il bottone Attiva. Manuale d uso aggiornato alla versione 01.14.00 Pagina 17 di 22
1.7 Collegamenti (link) dal contenuto del blocco Se si desidera inserire in home page un testo con un collegamento ad un testo più lungo, allegati, etc, si deve utilizzare l icona di collegamento. Procedere nel modo seguente: 1) selezionare la porzione di testo che si vuole rendere link; 2) selezionare il bottone dell editor; 3) scegliere il tipo di collegamento; Manuale d uso aggiornato alla versione 01.14.00 Pagina 18 di 22
URL: per collegare un sito esterno. Protocollo: di solito si utilizza il protocollo http; URL: indicare l indirizzo di destinazione. Servizio aggiuntivo: per scegliere dalla lista un servizio aggiuntivo precedentemente creato. Selezionare dall elenco il servizio desiderato. Se non si conosce il funzionamento dei servizi aggiuntivi utilizzare l apposito manuale, disponibile in eprocedure. Ancora nella pagina: per creare un collegamento all interno dello stesso testo. E-mail: inviare un e-mail ad un indirizzo. Indicare, oltre all indirizzo cui inviare la e-mail, anche l oggetto ed il corpo del messaggio che l utente troverà predisposti. Selezionare il bottone Salva. 2. Scelta tema Nella sezione Scelta Tema l amministratore ha la possibilità di scegliere per il sito uno tra gli stili messi a disposizione. Manuale d uso aggiornato alla versione 01.14.00 Pagina 19 di 22
Per scegliere lo stile basta selezionare l anteprima dello stile desiderato.! Per i temi egov e translucent gold plus lo slideshow non è diponibile.! per rendere effettive le modifiche occorre selezionare il bottone Attiva. 3. Impostazione header Il primo passo da compiere per la configurazione del portale è l inserimento del nome del comune e l immagine da inserire nell header del portale. Per effettuare queste impostazioni procedere come segue: Accedere nell area Intranet -> Ambiente halley -> Gestione Home Page -> Impostazione header Nome del Comune: indicare il nome dell ente per esteso (esempio: Comune di Demo ); togliere ogni eventuale carattere inserito nel campo di edit. Barra del Titolo (Header): titolo del portale; utilizzare l editor di testo a disposizione per la formattazione. header Manuale d uso aggiornato alla versione 01.14.00 Pagina 20 di 22
Indirizzo del Comune: inserire l indirizzo dell ente utilizzando l editor di testo per la formattazione. Posizione indirizzo: decidere se visualizzare l indirizzo inserito in precedenza, sotto o accanto alla barra del titolo (header). Logo comune: selezionare il bottone Sfoglia o cliccare sul campo di edit grigio per caricare il file relativo al logo dell ente; una volta caricato il file saranno mostrate anche le voci: Logo caricato: viene mostrata l anteprima del logo e la possibilità di eliminare l immagine utilizzando l icona ; Dimensione immagine: indicare il valore percentuale dell immagine da mostrare. Abilita multilingua: selezionare Si se si desidera visualizzare le icone per cambiare la lingua del portale. Abilita ricerca: selezionare Si se si desidera visualizzare il campo di ricerca nell intestazione del portale (per il corretto funzionamento del motore di ricerca vedere il paragrafo 2.2 Motore di ricerca del manuale Halley egovernment).! Le modifiche apportate in questa sezione saranno attive appena selezionato il bottone Salva, indipendentemente dalla selezione del comando Attiva. 4. Impostazione menu E molto importante decidere quali aree del portale abilitare/disabilitare. Per eseguire queste impostazioni procedere come segue: Intranet -> Ambiente halley -> Gestione Home Page -> Impostazione menu Manuale d uso aggiornato alla versione 01.14.00 Pagina 21 di 22
Mettere un segno di spunta sulle aree che si intende abilitare e selezionare il bottone Salva. Modificare il titolo: cambiare la dicitura presente a destra del segno di spunta. Ripristinare la dicitura originaria: lasciare vuoto il campo con il titolo e selezionare il bottone Salva.! Le modifiche apportate in questa sezione saranno attive appena selezionato il bottone Salva, indipendentemente dalla selezione del comando Attiva. Manuale d uso aggiornato alla versione 01.14.00 Pagina 22 di 22