manuale utente gestione sito sviluppato in typo3 · potrà gestire all'interno della area...

Manuale Utente MAN-01Pag.1 di 23

Gestione sito internet sviluppato su tecnologia Typo3 27/12/11

MANUALE UTENTE

GESTIONE SITO SVILUPPATO IN TYPO3



INDICE

1. Introduzione...................................................................................................................................................................................... 3

1.1. Premessa documento.............................................................................................................................. 31.2. Caratteristiche Typo3.............................................................................................................................. 31.3. Backend e Frontend................................................................................................................................ 31.4. Struttura generale Backend..................................................................................................................... 41.5. Albero delle pagine.................................................................................................................................. 41.6. Il menu contestuale................................................................................................................................. 51.7. Caratteristiche pagina.............................................................................................................................. 5

2. Creare e modificare pagine e contenuti..............................................................................................................................................7

2.1. Nuova pagina........................................................................................................................................... 72.2. Creare i contenuti.................................................................................................................................... 92.3. Editor di testo......................................................................................................................................... 122.4. Gestione Utenti...................................................................................................................................... 132.5. Gestione documenti............................................................................................................................... 152.6. News ed Eventi...................................................................................................................................... 162.7. Newsletter.............................................................................................................................................. 172.8. PowerMail.............................................................................................................................................. 192.9. FAQ....................................................................................................................................................... 202.10. Immagini a scorrimento....................................................................................................................... 212.11. Cestino................................................................................................................................................. 222.12. Setup Utente........................................................................................................................................ 22



1. Introduzione

1.1. Premessa documento

Questo documento rappresenta una guida alle principali funzionalità del cms Typo3. In particolare, verrà

fatta una prima panoramica sul cms, per poi passare a descrivere in dettaglio le funzionalità, che l'utente

potrà gestire all'interno della area amministrazione. Il documento si conclude con delle linee guida per la

configurazione di un nuovo sito internet e la migrazione degli attuali siti sulla nuova piattaforma.

1.2. Caratteristiche Typo3

Typo3 è un CMS open source per la gestione dei contenuti, che permette di creare e gestire siti web

anche molto complessi, con un semplice browser e con licenza gratuita. Con il cms Typo3 è possibile

ottenere soluzioni rapide, efficaci e semplici, in completa autonomia.

Una delle caratteristiche fondamentali di Typo3 è la semplicità d'uso e la stabilità. Lo staff della Typo3

Association è continuamente impegnato negli aggiornamenti e avvisi per la sicurezza. L'intero sito o parti

specifiche del sito, possono essere assegnati a più persone che concorrono alla pubblicazione.

1.3. Backend e Frontend

Typo3 si suddivide in due aree: il backend e il frontend. Il frontend rappresenta la parte pubblica, ovvero il

sito internet che visualizza l'utente sul proprio browser. Il backend, detto anche parte amministrativa,

prevede un accesso mediante login e password agli utenti addetti alla gestione del sito e dei suoi

contenuti. Per visualizzare il fontend è sufficiente inserire l'indirizzo internet completo nel browser

utilizzato (Internet Explorer, Firefox, Chrome, Safari, etc.), ad esempio http://www.nomedelcomune.it

Per accedere al backend è necessario aggiungere all'indirizzo internet del sito /typo3, ovvero:

http://www.nomedelcomune.it/typo3.

Si aprirà una pagina di login, dove sarà necessario inserire la propria login e password, cliccare sul tasto

login, per accedere all'amministrazione.

http://www.nomedelcomune.it/typo3



1.4. Struttura generale Backend

La struttura generale del backend prevede diverse aree di visualizzazione, in particolare troviamo un

menu dei moduli (1), un albero delle pagine (2), un'area dedicata ai contenuti (3) e un'intestazione del

documento (4).

1.5. Albero delle pagine

L'albero delle pagine rappresenta la struttura gerarchica del sito internet. Nella maggior parte dei casi,

questo è esattamente corrispondente a quello che si visualizza nella parte pubblica del sito web. L'albero

delle pagine può essere ampliato facendo click sulle frecce piccole a sinistra degli elementi.

Sulla testata è disponibile una funzione di ricerca rapida, che consente di individuare facilmente le pagine

inserite. Abbiamo inoltre l'icona aggiungi pagina e quella di aggiornamento.



1.6. Il menu contestuale

Il menu contestuale può essere utilizzato per accedere alla maggior parte delle funzioni in modo semplice

e rapido. Cliccando con il tasto sinistro del mouse sull'icona della pagina, si apre un sottomenu con

diverse funzionalità, come quello visualizzato nell'immagine sottostante.

In dettaglio la spiegazione delle diverse opzioni:

• Mostra: apre la pagina mostrandola sul browser, in pratica visualizza il frontend;

• Disabilita: nasconde la pagina, rendendola inaccessibile dal frontend;

• Modifica: consente di modificare le proprietà della pagina;

• Info: visualizza alcune informazioni della pagina;

• Ultime modifiche / Annulla: mostra la cronologia delle modifiche effettuate sulla pagina;

• Azioni Pagina > Nuovo: consente di creare una nuova pagina;

• Azioni Pagina > Taglia: taglia la pagina per essere incollata senza mantenere la posizione originale;

• Azioni Pagina > Copia: copia la pagina mantenendo la posizione di quella originale;

• Azioni Pagina > Elimina: cancella la pagina dopo un'ulteriore conferma.

1.7. Caratteristiche pagina

Selezionando una pagina, con la funzione modifica, accediamo alla relativa scheda. In alto visualizzeremo un menu caratterizzato da diverse sezioni: Generale, Accesso, Metadata, Comportamento, Risorse, Extended



Generale: troviamo le informazioni primarie della pagina, come il titolo, il titolo di navigazione, il sottotitolo, etc.

Accesso: permette di configurare l'accesso alla pagina da parte degli utenti, di impostare la visibilità della pagina all'interno del menu e stabilire il periodo di pubblicazione.

Metadata: permettono di ottimizzare la pagina per una corretta indicizzazione nei principali motori di ricerca.

Stile: imposta lo stile della pagina, ad esempio permette di modificare il layout/template precedentemente scelgo, passando da un tre a un due o una colonna o viceversa.

Comportamento, Risorse, Extended: contengono ulteriori configurazioni della pagina.



2. Creare e modificare pagine e contenuti

2.1. Nuova pagina

Per creare una nuova Pagina è sufficiente cliccare sulla voce Pagina e poi sull'iconcina “crea nuove

pagine”, presente in diversi punti nella videata, vediamo un esempio:

Comparirà l'albero delle pagine per scegliere la posizione desiderata, basterà fare click sulla freccia di

interesse.



Stabilita la posizione, bisognerà scegliere uno tra gli stili proposti: 3 Colonne, 2 Colonne Destra, 2

Colonne Sinistra o Una Colonna.

Scelto il template desiderato, ci viene chiesto di inserire il Titolo pagina e un Alias (utile per i motori di

ricerca). Risulta possibile scegliere se nascondere momentaneamente la pagina.

Per salvare la pagina appena creata, possiamo utilizzare uno dei tre tasti con l'icona del dischetto, mentre

per con l'icona X si chiude il documento senza salvarlo.

Una volta salvata la pagina, ci troviamo la struttura a tre colonne e possiamo procedere con l'inserimento

dei contenuti desiderati. La procedura di creazione pagina serve per creare, definire le caratteristiche,

posizionarla nel menu e stabilire la struttura/layout che dovrà avere.



2.2. Creare i contenuti

Una volta creata la pagina, dobbiamo procedere con la scelta della tipologia di contenuti e l'inserimento

degli stessi.

Per ogni sezione della pagina troviamo due iconcine, la consueta “Crea nuovo elemento” e “Sfoglia

Record” che permette di scegliere un contenuto già inserito in precedenza.

Scegliendo di inserire un nuovo elemento, ci compare la seguente videata

In questo caso, scegliendo di inserire un Testo Normale ci comparirà una schermata dove inserire il titolo

del contenuto, il testo, stabilire l'aspetto, l'accesso alla pagina e la sua visibilità. In tutte le tipologie di

contenuto viene data la possibilità di stabilire l'accesso, vediamo in dettaglio di cosa si tratta:

In questa videata l'amministratore, oltre impostare l'accessibilità del contenuto, può stabilire a chi renderlo

visibile. Come impostazione principale il contenuto risulta visibile a tutti, ma è possibile selezionare se

nasconderlo dopo il login selezionando la voce “Nascondi al login”, oppure, mostrare a tutti gli utenti

registrati selezionando la voce “Mostra in caso di login”, o ancora, selezionare un gruppo di utenti

precedentemente creato, tipo il gruppo “TEST”.

Ritornando sulla creazione dei contenuti, una tipologia di contenuto particolare riguarda il “Contenuto

flessibile”, vediamo in dettaglio di cosa si tratta.



Scegliendo ad esempio il contenuto 3 Blocchi e cliccando sul tasto dischetto per salvare, ci troviamo il

seguente elemento di contenuto (quello evidenziato), disposto in questo caso su 3 blocchi. La medesima

procedura viene fatta per inserire un contenuto su 2 Blocchi.

Utilizzando questa tipologia, l'utente potrà organizzare la visualizzazione dei contenuti attraverso diverse

combinazioni possibili. In particolare, si può disporre di tre tipologie di contenuto distinte:

Contenuto a una colonna: quella utilizzata con le principali tipologie di contenuto, permette di inserire uno

o più contenuti disposti su un'unica colonna, quindi un contenuto per riga.

Contenuto a due colonne: permette di inserire due contenuti allineati su una singola riga.

Contenuto a tre colonne: permette di inserire tre contenuti allineati su una singola riga, come l'immagine

sopra.

Importante: le parti di sezione evidenziate di colore verde (le due colonne) e giallo (la chiusura),

servono ad indicare che il contenuto inserito si ripeterà in ogni pagina del sito. Ad esempio, se

desideriamo che un contenuto compaia sulla colonna di sinistra in ogni pagina lo inseriremo nella parte

verde, se invece vogliamo mostrarlo solo su una pagina lo inseriremo nella parte non evidenziata.

Considerate le tre tipologie sopradescritte, si può sfruttare la combinazione delle stesse, e quindi disporre

i propri contenuti con estrema flessibilità. Ad esempio, nella parte centrale della pagina, possiamo inserire

un contenuto disposto su 3 blocchi, sotto un contenuto su un singolo blocco e sotto ancora un contenuto

disposto su 2 blocchi.



Di seguito un esempio visivo di come possono essere organizzati i contenuti

Spostare i contenuti attraverso il trascinamento

Posizionandosi sulla barra del titolo di un contenuto e tenendo premuto il tasto sinistro del mouse è

possibile spostare un contenuto da una parte all'altra, sopra o sotto.



2.3. Editor di testo

Nella creazione dei contenuti il sistema si avvale di un editor di testo, con la possibilità di formattare i

contenuti come avviene in Microsoft Word. Una funzione importante riguarda la creazione di links, in

particolare, come in Word, si evidenzia la parola o la frase di interesse e si clicca sull'icona del link.Si

apre una finestra contenente le varie opzioni:

Pagina: permette di scegliere a quale pagina interna al sito indirizzare il link;

URL Esterno: permette di inserire un link esterno al sito, con possibilità di impostare il Target per l'apertura

della pagina in una nuova finestra;

Email: indirizza la parola/frase evidenziata ad un indirizzo email;

Media: permette di aprire un file caricato nella cartella MEDIA;

Upload: permette di caricare un nuovo file che non è presente nella cartella MEDIA per poi aprirlo tramite

link.



2.4. Gestione Utenti

Nel presente capitolo verranno descritte le seguenti funzionalità:

• Creazione utenti

• Creazione gruppi utenti

Per creare un utente si clicca sulla voce Gestione utenti e sull'icona crea nuovo utente

Verrà visualizzata la seguente schermata



Nel creare l'utente sarà sufficiente inserire una username una password e assegnarlo ad un gruppo.

La creazione di Gruppi utenti avviene aggiungendo un gruppo con l'apposito pulsante + indicato a destra

del box “Elementi disponibili” e compilando i vari campi richiesti. Creare un gruppo significa attribuire ad

uno o più utenti gli stessi permessi per poter svolgere le medesime funzioni di gestione.

Vediamo in dettaglio i passaggi principali per la creazione di un gruppo utenti

Nella prima videata viene richiesto di dare un nome al gruppo e un'eventuale descrizione. La scheda

successiva permette di gestire le cosiddette Liste di accesso.



Utilizzando le Liste di accesso è possibile stabilire cosa il gestore visualizza nel backend e cosa può

modificare.

La creazione di gruppi non è un'attività frequente, normalmente i gruppi vengono definiti nel momento

della creazione del sito e rimangono invariati nel tempo. Pertanto l'utilizzo di questo modulo rimane

limitato alla fase iniziale di installazione configurazione del sito internet.

2.5. Gestione documenti

Questa estensione consente di gestire i contenuti digitali come immagini, file di testo e qualsiasi altro

formato di dati.

Questi file multimediali possono essere catalogati e classificati con delle meta-informazioni sia

descrittive (descrizione, parole chiave, posizione) che tecniche (dimensione, formato, risoluzione).

Cliccando sulla voce File sotto MEDIA, si accede alla lista dei file caricati, che può essere libera (come

nell'esempio riportato), oppure suddivisa in cartelle.

Nella parte alta, troviamo due icone, necessarie per creare nuove cartelle e caricare i file.

Una volta caricati i file, possiamo accedere alla scheda ed inserire tutta una serie di informazioni utili,

tipo: un titolo, una descrizione, parole chiave, assegnarlo ad una o più categorie, etc.

L'utilizzo di questo modulo risulta molto importante, i file caricati infatti, possono essere utilizzati in

qualsiasi momento e con i diversi moduli, ad esempio possono essere richiamati dall'editor di testo,

utilizzati come link, richiamati nel modulo Immagini a scorrimento, etc., evitando così di dover ricaricare

lo stesso file più volte.



2.6. News ed Eventi

Per la gestione delle news si procede nel seguente modo: Gestione News > Scelta Categoria

Sulla parte destra della videata comparirà l'elenco delle news relativamente alla categoria selezionata.

Per creare una nuova news si clicca sulla consueta icona (foglio bianco con simbolo + in verde) e sul

simbolo matita per modificare quelle esistenti.

All'interno della scheda della news, oltre all'inserimento del titolo e del testo, abbiamo a disposizione le

seguenti funzionalità:

• Inserimento di immagini, links e files.

• Attribuzione della news ad una o più categorie, definite in precedenza.

• Accesso, ovvero il periodo di visualizzazione della news, dal...al...

• La possibilità di visualizzare la news nel calendario eventi.



2.7. Newsletter

Questo modulo permette la gestione delle newsletters, la loro creazione, il loro invio e la loro

elaborazione ai fini statistici. Sono previste tutte le estensioni per la registrazione e cancellazione degli

utenti.

Per verificare gli iscritti si clicca su Lista e Newsletter, sulla destra comparirà l'elenco degli iscritti.

Per creare una nuova newsletter sono previste tre diverse modalità, in particolare:

• Pagina interna: permette di creare una newsletter utilizzando il modello predisposto che

richiama la grafica del sito internet.

• Pagina esterna: consente di inviare un link ad un sito esterno (inserendo il relativo url) come

newsletter.

• Newsletter rapida: classica newsletter per inviare comunicazioni in formato testo rapidamente.

La tipologia di newsletter che andiamo ad analizzare è quella della Pagina Interna, che prevede delle

operazioni da effettuare suddivise in più step. Per procedere non facciamo altro che cliccare sulla voce

Pagine interne e sul link “Clicca qui per creare una nuova newsletter”.



Verrà richiesto di inserire un Titolo pagina, un eventuale Alias e di confermare il tutto.

Facendo questo abbiamo creato semplicemente il titolo della nostra Newsletter, adesso dobbiamo

procedere come per la creazione delle pagina, inserendo il contenuto.

Si clicca su Pagina > Newsletter > Newsletter di prova, sulla destra compare la videata dove, attraverso

la consueta icona, posso inserire il contenuto desiderato. Creiamo il contenuto, ad esempio Testo

Normale e salviamo il tutto.

Il passo successivo consiste nel ritornare Newsletter > Newsletter > Pagine interne e ritroverò nella lista

la Newsletter appena creata. Clicco sull'icona foglio bianco e matita e provvedo ad inserire il contenuto.

Come per la creazione delle pagine sceglierò la tipologia di contenuto desiderata, dopo aver cliccato

sulla consueta iconcina crea contenuto. Inserita e salvata la pagina, si ritorna su Newsletter >

Newsletter > Pagine interne e clicco sul titolo della Newsletter creata e procedo con i vari Step proposti

con il tasto avanti. Verrà proposto di inviare la newsletter ad un indirizzo di test e poi successivamente

di inviare il tutto alla lista di destinatari selezionata.



2.8. PowerMail

Questa estensione permette la creazione di form contatti in maniera flessibile. È possibile definire la

propria form, indicando i campi che la compongono e specificare la tipologia attraverso una semplice

procedura guidata. Inoltre, i messaggi, oltre ad essere inviati tramite email, vengono memorizzati in una

pagina specifica del sito, che può essere riservata ai gestori o resa pubblica. La creazione di un nuovo

form viene trattata come un semplice contenuto, pertanto mi posizione sulla pagina e la sezione

desiderata e, utilizzando la consueta icona, creo un contenuto di tipo Plugins > powermail. Verrà

richiesto di inserire un'intestazione e poi definire i Campi attraverso una funzione di aggiunta nuovo

campo. La creazione della form si divide in due parti:

• Set campi: raggruppamento di due o più campi.

• Creazione campi: sistema guidato per l'inserimento della tipologia di campi desiderata

all'interno di un set di campi precedentemente creata.

I campi creati possono poi essere spostati con le apposite funzioni previste a lato, oppure nascosti,

eliminati, etc. Nella parte denominata Configurazione verrà mostrato un preview del campo selezionato

nel menu a tendina Tipo campo. Per controllare le email ricevute si accede alla lista attraverso

Powermail > Pagina nella quale è stato inserito il modulo e si visualizza l'elenco di tutte le email ricevute

con la possibilità di verificare i dettagli.



2.9. FAQ

Con il modulo FAQ, acronimo molto comune in Internet che significa “Domande poste frequentemente”

(dall’inglese Frequently Asked Questions), sarà possibile raccogliere e gestire le domande che più

frequentemente vengono poste alla segreteria del comune. Tali domande – ovviamente corredate dalle

relative risposte – potranno essere raggruppate secondo diversi argomenti (impostati liberamente dal

gestore) e saranno rese accessibili agli utenti mediante la consultazione per argomento o attraverso

una funzionalità di ricerca sia a testo libero che parametrizzata.

Il sito prevede già una pagina dedicata alle FAQ, risulta possibile crearne nuove, attraverso

l'inserimento di un contenuto di tipo Plugins > FAQ.

Per inserire nuove FAQ o modificare quelle esistenti è sufficiente cliccare su Lista > Dati e posizionarsi

sull'elenco relativo alle FAQ. Con l'icona matita posso modificare la domanda e risposta con l'icona

aggiungi posso aggiungere una nuova FAQ.



2.10. Immagini a scorrimento

Il Plugin Immagini a scorrimento consente di inserire in qualunque posizione del sito un box dove far

scorrere diverse immagini con diversi effetti.

Per l'inserimento sarà sufficiente cliccare sulla scheda Plugins e scegliere Immagini a scorrimento. Si

aprirà la seguente videata.

Come evidenziato è possibile caricare le immagini attraverso il consueto tasto Sfoglia oppure utilizzare

le funzioni riportate sopra: Caricamento da Editor, da File o da Categorie File. Nei box sottostanti



possiamo inserire un elenco di links da associare alle immagini, uno per ogni riga, e una didascalia una

per ogni riga.

2.11. Cestino

Il Cestino è una funzione molto utilie per ripristinare elementi cancellati per errore. Il sistema prima di

procedere ad eliminare un contenuto chiede un'ulteriore conferma, nonostante questo, può succedere

che si vengano eliminati elementi o contenuti per errore. Il Cestino serve appunto per individuare gli

elementi eliminati e ripristinarli. Il funzionamento è molto semplice, una volta cliccato sulla voce Cestino

basta cliccare su un altro elemento (ad esempio una pagina) e compare l'elenco dei record eliminati,

spunto uno o più record e li ripristino con il tasto in basso Ripristina.

2.12. Setup Utente

Funzione tipicamente utilizzata per modificare la password di accesso al backend del gestore. Il modulo

presenta diverse utility come la scelta della lingua, la modifica dell'email, la notifica dell'accesso e la

configurazione di alcuni parametri dell'amministrazione del sito.

mailto:[email protected]

manuale utente gestione sito sviluppato in typo3 · potrà gestire all'interno della area...

Documents