DocWeb€¦ · per la realizzazione e la gestione di siti web della Pubblica Am-ministrazione. La...

82
CSTPU Centro Servizi Territoriale Pesaro e Urbino documentazione DocWeb Sistema Provinciale di Gestione Portali Ufficio Gestione Telematica Provinciale manuale utente Versione 1.0.1 del 13 febbraio 2013 Codice documento: Non disponibile Visibilita: Riservato agli enti aderenti al CSTPU Amministrazione Provinciale di Pesaro e Urbino Servizio Informativo e Statistico tel. 0721/3592513 - email: [email protected] Documento rilasciato sotto la licenza Creative Commons Attribuzione - Non commerciale - Condividi allo stesso modo 2.5 Italia (http://creativecommons.org/licenses/by-nc-sa/2.5/it/)

Transcript of DocWeb€¦ · per la realizzazione e la gestione di siti web della Pubblica Am-ministrazione. La...

Page 1: DocWeb€¦ · per la realizzazione e la gestione di siti web della Pubblica Am-ministrazione. La piattaforma tecnologica utilizzata è il CMS (Content Management System) Open SourceTypo31

CSTPUCentro Servizi Territoriale Pesaro e Urbino

d o c u m e n t a z i o n e

DocWebSistema Provinciale di Gestione Portali

Ufficio Gestione Telematica Provinciale

manuale utente

Versione 101 del 13 febbraio 2013Codice documento Non disponibile

Visibilita Riservato agli enti aderenti al CSTPU

Amministrazione Provinciale di Pesaro e UrbinoServizio Informativo e Statistico

tel 07213592513 - email helpdeskprovinciapsit

Documento rilasciato sotto la licenza Creative Commons Attribuzione - Non commerciale - Condividi allo stesso modo 25 Italia(httpcreativecommonsorglicensesby-nc-sa25it)

Indice

1 Introduzione 211 Cosrsquoegrave DocWeb 212 Concetti chiave 2

2 Funzionalitagrave di Base 421 Il CMS Typo3 ldquobackendrdquo e ldquofrontendrdquo 422 Cambio password di accesso 523 Albero delle pagine 724 Implementazione delle pagine ldquogenitori rdquo e ldquofiglirdquo 825 Inserimento Nuova pagina 826 Elementi standard della pagina 927 Inserimento contenuti di una pagina 1228 Contenuti multipli allrsquointerno di una pagina 1629 Modifica dei contenuti della pagina 18210 Spostamento di pagine 18211 Eliminazione pagine 19212 Rich Text Editor 19213 Modalitagrave Lista 24214 Modalitagrave Mostra 25215 Modalitagrave ldquoMonta come radice dellrsquoalberordquo 26216 Ottenere il page-id di una pagina 27217 Admin Panel 27

3 La Clipboard 3231 Copia o spostamento di un contenuto singolo di pagina allrsquointerno di unrsquoaltra pagina 3232 Copia o spostamento di piugrave contenuti da una pagina ad unrsquoaltra 35

4 Modulo DAM (Digital Asset Management) 4041 Caricamento e Aggiornamento di file 4042 Ricerca di file allrsquointerno del DAM e modifica delle meta-informazioni 48

5 Modulo Pagine di download 5251 Inserimento e configurazione pagine di download 52

6 Modulo Sitemap 5861 Scheda di configurazione Mappa 5962 Tipo di mappa 5963 Il ldquopunto di partenzardquo della mappa 60

i

7 Modulo News 6171 Inserimento e modifica di news 6172 Modalitagrave Relations 6473 News collegata a URL esterna e a pagina interna 6774 Eliminazione delle News 7075 Ordinamento delle News e ricerca 70

8 Modulo Eventi 7381 Scopo del modulo Eventi 7382 Il Backend ndash Modulo Pagina 7383 Il Backend ndash Modulo Lista 7384 Creazione di un evento 75

ii

DocWeb Release 101

Avvertimento DOCUMENTO IN FASE DI REVISIONE E AGGIORNAMENTOAlcuni argomenti potrebbero non essere completi e alcune funzionalitagrave potrebbero non essere attive

Indice 1

CAPITOLO 1

Introduzione

11 Cosrsquoegrave DocWeb

Docweb egrave un insieme di soluzioni tecnologiche e organizzativeper la realizzazione e la gestione di siti web della Pubblica Am-ministrazione La piattaforma tecnologica utilizzata egrave il CMS(Content Management System) Open Source Typo31 opportuna-mente configurato e integrato da moduli software appositamentesviluppati dalla (o per conto della) Provincia di Pesaro e Urbino

Ma cosrsquoegrave in concreto il Sistema Provinciale di Gestione PortaliDocweb

Si tratta di un sistema software che consente di realizzare e gestirefacilmente i siti web degli enti

Docweb egrave dotato di una serie di moduli e funzionalitagrave fornite di basea tutti gli utenti oltre che di ldquomaschererdquo grafiche personalizzabili chesoddisfano la normativa sullrsquoaccessibilitagrave dei siti web delle PA (LeggeStanca dlgs n 404)

Il sistema Docweb che viene da tempo utilizzato dallrsquoAmministrazione Provinciale per gestire i proprisiti web viene messo a disposizione degli enti senza alcun onere aggiuntivo nellrsquoambito delle convenzioniche regolano i servizi della Rete Telematica Provinciale e in particolare del Centro Servizi Territoriale2

12 Concetti chiave

Le caratteristiche fondamentali che devono soddisfare i moderni siti web sono

bull usabilitagrave (facilitagrave di navigazione e di reperimento delle informazioni)

bull accessibilitagrave (siti fruibili anche da persone diversamente abili o non dotate di strumenti tecnologiciavanzati)

I concetti chiave sono pertanto

bull separazione dei contenuti (le informazioni) dalla modalitagrave e dalla veste grafica con cui questicontenuti vengono visualizzati

bull utilizzo dei Content Management System per facilitare la realizzazione di siti web dinamicifacilmente aggiornabili e usabili

1httptypo3org2httpwwwcstpuit

2

DocWeb Release 101

Docweb consente di affrontare e risolvere facilmente tali problematiche

Nota Sici Templates e Catalogo DocWeb sono raccolte di codice TypoScript (linguaggio specificodi Typo3) HTML e CSS che utilizziamo nei nostri siti e che sono rilasciate con licenza GPL3

Sici Templates e Catalogo DocWeb definiscono lrsquoaspetto grafico la modalitagrave di navigazione e le funzionidei nostri siti web configurando Typo3 CMS Framework e le sue numerose estensioni

3httpwwwgnuorglicensesgplhtml

12 Concetti chiave 3

CAPITOLO 2

Funzionalitagrave di Base

21 Il CMS Typo3 ldquobackendrdquo e ldquofrontendrdquo

I termini ldquobackendrdquo e ldquofrontendrdquo ricorreranno spesso per indicare e diversificare lrsquoambiente ldquodi gestionee pubblicazione dei contenutirdquo da quello di visualizzazione dei contenuti (sito on-line)

In sintesi

Per Backend (BE) (figura Backend (page 4)) intendiamo lrsquoambiente di lavoro sul quale andremo adoperare per la creazione e gestione delle pagine e dei vari contenuti del sito (generalmente raggiungi-bile utilizzando un semplice browser es Firefox Microsoft Internet Explorer previa autenticazionea un indirizzo web del tipo httpwwwnomesitotypo3) In questa guida useremo come esempiohttpwwwentiprovinciapuittypo3 ma va sostituito dallrsquoutente con quello effettivo

Il Frontend (FE) (figura Frontend (page 5)) egrave il risultato del lavoro sviluppato nel backend e costituiscelrsquoambiente on-line visibile agli utenti esterni Le operazioni compiute dal backend si riflettono nel frontendche puograve essere cosigrave gestito e modificato secondo le nostre necessitagrave

Nota In fase di inserimento e gestione dei contenuti tramite BE egrave sempre opportuno verificare con ilFE la corretta visualizzazione delle pagine

Figura 21 Backend

Avvertimento Ersquo opportuno tenere presente che il backend prevede piugrave modalitagrave di esecuzione perraggiungere uno stesso obiettivo Nella guida sono descritti i passaggi piugrave comunemente utilizzati

4

DocWeb Release 101

Figura 22 Frontend

22 Cambio password di accesso

Lrsquousername e la password proteggono lrsquoarea da eventuali intrusioni e costituiscono lrsquoaccesso univoco epersonale per ciascun Utente (per motivi di sicurezza egrave opportuno variare la propria password al primoaccesso al sistema)

Per cambiare la password di accesso saragrave necessario eseguire il primo collegamento allrsquoambi-ente di gestione del portale lanciando il browser (Firefox) e collegandosi allrsquoindirizzo webhttpwwwentiprovinciapuittypo3 (figura Url per login (page 5))

Figura 23 Url per login

Saragrave proposta una maschera di identificazione dove andremo ad inserire il nostro account costituito dausername e password (figura Maschera login (page 5))

1 inserire username

2 inserire password

3 click con il pulsante sinistro del mouse sul bottone ldquoEntrardquo per accedere al servizio

Figura 24 Maschera login

22 Cambio password di accesso 5

DocWeb Release 101

Avvertimento Alcuni browser propongono messaggi (figura Messaggio salva password (page 6))relativi al salvataggio automatico della password nel sistema per non dover digitare nuovamente ipropri dati al secondo Log In Si consiglia di non scegliere di salvare i propri dati o il completamentoautomatico di essi per una questione di sicurezza

Figura 25 Messaggio salva password

In caso di errata digitazione dei dati dellrsquoaccount ci saragrave chiesto di inserire nuovamente username epassword (figura Login fallito (page 6))

Figura 26 Login fallito

Il messaggio ci informa che il Log In egrave fallito e ci da alcune indicazioni sul motivo che puograve aver provocatoil problema Ci chiede di assicurarci di aver scritto correttamente Username e Password facendo ancheattenzione alle lettere Minuscole e Maiuscole

Se eseguito bene il Log In ci condurragrave in una nuova schermata

In virtugrave dellrsquoimportanza costituita dai dati di autenticazione la prima operazione da compiere una voltaeseguito il Log In saragrave quella di modificare il proprio account come segue (figura Modifica password(page 7))

1 dal menugrave di sinistra scegliere la voce ldquosetuprdquo inserita nel menugrave ldquoutenterdquo quindi cliccare con ilpulsante sinistro del mouse

2 nella schermata che si apriragrave a destra digitare la nuova password che si desidera utilizzare Ilcampo si trova nella parte bassa della pagina indicato dalla diciture ldquoNuova passwordrdquo

3 confermare nel campo sottostante ldquoRipeti passwordrdquo la password scelta

4 confermare il tutto cliccando con il pulsante sinistro del mouse sul bottone ldquoSalva configurazionerdquo

5 click sullrsquoultimo pulsante a sinistra ldquoUscitardquo per eseguire il Log Out

Cambiata la password ed eseguito il Log Out mediante il pulsante ldquoUscitardquo potremo eseguire nuovamenteil ldquoLog Inrdquo digitando la nostra nuova password che da quel momento saragrave subito attiva

Per motivi di sicurezza al termine di ogni sessione di gestione dei contenuti egrave opportuno effettuare ilLog Out dal sistema

22 Cambio password di accesso 6

DocWeb Release 101

Figura 27 Modifica password

23 Albero delle pagine

Si noti come lrsquoaspetto del Backend (figura Backend tripartito (page 8)) sia suddiviso in tre aree verticalisuddivise tra loro mediante una spessa riga grigia

bull La prima colonna a sinistra della pagina (punto 1) ci consentiragrave di compiere tutte le operazioninecessarie a lavorare creando e modificando contenuti ecc

bull la seconda colonna al centro della pagina (punto 2) rappresenta lrsquoalberatura vera e propria del sitoon-line In essa vedremo rispecchiati i menugrave le pagine e i contenuti testuali che verranno (o chesono) pubblicati

bull la terza area a destra della pagina (punto 3) rappresenta lrsquoambiente dove andremo materialmentead operare sulle pagine e sui contenuti

Nota La stringa in basso a sinistra ldquoModifica pagina con IDrdquo puograve essere utilizzata per selezionareuna pagina ricercandola tramite il suo numero ID Ad ogni pagina viene associato automaticamente unnumero (ID) unico e distinto per ognuna di esse

Il numero ID si rivela al passaggio del mouse (senza cliccare) sul simbolo grafico posto accanto alle vocidi menugrave nella colonna ndeg 2 Il numero ID viene anche riportato on-line come parte finale di un indirizzoweb

Esempio httpwwwentiprovinciapuitindexphpid=3018

Nellrsquoesempio il numero ID della pagina egrave 3018

Nella versione finale del portale potranno essere utilizzati URL statici (eshttpwwwentiprovinciapuitattivitahtml) per agevolare i collegamenti diretti ad alcune sezioni opagine del portale

23 Albero delle pagine 7

DocWeb Release 101

Figura 28 Backend tripartito

24 Implementazione delle pagine ldquogenitori rdquo e ldquofiglirdquo

Affincheacute un sito ldquofunzionirdquo egrave necessario che la distribuzione delle pagine con le rispettive sottopagine siachiara ed essenziale

Gli argomenti vanno sempre divisi ed organizzati per facilitare lrsquoindividuazione del contenuto la letturadel messaggio la comprensione dellrsquooggetto in essere Se ad esempio stessimo parlando di calcio sarebbesempre opportuno ed auspicabile creare una pagina ldquoSERIE Ardquo che introduca allrsquoargomento trattato esuccessivamente collegare allrsquointerno della categoria altre pagine ldquoRomardquo ldquoJuventusrdquo ldquoMilanrdquo che a lorovolta possano condurre ad altri argomenti ldquocalciatorirdquo fino a ridurre il tutto ai minimi termini

25 Inserimento Nuova pagina

Selezionare (figura Seleziona pagina (page 8)) con un click del pulsante sinistro la prima voce ldquopaginardquodella colonna 1

Figura 29 Seleziona pagina

Nella seconda colonna portiamoci su una delle voci dellrsquoelenco (preferibilmente al livello in cui si desiderainserire la pagina) e facciamo click con il pulsante destro del mouse Si apriragrave (figura Seleziona nuovo(page 9)) un ulteriore menugrave di opzioni a tendina dal quale scegliamo la 3deg voce ldquonuovordquo

24 Implementazione delle pagine ldquogenitori rdquo e ldquofiglirdquo 8

DocWeb Release 101

Figura 210 Seleziona nuovo

Verragrave caricata nella 3deg area una schermata come indicato nella figura Vista Backend (page 10)

Scegliamo la 1deg opzione ldquoPagina (dentro)rdquo cliccando con il pulsante sinistro del mouse sulla voce ldquoCliccaqui per il wizardrdquo Si caricheragrave la schermata di figura Seleziona posizione (page 10)

Si noti come la schermata riproduca le pagine esistenti ed il loro posizionamento nel menugrave potremoindicare cliccando sulle frecce grigie la posizione dove desideriamo inserire la nostra pagina Scegliamoad esempio di voler inserire la nostra pagina allrsquointerno della sezione ldquoTest Abanetrdquo

Avvertimento Ovviamente la sezione ldquoTest Abanetrdquo egrave solo un esempio Usare le sezioni presentinel vosto sito di riferimento

Andremo quindi a cliccare sulla freccia che si trova appunto allrsquointerno del record (come indicato infigura)

Verragrave caricata una schermata che ci chiederagrave di specificare altri elementi indispensabili alla creazione diuna nuova pagina (vedi sezione successiva)

26 Elementi standard della pagina

Si faccia riferimento alla (figura Modifica intestazioni pagina (page 11))

Nascondi pagina In fase di elaborazione di una nuova pagina egrave sempre bene puntare il piccolo quadratoin basso a sinistra della sezione ldquonascondi paginardquo in modo tale da permetterci di lavorare suicontenuti in tutta tranquillitagrave prima della pubblicazione on-line

Tipo Assegna alla pagina una determinata tipologia o scopo

Titolo pagina Indicare il titolo della pagina (ad es ldquoPagina di Provardquo

Selezione di template per lrsquoarea contenuti Ersquo la possibilitagrave di variare lo ldquoschemardquo di visualiz-zazione della pagina (es pagina a 3 colonne pagina a due colonne con menu di navigazionesulla sinistra etc)

Salvare Ogni operazione deve essere salvata per essere resa effettiva

261 Varie opzioni di salvataggio

In relazione al punto (5) nella fase di salvataggio si noti come ci vengono proposte diverse icone (figuraIcone salvataggio (page 11))

26 Elementi standard della pagina 9

DocWeb Release 101

Figura 211 Vista Backend

Figura 212 Seleziona posizione

26 Elementi standard della pagina 10

DocWeb Release 101

Figura 213 Modifica intestazioni pagina

Figura 214 Icone salvataggio

26 Elementi standard della pagina 11

DocWeb Release 101

1 Il documento viene salvato lrsquoambiente si ricarica automaticamente il menugrave centrale si aggiornacon la comparsa della pagina da noi creata nella posizione da noi assegnata

2 Il documento viene salvato lrsquoambiente si ricarica automaticamente il menugrave centrale si aggiornacon la comparsa della pagina da noi creata nella posizione da noi assegnata e si apre una nuovafinestra del browser contenente la preview (anteprima di visualizzazione) della nostra pagina

3 Il documento viene salvato lrsquoambiente si ricarica automaticamente sulla schermata successivail menugrave centrale si aggiorna con la comparsa della pagina da noi creata nella posizione da noiassegnata

4 Il documento viene chiuso e non salvato

5 Elimina la pagina

Nota La quinta icona (ldquoElimina paginardquo) compariragrave solo dopo aver salvato il documento la primavolta Inoltre gli stessi simboli si ritroveranno anche in fase di modifica di pagine giagrave create

Da osservare il simbolo proposto accanto alla nuova pagina da noi creata (figura Pagina nascosta(page 12)) ad indicare la modalitagrave ldquonascostardquo

Figura 215 Pagina nascosta

Lrsquoicona posta a sinistra ricorda una pagina con una ldquoXrdquo rossa in alto a destra e indica che la pagina egravenascosta (punto 1 modifica intestazioni) e non visibile dallrsquoesterno

Le altre voci con simbolo diverso di pagina su sfondo giallo sono on-line e quindi consultabili dal FrontEnd

Pubblicata la pagina nascosta lrsquoicona cambieragrave automaticamente aspetto e la voce di menugrave saragraveconsultabile anche dal Front End

27 Inserimento contenuti di una pagina

Avendo precedentemente creato e salvato una pagina ldquoPagina di Provardquo andiamo ad inserire un contenuto

Ersquo possibile procedere in due modi effettuare un click con il pulsante sinistro del mouse sulla icona o sultitolo ldquoPagina di Provardquo oppure cliccare con il pulsante destro del mouse sullrsquoicona posta a sinistra deltitolo pagina e scegliere ldquomodificardquo

In entrambe i casi il sistema aggiorna la terza area (vedi figura Backend tripartito (page 8)) doveandremo a lavorare

Per creare un contenuto nella posizione di default (Normale) clicchiamo sullrsquoicona cerchiata di rosso (vedifigura Crea contenuto normale (page 13)) nel box ldquonormalerdquo

In alternativa si puograve scegliere di usare la voce in basso a sinistra ldquoCrea nuovo recordrdquo e successivamentescegliere di creare un nuovo contenuto pagina con il ldquowizardrdquo

27 Inserimento contenuti di una pagina 12

DocWeb Release 101

Figura 216 Crea contenuto normale

Per entrambe le opzioni si apriragrave una schermata come nella figura Seleziona contenuto paragrafo(page 14))

Scegliamo di inserire un paragrafo di testo semplice Notiamo come il sistema ci consente di scegliereforme alternative di contenuti (es immagini sotto il testo a sinistra solo immagini ecc) Approfondire-mo in seguito le modalitagrave per creare contenuti piugrave articolati e contenuti multipli e selezioniamo la voceldquoparagrafo di testordquo

271 Paragrafo di testo

Allrsquointerno di un paragrafo di testo potremo inserire un contenuto e tutte le opzioni ad esso legato (figuraModifica contenuto testo (page 15))

Si noti come lrsquoarea egrave divisa in 4 blocchi orizzontali Tipo Intestazione Testo Opzioni generali Inbasso e in alto troviamo anche la serie di icone per il salvataggio del documento di cui abbiamo giagraveprecedentemente parlato

Area Tipo

Nel menugrave a tendina dellrsquoarea tipo egrave possibile modificare il tipo di contenuto che vogliamo inserire Laschermata ci dice che siamo su ldquotestordquo ma volendo potremmo anche cambiare con le altre forme dicontenuto a nostra disposizione

Area Intestazione

Rappresenta il titolo della pagina Viene inserito allrsquoinizio della pagina ed ha una rilevanza graficamaggiore rispetto al resto del contenuto

Un buon titolo egrave breve ma incisivo rispecchia in poche parole il contenuto della pagina riassumelrsquoargomento trattato

27 Inserimento contenuti di una pagina 13

DocWeb Release 101

Figura 217 Seleziona contenuto paragrafo

27 Inserimento contenuti di una pagina 14

DocWeb Release 101

Figura 218 Modifica contenuto testo

27 Inserimento contenuti di una pagina 15

DocWeb Release 101

Ersquo inoltre possibile anche se sconsigliabile associare un link allrsquointestazione cambiare la sua posizioneinserire una data

Testo

Rappresenta con il suo grande quadrilatero bianco lrsquoarea allrsquointerno della quale andremo ad inserire ilnostro testo

Digitando un semplice testo in visualizzazione questo assumeragrave colore dimensione e carattere inconformitagrave allo stile preimpostato per le pagine del sito

Per la formattazione del testo saragrave possibile usare lo strumento RTE (di seguito descritto)

Opzioni generali (parametri di visibilitagrave)

Apparizione programmata

Cliccando accanto al quadrato della voce ldquoInizio rdquo e ldquoFinerdquo si attiveragrave un modulo data che ci consentiragravedi impostare le date di Inizio pubblicazione e di Fine pubblicazione (depubblicazione) di una pagina

Potremo quindi stabilire quando una pagina dovragrave essere pubblicata eo quando dovragrave cessare di esserevisibile on-line La programmazione dellrsquoinizio di pubblicazione non implica che ci sia necessariamenteuna fine e vice versa

Ciograve significa che potremo quindi decidere di pubblicare una pagina in una certa data e che la pubblicazioneduri nel tempo (almeno fino a quando non decideremo di togliere la visualizzazione on-line manualmente)

Pagine nascoste

Ersquo possibile nascondere il contenuto delle pagine cliccando il quadrato a sinistra della voce ldquoNascondirdquoScegliendo questa opzione la pagina continueragrave ad esistere ma non saragrave visibile il suo contenuto

Lrsquoopzione si rileva particolarmente utile in caso di pagina strutturata su contenuti multipli

28 Contenuti multipli allrsquointerno di una pagina

Avendo creato una pagina potremo in ogni momento svilupparla ulteriormente aggiungendo ulterioricontenuti

Clicchiamo sul menugrave di sinistra sulla voce ldquoPaginardquo in modo da caricare il menugrave centrale contenentelrsquoalberatura del sito

Clicchiamo sul titolo della pagina da modificare con il pulsante sinistro oppure con il destro e scegliamoldquomodificardquo

A destra si apriragrave il nostro ambiente di lavoro come nella figua Modifica contenuto normale (page 17)

Vedremo in pratica la stessa schermata proposta per la creazione di una nuova pagina con lrsquoaggiunta dialcune icone come indicato in figura

1 Modifica

2 Nuovo record

3 Cerca Stringa

Cliccando su Modifica comrsquoegrave intuibile saremo riportati nella pagine dellrsquoeditor dove potremo modificareil nostro testo link immagini ecc

Cliccando su nuovo record invece avremmo la possibilitagrave di aggiungere un nuovo contenuto alla paginae nella posizione che sceglieremo

28 Contenuti multipli allrsquointerno di una pagina 16

DocWeb Release 101

Figura 219 Modifica contenuto normale

28 Contenuti multipli allrsquointerno di una pagina 17

DocWeb Release 101

Il contenuto non avragrave vincoli con i record precedenti pur apparendo nella stessa pagina del frontend Ciogravegarantisce una vantaggiosa gestione delle pagine che suddivise in ldquosezionirdquo potranno essere di volta involta pubblicate cancellate modificate a blocchi di contenuto senza toccare lrsquointera pagina

Si potragrave suddividere la stessa pagina in diverse aree (record) ossia ldquocontenuti multiplirdquo via via aggiornabilianche da altri utenti di redazione

Ersquo inoltre possibile effettuare una ricerca su di un contenuto di tipo testuale allrsquointerno delle pagine edei record utilizzando il campo ldquoCerca Stringardquo La ricerca puograve essere effettuata allrsquointerno della paginae dei suoi record ed estesa anche ai livelli inferiori

29 Modifica dei contenuti della pagina

Creata una pagina potremo modificarla ogni volta che saragrave necessario

Per modificare una pagina saragrave sufficiente selezionarla dal menugrave portandosi con il cursore del mouse aldi sopra del titolo e cliccando con il pulsante destro su di essa (figura Modifica pagina (page 18))

Una pagina da modificare potragrave anche essere raggiunta tramite la ricerca dellrsquoID (vedi capitolo 3 Alberodelle pagine)

Scegliere la voce ldquomodificardquo dal menugrave a tendina che si apriragrave dopo il click

Figura 220 Modifica pagina

A destra nellrsquoarea principale si apriragrave la schermata riportante il contenuto della pagina selezionata

Potremo scegliere lrsquoelemento da modificare cliccando sullrsquoicona matita

Nota Ricordarsi sempre di salvare per rendere effettive le modifiche e di ricontrollare la visualizzazionedella pagina modificata

Per modificare lrsquointestazione di una pagina egrave sufficiente selezionare la voce ldquoModifica intestazionirdquo dalmenugrave portandosi con il cursore del mouse al di sopra del titolo e cliccando con il pulsante destro su diesso (figura Menu modifica intestazioni pagina (page 19))

210 Spostamento di pagine

Oltre le modifiche stilistiche testuali e di contenuto di una pagina possiamo modificarne la posizione

29 Modifica dei contenuti della pagina 18

DocWeb Release 101

Figura 221 Menu modifica intestazioni pagina

Per spostare la posizione di una pagina allrsquointerno di un menugrave selezioniamola dal menugrave principale conclick sinistro del mouse

Nella schermata di destra scegliamo lrsquoicona

Si apriragrave un menugrave che ci mostreragrave lrsquoalberatura del nostro sito (esattamente come per lrsquoinserimento diuna nuova pagina) composto da pagine principali (genitori) e pagine ad esse collegate (figli)

A questo punto dovremo solo scegliere dove spostare la pagina muovendoci sulle frecce grigie sottostantie sovrastanti le varie voci di menugrave

Avvertimento Spostando una pagina genitore anche i figli vengono spostati con esso

211 Eliminazione pagine

Per eliminare le pagine egrave sufficiente selezionare la pagina in questione dal menugrave principale cliccando conil pulsante destro del mouse su di essa e scegliere la voce del menugrave a tendina che si apriragrave ldquoCancellardquo

Avvertimento Non egrave possibile cancellare una pagina genitore Ossia non egrave possibile cancellareuna pagina che al suo interno contiene altre pagine prima che questrsquoultime trovino una collocazionealternativa

212 Rich Text Editor

Quando si inserisce un contenuto nellrsquoarea di testo (inserito digitando direttamente allrsquointerno dellrsquoap-posita area o copiato e incollato da fonte esterna con la dovuta cautela) egrave possibile personalizzarlo eformattarlo utilizzando le funzionalitagrave previste dal Rich Text Editor (RTE)

Nota Un testo copiatoincollato da altri programmi va ldquoripulitordquo prima di essere pubblicato poicheacuteil modulo che utilizzeremo tende a mantenere la formattazione originaria del carattere delle immaginidei colori falsando la linea grafica omogenea e standard del nostro portale

In ogni modo quando si salva un documento il cui testo conteneva una formattazione proveniente ad es-empio da un documento di tipo word questo viene automaticamente ldquoripulito nel codicerdquo ed egrave opportunocontrollare la visualizzazione

211 Eliminazione pagine 19

DocWeb Release 101

Proviamo ad inserire ad esempio una semplice frase allrsquointerno del box testo (figura Box testo RTE(page 20))

Figura 222 Box testo RTE

La frase viene digitata direttamente nellrsquoarea testo mantenendo un tipo di formattazione ldquonormalerdquo

2121 Testo grassetto corsivo sottolineato (bold italic underline)

Proviamo a selezionare la frase ldquoProvincia di Pesaro e Urbinordquo tenendo premuto il pulsante sinistro delmouse trascinando il cursore dalla P di Provincia alla o di Urbino

In alternativa portare il cursore alla P di Provincia tenere tasto maiuscolo premuto e muoversi con lefrecce per selezionare il testo

Lrsquoesempio egrave utile per capire che per effettuare una determinata azione di tipo stilistico su una frase oparola egrave necessario che la frase o la parola siano preventivamente selezionate

Figura 223 Comandi box testo RTE

212 Rich Text Editor 20

DocWeb Release 101

Se il testo egrave stato selezionato correttamente vedremo la parola ldquoProvincia di Pesaro e Urbinordquo evidenziatadi blu scuro

Click sinistro sul simboloicona ldquoBrdquo (figura Comandi box testo RTE (page 20)) per creare un effettoldquograssettordquo al testo

Click sinistro sul simboloicona ldquoIrdquo per il corsivo-italico

Click sinistro sul simboloicona ldquoU ldquo per il sottolineato

Nota Il Grassetto dona alle parole un sapore piugrave incisivo e si utilizza per enfatizzare termini importantie di rilievo

LrsquoItalico viene usato comunemente per indicare le date gli indirizzi le citazioni

Il Sottolineato su web viene comunemente usato nelle parole ldquolinkaterdquo (ossia che rimandano ad altrepagine web) per cui se ne sconsiglia lrsquouso in un testo semplice per evitare confusione

2122 Elenco Puntato e Numerato

Portiamoci con il cursore allrsquointerno della box di testo

Selezioniamo lrsquoicona Lista non numerata (Elenco puntato semplice)

Vedremo comparire un simbolo tontoromboidale e potremo dare vita ad una lista

bull Voce 1

bull Voce 2

bull Voce 3 ecc

Allo stesso modo potremo creare una lista numerata avvalendoci dellrsquoicona ldquoLista numeratardquo

Lrsquoelenco viene numerato

1 Voce 1

2 Voce 2

3 Voce 3 ecc

2123 Pulsanti di Annulla e Ripristina

Compiuta una determinata azione egrave possibile tornare indietro o ripristinarla tramite i pulsanti ldquoAnnullalrsquoultima azionerdquo e ldquoRifai lrsquoultima azionerdquo

Piugrave volte si clicca sui pulsanti piugrave volte lrsquoazione viene ripetuta indietro ed avanti nel tempo

2124 Copia Taglia Incolla

Selezionando un testo potremo tagliarlo copiarlo e incollarlo

Copia selezionare il testo utilizzare lrsquoicona ldquocopia selezionerdquo per copiare

Taglia il testo viene eliminato ma resta in memoria per essere eventualmente incollato altrove odefinitivamente cancellato Ersquo possibile tenere in memoria solo lrsquoultimo testo o parola tagliato

Incolla Un testo precedentemente copiato o tagliato puograve essere incollato nuovamente o su diversoambiente

212 Rich Text Editor 21

DocWeb Release 101

2125 Rimuovi Formattazione

Ersquo possibile che il testo importato e incollato nellrsquoarea testo da altra fonte (es documento word) sildquosporchirdquo e ne acquisisca le caratteristiche stilistiche in maniera non corretta

Ersquo necessario pulire il testo selezionandolo e cliccando su ldquorimuovi formattazionerdquo

Si apriragrave un pop-up (nuova finestra) che ci proporragrave diversi elementi da pulire selezioniamo ciograve che ciinteressa e clicchiamo su OK

2126 Inserisci Caratteri Speciali

Alcune volte puograve essere necessario inserire dei caratteri o simboli non presenti sulla tastiera o nonconvenzionali per i quali esiste una mappa di caratteri speciali

Il sistema propone diversi tipi di caratteri speciali tra i piugrave comuni e frequentemente usati per adoperarliegrave sufficiente cliccare sullrsquoapposita icona ldquoInserisci Caratteri Specialirdquo

Una finestra ci mostreragrave una vasta gamma di simboli tra i quali potremo scegliere quello che ci interessa

2127 Inserisci Tabella

Per agevolare lrsquoinserimento di dati numerici in forma ldquoTabellarerdquo si puograve ricorrere allrsquoinserimento di unatabella contraddistinta dallrsquoapposito simbolo

La tabella puograve essere immaginata come una quaderno a ldquoquadrettirdquo dove ogni ldquoscacchettordquo corrispondead una cella

Scegliendo di inserire una tabella si apriragrave una finestra pop-up dove andremo ad inserire parametridi spaziatura fra celle numero di righe e colonne che compongono la tabella spessore del bordoallineamento rispetto alla pagina ecc

2128 Link

Ogni sito egrave composto da pagine consultabili e collegate tra loro tramite link

I link sono i collegamenti presenti sulle voci di menugrave parole immagini ecc

Ersquo possibile collegare pagine appartenenti ad uno stesso sito un indirizzo web di un sito esterno ounrsquoe-mail un file da scaricare un immagine ecc

Nota Immettendo nel testo un indirizzo web o e-mail completo il programma egrave in grado di capireautomaticamente che si tratta di un link e collegare gli elementi automaticamente

Volendo invece collegare elementi non scritti in forma completa si dovragrave procedere come segue

Selezioniamo la parola o frase che vogliamo collegare (come precedentemente visto) e clicchiamo sullrsquoiconaldquoInserisci Linkrdquo

Si apriragrave un pop-up come indicato nella prossima figura

Link ad una pagina interna al sito

La finestra ci propone lrsquoalberatura del nostro sito con le pagine in esso presenti (La voce attiva egraveldquopaginardquo di colore giallomarrone rispetto alle altre voci del pop-up)

Selezionando (figura Link interno (page 23)) la pagina che vorremo collegare il pop-up si chiuderagrave e laparola che avevamo selezionato precedentemente per il link cambieragrave aspetto

La vedremo blu e sottolineata il che indica che il link egrave attivato

212 Rich Text Editor 22

DocWeb Release 101

Figura 224 Link interno

Ersquo anche possibile creare dei link che aprono la pagina collegata allrsquointerno di una ldquofinestra di pop-uprdquocioegrave dentro una nuova finestra del browser Specificando le dimensioni di altezza e larghezza della nuovafinestra allrsquointerno degli appositi campi

Link ad una pagina esterna al sito

Selezioniamo una parola o frase che vogliamo collegare (come precedentemente visto) e clicchiamosullrsquoicona ldquoInserisci Linkrdquo

Scegliamo nel menugrave in alto proposto dal pop-up il bottone ldquoURL esternordquo (figura Link esterno (page 23))

Figura 225 Link esterno

Impostiamo nel campo URL lrsquoindirizzo web che vogliamo linkare prestando attenzione a scriverlo peresteso e senza cancellare http

Clicchiamo su ldquoImposta Linkrdquo

Il pop-up si chiuderagrave e la parola che avevamo selezionato precedentemente per il link cambieragrave aspetto

212 Rich Text Editor 23

DocWeb Release 101

La vedremo blu e sottolineata il che indica che il link egrave attivato

2129 Link ad unrsquoEmail

Come precedentemente visto scrivendo un indirizzo e-mail valido il programma di gestione egrave in grado dicapire che si tratta di un indirizzo di posta elettronica e il link viene impostato automaticamente

Tuttavia ci sono dei casi in cui non egrave possibile o si preferisce non indicare lrsquoindirizzo e-mail per estesoad esempio potremmo avere ldquoPer informazioni scrivicirdquo

Volendo potremmo fare in modo che sulla parola ldquoscrivicirdquo ci sia impostata la funzione di invio e-mail

Selezioniamo quindi la parola andiamo su ldquoInserisci Linkrdquo scegliendo poi ldquoEmailrdquo

Inseriamo lrsquoindirizzo E-mail nellrsquoapposito campo e clicchiamo su ldquoimposta Linkrdquo

21210 Link ad un file scaricabile

Per collegare un file (espdf txt gif ecc) egrave necessario copiarlo dal proprio PC al server web

Non egrave infatti possibile che una pagina pubblicata su internet prenda come link dei files che di fatto sonosalvati in una directory del nostro computer

Typo3 mette a disposizione un area dovrsquoegrave possibile pubblicare i files per poi essere resi disponibili ai linkossia rende disponibile lrsquo ldquoUploadrdquo dei files da pc a server

Scegliere dal menugrave di sinistra sotto la sezione ldquoMediardquo la voce ldquoFilerdquo (figura Seleziona file (page 24))

Figura 226 Seleziona file

Si apriragrave sulla destra una nuova area dove troveremo i campi utili a ldquosfogliarerdquo il contenuto del nostropc al fine di passare i file o i files dal nostro computer al manager

Effettuato il passaggio potremo ritornare alla nostra pagina e riprendere la procedura di ldquocreazione linkrdquoselezionando questa volta la voce ldquoFilerdquo del pop-up

I campi proposti sono del tutto simili a quelli di creazione di link su pagine del sito e un elenco di files(tutti quelli disponibili caricati) potranno essere collegati

213 Modalitagrave Lista

Selezionando la voce ldquolistardquo (figura Backend modalitagrave lista (page 25)) dal menugrave di sinistra egrave possibileesplorare una pagina ldquopadrerdquo e tutte le pagine ldquofiglirdquo ed essa associate

Avvertimento Ricordarsi di attivare la voce in basso ldquoVista Estesardquo

213 Modalitagrave Lista 24

DocWeb Release 101

Figura 227 Backend modalitagrave lista

Utilizzando le icone poste alla destra di ogni voce si possono compiere diverse operazioni di modificavisualizzazione spostamento copia e incolla pagina ecc come precedentemente descritto

Dunque potremo dire che la modalitagrave lista costituisce una scorciatoia per semplificare ogni sorta dioperazione soprattutto in presenza di un numero considerevole di files

214 Modalitagrave Mostra

Figura 228 Backend modalitagrave mostra

Selezionando la voce ldquoMostrardquo (figura Backend modalitagrave mostra (page 25)) dal menugrave di sinistra egrave possibilenavigare il sito allrsquointerno del docweb direttamente nel backend

214 Modalitagrave Mostra 25

DocWeb Release 101

Inoltre accanto ai vari record troveremo posta lrsquoicona matita per eseguire eventuali modifichedirettamente sul punto e la pagina prescelti

Anche la modalitagrave ldquoMostrardquo come la rdquoListardquo (cap 13) costituisce una scorciatoia particolarmente indicataper semplificare lrsquooperazione di visualizzazione del sito e di modifica

215 Modalitagrave ldquoMonta come radice dellrsquoalberordquo

Quando esistono diverse e numerose pagine egrave possibile gestire solo la porzione di contenuto che ci interessariducendo lrsquoalberatura del sito (lato backend) ai minimi termini mediante il comando ldquomonta come radicedellrsquoalberordquo

Per effettuare il comando procedere come segue

Cliccare con il pulsante destro del mouse sul titolo pagina dal menugrave centrale

Selezionare la voce ldquoaltre opzionirdquo dal menugrave a tendina (figuraMenu altre opzioni (page 26)) che compariragravecome conseguenza dellrsquoazione descritta al punto uno

Figura 229 Menu altre opzioni

Selezionare dallrsquoulteriore menugrave che si apriragrave (figura Seleziona monta come radice (page 26)) la voceldquoMonta come radice dellrsquoalberordquo

Figura 230 Seleziona monta come radice

Lrsquoalberatura si ridurragrave automaticamente mostrando solo la porzione selezionata

Per ripristinare lo stato di partenza selezionare la voce in alto nel menugrave centrale (figura Elimina DBmount (page 26)) ldquoElimina DB mount temporaneordquo

Figura 231 Elimina DB mount

Il menugrave si espanderagrave nuovamente mostrando tutte le voci esistenti

215 Modalitagrave ldquoMonta come radice dellrsquoalberordquo 26

DocWeb Release 101

216 Ottenere il page-id di una pagina

2161 Frontend (FE)

Da frontend si puograve ottenere il page-id della pagina corrente nei seguenti modi

1 dalla barra degli indirizzi del proprio browser (figura Id dallrsquourl (page 27)) Il numero della paginaegrave quello dopo la stringa ldquoid=rdquo Nella figura egrave cerchiata in verde la stringa ldquoid=rdquo e il numero dellapagina (page-id)

Figura 232 Id dallrsquourl

2 Puntando il mouse sulla scritta [id] a pieacute pagina e leggendo il tooltip (figura Id dal tooltip (page 27))

Figura 233 Id dal tooltip

3 Solo per browser Firefox dal menugrave di contesto scegliere la voce ldquoVisualizza info paginardquo si apreuna finestra consultare quindi la lista Meta sotto la scheda Generale (Id dagli attributi (page 28))

2162 Backend (BE)

Da backend egrave possibile ottenere il page-id nei seguenti modi

1 leggendo il tooltip puntando il mouse sullrsquoicona della pagina nel riquadro della struttura del sito(figura Id dal tooltip nel backend (page 28))

2 dal modulo di modifica delle intestazioni della pagina (figura Id dalle intestazioni pagina nel backend(page 28)) Il numero egrave tra le parentesi quadre dopo il titolo della pagina

217 Admin Panel

Quando si inseriscono contenuti con Typo3 (backend) egrave possibile visualizzare unrsquoanteprima della paginache si sta creando per vedere i risultati del lavoro svolto

Per visualizzare unrsquoanteprima di una pagina occorre (figura Menu mostra (page 29))

1 posizionarsi sulla pagina da visualizzare

2 premere il tasto sinistro del mouse in corrispondenza del nome

216 Ottenere il page-id di una pagina 27

DocWeb Release 101

Figura 234 Id dagli attributi

Figura 235 Id dal tooltip nel backend

Figura 236 Id dalle intestazioni pagina nel backend

217 Admin Panel 28

DocWeb Release 101

Figura 237 Menu mostra

3 selezionare la voce Mostra

In base alla pagina scelta si avragrave un risultato come quello visualizzato nella figura Anteprima pagina conAdmin panel (page 29)

Figura 238 Anteprima pagina con Admin panel

La pagina presenteragrave nella parte superiore lrsquoanteprima della pagina Nella parte inferiore vienevisualizzato uno strumento denominato Admin Panel

Questo oggetto offre lato front-end alcune funzionalitagrave (figura Moduli Admin panel (page 30)) cheaiutano i gestori di contenuti nella creazionemodifica delle pagine web del sito

NellrsquoAdmin panel (figura sopra) egrave possibile distinguere

217 Admin Panel 29

DocWeb Release 101

Figura 239 Moduli Admin panel

1 Modulo Preview ndash offre la possibilitagrave di selezionare alcune opzioni sulla pagina per simulare alcunesituazioni in cui la pagina si puograve trovare durante la visualizzazione

2 Modulo Cache ndash offre la possibilitagrave di gestire la cache

Allrsquointerno del modulo Preview abbiamo le seguenti voci

Mostra pagine nascoste selezionando la casella di controllo corrispondente a questa voce si visual-izzeranno anche quelle che attualmente non sono visibili allrsquointerno del sito o perchegrave in lavorazioneo perchegrave ancora non egrave stata data lrsquoautorizzazione alla pubblicazione

Mostra record nascosti come per le pagine questa voce offre la possibilitagrave di poter visualizzare allrsquoin-terno della pagina quei contenuti nascosti che non sono ancora ultimati o che sono in attesa di unautorizzazione per la pubblicazione

Simula data con questo controllo egrave possibile simulare il comportamento della pagina in periodi tem-porali diversi Utilizzando la casella di testo egrave possibile inserire delle date In questo modo sirende possibile la visualizzazione di quegli elementi (ad es pagine news ) che sono abilitati acomparirescomparire in base a determinati criteri temporali impostati

Simula gruppo di utenti con questo controllo egrave possibile simulare il comportamento delle pagine inbase ad un determinato gruppo di utenti che vi accede Alcune pagine possono infatti avere uncomportamento diverso in base al tipo di utente che vi accede

Nota Durante la creazione di pagine egrave possibile restringere la visione di una determinata pagina aparticolari tipi di utenti (utenti di frontend) Questa caratteristica offre la possibilitagrave di definire delle areead accesso riservato del sito ossia sezioni del sito a cui egrave possibile accedere solo dopo essersi autenticatie dopo avere avuto i necessari diritti di accesso

Una volta selezionate le opportune scelte allrsquointerno dellrsquoADMIN Panel occorreragrave premere il tasto Aggior-na (figura Aggiorna Admin panel (page 31)) per prendere visione della pagina secondo i criteri impostati

Nota Nel caso in cui lrsquoutente abbia la possibilitagrave di accedere da back-end a piugrave siti (ciascuno con unproprio dominio) bisogna tenere presente che lrsquoADMIN Panel compare soltanto per le pagine relativeal dominio con cui lrsquoutente ha fatto il login In altre parole se un operatore ad esempio egrave abilitatoa lavorare sulle pagine di backend dei siti httpwwwsitoesempio1it e httpwwwsitoesempio2it ese lrsquooperatore accede al backend di DocWeb con lrsquoindirizzo httpwwwsitoesempio1ittypo3 allora

217 Admin Panel 30

DocWeb Release 101

Figura 240 Aggiorna Admin panel

lrsquoADMIN Panel compariragrave solo sulle pagine di frontend del dominio wwwsitoesempio1it e non su quelledel dominio wwwsitoesempio2it

217 Admin Panel 31

CAPITOLO 3

La Clipboard

Lrsquooggetto clipboard (rdquoblocco degli appuntirdquo) egrave molto utile quando si ha la necessitagrave di copiare o spostareuno o piugrave elementi di contenuto o una o piugrave pagine da una sezione del sito (contenitore di pagine) adunrsquoaltra

31 Copia o spostamento di un contenuto singolo di pagina allrsquointernodi unrsquoaltra pagina

Per prima cosa egrave necessario (figura Identifica contenuto (page 32))

Figura 31 Identifica contenuto

1 selezionare la voce Lista

2 selezionare la pagina che contiene il contenuto che si intende copiare (nella figura abbiamo sceltola pagina denominata ldquoCorso di formazione su Typo3rdquo

32

DocWeb Release 101

3 identificare dalla lista dei contenuti associati alla pagina quello da spostare

Supponiamo che si desideri copiare il contenuto denominato ldquoTesto 2rdquo (figura Copia contenuto (page 33))

Figura 32 Copia contenuto

Egrave sufficiente cliccare sullrsquoicona (nella figura sopra evidenziata con un cerchio rosso) di copia incorrispondenza del contenuto da copiare

Dopo avere eseguito questa operazione nella figura Risultato copia contenuto (page 34) possiamo notare

1 Egrave comparsa unrsquoicona nuova che mette in evidenza che nella clipboard egrave presente un elemento

2 Lrsquoicona di copia in corrispondenza del contenuto da spostare ha cambiato aspetto

A questo punto lrsquooggetto che si intende copiare egrave presente nella nostra clipboard

Il passo successivo egrave quello di selezionare la pagina in cui andare a posizionare lrsquoelemento (paginadestinazione)

Rimanendo sempre allrsquointerno del modulo Lista occorreragrave selezionare dallrsquoalberatura delle pagine la pag-ina destinazione Il procedimento da seguire per posizionarsi sulla pagina egrave lo stesso descritto in prece-denza Nella figura Incolla contenuto (page 34) viene evidenziato il contenuto di una pagina (denominataldquoPagina di Provardquo) in cui vogliamo copiare il contenuto

Per copiare il contenuto della clipboard nella pagina selezionare lrsquoicona Incolla contenuto Clipboard

Confermando lrsquooperazione il contenuto saragrave copiato allrsquointerno della pagina selezionata

Per effettuare lo spostamento di un contenuto di pagina allrsquointerno di unrsquoaltra pagina cliccare sullrsquoicona

di Taglia al posto dellrsquoicona copia e ripetere le operazioni sopra descritte

1 Selezionando la casella Mostra clipboard (figura Vista clipboard (page 35)) egrave possibile visualiz-zare lrsquooggetto clipboard Nel caso in figura lrsquoelemento copiato in precedenza (Testo 2) egrave ancoradisponibile allrsquointerno della clipboard Utilizzando il procedimento descritto infatti il contenuto

31 Copia o spostamento di un contenuto singolo di pagina allrsquointerno di unrsquoaltra pagina 33

DocWeb Release 101

Figura 33 Risultato copia contenuto

Figura 34 Incolla contenuto

31 Copia o spostamento di un contenuto singolo di pagina allrsquointerno di unrsquoaltra pagina 34

DocWeb Release 101

selezionato rimane ancora a disposizione dellrsquoutente che potragrave selezionare altre pagine destinazionesu cui eventualmente andare a copiare il contenuto Nel caso in cui si selezioni un altro elementoad esempio ldquoTesto 1rdquo lrsquoelemento presente viene automaticamente sostituito

2 Dallrsquooggetto clipboard egrave possibile rimuovere un elemento premendo il bottone di Elimina postoaccanto ad esso

Figura 35 Vista clipboard

Con il procedimento descritto fino ad ora egrave possibile scegliere soltanto un contenuto alla volta

32 Copia o spostamento di piugrave contenuti da una pagina ad unrsquoaltra

Nel caso in cui ci si trovi nella necessitagrave di copiare piugrave di un contenuto da una pagina allrsquoaltra egrave necessarioseguire i passi seguenti

1 Selezionare il modulo Lista

2 Selezionare la pagina di origine da cui prelevare i contenuti

3 Selezionare la casella Mostra clipboard

4 Selezionare una clipboard tra quelle denominate ldquoClipboard 1rdquo ldquoClipboard 2rdquo ldquoClipboard 3rdquo(punto 3 figura Vista clipboard con contenuto selezionato (page 36))

Selezionando ad esempio la clipboard contrassegnata come ldquoclipboard 1rdquo si avragrave la seguente situazione

32 Copia o spostamento di piugrave contenuti da una pagina ad unrsquoaltra 35

DocWeb Release 101

Figura 36 Vista clipboard con contenuto selezionato

32 Copia o spostamento di piugrave contenuti da una pagina ad unrsquoaltra 36

DocWeb Release 101

1 In corrispondenza di ogni contenuto si evidenzia una Casella di selezione Sopra la colonna con lecaselle di selezione egrave comparsa una lista di bottoni tra cui al momento distinguiamo

2 Bottone di copia elementi nella clipboard

3 Bottone di selezione tuttinessuno

Scegliendo ad esempio i primi due elementi e premendo il pulsante di copia elementi nella clipboard sipuograve notare che (figura Copia nella clipboard (page 37))

Figura 37 Copia nella clipboard

1 La clipboard che abbiamo scelto per la selezione multipla (ldquoClipboard 1rdquo) contiene la lista deglioggetti che abbiamo scelto di copiare

2 Ersquo comparsa lrsquoicona di Incolla contenuto Clipboard

La procedura della selezione della pagina di destinazione rimane identica a quella giagrave utilizzata per lacopia di un contenuto singolo (selezionare la pagina di destinazione su cui andare a posizionare i contenutiselezionati)

Egrave importante fare notare che seguendo le operazioni descritte sopra si ottiene come risultato lospostamento dei contenuti dalla pagina origine a quella destinazione

Se si desidera copiare gli elementi selezionati egrave necessario una volta selezionati gli elementi da copiarepremere il tasto copia gli items invece di spostarli (evidenziato con un cerchio rosso nella figura Tagliadalla clipboard (page 38))

32 Copia o spostamento di piugrave contenuti da una pagina ad unrsquoaltra 37

DocWeb Release 101

Figura 38 Taglia dalla clipboard

32 Copia o spostamento di piugrave contenuti da una pagina ad unrsquoaltra 38

DocWeb Release 101

In questo modo dopo avere confermato lrsquooperazione i contenuti o le pagine da copiare saranno presentisia nella pagina origine che in quella destinazione

32 Copia o spostamento di piugrave contenuti da una pagina ad unrsquoaltra 39

CAPITOLO 4

Modulo DAM (Digital AssetManagement)

Il modulo DAM (Digital Asset Management) offre la possibilitagrave di raccogliere e catalogare contenuti informato digitale come immagini documenti presentazioni

Ogni file inserito puograve essere corredato di informazioni aggiuntive (meta-informazioni) come la descrizionelrsquoautore parole chiave ecc

Attraverso il modulo DAM egrave possibile svolgere le seguenti operazioni

bull Caricamento e Aggiornamento di file

bull Ricerca di file allrsquointerno del DAM e modifica delle meta-informazioni associate ai file

41 Caricamento e Aggiornamento di file

Lrsquooperazione di CaricamentoAggiornamento di file serve per sottoporre al sistema DAM un particolarecontenuto memorizzato in formato digitale

Lrsquoelemento caricato saragrave poi disponibile a chi inserisce contenuti

Per iniziare lrsquooperazione di caricamento di un file egrave sufficiente selezionare la voce File che si trovaallrsquointerno del modulo Media (figura Menu file (page 41))

La maschera che si apre (figura File upload (page 41)) offre le seguenti possibilitagrave

1 Selezione della posizione dove andare a caricareaggiornare il file

2 Specificare alcuni documenti da caricare (area File)

Concentrandoci sullrsquoarea File (figura Dettaglio file upload (page 42)) distinguiamo

1 Voce Show upload location browser (punto 1 figura sopra) egrave possibile visualizzare i file attualmentecaricati nel Mount Point selezionato

2 Lista di bottoni denominati Sfoglia da utilizzare nel caso in cui si desideri caricareaggiornareun file

Se si desidera caricare un file occorre cliccare sul bottone Sfoglia

La finestra che appare (figura Sfoglia file (page 42)) permette di selezionare dal proprio PC il file dacaricare

Per selezionare un file da caricare occorre

1 Esplorare le cartelle del proprio PC per trovare il file

40

DocWeb Release 101

Figura 41 Menu file

Figura 42 File upload

41 Caricamento e Aggiornamento di file 41

DocWeb Release 101

Figura 43 Dettaglio file upload

Figura 44 Sfoglia file

41 Caricamento e Aggiornamento di file 42

DocWeb Release 101

2 Inserire il nome del file nella casella di testo Nome file

3 Premere il tasto Apri

Una volta che si egrave selezionato un file egrave possibile

1 selezionare altri file da caricare seguendo gli stessi passi descritti in precedenza

2 effettuare lrsquooperazione di caricamento del file vero e proprio

Dallrsquoesempio abbiamo scelto di caricare un solo file

Il caricamento dei file viene eseguito premendo il bottone ldquoUpload filesrdquo che si trova in fondo alla listadei file selezionati (figura File selezionato (page 43))

Figura 45 File selezionato

Se tutto egrave stato eseguito correttamente appariragrave una finestra come quella nella figura Process files(page 44)

In questa maschera egrave possibile

1 Specificare le meta-informazioni per il singolo file come ad esempio il titolo parole chiavedescrizione

2 Avviare il processo di elaborazione multipla premendo il bottone Process selected files Con questoprocesso egrave possibile inserire o modificare le meta-informazioni per tutti i file della lista (in questocaso solo uno)

Se si vuole eseguire lrsquoinserimento delle meta-informazioni per singolo file la finestra che si apre egrave similea quella presentata in figura Elaborazione metainformazioni singolo file (page 44)

Nel caso si scelga di eseguire il processo di elaborazione multipla la maschera che compare (figuraElaborazione metainformazioni file multipli (page 45)) permette di selezionare le meta-informazioni chelrsquoutente intende inserire contemporaneamente per tutti i file della selezione

41 Caricamento e Aggiornamento di file 43

DocWeb Release 101

Figura 46 Process files

Figura 47 Elaborazione metainformazioni singolo file

41 Caricamento e Aggiornamento di file 44

DocWeb Release 101

Figura 48 Elaborazione metainformazioni file multipli

41 Caricamento e Aggiornamento di file 45

DocWeb Release 101

Se si seleziona la checkbox accanto alla voce che eventualmente saragrave inserita questa viene aggiuntaalle informazioni eventualmente giagrave presenti (modalitagrave append) Nellrsquoaltro caso le informazioni sarannosovrascritte

I campi Titolo e Descrizione sono obbligatori mentre il campo Parole chiavi puograve essere valorizzato adiscrezione dellrsquoutente Informazioni su come valorizzare i campi elencati sopra saranno descritte suapposite linee guida

Per completare lrsquoinserimentoaggiornamento delle meta-informazioni riguardanti il file caricato occorrepremere il tasto Send (figura Salva metainformazioni (page 46)) in fondo alla maschera per il salvataggiodelle informazioni

Figura 49 Salva metainformazioni

Tornando alla maschera di caricamento file e selezionando la checkbox in corrispondenza della voceSovrascrivi file esistenti (figura Carica file sovrascrivendo (page 46)) saragrave possibile aggiornare eventualifile che hanno lo stesso nome di quello che stiamo caricando

Questa procedura egrave utile quando si vuole aggiornare il contenuto di un file che egrave giagrave presente nel DAM

Figura 410 Carica file sovrascrivendo

Nel caso di aggiornamento di un file le meta-informazioni del file rimangono le stesse inserite inprecedenza Come si puograve notare non viene offerta la possibilitagrave di inserirne di nuove

Nel caso in cui un file con lo stesso nome sia giagrave caricato e non si desideri aggiornarlo il file inseritoper ultimo viene rinominato con un suffisso generato automaticamente dal DAM In questo caso la voceSovrascrivi file esistenti non deve essere selezionata (figura Carica file senza sovrascrivere (page 47))

Nellrsquoesempio in figura viene presentata la lista dei file presenti nel mount point selezionato

Da notare la presenza di un file che egrave stato rinominato dal DAM con un suffisso ldquo_01rdquo dato che nellastessa posizione era giagrave presente un file con lo stesso nome

41 Caricamento e Aggiornamento di file 46

DocWeb Release 101

Figura 411 Carica file senza sovrascrivere

41 Caricamento e Aggiornamento di file 47

DocWeb Release 101

42 Ricerca di file allrsquointerno del DAM e modifica delle meta-informazioni

Rimanendo sempre allrsquointerno del modulo Media selezioniamo la voce List egrave possibile effettuare dellericerche dei file e modificare le meta-informazioni associate ai file

Nella figura Backend media list (page 48) distinguiamo

Figura 412 Backend media list

1 Parte relativa ai Mount Point disponibili

2 Parte relativa ai tipi di file caricati nel sistema

3 Schede List Thumbnails Selection Process

Da questa sezione egrave possibile effettuare ricerche sui file caricati nel DAM

Le ricerche che si possono eseguire sono del tipo ldquotrova tutti i file pdf e docrdquo oppure ldquoelenca tutti i filedi tipo immagine ad eccezione dei file con estensione gifrdquo

Per prima cosa facendo click sul nome del tipo file (es gif oppure image) si seleziona solo quel tipo difile e si escludono tutti i criteri selezionati in precedenza

Per aggiungere un altro criterio di ricerca egrave sufficiente selezionare il ldquo+rdquo (punto 1 nella figura Criteri diselezione (page 49)) posto accanto al tipo di file che si vuole selezionare

Con il ldquo-ldquo(punto 2) saragrave possibile rimuovere il tipo di file dai criteri di ricerca

Selezionando ldquo=rdquo (punto 3) egrave possibile introdurre clausole del tipo ldquocerca un file che sia doc e presentenel Mount Point chiamato lsquoArea Testrsquordquo (ossia effettua una ricerca che risponda a tutti i criteri impostati)

Nellrsquoesempio della figura Salva selezione (page 49) sono stati selezionati tutti i tipi di immagine adeccezione dei file con estensione gif Questo risultato si ottiene nel seguente modo

1 selezionare il ldquo+rdquo accanto alla voce ldquoimagerdquo

2 premendo il tasto ldquo-ldquo in corrispondenza della voce ldquogifrdquo

I criteri impostati per la selezione possono essere salvati per un uso futuro Per salvare la selezioneoccorre (figura Salva selezione (page 49))

1 riempire il campo sotto la voce SELECTION con un nome che identifichi la ricerca

2 premere il tasto Save per salvare la modalitagrave di ricerca impostata

In questo modo saragrave possibile richiamare e rieseguire la ricerca impostata anche in futuro senza doverripetere il procedimento di scelta dei criteri mostrato in precedenza

42 Ricerca di file allrsquointerno del DAM e modifica delle meta-informazioni 48

DocWeb Release 101

Figura 413 Criteri di selezione

Figura 414 Salva selezione

42 Ricerca di file allrsquointerno del DAM e modifica delle meta-informazioni 49

DocWeb Release 101

Se in futuro saranno inseriti nuovi file che soddisfano la ricerca salvata questi verranno selezionati quandoverragrave richiamata la ricerca salvata

Dalla figura Ricerca salvata (page 50) egrave possibile notare come richiamare la ricerca salvata In questocaso abbiamo salvato la ricerca con il nome ldquoimmaginisenzagifrdquo

Figura 415 Ricerca salvata

Una volta che si egrave selezionata la ricerca egrave possibile

1 Premere il tasto Load per ricaricare la ricerca precedentemente impostata

2 Premere Remove per rimuovere la ricerca salvata

Una volta effettuata una particolare selezione di file egrave possibile (figura Schede backend media list(page 50))

Figura 416 Schede backend media list

1 vedere il contenuto della selezione (schede List e Thumbnails)

2 vedere i criteri impostati per la ricerca (scheda Selection)

3 modificare le meta-informazioni associate ai file (scheda Process) secondo quanto descritto inprecedenza

Nella figura Scheda selection (page 51) egrave visualizzato come selezionando la scheda Selection egrave possibileprendere visione dei criteri impostati nella ricerca (la ricerca egrave quella dellrsquoesempio precedente)

Selezionando le schede List e Thumbnails dopo avere effettuato una qualsiasi selezione si potrebbe avereuna situazione come quella mostrata nella figura Scheda list (page 51)

Cliccando sullrsquoicona corrispondente ad uno dei file presenti nella lista (selezionato con un cerchio rosso)egrave possibile accedere ad un menugrave contestuale (figura Menu contestuale DAM (page 51))che permette disvolgere le seguenti operazioni

Modifica Offre la possibilitagrave di visualizzare e modificare le meta-informazioni associate al file

Rinomina Selezionando la seguente voce egrave possibile assegnare un altro nome al file che si egrave caricato

Replace file Avvia lrsquooperazione di sostituzione del file

Info Visualizza informazioni relative al file

Cancella Rimuove il file dal DAM

42 Ricerca di file allrsquointerno del DAM e modifica delle meta-informazioni 50

DocWeb Release 101

Figura 417 Scheda selection

Figura 418 Scheda list

Figura 419 Menu contestuale DAM

42 Ricerca di file allrsquointerno del DAM e modifica delle meta-informazioni 51

CAPITOLO 5

Modulo Pagine di download

51 Inserimento e configurazione pagine di download

La creazione di pagine di download egrave utile quando si vuole mettere a disposizione una lista di uno o piugravefile in forma scaricabile

Per creare una pagina di download egrave necessario seguire i seguenti passi

1 Creare una pagina standard

2 Inserire il plugin DAM Download List

3 Configurare il plugin

Per creare una pagina egrave sufficiente entrare nel modulo Pagina e selezionare Crea nuovo record per accederealla finestra di creazione pagine

Nellrsquoesempio in figura Backend creazione contenuto (page 52) egrave stata creata la pagina denominata ldquoPaginadownloadrdquo come figlio della pagina ldquoPagina di provardquo

Figura 51 Backend creazione contenuto

Una volta creata la pagina occorre configurarla in maniera tale da permettere la visualizzazione di unalista di file scaricabili Per fare ciograve occorre inserire un plugin denominato ldquoDAM Download Listrdquo Unplugin egrave un contenuto speciale da inserire in una pagina

52

DocWeb Release 101

Per inserirlo come per un contenuto occorre seguire i seguenti passi (figura Backend creazione contenuto(page 52))

1 Selezionare la pagina in cui inserire il plugin Nellrsquoesempio la pagina denominata ldquoPaginadownloadrdquo

2 Selezionare la voce Clicca qui per il wizard nella maschera che compare quando si vuole inserire unnuovo record

Figura 52 Wizard nuovo contenuto

Oltre ai normali contenuti standard il wizard permette di selezionare (figura Wizard nuovo contenuto(page 53))

1 Contenuti speciali

2 Moduli

3 Plugins

Allrsquointerno della lista dei Plugins selezionare DAM Lista dei file scaricabili (punto 4 nella figura Wizardnuovo contenuto (page 53))

Dopo aver selezionato il plugin occorreragrave selezionare la posizione della pagina in cui inserire lrsquoelemento

Selezionare ldquoNormalerdquo

A questo punto il plugin egrave inserito nella pagina desiderata

51 Inserimento e configurazione pagine di download 53

DocWeb Release 101

Oltre allrsquoinserimento occorre configurare il plugin in modo da dirgli quali file far visualizzare

Una volta che il plugin viene inserito viene aperta una finestra (figura Contenuto pagina (page 54)) doveviene richiesto di selezionare dei file inseriti nel sistema

Figura 53 Contenuto pagina

Per proseguire correttamente egrave necessario salvare immediatamente il Contenuto Pagina altrimenti leoperazioni successive potrebbero andare perse

Per inserire i file nella lista occorre effettuare la seguente operazione (figura Contenuto pagina (page 54))

1 Nella parte della maschera denominata DAM Lista di file scaricabili selezionare lrsquoicona SfogliaRecord (cerchiata in rosso) per avviare la procedura di selezione dei file

Selezionando la voce Sfoglia Record verragrave aperto lrsquoElement Browser di TYPO3 che ci permette di se-lezionare i file da inserire nel plugin La finestra (figura Element browser (page 55)) egrave composta di dueschede

1 Media ndash permette di selezionare i file giagrave esistenti nel sistema

2 Upload ndash permette di caricare nuovi file

Selezionando la sezione Media egrave possibile selezionare dalla lista i file da inserire

51 Inserimento e configurazione pagine di download 54

DocWeb Release 101

Figura 54 Element browser

Se la lista dei file fosse troppo lunga egrave possibile effettuare delle ricerche per nome e per tipologia di file(doc htm )

Per cercare per nome (figura Ricerca per nome (page 55)) occorre inserire nella casella di testo Cercastringa (punto 1 nella figura sopra) il nome o parte del nome del file da cercare Una volta specificata lastringa di ricerca premere il tasto Cerca (punto 2)

Figura 55 Ricerca per nome

Per cercare un particolare tipo di file selezionare il nome dellrsquoestensione che si desidera dallrsquoelenco deitipi di file (figura Ricerca per tipo (page 56))

Nota I due tipi di ricerca possono essere usati contemporaneamente

Selezionando la voce informazioni (punto 1 nella figura Selezione file (page 56)) egrave possibile visualizzarele meta-informazioni associate al file

Premendo con il mouse sul nome del file (punto 2) o sullrsquoicona associata (punto 3) si inserisce il file nellalista dei file da far visualizzare nella pagina di download mediante lrsquoapposito plugin

Selezionando la scheda Upload si puograve inserire un file non presente nel sistema (figura Caricamentoimmediato file (page 56))

51 Inserimento e configurazione pagine di download 55

DocWeb Release 101

Figura 56 Ricerca per tipo

Figura 57 Selezione file

Figura 58 Caricamento immediato file

51 Inserimento e configurazione pagine di download 56

DocWeb Release 101

Scegliere i file dal proprio PC seguendo le operazioni giagrave descritte nel modulo DAM e selezionare dallascheda Media i nuovi file inseriti

Nella figura Plugin con file selezionati (page 57) egrave visualizzato un esempio di maschera di configurazionedel plugin con la lista dei file selezionati

Figura 59 Plugin con file selezionati

I file una volta inseriti possono essere ordinati selezionando sugli appositi bottoni posti a destra dellalista file

bull Per ordinare un determinato file occorre

bull Selezionare un file

Premere uno dei tasti (figura sopra) per

1 Spostare in prima posizione

2 Spostare in alto di una posizione

3 Spostare in basso di una posizione

4 Spostare in ultima posizione

5 Rimuovere dalla lista il file selezionato

Una volta eseguiti i passaggi sopra descritti salvare la configurazione del plugin

51 Inserimento e configurazione pagine di download 57

CAPITOLO 6

Modulo Sitemap

Ersquo possibile generare una mappa del sito scegliendo un contenuto speciale di tipo ldquoMappa del Sitordquo comemostrato nella figura Contenuto mappa del sito (page 58)

Figura 61 Contenuto mappa del sito

Per scegliere un record di tipo ldquomappa del sitordquo (per visualizzare cioegrave la vista dei contenuti possibili)saragrave necessario portarsi in modalitagrave ldquopaginardquo compiendo gli stessi passaggi descritti per la creazione dicontenuti semplici in fase di creazione delle pagine (in questo caso selezionando il contenuto specialemappa)

58

DocWeb Release 101

61 Scheda di configurazione Mappa

La scheda di configurazione si presenta come nella figura Scheda mappa del sito (page 59)

Figura 62 Scheda mappa del sito

I campi fondamentali da personalizzare sono lrsquointestazione (ossia il titolo pagina) il tipo di menugrave e ilpunto di partenza Nellrsquointestazione viene inserito come di consuetudine il titolo pagina

62 Tipo di mappa

Ersquo possibile scegliere il tipo di mappa che si desidera creare consultando il menugrave a tendina ldquotipo di menugraverdquoche ci offriragrave diverse opzioni

Le piugrave frequentemente usate sono di tipo ldquoMenugrave delle sottopagine rdquo come indicato nella figura Tipo dimenu (page 60)

Menugrave delle sottopagine di queste pagine Scegliendo questa opzione da una pagina padre sigenereragrave un record che mostreragrave al suo interno tutte le sottovoci figlio con relativo link

Menugrave delle sottopagine di queste pagine (con abstract) Genera una mappa sia delle sottopagineche dei sottotitoli

Menugrave delle sottopagine di queste pagine + sezioni Genera una mappa sia delle sottopagine chedei record (link alle intestazioni dei singoli record)

Selezionando voci di menugrave di sottopagine egrave anche possibile stabilire un determinato punto di partenzasfogliando lrsquoapposito record

61 Scheda di configurazione Mappa 59

DocWeb Release 101

Figura 63 Tipo di menu

63 Il ldquopunto di partenzardquo della mappa

Il ldquopunto di partenzardquo dei Menugrave delle sottopagine Scheda mappa del sito (page 59) costituisce la paginadalla quale il sistema partiragrave per creare la mappa

Si potragrave quindi creare una mappa (di tipo menugrave delle sottopagine) che mostri solamente il percorso diquella porzione di menugrave che si intende mostrare

63 Il ldquopunto di partenzardquo della mappa 60

CAPITOLO 7

Modulo News

71 Inserimento e modifica di news

Alcune sezioni del nostro sito potrebbero essere state configurate per permettere la visualizzazione dinotizie

Per poter visualizzare le news correttamente occorre che queste ultime vengano inserite in una determi-nata posizione allrsquointerno del backend Da questa posizione che chiameremo repository delle news lenostre pagine andranno a prelevare le news da visualizzare al loro interno

Figura 71 Backend news

Nellrsquoesempio presentato nella figura Backend news (page 61) distinguiamo

1 il repository delle news che egrave stato creato

2 Un esempio di come potrebbe apparire il contenuto del repository delle news (lista delle news)

Per poter visualizzare il contenuto del repository delle news occorre seguire i seguenti passi

1 entrare nel modulo Pagina

61

DocWeb Release 101

2 selezionare il repository delle news corrispondente (nellrsquoesempio della figura Backend news (page 61)il Repository delle news si chiama ldquoNews Area Testrdquo)

Poniamo ora la nostra attenzione alla lista delle news (figura Lista news (page 62)) Da qui egrave possibile

bull Inserire una nuova notizia

bull Modificare le notizie giagrave esistenti

Per inserire una nuova notizia occorre selezionare la voce Crea nuovo record (figura Lista news (page 62))posta in fondo alla lista delle news

Figura 72 Lista news

A questo punto si apre la finestra di creazione Nuovo record da cui occorre selezionare la voce News(figura Nuovo record news (page 62))

Figura 73 Nuovo record news

Eseguendo le operazioni sopra descritte si accede alla maschera di inserimento news (figura Inserimentonews scheda generale (page 63))

Questa si compone di due schede una denominata Generale e unrsquoaltra denominata Relations

Nella scheda Generale egrave possibile inserire

Titolo in questo spazio egrave possibile specificare un titolo della news

Nascondi questo controllo determina se la news egrave pubblicabile oppure no Come avviene per le pagineanche per le news egrave consigliabile tenere la news nascosta durante la lavorazione Facciamo notare

71 Inserimento e modifica di news 62

DocWeb Release 101

Figura 74 Inserimento news scheda generale

71 Inserimento e modifica di news 63

DocWeb Release 101

che appena viene aperta la maschera di inserimento di una nuova news il controllo appare giagrave instato nascosto

Dataora in questo spazio viene indicata la data e lrsquoora della creazione della news in base ai parametridi sistema

Data Archiviazione in questo spazio viene inserita la data di Archiviazione di una news

Autore permette di specificare un autore della news

Email permette di specificare un e-mail a cui fare riferimento

Sottointestazione questo campo conterragrave una breve descrizione (abstract) della news La sottointes-tazione egrave quella parte della news che compare quando viene visualizzata la lista delle news e serveper dare una breve descrizione al contenuto della news (si veda Esempio news (page 64))

Figura 75 Esempio news

Durante lrsquoinserimento di una news egrave consigliabile specificare sempre una sottointestazione

Testo egrave il campo che contiene il contenuto vero e proprio della news Egrave possibile utilizzare tutte lefunzionalitagrave messe a disposizione dallrsquoeditor RTE

72 Modalitagrave Relations

Nella modalitagrave Relations (figura Inserimento news scheda relations (page 65)) egrave possibile inserire

Immagini contiene una lista di immagini da associare alla news Il procedimento per la se-lezionecaricamento delle immagini egrave stato descritto nella parte dedicata alla creazione di paginedi download a cui vi rimandiamo

Didascalia permette di specificare una descrizione per lrsquoimmagine associata alla news

Image alttext e Image titletext permette di specificare un testo che in visualizzazione (Frontend)compariragrave al passaggio del mouse sopra lrsquoimmagine

News correlate permette di specificare news o pagine del sito da associare alla news Il procedimentodi selezione delle news da associare alla notizia saragrave spiegato successivamente

DAM elements permette di assegnare alla news dei documenti da scaricare come per esempioil programma di un determinato evento Anche in questo caso il procedimento per la se-lezionecaricamento dei documenti egrave quello giagrave descritto nella parte dedicata alla creazione dipagine di download

Descriviamo il procedimento da seguire per associare alcune pagine o alcune news alla notizia che stiamoinserendo

Premere il tasto di Sfoglia Record evidenziato nella figura Sfoglia record news (page 65)

Verragrave aperta una finestra che contiene un Element Browser che ci permette di selezionare le newspagine(figura Element browser news (page 66)) da associare

La finestra di selezione si suddivide nelle seguenti parti (figura sopra)

Alberatura del sito da cui egrave possibile esplorare gli elementi del nostro sito (pagine sysfolder )Premendo con il tasto sinistro del mouse sul nome della pagina o sulla freccia corrispondente verragraveaggiornata la parte di destra della finestra in cui egrave inserita la lista degli elementi associabili

72 Modalitagrave Relations 64

DocWeb Release 101

Figura 76 Inserimento news scheda relations

Figura 77 Sfoglia record news

72 Modalitagrave Relations 65

DocWeb Release 101

Figura 78 Element browser news

Lista degli elementi associabili egrave quindi possibile selezionare gli elementi da associare alla newsPer associare un elemento si puograve selezionare il simbolo ldquo+rdquo posto accanto allrsquoelemento desideratoo agendo sul nome del file Nel primo caso lrsquoelemento viene aggiunto ma la finestra non si chiuderagrave(utile per effettuare selezioni multiple) mentre nel secondo caso lrsquoelemento viene aggiunto e lafinestra si chiuderagrave (selezione singola)

Nota Per associare una o piugrave news alla notizia che stiamo inserendo occorreragrave innanzitutto selezionareil repository delle news e utilizzando i metodi descritti in precedenza indicare le news di interesse

Nella figura Selezione repository (page 66) viene visualizzato come appare lrsquoElement Browser dopo averselezionato il repository delle news denominato ldquoNews Corso Typo3rdquo

Figura 79 Selezione repository

Una volta ultimato il procedimento di inserimento di una news vedremo che nel repository compariragrave(figura News nel repository (page 67)) anche quella da noi creata Nellrsquoesempio la news creata si chiamaldquoTitolo della news di provardquo

Dalla lista delle news possiamo notare che i diversi tipi di news sono contrassegnati con icone diverse

In particolare distinguiamo

72 Modalitagrave Relations 66

DocWeb Release 101

Figura 710 News nel repository

bull News (icona ldquocelestinardquo)

bull Collegamento a URL esterna (icona ldquorosardquo)

bull Collegamento a pagina interna (icona ldquogiallinardquo)

Per modificare il contenuto di una news egrave sufficiente selezionare il simbolo di modifica (figura Modificanews (page 67)) in corrispondenza della news da modificare

Figura 711 Modifica news

73 News collegata a URL esterna e a pagina interna

Attraverso la selezione della finestra ldquoTipordquo egrave possibile scegliere diverse tipologie di news

Nella figura News collegata a url esterna (page 68) egrave stato selezionato il Collegamento a URL esterna checi offriragrave la possibilitagrave di specificare un link (ldquoURL esternordquo) da far visualizzare e che saragrave contraddistintain lista da lrsquoicona di colore rosa

Selezionando il Collegamento a pagina interna viene offerta la possibilitagrave di inserire un collegamento auna pagina del sito (evidenziato nella figura News collegata a pagina interna (page 69))

La news si presenteragrave con icona di color ldquogiallordquo e al suo interno conterragrave un link alla pagina interna alsito

73 News collegata a URL esterna e a pagina interna 67

DocWeb Release 101

Figura 712 News collegata a url esterna

73 News collegata a URL esterna e a pagina interna 68

DocWeb Release 101

Figura 713 News collegata a pagina interna

73 News collegata a URL esterna e a pagina interna 69

DocWeb Release 101

74 Eliminazione delle News

Per eliminare una news possiamo procedere tra lrsquoaltro in due modi

1 Selezionare la news da eliminare dallrsquoelenco e selezionare la voce ldquocancellardquo dal menugrave a tendinaconsultabile cliccando con il pulsante destro sullrsquoicona in corrispondenza della news (figura Eliminanews da menu contestuale (page 70))

Figura 714 Elimina news da menu contestuale

2 Entrare allrsquointerno della modalitagrave di modifica della news attraverso lrsquoicona ldquomatitardquo e selezionare lrsquoi-cona raffigurante il bidone di elimina posta in alto pagina (figura Elimina news da scheda contenuto(page 70))

Figura 715 Elimina news da scheda contenuto

75 Ordinamento delle News e ricerca

Puograve essere necessario durante la visualizzazione della lista delle news (lato backend) di dover effettuaredegli ordinamenti al fine di permettere una ricerca piugrave veloce delle news da modificare

74 Eliminazione delle News 70

DocWeb Release 101

Avvertimento Lrsquoordinamento ha valore solo come ricerca allrsquointerno del backend mentre latofrontend rispecchieragrave i parametri prestabiliti dal sistema

Supponiamo per esempio di voler effettuare un ordinamento per Titolo Seguiamo i seguenti passi(figura sotto)

1 Selezionare la voce di menugrave Lista

2 Selezionare il deposito delle news (repository) News Corso Typo3

3 Cliccare con il mouse in corrispondenza della voce ldquoTitolordquo

A questo punto (figura Ordinamento news (page 71)) le news vengono ordinate in ordine crescente(vengono visualizzate prima le news con titolo che inizia con la lettera a b e cosigrave via)

Figura 716 Ordinamento news

Se clicchiamo unrsquoaltra volta sulla voce ldquoTitolordquo il tipo di ordinamento cambia da crescente a decrescente(compariranno per prima le news con titolo che inizia per z )

Egrave inoltre possibile ordinare secondo campo da noi specificato Per definire il nome di un campo (ad estesto inizio autore ) su cui effettuare lrsquoordinamento occorreragrave spostarsi in fondo alla lista delle newsdove troveremo una lista di campi (figura Mostra campo aggiuntivo news (page 71))

Figura 717 Mostra campo aggiuntivo news

Dalla lista possiamo

bull Selezionare la voce in base alla quale effettuare lrsquoordinamento (ad esempio Immagini)

bull Premere il tasto Imposta campi per aggiungere alla lista dei campi visualizzati quello selezionato

75 Ordinamento delle News e ricerca 71

DocWeb Release 101

A questo punto il campo selezionato (nel nostro esempio il campo Immagini) compare nella lista dellenews (il campo aggiunto egrave evidenziato con un riquadro in alto a destra nella figura Ordinamento campoaggiuntivo news (page 72))

Figura 718 Ordinamento campo aggiuntivo news

Effettuare le stesse operazioni illustrate per il campo Titolo per ordinare in modo crescente e decrescentele news secondo il criterio impostato (click pulsante sinistro sul nome etichetta)

Egrave anche possibile ricercare le news in base al testo contenuto nel titolo sottotitolo descrizione eccUtilizzando la maschera di ricerca in fondo pagina (evidenziata nella figura Ricerca news (page 72))

Figura 719 Ricerca news

Per effettuare una ricerca egrave necessario seguire i seguenti passi

1 Inserire nel campo Cerca Stringa il testo da cercare (nel nostro esempio ldquonequerdquo)

2 Premere il tasto Cerca per eseguire la ricerca secondo i criteri impostati

In questo modo nella lista delle news compariranno solo quelle che contengono il testo specificatoEffettuata la ricerca egrave possibile effettuare degli ordinamenti come spiegato in precedenza

75 Ordinamento delle News e ricerca 72

CAPITOLO 8

Modulo Eventi

Avvertimento SEZIONE NON COMPLETA

Si confrontino i seguenti due tipi di contenuti

Evento egrave un tipo di contenuto adatto a descrivere qualcosa che accadragrave o che egrave accaduto in una certadata La data o le date in cui lrsquoevento ricorre sono strettamente legate ad un luogo in cui lrsquoeventosi verificheragravesi egrave verificato Gli eventi vengono rappresentati mediante la metafora dellrsquoagenda edel calendario

Notizia egrave un tipo di contenuto caratterizzato dalla data di pubblicazione secondo la metafora delgiornale online E come in un giornale online una notizia puograve riferirsi sia a fatti giagrave accaduti chea fatti a venire

Nota Per comprendere meglio la differenza tra i due tipi di contenuto si pensi che dato un eventoche ha una certa data di svolgimento (ad es 20 maggio) di tale evento posso realizzare piugrave di unanotizia Rimanendo nellrsquoesempio potrei pubblicare una notizia il 10 maggio per preannunciare lrsquoeventoe poi unrsquoaltra il 18 maggio per ricordarne lrsquoimminenza Infine potrei pubblicare una notizia di riepilogo(cronaca dellrsquoevento immagini ecc) il 22 maggio

81 Scopo del modulo Eventi

Il visitatore del sito deve poter cogliere le informazioni essenziali di un evento

bull Cosa sta per succedere

bull Dove accadragrave

bull Quando accadragrave

82 Il Backend ndash Modulo Pagina

Vedi figura Eventi vista modulo pagina (page 74)

83 Il Backend ndash Modulo Lista

Vedi figura Eventi vista modulo lista (page 74)

73

DocWeb Release 101

Figura 81 Eventi vista modulo pagina

Figura 82 Eventi vista modulo lista

83 Il Backend ndash Modulo Lista 74

DocWeb Release 101

84 Creazione di un evento

Prima di procedere poniamoci qualche domanda

bull Lrsquoevento appartiene a qualche rassegna iniziativa per la quale sono in programma altri eventiPer esempio

ndash Rassegne teatrali cinematografiche

ndash Festival

bull Lrsquoevento si ripete

ndash La replica avviene sempre nello stesso luogo

841 Creazione del record

Vedi figura Creazione nuovo evento (page 75)

Vedi figura Creazione nuovo record evento (page 76)

Figura 83 Creazione nuovo evento

842 Scheda ldquoGeneralerdquo

Vedi figura Evento scheda generale (page 76)

843 Scheda ldquoFinestra temporalerdquo

Orario repliche

Vedi figura Evento finestra temporale (page 78)

84 Creazione di un evento 75

DocWeb Release 101

Figura 84 Creazione nuovo record evento

Figura 85 Evento scheda generale

84 Creazione di un evento 76

DocWeb Release 101

bull Lrsquoorario va solo per le Finestre temporali di un giorno (data inizio = data fine)

bull Se non si conosce lrsquoora della fine impostare ora inizio = ora fine

844 Scheda ldquoTestordquo

Vedi figura Evento scheda testo (page 79)

84 Creazione di un evento 77

DocWeb Release 101

Figura 86 Evento finestra temporale

84 Creazione di un evento 78

DocWeb Release 101

Figura 87 Evento scheda testo84 Creazione di un evento 79

  • Introduzione
    • Cosegrave DocWeb
    • Concetti chiave
      • Funzionalitagrave di Base
        • Il CMS Typo3 ldquobackendrdquo e ldquofrontendrdquo
        • Cambio password di accesso
        • Albero delle pagine
        • Implementazione delle pagine ldquogenitori rdquo e ldquofiglirdquo
        • Inserimento Nuova pagina
        • Elementi standard della pagina
        • Inserimento contenuti di una pagina
        • Contenuti multipli allrsquointerno di una pagina
        • Modifica dei contenuti della pagina
        • Spostamento di pagine
        • Eliminazione pagine
        • Rich Text Editor
        • Modalitagrave Lista
        • Modalitagrave Mostra
        • Modalitagrave ldquoMonta come radice dellrsquoalberordquo
        • Ottenere il page-id di una pagina
        • Admin Panel
          • La Clipboard
            • Copia o spostamento di un contenuto singolo di pagina allrsquointerno di unrsquoaltra pagina
            • Copia o spostamento di piugrave contenuti da una pagina ad unrsquoaltra
              • Modulo DAM (Digital Asset Management)
                • Caricamento e Aggiornamento di file
                • Ricerca di file allrsquointerno del DAM e modifica delle meta-informazioni
                  • Modulo Pagine di download
                    • Inserimento e configurazione pagine di download
                      • Modulo Sitemap
                        • Scheda di configurazione Mappa
                        • Tipo di mappa
                        • Il ``punto di partenza della mappa
                          • Modulo News
                            • Inserimento e modifica di news
                            • Modalitagrave Relations
                            • News collegata a URL esterna e a pagina interna
                            • Eliminazione delle News
                            • Ordinamento delle News e ricerca
                              • Modulo Eventi
                                • Scopo del modulo Eventi
                                • Il Backend ndash Modulo Pagina
                                • Il Backend ndash Modulo Lista
                                • Creazione di un evento
Page 2: DocWeb€¦ · per la realizzazione e la gestione di siti web della Pubblica Am-ministrazione. La piattaforma tecnologica utilizzata è il CMS (Content Management System) Open SourceTypo31

Indice

1 Introduzione 211 Cosrsquoegrave DocWeb 212 Concetti chiave 2

2 Funzionalitagrave di Base 421 Il CMS Typo3 ldquobackendrdquo e ldquofrontendrdquo 422 Cambio password di accesso 523 Albero delle pagine 724 Implementazione delle pagine ldquogenitori rdquo e ldquofiglirdquo 825 Inserimento Nuova pagina 826 Elementi standard della pagina 927 Inserimento contenuti di una pagina 1228 Contenuti multipli allrsquointerno di una pagina 1629 Modifica dei contenuti della pagina 18210 Spostamento di pagine 18211 Eliminazione pagine 19212 Rich Text Editor 19213 Modalitagrave Lista 24214 Modalitagrave Mostra 25215 Modalitagrave ldquoMonta come radice dellrsquoalberordquo 26216 Ottenere il page-id di una pagina 27217 Admin Panel 27

3 La Clipboard 3231 Copia o spostamento di un contenuto singolo di pagina allrsquointerno di unrsquoaltra pagina 3232 Copia o spostamento di piugrave contenuti da una pagina ad unrsquoaltra 35

4 Modulo DAM (Digital Asset Management) 4041 Caricamento e Aggiornamento di file 4042 Ricerca di file allrsquointerno del DAM e modifica delle meta-informazioni 48

5 Modulo Pagine di download 5251 Inserimento e configurazione pagine di download 52

6 Modulo Sitemap 5861 Scheda di configurazione Mappa 5962 Tipo di mappa 5963 Il ldquopunto di partenzardquo della mappa 60

i

7 Modulo News 6171 Inserimento e modifica di news 6172 Modalitagrave Relations 6473 News collegata a URL esterna e a pagina interna 6774 Eliminazione delle News 7075 Ordinamento delle News e ricerca 70

8 Modulo Eventi 7381 Scopo del modulo Eventi 7382 Il Backend ndash Modulo Pagina 7383 Il Backend ndash Modulo Lista 7384 Creazione di un evento 75

ii

DocWeb Release 101

Avvertimento DOCUMENTO IN FASE DI REVISIONE E AGGIORNAMENTOAlcuni argomenti potrebbero non essere completi e alcune funzionalitagrave potrebbero non essere attive

Indice 1

CAPITOLO 1

Introduzione

11 Cosrsquoegrave DocWeb

Docweb egrave un insieme di soluzioni tecnologiche e organizzativeper la realizzazione e la gestione di siti web della Pubblica Am-ministrazione La piattaforma tecnologica utilizzata egrave il CMS(Content Management System) Open Source Typo31 opportuna-mente configurato e integrato da moduli software appositamentesviluppati dalla (o per conto della) Provincia di Pesaro e Urbino

Ma cosrsquoegrave in concreto il Sistema Provinciale di Gestione PortaliDocweb

Si tratta di un sistema software che consente di realizzare e gestirefacilmente i siti web degli enti

Docweb egrave dotato di una serie di moduli e funzionalitagrave fornite di basea tutti gli utenti oltre che di ldquomaschererdquo grafiche personalizzabili chesoddisfano la normativa sullrsquoaccessibilitagrave dei siti web delle PA (LeggeStanca dlgs n 404)

Il sistema Docweb che viene da tempo utilizzato dallrsquoAmministrazione Provinciale per gestire i proprisiti web viene messo a disposizione degli enti senza alcun onere aggiuntivo nellrsquoambito delle convenzioniche regolano i servizi della Rete Telematica Provinciale e in particolare del Centro Servizi Territoriale2

12 Concetti chiave

Le caratteristiche fondamentali che devono soddisfare i moderni siti web sono

bull usabilitagrave (facilitagrave di navigazione e di reperimento delle informazioni)

bull accessibilitagrave (siti fruibili anche da persone diversamente abili o non dotate di strumenti tecnologiciavanzati)

I concetti chiave sono pertanto

bull separazione dei contenuti (le informazioni) dalla modalitagrave e dalla veste grafica con cui questicontenuti vengono visualizzati

bull utilizzo dei Content Management System per facilitare la realizzazione di siti web dinamicifacilmente aggiornabili e usabili

1httptypo3org2httpwwwcstpuit

2

DocWeb Release 101

Docweb consente di affrontare e risolvere facilmente tali problematiche

Nota Sici Templates e Catalogo DocWeb sono raccolte di codice TypoScript (linguaggio specificodi Typo3) HTML e CSS che utilizziamo nei nostri siti e che sono rilasciate con licenza GPL3

Sici Templates e Catalogo DocWeb definiscono lrsquoaspetto grafico la modalitagrave di navigazione e le funzionidei nostri siti web configurando Typo3 CMS Framework e le sue numerose estensioni

3httpwwwgnuorglicensesgplhtml

12 Concetti chiave 3

CAPITOLO 2

Funzionalitagrave di Base

21 Il CMS Typo3 ldquobackendrdquo e ldquofrontendrdquo

I termini ldquobackendrdquo e ldquofrontendrdquo ricorreranno spesso per indicare e diversificare lrsquoambiente ldquodi gestionee pubblicazione dei contenutirdquo da quello di visualizzazione dei contenuti (sito on-line)

In sintesi

Per Backend (BE) (figura Backend (page 4)) intendiamo lrsquoambiente di lavoro sul quale andremo adoperare per la creazione e gestione delle pagine e dei vari contenuti del sito (generalmente raggiungi-bile utilizzando un semplice browser es Firefox Microsoft Internet Explorer previa autenticazionea un indirizzo web del tipo httpwwwnomesitotypo3) In questa guida useremo come esempiohttpwwwentiprovinciapuittypo3 ma va sostituito dallrsquoutente con quello effettivo

Il Frontend (FE) (figura Frontend (page 5)) egrave il risultato del lavoro sviluppato nel backend e costituiscelrsquoambiente on-line visibile agli utenti esterni Le operazioni compiute dal backend si riflettono nel frontendche puograve essere cosigrave gestito e modificato secondo le nostre necessitagrave

Nota In fase di inserimento e gestione dei contenuti tramite BE egrave sempre opportuno verificare con ilFE la corretta visualizzazione delle pagine

Figura 21 Backend

Avvertimento Ersquo opportuno tenere presente che il backend prevede piugrave modalitagrave di esecuzione perraggiungere uno stesso obiettivo Nella guida sono descritti i passaggi piugrave comunemente utilizzati

4

DocWeb Release 101

Figura 22 Frontend

22 Cambio password di accesso

Lrsquousername e la password proteggono lrsquoarea da eventuali intrusioni e costituiscono lrsquoaccesso univoco epersonale per ciascun Utente (per motivi di sicurezza egrave opportuno variare la propria password al primoaccesso al sistema)

Per cambiare la password di accesso saragrave necessario eseguire il primo collegamento allrsquoambi-ente di gestione del portale lanciando il browser (Firefox) e collegandosi allrsquoindirizzo webhttpwwwentiprovinciapuittypo3 (figura Url per login (page 5))

Figura 23 Url per login

Saragrave proposta una maschera di identificazione dove andremo ad inserire il nostro account costituito dausername e password (figura Maschera login (page 5))

1 inserire username

2 inserire password

3 click con il pulsante sinistro del mouse sul bottone ldquoEntrardquo per accedere al servizio

Figura 24 Maschera login

22 Cambio password di accesso 5

DocWeb Release 101

Avvertimento Alcuni browser propongono messaggi (figura Messaggio salva password (page 6))relativi al salvataggio automatico della password nel sistema per non dover digitare nuovamente ipropri dati al secondo Log In Si consiglia di non scegliere di salvare i propri dati o il completamentoautomatico di essi per una questione di sicurezza

Figura 25 Messaggio salva password

In caso di errata digitazione dei dati dellrsquoaccount ci saragrave chiesto di inserire nuovamente username epassword (figura Login fallito (page 6))

Figura 26 Login fallito

Il messaggio ci informa che il Log In egrave fallito e ci da alcune indicazioni sul motivo che puograve aver provocatoil problema Ci chiede di assicurarci di aver scritto correttamente Username e Password facendo ancheattenzione alle lettere Minuscole e Maiuscole

Se eseguito bene il Log In ci condurragrave in una nuova schermata

In virtugrave dellrsquoimportanza costituita dai dati di autenticazione la prima operazione da compiere una voltaeseguito il Log In saragrave quella di modificare il proprio account come segue (figura Modifica password(page 7))

1 dal menugrave di sinistra scegliere la voce ldquosetuprdquo inserita nel menugrave ldquoutenterdquo quindi cliccare con ilpulsante sinistro del mouse

2 nella schermata che si apriragrave a destra digitare la nuova password che si desidera utilizzare Ilcampo si trova nella parte bassa della pagina indicato dalla diciture ldquoNuova passwordrdquo

3 confermare nel campo sottostante ldquoRipeti passwordrdquo la password scelta

4 confermare il tutto cliccando con il pulsante sinistro del mouse sul bottone ldquoSalva configurazionerdquo

5 click sullrsquoultimo pulsante a sinistra ldquoUscitardquo per eseguire il Log Out

Cambiata la password ed eseguito il Log Out mediante il pulsante ldquoUscitardquo potremo eseguire nuovamenteil ldquoLog Inrdquo digitando la nostra nuova password che da quel momento saragrave subito attiva

Per motivi di sicurezza al termine di ogni sessione di gestione dei contenuti egrave opportuno effettuare ilLog Out dal sistema

22 Cambio password di accesso 6

DocWeb Release 101

Figura 27 Modifica password

23 Albero delle pagine

Si noti come lrsquoaspetto del Backend (figura Backend tripartito (page 8)) sia suddiviso in tre aree verticalisuddivise tra loro mediante una spessa riga grigia

bull La prima colonna a sinistra della pagina (punto 1) ci consentiragrave di compiere tutte le operazioninecessarie a lavorare creando e modificando contenuti ecc

bull la seconda colonna al centro della pagina (punto 2) rappresenta lrsquoalberatura vera e propria del sitoon-line In essa vedremo rispecchiati i menugrave le pagine e i contenuti testuali che verranno (o chesono) pubblicati

bull la terza area a destra della pagina (punto 3) rappresenta lrsquoambiente dove andremo materialmentead operare sulle pagine e sui contenuti

Nota La stringa in basso a sinistra ldquoModifica pagina con IDrdquo puograve essere utilizzata per selezionareuna pagina ricercandola tramite il suo numero ID Ad ogni pagina viene associato automaticamente unnumero (ID) unico e distinto per ognuna di esse

Il numero ID si rivela al passaggio del mouse (senza cliccare) sul simbolo grafico posto accanto alle vocidi menugrave nella colonna ndeg 2 Il numero ID viene anche riportato on-line come parte finale di un indirizzoweb

Esempio httpwwwentiprovinciapuitindexphpid=3018

Nellrsquoesempio il numero ID della pagina egrave 3018

Nella versione finale del portale potranno essere utilizzati URL statici (eshttpwwwentiprovinciapuitattivitahtml) per agevolare i collegamenti diretti ad alcune sezioni opagine del portale

23 Albero delle pagine 7

DocWeb Release 101

Figura 28 Backend tripartito

24 Implementazione delle pagine ldquogenitori rdquo e ldquofiglirdquo

Affincheacute un sito ldquofunzionirdquo egrave necessario che la distribuzione delle pagine con le rispettive sottopagine siachiara ed essenziale

Gli argomenti vanno sempre divisi ed organizzati per facilitare lrsquoindividuazione del contenuto la letturadel messaggio la comprensione dellrsquooggetto in essere Se ad esempio stessimo parlando di calcio sarebbesempre opportuno ed auspicabile creare una pagina ldquoSERIE Ardquo che introduca allrsquoargomento trattato esuccessivamente collegare allrsquointerno della categoria altre pagine ldquoRomardquo ldquoJuventusrdquo ldquoMilanrdquo che a lorovolta possano condurre ad altri argomenti ldquocalciatorirdquo fino a ridurre il tutto ai minimi termini

25 Inserimento Nuova pagina

Selezionare (figura Seleziona pagina (page 8)) con un click del pulsante sinistro la prima voce ldquopaginardquodella colonna 1

Figura 29 Seleziona pagina

Nella seconda colonna portiamoci su una delle voci dellrsquoelenco (preferibilmente al livello in cui si desiderainserire la pagina) e facciamo click con il pulsante destro del mouse Si apriragrave (figura Seleziona nuovo(page 9)) un ulteriore menugrave di opzioni a tendina dal quale scegliamo la 3deg voce ldquonuovordquo

24 Implementazione delle pagine ldquogenitori rdquo e ldquofiglirdquo 8

DocWeb Release 101

Figura 210 Seleziona nuovo

Verragrave caricata nella 3deg area una schermata come indicato nella figura Vista Backend (page 10)

Scegliamo la 1deg opzione ldquoPagina (dentro)rdquo cliccando con il pulsante sinistro del mouse sulla voce ldquoCliccaqui per il wizardrdquo Si caricheragrave la schermata di figura Seleziona posizione (page 10)

Si noti come la schermata riproduca le pagine esistenti ed il loro posizionamento nel menugrave potremoindicare cliccando sulle frecce grigie la posizione dove desideriamo inserire la nostra pagina Scegliamoad esempio di voler inserire la nostra pagina allrsquointerno della sezione ldquoTest Abanetrdquo

Avvertimento Ovviamente la sezione ldquoTest Abanetrdquo egrave solo un esempio Usare le sezioni presentinel vosto sito di riferimento

Andremo quindi a cliccare sulla freccia che si trova appunto allrsquointerno del record (come indicato infigura)

Verragrave caricata una schermata che ci chiederagrave di specificare altri elementi indispensabili alla creazione diuna nuova pagina (vedi sezione successiva)

26 Elementi standard della pagina

Si faccia riferimento alla (figura Modifica intestazioni pagina (page 11))

Nascondi pagina In fase di elaborazione di una nuova pagina egrave sempre bene puntare il piccolo quadratoin basso a sinistra della sezione ldquonascondi paginardquo in modo tale da permetterci di lavorare suicontenuti in tutta tranquillitagrave prima della pubblicazione on-line

Tipo Assegna alla pagina una determinata tipologia o scopo

Titolo pagina Indicare il titolo della pagina (ad es ldquoPagina di Provardquo

Selezione di template per lrsquoarea contenuti Ersquo la possibilitagrave di variare lo ldquoschemardquo di visualiz-zazione della pagina (es pagina a 3 colonne pagina a due colonne con menu di navigazionesulla sinistra etc)

Salvare Ogni operazione deve essere salvata per essere resa effettiva

261 Varie opzioni di salvataggio

In relazione al punto (5) nella fase di salvataggio si noti come ci vengono proposte diverse icone (figuraIcone salvataggio (page 11))

26 Elementi standard della pagina 9

DocWeb Release 101

Figura 211 Vista Backend

Figura 212 Seleziona posizione

26 Elementi standard della pagina 10

DocWeb Release 101

Figura 213 Modifica intestazioni pagina

Figura 214 Icone salvataggio

26 Elementi standard della pagina 11

DocWeb Release 101

1 Il documento viene salvato lrsquoambiente si ricarica automaticamente il menugrave centrale si aggiornacon la comparsa della pagina da noi creata nella posizione da noi assegnata

2 Il documento viene salvato lrsquoambiente si ricarica automaticamente il menugrave centrale si aggiornacon la comparsa della pagina da noi creata nella posizione da noi assegnata e si apre una nuovafinestra del browser contenente la preview (anteprima di visualizzazione) della nostra pagina

3 Il documento viene salvato lrsquoambiente si ricarica automaticamente sulla schermata successivail menugrave centrale si aggiorna con la comparsa della pagina da noi creata nella posizione da noiassegnata

4 Il documento viene chiuso e non salvato

5 Elimina la pagina

Nota La quinta icona (ldquoElimina paginardquo) compariragrave solo dopo aver salvato il documento la primavolta Inoltre gli stessi simboli si ritroveranno anche in fase di modifica di pagine giagrave create

Da osservare il simbolo proposto accanto alla nuova pagina da noi creata (figura Pagina nascosta(page 12)) ad indicare la modalitagrave ldquonascostardquo

Figura 215 Pagina nascosta

Lrsquoicona posta a sinistra ricorda una pagina con una ldquoXrdquo rossa in alto a destra e indica che la pagina egravenascosta (punto 1 modifica intestazioni) e non visibile dallrsquoesterno

Le altre voci con simbolo diverso di pagina su sfondo giallo sono on-line e quindi consultabili dal FrontEnd

Pubblicata la pagina nascosta lrsquoicona cambieragrave automaticamente aspetto e la voce di menugrave saragraveconsultabile anche dal Front End

27 Inserimento contenuti di una pagina

Avendo precedentemente creato e salvato una pagina ldquoPagina di Provardquo andiamo ad inserire un contenuto

Ersquo possibile procedere in due modi effettuare un click con il pulsante sinistro del mouse sulla icona o sultitolo ldquoPagina di Provardquo oppure cliccare con il pulsante destro del mouse sullrsquoicona posta a sinistra deltitolo pagina e scegliere ldquomodificardquo

In entrambe i casi il sistema aggiorna la terza area (vedi figura Backend tripartito (page 8)) doveandremo a lavorare

Per creare un contenuto nella posizione di default (Normale) clicchiamo sullrsquoicona cerchiata di rosso (vedifigura Crea contenuto normale (page 13)) nel box ldquonormalerdquo

In alternativa si puograve scegliere di usare la voce in basso a sinistra ldquoCrea nuovo recordrdquo e successivamentescegliere di creare un nuovo contenuto pagina con il ldquowizardrdquo

27 Inserimento contenuti di una pagina 12

DocWeb Release 101

Figura 216 Crea contenuto normale

Per entrambe le opzioni si apriragrave una schermata come nella figura Seleziona contenuto paragrafo(page 14))

Scegliamo di inserire un paragrafo di testo semplice Notiamo come il sistema ci consente di scegliereforme alternative di contenuti (es immagini sotto il testo a sinistra solo immagini ecc) Approfondire-mo in seguito le modalitagrave per creare contenuti piugrave articolati e contenuti multipli e selezioniamo la voceldquoparagrafo di testordquo

271 Paragrafo di testo

Allrsquointerno di un paragrafo di testo potremo inserire un contenuto e tutte le opzioni ad esso legato (figuraModifica contenuto testo (page 15))

Si noti come lrsquoarea egrave divisa in 4 blocchi orizzontali Tipo Intestazione Testo Opzioni generali Inbasso e in alto troviamo anche la serie di icone per il salvataggio del documento di cui abbiamo giagraveprecedentemente parlato

Area Tipo

Nel menugrave a tendina dellrsquoarea tipo egrave possibile modificare il tipo di contenuto che vogliamo inserire Laschermata ci dice che siamo su ldquotestordquo ma volendo potremmo anche cambiare con le altre forme dicontenuto a nostra disposizione

Area Intestazione

Rappresenta il titolo della pagina Viene inserito allrsquoinizio della pagina ed ha una rilevanza graficamaggiore rispetto al resto del contenuto

Un buon titolo egrave breve ma incisivo rispecchia in poche parole il contenuto della pagina riassumelrsquoargomento trattato

27 Inserimento contenuti di una pagina 13

DocWeb Release 101

Figura 217 Seleziona contenuto paragrafo

27 Inserimento contenuti di una pagina 14

DocWeb Release 101

Figura 218 Modifica contenuto testo

27 Inserimento contenuti di una pagina 15

DocWeb Release 101

Ersquo inoltre possibile anche se sconsigliabile associare un link allrsquointestazione cambiare la sua posizioneinserire una data

Testo

Rappresenta con il suo grande quadrilatero bianco lrsquoarea allrsquointerno della quale andremo ad inserire ilnostro testo

Digitando un semplice testo in visualizzazione questo assumeragrave colore dimensione e carattere inconformitagrave allo stile preimpostato per le pagine del sito

Per la formattazione del testo saragrave possibile usare lo strumento RTE (di seguito descritto)

Opzioni generali (parametri di visibilitagrave)

Apparizione programmata

Cliccando accanto al quadrato della voce ldquoInizio rdquo e ldquoFinerdquo si attiveragrave un modulo data che ci consentiragravedi impostare le date di Inizio pubblicazione e di Fine pubblicazione (depubblicazione) di una pagina

Potremo quindi stabilire quando una pagina dovragrave essere pubblicata eo quando dovragrave cessare di esserevisibile on-line La programmazione dellrsquoinizio di pubblicazione non implica che ci sia necessariamenteuna fine e vice versa

Ciograve significa che potremo quindi decidere di pubblicare una pagina in una certa data e che la pubblicazioneduri nel tempo (almeno fino a quando non decideremo di togliere la visualizzazione on-line manualmente)

Pagine nascoste

Ersquo possibile nascondere il contenuto delle pagine cliccando il quadrato a sinistra della voce ldquoNascondirdquoScegliendo questa opzione la pagina continueragrave ad esistere ma non saragrave visibile il suo contenuto

Lrsquoopzione si rileva particolarmente utile in caso di pagina strutturata su contenuti multipli

28 Contenuti multipli allrsquointerno di una pagina

Avendo creato una pagina potremo in ogni momento svilupparla ulteriormente aggiungendo ulterioricontenuti

Clicchiamo sul menugrave di sinistra sulla voce ldquoPaginardquo in modo da caricare il menugrave centrale contenentelrsquoalberatura del sito

Clicchiamo sul titolo della pagina da modificare con il pulsante sinistro oppure con il destro e scegliamoldquomodificardquo

A destra si apriragrave il nostro ambiente di lavoro come nella figua Modifica contenuto normale (page 17)

Vedremo in pratica la stessa schermata proposta per la creazione di una nuova pagina con lrsquoaggiunta dialcune icone come indicato in figura

1 Modifica

2 Nuovo record

3 Cerca Stringa

Cliccando su Modifica comrsquoegrave intuibile saremo riportati nella pagine dellrsquoeditor dove potremo modificareil nostro testo link immagini ecc

Cliccando su nuovo record invece avremmo la possibilitagrave di aggiungere un nuovo contenuto alla paginae nella posizione che sceglieremo

28 Contenuti multipli allrsquointerno di una pagina 16

DocWeb Release 101

Figura 219 Modifica contenuto normale

28 Contenuti multipli allrsquointerno di una pagina 17

DocWeb Release 101

Il contenuto non avragrave vincoli con i record precedenti pur apparendo nella stessa pagina del frontend Ciogravegarantisce una vantaggiosa gestione delle pagine che suddivise in ldquosezionirdquo potranno essere di volta involta pubblicate cancellate modificate a blocchi di contenuto senza toccare lrsquointera pagina

Si potragrave suddividere la stessa pagina in diverse aree (record) ossia ldquocontenuti multiplirdquo via via aggiornabilianche da altri utenti di redazione

Ersquo inoltre possibile effettuare una ricerca su di un contenuto di tipo testuale allrsquointerno delle pagine edei record utilizzando il campo ldquoCerca Stringardquo La ricerca puograve essere effettuata allrsquointerno della paginae dei suoi record ed estesa anche ai livelli inferiori

29 Modifica dei contenuti della pagina

Creata una pagina potremo modificarla ogni volta che saragrave necessario

Per modificare una pagina saragrave sufficiente selezionarla dal menugrave portandosi con il cursore del mouse aldi sopra del titolo e cliccando con il pulsante destro su di essa (figura Modifica pagina (page 18))

Una pagina da modificare potragrave anche essere raggiunta tramite la ricerca dellrsquoID (vedi capitolo 3 Alberodelle pagine)

Scegliere la voce ldquomodificardquo dal menugrave a tendina che si apriragrave dopo il click

Figura 220 Modifica pagina

A destra nellrsquoarea principale si apriragrave la schermata riportante il contenuto della pagina selezionata

Potremo scegliere lrsquoelemento da modificare cliccando sullrsquoicona matita

Nota Ricordarsi sempre di salvare per rendere effettive le modifiche e di ricontrollare la visualizzazionedella pagina modificata

Per modificare lrsquointestazione di una pagina egrave sufficiente selezionare la voce ldquoModifica intestazionirdquo dalmenugrave portandosi con il cursore del mouse al di sopra del titolo e cliccando con il pulsante destro su diesso (figura Menu modifica intestazioni pagina (page 19))

210 Spostamento di pagine

Oltre le modifiche stilistiche testuali e di contenuto di una pagina possiamo modificarne la posizione

29 Modifica dei contenuti della pagina 18

DocWeb Release 101

Figura 221 Menu modifica intestazioni pagina

Per spostare la posizione di una pagina allrsquointerno di un menugrave selezioniamola dal menugrave principale conclick sinistro del mouse

Nella schermata di destra scegliamo lrsquoicona

Si apriragrave un menugrave che ci mostreragrave lrsquoalberatura del nostro sito (esattamente come per lrsquoinserimento diuna nuova pagina) composto da pagine principali (genitori) e pagine ad esse collegate (figli)

A questo punto dovremo solo scegliere dove spostare la pagina muovendoci sulle frecce grigie sottostantie sovrastanti le varie voci di menugrave

Avvertimento Spostando una pagina genitore anche i figli vengono spostati con esso

211 Eliminazione pagine

Per eliminare le pagine egrave sufficiente selezionare la pagina in questione dal menugrave principale cliccando conil pulsante destro del mouse su di essa e scegliere la voce del menugrave a tendina che si apriragrave ldquoCancellardquo

Avvertimento Non egrave possibile cancellare una pagina genitore Ossia non egrave possibile cancellareuna pagina che al suo interno contiene altre pagine prima che questrsquoultime trovino una collocazionealternativa

212 Rich Text Editor

Quando si inserisce un contenuto nellrsquoarea di testo (inserito digitando direttamente allrsquointerno dellrsquoap-posita area o copiato e incollato da fonte esterna con la dovuta cautela) egrave possibile personalizzarlo eformattarlo utilizzando le funzionalitagrave previste dal Rich Text Editor (RTE)

Nota Un testo copiatoincollato da altri programmi va ldquoripulitordquo prima di essere pubblicato poicheacuteil modulo che utilizzeremo tende a mantenere la formattazione originaria del carattere delle immaginidei colori falsando la linea grafica omogenea e standard del nostro portale

In ogni modo quando si salva un documento il cui testo conteneva una formattazione proveniente ad es-empio da un documento di tipo word questo viene automaticamente ldquoripulito nel codicerdquo ed egrave opportunocontrollare la visualizzazione

211 Eliminazione pagine 19

DocWeb Release 101

Proviamo ad inserire ad esempio una semplice frase allrsquointerno del box testo (figura Box testo RTE(page 20))

Figura 222 Box testo RTE

La frase viene digitata direttamente nellrsquoarea testo mantenendo un tipo di formattazione ldquonormalerdquo

2121 Testo grassetto corsivo sottolineato (bold italic underline)

Proviamo a selezionare la frase ldquoProvincia di Pesaro e Urbinordquo tenendo premuto il pulsante sinistro delmouse trascinando il cursore dalla P di Provincia alla o di Urbino

In alternativa portare il cursore alla P di Provincia tenere tasto maiuscolo premuto e muoversi con lefrecce per selezionare il testo

Lrsquoesempio egrave utile per capire che per effettuare una determinata azione di tipo stilistico su una frase oparola egrave necessario che la frase o la parola siano preventivamente selezionate

Figura 223 Comandi box testo RTE

212 Rich Text Editor 20

DocWeb Release 101

Se il testo egrave stato selezionato correttamente vedremo la parola ldquoProvincia di Pesaro e Urbinordquo evidenziatadi blu scuro

Click sinistro sul simboloicona ldquoBrdquo (figura Comandi box testo RTE (page 20)) per creare un effettoldquograssettordquo al testo

Click sinistro sul simboloicona ldquoIrdquo per il corsivo-italico

Click sinistro sul simboloicona ldquoU ldquo per il sottolineato

Nota Il Grassetto dona alle parole un sapore piugrave incisivo e si utilizza per enfatizzare termini importantie di rilievo

LrsquoItalico viene usato comunemente per indicare le date gli indirizzi le citazioni

Il Sottolineato su web viene comunemente usato nelle parole ldquolinkaterdquo (ossia che rimandano ad altrepagine web) per cui se ne sconsiglia lrsquouso in un testo semplice per evitare confusione

2122 Elenco Puntato e Numerato

Portiamoci con il cursore allrsquointerno della box di testo

Selezioniamo lrsquoicona Lista non numerata (Elenco puntato semplice)

Vedremo comparire un simbolo tontoromboidale e potremo dare vita ad una lista

bull Voce 1

bull Voce 2

bull Voce 3 ecc

Allo stesso modo potremo creare una lista numerata avvalendoci dellrsquoicona ldquoLista numeratardquo

Lrsquoelenco viene numerato

1 Voce 1

2 Voce 2

3 Voce 3 ecc

2123 Pulsanti di Annulla e Ripristina

Compiuta una determinata azione egrave possibile tornare indietro o ripristinarla tramite i pulsanti ldquoAnnullalrsquoultima azionerdquo e ldquoRifai lrsquoultima azionerdquo

Piugrave volte si clicca sui pulsanti piugrave volte lrsquoazione viene ripetuta indietro ed avanti nel tempo

2124 Copia Taglia Incolla

Selezionando un testo potremo tagliarlo copiarlo e incollarlo

Copia selezionare il testo utilizzare lrsquoicona ldquocopia selezionerdquo per copiare

Taglia il testo viene eliminato ma resta in memoria per essere eventualmente incollato altrove odefinitivamente cancellato Ersquo possibile tenere in memoria solo lrsquoultimo testo o parola tagliato

Incolla Un testo precedentemente copiato o tagliato puograve essere incollato nuovamente o su diversoambiente

212 Rich Text Editor 21

DocWeb Release 101

2125 Rimuovi Formattazione

Ersquo possibile che il testo importato e incollato nellrsquoarea testo da altra fonte (es documento word) sildquosporchirdquo e ne acquisisca le caratteristiche stilistiche in maniera non corretta

Ersquo necessario pulire il testo selezionandolo e cliccando su ldquorimuovi formattazionerdquo

Si apriragrave un pop-up (nuova finestra) che ci proporragrave diversi elementi da pulire selezioniamo ciograve che ciinteressa e clicchiamo su OK

2126 Inserisci Caratteri Speciali

Alcune volte puograve essere necessario inserire dei caratteri o simboli non presenti sulla tastiera o nonconvenzionali per i quali esiste una mappa di caratteri speciali

Il sistema propone diversi tipi di caratteri speciali tra i piugrave comuni e frequentemente usati per adoperarliegrave sufficiente cliccare sullrsquoapposita icona ldquoInserisci Caratteri Specialirdquo

Una finestra ci mostreragrave una vasta gamma di simboli tra i quali potremo scegliere quello che ci interessa

2127 Inserisci Tabella

Per agevolare lrsquoinserimento di dati numerici in forma ldquoTabellarerdquo si puograve ricorrere allrsquoinserimento di unatabella contraddistinta dallrsquoapposito simbolo

La tabella puograve essere immaginata come una quaderno a ldquoquadrettirdquo dove ogni ldquoscacchettordquo corrispondead una cella

Scegliendo di inserire una tabella si apriragrave una finestra pop-up dove andremo ad inserire parametridi spaziatura fra celle numero di righe e colonne che compongono la tabella spessore del bordoallineamento rispetto alla pagina ecc

2128 Link

Ogni sito egrave composto da pagine consultabili e collegate tra loro tramite link

I link sono i collegamenti presenti sulle voci di menugrave parole immagini ecc

Ersquo possibile collegare pagine appartenenti ad uno stesso sito un indirizzo web di un sito esterno ounrsquoe-mail un file da scaricare un immagine ecc

Nota Immettendo nel testo un indirizzo web o e-mail completo il programma egrave in grado di capireautomaticamente che si tratta di un link e collegare gli elementi automaticamente

Volendo invece collegare elementi non scritti in forma completa si dovragrave procedere come segue

Selezioniamo la parola o frase che vogliamo collegare (come precedentemente visto) e clicchiamo sullrsquoiconaldquoInserisci Linkrdquo

Si apriragrave un pop-up come indicato nella prossima figura

Link ad una pagina interna al sito

La finestra ci propone lrsquoalberatura del nostro sito con le pagine in esso presenti (La voce attiva egraveldquopaginardquo di colore giallomarrone rispetto alle altre voci del pop-up)

Selezionando (figura Link interno (page 23)) la pagina che vorremo collegare il pop-up si chiuderagrave e laparola che avevamo selezionato precedentemente per il link cambieragrave aspetto

La vedremo blu e sottolineata il che indica che il link egrave attivato

212 Rich Text Editor 22

DocWeb Release 101

Figura 224 Link interno

Ersquo anche possibile creare dei link che aprono la pagina collegata allrsquointerno di una ldquofinestra di pop-uprdquocioegrave dentro una nuova finestra del browser Specificando le dimensioni di altezza e larghezza della nuovafinestra allrsquointerno degli appositi campi

Link ad una pagina esterna al sito

Selezioniamo una parola o frase che vogliamo collegare (come precedentemente visto) e clicchiamosullrsquoicona ldquoInserisci Linkrdquo

Scegliamo nel menugrave in alto proposto dal pop-up il bottone ldquoURL esternordquo (figura Link esterno (page 23))

Figura 225 Link esterno

Impostiamo nel campo URL lrsquoindirizzo web che vogliamo linkare prestando attenzione a scriverlo peresteso e senza cancellare http

Clicchiamo su ldquoImposta Linkrdquo

Il pop-up si chiuderagrave e la parola che avevamo selezionato precedentemente per il link cambieragrave aspetto

212 Rich Text Editor 23

DocWeb Release 101

La vedremo blu e sottolineata il che indica che il link egrave attivato

2129 Link ad unrsquoEmail

Come precedentemente visto scrivendo un indirizzo e-mail valido il programma di gestione egrave in grado dicapire che si tratta di un indirizzo di posta elettronica e il link viene impostato automaticamente

Tuttavia ci sono dei casi in cui non egrave possibile o si preferisce non indicare lrsquoindirizzo e-mail per estesoad esempio potremmo avere ldquoPer informazioni scrivicirdquo

Volendo potremmo fare in modo che sulla parola ldquoscrivicirdquo ci sia impostata la funzione di invio e-mail

Selezioniamo quindi la parola andiamo su ldquoInserisci Linkrdquo scegliendo poi ldquoEmailrdquo

Inseriamo lrsquoindirizzo E-mail nellrsquoapposito campo e clicchiamo su ldquoimposta Linkrdquo

21210 Link ad un file scaricabile

Per collegare un file (espdf txt gif ecc) egrave necessario copiarlo dal proprio PC al server web

Non egrave infatti possibile che una pagina pubblicata su internet prenda come link dei files che di fatto sonosalvati in una directory del nostro computer

Typo3 mette a disposizione un area dovrsquoegrave possibile pubblicare i files per poi essere resi disponibili ai linkossia rende disponibile lrsquo ldquoUploadrdquo dei files da pc a server

Scegliere dal menugrave di sinistra sotto la sezione ldquoMediardquo la voce ldquoFilerdquo (figura Seleziona file (page 24))

Figura 226 Seleziona file

Si apriragrave sulla destra una nuova area dove troveremo i campi utili a ldquosfogliarerdquo il contenuto del nostropc al fine di passare i file o i files dal nostro computer al manager

Effettuato il passaggio potremo ritornare alla nostra pagina e riprendere la procedura di ldquocreazione linkrdquoselezionando questa volta la voce ldquoFilerdquo del pop-up

I campi proposti sono del tutto simili a quelli di creazione di link su pagine del sito e un elenco di files(tutti quelli disponibili caricati) potranno essere collegati

213 Modalitagrave Lista

Selezionando la voce ldquolistardquo (figura Backend modalitagrave lista (page 25)) dal menugrave di sinistra egrave possibileesplorare una pagina ldquopadrerdquo e tutte le pagine ldquofiglirdquo ed essa associate

Avvertimento Ricordarsi di attivare la voce in basso ldquoVista Estesardquo

213 Modalitagrave Lista 24

DocWeb Release 101

Figura 227 Backend modalitagrave lista

Utilizzando le icone poste alla destra di ogni voce si possono compiere diverse operazioni di modificavisualizzazione spostamento copia e incolla pagina ecc come precedentemente descritto

Dunque potremo dire che la modalitagrave lista costituisce una scorciatoia per semplificare ogni sorta dioperazione soprattutto in presenza di un numero considerevole di files

214 Modalitagrave Mostra

Figura 228 Backend modalitagrave mostra

Selezionando la voce ldquoMostrardquo (figura Backend modalitagrave mostra (page 25)) dal menugrave di sinistra egrave possibilenavigare il sito allrsquointerno del docweb direttamente nel backend

214 Modalitagrave Mostra 25

DocWeb Release 101

Inoltre accanto ai vari record troveremo posta lrsquoicona matita per eseguire eventuali modifichedirettamente sul punto e la pagina prescelti

Anche la modalitagrave ldquoMostrardquo come la rdquoListardquo (cap 13) costituisce una scorciatoia particolarmente indicataper semplificare lrsquooperazione di visualizzazione del sito e di modifica

215 Modalitagrave ldquoMonta come radice dellrsquoalberordquo

Quando esistono diverse e numerose pagine egrave possibile gestire solo la porzione di contenuto che ci interessariducendo lrsquoalberatura del sito (lato backend) ai minimi termini mediante il comando ldquomonta come radicedellrsquoalberordquo

Per effettuare il comando procedere come segue

Cliccare con il pulsante destro del mouse sul titolo pagina dal menugrave centrale

Selezionare la voce ldquoaltre opzionirdquo dal menugrave a tendina (figuraMenu altre opzioni (page 26)) che compariragravecome conseguenza dellrsquoazione descritta al punto uno

Figura 229 Menu altre opzioni

Selezionare dallrsquoulteriore menugrave che si apriragrave (figura Seleziona monta come radice (page 26)) la voceldquoMonta come radice dellrsquoalberordquo

Figura 230 Seleziona monta come radice

Lrsquoalberatura si ridurragrave automaticamente mostrando solo la porzione selezionata

Per ripristinare lo stato di partenza selezionare la voce in alto nel menugrave centrale (figura Elimina DBmount (page 26)) ldquoElimina DB mount temporaneordquo

Figura 231 Elimina DB mount

Il menugrave si espanderagrave nuovamente mostrando tutte le voci esistenti

215 Modalitagrave ldquoMonta come radice dellrsquoalberordquo 26

DocWeb Release 101

216 Ottenere il page-id di una pagina

2161 Frontend (FE)

Da frontend si puograve ottenere il page-id della pagina corrente nei seguenti modi

1 dalla barra degli indirizzi del proprio browser (figura Id dallrsquourl (page 27)) Il numero della paginaegrave quello dopo la stringa ldquoid=rdquo Nella figura egrave cerchiata in verde la stringa ldquoid=rdquo e il numero dellapagina (page-id)

Figura 232 Id dallrsquourl

2 Puntando il mouse sulla scritta [id] a pieacute pagina e leggendo il tooltip (figura Id dal tooltip (page 27))

Figura 233 Id dal tooltip

3 Solo per browser Firefox dal menugrave di contesto scegliere la voce ldquoVisualizza info paginardquo si apreuna finestra consultare quindi la lista Meta sotto la scheda Generale (Id dagli attributi (page 28))

2162 Backend (BE)

Da backend egrave possibile ottenere il page-id nei seguenti modi

1 leggendo il tooltip puntando il mouse sullrsquoicona della pagina nel riquadro della struttura del sito(figura Id dal tooltip nel backend (page 28))

2 dal modulo di modifica delle intestazioni della pagina (figura Id dalle intestazioni pagina nel backend(page 28)) Il numero egrave tra le parentesi quadre dopo il titolo della pagina

217 Admin Panel

Quando si inseriscono contenuti con Typo3 (backend) egrave possibile visualizzare unrsquoanteprima della paginache si sta creando per vedere i risultati del lavoro svolto

Per visualizzare unrsquoanteprima di una pagina occorre (figura Menu mostra (page 29))

1 posizionarsi sulla pagina da visualizzare

2 premere il tasto sinistro del mouse in corrispondenza del nome

216 Ottenere il page-id di una pagina 27

DocWeb Release 101

Figura 234 Id dagli attributi

Figura 235 Id dal tooltip nel backend

Figura 236 Id dalle intestazioni pagina nel backend

217 Admin Panel 28

DocWeb Release 101

Figura 237 Menu mostra

3 selezionare la voce Mostra

In base alla pagina scelta si avragrave un risultato come quello visualizzato nella figura Anteprima pagina conAdmin panel (page 29)

Figura 238 Anteprima pagina con Admin panel

La pagina presenteragrave nella parte superiore lrsquoanteprima della pagina Nella parte inferiore vienevisualizzato uno strumento denominato Admin Panel

Questo oggetto offre lato front-end alcune funzionalitagrave (figura Moduli Admin panel (page 30)) cheaiutano i gestori di contenuti nella creazionemodifica delle pagine web del sito

NellrsquoAdmin panel (figura sopra) egrave possibile distinguere

217 Admin Panel 29

DocWeb Release 101

Figura 239 Moduli Admin panel

1 Modulo Preview ndash offre la possibilitagrave di selezionare alcune opzioni sulla pagina per simulare alcunesituazioni in cui la pagina si puograve trovare durante la visualizzazione

2 Modulo Cache ndash offre la possibilitagrave di gestire la cache

Allrsquointerno del modulo Preview abbiamo le seguenti voci

Mostra pagine nascoste selezionando la casella di controllo corrispondente a questa voce si visual-izzeranno anche quelle che attualmente non sono visibili allrsquointerno del sito o perchegrave in lavorazioneo perchegrave ancora non egrave stata data lrsquoautorizzazione alla pubblicazione

Mostra record nascosti come per le pagine questa voce offre la possibilitagrave di poter visualizzare allrsquoin-terno della pagina quei contenuti nascosti che non sono ancora ultimati o che sono in attesa di unautorizzazione per la pubblicazione

Simula data con questo controllo egrave possibile simulare il comportamento della pagina in periodi tem-porali diversi Utilizzando la casella di testo egrave possibile inserire delle date In questo modo sirende possibile la visualizzazione di quegli elementi (ad es pagine news ) che sono abilitati acomparirescomparire in base a determinati criteri temporali impostati

Simula gruppo di utenti con questo controllo egrave possibile simulare il comportamento delle pagine inbase ad un determinato gruppo di utenti che vi accede Alcune pagine possono infatti avere uncomportamento diverso in base al tipo di utente che vi accede

Nota Durante la creazione di pagine egrave possibile restringere la visione di una determinata pagina aparticolari tipi di utenti (utenti di frontend) Questa caratteristica offre la possibilitagrave di definire delle areead accesso riservato del sito ossia sezioni del sito a cui egrave possibile accedere solo dopo essersi autenticatie dopo avere avuto i necessari diritti di accesso

Una volta selezionate le opportune scelte allrsquointerno dellrsquoADMIN Panel occorreragrave premere il tasto Aggior-na (figura Aggiorna Admin panel (page 31)) per prendere visione della pagina secondo i criteri impostati

Nota Nel caso in cui lrsquoutente abbia la possibilitagrave di accedere da back-end a piugrave siti (ciascuno con unproprio dominio) bisogna tenere presente che lrsquoADMIN Panel compare soltanto per le pagine relativeal dominio con cui lrsquoutente ha fatto il login In altre parole se un operatore ad esempio egrave abilitatoa lavorare sulle pagine di backend dei siti httpwwwsitoesempio1it e httpwwwsitoesempio2it ese lrsquooperatore accede al backend di DocWeb con lrsquoindirizzo httpwwwsitoesempio1ittypo3 allora

217 Admin Panel 30

DocWeb Release 101

Figura 240 Aggiorna Admin panel

lrsquoADMIN Panel compariragrave solo sulle pagine di frontend del dominio wwwsitoesempio1it e non su quelledel dominio wwwsitoesempio2it

217 Admin Panel 31

CAPITOLO 3

La Clipboard

Lrsquooggetto clipboard (rdquoblocco degli appuntirdquo) egrave molto utile quando si ha la necessitagrave di copiare o spostareuno o piugrave elementi di contenuto o una o piugrave pagine da una sezione del sito (contenitore di pagine) adunrsquoaltra

31 Copia o spostamento di un contenuto singolo di pagina allrsquointernodi unrsquoaltra pagina

Per prima cosa egrave necessario (figura Identifica contenuto (page 32))

Figura 31 Identifica contenuto

1 selezionare la voce Lista

2 selezionare la pagina che contiene il contenuto che si intende copiare (nella figura abbiamo sceltola pagina denominata ldquoCorso di formazione su Typo3rdquo

32

DocWeb Release 101

3 identificare dalla lista dei contenuti associati alla pagina quello da spostare

Supponiamo che si desideri copiare il contenuto denominato ldquoTesto 2rdquo (figura Copia contenuto (page 33))

Figura 32 Copia contenuto

Egrave sufficiente cliccare sullrsquoicona (nella figura sopra evidenziata con un cerchio rosso) di copia incorrispondenza del contenuto da copiare

Dopo avere eseguito questa operazione nella figura Risultato copia contenuto (page 34) possiamo notare

1 Egrave comparsa unrsquoicona nuova che mette in evidenza che nella clipboard egrave presente un elemento

2 Lrsquoicona di copia in corrispondenza del contenuto da spostare ha cambiato aspetto

A questo punto lrsquooggetto che si intende copiare egrave presente nella nostra clipboard

Il passo successivo egrave quello di selezionare la pagina in cui andare a posizionare lrsquoelemento (paginadestinazione)

Rimanendo sempre allrsquointerno del modulo Lista occorreragrave selezionare dallrsquoalberatura delle pagine la pag-ina destinazione Il procedimento da seguire per posizionarsi sulla pagina egrave lo stesso descritto in prece-denza Nella figura Incolla contenuto (page 34) viene evidenziato il contenuto di una pagina (denominataldquoPagina di Provardquo) in cui vogliamo copiare il contenuto

Per copiare il contenuto della clipboard nella pagina selezionare lrsquoicona Incolla contenuto Clipboard

Confermando lrsquooperazione il contenuto saragrave copiato allrsquointerno della pagina selezionata

Per effettuare lo spostamento di un contenuto di pagina allrsquointerno di unrsquoaltra pagina cliccare sullrsquoicona

di Taglia al posto dellrsquoicona copia e ripetere le operazioni sopra descritte

1 Selezionando la casella Mostra clipboard (figura Vista clipboard (page 35)) egrave possibile visualiz-zare lrsquooggetto clipboard Nel caso in figura lrsquoelemento copiato in precedenza (Testo 2) egrave ancoradisponibile allrsquointerno della clipboard Utilizzando il procedimento descritto infatti il contenuto

31 Copia o spostamento di un contenuto singolo di pagina allrsquointerno di unrsquoaltra pagina 33

DocWeb Release 101

Figura 33 Risultato copia contenuto

Figura 34 Incolla contenuto

31 Copia o spostamento di un contenuto singolo di pagina allrsquointerno di unrsquoaltra pagina 34

DocWeb Release 101

selezionato rimane ancora a disposizione dellrsquoutente che potragrave selezionare altre pagine destinazionesu cui eventualmente andare a copiare il contenuto Nel caso in cui si selezioni un altro elementoad esempio ldquoTesto 1rdquo lrsquoelemento presente viene automaticamente sostituito

2 Dallrsquooggetto clipboard egrave possibile rimuovere un elemento premendo il bottone di Elimina postoaccanto ad esso

Figura 35 Vista clipboard

Con il procedimento descritto fino ad ora egrave possibile scegliere soltanto un contenuto alla volta

32 Copia o spostamento di piugrave contenuti da una pagina ad unrsquoaltra

Nel caso in cui ci si trovi nella necessitagrave di copiare piugrave di un contenuto da una pagina allrsquoaltra egrave necessarioseguire i passi seguenti

1 Selezionare il modulo Lista

2 Selezionare la pagina di origine da cui prelevare i contenuti

3 Selezionare la casella Mostra clipboard

4 Selezionare una clipboard tra quelle denominate ldquoClipboard 1rdquo ldquoClipboard 2rdquo ldquoClipboard 3rdquo(punto 3 figura Vista clipboard con contenuto selezionato (page 36))

Selezionando ad esempio la clipboard contrassegnata come ldquoclipboard 1rdquo si avragrave la seguente situazione

32 Copia o spostamento di piugrave contenuti da una pagina ad unrsquoaltra 35

DocWeb Release 101

Figura 36 Vista clipboard con contenuto selezionato

32 Copia o spostamento di piugrave contenuti da una pagina ad unrsquoaltra 36

DocWeb Release 101

1 In corrispondenza di ogni contenuto si evidenzia una Casella di selezione Sopra la colonna con lecaselle di selezione egrave comparsa una lista di bottoni tra cui al momento distinguiamo

2 Bottone di copia elementi nella clipboard

3 Bottone di selezione tuttinessuno

Scegliendo ad esempio i primi due elementi e premendo il pulsante di copia elementi nella clipboard sipuograve notare che (figura Copia nella clipboard (page 37))

Figura 37 Copia nella clipboard

1 La clipboard che abbiamo scelto per la selezione multipla (ldquoClipboard 1rdquo) contiene la lista deglioggetti che abbiamo scelto di copiare

2 Ersquo comparsa lrsquoicona di Incolla contenuto Clipboard

La procedura della selezione della pagina di destinazione rimane identica a quella giagrave utilizzata per lacopia di un contenuto singolo (selezionare la pagina di destinazione su cui andare a posizionare i contenutiselezionati)

Egrave importante fare notare che seguendo le operazioni descritte sopra si ottiene come risultato lospostamento dei contenuti dalla pagina origine a quella destinazione

Se si desidera copiare gli elementi selezionati egrave necessario una volta selezionati gli elementi da copiarepremere il tasto copia gli items invece di spostarli (evidenziato con un cerchio rosso nella figura Tagliadalla clipboard (page 38))

32 Copia o spostamento di piugrave contenuti da una pagina ad unrsquoaltra 37

DocWeb Release 101

Figura 38 Taglia dalla clipboard

32 Copia o spostamento di piugrave contenuti da una pagina ad unrsquoaltra 38

DocWeb Release 101

In questo modo dopo avere confermato lrsquooperazione i contenuti o le pagine da copiare saranno presentisia nella pagina origine che in quella destinazione

32 Copia o spostamento di piugrave contenuti da una pagina ad unrsquoaltra 39

CAPITOLO 4

Modulo DAM (Digital AssetManagement)

Il modulo DAM (Digital Asset Management) offre la possibilitagrave di raccogliere e catalogare contenuti informato digitale come immagini documenti presentazioni

Ogni file inserito puograve essere corredato di informazioni aggiuntive (meta-informazioni) come la descrizionelrsquoautore parole chiave ecc

Attraverso il modulo DAM egrave possibile svolgere le seguenti operazioni

bull Caricamento e Aggiornamento di file

bull Ricerca di file allrsquointerno del DAM e modifica delle meta-informazioni associate ai file

41 Caricamento e Aggiornamento di file

Lrsquooperazione di CaricamentoAggiornamento di file serve per sottoporre al sistema DAM un particolarecontenuto memorizzato in formato digitale

Lrsquoelemento caricato saragrave poi disponibile a chi inserisce contenuti

Per iniziare lrsquooperazione di caricamento di un file egrave sufficiente selezionare la voce File che si trovaallrsquointerno del modulo Media (figura Menu file (page 41))

La maschera che si apre (figura File upload (page 41)) offre le seguenti possibilitagrave

1 Selezione della posizione dove andare a caricareaggiornare il file

2 Specificare alcuni documenti da caricare (area File)

Concentrandoci sullrsquoarea File (figura Dettaglio file upload (page 42)) distinguiamo

1 Voce Show upload location browser (punto 1 figura sopra) egrave possibile visualizzare i file attualmentecaricati nel Mount Point selezionato

2 Lista di bottoni denominati Sfoglia da utilizzare nel caso in cui si desideri caricareaggiornareun file

Se si desidera caricare un file occorre cliccare sul bottone Sfoglia

La finestra che appare (figura Sfoglia file (page 42)) permette di selezionare dal proprio PC il file dacaricare

Per selezionare un file da caricare occorre

1 Esplorare le cartelle del proprio PC per trovare il file

40

DocWeb Release 101

Figura 41 Menu file

Figura 42 File upload

41 Caricamento e Aggiornamento di file 41

DocWeb Release 101

Figura 43 Dettaglio file upload

Figura 44 Sfoglia file

41 Caricamento e Aggiornamento di file 42

DocWeb Release 101

2 Inserire il nome del file nella casella di testo Nome file

3 Premere il tasto Apri

Una volta che si egrave selezionato un file egrave possibile

1 selezionare altri file da caricare seguendo gli stessi passi descritti in precedenza

2 effettuare lrsquooperazione di caricamento del file vero e proprio

Dallrsquoesempio abbiamo scelto di caricare un solo file

Il caricamento dei file viene eseguito premendo il bottone ldquoUpload filesrdquo che si trova in fondo alla listadei file selezionati (figura File selezionato (page 43))

Figura 45 File selezionato

Se tutto egrave stato eseguito correttamente appariragrave una finestra come quella nella figura Process files(page 44)

In questa maschera egrave possibile

1 Specificare le meta-informazioni per il singolo file come ad esempio il titolo parole chiavedescrizione

2 Avviare il processo di elaborazione multipla premendo il bottone Process selected files Con questoprocesso egrave possibile inserire o modificare le meta-informazioni per tutti i file della lista (in questocaso solo uno)

Se si vuole eseguire lrsquoinserimento delle meta-informazioni per singolo file la finestra che si apre egrave similea quella presentata in figura Elaborazione metainformazioni singolo file (page 44)

Nel caso si scelga di eseguire il processo di elaborazione multipla la maschera che compare (figuraElaborazione metainformazioni file multipli (page 45)) permette di selezionare le meta-informazioni chelrsquoutente intende inserire contemporaneamente per tutti i file della selezione

41 Caricamento e Aggiornamento di file 43

DocWeb Release 101

Figura 46 Process files

Figura 47 Elaborazione metainformazioni singolo file

41 Caricamento e Aggiornamento di file 44

DocWeb Release 101

Figura 48 Elaborazione metainformazioni file multipli

41 Caricamento e Aggiornamento di file 45

DocWeb Release 101

Se si seleziona la checkbox accanto alla voce che eventualmente saragrave inserita questa viene aggiuntaalle informazioni eventualmente giagrave presenti (modalitagrave append) Nellrsquoaltro caso le informazioni sarannosovrascritte

I campi Titolo e Descrizione sono obbligatori mentre il campo Parole chiavi puograve essere valorizzato adiscrezione dellrsquoutente Informazioni su come valorizzare i campi elencati sopra saranno descritte suapposite linee guida

Per completare lrsquoinserimentoaggiornamento delle meta-informazioni riguardanti il file caricato occorrepremere il tasto Send (figura Salva metainformazioni (page 46)) in fondo alla maschera per il salvataggiodelle informazioni

Figura 49 Salva metainformazioni

Tornando alla maschera di caricamento file e selezionando la checkbox in corrispondenza della voceSovrascrivi file esistenti (figura Carica file sovrascrivendo (page 46)) saragrave possibile aggiornare eventualifile che hanno lo stesso nome di quello che stiamo caricando

Questa procedura egrave utile quando si vuole aggiornare il contenuto di un file che egrave giagrave presente nel DAM

Figura 410 Carica file sovrascrivendo

Nel caso di aggiornamento di un file le meta-informazioni del file rimangono le stesse inserite inprecedenza Come si puograve notare non viene offerta la possibilitagrave di inserirne di nuove

Nel caso in cui un file con lo stesso nome sia giagrave caricato e non si desideri aggiornarlo il file inseritoper ultimo viene rinominato con un suffisso generato automaticamente dal DAM In questo caso la voceSovrascrivi file esistenti non deve essere selezionata (figura Carica file senza sovrascrivere (page 47))

Nellrsquoesempio in figura viene presentata la lista dei file presenti nel mount point selezionato

Da notare la presenza di un file che egrave stato rinominato dal DAM con un suffisso ldquo_01rdquo dato che nellastessa posizione era giagrave presente un file con lo stesso nome

41 Caricamento e Aggiornamento di file 46

DocWeb Release 101

Figura 411 Carica file senza sovrascrivere

41 Caricamento e Aggiornamento di file 47

DocWeb Release 101

42 Ricerca di file allrsquointerno del DAM e modifica delle meta-informazioni

Rimanendo sempre allrsquointerno del modulo Media selezioniamo la voce List egrave possibile effettuare dellericerche dei file e modificare le meta-informazioni associate ai file

Nella figura Backend media list (page 48) distinguiamo

Figura 412 Backend media list

1 Parte relativa ai Mount Point disponibili

2 Parte relativa ai tipi di file caricati nel sistema

3 Schede List Thumbnails Selection Process

Da questa sezione egrave possibile effettuare ricerche sui file caricati nel DAM

Le ricerche che si possono eseguire sono del tipo ldquotrova tutti i file pdf e docrdquo oppure ldquoelenca tutti i filedi tipo immagine ad eccezione dei file con estensione gifrdquo

Per prima cosa facendo click sul nome del tipo file (es gif oppure image) si seleziona solo quel tipo difile e si escludono tutti i criteri selezionati in precedenza

Per aggiungere un altro criterio di ricerca egrave sufficiente selezionare il ldquo+rdquo (punto 1 nella figura Criteri diselezione (page 49)) posto accanto al tipo di file che si vuole selezionare

Con il ldquo-ldquo(punto 2) saragrave possibile rimuovere il tipo di file dai criteri di ricerca

Selezionando ldquo=rdquo (punto 3) egrave possibile introdurre clausole del tipo ldquocerca un file che sia doc e presentenel Mount Point chiamato lsquoArea Testrsquordquo (ossia effettua una ricerca che risponda a tutti i criteri impostati)

Nellrsquoesempio della figura Salva selezione (page 49) sono stati selezionati tutti i tipi di immagine adeccezione dei file con estensione gif Questo risultato si ottiene nel seguente modo

1 selezionare il ldquo+rdquo accanto alla voce ldquoimagerdquo

2 premendo il tasto ldquo-ldquo in corrispondenza della voce ldquogifrdquo

I criteri impostati per la selezione possono essere salvati per un uso futuro Per salvare la selezioneoccorre (figura Salva selezione (page 49))

1 riempire il campo sotto la voce SELECTION con un nome che identifichi la ricerca

2 premere il tasto Save per salvare la modalitagrave di ricerca impostata

In questo modo saragrave possibile richiamare e rieseguire la ricerca impostata anche in futuro senza doverripetere il procedimento di scelta dei criteri mostrato in precedenza

42 Ricerca di file allrsquointerno del DAM e modifica delle meta-informazioni 48

DocWeb Release 101

Figura 413 Criteri di selezione

Figura 414 Salva selezione

42 Ricerca di file allrsquointerno del DAM e modifica delle meta-informazioni 49

DocWeb Release 101

Se in futuro saranno inseriti nuovi file che soddisfano la ricerca salvata questi verranno selezionati quandoverragrave richiamata la ricerca salvata

Dalla figura Ricerca salvata (page 50) egrave possibile notare come richiamare la ricerca salvata In questocaso abbiamo salvato la ricerca con il nome ldquoimmaginisenzagifrdquo

Figura 415 Ricerca salvata

Una volta che si egrave selezionata la ricerca egrave possibile

1 Premere il tasto Load per ricaricare la ricerca precedentemente impostata

2 Premere Remove per rimuovere la ricerca salvata

Una volta effettuata una particolare selezione di file egrave possibile (figura Schede backend media list(page 50))

Figura 416 Schede backend media list

1 vedere il contenuto della selezione (schede List e Thumbnails)

2 vedere i criteri impostati per la ricerca (scheda Selection)

3 modificare le meta-informazioni associate ai file (scheda Process) secondo quanto descritto inprecedenza

Nella figura Scheda selection (page 51) egrave visualizzato come selezionando la scheda Selection egrave possibileprendere visione dei criteri impostati nella ricerca (la ricerca egrave quella dellrsquoesempio precedente)

Selezionando le schede List e Thumbnails dopo avere effettuato una qualsiasi selezione si potrebbe avereuna situazione come quella mostrata nella figura Scheda list (page 51)

Cliccando sullrsquoicona corrispondente ad uno dei file presenti nella lista (selezionato con un cerchio rosso)egrave possibile accedere ad un menugrave contestuale (figura Menu contestuale DAM (page 51))che permette disvolgere le seguenti operazioni

Modifica Offre la possibilitagrave di visualizzare e modificare le meta-informazioni associate al file

Rinomina Selezionando la seguente voce egrave possibile assegnare un altro nome al file che si egrave caricato

Replace file Avvia lrsquooperazione di sostituzione del file

Info Visualizza informazioni relative al file

Cancella Rimuove il file dal DAM

42 Ricerca di file allrsquointerno del DAM e modifica delle meta-informazioni 50

DocWeb Release 101

Figura 417 Scheda selection

Figura 418 Scheda list

Figura 419 Menu contestuale DAM

42 Ricerca di file allrsquointerno del DAM e modifica delle meta-informazioni 51

CAPITOLO 5

Modulo Pagine di download

51 Inserimento e configurazione pagine di download

La creazione di pagine di download egrave utile quando si vuole mettere a disposizione una lista di uno o piugravefile in forma scaricabile

Per creare una pagina di download egrave necessario seguire i seguenti passi

1 Creare una pagina standard

2 Inserire il plugin DAM Download List

3 Configurare il plugin

Per creare una pagina egrave sufficiente entrare nel modulo Pagina e selezionare Crea nuovo record per accederealla finestra di creazione pagine

Nellrsquoesempio in figura Backend creazione contenuto (page 52) egrave stata creata la pagina denominata ldquoPaginadownloadrdquo come figlio della pagina ldquoPagina di provardquo

Figura 51 Backend creazione contenuto

Una volta creata la pagina occorre configurarla in maniera tale da permettere la visualizzazione di unalista di file scaricabili Per fare ciograve occorre inserire un plugin denominato ldquoDAM Download Listrdquo Unplugin egrave un contenuto speciale da inserire in una pagina

52

DocWeb Release 101

Per inserirlo come per un contenuto occorre seguire i seguenti passi (figura Backend creazione contenuto(page 52))

1 Selezionare la pagina in cui inserire il plugin Nellrsquoesempio la pagina denominata ldquoPaginadownloadrdquo

2 Selezionare la voce Clicca qui per il wizard nella maschera che compare quando si vuole inserire unnuovo record

Figura 52 Wizard nuovo contenuto

Oltre ai normali contenuti standard il wizard permette di selezionare (figura Wizard nuovo contenuto(page 53))

1 Contenuti speciali

2 Moduli

3 Plugins

Allrsquointerno della lista dei Plugins selezionare DAM Lista dei file scaricabili (punto 4 nella figura Wizardnuovo contenuto (page 53))

Dopo aver selezionato il plugin occorreragrave selezionare la posizione della pagina in cui inserire lrsquoelemento

Selezionare ldquoNormalerdquo

A questo punto il plugin egrave inserito nella pagina desiderata

51 Inserimento e configurazione pagine di download 53

DocWeb Release 101

Oltre allrsquoinserimento occorre configurare il plugin in modo da dirgli quali file far visualizzare

Una volta che il plugin viene inserito viene aperta una finestra (figura Contenuto pagina (page 54)) doveviene richiesto di selezionare dei file inseriti nel sistema

Figura 53 Contenuto pagina

Per proseguire correttamente egrave necessario salvare immediatamente il Contenuto Pagina altrimenti leoperazioni successive potrebbero andare perse

Per inserire i file nella lista occorre effettuare la seguente operazione (figura Contenuto pagina (page 54))

1 Nella parte della maschera denominata DAM Lista di file scaricabili selezionare lrsquoicona SfogliaRecord (cerchiata in rosso) per avviare la procedura di selezione dei file

Selezionando la voce Sfoglia Record verragrave aperto lrsquoElement Browser di TYPO3 che ci permette di se-lezionare i file da inserire nel plugin La finestra (figura Element browser (page 55)) egrave composta di dueschede

1 Media ndash permette di selezionare i file giagrave esistenti nel sistema

2 Upload ndash permette di caricare nuovi file

Selezionando la sezione Media egrave possibile selezionare dalla lista i file da inserire

51 Inserimento e configurazione pagine di download 54

DocWeb Release 101

Figura 54 Element browser

Se la lista dei file fosse troppo lunga egrave possibile effettuare delle ricerche per nome e per tipologia di file(doc htm )

Per cercare per nome (figura Ricerca per nome (page 55)) occorre inserire nella casella di testo Cercastringa (punto 1 nella figura sopra) il nome o parte del nome del file da cercare Una volta specificata lastringa di ricerca premere il tasto Cerca (punto 2)

Figura 55 Ricerca per nome

Per cercare un particolare tipo di file selezionare il nome dellrsquoestensione che si desidera dallrsquoelenco deitipi di file (figura Ricerca per tipo (page 56))

Nota I due tipi di ricerca possono essere usati contemporaneamente

Selezionando la voce informazioni (punto 1 nella figura Selezione file (page 56)) egrave possibile visualizzarele meta-informazioni associate al file

Premendo con il mouse sul nome del file (punto 2) o sullrsquoicona associata (punto 3) si inserisce il file nellalista dei file da far visualizzare nella pagina di download mediante lrsquoapposito plugin

Selezionando la scheda Upload si puograve inserire un file non presente nel sistema (figura Caricamentoimmediato file (page 56))

51 Inserimento e configurazione pagine di download 55

DocWeb Release 101

Figura 56 Ricerca per tipo

Figura 57 Selezione file

Figura 58 Caricamento immediato file

51 Inserimento e configurazione pagine di download 56

DocWeb Release 101

Scegliere i file dal proprio PC seguendo le operazioni giagrave descritte nel modulo DAM e selezionare dallascheda Media i nuovi file inseriti

Nella figura Plugin con file selezionati (page 57) egrave visualizzato un esempio di maschera di configurazionedel plugin con la lista dei file selezionati

Figura 59 Plugin con file selezionati

I file una volta inseriti possono essere ordinati selezionando sugli appositi bottoni posti a destra dellalista file

bull Per ordinare un determinato file occorre

bull Selezionare un file

Premere uno dei tasti (figura sopra) per

1 Spostare in prima posizione

2 Spostare in alto di una posizione

3 Spostare in basso di una posizione

4 Spostare in ultima posizione

5 Rimuovere dalla lista il file selezionato

Una volta eseguiti i passaggi sopra descritti salvare la configurazione del plugin

51 Inserimento e configurazione pagine di download 57

CAPITOLO 6

Modulo Sitemap

Ersquo possibile generare una mappa del sito scegliendo un contenuto speciale di tipo ldquoMappa del Sitordquo comemostrato nella figura Contenuto mappa del sito (page 58)

Figura 61 Contenuto mappa del sito

Per scegliere un record di tipo ldquomappa del sitordquo (per visualizzare cioegrave la vista dei contenuti possibili)saragrave necessario portarsi in modalitagrave ldquopaginardquo compiendo gli stessi passaggi descritti per la creazione dicontenuti semplici in fase di creazione delle pagine (in questo caso selezionando il contenuto specialemappa)

58

DocWeb Release 101

61 Scheda di configurazione Mappa

La scheda di configurazione si presenta come nella figura Scheda mappa del sito (page 59)

Figura 62 Scheda mappa del sito

I campi fondamentali da personalizzare sono lrsquointestazione (ossia il titolo pagina) il tipo di menugrave e ilpunto di partenza Nellrsquointestazione viene inserito come di consuetudine il titolo pagina

62 Tipo di mappa

Ersquo possibile scegliere il tipo di mappa che si desidera creare consultando il menugrave a tendina ldquotipo di menugraverdquoche ci offriragrave diverse opzioni

Le piugrave frequentemente usate sono di tipo ldquoMenugrave delle sottopagine rdquo come indicato nella figura Tipo dimenu (page 60)

Menugrave delle sottopagine di queste pagine Scegliendo questa opzione da una pagina padre sigenereragrave un record che mostreragrave al suo interno tutte le sottovoci figlio con relativo link

Menugrave delle sottopagine di queste pagine (con abstract) Genera una mappa sia delle sottopagineche dei sottotitoli

Menugrave delle sottopagine di queste pagine + sezioni Genera una mappa sia delle sottopagine chedei record (link alle intestazioni dei singoli record)

Selezionando voci di menugrave di sottopagine egrave anche possibile stabilire un determinato punto di partenzasfogliando lrsquoapposito record

61 Scheda di configurazione Mappa 59

DocWeb Release 101

Figura 63 Tipo di menu

63 Il ldquopunto di partenzardquo della mappa

Il ldquopunto di partenzardquo dei Menugrave delle sottopagine Scheda mappa del sito (page 59) costituisce la paginadalla quale il sistema partiragrave per creare la mappa

Si potragrave quindi creare una mappa (di tipo menugrave delle sottopagine) che mostri solamente il percorso diquella porzione di menugrave che si intende mostrare

63 Il ldquopunto di partenzardquo della mappa 60

CAPITOLO 7

Modulo News

71 Inserimento e modifica di news

Alcune sezioni del nostro sito potrebbero essere state configurate per permettere la visualizzazione dinotizie

Per poter visualizzare le news correttamente occorre che queste ultime vengano inserite in una determi-nata posizione allrsquointerno del backend Da questa posizione che chiameremo repository delle news lenostre pagine andranno a prelevare le news da visualizzare al loro interno

Figura 71 Backend news

Nellrsquoesempio presentato nella figura Backend news (page 61) distinguiamo

1 il repository delle news che egrave stato creato

2 Un esempio di come potrebbe apparire il contenuto del repository delle news (lista delle news)

Per poter visualizzare il contenuto del repository delle news occorre seguire i seguenti passi

1 entrare nel modulo Pagina

61

DocWeb Release 101

2 selezionare il repository delle news corrispondente (nellrsquoesempio della figura Backend news (page 61)il Repository delle news si chiama ldquoNews Area Testrdquo)

Poniamo ora la nostra attenzione alla lista delle news (figura Lista news (page 62)) Da qui egrave possibile

bull Inserire una nuova notizia

bull Modificare le notizie giagrave esistenti

Per inserire una nuova notizia occorre selezionare la voce Crea nuovo record (figura Lista news (page 62))posta in fondo alla lista delle news

Figura 72 Lista news

A questo punto si apre la finestra di creazione Nuovo record da cui occorre selezionare la voce News(figura Nuovo record news (page 62))

Figura 73 Nuovo record news

Eseguendo le operazioni sopra descritte si accede alla maschera di inserimento news (figura Inserimentonews scheda generale (page 63))

Questa si compone di due schede una denominata Generale e unrsquoaltra denominata Relations

Nella scheda Generale egrave possibile inserire

Titolo in questo spazio egrave possibile specificare un titolo della news

Nascondi questo controllo determina se la news egrave pubblicabile oppure no Come avviene per le pagineanche per le news egrave consigliabile tenere la news nascosta durante la lavorazione Facciamo notare

71 Inserimento e modifica di news 62

DocWeb Release 101

Figura 74 Inserimento news scheda generale

71 Inserimento e modifica di news 63

DocWeb Release 101

che appena viene aperta la maschera di inserimento di una nuova news il controllo appare giagrave instato nascosto

Dataora in questo spazio viene indicata la data e lrsquoora della creazione della news in base ai parametridi sistema

Data Archiviazione in questo spazio viene inserita la data di Archiviazione di una news

Autore permette di specificare un autore della news

Email permette di specificare un e-mail a cui fare riferimento

Sottointestazione questo campo conterragrave una breve descrizione (abstract) della news La sottointes-tazione egrave quella parte della news che compare quando viene visualizzata la lista delle news e serveper dare una breve descrizione al contenuto della news (si veda Esempio news (page 64))

Figura 75 Esempio news

Durante lrsquoinserimento di una news egrave consigliabile specificare sempre una sottointestazione

Testo egrave il campo che contiene il contenuto vero e proprio della news Egrave possibile utilizzare tutte lefunzionalitagrave messe a disposizione dallrsquoeditor RTE

72 Modalitagrave Relations

Nella modalitagrave Relations (figura Inserimento news scheda relations (page 65)) egrave possibile inserire

Immagini contiene una lista di immagini da associare alla news Il procedimento per la se-lezionecaricamento delle immagini egrave stato descritto nella parte dedicata alla creazione di paginedi download a cui vi rimandiamo

Didascalia permette di specificare una descrizione per lrsquoimmagine associata alla news

Image alttext e Image titletext permette di specificare un testo che in visualizzazione (Frontend)compariragrave al passaggio del mouse sopra lrsquoimmagine

News correlate permette di specificare news o pagine del sito da associare alla news Il procedimentodi selezione delle news da associare alla notizia saragrave spiegato successivamente

DAM elements permette di assegnare alla news dei documenti da scaricare come per esempioil programma di un determinato evento Anche in questo caso il procedimento per la se-lezionecaricamento dei documenti egrave quello giagrave descritto nella parte dedicata alla creazione dipagine di download

Descriviamo il procedimento da seguire per associare alcune pagine o alcune news alla notizia che stiamoinserendo

Premere il tasto di Sfoglia Record evidenziato nella figura Sfoglia record news (page 65)

Verragrave aperta una finestra che contiene un Element Browser che ci permette di selezionare le newspagine(figura Element browser news (page 66)) da associare

La finestra di selezione si suddivide nelle seguenti parti (figura sopra)

Alberatura del sito da cui egrave possibile esplorare gli elementi del nostro sito (pagine sysfolder )Premendo con il tasto sinistro del mouse sul nome della pagina o sulla freccia corrispondente verragraveaggiornata la parte di destra della finestra in cui egrave inserita la lista degli elementi associabili

72 Modalitagrave Relations 64

DocWeb Release 101

Figura 76 Inserimento news scheda relations

Figura 77 Sfoglia record news

72 Modalitagrave Relations 65

DocWeb Release 101

Figura 78 Element browser news

Lista degli elementi associabili egrave quindi possibile selezionare gli elementi da associare alla newsPer associare un elemento si puograve selezionare il simbolo ldquo+rdquo posto accanto allrsquoelemento desideratoo agendo sul nome del file Nel primo caso lrsquoelemento viene aggiunto ma la finestra non si chiuderagrave(utile per effettuare selezioni multiple) mentre nel secondo caso lrsquoelemento viene aggiunto e lafinestra si chiuderagrave (selezione singola)

Nota Per associare una o piugrave news alla notizia che stiamo inserendo occorreragrave innanzitutto selezionareil repository delle news e utilizzando i metodi descritti in precedenza indicare le news di interesse

Nella figura Selezione repository (page 66) viene visualizzato come appare lrsquoElement Browser dopo averselezionato il repository delle news denominato ldquoNews Corso Typo3rdquo

Figura 79 Selezione repository

Una volta ultimato il procedimento di inserimento di una news vedremo che nel repository compariragrave(figura News nel repository (page 67)) anche quella da noi creata Nellrsquoesempio la news creata si chiamaldquoTitolo della news di provardquo

Dalla lista delle news possiamo notare che i diversi tipi di news sono contrassegnati con icone diverse

In particolare distinguiamo

72 Modalitagrave Relations 66

DocWeb Release 101

Figura 710 News nel repository

bull News (icona ldquocelestinardquo)

bull Collegamento a URL esterna (icona ldquorosardquo)

bull Collegamento a pagina interna (icona ldquogiallinardquo)

Per modificare il contenuto di una news egrave sufficiente selezionare il simbolo di modifica (figura Modificanews (page 67)) in corrispondenza della news da modificare

Figura 711 Modifica news

73 News collegata a URL esterna e a pagina interna

Attraverso la selezione della finestra ldquoTipordquo egrave possibile scegliere diverse tipologie di news

Nella figura News collegata a url esterna (page 68) egrave stato selezionato il Collegamento a URL esterna checi offriragrave la possibilitagrave di specificare un link (ldquoURL esternordquo) da far visualizzare e che saragrave contraddistintain lista da lrsquoicona di colore rosa

Selezionando il Collegamento a pagina interna viene offerta la possibilitagrave di inserire un collegamento auna pagina del sito (evidenziato nella figura News collegata a pagina interna (page 69))

La news si presenteragrave con icona di color ldquogiallordquo e al suo interno conterragrave un link alla pagina interna alsito

73 News collegata a URL esterna e a pagina interna 67

DocWeb Release 101

Figura 712 News collegata a url esterna

73 News collegata a URL esterna e a pagina interna 68

DocWeb Release 101

Figura 713 News collegata a pagina interna

73 News collegata a URL esterna e a pagina interna 69

DocWeb Release 101

74 Eliminazione delle News

Per eliminare una news possiamo procedere tra lrsquoaltro in due modi

1 Selezionare la news da eliminare dallrsquoelenco e selezionare la voce ldquocancellardquo dal menugrave a tendinaconsultabile cliccando con il pulsante destro sullrsquoicona in corrispondenza della news (figura Eliminanews da menu contestuale (page 70))

Figura 714 Elimina news da menu contestuale

2 Entrare allrsquointerno della modalitagrave di modifica della news attraverso lrsquoicona ldquomatitardquo e selezionare lrsquoi-cona raffigurante il bidone di elimina posta in alto pagina (figura Elimina news da scheda contenuto(page 70))

Figura 715 Elimina news da scheda contenuto

75 Ordinamento delle News e ricerca

Puograve essere necessario durante la visualizzazione della lista delle news (lato backend) di dover effettuaredegli ordinamenti al fine di permettere una ricerca piugrave veloce delle news da modificare

74 Eliminazione delle News 70

DocWeb Release 101

Avvertimento Lrsquoordinamento ha valore solo come ricerca allrsquointerno del backend mentre latofrontend rispecchieragrave i parametri prestabiliti dal sistema

Supponiamo per esempio di voler effettuare un ordinamento per Titolo Seguiamo i seguenti passi(figura sotto)

1 Selezionare la voce di menugrave Lista

2 Selezionare il deposito delle news (repository) News Corso Typo3

3 Cliccare con il mouse in corrispondenza della voce ldquoTitolordquo

A questo punto (figura Ordinamento news (page 71)) le news vengono ordinate in ordine crescente(vengono visualizzate prima le news con titolo che inizia con la lettera a b e cosigrave via)

Figura 716 Ordinamento news

Se clicchiamo unrsquoaltra volta sulla voce ldquoTitolordquo il tipo di ordinamento cambia da crescente a decrescente(compariranno per prima le news con titolo che inizia per z )

Egrave inoltre possibile ordinare secondo campo da noi specificato Per definire il nome di un campo (ad estesto inizio autore ) su cui effettuare lrsquoordinamento occorreragrave spostarsi in fondo alla lista delle newsdove troveremo una lista di campi (figura Mostra campo aggiuntivo news (page 71))

Figura 717 Mostra campo aggiuntivo news

Dalla lista possiamo

bull Selezionare la voce in base alla quale effettuare lrsquoordinamento (ad esempio Immagini)

bull Premere il tasto Imposta campi per aggiungere alla lista dei campi visualizzati quello selezionato

75 Ordinamento delle News e ricerca 71

DocWeb Release 101

A questo punto il campo selezionato (nel nostro esempio il campo Immagini) compare nella lista dellenews (il campo aggiunto egrave evidenziato con un riquadro in alto a destra nella figura Ordinamento campoaggiuntivo news (page 72))

Figura 718 Ordinamento campo aggiuntivo news

Effettuare le stesse operazioni illustrate per il campo Titolo per ordinare in modo crescente e decrescentele news secondo il criterio impostato (click pulsante sinistro sul nome etichetta)

Egrave anche possibile ricercare le news in base al testo contenuto nel titolo sottotitolo descrizione eccUtilizzando la maschera di ricerca in fondo pagina (evidenziata nella figura Ricerca news (page 72))

Figura 719 Ricerca news

Per effettuare una ricerca egrave necessario seguire i seguenti passi

1 Inserire nel campo Cerca Stringa il testo da cercare (nel nostro esempio ldquonequerdquo)

2 Premere il tasto Cerca per eseguire la ricerca secondo i criteri impostati

In questo modo nella lista delle news compariranno solo quelle che contengono il testo specificatoEffettuata la ricerca egrave possibile effettuare degli ordinamenti come spiegato in precedenza

75 Ordinamento delle News e ricerca 72

CAPITOLO 8

Modulo Eventi

Avvertimento SEZIONE NON COMPLETA

Si confrontino i seguenti due tipi di contenuti

Evento egrave un tipo di contenuto adatto a descrivere qualcosa che accadragrave o che egrave accaduto in una certadata La data o le date in cui lrsquoevento ricorre sono strettamente legate ad un luogo in cui lrsquoeventosi verificheragravesi egrave verificato Gli eventi vengono rappresentati mediante la metafora dellrsquoagenda edel calendario

Notizia egrave un tipo di contenuto caratterizzato dalla data di pubblicazione secondo la metafora delgiornale online E come in un giornale online una notizia puograve riferirsi sia a fatti giagrave accaduti chea fatti a venire

Nota Per comprendere meglio la differenza tra i due tipi di contenuto si pensi che dato un eventoche ha una certa data di svolgimento (ad es 20 maggio) di tale evento posso realizzare piugrave di unanotizia Rimanendo nellrsquoesempio potrei pubblicare una notizia il 10 maggio per preannunciare lrsquoeventoe poi unrsquoaltra il 18 maggio per ricordarne lrsquoimminenza Infine potrei pubblicare una notizia di riepilogo(cronaca dellrsquoevento immagini ecc) il 22 maggio

81 Scopo del modulo Eventi

Il visitatore del sito deve poter cogliere le informazioni essenziali di un evento

bull Cosa sta per succedere

bull Dove accadragrave

bull Quando accadragrave

82 Il Backend ndash Modulo Pagina

Vedi figura Eventi vista modulo pagina (page 74)

83 Il Backend ndash Modulo Lista

Vedi figura Eventi vista modulo lista (page 74)

73

DocWeb Release 101

Figura 81 Eventi vista modulo pagina

Figura 82 Eventi vista modulo lista

83 Il Backend ndash Modulo Lista 74

DocWeb Release 101

84 Creazione di un evento

Prima di procedere poniamoci qualche domanda

bull Lrsquoevento appartiene a qualche rassegna iniziativa per la quale sono in programma altri eventiPer esempio

ndash Rassegne teatrali cinematografiche

ndash Festival

bull Lrsquoevento si ripete

ndash La replica avviene sempre nello stesso luogo

841 Creazione del record

Vedi figura Creazione nuovo evento (page 75)

Vedi figura Creazione nuovo record evento (page 76)

Figura 83 Creazione nuovo evento

842 Scheda ldquoGeneralerdquo

Vedi figura Evento scheda generale (page 76)

843 Scheda ldquoFinestra temporalerdquo

Orario repliche

Vedi figura Evento finestra temporale (page 78)

84 Creazione di un evento 75

DocWeb Release 101

Figura 84 Creazione nuovo record evento

Figura 85 Evento scheda generale

84 Creazione di un evento 76

DocWeb Release 101

bull Lrsquoorario va solo per le Finestre temporali di un giorno (data inizio = data fine)

bull Se non si conosce lrsquoora della fine impostare ora inizio = ora fine

844 Scheda ldquoTestordquo

Vedi figura Evento scheda testo (page 79)

84 Creazione di un evento 77

DocWeb Release 101

Figura 86 Evento finestra temporale

84 Creazione di un evento 78

DocWeb Release 101

Figura 87 Evento scheda testo84 Creazione di un evento 79

  • Introduzione
    • Cosegrave DocWeb
    • Concetti chiave
      • Funzionalitagrave di Base
        • Il CMS Typo3 ldquobackendrdquo e ldquofrontendrdquo
        • Cambio password di accesso
        • Albero delle pagine
        • Implementazione delle pagine ldquogenitori rdquo e ldquofiglirdquo
        • Inserimento Nuova pagina
        • Elementi standard della pagina
        • Inserimento contenuti di una pagina
        • Contenuti multipli allrsquointerno di una pagina
        • Modifica dei contenuti della pagina
        • Spostamento di pagine
        • Eliminazione pagine
        • Rich Text Editor
        • Modalitagrave Lista
        • Modalitagrave Mostra
        • Modalitagrave ldquoMonta come radice dellrsquoalberordquo
        • Ottenere il page-id di una pagina
        • Admin Panel
          • La Clipboard
            • Copia o spostamento di un contenuto singolo di pagina allrsquointerno di unrsquoaltra pagina
            • Copia o spostamento di piugrave contenuti da una pagina ad unrsquoaltra
              • Modulo DAM (Digital Asset Management)
                • Caricamento e Aggiornamento di file
                • Ricerca di file allrsquointerno del DAM e modifica delle meta-informazioni
                  • Modulo Pagine di download
                    • Inserimento e configurazione pagine di download
                      • Modulo Sitemap
                        • Scheda di configurazione Mappa
                        • Tipo di mappa
                        • Il ``punto di partenza della mappa
                          • Modulo News
                            • Inserimento e modifica di news
                            • Modalitagrave Relations
                            • News collegata a URL esterna e a pagina interna
                            • Eliminazione delle News
                            • Ordinamento delle News e ricerca
                              • Modulo Eventi
                                • Scopo del modulo Eventi
                                • Il Backend ndash Modulo Pagina
                                • Il Backend ndash Modulo Lista
                                • Creazione di un evento
Page 3: DocWeb€¦ · per la realizzazione e la gestione di siti web della Pubblica Am-ministrazione. La piattaforma tecnologica utilizzata è il CMS (Content Management System) Open SourceTypo31

7 Modulo News 6171 Inserimento e modifica di news 6172 Modalitagrave Relations 6473 News collegata a URL esterna e a pagina interna 6774 Eliminazione delle News 7075 Ordinamento delle News e ricerca 70

8 Modulo Eventi 7381 Scopo del modulo Eventi 7382 Il Backend ndash Modulo Pagina 7383 Il Backend ndash Modulo Lista 7384 Creazione di un evento 75

ii

DocWeb Release 101

Avvertimento DOCUMENTO IN FASE DI REVISIONE E AGGIORNAMENTOAlcuni argomenti potrebbero non essere completi e alcune funzionalitagrave potrebbero non essere attive

Indice 1

CAPITOLO 1

Introduzione

11 Cosrsquoegrave DocWeb

Docweb egrave un insieme di soluzioni tecnologiche e organizzativeper la realizzazione e la gestione di siti web della Pubblica Am-ministrazione La piattaforma tecnologica utilizzata egrave il CMS(Content Management System) Open Source Typo31 opportuna-mente configurato e integrato da moduli software appositamentesviluppati dalla (o per conto della) Provincia di Pesaro e Urbino

Ma cosrsquoegrave in concreto il Sistema Provinciale di Gestione PortaliDocweb

Si tratta di un sistema software che consente di realizzare e gestirefacilmente i siti web degli enti

Docweb egrave dotato di una serie di moduli e funzionalitagrave fornite di basea tutti gli utenti oltre che di ldquomaschererdquo grafiche personalizzabili chesoddisfano la normativa sullrsquoaccessibilitagrave dei siti web delle PA (LeggeStanca dlgs n 404)

Il sistema Docweb che viene da tempo utilizzato dallrsquoAmministrazione Provinciale per gestire i proprisiti web viene messo a disposizione degli enti senza alcun onere aggiuntivo nellrsquoambito delle convenzioniche regolano i servizi della Rete Telematica Provinciale e in particolare del Centro Servizi Territoriale2

12 Concetti chiave

Le caratteristiche fondamentali che devono soddisfare i moderni siti web sono

bull usabilitagrave (facilitagrave di navigazione e di reperimento delle informazioni)

bull accessibilitagrave (siti fruibili anche da persone diversamente abili o non dotate di strumenti tecnologiciavanzati)

I concetti chiave sono pertanto

bull separazione dei contenuti (le informazioni) dalla modalitagrave e dalla veste grafica con cui questicontenuti vengono visualizzati

bull utilizzo dei Content Management System per facilitare la realizzazione di siti web dinamicifacilmente aggiornabili e usabili

1httptypo3org2httpwwwcstpuit

2

DocWeb Release 101

Docweb consente di affrontare e risolvere facilmente tali problematiche

Nota Sici Templates e Catalogo DocWeb sono raccolte di codice TypoScript (linguaggio specificodi Typo3) HTML e CSS che utilizziamo nei nostri siti e che sono rilasciate con licenza GPL3

Sici Templates e Catalogo DocWeb definiscono lrsquoaspetto grafico la modalitagrave di navigazione e le funzionidei nostri siti web configurando Typo3 CMS Framework e le sue numerose estensioni

3httpwwwgnuorglicensesgplhtml

12 Concetti chiave 3

CAPITOLO 2

Funzionalitagrave di Base

21 Il CMS Typo3 ldquobackendrdquo e ldquofrontendrdquo

I termini ldquobackendrdquo e ldquofrontendrdquo ricorreranno spesso per indicare e diversificare lrsquoambiente ldquodi gestionee pubblicazione dei contenutirdquo da quello di visualizzazione dei contenuti (sito on-line)

In sintesi

Per Backend (BE) (figura Backend (page 4)) intendiamo lrsquoambiente di lavoro sul quale andremo adoperare per la creazione e gestione delle pagine e dei vari contenuti del sito (generalmente raggiungi-bile utilizzando un semplice browser es Firefox Microsoft Internet Explorer previa autenticazionea un indirizzo web del tipo httpwwwnomesitotypo3) In questa guida useremo come esempiohttpwwwentiprovinciapuittypo3 ma va sostituito dallrsquoutente con quello effettivo

Il Frontend (FE) (figura Frontend (page 5)) egrave il risultato del lavoro sviluppato nel backend e costituiscelrsquoambiente on-line visibile agli utenti esterni Le operazioni compiute dal backend si riflettono nel frontendche puograve essere cosigrave gestito e modificato secondo le nostre necessitagrave

Nota In fase di inserimento e gestione dei contenuti tramite BE egrave sempre opportuno verificare con ilFE la corretta visualizzazione delle pagine

Figura 21 Backend

Avvertimento Ersquo opportuno tenere presente che il backend prevede piugrave modalitagrave di esecuzione perraggiungere uno stesso obiettivo Nella guida sono descritti i passaggi piugrave comunemente utilizzati

4

DocWeb Release 101

Figura 22 Frontend

22 Cambio password di accesso

Lrsquousername e la password proteggono lrsquoarea da eventuali intrusioni e costituiscono lrsquoaccesso univoco epersonale per ciascun Utente (per motivi di sicurezza egrave opportuno variare la propria password al primoaccesso al sistema)

Per cambiare la password di accesso saragrave necessario eseguire il primo collegamento allrsquoambi-ente di gestione del portale lanciando il browser (Firefox) e collegandosi allrsquoindirizzo webhttpwwwentiprovinciapuittypo3 (figura Url per login (page 5))

Figura 23 Url per login

Saragrave proposta una maschera di identificazione dove andremo ad inserire il nostro account costituito dausername e password (figura Maschera login (page 5))

1 inserire username

2 inserire password

3 click con il pulsante sinistro del mouse sul bottone ldquoEntrardquo per accedere al servizio

Figura 24 Maschera login

22 Cambio password di accesso 5

DocWeb Release 101

Avvertimento Alcuni browser propongono messaggi (figura Messaggio salva password (page 6))relativi al salvataggio automatico della password nel sistema per non dover digitare nuovamente ipropri dati al secondo Log In Si consiglia di non scegliere di salvare i propri dati o il completamentoautomatico di essi per una questione di sicurezza

Figura 25 Messaggio salva password

In caso di errata digitazione dei dati dellrsquoaccount ci saragrave chiesto di inserire nuovamente username epassword (figura Login fallito (page 6))

Figura 26 Login fallito

Il messaggio ci informa che il Log In egrave fallito e ci da alcune indicazioni sul motivo che puograve aver provocatoil problema Ci chiede di assicurarci di aver scritto correttamente Username e Password facendo ancheattenzione alle lettere Minuscole e Maiuscole

Se eseguito bene il Log In ci condurragrave in una nuova schermata

In virtugrave dellrsquoimportanza costituita dai dati di autenticazione la prima operazione da compiere una voltaeseguito il Log In saragrave quella di modificare il proprio account come segue (figura Modifica password(page 7))

1 dal menugrave di sinistra scegliere la voce ldquosetuprdquo inserita nel menugrave ldquoutenterdquo quindi cliccare con ilpulsante sinistro del mouse

2 nella schermata che si apriragrave a destra digitare la nuova password che si desidera utilizzare Ilcampo si trova nella parte bassa della pagina indicato dalla diciture ldquoNuova passwordrdquo

3 confermare nel campo sottostante ldquoRipeti passwordrdquo la password scelta

4 confermare il tutto cliccando con il pulsante sinistro del mouse sul bottone ldquoSalva configurazionerdquo

5 click sullrsquoultimo pulsante a sinistra ldquoUscitardquo per eseguire il Log Out

Cambiata la password ed eseguito il Log Out mediante il pulsante ldquoUscitardquo potremo eseguire nuovamenteil ldquoLog Inrdquo digitando la nostra nuova password che da quel momento saragrave subito attiva

Per motivi di sicurezza al termine di ogni sessione di gestione dei contenuti egrave opportuno effettuare ilLog Out dal sistema

22 Cambio password di accesso 6

DocWeb Release 101

Figura 27 Modifica password

23 Albero delle pagine

Si noti come lrsquoaspetto del Backend (figura Backend tripartito (page 8)) sia suddiviso in tre aree verticalisuddivise tra loro mediante una spessa riga grigia

bull La prima colonna a sinistra della pagina (punto 1) ci consentiragrave di compiere tutte le operazioninecessarie a lavorare creando e modificando contenuti ecc

bull la seconda colonna al centro della pagina (punto 2) rappresenta lrsquoalberatura vera e propria del sitoon-line In essa vedremo rispecchiati i menugrave le pagine e i contenuti testuali che verranno (o chesono) pubblicati

bull la terza area a destra della pagina (punto 3) rappresenta lrsquoambiente dove andremo materialmentead operare sulle pagine e sui contenuti

Nota La stringa in basso a sinistra ldquoModifica pagina con IDrdquo puograve essere utilizzata per selezionareuna pagina ricercandola tramite il suo numero ID Ad ogni pagina viene associato automaticamente unnumero (ID) unico e distinto per ognuna di esse

Il numero ID si rivela al passaggio del mouse (senza cliccare) sul simbolo grafico posto accanto alle vocidi menugrave nella colonna ndeg 2 Il numero ID viene anche riportato on-line come parte finale di un indirizzoweb

Esempio httpwwwentiprovinciapuitindexphpid=3018

Nellrsquoesempio il numero ID della pagina egrave 3018

Nella versione finale del portale potranno essere utilizzati URL statici (eshttpwwwentiprovinciapuitattivitahtml) per agevolare i collegamenti diretti ad alcune sezioni opagine del portale

23 Albero delle pagine 7

DocWeb Release 101

Figura 28 Backend tripartito

24 Implementazione delle pagine ldquogenitori rdquo e ldquofiglirdquo

Affincheacute un sito ldquofunzionirdquo egrave necessario che la distribuzione delle pagine con le rispettive sottopagine siachiara ed essenziale

Gli argomenti vanno sempre divisi ed organizzati per facilitare lrsquoindividuazione del contenuto la letturadel messaggio la comprensione dellrsquooggetto in essere Se ad esempio stessimo parlando di calcio sarebbesempre opportuno ed auspicabile creare una pagina ldquoSERIE Ardquo che introduca allrsquoargomento trattato esuccessivamente collegare allrsquointerno della categoria altre pagine ldquoRomardquo ldquoJuventusrdquo ldquoMilanrdquo che a lorovolta possano condurre ad altri argomenti ldquocalciatorirdquo fino a ridurre il tutto ai minimi termini

25 Inserimento Nuova pagina

Selezionare (figura Seleziona pagina (page 8)) con un click del pulsante sinistro la prima voce ldquopaginardquodella colonna 1

Figura 29 Seleziona pagina

Nella seconda colonna portiamoci su una delle voci dellrsquoelenco (preferibilmente al livello in cui si desiderainserire la pagina) e facciamo click con il pulsante destro del mouse Si apriragrave (figura Seleziona nuovo(page 9)) un ulteriore menugrave di opzioni a tendina dal quale scegliamo la 3deg voce ldquonuovordquo

24 Implementazione delle pagine ldquogenitori rdquo e ldquofiglirdquo 8

DocWeb Release 101

Figura 210 Seleziona nuovo

Verragrave caricata nella 3deg area una schermata come indicato nella figura Vista Backend (page 10)

Scegliamo la 1deg opzione ldquoPagina (dentro)rdquo cliccando con il pulsante sinistro del mouse sulla voce ldquoCliccaqui per il wizardrdquo Si caricheragrave la schermata di figura Seleziona posizione (page 10)

Si noti come la schermata riproduca le pagine esistenti ed il loro posizionamento nel menugrave potremoindicare cliccando sulle frecce grigie la posizione dove desideriamo inserire la nostra pagina Scegliamoad esempio di voler inserire la nostra pagina allrsquointerno della sezione ldquoTest Abanetrdquo

Avvertimento Ovviamente la sezione ldquoTest Abanetrdquo egrave solo un esempio Usare le sezioni presentinel vosto sito di riferimento

Andremo quindi a cliccare sulla freccia che si trova appunto allrsquointerno del record (come indicato infigura)

Verragrave caricata una schermata che ci chiederagrave di specificare altri elementi indispensabili alla creazione diuna nuova pagina (vedi sezione successiva)

26 Elementi standard della pagina

Si faccia riferimento alla (figura Modifica intestazioni pagina (page 11))

Nascondi pagina In fase di elaborazione di una nuova pagina egrave sempre bene puntare il piccolo quadratoin basso a sinistra della sezione ldquonascondi paginardquo in modo tale da permetterci di lavorare suicontenuti in tutta tranquillitagrave prima della pubblicazione on-line

Tipo Assegna alla pagina una determinata tipologia o scopo

Titolo pagina Indicare il titolo della pagina (ad es ldquoPagina di Provardquo

Selezione di template per lrsquoarea contenuti Ersquo la possibilitagrave di variare lo ldquoschemardquo di visualiz-zazione della pagina (es pagina a 3 colonne pagina a due colonne con menu di navigazionesulla sinistra etc)

Salvare Ogni operazione deve essere salvata per essere resa effettiva

261 Varie opzioni di salvataggio

In relazione al punto (5) nella fase di salvataggio si noti come ci vengono proposte diverse icone (figuraIcone salvataggio (page 11))

26 Elementi standard della pagina 9

DocWeb Release 101

Figura 211 Vista Backend

Figura 212 Seleziona posizione

26 Elementi standard della pagina 10

DocWeb Release 101

Figura 213 Modifica intestazioni pagina

Figura 214 Icone salvataggio

26 Elementi standard della pagina 11

DocWeb Release 101

1 Il documento viene salvato lrsquoambiente si ricarica automaticamente il menugrave centrale si aggiornacon la comparsa della pagina da noi creata nella posizione da noi assegnata

2 Il documento viene salvato lrsquoambiente si ricarica automaticamente il menugrave centrale si aggiornacon la comparsa della pagina da noi creata nella posizione da noi assegnata e si apre una nuovafinestra del browser contenente la preview (anteprima di visualizzazione) della nostra pagina

3 Il documento viene salvato lrsquoambiente si ricarica automaticamente sulla schermata successivail menugrave centrale si aggiorna con la comparsa della pagina da noi creata nella posizione da noiassegnata

4 Il documento viene chiuso e non salvato

5 Elimina la pagina

Nota La quinta icona (ldquoElimina paginardquo) compariragrave solo dopo aver salvato il documento la primavolta Inoltre gli stessi simboli si ritroveranno anche in fase di modifica di pagine giagrave create

Da osservare il simbolo proposto accanto alla nuova pagina da noi creata (figura Pagina nascosta(page 12)) ad indicare la modalitagrave ldquonascostardquo

Figura 215 Pagina nascosta

Lrsquoicona posta a sinistra ricorda una pagina con una ldquoXrdquo rossa in alto a destra e indica che la pagina egravenascosta (punto 1 modifica intestazioni) e non visibile dallrsquoesterno

Le altre voci con simbolo diverso di pagina su sfondo giallo sono on-line e quindi consultabili dal FrontEnd

Pubblicata la pagina nascosta lrsquoicona cambieragrave automaticamente aspetto e la voce di menugrave saragraveconsultabile anche dal Front End

27 Inserimento contenuti di una pagina

Avendo precedentemente creato e salvato una pagina ldquoPagina di Provardquo andiamo ad inserire un contenuto

Ersquo possibile procedere in due modi effettuare un click con il pulsante sinistro del mouse sulla icona o sultitolo ldquoPagina di Provardquo oppure cliccare con il pulsante destro del mouse sullrsquoicona posta a sinistra deltitolo pagina e scegliere ldquomodificardquo

In entrambe i casi il sistema aggiorna la terza area (vedi figura Backend tripartito (page 8)) doveandremo a lavorare

Per creare un contenuto nella posizione di default (Normale) clicchiamo sullrsquoicona cerchiata di rosso (vedifigura Crea contenuto normale (page 13)) nel box ldquonormalerdquo

In alternativa si puograve scegliere di usare la voce in basso a sinistra ldquoCrea nuovo recordrdquo e successivamentescegliere di creare un nuovo contenuto pagina con il ldquowizardrdquo

27 Inserimento contenuti di una pagina 12

DocWeb Release 101

Figura 216 Crea contenuto normale

Per entrambe le opzioni si apriragrave una schermata come nella figura Seleziona contenuto paragrafo(page 14))

Scegliamo di inserire un paragrafo di testo semplice Notiamo come il sistema ci consente di scegliereforme alternative di contenuti (es immagini sotto il testo a sinistra solo immagini ecc) Approfondire-mo in seguito le modalitagrave per creare contenuti piugrave articolati e contenuti multipli e selezioniamo la voceldquoparagrafo di testordquo

271 Paragrafo di testo

Allrsquointerno di un paragrafo di testo potremo inserire un contenuto e tutte le opzioni ad esso legato (figuraModifica contenuto testo (page 15))

Si noti come lrsquoarea egrave divisa in 4 blocchi orizzontali Tipo Intestazione Testo Opzioni generali Inbasso e in alto troviamo anche la serie di icone per il salvataggio del documento di cui abbiamo giagraveprecedentemente parlato

Area Tipo

Nel menugrave a tendina dellrsquoarea tipo egrave possibile modificare il tipo di contenuto che vogliamo inserire Laschermata ci dice che siamo su ldquotestordquo ma volendo potremmo anche cambiare con le altre forme dicontenuto a nostra disposizione

Area Intestazione

Rappresenta il titolo della pagina Viene inserito allrsquoinizio della pagina ed ha una rilevanza graficamaggiore rispetto al resto del contenuto

Un buon titolo egrave breve ma incisivo rispecchia in poche parole il contenuto della pagina riassumelrsquoargomento trattato

27 Inserimento contenuti di una pagina 13

DocWeb Release 101

Figura 217 Seleziona contenuto paragrafo

27 Inserimento contenuti di una pagina 14

DocWeb Release 101

Figura 218 Modifica contenuto testo

27 Inserimento contenuti di una pagina 15

DocWeb Release 101

Ersquo inoltre possibile anche se sconsigliabile associare un link allrsquointestazione cambiare la sua posizioneinserire una data

Testo

Rappresenta con il suo grande quadrilatero bianco lrsquoarea allrsquointerno della quale andremo ad inserire ilnostro testo

Digitando un semplice testo in visualizzazione questo assumeragrave colore dimensione e carattere inconformitagrave allo stile preimpostato per le pagine del sito

Per la formattazione del testo saragrave possibile usare lo strumento RTE (di seguito descritto)

Opzioni generali (parametri di visibilitagrave)

Apparizione programmata

Cliccando accanto al quadrato della voce ldquoInizio rdquo e ldquoFinerdquo si attiveragrave un modulo data che ci consentiragravedi impostare le date di Inizio pubblicazione e di Fine pubblicazione (depubblicazione) di una pagina

Potremo quindi stabilire quando una pagina dovragrave essere pubblicata eo quando dovragrave cessare di esserevisibile on-line La programmazione dellrsquoinizio di pubblicazione non implica che ci sia necessariamenteuna fine e vice versa

Ciograve significa che potremo quindi decidere di pubblicare una pagina in una certa data e che la pubblicazioneduri nel tempo (almeno fino a quando non decideremo di togliere la visualizzazione on-line manualmente)

Pagine nascoste

Ersquo possibile nascondere il contenuto delle pagine cliccando il quadrato a sinistra della voce ldquoNascondirdquoScegliendo questa opzione la pagina continueragrave ad esistere ma non saragrave visibile il suo contenuto

Lrsquoopzione si rileva particolarmente utile in caso di pagina strutturata su contenuti multipli

28 Contenuti multipli allrsquointerno di una pagina

Avendo creato una pagina potremo in ogni momento svilupparla ulteriormente aggiungendo ulterioricontenuti

Clicchiamo sul menugrave di sinistra sulla voce ldquoPaginardquo in modo da caricare il menugrave centrale contenentelrsquoalberatura del sito

Clicchiamo sul titolo della pagina da modificare con il pulsante sinistro oppure con il destro e scegliamoldquomodificardquo

A destra si apriragrave il nostro ambiente di lavoro come nella figua Modifica contenuto normale (page 17)

Vedremo in pratica la stessa schermata proposta per la creazione di una nuova pagina con lrsquoaggiunta dialcune icone come indicato in figura

1 Modifica

2 Nuovo record

3 Cerca Stringa

Cliccando su Modifica comrsquoegrave intuibile saremo riportati nella pagine dellrsquoeditor dove potremo modificareil nostro testo link immagini ecc

Cliccando su nuovo record invece avremmo la possibilitagrave di aggiungere un nuovo contenuto alla paginae nella posizione che sceglieremo

28 Contenuti multipli allrsquointerno di una pagina 16

DocWeb Release 101

Figura 219 Modifica contenuto normale

28 Contenuti multipli allrsquointerno di una pagina 17

DocWeb Release 101

Il contenuto non avragrave vincoli con i record precedenti pur apparendo nella stessa pagina del frontend Ciogravegarantisce una vantaggiosa gestione delle pagine che suddivise in ldquosezionirdquo potranno essere di volta involta pubblicate cancellate modificate a blocchi di contenuto senza toccare lrsquointera pagina

Si potragrave suddividere la stessa pagina in diverse aree (record) ossia ldquocontenuti multiplirdquo via via aggiornabilianche da altri utenti di redazione

Ersquo inoltre possibile effettuare una ricerca su di un contenuto di tipo testuale allrsquointerno delle pagine edei record utilizzando il campo ldquoCerca Stringardquo La ricerca puograve essere effettuata allrsquointerno della paginae dei suoi record ed estesa anche ai livelli inferiori

29 Modifica dei contenuti della pagina

Creata una pagina potremo modificarla ogni volta che saragrave necessario

Per modificare una pagina saragrave sufficiente selezionarla dal menugrave portandosi con il cursore del mouse aldi sopra del titolo e cliccando con il pulsante destro su di essa (figura Modifica pagina (page 18))

Una pagina da modificare potragrave anche essere raggiunta tramite la ricerca dellrsquoID (vedi capitolo 3 Alberodelle pagine)

Scegliere la voce ldquomodificardquo dal menugrave a tendina che si apriragrave dopo il click

Figura 220 Modifica pagina

A destra nellrsquoarea principale si apriragrave la schermata riportante il contenuto della pagina selezionata

Potremo scegliere lrsquoelemento da modificare cliccando sullrsquoicona matita

Nota Ricordarsi sempre di salvare per rendere effettive le modifiche e di ricontrollare la visualizzazionedella pagina modificata

Per modificare lrsquointestazione di una pagina egrave sufficiente selezionare la voce ldquoModifica intestazionirdquo dalmenugrave portandosi con il cursore del mouse al di sopra del titolo e cliccando con il pulsante destro su diesso (figura Menu modifica intestazioni pagina (page 19))

210 Spostamento di pagine

Oltre le modifiche stilistiche testuali e di contenuto di una pagina possiamo modificarne la posizione

29 Modifica dei contenuti della pagina 18

DocWeb Release 101

Figura 221 Menu modifica intestazioni pagina

Per spostare la posizione di una pagina allrsquointerno di un menugrave selezioniamola dal menugrave principale conclick sinistro del mouse

Nella schermata di destra scegliamo lrsquoicona

Si apriragrave un menugrave che ci mostreragrave lrsquoalberatura del nostro sito (esattamente come per lrsquoinserimento diuna nuova pagina) composto da pagine principali (genitori) e pagine ad esse collegate (figli)

A questo punto dovremo solo scegliere dove spostare la pagina muovendoci sulle frecce grigie sottostantie sovrastanti le varie voci di menugrave

Avvertimento Spostando una pagina genitore anche i figli vengono spostati con esso

211 Eliminazione pagine

Per eliminare le pagine egrave sufficiente selezionare la pagina in questione dal menugrave principale cliccando conil pulsante destro del mouse su di essa e scegliere la voce del menugrave a tendina che si apriragrave ldquoCancellardquo

Avvertimento Non egrave possibile cancellare una pagina genitore Ossia non egrave possibile cancellareuna pagina che al suo interno contiene altre pagine prima che questrsquoultime trovino una collocazionealternativa

212 Rich Text Editor

Quando si inserisce un contenuto nellrsquoarea di testo (inserito digitando direttamente allrsquointerno dellrsquoap-posita area o copiato e incollato da fonte esterna con la dovuta cautela) egrave possibile personalizzarlo eformattarlo utilizzando le funzionalitagrave previste dal Rich Text Editor (RTE)

Nota Un testo copiatoincollato da altri programmi va ldquoripulitordquo prima di essere pubblicato poicheacuteil modulo che utilizzeremo tende a mantenere la formattazione originaria del carattere delle immaginidei colori falsando la linea grafica omogenea e standard del nostro portale

In ogni modo quando si salva un documento il cui testo conteneva una formattazione proveniente ad es-empio da un documento di tipo word questo viene automaticamente ldquoripulito nel codicerdquo ed egrave opportunocontrollare la visualizzazione

211 Eliminazione pagine 19

DocWeb Release 101

Proviamo ad inserire ad esempio una semplice frase allrsquointerno del box testo (figura Box testo RTE(page 20))

Figura 222 Box testo RTE

La frase viene digitata direttamente nellrsquoarea testo mantenendo un tipo di formattazione ldquonormalerdquo

2121 Testo grassetto corsivo sottolineato (bold italic underline)

Proviamo a selezionare la frase ldquoProvincia di Pesaro e Urbinordquo tenendo premuto il pulsante sinistro delmouse trascinando il cursore dalla P di Provincia alla o di Urbino

In alternativa portare il cursore alla P di Provincia tenere tasto maiuscolo premuto e muoversi con lefrecce per selezionare il testo

Lrsquoesempio egrave utile per capire che per effettuare una determinata azione di tipo stilistico su una frase oparola egrave necessario che la frase o la parola siano preventivamente selezionate

Figura 223 Comandi box testo RTE

212 Rich Text Editor 20

DocWeb Release 101

Se il testo egrave stato selezionato correttamente vedremo la parola ldquoProvincia di Pesaro e Urbinordquo evidenziatadi blu scuro

Click sinistro sul simboloicona ldquoBrdquo (figura Comandi box testo RTE (page 20)) per creare un effettoldquograssettordquo al testo

Click sinistro sul simboloicona ldquoIrdquo per il corsivo-italico

Click sinistro sul simboloicona ldquoU ldquo per il sottolineato

Nota Il Grassetto dona alle parole un sapore piugrave incisivo e si utilizza per enfatizzare termini importantie di rilievo

LrsquoItalico viene usato comunemente per indicare le date gli indirizzi le citazioni

Il Sottolineato su web viene comunemente usato nelle parole ldquolinkaterdquo (ossia che rimandano ad altrepagine web) per cui se ne sconsiglia lrsquouso in un testo semplice per evitare confusione

2122 Elenco Puntato e Numerato

Portiamoci con il cursore allrsquointerno della box di testo

Selezioniamo lrsquoicona Lista non numerata (Elenco puntato semplice)

Vedremo comparire un simbolo tontoromboidale e potremo dare vita ad una lista

bull Voce 1

bull Voce 2

bull Voce 3 ecc

Allo stesso modo potremo creare una lista numerata avvalendoci dellrsquoicona ldquoLista numeratardquo

Lrsquoelenco viene numerato

1 Voce 1

2 Voce 2

3 Voce 3 ecc

2123 Pulsanti di Annulla e Ripristina

Compiuta una determinata azione egrave possibile tornare indietro o ripristinarla tramite i pulsanti ldquoAnnullalrsquoultima azionerdquo e ldquoRifai lrsquoultima azionerdquo

Piugrave volte si clicca sui pulsanti piugrave volte lrsquoazione viene ripetuta indietro ed avanti nel tempo

2124 Copia Taglia Incolla

Selezionando un testo potremo tagliarlo copiarlo e incollarlo

Copia selezionare il testo utilizzare lrsquoicona ldquocopia selezionerdquo per copiare

Taglia il testo viene eliminato ma resta in memoria per essere eventualmente incollato altrove odefinitivamente cancellato Ersquo possibile tenere in memoria solo lrsquoultimo testo o parola tagliato

Incolla Un testo precedentemente copiato o tagliato puograve essere incollato nuovamente o su diversoambiente

212 Rich Text Editor 21

DocWeb Release 101

2125 Rimuovi Formattazione

Ersquo possibile che il testo importato e incollato nellrsquoarea testo da altra fonte (es documento word) sildquosporchirdquo e ne acquisisca le caratteristiche stilistiche in maniera non corretta

Ersquo necessario pulire il testo selezionandolo e cliccando su ldquorimuovi formattazionerdquo

Si apriragrave un pop-up (nuova finestra) che ci proporragrave diversi elementi da pulire selezioniamo ciograve che ciinteressa e clicchiamo su OK

2126 Inserisci Caratteri Speciali

Alcune volte puograve essere necessario inserire dei caratteri o simboli non presenti sulla tastiera o nonconvenzionali per i quali esiste una mappa di caratteri speciali

Il sistema propone diversi tipi di caratteri speciali tra i piugrave comuni e frequentemente usati per adoperarliegrave sufficiente cliccare sullrsquoapposita icona ldquoInserisci Caratteri Specialirdquo

Una finestra ci mostreragrave una vasta gamma di simboli tra i quali potremo scegliere quello che ci interessa

2127 Inserisci Tabella

Per agevolare lrsquoinserimento di dati numerici in forma ldquoTabellarerdquo si puograve ricorrere allrsquoinserimento di unatabella contraddistinta dallrsquoapposito simbolo

La tabella puograve essere immaginata come una quaderno a ldquoquadrettirdquo dove ogni ldquoscacchettordquo corrispondead una cella

Scegliendo di inserire una tabella si apriragrave una finestra pop-up dove andremo ad inserire parametridi spaziatura fra celle numero di righe e colonne che compongono la tabella spessore del bordoallineamento rispetto alla pagina ecc

2128 Link

Ogni sito egrave composto da pagine consultabili e collegate tra loro tramite link

I link sono i collegamenti presenti sulle voci di menugrave parole immagini ecc

Ersquo possibile collegare pagine appartenenti ad uno stesso sito un indirizzo web di un sito esterno ounrsquoe-mail un file da scaricare un immagine ecc

Nota Immettendo nel testo un indirizzo web o e-mail completo il programma egrave in grado di capireautomaticamente che si tratta di un link e collegare gli elementi automaticamente

Volendo invece collegare elementi non scritti in forma completa si dovragrave procedere come segue

Selezioniamo la parola o frase che vogliamo collegare (come precedentemente visto) e clicchiamo sullrsquoiconaldquoInserisci Linkrdquo

Si apriragrave un pop-up come indicato nella prossima figura

Link ad una pagina interna al sito

La finestra ci propone lrsquoalberatura del nostro sito con le pagine in esso presenti (La voce attiva egraveldquopaginardquo di colore giallomarrone rispetto alle altre voci del pop-up)

Selezionando (figura Link interno (page 23)) la pagina che vorremo collegare il pop-up si chiuderagrave e laparola che avevamo selezionato precedentemente per il link cambieragrave aspetto

La vedremo blu e sottolineata il che indica che il link egrave attivato

212 Rich Text Editor 22

DocWeb Release 101

Figura 224 Link interno

Ersquo anche possibile creare dei link che aprono la pagina collegata allrsquointerno di una ldquofinestra di pop-uprdquocioegrave dentro una nuova finestra del browser Specificando le dimensioni di altezza e larghezza della nuovafinestra allrsquointerno degli appositi campi

Link ad una pagina esterna al sito

Selezioniamo una parola o frase che vogliamo collegare (come precedentemente visto) e clicchiamosullrsquoicona ldquoInserisci Linkrdquo

Scegliamo nel menugrave in alto proposto dal pop-up il bottone ldquoURL esternordquo (figura Link esterno (page 23))

Figura 225 Link esterno

Impostiamo nel campo URL lrsquoindirizzo web che vogliamo linkare prestando attenzione a scriverlo peresteso e senza cancellare http

Clicchiamo su ldquoImposta Linkrdquo

Il pop-up si chiuderagrave e la parola che avevamo selezionato precedentemente per il link cambieragrave aspetto

212 Rich Text Editor 23

DocWeb Release 101

La vedremo blu e sottolineata il che indica che il link egrave attivato

2129 Link ad unrsquoEmail

Come precedentemente visto scrivendo un indirizzo e-mail valido il programma di gestione egrave in grado dicapire che si tratta di un indirizzo di posta elettronica e il link viene impostato automaticamente

Tuttavia ci sono dei casi in cui non egrave possibile o si preferisce non indicare lrsquoindirizzo e-mail per estesoad esempio potremmo avere ldquoPer informazioni scrivicirdquo

Volendo potremmo fare in modo che sulla parola ldquoscrivicirdquo ci sia impostata la funzione di invio e-mail

Selezioniamo quindi la parola andiamo su ldquoInserisci Linkrdquo scegliendo poi ldquoEmailrdquo

Inseriamo lrsquoindirizzo E-mail nellrsquoapposito campo e clicchiamo su ldquoimposta Linkrdquo

21210 Link ad un file scaricabile

Per collegare un file (espdf txt gif ecc) egrave necessario copiarlo dal proprio PC al server web

Non egrave infatti possibile che una pagina pubblicata su internet prenda come link dei files che di fatto sonosalvati in una directory del nostro computer

Typo3 mette a disposizione un area dovrsquoegrave possibile pubblicare i files per poi essere resi disponibili ai linkossia rende disponibile lrsquo ldquoUploadrdquo dei files da pc a server

Scegliere dal menugrave di sinistra sotto la sezione ldquoMediardquo la voce ldquoFilerdquo (figura Seleziona file (page 24))

Figura 226 Seleziona file

Si apriragrave sulla destra una nuova area dove troveremo i campi utili a ldquosfogliarerdquo il contenuto del nostropc al fine di passare i file o i files dal nostro computer al manager

Effettuato il passaggio potremo ritornare alla nostra pagina e riprendere la procedura di ldquocreazione linkrdquoselezionando questa volta la voce ldquoFilerdquo del pop-up

I campi proposti sono del tutto simili a quelli di creazione di link su pagine del sito e un elenco di files(tutti quelli disponibili caricati) potranno essere collegati

213 Modalitagrave Lista

Selezionando la voce ldquolistardquo (figura Backend modalitagrave lista (page 25)) dal menugrave di sinistra egrave possibileesplorare una pagina ldquopadrerdquo e tutte le pagine ldquofiglirdquo ed essa associate

Avvertimento Ricordarsi di attivare la voce in basso ldquoVista Estesardquo

213 Modalitagrave Lista 24

DocWeb Release 101

Figura 227 Backend modalitagrave lista

Utilizzando le icone poste alla destra di ogni voce si possono compiere diverse operazioni di modificavisualizzazione spostamento copia e incolla pagina ecc come precedentemente descritto

Dunque potremo dire che la modalitagrave lista costituisce una scorciatoia per semplificare ogni sorta dioperazione soprattutto in presenza di un numero considerevole di files

214 Modalitagrave Mostra

Figura 228 Backend modalitagrave mostra

Selezionando la voce ldquoMostrardquo (figura Backend modalitagrave mostra (page 25)) dal menugrave di sinistra egrave possibilenavigare il sito allrsquointerno del docweb direttamente nel backend

214 Modalitagrave Mostra 25

DocWeb Release 101

Inoltre accanto ai vari record troveremo posta lrsquoicona matita per eseguire eventuali modifichedirettamente sul punto e la pagina prescelti

Anche la modalitagrave ldquoMostrardquo come la rdquoListardquo (cap 13) costituisce una scorciatoia particolarmente indicataper semplificare lrsquooperazione di visualizzazione del sito e di modifica

215 Modalitagrave ldquoMonta come radice dellrsquoalberordquo

Quando esistono diverse e numerose pagine egrave possibile gestire solo la porzione di contenuto che ci interessariducendo lrsquoalberatura del sito (lato backend) ai minimi termini mediante il comando ldquomonta come radicedellrsquoalberordquo

Per effettuare il comando procedere come segue

Cliccare con il pulsante destro del mouse sul titolo pagina dal menugrave centrale

Selezionare la voce ldquoaltre opzionirdquo dal menugrave a tendina (figuraMenu altre opzioni (page 26)) che compariragravecome conseguenza dellrsquoazione descritta al punto uno

Figura 229 Menu altre opzioni

Selezionare dallrsquoulteriore menugrave che si apriragrave (figura Seleziona monta come radice (page 26)) la voceldquoMonta come radice dellrsquoalberordquo

Figura 230 Seleziona monta come radice

Lrsquoalberatura si ridurragrave automaticamente mostrando solo la porzione selezionata

Per ripristinare lo stato di partenza selezionare la voce in alto nel menugrave centrale (figura Elimina DBmount (page 26)) ldquoElimina DB mount temporaneordquo

Figura 231 Elimina DB mount

Il menugrave si espanderagrave nuovamente mostrando tutte le voci esistenti

215 Modalitagrave ldquoMonta come radice dellrsquoalberordquo 26

DocWeb Release 101

216 Ottenere il page-id di una pagina

2161 Frontend (FE)

Da frontend si puograve ottenere il page-id della pagina corrente nei seguenti modi

1 dalla barra degli indirizzi del proprio browser (figura Id dallrsquourl (page 27)) Il numero della paginaegrave quello dopo la stringa ldquoid=rdquo Nella figura egrave cerchiata in verde la stringa ldquoid=rdquo e il numero dellapagina (page-id)

Figura 232 Id dallrsquourl

2 Puntando il mouse sulla scritta [id] a pieacute pagina e leggendo il tooltip (figura Id dal tooltip (page 27))

Figura 233 Id dal tooltip

3 Solo per browser Firefox dal menugrave di contesto scegliere la voce ldquoVisualizza info paginardquo si apreuna finestra consultare quindi la lista Meta sotto la scheda Generale (Id dagli attributi (page 28))

2162 Backend (BE)

Da backend egrave possibile ottenere il page-id nei seguenti modi

1 leggendo il tooltip puntando il mouse sullrsquoicona della pagina nel riquadro della struttura del sito(figura Id dal tooltip nel backend (page 28))

2 dal modulo di modifica delle intestazioni della pagina (figura Id dalle intestazioni pagina nel backend(page 28)) Il numero egrave tra le parentesi quadre dopo il titolo della pagina

217 Admin Panel

Quando si inseriscono contenuti con Typo3 (backend) egrave possibile visualizzare unrsquoanteprima della paginache si sta creando per vedere i risultati del lavoro svolto

Per visualizzare unrsquoanteprima di una pagina occorre (figura Menu mostra (page 29))

1 posizionarsi sulla pagina da visualizzare

2 premere il tasto sinistro del mouse in corrispondenza del nome

216 Ottenere il page-id di una pagina 27

DocWeb Release 101

Figura 234 Id dagli attributi

Figura 235 Id dal tooltip nel backend

Figura 236 Id dalle intestazioni pagina nel backend

217 Admin Panel 28

DocWeb Release 101

Figura 237 Menu mostra

3 selezionare la voce Mostra

In base alla pagina scelta si avragrave un risultato come quello visualizzato nella figura Anteprima pagina conAdmin panel (page 29)

Figura 238 Anteprima pagina con Admin panel

La pagina presenteragrave nella parte superiore lrsquoanteprima della pagina Nella parte inferiore vienevisualizzato uno strumento denominato Admin Panel

Questo oggetto offre lato front-end alcune funzionalitagrave (figura Moduli Admin panel (page 30)) cheaiutano i gestori di contenuti nella creazionemodifica delle pagine web del sito

NellrsquoAdmin panel (figura sopra) egrave possibile distinguere

217 Admin Panel 29

DocWeb Release 101

Figura 239 Moduli Admin panel

1 Modulo Preview ndash offre la possibilitagrave di selezionare alcune opzioni sulla pagina per simulare alcunesituazioni in cui la pagina si puograve trovare durante la visualizzazione

2 Modulo Cache ndash offre la possibilitagrave di gestire la cache

Allrsquointerno del modulo Preview abbiamo le seguenti voci

Mostra pagine nascoste selezionando la casella di controllo corrispondente a questa voce si visual-izzeranno anche quelle che attualmente non sono visibili allrsquointerno del sito o perchegrave in lavorazioneo perchegrave ancora non egrave stata data lrsquoautorizzazione alla pubblicazione

Mostra record nascosti come per le pagine questa voce offre la possibilitagrave di poter visualizzare allrsquoin-terno della pagina quei contenuti nascosti che non sono ancora ultimati o che sono in attesa di unautorizzazione per la pubblicazione

Simula data con questo controllo egrave possibile simulare il comportamento della pagina in periodi tem-porali diversi Utilizzando la casella di testo egrave possibile inserire delle date In questo modo sirende possibile la visualizzazione di quegli elementi (ad es pagine news ) che sono abilitati acomparirescomparire in base a determinati criteri temporali impostati

Simula gruppo di utenti con questo controllo egrave possibile simulare il comportamento delle pagine inbase ad un determinato gruppo di utenti che vi accede Alcune pagine possono infatti avere uncomportamento diverso in base al tipo di utente che vi accede

Nota Durante la creazione di pagine egrave possibile restringere la visione di una determinata pagina aparticolari tipi di utenti (utenti di frontend) Questa caratteristica offre la possibilitagrave di definire delle areead accesso riservato del sito ossia sezioni del sito a cui egrave possibile accedere solo dopo essersi autenticatie dopo avere avuto i necessari diritti di accesso

Una volta selezionate le opportune scelte allrsquointerno dellrsquoADMIN Panel occorreragrave premere il tasto Aggior-na (figura Aggiorna Admin panel (page 31)) per prendere visione della pagina secondo i criteri impostati

Nota Nel caso in cui lrsquoutente abbia la possibilitagrave di accedere da back-end a piugrave siti (ciascuno con unproprio dominio) bisogna tenere presente che lrsquoADMIN Panel compare soltanto per le pagine relativeal dominio con cui lrsquoutente ha fatto il login In altre parole se un operatore ad esempio egrave abilitatoa lavorare sulle pagine di backend dei siti httpwwwsitoesempio1it e httpwwwsitoesempio2it ese lrsquooperatore accede al backend di DocWeb con lrsquoindirizzo httpwwwsitoesempio1ittypo3 allora

217 Admin Panel 30

DocWeb Release 101

Figura 240 Aggiorna Admin panel

lrsquoADMIN Panel compariragrave solo sulle pagine di frontend del dominio wwwsitoesempio1it e non su quelledel dominio wwwsitoesempio2it

217 Admin Panel 31

CAPITOLO 3

La Clipboard

Lrsquooggetto clipboard (rdquoblocco degli appuntirdquo) egrave molto utile quando si ha la necessitagrave di copiare o spostareuno o piugrave elementi di contenuto o una o piugrave pagine da una sezione del sito (contenitore di pagine) adunrsquoaltra

31 Copia o spostamento di un contenuto singolo di pagina allrsquointernodi unrsquoaltra pagina

Per prima cosa egrave necessario (figura Identifica contenuto (page 32))

Figura 31 Identifica contenuto

1 selezionare la voce Lista

2 selezionare la pagina che contiene il contenuto che si intende copiare (nella figura abbiamo sceltola pagina denominata ldquoCorso di formazione su Typo3rdquo

32

DocWeb Release 101

3 identificare dalla lista dei contenuti associati alla pagina quello da spostare

Supponiamo che si desideri copiare il contenuto denominato ldquoTesto 2rdquo (figura Copia contenuto (page 33))

Figura 32 Copia contenuto

Egrave sufficiente cliccare sullrsquoicona (nella figura sopra evidenziata con un cerchio rosso) di copia incorrispondenza del contenuto da copiare

Dopo avere eseguito questa operazione nella figura Risultato copia contenuto (page 34) possiamo notare

1 Egrave comparsa unrsquoicona nuova che mette in evidenza che nella clipboard egrave presente un elemento

2 Lrsquoicona di copia in corrispondenza del contenuto da spostare ha cambiato aspetto

A questo punto lrsquooggetto che si intende copiare egrave presente nella nostra clipboard

Il passo successivo egrave quello di selezionare la pagina in cui andare a posizionare lrsquoelemento (paginadestinazione)

Rimanendo sempre allrsquointerno del modulo Lista occorreragrave selezionare dallrsquoalberatura delle pagine la pag-ina destinazione Il procedimento da seguire per posizionarsi sulla pagina egrave lo stesso descritto in prece-denza Nella figura Incolla contenuto (page 34) viene evidenziato il contenuto di una pagina (denominataldquoPagina di Provardquo) in cui vogliamo copiare il contenuto

Per copiare il contenuto della clipboard nella pagina selezionare lrsquoicona Incolla contenuto Clipboard

Confermando lrsquooperazione il contenuto saragrave copiato allrsquointerno della pagina selezionata

Per effettuare lo spostamento di un contenuto di pagina allrsquointerno di unrsquoaltra pagina cliccare sullrsquoicona

di Taglia al posto dellrsquoicona copia e ripetere le operazioni sopra descritte

1 Selezionando la casella Mostra clipboard (figura Vista clipboard (page 35)) egrave possibile visualiz-zare lrsquooggetto clipboard Nel caso in figura lrsquoelemento copiato in precedenza (Testo 2) egrave ancoradisponibile allrsquointerno della clipboard Utilizzando il procedimento descritto infatti il contenuto

31 Copia o spostamento di un contenuto singolo di pagina allrsquointerno di unrsquoaltra pagina 33

DocWeb Release 101

Figura 33 Risultato copia contenuto

Figura 34 Incolla contenuto

31 Copia o spostamento di un contenuto singolo di pagina allrsquointerno di unrsquoaltra pagina 34

DocWeb Release 101

selezionato rimane ancora a disposizione dellrsquoutente che potragrave selezionare altre pagine destinazionesu cui eventualmente andare a copiare il contenuto Nel caso in cui si selezioni un altro elementoad esempio ldquoTesto 1rdquo lrsquoelemento presente viene automaticamente sostituito

2 Dallrsquooggetto clipboard egrave possibile rimuovere un elemento premendo il bottone di Elimina postoaccanto ad esso

Figura 35 Vista clipboard

Con il procedimento descritto fino ad ora egrave possibile scegliere soltanto un contenuto alla volta

32 Copia o spostamento di piugrave contenuti da una pagina ad unrsquoaltra

Nel caso in cui ci si trovi nella necessitagrave di copiare piugrave di un contenuto da una pagina allrsquoaltra egrave necessarioseguire i passi seguenti

1 Selezionare il modulo Lista

2 Selezionare la pagina di origine da cui prelevare i contenuti

3 Selezionare la casella Mostra clipboard

4 Selezionare una clipboard tra quelle denominate ldquoClipboard 1rdquo ldquoClipboard 2rdquo ldquoClipboard 3rdquo(punto 3 figura Vista clipboard con contenuto selezionato (page 36))

Selezionando ad esempio la clipboard contrassegnata come ldquoclipboard 1rdquo si avragrave la seguente situazione

32 Copia o spostamento di piugrave contenuti da una pagina ad unrsquoaltra 35

DocWeb Release 101

Figura 36 Vista clipboard con contenuto selezionato

32 Copia o spostamento di piugrave contenuti da una pagina ad unrsquoaltra 36

DocWeb Release 101

1 In corrispondenza di ogni contenuto si evidenzia una Casella di selezione Sopra la colonna con lecaselle di selezione egrave comparsa una lista di bottoni tra cui al momento distinguiamo

2 Bottone di copia elementi nella clipboard

3 Bottone di selezione tuttinessuno

Scegliendo ad esempio i primi due elementi e premendo il pulsante di copia elementi nella clipboard sipuograve notare che (figura Copia nella clipboard (page 37))

Figura 37 Copia nella clipboard

1 La clipboard che abbiamo scelto per la selezione multipla (ldquoClipboard 1rdquo) contiene la lista deglioggetti che abbiamo scelto di copiare

2 Ersquo comparsa lrsquoicona di Incolla contenuto Clipboard

La procedura della selezione della pagina di destinazione rimane identica a quella giagrave utilizzata per lacopia di un contenuto singolo (selezionare la pagina di destinazione su cui andare a posizionare i contenutiselezionati)

Egrave importante fare notare che seguendo le operazioni descritte sopra si ottiene come risultato lospostamento dei contenuti dalla pagina origine a quella destinazione

Se si desidera copiare gli elementi selezionati egrave necessario una volta selezionati gli elementi da copiarepremere il tasto copia gli items invece di spostarli (evidenziato con un cerchio rosso nella figura Tagliadalla clipboard (page 38))

32 Copia o spostamento di piugrave contenuti da una pagina ad unrsquoaltra 37

DocWeb Release 101

Figura 38 Taglia dalla clipboard

32 Copia o spostamento di piugrave contenuti da una pagina ad unrsquoaltra 38

DocWeb Release 101

In questo modo dopo avere confermato lrsquooperazione i contenuti o le pagine da copiare saranno presentisia nella pagina origine che in quella destinazione

32 Copia o spostamento di piugrave contenuti da una pagina ad unrsquoaltra 39

CAPITOLO 4

Modulo DAM (Digital AssetManagement)

Il modulo DAM (Digital Asset Management) offre la possibilitagrave di raccogliere e catalogare contenuti informato digitale come immagini documenti presentazioni

Ogni file inserito puograve essere corredato di informazioni aggiuntive (meta-informazioni) come la descrizionelrsquoautore parole chiave ecc

Attraverso il modulo DAM egrave possibile svolgere le seguenti operazioni

bull Caricamento e Aggiornamento di file

bull Ricerca di file allrsquointerno del DAM e modifica delle meta-informazioni associate ai file

41 Caricamento e Aggiornamento di file

Lrsquooperazione di CaricamentoAggiornamento di file serve per sottoporre al sistema DAM un particolarecontenuto memorizzato in formato digitale

Lrsquoelemento caricato saragrave poi disponibile a chi inserisce contenuti

Per iniziare lrsquooperazione di caricamento di un file egrave sufficiente selezionare la voce File che si trovaallrsquointerno del modulo Media (figura Menu file (page 41))

La maschera che si apre (figura File upload (page 41)) offre le seguenti possibilitagrave

1 Selezione della posizione dove andare a caricareaggiornare il file

2 Specificare alcuni documenti da caricare (area File)

Concentrandoci sullrsquoarea File (figura Dettaglio file upload (page 42)) distinguiamo

1 Voce Show upload location browser (punto 1 figura sopra) egrave possibile visualizzare i file attualmentecaricati nel Mount Point selezionato

2 Lista di bottoni denominati Sfoglia da utilizzare nel caso in cui si desideri caricareaggiornareun file

Se si desidera caricare un file occorre cliccare sul bottone Sfoglia

La finestra che appare (figura Sfoglia file (page 42)) permette di selezionare dal proprio PC il file dacaricare

Per selezionare un file da caricare occorre

1 Esplorare le cartelle del proprio PC per trovare il file

40

DocWeb Release 101

Figura 41 Menu file

Figura 42 File upload

41 Caricamento e Aggiornamento di file 41

DocWeb Release 101

Figura 43 Dettaglio file upload

Figura 44 Sfoglia file

41 Caricamento e Aggiornamento di file 42

DocWeb Release 101

2 Inserire il nome del file nella casella di testo Nome file

3 Premere il tasto Apri

Una volta che si egrave selezionato un file egrave possibile

1 selezionare altri file da caricare seguendo gli stessi passi descritti in precedenza

2 effettuare lrsquooperazione di caricamento del file vero e proprio

Dallrsquoesempio abbiamo scelto di caricare un solo file

Il caricamento dei file viene eseguito premendo il bottone ldquoUpload filesrdquo che si trova in fondo alla listadei file selezionati (figura File selezionato (page 43))

Figura 45 File selezionato

Se tutto egrave stato eseguito correttamente appariragrave una finestra come quella nella figura Process files(page 44)

In questa maschera egrave possibile

1 Specificare le meta-informazioni per il singolo file come ad esempio il titolo parole chiavedescrizione

2 Avviare il processo di elaborazione multipla premendo il bottone Process selected files Con questoprocesso egrave possibile inserire o modificare le meta-informazioni per tutti i file della lista (in questocaso solo uno)

Se si vuole eseguire lrsquoinserimento delle meta-informazioni per singolo file la finestra che si apre egrave similea quella presentata in figura Elaborazione metainformazioni singolo file (page 44)

Nel caso si scelga di eseguire il processo di elaborazione multipla la maschera che compare (figuraElaborazione metainformazioni file multipli (page 45)) permette di selezionare le meta-informazioni chelrsquoutente intende inserire contemporaneamente per tutti i file della selezione

41 Caricamento e Aggiornamento di file 43

DocWeb Release 101

Figura 46 Process files

Figura 47 Elaborazione metainformazioni singolo file

41 Caricamento e Aggiornamento di file 44

DocWeb Release 101

Figura 48 Elaborazione metainformazioni file multipli

41 Caricamento e Aggiornamento di file 45

DocWeb Release 101

Se si seleziona la checkbox accanto alla voce che eventualmente saragrave inserita questa viene aggiuntaalle informazioni eventualmente giagrave presenti (modalitagrave append) Nellrsquoaltro caso le informazioni sarannosovrascritte

I campi Titolo e Descrizione sono obbligatori mentre il campo Parole chiavi puograve essere valorizzato adiscrezione dellrsquoutente Informazioni su come valorizzare i campi elencati sopra saranno descritte suapposite linee guida

Per completare lrsquoinserimentoaggiornamento delle meta-informazioni riguardanti il file caricato occorrepremere il tasto Send (figura Salva metainformazioni (page 46)) in fondo alla maschera per il salvataggiodelle informazioni

Figura 49 Salva metainformazioni

Tornando alla maschera di caricamento file e selezionando la checkbox in corrispondenza della voceSovrascrivi file esistenti (figura Carica file sovrascrivendo (page 46)) saragrave possibile aggiornare eventualifile che hanno lo stesso nome di quello che stiamo caricando

Questa procedura egrave utile quando si vuole aggiornare il contenuto di un file che egrave giagrave presente nel DAM

Figura 410 Carica file sovrascrivendo

Nel caso di aggiornamento di un file le meta-informazioni del file rimangono le stesse inserite inprecedenza Come si puograve notare non viene offerta la possibilitagrave di inserirne di nuove

Nel caso in cui un file con lo stesso nome sia giagrave caricato e non si desideri aggiornarlo il file inseritoper ultimo viene rinominato con un suffisso generato automaticamente dal DAM In questo caso la voceSovrascrivi file esistenti non deve essere selezionata (figura Carica file senza sovrascrivere (page 47))

Nellrsquoesempio in figura viene presentata la lista dei file presenti nel mount point selezionato

Da notare la presenza di un file che egrave stato rinominato dal DAM con un suffisso ldquo_01rdquo dato che nellastessa posizione era giagrave presente un file con lo stesso nome

41 Caricamento e Aggiornamento di file 46

DocWeb Release 101

Figura 411 Carica file senza sovrascrivere

41 Caricamento e Aggiornamento di file 47

DocWeb Release 101

42 Ricerca di file allrsquointerno del DAM e modifica delle meta-informazioni

Rimanendo sempre allrsquointerno del modulo Media selezioniamo la voce List egrave possibile effettuare dellericerche dei file e modificare le meta-informazioni associate ai file

Nella figura Backend media list (page 48) distinguiamo

Figura 412 Backend media list

1 Parte relativa ai Mount Point disponibili

2 Parte relativa ai tipi di file caricati nel sistema

3 Schede List Thumbnails Selection Process

Da questa sezione egrave possibile effettuare ricerche sui file caricati nel DAM

Le ricerche che si possono eseguire sono del tipo ldquotrova tutti i file pdf e docrdquo oppure ldquoelenca tutti i filedi tipo immagine ad eccezione dei file con estensione gifrdquo

Per prima cosa facendo click sul nome del tipo file (es gif oppure image) si seleziona solo quel tipo difile e si escludono tutti i criteri selezionati in precedenza

Per aggiungere un altro criterio di ricerca egrave sufficiente selezionare il ldquo+rdquo (punto 1 nella figura Criteri diselezione (page 49)) posto accanto al tipo di file che si vuole selezionare

Con il ldquo-ldquo(punto 2) saragrave possibile rimuovere il tipo di file dai criteri di ricerca

Selezionando ldquo=rdquo (punto 3) egrave possibile introdurre clausole del tipo ldquocerca un file che sia doc e presentenel Mount Point chiamato lsquoArea Testrsquordquo (ossia effettua una ricerca che risponda a tutti i criteri impostati)

Nellrsquoesempio della figura Salva selezione (page 49) sono stati selezionati tutti i tipi di immagine adeccezione dei file con estensione gif Questo risultato si ottiene nel seguente modo

1 selezionare il ldquo+rdquo accanto alla voce ldquoimagerdquo

2 premendo il tasto ldquo-ldquo in corrispondenza della voce ldquogifrdquo

I criteri impostati per la selezione possono essere salvati per un uso futuro Per salvare la selezioneoccorre (figura Salva selezione (page 49))

1 riempire il campo sotto la voce SELECTION con un nome che identifichi la ricerca

2 premere il tasto Save per salvare la modalitagrave di ricerca impostata

In questo modo saragrave possibile richiamare e rieseguire la ricerca impostata anche in futuro senza doverripetere il procedimento di scelta dei criteri mostrato in precedenza

42 Ricerca di file allrsquointerno del DAM e modifica delle meta-informazioni 48

DocWeb Release 101

Figura 413 Criteri di selezione

Figura 414 Salva selezione

42 Ricerca di file allrsquointerno del DAM e modifica delle meta-informazioni 49

DocWeb Release 101

Se in futuro saranno inseriti nuovi file che soddisfano la ricerca salvata questi verranno selezionati quandoverragrave richiamata la ricerca salvata

Dalla figura Ricerca salvata (page 50) egrave possibile notare come richiamare la ricerca salvata In questocaso abbiamo salvato la ricerca con il nome ldquoimmaginisenzagifrdquo

Figura 415 Ricerca salvata

Una volta che si egrave selezionata la ricerca egrave possibile

1 Premere il tasto Load per ricaricare la ricerca precedentemente impostata

2 Premere Remove per rimuovere la ricerca salvata

Una volta effettuata una particolare selezione di file egrave possibile (figura Schede backend media list(page 50))

Figura 416 Schede backend media list

1 vedere il contenuto della selezione (schede List e Thumbnails)

2 vedere i criteri impostati per la ricerca (scheda Selection)

3 modificare le meta-informazioni associate ai file (scheda Process) secondo quanto descritto inprecedenza

Nella figura Scheda selection (page 51) egrave visualizzato come selezionando la scheda Selection egrave possibileprendere visione dei criteri impostati nella ricerca (la ricerca egrave quella dellrsquoesempio precedente)

Selezionando le schede List e Thumbnails dopo avere effettuato una qualsiasi selezione si potrebbe avereuna situazione come quella mostrata nella figura Scheda list (page 51)

Cliccando sullrsquoicona corrispondente ad uno dei file presenti nella lista (selezionato con un cerchio rosso)egrave possibile accedere ad un menugrave contestuale (figura Menu contestuale DAM (page 51))che permette disvolgere le seguenti operazioni

Modifica Offre la possibilitagrave di visualizzare e modificare le meta-informazioni associate al file

Rinomina Selezionando la seguente voce egrave possibile assegnare un altro nome al file che si egrave caricato

Replace file Avvia lrsquooperazione di sostituzione del file

Info Visualizza informazioni relative al file

Cancella Rimuove il file dal DAM

42 Ricerca di file allrsquointerno del DAM e modifica delle meta-informazioni 50

DocWeb Release 101

Figura 417 Scheda selection

Figura 418 Scheda list

Figura 419 Menu contestuale DAM

42 Ricerca di file allrsquointerno del DAM e modifica delle meta-informazioni 51

CAPITOLO 5

Modulo Pagine di download

51 Inserimento e configurazione pagine di download

La creazione di pagine di download egrave utile quando si vuole mettere a disposizione una lista di uno o piugravefile in forma scaricabile

Per creare una pagina di download egrave necessario seguire i seguenti passi

1 Creare una pagina standard

2 Inserire il plugin DAM Download List

3 Configurare il plugin

Per creare una pagina egrave sufficiente entrare nel modulo Pagina e selezionare Crea nuovo record per accederealla finestra di creazione pagine

Nellrsquoesempio in figura Backend creazione contenuto (page 52) egrave stata creata la pagina denominata ldquoPaginadownloadrdquo come figlio della pagina ldquoPagina di provardquo

Figura 51 Backend creazione contenuto

Una volta creata la pagina occorre configurarla in maniera tale da permettere la visualizzazione di unalista di file scaricabili Per fare ciograve occorre inserire un plugin denominato ldquoDAM Download Listrdquo Unplugin egrave un contenuto speciale da inserire in una pagina

52

DocWeb Release 101

Per inserirlo come per un contenuto occorre seguire i seguenti passi (figura Backend creazione contenuto(page 52))

1 Selezionare la pagina in cui inserire il plugin Nellrsquoesempio la pagina denominata ldquoPaginadownloadrdquo

2 Selezionare la voce Clicca qui per il wizard nella maschera che compare quando si vuole inserire unnuovo record

Figura 52 Wizard nuovo contenuto

Oltre ai normali contenuti standard il wizard permette di selezionare (figura Wizard nuovo contenuto(page 53))

1 Contenuti speciali

2 Moduli

3 Plugins

Allrsquointerno della lista dei Plugins selezionare DAM Lista dei file scaricabili (punto 4 nella figura Wizardnuovo contenuto (page 53))

Dopo aver selezionato il plugin occorreragrave selezionare la posizione della pagina in cui inserire lrsquoelemento

Selezionare ldquoNormalerdquo

A questo punto il plugin egrave inserito nella pagina desiderata

51 Inserimento e configurazione pagine di download 53

DocWeb Release 101

Oltre allrsquoinserimento occorre configurare il plugin in modo da dirgli quali file far visualizzare

Una volta che il plugin viene inserito viene aperta una finestra (figura Contenuto pagina (page 54)) doveviene richiesto di selezionare dei file inseriti nel sistema

Figura 53 Contenuto pagina

Per proseguire correttamente egrave necessario salvare immediatamente il Contenuto Pagina altrimenti leoperazioni successive potrebbero andare perse

Per inserire i file nella lista occorre effettuare la seguente operazione (figura Contenuto pagina (page 54))

1 Nella parte della maschera denominata DAM Lista di file scaricabili selezionare lrsquoicona SfogliaRecord (cerchiata in rosso) per avviare la procedura di selezione dei file

Selezionando la voce Sfoglia Record verragrave aperto lrsquoElement Browser di TYPO3 che ci permette di se-lezionare i file da inserire nel plugin La finestra (figura Element browser (page 55)) egrave composta di dueschede

1 Media ndash permette di selezionare i file giagrave esistenti nel sistema

2 Upload ndash permette di caricare nuovi file

Selezionando la sezione Media egrave possibile selezionare dalla lista i file da inserire

51 Inserimento e configurazione pagine di download 54

DocWeb Release 101

Figura 54 Element browser

Se la lista dei file fosse troppo lunga egrave possibile effettuare delle ricerche per nome e per tipologia di file(doc htm )

Per cercare per nome (figura Ricerca per nome (page 55)) occorre inserire nella casella di testo Cercastringa (punto 1 nella figura sopra) il nome o parte del nome del file da cercare Una volta specificata lastringa di ricerca premere il tasto Cerca (punto 2)

Figura 55 Ricerca per nome

Per cercare un particolare tipo di file selezionare il nome dellrsquoestensione che si desidera dallrsquoelenco deitipi di file (figura Ricerca per tipo (page 56))

Nota I due tipi di ricerca possono essere usati contemporaneamente

Selezionando la voce informazioni (punto 1 nella figura Selezione file (page 56)) egrave possibile visualizzarele meta-informazioni associate al file

Premendo con il mouse sul nome del file (punto 2) o sullrsquoicona associata (punto 3) si inserisce il file nellalista dei file da far visualizzare nella pagina di download mediante lrsquoapposito plugin

Selezionando la scheda Upload si puograve inserire un file non presente nel sistema (figura Caricamentoimmediato file (page 56))

51 Inserimento e configurazione pagine di download 55

DocWeb Release 101

Figura 56 Ricerca per tipo

Figura 57 Selezione file

Figura 58 Caricamento immediato file

51 Inserimento e configurazione pagine di download 56

DocWeb Release 101

Scegliere i file dal proprio PC seguendo le operazioni giagrave descritte nel modulo DAM e selezionare dallascheda Media i nuovi file inseriti

Nella figura Plugin con file selezionati (page 57) egrave visualizzato un esempio di maschera di configurazionedel plugin con la lista dei file selezionati

Figura 59 Plugin con file selezionati

I file una volta inseriti possono essere ordinati selezionando sugli appositi bottoni posti a destra dellalista file

bull Per ordinare un determinato file occorre

bull Selezionare un file

Premere uno dei tasti (figura sopra) per

1 Spostare in prima posizione

2 Spostare in alto di una posizione

3 Spostare in basso di una posizione

4 Spostare in ultima posizione

5 Rimuovere dalla lista il file selezionato

Una volta eseguiti i passaggi sopra descritti salvare la configurazione del plugin

51 Inserimento e configurazione pagine di download 57

CAPITOLO 6

Modulo Sitemap

Ersquo possibile generare una mappa del sito scegliendo un contenuto speciale di tipo ldquoMappa del Sitordquo comemostrato nella figura Contenuto mappa del sito (page 58)

Figura 61 Contenuto mappa del sito

Per scegliere un record di tipo ldquomappa del sitordquo (per visualizzare cioegrave la vista dei contenuti possibili)saragrave necessario portarsi in modalitagrave ldquopaginardquo compiendo gli stessi passaggi descritti per la creazione dicontenuti semplici in fase di creazione delle pagine (in questo caso selezionando il contenuto specialemappa)

58

DocWeb Release 101

61 Scheda di configurazione Mappa

La scheda di configurazione si presenta come nella figura Scheda mappa del sito (page 59)

Figura 62 Scheda mappa del sito

I campi fondamentali da personalizzare sono lrsquointestazione (ossia il titolo pagina) il tipo di menugrave e ilpunto di partenza Nellrsquointestazione viene inserito come di consuetudine il titolo pagina

62 Tipo di mappa

Ersquo possibile scegliere il tipo di mappa che si desidera creare consultando il menugrave a tendina ldquotipo di menugraverdquoche ci offriragrave diverse opzioni

Le piugrave frequentemente usate sono di tipo ldquoMenugrave delle sottopagine rdquo come indicato nella figura Tipo dimenu (page 60)

Menugrave delle sottopagine di queste pagine Scegliendo questa opzione da una pagina padre sigenereragrave un record che mostreragrave al suo interno tutte le sottovoci figlio con relativo link

Menugrave delle sottopagine di queste pagine (con abstract) Genera una mappa sia delle sottopagineche dei sottotitoli

Menugrave delle sottopagine di queste pagine + sezioni Genera una mappa sia delle sottopagine chedei record (link alle intestazioni dei singoli record)

Selezionando voci di menugrave di sottopagine egrave anche possibile stabilire un determinato punto di partenzasfogliando lrsquoapposito record

61 Scheda di configurazione Mappa 59

DocWeb Release 101

Figura 63 Tipo di menu

63 Il ldquopunto di partenzardquo della mappa

Il ldquopunto di partenzardquo dei Menugrave delle sottopagine Scheda mappa del sito (page 59) costituisce la paginadalla quale il sistema partiragrave per creare la mappa

Si potragrave quindi creare una mappa (di tipo menugrave delle sottopagine) che mostri solamente il percorso diquella porzione di menugrave che si intende mostrare

63 Il ldquopunto di partenzardquo della mappa 60

CAPITOLO 7

Modulo News

71 Inserimento e modifica di news

Alcune sezioni del nostro sito potrebbero essere state configurate per permettere la visualizzazione dinotizie

Per poter visualizzare le news correttamente occorre che queste ultime vengano inserite in una determi-nata posizione allrsquointerno del backend Da questa posizione che chiameremo repository delle news lenostre pagine andranno a prelevare le news da visualizzare al loro interno

Figura 71 Backend news

Nellrsquoesempio presentato nella figura Backend news (page 61) distinguiamo

1 il repository delle news che egrave stato creato

2 Un esempio di come potrebbe apparire il contenuto del repository delle news (lista delle news)

Per poter visualizzare il contenuto del repository delle news occorre seguire i seguenti passi

1 entrare nel modulo Pagina

61

DocWeb Release 101

2 selezionare il repository delle news corrispondente (nellrsquoesempio della figura Backend news (page 61)il Repository delle news si chiama ldquoNews Area Testrdquo)

Poniamo ora la nostra attenzione alla lista delle news (figura Lista news (page 62)) Da qui egrave possibile

bull Inserire una nuova notizia

bull Modificare le notizie giagrave esistenti

Per inserire una nuova notizia occorre selezionare la voce Crea nuovo record (figura Lista news (page 62))posta in fondo alla lista delle news

Figura 72 Lista news

A questo punto si apre la finestra di creazione Nuovo record da cui occorre selezionare la voce News(figura Nuovo record news (page 62))

Figura 73 Nuovo record news

Eseguendo le operazioni sopra descritte si accede alla maschera di inserimento news (figura Inserimentonews scheda generale (page 63))

Questa si compone di due schede una denominata Generale e unrsquoaltra denominata Relations

Nella scheda Generale egrave possibile inserire

Titolo in questo spazio egrave possibile specificare un titolo della news

Nascondi questo controllo determina se la news egrave pubblicabile oppure no Come avviene per le pagineanche per le news egrave consigliabile tenere la news nascosta durante la lavorazione Facciamo notare

71 Inserimento e modifica di news 62

DocWeb Release 101

Figura 74 Inserimento news scheda generale

71 Inserimento e modifica di news 63

DocWeb Release 101

che appena viene aperta la maschera di inserimento di una nuova news il controllo appare giagrave instato nascosto

Dataora in questo spazio viene indicata la data e lrsquoora della creazione della news in base ai parametridi sistema

Data Archiviazione in questo spazio viene inserita la data di Archiviazione di una news

Autore permette di specificare un autore della news

Email permette di specificare un e-mail a cui fare riferimento

Sottointestazione questo campo conterragrave una breve descrizione (abstract) della news La sottointes-tazione egrave quella parte della news che compare quando viene visualizzata la lista delle news e serveper dare una breve descrizione al contenuto della news (si veda Esempio news (page 64))

Figura 75 Esempio news

Durante lrsquoinserimento di una news egrave consigliabile specificare sempre una sottointestazione

Testo egrave il campo che contiene il contenuto vero e proprio della news Egrave possibile utilizzare tutte lefunzionalitagrave messe a disposizione dallrsquoeditor RTE

72 Modalitagrave Relations

Nella modalitagrave Relations (figura Inserimento news scheda relations (page 65)) egrave possibile inserire

Immagini contiene una lista di immagini da associare alla news Il procedimento per la se-lezionecaricamento delle immagini egrave stato descritto nella parte dedicata alla creazione di paginedi download a cui vi rimandiamo

Didascalia permette di specificare una descrizione per lrsquoimmagine associata alla news

Image alttext e Image titletext permette di specificare un testo che in visualizzazione (Frontend)compariragrave al passaggio del mouse sopra lrsquoimmagine

News correlate permette di specificare news o pagine del sito da associare alla news Il procedimentodi selezione delle news da associare alla notizia saragrave spiegato successivamente

DAM elements permette di assegnare alla news dei documenti da scaricare come per esempioil programma di un determinato evento Anche in questo caso il procedimento per la se-lezionecaricamento dei documenti egrave quello giagrave descritto nella parte dedicata alla creazione dipagine di download

Descriviamo il procedimento da seguire per associare alcune pagine o alcune news alla notizia che stiamoinserendo

Premere il tasto di Sfoglia Record evidenziato nella figura Sfoglia record news (page 65)

Verragrave aperta una finestra che contiene un Element Browser che ci permette di selezionare le newspagine(figura Element browser news (page 66)) da associare

La finestra di selezione si suddivide nelle seguenti parti (figura sopra)

Alberatura del sito da cui egrave possibile esplorare gli elementi del nostro sito (pagine sysfolder )Premendo con il tasto sinistro del mouse sul nome della pagina o sulla freccia corrispondente verragraveaggiornata la parte di destra della finestra in cui egrave inserita la lista degli elementi associabili

72 Modalitagrave Relations 64

DocWeb Release 101

Figura 76 Inserimento news scheda relations

Figura 77 Sfoglia record news

72 Modalitagrave Relations 65

DocWeb Release 101

Figura 78 Element browser news

Lista degli elementi associabili egrave quindi possibile selezionare gli elementi da associare alla newsPer associare un elemento si puograve selezionare il simbolo ldquo+rdquo posto accanto allrsquoelemento desideratoo agendo sul nome del file Nel primo caso lrsquoelemento viene aggiunto ma la finestra non si chiuderagrave(utile per effettuare selezioni multiple) mentre nel secondo caso lrsquoelemento viene aggiunto e lafinestra si chiuderagrave (selezione singola)

Nota Per associare una o piugrave news alla notizia che stiamo inserendo occorreragrave innanzitutto selezionareil repository delle news e utilizzando i metodi descritti in precedenza indicare le news di interesse

Nella figura Selezione repository (page 66) viene visualizzato come appare lrsquoElement Browser dopo averselezionato il repository delle news denominato ldquoNews Corso Typo3rdquo

Figura 79 Selezione repository

Una volta ultimato il procedimento di inserimento di una news vedremo che nel repository compariragrave(figura News nel repository (page 67)) anche quella da noi creata Nellrsquoesempio la news creata si chiamaldquoTitolo della news di provardquo

Dalla lista delle news possiamo notare che i diversi tipi di news sono contrassegnati con icone diverse

In particolare distinguiamo

72 Modalitagrave Relations 66

DocWeb Release 101

Figura 710 News nel repository

bull News (icona ldquocelestinardquo)

bull Collegamento a URL esterna (icona ldquorosardquo)

bull Collegamento a pagina interna (icona ldquogiallinardquo)

Per modificare il contenuto di una news egrave sufficiente selezionare il simbolo di modifica (figura Modificanews (page 67)) in corrispondenza della news da modificare

Figura 711 Modifica news

73 News collegata a URL esterna e a pagina interna

Attraverso la selezione della finestra ldquoTipordquo egrave possibile scegliere diverse tipologie di news

Nella figura News collegata a url esterna (page 68) egrave stato selezionato il Collegamento a URL esterna checi offriragrave la possibilitagrave di specificare un link (ldquoURL esternordquo) da far visualizzare e che saragrave contraddistintain lista da lrsquoicona di colore rosa

Selezionando il Collegamento a pagina interna viene offerta la possibilitagrave di inserire un collegamento auna pagina del sito (evidenziato nella figura News collegata a pagina interna (page 69))

La news si presenteragrave con icona di color ldquogiallordquo e al suo interno conterragrave un link alla pagina interna alsito

73 News collegata a URL esterna e a pagina interna 67

DocWeb Release 101

Figura 712 News collegata a url esterna

73 News collegata a URL esterna e a pagina interna 68

DocWeb Release 101

Figura 713 News collegata a pagina interna

73 News collegata a URL esterna e a pagina interna 69

DocWeb Release 101

74 Eliminazione delle News

Per eliminare una news possiamo procedere tra lrsquoaltro in due modi

1 Selezionare la news da eliminare dallrsquoelenco e selezionare la voce ldquocancellardquo dal menugrave a tendinaconsultabile cliccando con il pulsante destro sullrsquoicona in corrispondenza della news (figura Eliminanews da menu contestuale (page 70))

Figura 714 Elimina news da menu contestuale

2 Entrare allrsquointerno della modalitagrave di modifica della news attraverso lrsquoicona ldquomatitardquo e selezionare lrsquoi-cona raffigurante il bidone di elimina posta in alto pagina (figura Elimina news da scheda contenuto(page 70))

Figura 715 Elimina news da scheda contenuto

75 Ordinamento delle News e ricerca

Puograve essere necessario durante la visualizzazione della lista delle news (lato backend) di dover effettuaredegli ordinamenti al fine di permettere una ricerca piugrave veloce delle news da modificare

74 Eliminazione delle News 70

DocWeb Release 101

Avvertimento Lrsquoordinamento ha valore solo come ricerca allrsquointerno del backend mentre latofrontend rispecchieragrave i parametri prestabiliti dal sistema

Supponiamo per esempio di voler effettuare un ordinamento per Titolo Seguiamo i seguenti passi(figura sotto)

1 Selezionare la voce di menugrave Lista

2 Selezionare il deposito delle news (repository) News Corso Typo3

3 Cliccare con il mouse in corrispondenza della voce ldquoTitolordquo

A questo punto (figura Ordinamento news (page 71)) le news vengono ordinate in ordine crescente(vengono visualizzate prima le news con titolo che inizia con la lettera a b e cosigrave via)

Figura 716 Ordinamento news

Se clicchiamo unrsquoaltra volta sulla voce ldquoTitolordquo il tipo di ordinamento cambia da crescente a decrescente(compariranno per prima le news con titolo che inizia per z )

Egrave inoltre possibile ordinare secondo campo da noi specificato Per definire il nome di un campo (ad estesto inizio autore ) su cui effettuare lrsquoordinamento occorreragrave spostarsi in fondo alla lista delle newsdove troveremo una lista di campi (figura Mostra campo aggiuntivo news (page 71))

Figura 717 Mostra campo aggiuntivo news

Dalla lista possiamo

bull Selezionare la voce in base alla quale effettuare lrsquoordinamento (ad esempio Immagini)

bull Premere il tasto Imposta campi per aggiungere alla lista dei campi visualizzati quello selezionato

75 Ordinamento delle News e ricerca 71

DocWeb Release 101

A questo punto il campo selezionato (nel nostro esempio il campo Immagini) compare nella lista dellenews (il campo aggiunto egrave evidenziato con un riquadro in alto a destra nella figura Ordinamento campoaggiuntivo news (page 72))

Figura 718 Ordinamento campo aggiuntivo news

Effettuare le stesse operazioni illustrate per il campo Titolo per ordinare in modo crescente e decrescentele news secondo il criterio impostato (click pulsante sinistro sul nome etichetta)

Egrave anche possibile ricercare le news in base al testo contenuto nel titolo sottotitolo descrizione eccUtilizzando la maschera di ricerca in fondo pagina (evidenziata nella figura Ricerca news (page 72))

Figura 719 Ricerca news

Per effettuare una ricerca egrave necessario seguire i seguenti passi

1 Inserire nel campo Cerca Stringa il testo da cercare (nel nostro esempio ldquonequerdquo)

2 Premere il tasto Cerca per eseguire la ricerca secondo i criteri impostati

In questo modo nella lista delle news compariranno solo quelle che contengono il testo specificatoEffettuata la ricerca egrave possibile effettuare degli ordinamenti come spiegato in precedenza

75 Ordinamento delle News e ricerca 72

CAPITOLO 8

Modulo Eventi

Avvertimento SEZIONE NON COMPLETA

Si confrontino i seguenti due tipi di contenuti

Evento egrave un tipo di contenuto adatto a descrivere qualcosa che accadragrave o che egrave accaduto in una certadata La data o le date in cui lrsquoevento ricorre sono strettamente legate ad un luogo in cui lrsquoeventosi verificheragravesi egrave verificato Gli eventi vengono rappresentati mediante la metafora dellrsquoagenda edel calendario

Notizia egrave un tipo di contenuto caratterizzato dalla data di pubblicazione secondo la metafora delgiornale online E come in un giornale online una notizia puograve riferirsi sia a fatti giagrave accaduti chea fatti a venire

Nota Per comprendere meglio la differenza tra i due tipi di contenuto si pensi che dato un eventoche ha una certa data di svolgimento (ad es 20 maggio) di tale evento posso realizzare piugrave di unanotizia Rimanendo nellrsquoesempio potrei pubblicare una notizia il 10 maggio per preannunciare lrsquoeventoe poi unrsquoaltra il 18 maggio per ricordarne lrsquoimminenza Infine potrei pubblicare una notizia di riepilogo(cronaca dellrsquoevento immagini ecc) il 22 maggio

81 Scopo del modulo Eventi

Il visitatore del sito deve poter cogliere le informazioni essenziali di un evento

bull Cosa sta per succedere

bull Dove accadragrave

bull Quando accadragrave

82 Il Backend ndash Modulo Pagina

Vedi figura Eventi vista modulo pagina (page 74)

83 Il Backend ndash Modulo Lista

Vedi figura Eventi vista modulo lista (page 74)

73

DocWeb Release 101

Figura 81 Eventi vista modulo pagina

Figura 82 Eventi vista modulo lista

83 Il Backend ndash Modulo Lista 74

DocWeb Release 101

84 Creazione di un evento

Prima di procedere poniamoci qualche domanda

bull Lrsquoevento appartiene a qualche rassegna iniziativa per la quale sono in programma altri eventiPer esempio

ndash Rassegne teatrali cinematografiche

ndash Festival

bull Lrsquoevento si ripete

ndash La replica avviene sempre nello stesso luogo

841 Creazione del record

Vedi figura Creazione nuovo evento (page 75)

Vedi figura Creazione nuovo record evento (page 76)

Figura 83 Creazione nuovo evento

842 Scheda ldquoGeneralerdquo

Vedi figura Evento scheda generale (page 76)

843 Scheda ldquoFinestra temporalerdquo

Orario repliche

Vedi figura Evento finestra temporale (page 78)

84 Creazione di un evento 75

DocWeb Release 101

Figura 84 Creazione nuovo record evento

Figura 85 Evento scheda generale

84 Creazione di un evento 76

DocWeb Release 101

bull Lrsquoorario va solo per le Finestre temporali di un giorno (data inizio = data fine)

bull Se non si conosce lrsquoora della fine impostare ora inizio = ora fine

844 Scheda ldquoTestordquo

Vedi figura Evento scheda testo (page 79)

84 Creazione di un evento 77

DocWeb Release 101

Figura 86 Evento finestra temporale

84 Creazione di un evento 78

DocWeb Release 101

Figura 87 Evento scheda testo84 Creazione di un evento 79

  • Introduzione
    • Cosegrave DocWeb
    • Concetti chiave
      • Funzionalitagrave di Base
        • Il CMS Typo3 ldquobackendrdquo e ldquofrontendrdquo
        • Cambio password di accesso
        • Albero delle pagine
        • Implementazione delle pagine ldquogenitori rdquo e ldquofiglirdquo
        • Inserimento Nuova pagina
        • Elementi standard della pagina
        • Inserimento contenuti di una pagina
        • Contenuti multipli allrsquointerno di una pagina
        • Modifica dei contenuti della pagina
        • Spostamento di pagine
        • Eliminazione pagine
        • Rich Text Editor
        • Modalitagrave Lista
        • Modalitagrave Mostra
        • Modalitagrave ldquoMonta come radice dellrsquoalberordquo
        • Ottenere il page-id di una pagina
        • Admin Panel
          • La Clipboard
            • Copia o spostamento di un contenuto singolo di pagina allrsquointerno di unrsquoaltra pagina
            • Copia o spostamento di piugrave contenuti da una pagina ad unrsquoaltra
              • Modulo DAM (Digital Asset Management)
                • Caricamento e Aggiornamento di file
                • Ricerca di file allrsquointerno del DAM e modifica delle meta-informazioni
                  • Modulo Pagine di download
                    • Inserimento e configurazione pagine di download
                      • Modulo Sitemap
                        • Scheda di configurazione Mappa
                        • Tipo di mappa
                        • Il ``punto di partenza della mappa
                          • Modulo News
                            • Inserimento e modifica di news
                            • Modalitagrave Relations
                            • News collegata a URL esterna e a pagina interna
                            • Eliminazione delle News
                            • Ordinamento delle News e ricerca
                              • Modulo Eventi
                                • Scopo del modulo Eventi
                                • Il Backend ndash Modulo Pagina
                                • Il Backend ndash Modulo Lista
                                • Creazione di un evento
Page 4: DocWeb€¦ · per la realizzazione e la gestione di siti web della Pubblica Am-ministrazione. La piattaforma tecnologica utilizzata è il CMS (Content Management System) Open SourceTypo31

DocWeb Release 101

Avvertimento DOCUMENTO IN FASE DI REVISIONE E AGGIORNAMENTOAlcuni argomenti potrebbero non essere completi e alcune funzionalitagrave potrebbero non essere attive

Indice 1

CAPITOLO 1

Introduzione

11 Cosrsquoegrave DocWeb

Docweb egrave un insieme di soluzioni tecnologiche e organizzativeper la realizzazione e la gestione di siti web della Pubblica Am-ministrazione La piattaforma tecnologica utilizzata egrave il CMS(Content Management System) Open Source Typo31 opportuna-mente configurato e integrato da moduli software appositamentesviluppati dalla (o per conto della) Provincia di Pesaro e Urbino

Ma cosrsquoegrave in concreto il Sistema Provinciale di Gestione PortaliDocweb

Si tratta di un sistema software che consente di realizzare e gestirefacilmente i siti web degli enti

Docweb egrave dotato di una serie di moduli e funzionalitagrave fornite di basea tutti gli utenti oltre che di ldquomaschererdquo grafiche personalizzabili chesoddisfano la normativa sullrsquoaccessibilitagrave dei siti web delle PA (LeggeStanca dlgs n 404)

Il sistema Docweb che viene da tempo utilizzato dallrsquoAmministrazione Provinciale per gestire i proprisiti web viene messo a disposizione degli enti senza alcun onere aggiuntivo nellrsquoambito delle convenzioniche regolano i servizi della Rete Telematica Provinciale e in particolare del Centro Servizi Territoriale2

12 Concetti chiave

Le caratteristiche fondamentali che devono soddisfare i moderni siti web sono

bull usabilitagrave (facilitagrave di navigazione e di reperimento delle informazioni)

bull accessibilitagrave (siti fruibili anche da persone diversamente abili o non dotate di strumenti tecnologiciavanzati)

I concetti chiave sono pertanto

bull separazione dei contenuti (le informazioni) dalla modalitagrave e dalla veste grafica con cui questicontenuti vengono visualizzati

bull utilizzo dei Content Management System per facilitare la realizzazione di siti web dinamicifacilmente aggiornabili e usabili

1httptypo3org2httpwwwcstpuit

2

DocWeb Release 101

Docweb consente di affrontare e risolvere facilmente tali problematiche

Nota Sici Templates e Catalogo DocWeb sono raccolte di codice TypoScript (linguaggio specificodi Typo3) HTML e CSS che utilizziamo nei nostri siti e che sono rilasciate con licenza GPL3

Sici Templates e Catalogo DocWeb definiscono lrsquoaspetto grafico la modalitagrave di navigazione e le funzionidei nostri siti web configurando Typo3 CMS Framework e le sue numerose estensioni

3httpwwwgnuorglicensesgplhtml

12 Concetti chiave 3

CAPITOLO 2

Funzionalitagrave di Base

21 Il CMS Typo3 ldquobackendrdquo e ldquofrontendrdquo

I termini ldquobackendrdquo e ldquofrontendrdquo ricorreranno spesso per indicare e diversificare lrsquoambiente ldquodi gestionee pubblicazione dei contenutirdquo da quello di visualizzazione dei contenuti (sito on-line)

In sintesi

Per Backend (BE) (figura Backend (page 4)) intendiamo lrsquoambiente di lavoro sul quale andremo adoperare per la creazione e gestione delle pagine e dei vari contenuti del sito (generalmente raggiungi-bile utilizzando un semplice browser es Firefox Microsoft Internet Explorer previa autenticazionea un indirizzo web del tipo httpwwwnomesitotypo3) In questa guida useremo come esempiohttpwwwentiprovinciapuittypo3 ma va sostituito dallrsquoutente con quello effettivo

Il Frontend (FE) (figura Frontend (page 5)) egrave il risultato del lavoro sviluppato nel backend e costituiscelrsquoambiente on-line visibile agli utenti esterni Le operazioni compiute dal backend si riflettono nel frontendche puograve essere cosigrave gestito e modificato secondo le nostre necessitagrave

Nota In fase di inserimento e gestione dei contenuti tramite BE egrave sempre opportuno verificare con ilFE la corretta visualizzazione delle pagine

Figura 21 Backend

Avvertimento Ersquo opportuno tenere presente che il backend prevede piugrave modalitagrave di esecuzione perraggiungere uno stesso obiettivo Nella guida sono descritti i passaggi piugrave comunemente utilizzati

4

DocWeb Release 101

Figura 22 Frontend

22 Cambio password di accesso

Lrsquousername e la password proteggono lrsquoarea da eventuali intrusioni e costituiscono lrsquoaccesso univoco epersonale per ciascun Utente (per motivi di sicurezza egrave opportuno variare la propria password al primoaccesso al sistema)

Per cambiare la password di accesso saragrave necessario eseguire il primo collegamento allrsquoambi-ente di gestione del portale lanciando il browser (Firefox) e collegandosi allrsquoindirizzo webhttpwwwentiprovinciapuittypo3 (figura Url per login (page 5))

Figura 23 Url per login

Saragrave proposta una maschera di identificazione dove andremo ad inserire il nostro account costituito dausername e password (figura Maschera login (page 5))

1 inserire username

2 inserire password

3 click con il pulsante sinistro del mouse sul bottone ldquoEntrardquo per accedere al servizio

Figura 24 Maschera login

22 Cambio password di accesso 5

DocWeb Release 101

Avvertimento Alcuni browser propongono messaggi (figura Messaggio salva password (page 6))relativi al salvataggio automatico della password nel sistema per non dover digitare nuovamente ipropri dati al secondo Log In Si consiglia di non scegliere di salvare i propri dati o il completamentoautomatico di essi per una questione di sicurezza

Figura 25 Messaggio salva password

In caso di errata digitazione dei dati dellrsquoaccount ci saragrave chiesto di inserire nuovamente username epassword (figura Login fallito (page 6))

Figura 26 Login fallito

Il messaggio ci informa che il Log In egrave fallito e ci da alcune indicazioni sul motivo che puograve aver provocatoil problema Ci chiede di assicurarci di aver scritto correttamente Username e Password facendo ancheattenzione alle lettere Minuscole e Maiuscole

Se eseguito bene il Log In ci condurragrave in una nuova schermata

In virtugrave dellrsquoimportanza costituita dai dati di autenticazione la prima operazione da compiere una voltaeseguito il Log In saragrave quella di modificare il proprio account come segue (figura Modifica password(page 7))

1 dal menugrave di sinistra scegliere la voce ldquosetuprdquo inserita nel menugrave ldquoutenterdquo quindi cliccare con ilpulsante sinistro del mouse

2 nella schermata che si apriragrave a destra digitare la nuova password che si desidera utilizzare Ilcampo si trova nella parte bassa della pagina indicato dalla diciture ldquoNuova passwordrdquo

3 confermare nel campo sottostante ldquoRipeti passwordrdquo la password scelta

4 confermare il tutto cliccando con il pulsante sinistro del mouse sul bottone ldquoSalva configurazionerdquo

5 click sullrsquoultimo pulsante a sinistra ldquoUscitardquo per eseguire il Log Out

Cambiata la password ed eseguito il Log Out mediante il pulsante ldquoUscitardquo potremo eseguire nuovamenteil ldquoLog Inrdquo digitando la nostra nuova password che da quel momento saragrave subito attiva

Per motivi di sicurezza al termine di ogni sessione di gestione dei contenuti egrave opportuno effettuare ilLog Out dal sistema

22 Cambio password di accesso 6

DocWeb Release 101

Figura 27 Modifica password

23 Albero delle pagine

Si noti come lrsquoaspetto del Backend (figura Backend tripartito (page 8)) sia suddiviso in tre aree verticalisuddivise tra loro mediante una spessa riga grigia

bull La prima colonna a sinistra della pagina (punto 1) ci consentiragrave di compiere tutte le operazioninecessarie a lavorare creando e modificando contenuti ecc

bull la seconda colonna al centro della pagina (punto 2) rappresenta lrsquoalberatura vera e propria del sitoon-line In essa vedremo rispecchiati i menugrave le pagine e i contenuti testuali che verranno (o chesono) pubblicati

bull la terza area a destra della pagina (punto 3) rappresenta lrsquoambiente dove andremo materialmentead operare sulle pagine e sui contenuti

Nota La stringa in basso a sinistra ldquoModifica pagina con IDrdquo puograve essere utilizzata per selezionareuna pagina ricercandola tramite il suo numero ID Ad ogni pagina viene associato automaticamente unnumero (ID) unico e distinto per ognuna di esse

Il numero ID si rivela al passaggio del mouse (senza cliccare) sul simbolo grafico posto accanto alle vocidi menugrave nella colonna ndeg 2 Il numero ID viene anche riportato on-line come parte finale di un indirizzoweb

Esempio httpwwwentiprovinciapuitindexphpid=3018

Nellrsquoesempio il numero ID della pagina egrave 3018

Nella versione finale del portale potranno essere utilizzati URL statici (eshttpwwwentiprovinciapuitattivitahtml) per agevolare i collegamenti diretti ad alcune sezioni opagine del portale

23 Albero delle pagine 7

DocWeb Release 101

Figura 28 Backend tripartito

24 Implementazione delle pagine ldquogenitori rdquo e ldquofiglirdquo

Affincheacute un sito ldquofunzionirdquo egrave necessario che la distribuzione delle pagine con le rispettive sottopagine siachiara ed essenziale

Gli argomenti vanno sempre divisi ed organizzati per facilitare lrsquoindividuazione del contenuto la letturadel messaggio la comprensione dellrsquooggetto in essere Se ad esempio stessimo parlando di calcio sarebbesempre opportuno ed auspicabile creare una pagina ldquoSERIE Ardquo che introduca allrsquoargomento trattato esuccessivamente collegare allrsquointerno della categoria altre pagine ldquoRomardquo ldquoJuventusrdquo ldquoMilanrdquo che a lorovolta possano condurre ad altri argomenti ldquocalciatorirdquo fino a ridurre il tutto ai minimi termini

25 Inserimento Nuova pagina

Selezionare (figura Seleziona pagina (page 8)) con un click del pulsante sinistro la prima voce ldquopaginardquodella colonna 1

Figura 29 Seleziona pagina

Nella seconda colonna portiamoci su una delle voci dellrsquoelenco (preferibilmente al livello in cui si desiderainserire la pagina) e facciamo click con il pulsante destro del mouse Si apriragrave (figura Seleziona nuovo(page 9)) un ulteriore menugrave di opzioni a tendina dal quale scegliamo la 3deg voce ldquonuovordquo

24 Implementazione delle pagine ldquogenitori rdquo e ldquofiglirdquo 8

DocWeb Release 101

Figura 210 Seleziona nuovo

Verragrave caricata nella 3deg area una schermata come indicato nella figura Vista Backend (page 10)

Scegliamo la 1deg opzione ldquoPagina (dentro)rdquo cliccando con il pulsante sinistro del mouse sulla voce ldquoCliccaqui per il wizardrdquo Si caricheragrave la schermata di figura Seleziona posizione (page 10)

Si noti come la schermata riproduca le pagine esistenti ed il loro posizionamento nel menugrave potremoindicare cliccando sulle frecce grigie la posizione dove desideriamo inserire la nostra pagina Scegliamoad esempio di voler inserire la nostra pagina allrsquointerno della sezione ldquoTest Abanetrdquo

Avvertimento Ovviamente la sezione ldquoTest Abanetrdquo egrave solo un esempio Usare le sezioni presentinel vosto sito di riferimento

Andremo quindi a cliccare sulla freccia che si trova appunto allrsquointerno del record (come indicato infigura)

Verragrave caricata una schermata che ci chiederagrave di specificare altri elementi indispensabili alla creazione diuna nuova pagina (vedi sezione successiva)

26 Elementi standard della pagina

Si faccia riferimento alla (figura Modifica intestazioni pagina (page 11))

Nascondi pagina In fase di elaborazione di una nuova pagina egrave sempre bene puntare il piccolo quadratoin basso a sinistra della sezione ldquonascondi paginardquo in modo tale da permetterci di lavorare suicontenuti in tutta tranquillitagrave prima della pubblicazione on-line

Tipo Assegna alla pagina una determinata tipologia o scopo

Titolo pagina Indicare il titolo della pagina (ad es ldquoPagina di Provardquo

Selezione di template per lrsquoarea contenuti Ersquo la possibilitagrave di variare lo ldquoschemardquo di visualiz-zazione della pagina (es pagina a 3 colonne pagina a due colonne con menu di navigazionesulla sinistra etc)

Salvare Ogni operazione deve essere salvata per essere resa effettiva

261 Varie opzioni di salvataggio

In relazione al punto (5) nella fase di salvataggio si noti come ci vengono proposte diverse icone (figuraIcone salvataggio (page 11))

26 Elementi standard della pagina 9

DocWeb Release 101

Figura 211 Vista Backend

Figura 212 Seleziona posizione

26 Elementi standard della pagina 10

DocWeb Release 101

Figura 213 Modifica intestazioni pagina

Figura 214 Icone salvataggio

26 Elementi standard della pagina 11

DocWeb Release 101

1 Il documento viene salvato lrsquoambiente si ricarica automaticamente il menugrave centrale si aggiornacon la comparsa della pagina da noi creata nella posizione da noi assegnata

2 Il documento viene salvato lrsquoambiente si ricarica automaticamente il menugrave centrale si aggiornacon la comparsa della pagina da noi creata nella posizione da noi assegnata e si apre una nuovafinestra del browser contenente la preview (anteprima di visualizzazione) della nostra pagina

3 Il documento viene salvato lrsquoambiente si ricarica automaticamente sulla schermata successivail menugrave centrale si aggiorna con la comparsa della pagina da noi creata nella posizione da noiassegnata

4 Il documento viene chiuso e non salvato

5 Elimina la pagina

Nota La quinta icona (ldquoElimina paginardquo) compariragrave solo dopo aver salvato il documento la primavolta Inoltre gli stessi simboli si ritroveranno anche in fase di modifica di pagine giagrave create

Da osservare il simbolo proposto accanto alla nuova pagina da noi creata (figura Pagina nascosta(page 12)) ad indicare la modalitagrave ldquonascostardquo

Figura 215 Pagina nascosta

Lrsquoicona posta a sinistra ricorda una pagina con una ldquoXrdquo rossa in alto a destra e indica che la pagina egravenascosta (punto 1 modifica intestazioni) e non visibile dallrsquoesterno

Le altre voci con simbolo diverso di pagina su sfondo giallo sono on-line e quindi consultabili dal FrontEnd

Pubblicata la pagina nascosta lrsquoicona cambieragrave automaticamente aspetto e la voce di menugrave saragraveconsultabile anche dal Front End

27 Inserimento contenuti di una pagina

Avendo precedentemente creato e salvato una pagina ldquoPagina di Provardquo andiamo ad inserire un contenuto

Ersquo possibile procedere in due modi effettuare un click con il pulsante sinistro del mouse sulla icona o sultitolo ldquoPagina di Provardquo oppure cliccare con il pulsante destro del mouse sullrsquoicona posta a sinistra deltitolo pagina e scegliere ldquomodificardquo

In entrambe i casi il sistema aggiorna la terza area (vedi figura Backend tripartito (page 8)) doveandremo a lavorare

Per creare un contenuto nella posizione di default (Normale) clicchiamo sullrsquoicona cerchiata di rosso (vedifigura Crea contenuto normale (page 13)) nel box ldquonormalerdquo

In alternativa si puograve scegliere di usare la voce in basso a sinistra ldquoCrea nuovo recordrdquo e successivamentescegliere di creare un nuovo contenuto pagina con il ldquowizardrdquo

27 Inserimento contenuti di una pagina 12

DocWeb Release 101

Figura 216 Crea contenuto normale

Per entrambe le opzioni si apriragrave una schermata come nella figura Seleziona contenuto paragrafo(page 14))

Scegliamo di inserire un paragrafo di testo semplice Notiamo come il sistema ci consente di scegliereforme alternative di contenuti (es immagini sotto il testo a sinistra solo immagini ecc) Approfondire-mo in seguito le modalitagrave per creare contenuti piugrave articolati e contenuti multipli e selezioniamo la voceldquoparagrafo di testordquo

271 Paragrafo di testo

Allrsquointerno di un paragrafo di testo potremo inserire un contenuto e tutte le opzioni ad esso legato (figuraModifica contenuto testo (page 15))

Si noti come lrsquoarea egrave divisa in 4 blocchi orizzontali Tipo Intestazione Testo Opzioni generali Inbasso e in alto troviamo anche la serie di icone per il salvataggio del documento di cui abbiamo giagraveprecedentemente parlato

Area Tipo

Nel menugrave a tendina dellrsquoarea tipo egrave possibile modificare il tipo di contenuto che vogliamo inserire Laschermata ci dice che siamo su ldquotestordquo ma volendo potremmo anche cambiare con le altre forme dicontenuto a nostra disposizione

Area Intestazione

Rappresenta il titolo della pagina Viene inserito allrsquoinizio della pagina ed ha una rilevanza graficamaggiore rispetto al resto del contenuto

Un buon titolo egrave breve ma incisivo rispecchia in poche parole il contenuto della pagina riassumelrsquoargomento trattato

27 Inserimento contenuti di una pagina 13

DocWeb Release 101

Figura 217 Seleziona contenuto paragrafo

27 Inserimento contenuti di una pagina 14

DocWeb Release 101

Figura 218 Modifica contenuto testo

27 Inserimento contenuti di una pagina 15

DocWeb Release 101

Ersquo inoltre possibile anche se sconsigliabile associare un link allrsquointestazione cambiare la sua posizioneinserire una data

Testo

Rappresenta con il suo grande quadrilatero bianco lrsquoarea allrsquointerno della quale andremo ad inserire ilnostro testo

Digitando un semplice testo in visualizzazione questo assumeragrave colore dimensione e carattere inconformitagrave allo stile preimpostato per le pagine del sito

Per la formattazione del testo saragrave possibile usare lo strumento RTE (di seguito descritto)

Opzioni generali (parametri di visibilitagrave)

Apparizione programmata

Cliccando accanto al quadrato della voce ldquoInizio rdquo e ldquoFinerdquo si attiveragrave un modulo data che ci consentiragravedi impostare le date di Inizio pubblicazione e di Fine pubblicazione (depubblicazione) di una pagina

Potremo quindi stabilire quando una pagina dovragrave essere pubblicata eo quando dovragrave cessare di esserevisibile on-line La programmazione dellrsquoinizio di pubblicazione non implica che ci sia necessariamenteuna fine e vice versa

Ciograve significa che potremo quindi decidere di pubblicare una pagina in una certa data e che la pubblicazioneduri nel tempo (almeno fino a quando non decideremo di togliere la visualizzazione on-line manualmente)

Pagine nascoste

Ersquo possibile nascondere il contenuto delle pagine cliccando il quadrato a sinistra della voce ldquoNascondirdquoScegliendo questa opzione la pagina continueragrave ad esistere ma non saragrave visibile il suo contenuto

Lrsquoopzione si rileva particolarmente utile in caso di pagina strutturata su contenuti multipli

28 Contenuti multipli allrsquointerno di una pagina

Avendo creato una pagina potremo in ogni momento svilupparla ulteriormente aggiungendo ulterioricontenuti

Clicchiamo sul menugrave di sinistra sulla voce ldquoPaginardquo in modo da caricare il menugrave centrale contenentelrsquoalberatura del sito

Clicchiamo sul titolo della pagina da modificare con il pulsante sinistro oppure con il destro e scegliamoldquomodificardquo

A destra si apriragrave il nostro ambiente di lavoro come nella figua Modifica contenuto normale (page 17)

Vedremo in pratica la stessa schermata proposta per la creazione di una nuova pagina con lrsquoaggiunta dialcune icone come indicato in figura

1 Modifica

2 Nuovo record

3 Cerca Stringa

Cliccando su Modifica comrsquoegrave intuibile saremo riportati nella pagine dellrsquoeditor dove potremo modificareil nostro testo link immagini ecc

Cliccando su nuovo record invece avremmo la possibilitagrave di aggiungere un nuovo contenuto alla paginae nella posizione che sceglieremo

28 Contenuti multipli allrsquointerno di una pagina 16

DocWeb Release 101

Figura 219 Modifica contenuto normale

28 Contenuti multipli allrsquointerno di una pagina 17

DocWeb Release 101

Il contenuto non avragrave vincoli con i record precedenti pur apparendo nella stessa pagina del frontend Ciogravegarantisce una vantaggiosa gestione delle pagine che suddivise in ldquosezionirdquo potranno essere di volta involta pubblicate cancellate modificate a blocchi di contenuto senza toccare lrsquointera pagina

Si potragrave suddividere la stessa pagina in diverse aree (record) ossia ldquocontenuti multiplirdquo via via aggiornabilianche da altri utenti di redazione

Ersquo inoltre possibile effettuare una ricerca su di un contenuto di tipo testuale allrsquointerno delle pagine edei record utilizzando il campo ldquoCerca Stringardquo La ricerca puograve essere effettuata allrsquointerno della paginae dei suoi record ed estesa anche ai livelli inferiori

29 Modifica dei contenuti della pagina

Creata una pagina potremo modificarla ogni volta che saragrave necessario

Per modificare una pagina saragrave sufficiente selezionarla dal menugrave portandosi con il cursore del mouse aldi sopra del titolo e cliccando con il pulsante destro su di essa (figura Modifica pagina (page 18))

Una pagina da modificare potragrave anche essere raggiunta tramite la ricerca dellrsquoID (vedi capitolo 3 Alberodelle pagine)

Scegliere la voce ldquomodificardquo dal menugrave a tendina che si apriragrave dopo il click

Figura 220 Modifica pagina

A destra nellrsquoarea principale si apriragrave la schermata riportante il contenuto della pagina selezionata

Potremo scegliere lrsquoelemento da modificare cliccando sullrsquoicona matita

Nota Ricordarsi sempre di salvare per rendere effettive le modifiche e di ricontrollare la visualizzazionedella pagina modificata

Per modificare lrsquointestazione di una pagina egrave sufficiente selezionare la voce ldquoModifica intestazionirdquo dalmenugrave portandosi con il cursore del mouse al di sopra del titolo e cliccando con il pulsante destro su diesso (figura Menu modifica intestazioni pagina (page 19))

210 Spostamento di pagine

Oltre le modifiche stilistiche testuali e di contenuto di una pagina possiamo modificarne la posizione

29 Modifica dei contenuti della pagina 18

DocWeb Release 101

Figura 221 Menu modifica intestazioni pagina

Per spostare la posizione di una pagina allrsquointerno di un menugrave selezioniamola dal menugrave principale conclick sinistro del mouse

Nella schermata di destra scegliamo lrsquoicona

Si apriragrave un menugrave che ci mostreragrave lrsquoalberatura del nostro sito (esattamente come per lrsquoinserimento diuna nuova pagina) composto da pagine principali (genitori) e pagine ad esse collegate (figli)

A questo punto dovremo solo scegliere dove spostare la pagina muovendoci sulle frecce grigie sottostantie sovrastanti le varie voci di menugrave

Avvertimento Spostando una pagina genitore anche i figli vengono spostati con esso

211 Eliminazione pagine

Per eliminare le pagine egrave sufficiente selezionare la pagina in questione dal menugrave principale cliccando conil pulsante destro del mouse su di essa e scegliere la voce del menugrave a tendina che si apriragrave ldquoCancellardquo

Avvertimento Non egrave possibile cancellare una pagina genitore Ossia non egrave possibile cancellareuna pagina che al suo interno contiene altre pagine prima che questrsquoultime trovino una collocazionealternativa

212 Rich Text Editor

Quando si inserisce un contenuto nellrsquoarea di testo (inserito digitando direttamente allrsquointerno dellrsquoap-posita area o copiato e incollato da fonte esterna con la dovuta cautela) egrave possibile personalizzarlo eformattarlo utilizzando le funzionalitagrave previste dal Rich Text Editor (RTE)

Nota Un testo copiatoincollato da altri programmi va ldquoripulitordquo prima di essere pubblicato poicheacuteil modulo che utilizzeremo tende a mantenere la formattazione originaria del carattere delle immaginidei colori falsando la linea grafica omogenea e standard del nostro portale

In ogni modo quando si salva un documento il cui testo conteneva una formattazione proveniente ad es-empio da un documento di tipo word questo viene automaticamente ldquoripulito nel codicerdquo ed egrave opportunocontrollare la visualizzazione

211 Eliminazione pagine 19

DocWeb Release 101

Proviamo ad inserire ad esempio una semplice frase allrsquointerno del box testo (figura Box testo RTE(page 20))

Figura 222 Box testo RTE

La frase viene digitata direttamente nellrsquoarea testo mantenendo un tipo di formattazione ldquonormalerdquo

2121 Testo grassetto corsivo sottolineato (bold italic underline)

Proviamo a selezionare la frase ldquoProvincia di Pesaro e Urbinordquo tenendo premuto il pulsante sinistro delmouse trascinando il cursore dalla P di Provincia alla o di Urbino

In alternativa portare il cursore alla P di Provincia tenere tasto maiuscolo premuto e muoversi con lefrecce per selezionare il testo

Lrsquoesempio egrave utile per capire che per effettuare una determinata azione di tipo stilistico su una frase oparola egrave necessario che la frase o la parola siano preventivamente selezionate

Figura 223 Comandi box testo RTE

212 Rich Text Editor 20

DocWeb Release 101

Se il testo egrave stato selezionato correttamente vedremo la parola ldquoProvincia di Pesaro e Urbinordquo evidenziatadi blu scuro

Click sinistro sul simboloicona ldquoBrdquo (figura Comandi box testo RTE (page 20)) per creare un effettoldquograssettordquo al testo

Click sinistro sul simboloicona ldquoIrdquo per il corsivo-italico

Click sinistro sul simboloicona ldquoU ldquo per il sottolineato

Nota Il Grassetto dona alle parole un sapore piugrave incisivo e si utilizza per enfatizzare termini importantie di rilievo

LrsquoItalico viene usato comunemente per indicare le date gli indirizzi le citazioni

Il Sottolineato su web viene comunemente usato nelle parole ldquolinkaterdquo (ossia che rimandano ad altrepagine web) per cui se ne sconsiglia lrsquouso in un testo semplice per evitare confusione

2122 Elenco Puntato e Numerato

Portiamoci con il cursore allrsquointerno della box di testo

Selezioniamo lrsquoicona Lista non numerata (Elenco puntato semplice)

Vedremo comparire un simbolo tontoromboidale e potremo dare vita ad una lista

bull Voce 1

bull Voce 2

bull Voce 3 ecc

Allo stesso modo potremo creare una lista numerata avvalendoci dellrsquoicona ldquoLista numeratardquo

Lrsquoelenco viene numerato

1 Voce 1

2 Voce 2

3 Voce 3 ecc

2123 Pulsanti di Annulla e Ripristina

Compiuta una determinata azione egrave possibile tornare indietro o ripristinarla tramite i pulsanti ldquoAnnullalrsquoultima azionerdquo e ldquoRifai lrsquoultima azionerdquo

Piugrave volte si clicca sui pulsanti piugrave volte lrsquoazione viene ripetuta indietro ed avanti nel tempo

2124 Copia Taglia Incolla

Selezionando un testo potremo tagliarlo copiarlo e incollarlo

Copia selezionare il testo utilizzare lrsquoicona ldquocopia selezionerdquo per copiare

Taglia il testo viene eliminato ma resta in memoria per essere eventualmente incollato altrove odefinitivamente cancellato Ersquo possibile tenere in memoria solo lrsquoultimo testo o parola tagliato

Incolla Un testo precedentemente copiato o tagliato puograve essere incollato nuovamente o su diversoambiente

212 Rich Text Editor 21

DocWeb Release 101

2125 Rimuovi Formattazione

Ersquo possibile che il testo importato e incollato nellrsquoarea testo da altra fonte (es documento word) sildquosporchirdquo e ne acquisisca le caratteristiche stilistiche in maniera non corretta

Ersquo necessario pulire il testo selezionandolo e cliccando su ldquorimuovi formattazionerdquo

Si apriragrave un pop-up (nuova finestra) che ci proporragrave diversi elementi da pulire selezioniamo ciograve che ciinteressa e clicchiamo su OK

2126 Inserisci Caratteri Speciali

Alcune volte puograve essere necessario inserire dei caratteri o simboli non presenti sulla tastiera o nonconvenzionali per i quali esiste una mappa di caratteri speciali

Il sistema propone diversi tipi di caratteri speciali tra i piugrave comuni e frequentemente usati per adoperarliegrave sufficiente cliccare sullrsquoapposita icona ldquoInserisci Caratteri Specialirdquo

Una finestra ci mostreragrave una vasta gamma di simboli tra i quali potremo scegliere quello che ci interessa

2127 Inserisci Tabella

Per agevolare lrsquoinserimento di dati numerici in forma ldquoTabellarerdquo si puograve ricorrere allrsquoinserimento di unatabella contraddistinta dallrsquoapposito simbolo

La tabella puograve essere immaginata come una quaderno a ldquoquadrettirdquo dove ogni ldquoscacchettordquo corrispondead una cella

Scegliendo di inserire una tabella si apriragrave una finestra pop-up dove andremo ad inserire parametridi spaziatura fra celle numero di righe e colonne che compongono la tabella spessore del bordoallineamento rispetto alla pagina ecc

2128 Link

Ogni sito egrave composto da pagine consultabili e collegate tra loro tramite link

I link sono i collegamenti presenti sulle voci di menugrave parole immagini ecc

Ersquo possibile collegare pagine appartenenti ad uno stesso sito un indirizzo web di un sito esterno ounrsquoe-mail un file da scaricare un immagine ecc

Nota Immettendo nel testo un indirizzo web o e-mail completo il programma egrave in grado di capireautomaticamente che si tratta di un link e collegare gli elementi automaticamente

Volendo invece collegare elementi non scritti in forma completa si dovragrave procedere come segue

Selezioniamo la parola o frase che vogliamo collegare (come precedentemente visto) e clicchiamo sullrsquoiconaldquoInserisci Linkrdquo

Si apriragrave un pop-up come indicato nella prossima figura

Link ad una pagina interna al sito

La finestra ci propone lrsquoalberatura del nostro sito con le pagine in esso presenti (La voce attiva egraveldquopaginardquo di colore giallomarrone rispetto alle altre voci del pop-up)

Selezionando (figura Link interno (page 23)) la pagina che vorremo collegare il pop-up si chiuderagrave e laparola che avevamo selezionato precedentemente per il link cambieragrave aspetto

La vedremo blu e sottolineata il che indica che il link egrave attivato

212 Rich Text Editor 22

DocWeb Release 101

Figura 224 Link interno

Ersquo anche possibile creare dei link che aprono la pagina collegata allrsquointerno di una ldquofinestra di pop-uprdquocioegrave dentro una nuova finestra del browser Specificando le dimensioni di altezza e larghezza della nuovafinestra allrsquointerno degli appositi campi

Link ad una pagina esterna al sito

Selezioniamo una parola o frase che vogliamo collegare (come precedentemente visto) e clicchiamosullrsquoicona ldquoInserisci Linkrdquo

Scegliamo nel menugrave in alto proposto dal pop-up il bottone ldquoURL esternordquo (figura Link esterno (page 23))

Figura 225 Link esterno

Impostiamo nel campo URL lrsquoindirizzo web che vogliamo linkare prestando attenzione a scriverlo peresteso e senza cancellare http

Clicchiamo su ldquoImposta Linkrdquo

Il pop-up si chiuderagrave e la parola che avevamo selezionato precedentemente per il link cambieragrave aspetto

212 Rich Text Editor 23

DocWeb Release 101

La vedremo blu e sottolineata il che indica che il link egrave attivato

2129 Link ad unrsquoEmail

Come precedentemente visto scrivendo un indirizzo e-mail valido il programma di gestione egrave in grado dicapire che si tratta di un indirizzo di posta elettronica e il link viene impostato automaticamente

Tuttavia ci sono dei casi in cui non egrave possibile o si preferisce non indicare lrsquoindirizzo e-mail per estesoad esempio potremmo avere ldquoPer informazioni scrivicirdquo

Volendo potremmo fare in modo che sulla parola ldquoscrivicirdquo ci sia impostata la funzione di invio e-mail

Selezioniamo quindi la parola andiamo su ldquoInserisci Linkrdquo scegliendo poi ldquoEmailrdquo

Inseriamo lrsquoindirizzo E-mail nellrsquoapposito campo e clicchiamo su ldquoimposta Linkrdquo

21210 Link ad un file scaricabile

Per collegare un file (espdf txt gif ecc) egrave necessario copiarlo dal proprio PC al server web

Non egrave infatti possibile che una pagina pubblicata su internet prenda come link dei files che di fatto sonosalvati in una directory del nostro computer

Typo3 mette a disposizione un area dovrsquoegrave possibile pubblicare i files per poi essere resi disponibili ai linkossia rende disponibile lrsquo ldquoUploadrdquo dei files da pc a server

Scegliere dal menugrave di sinistra sotto la sezione ldquoMediardquo la voce ldquoFilerdquo (figura Seleziona file (page 24))

Figura 226 Seleziona file

Si apriragrave sulla destra una nuova area dove troveremo i campi utili a ldquosfogliarerdquo il contenuto del nostropc al fine di passare i file o i files dal nostro computer al manager

Effettuato il passaggio potremo ritornare alla nostra pagina e riprendere la procedura di ldquocreazione linkrdquoselezionando questa volta la voce ldquoFilerdquo del pop-up

I campi proposti sono del tutto simili a quelli di creazione di link su pagine del sito e un elenco di files(tutti quelli disponibili caricati) potranno essere collegati

213 Modalitagrave Lista

Selezionando la voce ldquolistardquo (figura Backend modalitagrave lista (page 25)) dal menugrave di sinistra egrave possibileesplorare una pagina ldquopadrerdquo e tutte le pagine ldquofiglirdquo ed essa associate

Avvertimento Ricordarsi di attivare la voce in basso ldquoVista Estesardquo

213 Modalitagrave Lista 24

DocWeb Release 101

Figura 227 Backend modalitagrave lista

Utilizzando le icone poste alla destra di ogni voce si possono compiere diverse operazioni di modificavisualizzazione spostamento copia e incolla pagina ecc come precedentemente descritto

Dunque potremo dire che la modalitagrave lista costituisce una scorciatoia per semplificare ogni sorta dioperazione soprattutto in presenza di un numero considerevole di files

214 Modalitagrave Mostra

Figura 228 Backend modalitagrave mostra

Selezionando la voce ldquoMostrardquo (figura Backend modalitagrave mostra (page 25)) dal menugrave di sinistra egrave possibilenavigare il sito allrsquointerno del docweb direttamente nel backend

214 Modalitagrave Mostra 25

DocWeb Release 101

Inoltre accanto ai vari record troveremo posta lrsquoicona matita per eseguire eventuali modifichedirettamente sul punto e la pagina prescelti

Anche la modalitagrave ldquoMostrardquo come la rdquoListardquo (cap 13) costituisce una scorciatoia particolarmente indicataper semplificare lrsquooperazione di visualizzazione del sito e di modifica

215 Modalitagrave ldquoMonta come radice dellrsquoalberordquo

Quando esistono diverse e numerose pagine egrave possibile gestire solo la porzione di contenuto che ci interessariducendo lrsquoalberatura del sito (lato backend) ai minimi termini mediante il comando ldquomonta come radicedellrsquoalberordquo

Per effettuare il comando procedere come segue

Cliccare con il pulsante destro del mouse sul titolo pagina dal menugrave centrale

Selezionare la voce ldquoaltre opzionirdquo dal menugrave a tendina (figuraMenu altre opzioni (page 26)) che compariragravecome conseguenza dellrsquoazione descritta al punto uno

Figura 229 Menu altre opzioni

Selezionare dallrsquoulteriore menugrave che si apriragrave (figura Seleziona monta come radice (page 26)) la voceldquoMonta come radice dellrsquoalberordquo

Figura 230 Seleziona monta come radice

Lrsquoalberatura si ridurragrave automaticamente mostrando solo la porzione selezionata

Per ripristinare lo stato di partenza selezionare la voce in alto nel menugrave centrale (figura Elimina DBmount (page 26)) ldquoElimina DB mount temporaneordquo

Figura 231 Elimina DB mount

Il menugrave si espanderagrave nuovamente mostrando tutte le voci esistenti

215 Modalitagrave ldquoMonta come radice dellrsquoalberordquo 26

DocWeb Release 101

216 Ottenere il page-id di una pagina

2161 Frontend (FE)

Da frontend si puograve ottenere il page-id della pagina corrente nei seguenti modi

1 dalla barra degli indirizzi del proprio browser (figura Id dallrsquourl (page 27)) Il numero della paginaegrave quello dopo la stringa ldquoid=rdquo Nella figura egrave cerchiata in verde la stringa ldquoid=rdquo e il numero dellapagina (page-id)

Figura 232 Id dallrsquourl

2 Puntando il mouse sulla scritta [id] a pieacute pagina e leggendo il tooltip (figura Id dal tooltip (page 27))

Figura 233 Id dal tooltip

3 Solo per browser Firefox dal menugrave di contesto scegliere la voce ldquoVisualizza info paginardquo si apreuna finestra consultare quindi la lista Meta sotto la scheda Generale (Id dagli attributi (page 28))

2162 Backend (BE)

Da backend egrave possibile ottenere il page-id nei seguenti modi

1 leggendo il tooltip puntando il mouse sullrsquoicona della pagina nel riquadro della struttura del sito(figura Id dal tooltip nel backend (page 28))

2 dal modulo di modifica delle intestazioni della pagina (figura Id dalle intestazioni pagina nel backend(page 28)) Il numero egrave tra le parentesi quadre dopo il titolo della pagina

217 Admin Panel

Quando si inseriscono contenuti con Typo3 (backend) egrave possibile visualizzare unrsquoanteprima della paginache si sta creando per vedere i risultati del lavoro svolto

Per visualizzare unrsquoanteprima di una pagina occorre (figura Menu mostra (page 29))

1 posizionarsi sulla pagina da visualizzare

2 premere il tasto sinistro del mouse in corrispondenza del nome

216 Ottenere il page-id di una pagina 27

DocWeb Release 101

Figura 234 Id dagli attributi

Figura 235 Id dal tooltip nel backend

Figura 236 Id dalle intestazioni pagina nel backend

217 Admin Panel 28

DocWeb Release 101

Figura 237 Menu mostra

3 selezionare la voce Mostra

In base alla pagina scelta si avragrave un risultato come quello visualizzato nella figura Anteprima pagina conAdmin panel (page 29)

Figura 238 Anteprima pagina con Admin panel

La pagina presenteragrave nella parte superiore lrsquoanteprima della pagina Nella parte inferiore vienevisualizzato uno strumento denominato Admin Panel

Questo oggetto offre lato front-end alcune funzionalitagrave (figura Moduli Admin panel (page 30)) cheaiutano i gestori di contenuti nella creazionemodifica delle pagine web del sito

NellrsquoAdmin panel (figura sopra) egrave possibile distinguere

217 Admin Panel 29

DocWeb Release 101

Figura 239 Moduli Admin panel

1 Modulo Preview ndash offre la possibilitagrave di selezionare alcune opzioni sulla pagina per simulare alcunesituazioni in cui la pagina si puograve trovare durante la visualizzazione

2 Modulo Cache ndash offre la possibilitagrave di gestire la cache

Allrsquointerno del modulo Preview abbiamo le seguenti voci

Mostra pagine nascoste selezionando la casella di controllo corrispondente a questa voce si visual-izzeranno anche quelle che attualmente non sono visibili allrsquointerno del sito o perchegrave in lavorazioneo perchegrave ancora non egrave stata data lrsquoautorizzazione alla pubblicazione

Mostra record nascosti come per le pagine questa voce offre la possibilitagrave di poter visualizzare allrsquoin-terno della pagina quei contenuti nascosti che non sono ancora ultimati o che sono in attesa di unautorizzazione per la pubblicazione

Simula data con questo controllo egrave possibile simulare il comportamento della pagina in periodi tem-porali diversi Utilizzando la casella di testo egrave possibile inserire delle date In questo modo sirende possibile la visualizzazione di quegli elementi (ad es pagine news ) che sono abilitati acomparirescomparire in base a determinati criteri temporali impostati

Simula gruppo di utenti con questo controllo egrave possibile simulare il comportamento delle pagine inbase ad un determinato gruppo di utenti che vi accede Alcune pagine possono infatti avere uncomportamento diverso in base al tipo di utente che vi accede

Nota Durante la creazione di pagine egrave possibile restringere la visione di una determinata pagina aparticolari tipi di utenti (utenti di frontend) Questa caratteristica offre la possibilitagrave di definire delle areead accesso riservato del sito ossia sezioni del sito a cui egrave possibile accedere solo dopo essersi autenticatie dopo avere avuto i necessari diritti di accesso

Una volta selezionate le opportune scelte allrsquointerno dellrsquoADMIN Panel occorreragrave premere il tasto Aggior-na (figura Aggiorna Admin panel (page 31)) per prendere visione della pagina secondo i criteri impostati

Nota Nel caso in cui lrsquoutente abbia la possibilitagrave di accedere da back-end a piugrave siti (ciascuno con unproprio dominio) bisogna tenere presente che lrsquoADMIN Panel compare soltanto per le pagine relativeal dominio con cui lrsquoutente ha fatto il login In altre parole se un operatore ad esempio egrave abilitatoa lavorare sulle pagine di backend dei siti httpwwwsitoesempio1it e httpwwwsitoesempio2it ese lrsquooperatore accede al backend di DocWeb con lrsquoindirizzo httpwwwsitoesempio1ittypo3 allora

217 Admin Panel 30

DocWeb Release 101

Figura 240 Aggiorna Admin panel

lrsquoADMIN Panel compariragrave solo sulle pagine di frontend del dominio wwwsitoesempio1it e non su quelledel dominio wwwsitoesempio2it

217 Admin Panel 31

CAPITOLO 3

La Clipboard

Lrsquooggetto clipboard (rdquoblocco degli appuntirdquo) egrave molto utile quando si ha la necessitagrave di copiare o spostareuno o piugrave elementi di contenuto o una o piugrave pagine da una sezione del sito (contenitore di pagine) adunrsquoaltra

31 Copia o spostamento di un contenuto singolo di pagina allrsquointernodi unrsquoaltra pagina

Per prima cosa egrave necessario (figura Identifica contenuto (page 32))

Figura 31 Identifica contenuto

1 selezionare la voce Lista

2 selezionare la pagina che contiene il contenuto che si intende copiare (nella figura abbiamo sceltola pagina denominata ldquoCorso di formazione su Typo3rdquo

32

DocWeb Release 101

3 identificare dalla lista dei contenuti associati alla pagina quello da spostare

Supponiamo che si desideri copiare il contenuto denominato ldquoTesto 2rdquo (figura Copia contenuto (page 33))

Figura 32 Copia contenuto

Egrave sufficiente cliccare sullrsquoicona (nella figura sopra evidenziata con un cerchio rosso) di copia incorrispondenza del contenuto da copiare

Dopo avere eseguito questa operazione nella figura Risultato copia contenuto (page 34) possiamo notare

1 Egrave comparsa unrsquoicona nuova che mette in evidenza che nella clipboard egrave presente un elemento

2 Lrsquoicona di copia in corrispondenza del contenuto da spostare ha cambiato aspetto

A questo punto lrsquooggetto che si intende copiare egrave presente nella nostra clipboard

Il passo successivo egrave quello di selezionare la pagina in cui andare a posizionare lrsquoelemento (paginadestinazione)

Rimanendo sempre allrsquointerno del modulo Lista occorreragrave selezionare dallrsquoalberatura delle pagine la pag-ina destinazione Il procedimento da seguire per posizionarsi sulla pagina egrave lo stesso descritto in prece-denza Nella figura Incolla contenuto (page 34) viene evidenziato il contenuto di una pagina (denominataldquoPagina di Provardquo) in cui vogliamo copiare il contenuto

Per copiare il contenuto della clipboard nella pagina selezionare lrsquoicona Incolla contenuto Clipboard

Confermando lrsquooperazione il contenuto saragrave copiato allrsquointerno della pagina selezionata

Per effettuare lo spostamento di un contenuto di pagina allrsquointerno di unrsquoaltra pagina cliccare sullrsquoicona

di Taglia al posto dellrsquoicona copia e ripetere le operazioni sopra descritte

1 Selezionando la casella Mostra clipboard (figura Vista clipboard (page 35)) egrave possibile visualiz-zare lrsquooggetto clipboard Nel caso in figura lrsquoelemento copiato in precedenza (Testo 2) egrave ancoradisponibile allrsquointerno della clipboard Utilizzando il procedimento descritto infatti il contenuto

31 Copia o spostamento di un contenuto singolo di pagina allrsquointerno di unrsquoaltra pagina 33

DocWeb Release 101

Figura 33 Risultato copia contenuto

Figura 34 Incolla contenuto

31 Copia o spostamento di un contenuto singolo di pagina allrsquointerno di unrsquoaltra pagina 34

DocWeb Release 101

selezionato rimane ancora a disposizione dellrsquoutente che potragrave selezionare altre pagine destinazionesu cui eventualmente andare a copiare il contenuto Nel caso in cui si selezioni un altro elementoad esempio ldquoTesto 1rdquo lrsquoelemento presente viene automaticamente sostituito

2 Dallrsquooggetto clipboard egrave possibile rimuovere un elemento premendo il bottone di Elimina postoaccanto ad esso

Figura 35 Vista clipboard

Con il procedimento descritto fino ad ora egrave possibile scegliere soltanto un contenuto alla volta

32 Copia o spostamento di piugrave contenuti da una pagina ad unrsquoaltra

Nel caso in cui ci si trovi nella necessitagrave di copiare piugrave di un contenuto da una pagina allrsquoaltra egrave necessarioseguire i passi seguenti

1 Selezionare il modulo Lista

2 Selezionare la pagina di origine da cui prelevare i contenuti

3 Selezionare la casella Mostra clipboard

4 Selezionare una clipboard tra quelle denominate ldquoClipboard 1rdquo ldquoClipboard 2rdquo ldquoClipboard 3rdquo(punto 3 figura Vista clipboard con contenuto selezionato (page 36))

Selezionando ad esempio la clipboard contrassegnata come ldquoclipboard 1rdquo si avragrave la seguente situazione

32 Copia o spostamento di piugrave contenuti da una pagina ad unrsquoaltra 35

DocWeb Release 101

Figura 36 Vista clipboard con contenuto selezionato

32 Copia o spostamento di piugrave contenuti da una pagina ad unrsquoaltra 36

DocWeb Release 101

1 In corrispondenza di ogni contenuto si evidenzia una Casella di selezione Sopra la colonna con lecaselle di selezione egrave comparsa una lista di bottoni tra cui al momento distinguiamo

2 Bottone di copia elementi nella clipboard

3 Bottone di selezione tuttinessuno

Scegliendo ad esempio i primi due elementi e premendo il pulsante di copia elementi nella clipboard sipuograve notare che (figura Copia nella clipboard (page 37))

Figura 37 Copia nella clipboard

1 La clipboard che abbiamo scelto per la selezione multipla (ldquoClipboard 1rdquo) contiene la lista deglioggetti che abbiamo scelto di copiare

2 Ersquo comparsa lrsquoicona di Incolla contenuto Clipboard

La procedura della selezione della pagina di destinazione rimane identica a quella giagrave utilizzata per lacopia di un contenuto singolo (selezionare la pagina di destinazione su cui andare a posizionare i contenutiselezionati)

Egrave importante fare notare che seguendo le operazioni descritte sopra si ottiene come risultato lospostamento dei contenuti dalla pagina origine a quella destinazione

Se si desidera copiare gli elementi selezionati egrave necessario una volta selezionati gli elementi da copiarepremere il tasto copia gli items invece di spostarli (evidenziato con un cerchio rosso nella figura Tagliadalla clipboard (page 38))

32 Copia o spostamento di piugrave contenuti da una pagina ad unrsquoaltra 37

DocWeb Release 101

Figura 38 Taglia dalla clipboard

32 Copia o spostamento di piugrave contenuti da una pagina ad unrsquoaltra 38

DocWeb Release 101

In questo modo dopo avere confermato lrsquooperazione i contenuti o le pagine da copiare saranno presentisia nella pagina origine che in quella destinazione

32 Copia o spostamento di piugrave contenuti da una pagina ad unrsquoaltra 39

CAPITOLO 4

Modulo DAM (Digital AssetManagement)

Il modulo DAM (Digital Asset Management) offre la possibilitagrave di raccogliere e catalogare contenuti informato digitale come immagini documenti presentazioni

Ogni file inserito puograve essere corredato di informazioni aggiuntive (meta-informazioni) come la descrizionelrsquoautore parole chiave ecc

Attraverso il modulo DAM egrave possibile svolgere le seguenti operazioni

bull Caricamento e Aggiornamento di file

bull Ricerca di file allrsquointerno del DAM e modifica delle meta-informazioni associate ai file

41 Caricamento e Aggiornamento di file

Lrsquooperazione di CaricamentoAggiornamento di file serve per sottoporre al sistema DAM un particolarecontenuto memorizzato in formato digitale

Lrsquoelemento caricato saragrave poi disponibile a chi inserisce contenuti

Per iniziare lrsquooperazione di caricamento di un file egrave sufficiente selezionare la voce File che si trovaallrsquointerno del modulo Media (figura Menu file (page 41))

La maschera che si apre (figura File upload (page 41)) offre le seguenti possibilitagrave

1 Selezione della posizione dove andare a caricareaggiornare il file

2 Specificare alcuni documenti da caricare (area File)

Concentrandoci sullrsquoarea File (figura Dettaglio file upload (page 42)) distinguiamo

1 Voce Show upload location browser (punto 1 figura sopra) egrave possibile visualizzare i file attualmentecaricati nel Mount Point selezionato

2 Lista di bottoni denominati Sfoglia da utilizzare nel caso in cui si desideri caricareaggiornareun file

Se si desidera caricare un file occorre cliccare sul bottone Sfoglia

La finestra che appare (figura Sfoglia file (page 42)) permette di selezionare dal proprio PC il file dacaricare

Per selezionare un file da caricare occorre

1 Esplorare le cartelle del proprio PC per trovare il file

40

DocWeb Release 101

Figura 41 Menu file

Figura 42 File upload

41 Caricamento e Aggiornamento di file 41

DocWeb Release 101

Figura 43 Dettaglio file upload

Figura 44 Sfoglia file

41 Caricamento e Aggiornamento di file 42

DocWeb Release 101

2 Inserire il nome del file nella casella di testo Nome file

3 Premere il tasto Apri

Una volta che si egrave selezionato un file egrave possibile

1 selezionare altri file da caricare seguendo gli stessi passi descritti in precedenza

2 effettuare lrsquooperazione di caricamento del file vero e proprio

Dallrsquoesempio abbiamo scelto di caricare un solo file

Il caricamento dei file viene eseguito premendo il bottone ldquoUpload filesrdquo che si trova in fondo alla listadei file selezionati (figura File selezionato (page 43))

Figura 45 File selezionato

Se tutto egrave stato eseguito correttamente appariragrave una finestra come quella nella figura Process files(page 44)

In questa maschera egrave possibile

1 Specificare le meta-informazioni per il singolo file come ad esempio il titolo parole chiavedescrizione

2 Avviare il processo di elaborazione multipla premendo il bottone Process selected files Con questoprocesso egrave possibile inserire o modificare le meta-informazioni per tutti i file della lista (in questocaso solo uno)

Se si vuole eseguire lrsquoinserimento delle meta-informazioni per singolo file la finestra che si apre egrave similea quella presentata in figura Elaborazione metainformazioni singolo file (page 44)

Nel caso si scelga di eseguire il processo di elaborazione multipla la maschera che compare (figuraElaborazione metainformazioni file multipli (page 45)) permette di selezionare le meta-informazioni chelrsquoutente intende inserire contemporaneamente per tutti i file della selezione

41 Caricamento e Aggiornamento di file 43

DocWeb Release 101

Figura 46 Process files

Figura 47 Elaborazione metainformazioni singolo file

41 Caricamento e Aggiornamento di file 44

DocWeb Release 101

Figura 48 Elaborazione metainformazioni file multipli

41 Caricamento e Aggiornamento di file 45

DocWeb Release 101

Se si seleziona la checkbox accanto alla voce che eventualmente saragrave inserita questa viene aggiuntaalle informazioni eventualmente giagrave presenti (modalitagrave append) Nellrsquoaltro caso le informazioni sarannosovrascritte

I campi Titolo e Descrizione sono obbligatori mentre il campo Parole chiavi puograve essere valorizzato adiscrezione dellrsquoutente Informazioni su come valorizzare i campi elencati sopra saranno descritte suapposite linee guida

Per completare lrsquoinserimentoaggiornamento delle meta-informazioni riguardanti il file caricato occorrepremere il tasto Send (figura Salva metainformazioni (page 46)) in fondo alla maschera per il salvataggiodelle informazioni

Figura 49 Salva metainformazioni

Tornando alla maschera di caricamento file e selezionando la checkbox in corrispondenza della voceSovrascrivi file esistenti (figura Carica file sovrascrivendo (page 46)) saragrave possibile aggiornare eventualifile che hanno lo stesso nome di quello che stiamo caricando

Questa procedura egrave utile quando si vuole aggiornare il contenuto di un file che egrave giagrave presente nel DAM

Figura 410 Carica file sovrascrivendo

Nel caso di aggiornamento di un file le meta-informazioni del file rimangono le stesse inserite inprecedenza Come si puograve notare non viene offerta la possibilitagrave di inserirne di nuove

Nel caso in cui un file con lo stesso nome sia giagrave caricato e non si desideri aggiornarlo il file inseritoper ultimo viene rinominato con un suffisso generato automaticamente dal DAM In questo caso la voceSovrascrivi file esistenti non deve essere selezionata (figura Carica file senza sovrascrivere (page 47))

Nellrsquoesempio in figura viene presentata la lista dei file presenti nel mount point selezionato

Da notare la presenza di un file che egrave stato rinominato dal DAM con un suffisso ldquo_01rdquo dato che nellastessa posizione era giagrave presente un file con lo stesso nome

41 Caricamento e Aggiornamento di file 46

DocWeb Release 101

Figura 411 Carica file senza sovrascrivere

41 Caricamento e Aggiornamento di file 47

DocWeb Release 101

42 Ricerca di file allrsquointerno del DAM e modifica delle meta-informazioni

Rimanendo sempre allrsquointerno del modulo Media selezioniamo la voce List egrave possibile effettuare dellericerche dei file e modificare le meta-informazioni associate ai file

Nella figura Backend media list (page 48) distinguiamo

Figura 412 Backend media list

1 Parte relativa ai Mount Point disponibili

2 Parte relativa ai tipi di file caricati nel sistema

3 Schede List Thumbnails Selection Process

Da questa sezione egrave possibile effettuare ricerche sui file caricati nel DAM

Le ricerche che si possono eseguire sono del tipo ldquotrova tutti i file pdf e docrdquo oppure ldquoelenca tutti i filedi tipo immagine ad eccezione dei file con estensione gifrdquo

Per prima cosa facendo click sul nome del tipo file (es gif oppure image) si seleziona solo quel tipo difile e si escludono tutti i criteri selezionati in precedenza

Per aggiungere un altro criterio di ricerca egrave sufficiente selezionare il ldquo+rdquo (punto 1 nella figura Criteri diselezione (page 49)) posto accanto al tipo di file che si vuole selezionare

Con il ldquo-ldquo(punto 2) saragrave possibile rimuovere il tipo di file dai criteri di ricerca

Selezionando ldquo=rdquo (punto 3) egrave possibile introdurre clausole del tipo ldquocerca un file che sia doc e presentenel Mount Point chiamato lsquoArea Testrsquordquo (ossia effettua una ricerca che risponda a tutti i criteri impostati)

Nellrsquoesempio della figura Salva selezione (page 49) sono stati selezionati tutti i tipi di immagine adeccezione dei file con estensione gif Questo risultato si ottiene nel seguente modo

1 selezionare il ldquo+rdquo accanto alla voce ldquoimagerdquo

2 premendo il tasto ldquo-ldquo in corrispondenza della voce ldquogifrdquo

I criteri impostati per la selezione possono essere salvati per un uso futuro Per salvare la selezioneoccorre (figura Salva selezione (page 49))

1 riempire il campo sotto la voce SELECTION con un nome che identifichi la ricerca

2 premere il tasto Save per salvare la modalitagrave di ricerca impostata

In questo modo saragrave possibile richiamare e rieseguire la ricerca impostata anche in futuro senza doverripetere il procedimento di scelta dei criteri mostrato in precedenza

42 Ricerca di file allrsquointerno del DAM e modifica delle meta-informazioni 48

DocWeb Release 101

Figura 413 Criteri di selezione

Figura 414 Salva selezione

42 Ricerca di file allrsquointerno del DAM e modifica delle meta-informazioni 49

DocWeb Release 101

Se in futuro saranno inseriti nuovi file che soddisfano la ricerca salvata questi verranno selezionati quandoverragrave richiamata la ricerca salvata

Dalla figura Ricerca salvata (page 50) egrave possibile notare come richiamare la ricerca salvata In questocaso abbiamo salvato la ricerca con il nome ldquoimmaginisenzagifrdquo

Figura 415 Ricerca salvata

Una volta che si egrave selezionata la ricerca egrave possibile

1 Premere il tasto Load per ricaricare la ricerca precedentemente impostata

2 Premere Remove per rimuovere la ricerca salvata

Una volta effettuata una particolare selezione di file egrave possibile (figura Schede backend media list(page 50))

Figura 416 Schede backend media list

1 vedere il contenuto della selezione (schede List e Thumbnails)

2 vedere i criteri impostati per la ricerca (scheda Selection)

3 modificare le meta-informazioni associate ai file (scheda Process) secondo quanto descritto inprecedenza

Nella figura Scheda selection (page 51) egrave visualizzato come selezionando la scheda Selection egrave possibileprendere visione dei criteri impostati nella ricerca (la ricerca egrave quella dellrsquoesempio precedente)

Selezionando le schede List e Thumbnails dopo avere effettuato una qualsiasi selezione si potrebbe avereuna situazione come quella mostrata nella figura Scheda list (page 51)

Cliccando sullrsquoicona corrispondente ad uno dei file presenti nella lista (selezionato con un cerchio rosso)egrave possibile accedere ad un menugrave contestuale (figura Menu contestuale DAM (page 51))che permette disvolgere le seguenti operazioni

Modifica Offre la possibilitagrave di visualizzare e modificare le meta-informazioni associate al file

Rinomina Selezionando la seguente voce egrave possibile assegnare un altro nome al file che si egrave caricato

Replace file Avvia lrsquooperazione di sostituzione del file

Info Visualizza informazioni relative al file

Cancella Rimuove il file dal DAM

42 Ricerca di file allrsquointerno del DAM e modifica delle meta-informazioni 50

DocWeb Release 101

Figura 417 Scheda selection

Figura 418 Scheda list

Figura 419 Menu contestuale DAM

42 Ricerca di file allrsquointerno del DAM e modifica delle meta-informazioni 51

CAPITOLO 5

Modulo Pagine di download

51 Inserimento e configurazione pagine di download

La creazione di pagine di download egrave utile quando si vuole mettere a disposizione una lista di uno o piugravefile in forma scaricabile

Per creare una pagina di download egrave necessario seguire i seguenti passi

1 Creare una pagina standard

2 Inserire il plugin DAM Download List

3 Configurare il plugin

Per creare una pagina egrave sufficiente entrare nel modulo Pagina e selezionare Crea nuovo record per accederealla finestra di creazione pagine

Nellrsquoesempio in figura Backend creazione contenuto (page 52) egrave stata creata la pagina denominata ldquoPaginadownloadrdquo come figlio della pagina ldquoPagina di provardquo

Figura 51 Backend creazione contenuto

Una volta creata la pagina occorre configurarla in maniera tale da permettere la visualizzazione di unalista di file scaricabili Per fare ciograve occorre inserire un plugin denominato ldquoDAM Download Listrdquo Unplugin egrave un contenuto speciale da inserire in una pagina

52

DocWeb Release 101

Per inserirlo come per un contenuto occorre seguire i seguenti passi (figura Backend creazione contenuto(page 52))

1 Selezionare la pagina in cui inserire il plugin Nellrsquoesempio la pagina denominata ldquoPaginadownloadrdquo

2 Selezionare la voce Clicca qui per il wizard nella maschera che compare quando si vuole inserire unnuovo record

Figura 52 Wizard nuovo contenuto

Oltre ai normali contenuti standard il wizard permette di selezionare (figura Wizard nuovo contenuto(page 53))

1 Contenuti speciali

2 Moduli

3 Plugins

Allrsquointerno della lista dei Plugins selezionare DAM Lista dei file scaricabili (punto 4 nella figura Wizardnuovo contenuto (page 53))

Dopo aver selezionato il plugin occorreragrave selezionare la posizione della pagina in cui inserire lrsquoelemento

Selezionare ldquoNormalerdquo

A questo punto il plugin egrave inserito nella pagina desiderata

51 Inserimento e configurazione pagine di download 53

DocWeb Release 101

Oltre allrsquoinserimento occorre configurare il plugin in modo da dirgli quali file far visualizzare

Una volta che il plugin viene inserito viene aperta una finestra (figura Contenuto pagina (page 54)) doveviene richiesto di selezionare dei file inseriti nel sistema

Figura 53 Contenuto pagina

Per proseguire correttamente egrave necessario salvare immediatamente il Contenuto Pagina altrimenti leoperazioni successive potrebbero andare perse

Per inserire i file nella lista occorre effettuare la seguente operazione (figura Contenuto pagina (page 54))

1 Nella parte della maschera denominata DAM Lista di file scaricabili selezionare lrsquoicona SfogliaRecord (cerchiata in rosso) per avviare la procedura di selezione dei file

Selezionando la voce Sfoglia Record verragrave aperto lrsquoElement Browser di TYPO3 che ci permette di se-lezionare i file da inserire nel plugin La finestra (figura Element browser (page 55)) egrave composta di dueschede

1 Media ndash permette di selezionare i file giagrave esistenti nel sistema

2 Upload ndash permette di caricare nuovi file

Selezionando la sezione Media egrave possibile selezionare dalla lista i file da inserire

51 Inserimento e configurazione pagine di download 54

DocWeb Release 101

Figura 54 Element browser

Se la lista dei file fosse troppo lunga egrave possibile effettuare delle ricerche per nome e per tipologia di file(doc htm )

Per cercare per nome (figura Ricerca per nome (page 55)) occorre inserire nella casella di testo Cercastringa (punto 1 nella figura sopra) il nome o parte del nome del file da cercare Una volta specificata lastringa di ricerca premere il tasto Cerca (punto 2)

Figura 55 Ricerca per nome

Per cercare un particolare tipo di file selezionare il nome dellrsquoestensione che si desidera dallrsquoelenco deitipi di file (figura Ricerca per tipo (page 56))

Nota I due tipi di ricerca possono essere usati contemporaneamente

Selezionando la voce informazioni (punto 1 nella figura Selezione file (page 56)) egrave possibile visualizzarele meta-informazioni associate al file

Premendo con il mouse sul nome del file (punto 2) o sullrsquoicona associata (punto 3) si inserisce il file nellalista dei file da far visualizzare nella pagina di download mediante lrsquoapposito plugin

Selezionando la scheda Upload si puograve inserire un file non presente nel sistema (figura Caricamentoimmediato file (page 56))

51 Inserimento e configurazione pagine di download 55

DocWeb Release 101

Figura 56 Ricerca per tipo

Figura 57 Selezione file

Figura 58 Caricamento immediato file

51 Inserimento e configurazione pagine di download 56

DocWeb Release 101

Scegliere i file dal proprio PC seguendo le operazioni giagrave descritte nel modulo DAM e selezionare dallascheda Media i nuovi file inseriti

Nella figura Plugin con file selezionati (page 57) egrave visualizzato un esempio di maschera di configurazionedel plugin con la lista dei file selezionati

Figura 59 Plugin con file selezionati

I file una volta inseriti possono essere ordinati selezionando sugli appositi bottoni posti a destra dellalista file

bull Per ordinare un determinato file occorre

bull Selezionare un file

Premere uno dei tasti (figura sopra) per

1 Spostare in prima posizione

2 Spostare in alto di una posizione

3 Spostare in basso di una posizione

4 Spostare in ultima posizione

5 Rimuovere dalla lista il file selezionato

Una volta eseguiti i passaggi sopra descritti salvare la configurazione del plugin

51 Inserimento e configurazione pagine di download 57

CAPITOLO 6

Modulo Sitemap

Ersquo possibile generare una mappa del sito scegliendo un contenuto speciale di tipo ldquoMappa del Sitordquo comemostrato nella figura Contenuto mappa del sito (page 58)

Figura 61 Contenuto mappa del sito

Per scegliere un record di tipo ldquomappa del sitordquo (per visualizzare cioegrave la vista dei contenuti possibili)saragrave necessario portarsi in modalitagrave ldquopaginardquo compiendo gli stessi passaggi descritti per la creazione dicontenuti semplici in fase di creazione delle pagine (in questo caso selezionando il contenuto specialemappa)

58

DocWeb Release 101

61 Scheda di configurazione Mappa

La scheda di configurazione si presenta come nella figura Scheda mappa del sito (page 59)

Figura 62 Scheda mappa del sito

I campi fondamentali da personalizzare sono lrsquointestazione (ossia il titolo pagina) il tipo di menugrave e ilpunto di partenza Nellrsquointestazione viene inserito come di consuetudine il titolo pagina

62 Tipo di mappa

Ersquo possibile scegliere il tipo di mappa che si desidera creare consultando il menugrave a tendina ldquotipo di menugraverdquoche ci offriragrave diverse opzioni

Le piugrave frequentemente usate sono di tipo ldquoMenugrave delle sottopagine rdquo come indicato nella figura Tipo dimenu (page 60)

Menugrave delle sottopagine di queste pagine Scegliendo questa opzione da una pagina padre sigenereragrave un record che mostreragrave al suo interno tutte le sottovoci figlio con relativo link

Menugrave delle sottopagine di queste pagine (con abstract) Genera una mappa sia delle sottopagineche dei sottotitoli

Menugrave delle sottopagine di queste pagine + sezioni Genera una mappa sia delle sottopagine chedei record (link alle intestazioni dei singoli record)

Selezionando voci di menugrave di sottopagine egrave anche possibile stabilire un determinato punto di partenzasfogliando lrsquoapposito record

61 Scheda di configurazione Mappa 59

DocWeb Release 101

Figura 63 Tipo di menu

63 Il ldquopunto di partenzardquo della mappa

Il ldquopunto di partenzardquo dei Menugrave delle sottopagine Scheda mappa del sito (page 59) costituisce la paginadalla quale il sistema partiragrave per creare la mappa

Si potragrave quindi creare una mappa (di tipo menugrave delle sottopagine) che mostri solamente il percorso diquella porzione di menugrave che si intende mostrare

63 Il ldquopunto di partenzardquo della mappa 60

CAPITOLO 7

Modulo News

71 Inserimento e modifica di news

Alcune sezioni del nostro sito potrebbero essere state configurate per permettere la visualizzazione dinotizie

Per poter visualizzare le news correttamente occorre che queste ultime vengano inserite in una determi-nata posizione allrsquointerno del backend Da questa posizione che chiameremo repository delle news lenostre pagine andranno a prelevare le news da visualizzare al loro interno

Figura 71 Backend news

Nellrsquoesempio presentato nella figura Backend news (page 61) distinguiamo

1 il repository delle news che egrave stato creato

2 Un esempio di come potrebbe apparire il contenuto del repository delle news (lista delle news)

Per poter visualizzare il contenuto del repository delle news occorre seguire i seguenti passi

1 entrare nel modulo Pagina

61

DocWeb Release 101

2 selezionare il repository delle news corrispondente (nellrsquoesempio della figura Backend news (page 61)il Repository delle news si chiama ldquoNews Area Testrdquo)

Poniamo ora la nostra attenzione alla lista delle news (figura Lista news (page 62)) Da qui egrave possibile

bull Inserire una nuova notizia

bull Modificare le notizie giagrave esistenti

Per inserire una nuova notizia occorre selezionare la voce Crea nuovo record (figura Lista news (page 62))posta in fondo alla lista delle news

Figura 72 Lista news

A questo punto si apre la finestra di creazione Nuovo record da cui occorre selezionare la voce News(figura Nuovo record news (page 62))

Figura 73 Nuovo record news

Eseguendo le operazioni sopra descritte si accede alla maschera di inserimento news (figura Inserimentonews scheda generale (page 63))

Questa si compone di due schede una denominata Generale e unrsquoaltra denominata Relations

Nella scheda Generale egrave possibile inserire

Titolo in questo spazio egrave possibile specificare un titolo della news

Nascondi questo controllo determina se la news egrave pubblicabile oppure no Come avviene per le pagineanche per le news egrave consigliabile tenere la news nascosta durante la lavorazione Facciamo notare

71 Inserimento e modifica di news 62

DocWeb Release 101

Figura 74 Inserimento news scheda generale

71 Inserimento e modifica di news 63

DocWeb Release 101

che appena viene aperta la maschera di inserimento di una nuova news il controllo appare giagrave instato nascosto

Dataora in questo spazio viene indicata la data e lrsquoora della creazione della news in base ai parametridi sistema

Data Archiviazione in questo spazio viene inserita la data di Archiviazione di una news

Autore permette di specificare un autore della news

Email permette di specificare un e-mail a cui fare riferimento

Sottointestazione questo campo conterragrave una breve descrizione (abstract) della news La sottointes-tazione egrave quella parte della news che compare quando viene visualizzata la lista delle news e serveper dare una breve descrizione al contenuto della news (si veda Esempio news (page 64))

Figura 75 Esempio news

Durante lrsquoinserimento di una news egrave consigliabile specificare sempre una sottointestazione

Testo egrave il campo che contiene il contenuto vero e proprio della news Egrave possibile utilizzare tutte lefunzionalitagrave messe a disposizione dallrsquoeditor RTE

72 Modalitagrave Relations

Nella modalitagrave Relations (figura Inserimento news scheda relations (page 65)) egrave possibile inserire

Immagini contiene una lista di immagini da associare alla news Il procedimento per la se-lezionecaricamento delle immagini egrave stato descritto nella parte dedicata alla creazione di paginedi download a cui vi rimandiamo

Didascalia permette di specificare una descrizione per lrsquoimmagine associata alla news

Image alttext e Image titletext permette di specificare un testo che in visualizzazione (Frontend)compariragrave al passaggio del mouse sopra lrsquoimmagine

News correlate permette di specificare news o pagine del sito da associare alla news Il procedimentodi selezione delle news da associare alla notizia saragrave spiegato successivamente

DAM elements permette di assegnare alla news dei documenti da scaricare come per esempioil programma di un determinato evento Anche in questo caso il procedimento per la se-lezionecaricamento dei documenti egrave quello giagrave descritto nella parte dedicata alla creazione dipagine di download

Descriviamo il procedimento da seguire per associare alcune pagine o alcune news alla notizia che stiamoinserendo

Premere il tasto di Sfoglia Record evidenziato nella figura Sfoglia record news (page 65)

Verragrave aperta una finestra che contiene un Element Browser che ci permette di selezionare le newspagine(figura Element browser news (page 66)) da associare

La finestra di selezione si suddivide nelle seguenti parti (figura sopra)

Alberatura del sito da cui egrave possibile esplorare gli elementi del nostro sito (pagine sysfolder )Premendo con il tasto sinistro del mouse sul nome della pagina o sulla freccia corrispondente verragraveaggiornata la parte di destra della finestra in cui egrave inserita la lista degli elementi associabili

72 Modalitagrave Relations 64

DocWeb Release 101

Figura 76 Inserimento news scheda relations

Figura 77 Sfoglia record news

72 Modalitagrave Relations 65

DocWeb Release 101

Figura 78 Element browser news

Lista degli elementi associabili egrave quindi possibile selezionare gli elementi da associare alla newsPer associare un elemento si puograve selezionare il simbolo ldquo+rdquo posto accanto allrsquoelemento desideratoo agendo sul nome del file Nel primo caso lrsquoelemento viene aggiunto ma la finestra non si chiuderagrave(utile per effettuare selezioni multiple) mentre nel secondo caso lrsquoelemento viene aggiunto e lafinestra si chiuderagrave (selezione singola)

Nota Per associare una o piugrave news alla notizia che stiamo inserendo occorreragrave innanzitutto selezionareil repository delle news e utilizzando i metodi descritti in precedenza indicare le news di interesse

Nella figura Selezione repository (page 66) viene visualizzato come appare lrsquoElement Browser dopo averselezionato il repository delle news denominato ldquoNews Corso Typo3rdquo

Figura 79 Selezione repository

Una volta ultimato il procedimento di inserimento di una news vedremo che nel repository compariragrave(figura News nel repository (page 67)) anche quella da noi creata Nellrsquoesempio la news creata si chiamaldquoTitolo della news di provardquo

Dalla lista delle news possiamo notare che i diversi tipi di news sono contrassegnati con icone diverse

In particolare distinguiamo

72 Modalitagrave Relations 66

DocWeb Release 101

Figura 710 News nel repository

bull News (icona ldquocelestinardquo)

bull Collegamento a URL esterna (icona ldquorosardquo)

bull Collegamento a pagina interna (icona ldquogiallinardquo)

Per modificare il contenuto di una news egrave sufficiente selezionare il simbolo di modifica (figura Modificanews (page 67)) in corrispondenza della news da modificare

Figura 711 Modifica news

73 News collegata a URL esterna e a pagina interna

Attraverso la selezione della finestra ldquoTipordquo egrave possibile scegliere diverse tipologie di news

Nella figura News collegata a url esterna (page 68) egrave stato selezionato il Collegamento a URL esterna checi offriragrave la possibilitagrave di specificare un link (ldquoURL esternordquo) da far visualizzare e che saragrave contraddistintain lista da lrsquoicona di colore rosa

Selezionando il Collegamento a pagina interna viene offerta la possibilitagrave di inserire un collegamento auna pagina del sito (evidenziato nella figura News collegata a pagina interna (page 69))

La news si presenteragrave con icona di color ldquogiallordquo e al suo interno conterragrave un link alla pagina interna alsito

73 News collegata a URL esterna e a pagina interna 67

DocWeb Release 101

Figura 712 News collegata a url esterna

73 News collegata a URL esterna e a pagina interna 68

DocWeb Release 101

Figura 713 News collegata a pagina interna

73 News collegata a URL esterna e a pagina interna 69

DocWeb Release 101

74 Eliminazione delle News

Per eliminare una news possiamo procedere tra lrsquoaltro in due modi

1 Selezionare la news da eliminare dallrsquoelenco e selezionare la voce ldquocancellardquo dal menugrave a tendinaconsultabile cliccando con il pulsante destro sullrsquoicona in corrispondenza della news (figura Eliminanews da menu contestuale (page 70))

Figura 714 Elimina news da menu contestuale

2 Entrare allrsquointerno della modalitagrave di modifica della news attraverso lrsquoicona ldquomatitardquo e selezionare lrsquoi-cona raffigurante il bidone di elimina posta in alto pagina (figura Elimina news da scheda contenuto(page 70))

Figura 715 Elimina news da scheda contenuto

75 Ordinamento delle News e ricerca

Puograve essere necessario durante la visualizzazione della lista delle news (lato backend) di dover effettuaredegli ordinamenti al fine di permettere una ricerca piugrave veloce delle news da modificare

74 Eliminazione delle News 70

DocWeb Release 101

Avvertimento Lrsquoordinamento ha valore solo come ricerca allrsquointerno del backend mentre latofrontend rispecchieragrave i parametri prestabiliti dal sistema

Supponiamo per esempio di voler effettuare un ordinamento per Titolo Seguiamo i seguenti passi(figura sotto)

1 Selezionare la voce di menugrave Lista

2 Selezionare il deposito delle news (repository) News Corso Typo3

3 Cliccare con il mouse in corrispondenza della voce ldquoTitolordquo

A questo punto (figura Ordinamento news (page 71)) le news vengono ordinate in ordine crescente(vengono visualizzate prima le news con titolo che inizia con la lettera a b e cosigrave via)

Figura 716 Ordinamento news

Se clicchiamo unrsquoaltra volta sulla voce ldquoTitolordquo il tipo di ordinamento cambia da crescente a decrescente(compariranno per prima le news con titolo che inizia per z )

Egrave inoltre possibile ordinare secondo campo da noi specificato Per definire il nome di un campo (ad estesto inizio autore ) su cui effettuare lrsquoordinamento occorreragrave spostarsi in fondo alla lista delle newsdove troveremo una lista di campi (figura Mostra campo aggiuntivo news (page 71))

Figura 717 Mostra campo aggiuntivo news

Dalla lista possiamo

bull Selezionare la voce in base alla quale effettuare lrsquoordinamento (ad esempio Immagini)

bull Premere il tasto Imposta campi per aggiungere alla lista dei campi visualizzati quello selezionato

75 Ordinamento delle News e ricerca 71

DocWeb Release 101

A questo punto il campo selezionato (nel nostro esempio il campo Immagini) compare nella lista dellenews (il campo aggiunto egrave evidenziato con un riquadro in alto a destra nella figura Ordinamento campoaggiuntivo news (page 72))

Figura 718 Ordinamento campo aggiuntivo news

Effettuare le stesse operazioni illustrate per il campo Titolo per ordinare in modo crescente e decrescentele news secondo il criterio impostato (click pulsante sinistro sul nome etichetta)

Egrave anche possibile ricercare le news in base al testo contenuto nel titolo sottotitolo descrizione eccUtilizzando la maschera di ricerca in fondo pagina (evidenziata nella figura Ricerca news (page 72))

Figura 719 Ricerca news

Per effettuare una ricerca egrave necessario seguire i seguenti passi

1 Inserire nel campo Cerca Stringa il testo da cercare (nel nostro esempio ldquonequerdquo)

2 Premere il tasto Cerca per eseguire la ricerca secondo i criteri impostati

In questo modo nella lista delle news compariranno solo quelle che contengono il testo specificatoEffettuata la ricerca egrave possibile effettuare degli ordinamenti come spiegato in precedenza

75 Ordinamento delle News e ricerca 72

CAPITOLO 8

Modulo Eventi

Avvertimento SEZIONE NON COMPLETA

Si confrontino i seguenti due tipi di contenuti

Evento egrave un tipo di contenuto adatto a descrivere qualcosa che accadragrave o che egrave accaduto in una certadata La data o le date in cui lrsquoevento ricorre sono strettamente legate ad un luogo in cui lrsquoeventosi verificheragravesi egrave verificato Gli eventi vengono rappresentati mediante la metafora dellrsquoagenda edel calendario

Notizia egrave un tipo di contenuto caratterizzato dalla data di pubblicazione secondo la metafora delgiornale online E come in un giornale online una notizia puograve riferirsi sia a fatti giagrave accaduti chea fatti a venire

Nota Per comprendere meglio la differenza tra i due tipi di contenuto si pensi che dato un eventoche ha una certa data di svolgimento (ad es 20 maggio) di tale evento posso realizzare piugrave di unanotizia Rimanendo nellrsquoesempio potrei pubblicare una notizia il 10 maggio per preannunciare lrsquoeventoe poi unrsquoaltra il 18 maggio per ricordarne lrsquoimminenza Infine potrei pubblicare una notizia di riepilogo(cronaca dellrsquoevento immagini ecc) il 22 maggio

81 Scopo del modulo Eventi

Il visitatore del sito deve poter cogliere le informazioni essenziali di un evento

bull Cosa sta per succedere

bull Dove accadragrave

bull Quando accadragrave

82 Il Backend ndash Modulo Pagina

Vedi figura Eventi vista modulo pagina (page 74)

83 Il Backend ndash Modulo Lista

Vedi figura Eventi vista modulo lista (page 74)

73

DocWeb Release 101

Figura 81 Eventi vista modulo pagina

Figura 82 Eventi vista modulo lista

83 Il Backend ndash Modulo Lista 74

DocWeb Release 101

84 Creazione di un evento

Prima di procedere poniamoci qualche domanda

bull Lrsquoevento appartiene a qualche rassegna iniziativa per la quale sono in programma altri eventiPer esempio

ndash Rassegne teatrali cinematografiche

ndash Festival

bull Lrsquoevento si ripete

ndash La replica avviene sempre nello stesso luogo

841 Creazione del record

Vedi figura Creazione nuovo evento (page 75)

Vedi figura Creazione nuovo record evento (page 76)

Figura 83 Creazione nuovo evento

842 Scheda ldquoGeneralerdquo

Vedi figura Evento scheda generale (page 76)

843 Scheda ldquoFinestra temporalerdquo

Orario repliche

Vedi figura Evento finestra temporale (page 78)

84 Creazione di un evento 75

DocWeb Release 101

Figura 84 Creazione nuovo record evento

Figura 85 Evento scheda generale

84 Creazione di un evento 76

DocWeb Release 101

bull Lrsquoorario va solo per le Finestre temporali di un giorno (data inizio = data fine)

bull Se non si conosce lrsquoora della fine impostare ora inizio = ora fine

844 Scheda ldquoTestordquo

Vedi figura Evento scheda testo (page 79)

84 Creazione di un evento 77

DocWeb Release 101

Figura 86 Evento finestra temporale

84 Creazione di un evento 78

DocWeb Release 101

Figura 87 Evento scheda testo84 Creazione di un evento 79

  • Introduzione
    • Cosegrave DocWeb
    • Concetti chiave
      • Funzionalitagrave di Base
        • Il CMS Typo3 ldquobackendrdquo e ldquofrontendrdquo
        • Cambio password di accesso
        • Albero delle pagine
        • Implementazione delle pagine ldquogenitori rdquo e ldquofiglirdquo
        • Inserimento Nuova pagina
        • Elementi standard della pagina
        • Inserimento contenuti di una pagina
        • Contenuti multipli allrsquointerno di una pagina
        • Modifica dei contenuti della pagina
        • Spostamento di pagine
        • Eliminazione pagine
        • Rich Text Editor
        • Modalitagrave Lista
        • Modalitagrave Mostra
        • Modalitagrave ldquoMonta come radice dellrsquoalberordquo
        • Ottenere il page-id di una pagina
        • Admin Panel
          • La Clipboard
            • Copia o spostamento di un contenuto singolo di pagina allrsquointerno di unrsquoaltra pagina
            • Copia o spostamento di piugrave contenuti da una pagina ad unrsquoaltra
              • Modulo DAM (Digital Asset Management)
                • Caricamento e Aggiornamento di file
                • Ricerca di file allrsquointerno del DAM e modifica delle meta-informazioni
                  • Modulo Pagine di download
                    • Inserimento e configurazione pagine di download
                      • Modulo Sitemap
                        • Scheda di configurazione Mappa
                        • Tipo di mappa
                        • Il ``punto di partenza della mappa
                          • Modulo News
                            • Inserimento e modifica di news
                            • Modalitagrave Relations
                            • News collegata a URL esterna e a pagina interna
                            • Eliminazione delle News
                            • Ordinamento delle News e ricerca
                              • Modulo Eventi
                                • Scopo del modulo Eventi
                                • Il Backend ndash Modulo Pagina
                                • Il Backend ndash Modulo Lista
                                • Creazione di un evento
Page 5: DocWeb€¦ · per la realizzazione e la gestione di siti web della Pubblica Am-ministrazione. La piattaforma tecnologica utilizzata è il CMS (Content Management System) Open SourceTypo31

CAPITOLO 1

Introduzione

11 Cosrsquoegrave DocWeb

Docweb egrave un insieme di soluzioni tecnologiche e organizzativeper la realizzazione e la gestione di siti web della Pubblica Am-ministrazione La piattaforma tecnologica utilizzata egrave il CMS(Content Management System) Open Source Typo31 opportuna-mente configurato e integrato da moduli software appositamentesviluppati dalla (o per conto della) Provincia di Pesaro e Urbino

Ma cosrsquoegrave in concreto il Sistema Provinciale di Gestione PortaliDocweb

Si tratta di un sistema software che consente di realizzare e gestirefacilmente i siti web degli enti

Docweb egrave dotato di una serie di moduli e funzionalitagrave fornite di basea tutti gli utenti oltre che di ldquomaschererdquo grafiche personalizzabili chesoddisfano la normativa sullrsquoaccessibilitagrave dei siti web delle PA (LeggeStanca dlgs n 404)

Il sistema Docweb che viene da tempo utilizzato dallrsquoAmministrazione Provinciale per gestire i proprisiti web viene messo a disposizione degli enti senza alcun onere aggiuntivo nellrsquoambito delle convenzioniche regolano i servizi della Rete Telematica Provinciale e in particolare del Centro Servizi Territoriale2

12 Concetti chiave

Le caratteristiche fondamentali che devono soddisfare i moderni siti web sono

bull usabilitagrave (facilitagrave di navigazione e di reperimento delle informazioni)

bull accessibilitagrave (siti fruibili anche da persone diversamente abili o non dotate di strumenti tecnologiciavanzati)

I concetti chiave sono pertanto

bull separazione dei contenuti (le informazioni) dalla modalitagrave e dalla veste grafica con cui questicontenuti vengono visualizzati

bull utilizzo dei Content Management System per facilitare la realizzazione di siti web dinamicifacilmente aggiornabili e usabili

1httptypo3org2httpwwwcstpuit

2

DocWeb Release 101

Docweb consente di affrontare e risolvere facilmente tali problematiche

Nota Sici Templates e Catalogo DocWeb sono raccolte di codice TypoScript (linguaggio specificodi Typo3) HTML e CSS che utilizziamo nei nostri siti e che sono rilasciate con licenza GPL3

Sici Templates e Catalogo DocWeb definiscono lrsquoaspetto grafico la modalitagrave di navigazione e le funzionidei nostri siti web configurando Typo3 CMS Framework e le sue numerose estensioni

3httpwwwgnuorglicensesgplhtml

12 Concetti chiave 3

CAPITOLO 2

Funzionalitagrave di Base

21 Il CMS Typo3 ldquobackendrdquo e ldquofrontendrdquo

I termini ldquobackendrdquo e ldquofrontendrdquo ricorreranno spesso per indicare e diversificare lrsquoambiente ldquodi gestionee pubblicazione dei contenutirdquo da quello di visualizzazione dei contenuti (sito on-line)

In sintesi

Per Backend (BE) (figura Backend (page 4)) intendiamo lrsquoambiente di lavoro sul quale andremo adoperare per la creazione e gestione delle pagine e dei vari contenuti del sito (generalmente raggiungi-bile utilizzando un semplice browser es Firefox Microsoft Internet Explorer previa autenticazionea un indirizzo web del tipo httpwwwnomesitotypo3) In questa guida useremo come esempiohttpwwwentiprovinciapuittypo3 ma va sostituito dallrsquoutente con quello effettivo

Il Frontend (FE) (figura Frontend (page 5)) egrave il risultato del lavoro sviluppato nel backend e costituiscelrsquoambiente on-line visibile agli utenti esterni Le operazioni compiute dal backend si riflettono nel frontendche puograve essere cosigrave gestito e modificato secondo le nostre necessitagrave

Nota In fase di inserimento e gestione dei contenuti tramite BE egrave sempre opportuno verificare con ilFE la corretta visualizzazione delle pagine

Figura 21 Backend

Avvertimento Ersquo opportuno tenere presente che il backend prevede piugrave modalitagrave di esecuzione perraggiungere uno stesso obiettivo Nella guida sono descritti i passaggi piugrave comunemente utilizzati

4

DocWeb Release 101

Figura 22 Frontend

22 Cambio password di accesso

Lrsquousername e la password proteggono lrsquoarea da eventuali intrusioni e costituiscono lrsquoaccesso univoco epersonale per ciascun Utente (per motivi di sicurezza egrave opportuno variare la propria password al primoaccesso al sistema)

Per cambiare la password di accesso saragrave necessario eseguire il primo collegamento allrsquoambi-ente di gestione del portale lanciando il browser (Firefox) e collegandosi allrsquoindirizzo webhttpwwwentiprovinciapuittypo3 (figura Url per login (page 5))

Figura 23 Url per login

Saragrave proposta una maschera di identificazione dove andremo ad inserire il nostro account costituito dausername e password (figura Maschera login (page 5))

1 inserire username

2 inserire password

3 click con il pulsante sinistro del mouse sul bottone ldquoEntrardquo per accedere al servizio

Figura 24 Maschera login

22 Cambio password di accesso 5

DocWeb Release 101

Avvertimento Alcuni browser propongono messaggi (figura Messaggio salva password (page 6))relativi al salvataggio automatico della password nel sistema per non dover digitare nuovamente ipropri dati al secondo Log In Si consiglia di non scegliere di salvare i propri dati o il completamentoautomatico di essi per una questione di sicurezza

Figura 25 Messaggio salva password

In caso di errata digitazione dei dati dellrsquoaccount ci saragrave chiesto di inserire nuovamente username epassword (figura Login fallito (page 6))

Figura 26 Login fallito

Il messaggio ci informa che il Log In egrave fallito e ci da alcune indicazioni sul motivo che puograve aver provocatoil problema Ci chiede di assicurarci di aver scritto correttamente Username e Password facendo ancheattenzione alle lettere Minuscole e Maiuscole

Se eseguito bene il Log In ci condurragrave in una nuova schermata

In virtugrave dellrsquoimportanza costituita dai dati di autenticazione la prima operazione da compiere una voltaeseguito il Log In saragrave quella di modificare il proprio account come segue (figura Modifica password(page 7))

1 dal menugrave di sinistra scegliere la voce ldquosetuprdquo inserita nel menugrave ldquoutenterdquo quindi cliccare con ilpulsante sinistro del mouse

2 nella schermata che si apriragrave a destra digitare la nuova password che si desidera utilizzare Ilcampo si trova nella parte bassa della pagina indicato dalla diciture ldquoNuova passwordrdquo

3 confermare nel campo sottostante ldquoRipeti passwordrdquo la password scelta

4 confermare il tutto cliccando con il pulsante sinistro del mouse sul bottone ldquoSalva configurazionerdquo

5 click sullrsquoultimo pulsante a sinistra ldquoUscitardquo per eseguire il Log Out

Cambiata la password ed eseguito il Log Out mediante il pulsante ldquoUscitardquo potremo eseguire nuovamenteil ldquoLog Inrdquo digitando la nostra nuova password che da quel momento saragrave subito attiva

Per motivi di sicurezza al termine di ogni sessione di gestione dei contenuti egrave opportuno effettuare ilLog Out dal sistema

22 Cambio password di accesso 6

DocWeb Release 101

Figura 27 Modifica password

23 Albero delle pagine

Si noti come lrsquoaspetto del Backend (figura Backend tripartito (page 8)) sia suddiviso in tre aree verticalisuddivise tra loro mediante una spessa riga grigia

bull La prima colonna a sinistra della pagina (punto 1) ci consentiragrave di compiere tutte le operazioninecessarie a lavorare creando e modificando contenuti ecc

bull la seconda colonna al centro della pagina (punto 2) rappresenta lrsquoalberatura vera e propria del sitoon-line In essa vedremo rispecchiati i menugrave le pagine e i contenuti testuali che verranno (o chesono) pubblicati

bull la terza area a destra della pagina (punto 3) rappresenta lrsquoambiente dove andremo materialmentead operare sulle pagine e sui contenuti

Nota La stringa in basso a sinistra ldquoModifica pagina con IDrdquo puograve essere utilizzata per selezionareuna pagina ricercandola tramite il suo numero ID Ad ogni pagina viene associato automaticamente unnumero (ID) unico e distinto per ognuna di esse

Il numero ID si rivela al passaggio del mouse (senza cliccare) sul simbolo grafico posto accanto alle vocidi menugrave nella colonna ndeg 2 Il numero ID viene anche riportato on-line come parte finale di un indirizzoweb

Esempio httpwwwentiprovinciapuitindexphpid=3018

Nellrsquoesempio il numero ID della pagina egrave 3018

Nella versione finale del portale potranno essere utilizzati URL statici (eshttpwwwentiprovinciapuitattivitahtml) per agevolare i collegamenti diretti ad alcune sezioni opagine del portale

23 Albero delle pagine 7

DocWeb Release 101

Figura 28 Backend tripartito

24 Implementazione delle pagine ldquogenitori rdquo e ldquofiglirdquo

Affincheacute un sito ldquofunzionirdquo egrave necessario che la distribuzione delle pagine con le rispettive sottopagine siachiara ed essenziale

Gli argomenti vanno sempre divisi ed organizzati per facilitare lrsquoindividuazione del contenuto la letturadel messaggio la comprensione dellrsquooggetto in essere Se ad esempio stessimo parlando di calcio sarebbesempre opportuno ed auspicabile creare una pagina ldquoSERIE Ardquo che introduca allrsquoargomento trattato esuccessivamente collegare allrsquointerno della categoria altre pagine ldquoRomardquo ldquoJuventusrdquo ldquoMilanrdquo che a lorovolta possano condurre ad altri argomenti ldquocalciatorirdquo fino a ridurre il tutto ai minimi termini

25 Inserimento Nuova pagina

Selezionare (figura Seleziona pagina (page 8)) con un click del pulsante sinistro la prima voce ldquopaginardquodella colonna 1

Figura 29 Seleziona pagina

Nella seconda colonna portiamoci su una delle voci dellrsquoelenco (preferibilmente al livello in cui si desiderainserire la pagina) e facciamo click con il pulsante destro del mouse Si apriragrave (figura Seleziona nuovo(page 9)) un ulteriore menugrave di opzioni a tendina dal quale scegliamo la 3deg voce ldquonuovordquo

24 Implementazione delle pagine ldquogenitori rdquo e ldquofiglirdquo 8

DocWeb Release 101

Figura 210 Seleziona nuovo

Verragrave caricata nella 3deg area una schermata come indicato nella figura Vista Backend (page 10)

Scegliamo la 1deg opzione ldquoPagina (dentro)rdquo cliccando con il pulsante sinistro del mouse sulla voce ldquoCliccaqui per il wizardrdquo Si caricheragrave la schermata di figura Seleziona posizione (page 10)

Si noti come la schermata riproduca le pagine esistenti ed il loro posizionamento nel menugrave potremoindicare cliccando sulle frecce grigie la posizione dove desideriamo inserire la nostra pagina Scegliamoad esempio di voler inserire la nostra pagina allrsquointerno della sezione ldquoTest Abanetrdquo

Avvertimento Ovviamente la sezione ldquoTest Abanetrdquo egrave solo un esempio Usare le sezioni presentinel vosto sito di riferimento

Andremo quindi a cliccare sulla freccia che si trova appunto allrsquointerno del record (come indicato infigura)

Verragrave caricata una schermata che ci chiederagrave di specificare altri elementi indispensabili alla creazione diuna nuova pagina (vedi sezione successiva)

26 Elementi standard della pagina

Si faccia riferimento alla (figura Modifica intestazioni pagina (page 11))

Nascondi pagina In fase di elaborazione di una nuova pagina egrave sempre bene puntare il piccolo quadratoin basso a sinistra della sezione ldquonascondi paginardquo in modo tale da permetterci di lavorare suicontenuti in tutta tranquillitagrave prima della pubblicazione on-line

Tipo Assegna alla pagina una determinata tipologia o scopo

Titolo pagina Indicare il titolo della pagina (ad es ldquoPagina di Provardquo

Selezione di template per lrsquoarea contenuti Ersquo la possibilitagrave di variare lo ldquoschemardquo di visualiz-zazione della pagina (es pagina a 3 colonne pagina a due colonne con menu di navigazionesulla sinistra etc)

Salvare Ogni operazione deve essere salvata per essere resa effettiva

261 Varie opzioni di salvataggio

In relazione al punto (5) nella fase di salvataggio si noti come ci vengono proposte diverse icone (figuraIcone salvataggio (page 11))

26 Elementi standard della pagina 9

DocWeb Release 101

Figura 211 Vista Backend

Figura 212 Seleziona posizione

26 Elementi standard della pagina 10

DocWeb Release 101

Figura 213 Modifica intestazioni pagina

Figura 214 Icone salvataggio

26 Elementi standard della pagina 11

DocWeb Release 101

1 Il documento viene salvato lrsquoambiente si ricarica automaticamente il menugrave centrale si aggiornacon la comparsa della pagina da noi creata nella posizione da noi assegnata

2 Il documento viene salvato lrsquoambiente si ricarica automaticamente il menugrave centrale si aggiornacon la comparsa della pagina da noi creata nella posizione da noi assegnata e si apre una nuovafinestra del browser contenente la preview (anteprima di visualizzazione) della nostra pagina

3 Il documento viene salvato lrsquoambiente si ricarica automaticamente sulla schermata successivail menugrave centrale si aggiorna con la comparsa della pagina da noi creata nella posizione da noiassegnata

4 Il documento viene chiuso e non salvato

5 Elimina la pagina

Nota La quinta icona (ldquoElimina paginardquo) compariragrave solo dopo aver salvato il documento la primavolta Inoltre gli stessi simboli si ritroveranno anche in fase di modifica di pagine giagrave create

Da osservare il simbolo proposto accanto alla nuova pagina da noi creata (figura Pagina nascosta(page 12)) ad indicare la modalitagrave ldquonascostardquo

Figura 215 Pagina nascosta

Lrsquoicona posta a sinistra ricorda una pagina con una ldquoXrdquo rossa in alto a destra e indica che la pagina egravenascosta (punto 1 modifica intestazioni) e non visibile dallrsquoesterno

Le altre voci con simbolo diverso di pagina su sfondo giallo sono on-line e quindi consultabili dal FrontEnd

Pubblicata la pagina nascosta lrsquoicona cambieragrave automaticamente aspetto e la voce di menugrave saragraveconsultabile anche dal Front End

27 Inserimento contenuti di una pagina

Avendo precedentemente creato e salvato una pagina ldquoPagina di Provardquo andiamo ad inserire un contenuto

Ersquo possibile procedere in due modi effettuare un click con il pulsante sinistro del mouse sulla icona o sultitolo ldquoPagina di Provardquo oppure cliccare con il pulsante destro del mouse sullrsquoicona posta a sinistra deltitolo pagina e scegliere ldquomodificardquo

In entrambe i casi il sistema aggiorna la terza area (vedi figura Backend tripartito (page 8)) doveandremo a lavorare

Per creare un contenuto nella posizione di default (Normale) clicchiamo sullrsquoicona cerchiata di rosso (vedifigura Crea contenuto normale (page 13)) nel box ldquonormalerdquo

In alternativa si puograve scegliere di usare la voce in basso a sinistra ldquoCrea nuovo recordrdquo e successivamentescegliere di creare un nuovo contenuto pagina con il ldquowizardrdquo

27 Inserimento contenuti di una pagina 12

DocWeb Release 101

Figura 216 Crea contenuto normale

Per entrambe le opzioni si apriragrave una schermata come nella figura Seleziona contenuto paragrafo(page 14))

Scegliamo di inserire un paragrafo di testo semplice Notiamo come il sistema ci consente di scegliereforme alternative di contenuti (es immagini sotto il testo a sinistra solo immagini ecc) Approfondire-mo in seguito le modalitagrave per creare contenuti piugrave articolati e contenuti multipli e selezioniamo la voceldquoparagrafo di testordquo

271 Paragrafo di testo

Allrsquointerno di un paragrafo di testo potremo inserire un contenuto e tutte le opzioni ad esso legato (figuraModifica contenuto testo (page 15))

Si noti come lrsquoarea egrave divisa in 4 blocchi orizzontali Tipo Intestazione Testo Opzioni generali Inbasso e in alto troviamo anche la serie di icone per il salvataggio del documento di cui abbiamo giagraveprecedentemente parlato

Area Tipo

Nel menugrave a tendina dellrsquoarea tipo egrave possibile modificare il tipo di contenuto che vogliamo inserire Laschermata ci dice che siamo su ldquotestordquo ma volendo potremmo anche cambiare con le altre forme dicontenuto a nostra disposizione

Area Intestazione

Rappresenta il titolo della pagina Viene inserito allrsquoinizio della pagina ed ha una rilevanza graficamaggiore rispetto al resto del contenuto

Un buon titolo egrave breve ma incisivo rispecchia in poche parole il contenuto della pagina riassumelrsquoargomento trattato

27 Inserimento contenuti di una pagina 13

DocWeb Release 101

Figura 217 Seleziona contenuto paragrafo

27 Inserimento contenuti di una pagina 14

DocWeb Release 101

Figura 218 Modifica contenuto testo

27 Inserimento contenuti di una pagina 15

DocWeb Release 101

Ersquo inoltre possibile anche se sconsigliabile associare un link allrsquointestazione cambiare la sua posizioneinserire una data

Testo

Rappresenta con il suo grande quadrilatero bianco lrsquoarea allrsquointerno della quale andremo ad inserire ilnostro testo

Digitando un semplice testo in visualizzazione questo assumeragrave colore dimensione e carattere inconformitagrave allo stile preimpostato per le pagine del sito

Per la formattazione del testo saragrave possibile usare lo strumento RTE (di seguito descritto)

Opzioni generali (parametri di visibilitagrave)

Apparizione programmata

Cliccando accanto al quadrato della voce ldquoInizio rdquo e ldquoFinerdquo si attiveragrave un modulo data che ci consentiragravedi impostare le date di Inizio pubblicazione e di Fine pubblicazione (depubblicazione) di una pagina

Potremo quindi stabilire quando una pagina dovragrave essere pubblicata eo quando dovragrave cessare di esserevisibile on-line La programmazione dellrsquoinizio di pubblicazione non implica che ci sia necessariamenteuna fine e vice versa

Ciograve significa che potremo quindi decidere di pubblicare una pagina in una certa data e che la pubblicazioneduri nel tempo (almeno fino a quando non decideremo di togliere la visualizzazione on-line manualmente)

Pagine nascoste

Ersquo possibile nascondere il contenuto delle pagine cliccando il quadrato a sinistra della voce ldquoNascondirdquoScegliendo questa opzione la pagina continueragrave ad esistere ma non saragrave visibile il suo contenuto

Lrsquoopzione si rileva particolarmente utile in caso di pagina strutturata su contenuti multipli

28 Contenuti multipli allrsquointerno di una pagina

Avendo creato una pagina potremo in ogni momento svilupparla ulteriormente aggiungendo ulterioricontenuti

Clicchiamo sul menugrave di sinistra sulla voce ldquoPaginardquo in modo da caricare il menugrave centrale contenentelrsquoalberatura del sito

Clicchiamo sul titolo della pagina da modificare con il pulsante sinistro oppure con il destro e scegliamoldquomodificardquo

A destra si apriragrave il nostro ambiente di lavoro come nella figua Modifica contenuto normale (page 17)

Vedremo in pratica la stessa schermata proposta per la creazione di una nuova pagina con lrsquoaggiunta dialcune icone come indicato in figura

1 Modifica

2 Nuovo record

3 Cerca Stringa

Cliccando su Modifica comrsquoegrave intuibile saremo riportati nella pagine dellrsquoeditor dove potremo modificareil nostro testo link immagini ecc

Cliccando su nuovo record invece avremmo la possibilitagrave di aggiungere un nuovo contenuto alla paginae nella posizione che sceglieremo

28 Contenuti multipli allrsquointerno di una pagina 16

DocWeb Release 101

Figura 219 Modifica contenuto normale

28 Contenuti multipli allrsquointerno di una pagina 17

DocWeb Release 101

Il contenuto non avragrave vincoli con i record precedenti pur apparendo nella stessa pagina del frontend Ciogravegarantisce una vantaggiosa gestione delle pagine che suddivise in ldquosezionirdquo potranno essere di volta involta pubblicate cancellate modificate a blocchi di contenuto senza toccare lrsquointera pagina

Si potragrave suddividere la stessa pagina in diverse aree (record) ossia ldquocontenuti multiplirdquo via via aggiornabilianche da altri utenti di redazione

Ersquo inoltre possibile effettuare una ricerca su di un contenuto di tipo testuale allrsquointerno delle pagine edei record utilizzando il campo ldquoCerca Stringardquo La ricerca puograve essere effettuata allrsquointerno della paginae dei suoi record ed estesa anche ai livelli inferiori

29 Modifica dei contenuti della pagina

Creata una pagina potremo modificarla ogni volta che saragrave necessario

Per modificare una pagina saragrave sufficiente selezionarla dal menugrave portandosi con il cursore del mouse aldi sopra del titolo e cliccando con il pulsante destro su di essa (figura Modifica pagina (page 18))

Una pagina da modificare potragrave anche essere raggiunta tramite la ricerca dellrsquoID (vedi capitolo 3 Alberodelle pagine)

Scegliere la voce ldquomodificardquo dal menugrave a tendina che si apriragrave dopo il click

Figura 220 Modifica pagina

A destra nellrsquoarea principale si apriragrave la schermata riportante il contenuto della pagina selezionata

Potremo scegliere lrsquoelemento da modificare cliccando sullrsquoicona matita

Nota Ricordarsi sempre di salvare per rendere effettive le modifiche e di ricontrollare la visualizzazionedella pagina modificata

Per modificare lrsquointestazione di una pagina egrave sufficiente selezionare la voce ldquoModifica intestazionirdquo dalmenugrave portandosi con il cursore del mouse al di sopra del titolo e cliccando con il pulsante destro su diesso (figura Menu modifica intestazioni pagina (page 19))

210 Spostamento di pagine

Oltre le modifiche stilistiche testuali e di contenuto di una pagina possiamo modificarne la posizione

29 Modifica dei contenuti della pagina 18

DocWeb Release 101

Figura 221 Menu modifica intestazioni pagina

Per spostare la posizione di una pagina allrsquointerno di un menugrave selezioniamola dal menugrave principale conclick sinistro del mouse

Nella schermata di destra scegliamo lrsquoicona

Si apriragrave un menugrave che ci mostreragrave lrsquoalberatura del nostro sito (esattamente come per lrsquoinserimento diuna nuova pagina) composto da pagine principali (genitori) e pagine ad esse collegate (figli)

A questo punto dovremo solo scegliere dove spostare la pagina muovendoci sulle frecce grigie sottostantie sovrastanti le varie voci di menugrave

Avvertimento Spostando una pagina genitore anche i figli vengono spostati con esso

211 Eliminazione pagine

Per eliminare le pagine egrave sufficiente selezionare la pagina in questione dal menugrave principale cliccando conil pulsante destro del mouse su di essa e scegliere la voce del menugrave a tendina che si apriragrave ldquoCancellardquo

Avvertimento Non egrave possibile cancellare una pagina genitore Ossia non egrave possibile cancellareuna pagina che al suo interno contiene altre pagine prima che questrsquoultime trovino una collocazionealternativa

212 Rich Text Editor

Quando si inserisce un contenuto nellrsquoarea di testo (inserito digitando direttamente allrsquointerno dellrsquoap-posita area o copiato e incollato da fonte esterna con la dovuta cautela) egrave possibile personalizzarlo eformattarlo utilizzando le funzionalitagrave previste dal Rich Text Editor (RTE)

Nota Un testo copiatoincollato da altri programmi va ldquoripulitordquo prima di essere pubblicato poicheacuteil modulo che utilizzeremo tende a mantenere la formattazione originaria del carattere delle immaginidei colori falsando la linea grafica omogenea e standard del nostro portale

In ogni modo quando si salva un documento il cui testo conteneva una formattazione proveniente ad es-empio da un documento di tipo word questo viene automaticamente ldquoripulito nel codicerdquo ed egrave opportunocontrollare la visualizzazione

211 Eliminazione pagine 19

DocWeb Release 101

Proviamo ad inserire ad esempio una semplice frase allrsquointerno del box testo (figura Box testo RTE(page 20))

Figura 222 Box testo RTE

La frase viene digitata direttamente nellrsquoarea testo mantenendo un tipo di formattazione ldquonormalerdquo

2121 Testo grassetto corsivo sottolineato (bold italic underline)

Proviamo a selezionare la frase ldquoProvincia di Pesaro e Urbinordquo tenendo premuto il pulsante sinistro delmouse trascinando il cursore dalla P di Provincia alla o di Urbino

In alternativa portare il cursore alla P di Provincia tenere tasto maiuscolo premuto e muoversi con lefrecce per selezionare il testo

Lrsquoesempio egrave utile per capire che per effettuare una determinata azione di tipo stilistico su una frase oparola egrave necessario che la frase o la parola siano preventivamente selezionate

Figura 223 Comandi box testo RTE

212 Rich Text Editor 20

DocWeb Release 101

Se il testo egrave stato selezionato correttamente vedremo la parola ldquoProvincia di Pesaro e Urbinordquo evidenziatadi blu scuro

Click sinistro sul simboloicona ldquoBrdquo (figura Comandi box testo RTE (page 20)) per creare un effettoldquograssettordquo al testo

Click sinistro sul simboloicona ldquoIrdquo per il corsivo-italico

Click sinistro sul simboloicona ldquoU ldquo per il sottolineato

Nota Il Grassetto dona alle parole un sapore piugrave incisivo e si utilizza per enfatizzare termini importantie di rilievo

LrsquoItalico viene usato comunemente per indicare le date gli indirizzi le citazioni

Il Sottolineato su web viene comunemente usato nelle parole ldquolinkaterdquo (ossia che rimandano ad altrepagine web) per cui se ne sconsiglia lrsquouso in un testo semplice per evitare confusione

2122 Elenco Puntato e Numerato

Portiamoci con il cursore allrsquointerno della box di testo

Selezioniamo lrsquoicona Lista non numerata (Elenco puntato semplice)

Vedremo comparire un simbolo tontoromboidale e potremo dare vita ad una lista

bull Voce 1

bull Voce 2

bull Voce 3 ecc

Allo stesso modo potremo creare una lista numerata avvalendoci dellrsquoicona ldquoLista numeratardquo

Lrsquoelenco viene numerato

1 Voce 1

2 Voce 2

3 Voce 3 ecc

2123 Pulsanti di Annulla e Ripristina

Compiuta una determinata azione egrave possibile tornare indietro o ripristinarla tramite i pulsanti ldquoAnnullalrsquoultima azionerdquo e ldquoRifai lrsquoultima azionerdquo

Piugrave volte si clicca sui pulsanti piugrave volte lrsquoazione viene ripetuta indietro ed avanti nel tempo

2124 Copia Taglia Incolla

Selezionando un testo potremo tagliarlo copiarlo e incollarlo

Copia selezionare il testo utilizzare lrsquoicona ldquocopia selezionerdquo per copiare

Taglia il testo viene eliminato ma resta in memoria per essere eventualmente incollato altrove odefinitivamente cancellato Ersquo possibile tenere in memoria solo lrsquoultimo testo o parola tagliato

Incolla Un testo precedentemente copiato o tagliato puograve essere incollato nuovamente o su diversoambiente

212 Rich Text Editor 21

DocWeb Release 101

2125 Rimuovi Formattazione

Ersquo possibile che il testo importato e incollato nellrsquoarea testo da altra fonte (es documento word) sildquosporchirdquo e ne acquisisca le caratteristiche stilistiche in maniera non corretta

Ersquo necessario pulire il testo selezionandolo e cliccando su ldquorimuovi formattazionerdquo

Si apriragrave un pop-up (nuova finestra) che ci proporragrave diversi elementi da pulire selezioniamo ciograve che ciinteressa e clicchiamo su OK

2126 Inserisci Caratteri Speciali

Alcune volte puograve essere necessario inserire dei caratteri o simboli non presenti sulla tastiera o nonconvenzionali per i quali esiste una mappa di caratteri speciali

Il sistema propone diversi tipi di caratteri speciali tra i piugrave comuni e frequentemente usati per adoperarliegrave sufficiente cliccare sullrsquoapposita icona ldquoInserisci Caratteri Specialirdquo

Una finestra ci mostreragrave una vasta gamma di simboli tra i quali potremo scegliere quello che ci interessa

2127 Inserisci Tabella

Per agevolare lrsquoinserimento di dati numerici in forma ldquoTabellarerdquo si puograve ricorrere allrsquoinserimento di unatabella contraddistinta dallrsquoapposito simbolo

La tabella puograve essere immaginata come una quaderno a ldquoquadrettirdquo dove ogni ldquoscacchettordquo corrispondead una cella

Scegliendo di inserire una tabella si apriragrave una finestra pop-up dove andremo ad inserire parametridi spaziatura fra celle numero di righe e colonne che compongono la tabella spessore del bordoallineamento rispetto alla pagina ecc

2128 Link

Ogni sito egrave composto da pagine consultabili e collegate tra loro tramite link

I link sono i collegamenti presenti sulle voci di menugrave parole immagini ecc

Ersquo possibile collegare pagine appartenenti ad uno stesso sito un indirizzo web di un sito esterno ounrsquoe-mail un file da scaricare un immagine ecc

Nota Immettendo nel testo un indirizzo web o e-mail completo il programma egrave in grado di capireautomaticamente che si tratta di un link e collegare gli elementi automaticamente

Volendo invece collegare elementi non scritti in forma completa si dovragrave procedere come segue

Selezioniamo la parola o frase che vogliamo collegare (come precedentemente visto) e clicchiamo sullrsquoiconaldquoInserisci Linkrdquo

Si apriragrave un pop-up come indicato nella prossima figura

Link ad una pagina interna al sito

La finestra ci propone lrsquoalberatura del nostro sito con le pagine in esso presenti (La voce attiva egraveldquopaginardquo di colore giallomarrone rispetto alle altre voci del pop-up)

Selezionando (figura Link interno (page 23)) la pagina che vorremo collegare il pop-up si chiuderagrave e laparola che avevamo selezionato precedentemente per il link cambieragrave aspetto

La vedremo blu e sottolineata il che indica che il link egrave attivato

212 Rich Text Editor 22

DocWeb Release 101

Figura 224 Link interno

Ersquo anche possibile creare dei link che aprono la pagina collegata allrsquointerno di una ldquofinestra di pop-uprdquocioegrave dentro una nuova finestra del browser Specificando le dimensioni di altezza e larghezza della nuovafinestra allrsquointerno degli appositi campi

Link ad una pagina esterna al sito

Selezioniamo una parola o frase che vogliamo collegare (come precedentemente visto) e clicchiamosullrsquoicona ldquoInserisci Linkrdquo

Scegliamo nel menugrave in alto proposto dal pop-up il bottone ldquoURL esternordquo (figura Link esterno (page 23))

Figura 225 Link esterno

Impostiamo nel campo URL lrsquoindirizzo web che vogliamo linkare prestando attenzione a scriverlo peresteso e senza cancellare http

Clicchiamo su ldquoImposta Linkrdquo

Il pop-up si chiuderagrave e la parola che avevamo selezionato precedentemente per il link cambieragrave aspetto

212 Rich Text Editor 23

DocWeb Release 101

La vedremo blu e sottolineata il che indica che il link egrave attivato

2129 Link ad unrsquoEmail

Come precedentemente visto scrivendo un indirizzo e-mail valido il programma di gestione egrave in grado dicapire che si tratta di un indirizzo di posta elettronica e il link viene impostato automaticamente

Tuttavia ci sono dei casi in cui non egrave possibile o si preferisce non indicare lrsquoindirizzo e-mail per estesoad esempio potremmo avere ldquoPer informazioni scrivicirdquo

Volendo potremmo fare in modo che sulla parola ldquoscrivicirdquo ci sia impostata la funzione di invio e-mail

Selezioniamo quindi la parola andiamo su ldquoInserisci Linkrdquo scegliendo poi ldquoEmailrdquo

Inseriamo lrsquoindirizzo E-mail nellrsquoapposito campo e clicchiamo su ldquoimposta Linkrdquo

21210 Link ad un file scaricabile

Per collegare un file (espdf txt gif ecc) egrave necessario copiarlo dal proprio PC al server web

Non egrave infatti possibile che una pagina pubblicata su internet prenda come link dei files che di fatto sonosalvati in una directory del nostro computer

Typo3 mette a disposizione un area dovrsquoegrave possibile pubblicare i files per poi essere resi disponibili ai linkossia rende disponibile lrsquo ldquoUploadrdquo dei files da pc a server

Scegliere dal menugrave di sinistra sotto la sezione ldquoMediardquo la voce ldquoFilerdquo (figura Seleziona file (page 24))

Figura 226 Seleziona file

Si apriragrave sulla destra una nuova area dove troveremo i campi utili a ldquosfogliarerdquo il contenuto del nostropc al fine di passare i file o i files dal nostro computer al manager

Effettuato il passaggio potremo ritornare alla nostra pagina e riprendere la procedura di ldquocreazione linkrdquoselezionando questa volta la voce ldquoFilerdquo del pop-up

I campi proposti sono del tutto simili a quelli di creazione di link su pagine del sito e un elenco di files(tutti quelli disponibili caricati) potranno essere collegati

213 Modalitagrave Lista

Selezionando la voce ldquolistardquo (figura Backend modalitagrave lista (page 25)) dal menugrave di sinistra egrave possibileesplorare una pagina ldquopadrerdquo e tutte le pagine ldquofiglirdquo ed essa associate

Avvertimento Ricordarsi di attivare la voce in basso ldquoVista Estesardquo

213 Modalitagrave Lista 24

DocWeb Release 101

Figura 227 Backend modalitagrave lista

Utilizzando le icone poste alla destra di ogni voce si possono compiere diverse operazioni di modificavisualizzazione spostamento copia e incolla pagina ecc come precedentemente descritto

Dunque potremo dire che la modalitagrave lista costituisce una scorciatoia per semplificare ogni sorta dioperazione soprattutto in presenza di un numero considerevole di files

214 Modalitagrave Mostra

Figura 228 Backend modalitagrave mostra

Selezionando la voce ldquoMostrardquo (figura Backend modalitagrave mostra (page 25)) dal menugrave di sinistra egrave possibilenavigare il sito allrsquointerno del docweb direttamente nel backend

214 Modalitagrave Mostra 25

DocWeb Release 101

Inoltre accanto ai vari record troveremo posta lrsquoicona matita per eseguire eventuali modifichedirettamente sul punto e la pagina prescelti

Anche la modalitagrave ldquoMostrardquo come la rdquoListardquo (cap 13) costituisce una scorciatoia particolarmente indicataper semplificare lrsquooperazione di visualizzazione del sito e di modifica

215 Modalitagrave ldquoMonta come radice dellrsquoalberordquo

Quando esistono diverse e numerose pagine egrave possibile gestire solo la porzione di contenuto che ci interessariducendo lrsquoalberatura del sito (lato backend) ai minimi termini mediante il comando ldquomonta come radicedellrsquoalberordquo

Per effettuare il comando procedere come segue

Cliccare con il pulsante destro del mouse sul titolo pagina dal menugrave centrale

Selezionare la voce ldquoaltre opzionirdquo dal menugrave a tendina (figuraMenu altre opzioni (page 26)) che compariragravecome conseguenza dellrsquoazione descritta al punto uno

Figura 229 Menu altre opzioni

Selezionare dallrsquoulteriore menugrave che si apriragrave (figura Seleziona monta come radice (page 26)) la voceldquoMonta come radice dellrsquoalberordquo

Figura 230 Seleziona monta come radice

Lrsquoalberatura si ridurragrave automaticamente mostrando solo la porzione selezionata

Per ripristinare lo stato di partenza selezionare la voce in alto nel menugrave centrale (figura Elimina DBmount (page 26)) ldquoElimina DB mount temporaneordquo

Figura 231 Elimina DB mount

Il menugrave si espanderagrave nuovamente mostrando tutte le voci esistenti

215 Modalitagrave ldquoMonta come radice dellrsquoalberordquo 26

DocWeb Release 101

216 Ottenere il page-id di una pagina

2161 Frontend (FE)

Da frontend si puograve ottenere il page-id della pagina corrente nei seguenti modi

1 dalla barra degli indirizzi del proprio browser (figura Id dallrsquourl (page 27)) Il numero della paginaegrave quello dopo la stringa ldquoid=rdquo Nella figura egrave cerchiata in verde la stringa ldquoid=rdquo e il numero dellapagina (page-id)

Figura 232 Id dallrsquourl

2 Puntando il mouse sulla scritta [id] a pieacute pagina e leggendo il tooltip (figura Id dal tooltip (page 27))

Figura 233 Id dal tooltip

3 Solo per browser Firefox dal menugrave di contesto scegliere la voce ldquoVisualizza info paginardquo si apreuna finestra consultare quindi la lista Meta sotto la scheda Generale (Id dagli attributi (page 28))

2162 Backend (BE)

Da backend egrave possibile ottenere il page-id nei seguenti modi

1 leggendo il tooltip puntando il mouse sullrsquoicona della pagina nel riquadro della struttura del sito(figura Id dal tooltip nel backend (page 28))

2 dal modulo di modifica delle intestazioni della pagina (figura Id dalle intestazioni pagina nel backend(page 28)) Il numero egrave tra le parentesi quadre dopo il titolo della pagina

217 Admin Panel

Quando si inseriscono contenuti con Typo3 (backend) egrave possibile visualizzare unrsquoanteprima della paginache si sta creando per vedere i risultati del lavoro svolto

Per visualizzare unrsquoanteprima di una pagina occorre (figura Menu mostra (page 29))

1 posizionarsi sulla pagina da visualizzare

2 premere il tasto sinistro del mouse in corrispondenza del nome

216 Ottenere il page-id di una pagina 27

DocWeb Release 101

Figura 234 Id dagli attributi

Figura 235 Id dal tooltip nel backend

Figura 236 Id dalle intestazioni pagina nel backend

217 Admin Panel 28

DocWeb Release 101

Figura 237 Menu mostra

3 selezionare la voce Mostra

In base alla pagina scelta si avragrave un risultato come quello visualizzato nella figura Anteprima pagina conAdmin panel (page 29)

Figura 238 Anteprima pagina con Admin panel

La pagina presenteragrave nella parte superiore lrsquoanteprima della pagina Nella parte inferiore vienevisualizzato uno strumento denominato Admin Panel

Questo oggetto offre lato front-end alcune funzionalitagrave (figura Moduli Admin panel (page 30)) cheaiutano i gestori di contenuti nella creazionemodifica delle pagine web del sito

NellrsquoAdmin panel (figura sopra) egrave possibile distinguere

217 Admin Panel 29

DocWeb Release 101

Figura 239 Moduli Admin panel

1 Modulo Preview ndash offre la possibilitagrave di selezionare alcune opzioni sulla pagina per simulare alcunesituazioni in cui la pagina si puograve trovare durante la visualizzazione

2 Modulo Cache ndash offre la possibilitagrave di gestire la cache

Allrsquointerno del modulo Preview abbiamo le seguenti voci

Mostra pagine nascoste selezionando la casella di controllo corrispondente a questa voce si visual-izzeranno anche quelle che attualmente non sono visibili allrsquointerno del sito o perchegrave in lavorazioneo perchegrave ancora non egrave stata data lrsquoautorizzazione alla pubblicazione

Mostra record nascosti come per le pagine questa voce offre la possibilitagrave di poter visualizzare allrsquoin-terno della pagina quei contenuti nascosti che non sono ancora ultimati o che sono in attesa di unautorizzazione per la pubblicazione

Simula data con questo controllo egrave possibile simulare il comportamento della pagina in periodi tem-porali diversi Utilizzando la casella di testo egrave possibile inserire delle date In questo modo sirende possibile la visualizzazione di quegli elementi (ad es pagine news ) che sono abilitati acomparirescomparire in base a determinati criteri temporali impostati

Simula gruppo di utenti con questo controllo egrave possibile simulare il comportamento delle pagine inbase ad un determinato gruppo di utenti che vi accede Alcune pagine possono infatti avere uncomportamento diverso in base al tipo di utente che vi accede

Nota Durante la creazione di pagine egrave possibile restringere la visione di una determinata pagina aparticolari tipi di utenti (utenti di frontend) Questa caratteristica offre la possibilitagrave di definire delle areead accesso riservato del sito ossia sezioni del sito a cui egrave possibile accedere solo dopo essersi autenticatie dopo avere avuto i necessari diritti di accesso

Una volta selezionate le opportune scelte allrsquointerno dellrsquoADMIN Panel occorreragrave premere il tasto Aggior-na (figura Aggiorna Admin panel (page 31)) per prendere visione della pagina secondo i criteri impostati

Nota Nel caso in cui lrsquoutente abbia la possibilitagrave di accedere da back-end a piugrave siti (ciascuno con unproprio dominio) bisogna tenere presente che lrsquoADMIN Panel compare soltanto per le pagine relativeal dominio con cui lrsquoutente ha fatto il login In altre parole se un operatore ad esempio egrave abilitatoa lavorare sulle pagine di backend dei siti httpwwwsitoesempio1it e httpwwwsitoesempio2it ese lrsquooperatore accede al backend di DocWeb con lrsquoindirizzo httpwwwsitoesempio1ittypo3 allora

217 Admin Panel 30

DocWeb Release 101

Figura 240 Aggiorna Admin panel

lrsquoADMIN Panel compariragrave solo sulle pagine di frontend del dominio wwwsitoesempio1it e non su quelledel dominio wwwsitoesempio2it

217 Admin Panel 31

CAPITOLO 3

La Clipboard

Lrsquooggetto clipboard (rdquoblocco degli appuntirdquo) egrave molto utile quando si ha la necessitagrave di copiare o spostareuno o piugrave elementi di contenuto o una o piugrave pagine da una sezione del sito (contenitore di pagine) adunrsquoaltra

31 Copia o spostamento di un contenuto singolo di pagina allrsquointernodi unrsquoaltra pagina

Per prima cosa egrave necessario (figura Identifica contenuto (page 32))

Figura 31 Identifica contenuto

1 selezionare la voce Lista

2 selezionare la pagina che contiene il contenuto che si intende copiare (nella figura abbiamo sceltola pagina denominata ldquoCorso di formazione su Typo3rdquo

32

DocWeb Release 101

3 identificare dalla lista dei contenuti associati alla pagina quello da spostare

Supponiamo che si desideri copiare il contenuto denominato ldquoTesto 2rdquo (figura Copia contenuto (page 33))

Figura 32 Copia contenuto

Egrave sufficiente cliccare sullrsquoicona (nella figura sopra evidenziata con un cerchio rosso) di copia incorrispondenza del contenuto da copiare

Dopo avere eseguito questa operazione nella figura Risultato copia contenuto (page 34) possiamo notare

1 Egrave comparsa unrsquoicona nuova che mette in evidenza che nella clipboard egrave presente un elemento

2 Lrsquoicona di copia in corrispondenza del contenuto da spostare ha cambiato aspetto

A questo punto lrsquooggetto che si intende copiare egrave presente nella nostra clipboard

Il passo successivo egrave quello di selezionare la pagina in cui andare a posizionare lrsquoelemento (paginadestinazione)

Rimanendo sempre allrsquointerno del modulo Lista occorreragrave selezionare dallrsquoalberatura delle pagine la pag-ina destinazione Il procedimento da seguire per posizionarsi sulla pagina egrave lo stesso descritto in prece-denza Nella figura Incolla contenuto (page 34) viene evidenziato il contenuto di una pagina (denominataldquoPagina di Provardquo) in cui vogliamo copiare il contenuto

Per copiare il contenuto della clipboard nella pagina selezionare lrsquoicona Incolla contenuto Clipboard

Confermando lrsquooperazione il contenuto saragrave copiato allrsquointerno della pagina selezionata

Per effettuare lo spostamento di un contenuto di pagina allrsquointerno di unrsquoaltra pagina cliccare sullrsquoicona

di Taglia al posto dellrsquoicona copia e ripetere le operazioni sopra descritte

1 Selezionando la casella Mostra clipboard (figura Vista clipboard (page 35)) egrave possibile visualiz-zare lrsquooggetto clipboard Nel caso in figura lrsquoelemento copiato in precedenza (Testo 2) egrave ancoradisponibile allrsquointerno della clipboard Utilizzando il procedimento descritto infatti il contenuto

31 Copia o spostamento di un contenuto singolo di pagina allrsquointerno di unrsquoaltra pagina 33

DocWeb Release 101

Figura 33 Risultato copia contenuto

Figura 34 Incolla contenuto

31 Copia o spostamento di un contenuto singolo di pagina allrsquointerno di unrsquoaltra pagina 34

DocWeb Release 101

selezionato rimane ancora a disposizione dellrsquoutente che potragrave selezionare altre pagine destinazionesu cui eventualmente andare a copiare il contenuto Nel caso in cui si selezioni un altro elementoad esempio ldquoTesto 1rdquo lrsquoelemento presente viene automaticamente sostituito

2 Dallrsquooggetto clipboard egrave possibile rimuovere un elemento premendo il bottone di Elimina postoaccanto ad esso

Figura 35 Vista clipboard

Con il procedimento descritto fino ad ora egrave possibile scegliere soltanto un contenuto alla volta

32 Copia o spostamento di piugrave contenuti da una pagina ad unrsquoaltra

Nel caso in cui ci si trovi nella necessitagrave di copiare piugrave di un contenuto da una pagina allrsquoaltra egrave necessarioseguire i passi seguenti

1 Selezionare il modulo Lista

2 Selezionare la pagina di origine da cui prelevare i contenuti

3 Selezionare la casella Mostra clipboard

4 Selezionare una clipboard tra quelle denominate ldquoClipboard 1rdquo ldquoClipboard 2rdquo ldquoClipboard 3rdquo(punto 3 figura Vista clipboard con contenuto selezionato (page 36))

Selezionando ad esempio la clipboard contrassegnata come ldquoclipboard 1rdquo si avragrave la seguente situazione

32 Copia o spostamento di piugrave contenuti da una pagina ad unrsquoaltra 35

DocWeb Release 101

Figura 36 Vista clipboard con contenuto selezionato

32 Copia o spostamento di piugrave contenuti da una pagina ad unrsquoaltra 36

DocWeb Release 101

1 In corrispondenza di ogni contenuto si evidenzia una Casella di selezione Sopra la colonna con lecaselle di selezione egrave comparsa una lista di bottoni tra cui al momento distinguiamo

2 Bottone di copia elementi nella clipboard

3 Bottone di selezione tuttinessuno

Scegliendo ad esempio i primi due elementi e premendo il pulsante di copia elementi nella clipboard sipuograve notare che (figura Copia nella clipboard (page 37))

Figura 37 Copia nella clipboard

1 La clipboard che abbiamo scelto per la selezione multipla (ldquoClipboard 1rdquo) contiene la lista deglioggetti che abbiamo scelto di copiare

2 Ersquo comparsa lrsquoicona di Incolla contenuto Clipboard

La procedura della selezione della pagina di destinazione rimane identica a quella giagrave utilizzata per lacopia di un contenuto singolo (selezionare la pagina di destinazione su cui andare a posizionare i contenutiselezionati)

Egrave importante fare notare che seguendo le operazioni descritte sopra si ottiene come risultato lospostamento dei contenuti dalla pagina origine a quella destinazione

Se si desidera copiare gli elementi selezionati egrave necessario una volta selezionati gli elementi da copiarepremere il tasto copia gli items invece di spostarli (evidenziato con un cerchio rosso nella figura Tagliadalla clipboard (page 38))

32 Copia o spostamento di piugrave contenuti da una pagina ad unrsquoaltra 37

DocWeb Release 101

Figura 38 Taglia dalla clipboard

32 Copia o spostamento di piugrave contenuti da una pagina ad unrsquoaltra 38

DocWeb Release 101

In questo modo dopo avere confermato lrsquooperazione i contenuti o le pagine da copiare saranno presentisia nella pagina origine che in quella destinazione

32 Copia o spostamento di piugrave contenuti da una pagina ad unrsquoaltra 39

CAPITOLO 4

Modulo DAM (Digital AssetManagement)

Il modulo DAM (Digital Asset Management) offre la possibilitagrave di raccogliere e catalogare contenuti informato digitale come immagini documenti presentazioni

Ogni file inserito puograve essere corredato di informazioni aggiuntive (meta-informazioni) come la descrizionelrsquoautore parole chiave ecc

Attraverso il modulo DAM egrave possibile svolgere le seguenti operazioni

bull Caricamento e Aggiornamento di file

bull Ricerca di file allrsquointerno del DAM e modifica delle meta-informazioni associate ai file

41 Caricamento e Aggiornamento di file

Lrsquooperazione di CaricamentoAggiornamento di file serve per sottoporre al sistema DAM un particolarecontenuto memorizzato in formato digitale

Lrsquoelemento caricato saragrave poi disponibile a chi inserisce contenuti

Per iniziare lrsquooperazione di caricamento di un file egrave sufficiente selezionare la voce File che si trovaallrsquointerno del modulo Media (figura Menu file (page 41))

La maschera che si apre (figura File upload (page 41)) offre le seguenti possibilitagrave

1 Selezione della posizione dove andare a caricareaggiornare il file

2 Specificare alcuni documenti da caricare (area File)

Concentrandoci sullrsquoarea File (figura Dettaglio file upload (page 42)) distinguiamo

1 Voce Show upload location browser (punto 1 figura sopra) egrave possibile visualizzare i file attualmentecaricati nel Mount Point selezionato

2 Lista di bottoni denominati Sfoglia da utilizzare nel caso in cui si desideri caricareaggiornareun file

Se si desidera caricare un file occorre cliccare sul bottone Sfoglia

La finestra che appare (figura Sfoglia file (page 42)) permette di selezionare dal proprio PC il file dacaricare

Per selezionare un file da caricare occorre

1 Esplorare le cartelle del proprio PC per trovare il file

40

DocWeb Release 101

Figura 41 Menu file

Figura 42 File upload

41 Caricamento e Aggiornamento di file 41

DocWeb Release 101

Figura 43 Dettaglio file upload

Figura 44 Sfoglia file

41 Caricamento e Aggiornamento di file 42

DocWeb Release 101

2 Inserire il nome del file nella casella di testo Nome file

3 Premere il tasto Apri

Una volta che si egrave selezionato un file egrave possibile

1 selezionare altri file da caricare seguendo gli stessi passi descritti in precedenza

2 effettuare lrsquooperazione di caricamento del file vero e proprio

Dallrsquoesempio abbiamo scelto di caricare un solo file

Il caricamento dei file viene eseguito premendo il bottone ldquoUpload filesrdquo che si trova in fondo alla listadei file selezionati (figura File selezionato (page 43))

Figura 45 File selezionato

Se tutto egrave stato eseguito correttamente appariragrave una finestra come quella nella figura Process files(page 44)

In questa maschera egrave possibile

1 Specificare le meta-informazioni per il singolo file come ad esempio il titolo parole chiavedescrizione

2 Avviare il processo di elaborazione multipla premendo il bottone Process selected files Con questoprocesso egrave possibile inserire o modificare le meta-informazioni per tutti i file della lista (in questocaso solo uno)

Se si vuole eseguire lrsquoinserimento delle meta-informazioni per singolo file la finestra che si apre egrave similea quella presentata in figura Elaborazione metainformazioni singolo file (page 44)

Nel caso si scelga di eseguire il processo di elaborazione multipla la maschera che compare (figuraElaborazione metainformazioni file multipli (page 45)) permette di selezionare le meta-informazioni chelrsquoutente intende inserire contemporaneamente per tutti i file della selezione

41 Caricamento e Aggiornamento di file 43

DocWeb Release 101

Figura 46 Process files

Figura 47 Elaborazione metainformazioni singolo file

41 Caricamento e Aggiornamento di file 44

DocWeb Release 101

Figura 48 Elaborazione metainformazioni file multipli

41 Caricamento e Aggiornamento di file 45

DocWeb Release 101

Se si seleziona la checkbox accanto alla voce che eventualmente saragrave inserita questa viene aggiuntaalle informazioni eventualmente giagrave presenti (modalitagrave append) Nellrsquoaltro caso le informazioni sarannosovrascritte

I campi Titolo e Descrizione sono obbligatori mentre il campo Parole chiavi puograve essere valorizzato adiscrezione dellrsquoutente Informazioni su come valorizzare i campi elencati sopra saranno descritte suapposite linee guida

Per completare lrsquoinserimentoaggiornamento delle meta-informazioni riguardanti il file caricato occorrepremere il tasto Send (figura Salva metainformazioni (page 46)) in fondo alla maschera per il salvataggiodelle informazioni

Figura 49 Salva metainformazioni

Tornando alla maschera di caricamento file e selezionando la checkbox in corrispondenza della voceSovrascrivi file esistenti (figura Carica file sovrascrivendo (page 46)) saragrave possibile aggiornare eventualifile che hanno lo stesso nome di quello che stiamo caricando

Questa procedura egrave utile quando si vuole aggiornare il contenuto di un file che egrave giagrave presente nel DAM

Figura 410 Carica file sovrascrivendo

Nel caso di aggiornamento di un file le meta-informazioni del file rimangono le stesse inserite inprecedenza Come si puograve notare non viene offerta la possibilitagrave di inserirne di nuove

Nel caso in cui un file con lo stesso nome sia giagrave caricato e non si desideri aggiornarlo il file inseritoper ultimo viene rinominato con un suffisso generato automaticamente dal DAM In questo caso la voceSovrascrivi file esistenti non deve essere selezionata (figura Carica file senza sovrascrivere (page 47))

Nellrsquoesempio in figura viene presentata la lista dei file presenti nel mount point selezionato

Da notare la presenza di un file che egrave stato rinominato dal DAM con un suffisso ldquo_01rdquo dato che nellastessa posizione era giagrave presente un file con lo stesso nome

41 Caricamento e Aggiornamento di file 46

DocWeb Release 101

Figura 411 Carica file senza sovrascrivere

41 Caricamento e Aggiornamento di file 47

DocWeb Release 101

42 Ricerca di file allrsquointerno del DAM e modifica delle meta-informazioni

Rimanendo sempre allrsquointerno del modulo Media selezioniamo la voce List egrave possibile effettuare dellericerche dei file e modificare le meta-informazioni associate ai file

Nella figura Backend media list (page 48) distinguiamo

Figura 412 Backend media list

1 Parte relativa ai Mount Point disponibili

2 Parte relativa ai tipi di file caricati nel sistema

3 Schede List Thumbnails Selection Process

Da questa sezione egrave possibile effettuare ricerche sui file caricati nel DAM

Le ricerche che si possono eseguire sono del tipo ldquotrova tutti i file pdf e docrdquo oppure ldquoelenca tutti i filedi tipo immagine ad eccezione dei file con estensione gifrdquo

Per prima cosa facendo click sul nome del tipo file (es gif oppure image) si seleziona solo quel tipo difile e si escludono tutti i criteri selezionati in precedenza

Per aggiungere un altro criterio di ricerca egrave sufficiente selezionare il ldquo+rdquo (punto 1 nella figura Criteri diselezione (page 49)) posto accanto al tipo di file che si vuole selezionare

Con il ldquo-ldquo(punto 2) saragrave possibile rimuovere il tipo di file dai criteri di ricerca

Selezionando ldquo=rdquo (punto 3) egrave possibile introdurre clausole del tipo ldquocerca un file che sia doc e presentenel Mount Point chiamato lsquoArea Testrsquordquo (ossia effettua una ricerca che risponda a tutti i criteri impostati)

Nellrsquoesempio della figura Salva selezione (page 49) sono stati selezionati tutti i tipi di immagine adeccezione dei file con estensione gif Questo risultato si ottiene nel seguente modo

1 selezionare il ldquo+rdquo accanto alla voce ldquoimagerdquo

2 premendo il tasto ldquo-ldquo in corrispondenza della voce ldquogifrdquo

I criteri impostati per la selezione possono essere salvati per un uso futuro Per salvare la selezioneoccorre (figura Salva selezione (page 49))

1 riempire il campo sotto la voce SELECTION con un nome che identifichi la ricerca

2 premere il tasto Save per salvare la modalitagrave di ricerca impostata

In questo modo saragrave possibile richiamare e rieseguire la ricerca impostata anche in futuro senza doverripetere il procedimento di scelta dei criteri mostrato in precedenza

42 Ricerca di file allrsquointerno del DAM e modifica delle meta-informazioni 48

DocWeb Release 101

Figura 413 Criteri di selezione

Figura 414 Salva selezione

42 Ricerca di file allrsquointerno del DAM e modifica delle meta-informazioni 49

DocWeb Release 101

Se in futuro saranno inseriti nuovi file che soddisfano la ricerca salvata questi verranno selezionati quandoverragrave richiamata la ricerca salvata

Dalla figura Ricerca salvata (page 50) egrave possibile notare come richiamare la ricerca salvata In questocaso abbiamo salvato la ricerca con il nome ldquoimmaginisenzagifrdquo

Figura 415 Ricerca salvata

Una volta che si egrave selezionata la ricerca egrave possibile

1 Premere il tasto Load per ricaricare la ricerca precedentemente impostata

2 Premere Remove per rimuovere la ricerca salvata

Una volta effettuata una particolare selezione di file egrave possibile (figura Schede backend media list(page 50))

Figura 416 Schede backend media list

1 vedere il contenuto della selezione (schede List e Thumbnails)

2 vedere i criteri impostati per la ricerca (scheda Selection)

3 modificare le meta-informazioni associate ai file (scheda Process) secondo quanto descritto inprecedenza

Nella figura Scheda selection (page 51) egrave visualizzato come selezionando la scheda Selection egrave possibileprendere visione dei criteri impostati nella ricerca (la ricerca egrave quella dellrsquoesempio precedente)

Selezionando le schede List e Thumbnails dopo avere effettuato una qualsiasi selezione si potrebbe avereuna situazione come quella mostrata nella figura Scheda list (page 51)

Cliccando sullrsquoicona corrispondente ad uno dei file presenti nella lista (selezionato con un cerchio rosso)egrave possibile accedere ad un menugrave contestuale (figura Menu contestuale DAM (page 51))che permette disvolgere le seguenti operazioni

Modifica Offre la possibilitagrave di visualizzare e modificare le meta-informazioni associate al file

Rinomina Selezionando la seguente voce egrave possibile assegnare un altro nome al file che si egrave caricato

Replace file Avvia lrsquooperazione di sostituzione del file

Info Visualizza informazioni relative al file

Cancella Rimuove il file dal DAM

42 Ricerca di file allrsquointerno del DAM e modifica delle meta-informazioni 50

DocWeb Release 101

Figura 417 Scheda selection

Figura 418 Scheda list

Figura 419 Menu contestuale DAM

42 Ricerca di file allrsquointerno del DAM e modifica delle meta-informazioni 51

CAPITOLO 5

Modulo Pagine di download

51 Inserimento e configurazione pagine di download

La creazione di pagine di download egrave utile quando si vuole mettere a disposizione una lista di uno o piugravefile in forma scaricabile

Per creare una pagina di download egrave necessario seguire i seguenti passi

1 Creare una pagina standard

2 Inserire il plugin DAM Download List

3 Configurare il plugin

Per creare una pagina egrave sufficiente entrare nel modulo Pagina e selezionare Crea nuovo record per accederealla finestra di creazione pagine

Nellrsquoesempio in figura Backend creazione contenuto (page 52) egrave stata creata la pagina denominata ldquoPaginadownloadrdquo come figlio della pagina ldquoPagina di provardquo

Figura 51 Backend creazione contenuto

Una volta creata la pagina occorre configurarla in maniera tale da permettere la visualizzazione di unalista di file scaricabili Per fare ciograve occorre inserire un plugin denominato ldquoDAM Download Listrdquo Unplugin egrave un contenuto speciale da inserire in una pagina

52

DocWeb Release 101

Per inserirlo come per un contenuto occorre seguire i seguenti passi (figura Backend creazione contenuto(page 52))

1 Selezionare la pagina in cui inserire il plugin Nellrsquoesempio la pagina denominata ldquoPaginadownloadrdquo

2 Selezionare la voce Clicca qui per il wizard nella maschera che compare quando si vuole inserire unnuovo record

Figura 52 Wizard nuovo contenuto

Oltre ai normali contenuti standard il wizard permette di selezionare (figura Wizard nuovo contenuto(page 53))

1 Contenuti speciali

2 Moduli

3 Plugins

Allrsquointerno della lista dei Plugins selezionare DAM Lista dei file scaricabili (punto 4 nella figura Wizardnuovo contenuto (page 53))

Dopo aver selezionato il plugin occorreragrave selezionare la posizione della pagina in cui inserire lrsquoelemento

Selezionare ldquoNormalerdquo

A questo punto il plugin egrave inserito nella pagina desiderata

51 Inserimento e configurazione pagine di download 53

DocWeb Release 101

Oltre allrsquoinserimento occorre configurare il plugin in modo da dirgli quali file far visualizzare

Una volta che il plugin viene inserito viene aperta una finestra (figura Contenuto pagina (page 54)) doveviene richiesto di selezionare dei file inseriti nel sistema

Figura 53 Contenuto pagina

Per proseguire correttamente egrave necessario salvare immediatamente il Contenuto Pagina altrimenti leoperazioni successive potrebbero andare perse

Per inserire i file nella lista occorre effettuare la seguente operazione (figura Contenuto pagina (page 54))

1 Nella parte della maschera denominata DAM Lista di file scaricabili selezionare lrsquoicona SfogliaRecord (cerchiata in rosso) per avviare la procedura di selezione dei file

Selezionando la voce Sfoglia Record verragrave aperto lrsquoElement Browser di TYPO3 che ci permette di se-lezionare i file da inserire nel plugin La finestra (figura Element browser (page 55)) egrave composta di dueschede

1 Media ndash permette di selezionare i file giagrave esistenti nel sistema

2 Upload ndash permette di caricare nuovi file

Selezionando la sezione Media egrave possibile selezionare dalla lista i file da inserire

51 Inserimento e configurazione pagine di download 54

DocWeb Release 101

Figura 54 Element browser

Se la lista dei file fosse troppo lunga egrave possibile effettuare delle ricerche per nome e per tipologia di file(doc htm )

Per cercare per nome (figura Ricerca per nome (page 55)) occorre inserire nella casella di testo Cercastringa (punto 1 nella figura sopra) il nome o parte del nome del file da cercare Una volta specificata lastringa di ricerca premere il tasto Cerca (punto 2)

Figura 55 Ricerca per nome

Per cercare un particolare tipo di file selezionare il nome dellrsquoestensione che si desidera dallrsquoelenco deitipi di file (figura Ricerca per tipo (page 56))

Nota I due tipi di ricerca possono essere usati contemporaneamente

Selezionando la voce informazioni (punto 1 nella figura Selezione file (page 56)) egrave possibile visualizzarele meta-informazioni associate al file

Premendo con il mouse sul nome del file (punto 2) o sullrsquoicona associata (punto 3) si inserisce il file nellalista dei file da far visualizzare nella pagina di download mediante lrsquoapposito plugin

Selezionando la scheda Upload si puograve inserire un file non presente nel sistema (figura Caricamentoimmediato file (page 56))

51 Inserimento e configurazione pagine di download 55

DocWeb Release 101

Figura 56 Ricerca per tipo

Figura 57 Selezione file

Figura 58 Caricamento immediato file

51 Inserimento e configurazione pagine di download 56

DocWeb Release 101

Scegliere i file dal proprio PC seguendo le operazioni giagrave descritte nel modulo DAM e selezionare dallascheda Media i nuovi file inseriti

Nella figura Plugin con file selezionati (page 57) egrave visualizzato un esempio di maschera di configurazionedel plugin con la lista dei file selezionati

Figura 59 Plugin con file selezionati

I file una volta inseriti possono essere ordinati selezionando sugli appositi bottoni posti a destra dellalista file

bull Per ordinare un determinato file occorre

bull Selezionare un file

Premere uno dei tasti (figura sopra) per

1 Spostare in prima posizione

2 Spostare in alto di una posizione

3 Spostare in basso di una posizione

4 Spostare in ultima posizione

5 Rimuovere dalla lista il file selezionato

Una volta eseguiti i passaggi sopra descritti salvare la configurazione del plugin

51 Inserimento e configurazione pagine di download 57

CAPITOLO 6

Modulo Sitemap

Ersquo possibile generare una mappa del sito scegliendo un contenuto speciale di tipo ldquoMappa del Sitordquo comemostrato nella figura Contenuto mappa del sito (page 58)

Figura 61 Contenuto mappa del sito

Per scegliere un record di tipo ldquomappa del sitordquo (per visualizzare cioegrave la vista dei contenuti possibili)saragrave necessario portarsi in modalitagrave ldquopaginardquo compiendo gli stessi passaggi descritti per la creazione dicontenuti semplici in fase di creazione delle pagine (in questo caso selezionando il contenuto specialemappa)

58

DocWeb Release 101

61 Scheda di configurazione Mappa

La scheda di configurazione si presenta come nella figura Scheda mappa del sito (page 59)

Figura 62 Scheda mappa del sito

I campi fondamentali da personalizzare sono lrsquointestazione (ossia il titolo pagina) il tipo di menugrave e ilpunto di partenza Nellrsquointestazione viene inserito come di consuetudine il titolo pagina

62 Tipo di mappa

Ersquo possibile scegliere il tipo di mappa che si desidera creare consultando il menugrave a tendina ldquotipo di menugraverdquoche ci offriragrave diverse opzioni

Le piugrave frequentemente usate sono di tipo ldquoMenugrave delle sottopagine rdquo come indicato nella figura Tipo dimenu (page 60)

Menugrave delle sottopagine di queste pagine Scegliendo questa opzione da una pagina padre sigenereragrave un record che mostreragrave al suo interno tutte le sottovoci figlio con relativo link

Menugrave delle sottopagine di queste pagine (con abstract) Genera una mappa sia delle sottopagineche dei sottotitoli

Menugrave delle sottopagine di queste pagine + sezioni Genera una mappa sia delle sottopagine chedei record (link alle intestazioni dei singoli record)

Selezionando voci di menugrave di sottopagine egrave anche possibile stabilire un determinato punto di partenzasfogliando lrsquoapposito record

61 Scheda di configurazione Mappa 59

DocWeb Release 101

Figura 63 Tipo di menu

63 Il ldquopunto di partenzardquo della mappa

Il ldquopunto di partenzardquo dei Menugrave delle sottopagine Scheda mappa del sito (page 59) costituisce la paginadalla quale il sistema partiragrave per creare la mappa

Si potragrave quindi creare una mappa (di tipo menugrave delle sottopagine) che mostri solamente il percorso diquella porzione di menugrave che si intende mostrare

63 Il ldquopunto di partenzardquo della mappa 60

CAPITOLO 7

Modulo News

71 Inserimento e modifica di news

Alcune sezioni del nostro sito potrebbero essere state configurate per permettere la visualizzazione dinotizie

Per poter visualizzare le news correttamente occorre che queste ultime vengano inserite in una determi-nata posizione allrsquointerno del backend Da questa posizione che chiameremo repository delle news lenostre pagine andranno a prelevare le news da visualizzare al loro interno

Figura 71 Backend news

Nellrsquoesempio presentato nella figura Backend news (page 61) distinguiamo

1 il repository delle news che egrave stato creato

2 Un esempio di come potrebbe apparire il contenuto del repository delle news (lista delle news)

Per poter visualizzare il contenuto del repository delle news occorre seguire i seguenti passi

1 entrare nel modulo Pagina

61

DocWeb Release 101

2 selezionare il repository delle news corrispondente (nellrsquoesempio della figura Backend news (page 61)il Repository delle news si chiama ldquoNews Area Testrdquo)

Poniamo ora la nostra attenzione alla lista delle news (figura Lista news (page 62)) Da qui egrave possibile

bull Inserire una nuova notizia

bull Modificare le notizie giagrave esistenti

Per inserire una nuova notizia occorre selezionare la voce Crea nuovo record (figura Lista news (page 62))posta in fondo alla lista delle news

Figura 72 Lista news

A questo punto si apre la finestra di creazione Nuovo record da cui occorre selezionare la voce News(figura Nuovo record news (page 62))

Figura 73 Nuovo record news

Eseguendo le operazioni sopra descritte si accede alla maschera di inserimento news (figura Inserimentonews scheda generale (page 63))

Questa si compone di due schede una denominata Generale e unrsquoaltra denominata Relations

Nella scheda Generale egrave possibile inserire

Titolo in questo spazio egrave possibile specificare un titolo della news

Nascondi questo controllo determina se la news egrave pubblicabile oppure no Come avviene per le pagineanche per le news egrave consigliabile tenere la news nascosta durante la lavorazione Facciamo notare

71 Inserimento e modifica di news 62

DocWeb Release 101

Figura 74 Inserimento news scheda generale

71 Inserimento e modifica di news 63

DocWeb Release 101

che appena viene aperta la maschera di inserimento di una nuova news il controllo appare giagrave instato nascosto

Dataora in questo spazio viene indicata la data e lrsquoora della creazione della news in base ai parametridi sistema

Data Archiviazione in questo spazio viene inserita la data di Archiviazione di una news

Autore permette di specificare un autore della news

Email permette di specificare un e-mail a cui fare riferimento

Sottointestazione questo campo conterragrave una breve descrizione (abstract) della news La sottointes-tazione egrave quella parte della news che compare quando viene visualizzata la lista delle news e serveper dare una breve descrizione al contenuto della news (si veda Esempio news (page 64))

Figura 75 Esempio news

Durante lrsquoinserimento di una news egrave consigliabile specificare sempre una sottointestazione

Testo egrave il campo che contiene il contenuto vero e proprio della news Egrave possibile utilizzare tutte lefunzionalitagrave messe a disposizione dallrsquoeditor RTE

72 Modalitagrave Relations

Nella modalitagrave Relations (figura Inserimento news scheda relations (page 65)) egrave possibile inserire

Immagini contiene una lista di immagini da associare alla news Il procedimento per la se-lezionecaricamento delle immagini egrave stato descritto nella parte dedicata alla creazione di paginedi download a cui vi rimandiamo

Didascalia permette di specificare una descrizione per lrsquoimmagine associata alla news

Image alttext e Image titletext permette di specificare un testo che in visualizzazione (Frontend)compariragrave al passaggio del mouse sopra lrsquoimmagine

News correlate permette di specificare news o pagine del sito da associare alla news Il procedimentodi selezione delle news da associare alla notizia saragrave spiegato successivamente

DAM elements permette di assegnare alla news dei documenti da scaricare come per esempioil programma di un determinato evento Anche in questo caso il procedimento per la se-lezionecaricamento dei documenti egrave quello giagrave descritto nella parte dedicata alla creazione dipagine di download

Descriviamo il procedimento da seguire per associare alcune pagine o alcune news alla notizia che stiamoinserendo

Premere il tasto di Sfoglia Record evidenziato nella figura Sfoglia record news (page 65)

Verragrave aperta una finestra che contiene un Element Browser che ci permette di selezionare le newspagine(figura Element browser news (page 66)) da associare

La finestra di selezione si suddivide nelle seguenti parti (figura sopra)

Alberatura del sito da cui egrave possibile esplorare gli elementi del nostro sito (pagine sysfolder )Premendo con il tasto sinistro del mouse sul nome della pagina o sulla freccia corrispondente verragraveaggiornata la parte di destra della finestra in cui egrave inserita la lista degli elementi associabili

72 Modalitagrave Relations 64

DocWeb Release 101

Figura 76 Inserimento news scheda relations

Figura 77 Sfoglia record news

72 Modalitagrave Relations 65

DocWeb Release 101

Figura 78 Element browser news

Lista degli elementi associabili egrave quindi possibile selezionare gli elementi da associare alla newsPer associare un elemento si puograve selezionare il simbolo ldquo+rdquo posto accanto allrsquoelemento desideratoo agendo sul nome del file Nel primo caso lrsquoelemento viene aggiunto ma la finestra non si chiuderagrave(utile per effettuare selezioni multiple) mentre nel secondo caso lrsquoelemento viene aggiunto e lafinestra si chiuderagrave (selezione singola)

Nota Per associare una o piugrave news alla notizia che stiamo inserendo occorreragrave innanzitutto selezionareil repository delle news e utilizzando i metodi descritti in precedenza indicare le news di interesse

Nella figura Selezione repository (page 66) viene visualizzato come appare lrsquoElement Browser dopo averselezionato il repository delle news denominato ldquoNews Corso Typo3rdquo

Figura 79 Selezione repository

Una volta ultimato il procedimento di inserimento di una news vedremo che nel repository compariragrave(figura News nel repository (page 67)) anche quella da noi creata Nellrsquoesempio la news creata si chiamaldquoTitolo della news di provardquo

Dalla lista delle news possiamo notare che i diversi tipi di news sono contrassegnati con icone diverse

In particolare distinguiamo

72 Modalitagrave Relations 66

DocWeb Release 101

Figura 710 News nel repository

bull News (icona ldquocelestinardquo)

bull Collegamento a URL esterna (icona ldquorosardquo)

bull Collegamento a pagina interna (icona ldquogiallinardquo)

Per modificare il contenuto di una news egrave sufficiente selezionare il simbolo di modifica (figura Modificanews (page 67)) in corrispondenza della news da modificare

Figura 711 Modifica news

73 News collegata a URL esterna e a pagina interna

Attraverso la selezione della finestra ldquoTipordquo egrave possibile scegliere diverse tipologie di news

Nella figura News collegata a url esterna (page 68) egrave stato selezionato il Collegamento a URL esterna checi offriragrave la possibilitagrave di specificare un link (ldquoURL esternordquo) da far visualizzare e che saragrave contraddistintain lista da lrsquoicona di colore rosa

Selezionando il Collegamento a pagina interna viene offerta la possibilitagrave di inserire un collegamento auna pagina del sito (evidenziato nella figura News collegata a pagina interna (page 69))

La news si presenteragrave con icona di color ldquogiallordquo e al suo interno conterragrave un link alla pagina interna alsito

73 News collegata a URL esterna e a pagina interna 67

DocWeb Release 101

Figura 712 News collegata a url esterna

73 News collegata a URL esterna e a pagina interna 68

DocWeb Release 101

Figura 713 News collegata a pagina interna

73 News collegata a URL esterna e a pagina interna 69

DocWeb Release 101

74 Eliminazione delle News

Per eliminare una news possiamo procedere tra lrsquoaltro in due modi

1 Selezionare la news da eliminare dallrsquoelenco e selezionare la voce ldquocancellardquo dal menugrave a tendinaconsultabile cliccando con il pulsante destro sullrsquoicona in corrispondenza della news (figura Eliminanews da menu contestuale (page 70))

Figura 714 Elimina news da menu contestuale

2 Entrare allrsquointerno della modalitagrave di modifica della news attraverso lrsquoicona ldquomatitardquo e selezionare lrsquoi-cona raffigurante il bidone di elimina posta in alto pagina (figura Elimina news da scheda contenuto(page 70))

Figura 715 Elimina news da scheda contenuto

75 Ordinamento delle News e ricerca

Puograve essere necessario durante la visualizzazione della lista delle news (lato backend) di dover effettuaredegli ordinamenti al fine di permettere una ricerca piugrave veloce delle news da modificare

74 Eliminazione delle News 70

DocWeb Release 101

Avvertimento Lrsquoordinamento ha valore solo come ricerca allrsquointerno del backend mentre latofrontend rispecchieragrave i parametri prestabiliti dal sistema

Supponiamo per esempio di voler effettuare un ordinamento per Titolo Seguiamo i seguenti passi(figura sotto)

1 Selezionare la voce di menugrave Lista

2 Selezionare il deposito delle news (repository) News Corso Typo3

3 Cliccare con il mouse in corrispondenza della voce ldquoTitolordquo

A questo punto (figura Ordinamento news (page 71)) le news vengono ordinate in ordine crescente(vengono visualizzate prima le news con titolo che inizia con la lettera a b e cosigrave via)

Figura 716 Ordinamento news

Se clicchiamo unrsquoaltra volta sulla voce ldquoTitolordquo il tipo di ordinamento cambia da crescente a decrescente(compariranno per prima le news con titolo che inizia per z )

Egrave inoltre possibile ordinare secondo campo da noi specificato Per definire il nome di un campo (ad estesto inizio autore ) su cui effettuare lrsquoordinamento occorreragrave spostarsi in fondo alla lista delle newsdove troveremo una lista di campi (figura Mostra campo aggiuntivo news (page 71))

Figura 717 Mostra campo aggiuntivo news

Dalla lista possiamo

bull Selezionare la voce in base alla quale effettuare lrsquoordinamento (ad esempio Immagini)

bull Premere il tasto Imposta campi per aggiungere alla lista dei campi visualizzati quello selezionato

75 Ordinamento delle News e ricerca 71

DocWeb Release 101

A questo punto il campo selezionato (nel nostro esempio il campo Immagini) compare nella lista dellenews (il campo aggiunto egrave evidenziato con un riquadro in alto a destra nella figura Ordinamento campoaggiuntivo news (page 72))

Figura 718 Ordinamento campo aggiuntivo news

Effettuare le stesse operazioni illustrate per il campo Titolo per ordinare in modo crescente e decrescentele news secondo il criterio impostato (click pulsante sinistro sul nome etichetta)

Egrave anche possibile ricercare le news in base al testo contenuto nel titolo sottotitolo descrizione eccUtilizzando la maschera di ricerca in fondo pagina (evidenziata nella figura Ricerca news (page 72))

Figura 719 Ricerca news

Per effettuare una ricerca egrave necessario seguire i seguenti passi

1 Inserire nel campo Cerca Stringa il testo da cercare (nel nostro esempio ldquonequerdquo)

2 Premere il tasto Cerca per eseguire la ricerca secondo i criteri impostati

In questo modo nella lista delle news compariranno solo quelle che contengono il testo specificatoEffettuata la ricerca egrave possibile effettuare degli ordinamenti come spiegato in precedenza

75 Ordinamento delle News e ricerca 72

CAPITOLO 8

Modulo Eventi

Avvertimento SEZIONE NON COMPLETA

Si confrontino i seguenti due tipi di contenuti

Evento egrave un tipo di contenuto adatto a descrivere qualcosa che accadragrave o che egrave accaduto in una certadata La data o le date in cui lrsquoevento ricorre sono strettamente legate ad un luogo in cui lrsquoeventosi verificheragravesi egrave verificato Gli eventi vengono rappresentati mediante la metafora dellrsquoagenda edel calendario

Notizia egrave un tipo di contenuto caratterizzato dalla data di pubblicazione secondo la metafora delgiornale online E come in un giornale online una notizia puograve riferirsi sia a fatti giagrave accaduti chea fatti a venire

Nota Per comprendere meglio la differenza tra i due tipi di contenuto si pensi che dato un eventoche ha una certa data di svolgimento (ad es 20 maggio) di tale evento posso realizzare piugrave di unanotizia Rimanendo nellrsquoesempio potrei pubblicare una notizia il 10 maggio per preannunciare lrsquoeventoe poi unrsquoaltra il 18 maggio per ricordarne lrsquoimminenza Infine potrei pubblicare una notizia di riepilogo(cronaca dellrsquoevento immagini ecc) il 22 maggio

81 Scopo del modulo Eventi

Il visitatore del sito deve poter cogliere le informazioni essenziali di un evento

bull Cosa sta per succedere

bull Dove accadragrave

bull Quando accadragrave

82 Il Backend ndash Modulo Pagina

Vedi figura Eventi vista modulo pagina (page 74)

83 Il Backend ndash Modulo Lista

Vedi figura Eventi vista modulo lista (page 74)

73

DocWeb Release 101

Figura 81 Eventi vista modulo pagina

Figura 82 Eventi vista modulo lista

83 Il Backend ndash Modulo Lista 74

DocWeb Release 101

84 Creazione di un evento

Prima di procedere poniamoci qualche domanda

bull Lrsquoevento appartiene a qualche rassegna iniziativa per la quale sono in programma altri eventiPer esempio

ndash Rassegne teatrali cinematografiche

ndash Festival

bull Lrsquoevento si ripete

ndash La replica avviene sempre nello stesso luogo

841 Creazione del record

Vedi figura Creazione nuovo evento (page 75)

Vedi figura Creazione nuovo record evento (page 76)

Figura 83 Creazione nuovo evento

842 Scheda ldquoGeneralerdquo

Vedi figura Evento scheda generale (page 76)

843 Scheda ldquoFinestra temporalerdquo

Orario repliche

Vedi figura Evento finestra temporale (page 78)

84 Creazione di un evento 75

DocWeb Release 101

Figura 84 Creazione nuovo record evento

Figura 85 Evento scheda generale

84 Creazione di un evento 76

DocWeb Release 101

bull Lrsquoorario va solo per le Finestre temporali di un giorno (data inizio = data fine)

bull Se non si conosce lrsquoora della fine impostare ora inizio = ora fine

844 Scheda ldquoTestordquo

Vedi figura Evento scheda testo (page 79)

84 Creazione di un evento 77

DocWeb Release 101

Figura 86 Evento finestra temporale

84 Creazione di un evento 78

DocWeb Release 101

Figura 87 Evento scheda testo84 Creazione di un evento 79

  • Introduzione
    • Cosegrave DocWeb
    • Concetti chiave
      • Funzionalitagrave di Base
        • Il CMS Typo3 ldquobackendrdquo e ldquofrontendrdquo
        • Cambio password di accesso
        • Albero delle pagine
        • Implementazione delle pagine ldquogenitori rdquo e ldquofiglirdquo
        • Inserimento Nuova pagina
        • Elementi standard della pagina
        • Inserimento contenuti di una pagina
        • Contenuti multipli allrsquointerno di una pagina
        • Modifica dei contenuti della pagina
        • Spostamento di pagine
        • Eliminazione pagine
        • Rich Text Editor
        • Modalitagrave Lista
        • Modalitagrave Mostra
        • Modalitagrave ldquoMonta come radice dellrsquoalberordquo
        • Ottenere il page-id di una pagina
        • Admin Panel
          • La Clipboard
            • Copia o spostamento di un contenuto singolo di pagina allrsquointerno di unrsquoaltra pagina
            • Copia o spostamento di piugrave contenuti da una pagina ad unrsquoaltra
              • Modulo DAM (Digital Asset Management)
                • Caricamento e Aggiornamento di file
                • Ricerca di file allrsquointerno del DAM e modifica delle meta-informazioni
                  • Modulo Pagine di download
                    • Inserimento e configurazione pagine di download
                      • Modulo Sitemap
                        • Scheda di configurazione Mappa
                        • Tipo di mappa
                        • Il ``punto di partenza della mappa
                          • Modulo News
                            • Inserimento e modifica di news
                            • Modalitagrave Relations
                            • News collegata a URL esterna e a pagina interna
                            • Eliminazione delle News
                            • Ordinamento delle News e ricerca
                              • Modulo Eventi
                                • Scopo del modulo Eventi
                                • Il Backend ndash Modulo Pagina
                                • Il Backend ndash Modulo Lista
                                • Creazione di un evento
Page 6: DocWeb€¦ · per la realizzazione e la gestione di siti web della Pubblica Am-ministrazione. La piattaforma tecnologica utilizzata è il CMS (Content Management System) Open SourceTypo31

DocWeb Release 101

Docweb consente di affrontare e risolvere facilmente tali problematiche

Nota Sici Templates e Catalogo DocWeb sono raccolte di codice TypoScript (linguaggio specificodi Typo3) HTML e CSS che utilizziamo nei nostri siti e che sono rilasciate con licenza GPL3

Sici Templates e Catalogo DocWeb definiscono lrsquoaspetto grafico la modalitagrave di navigazione e le funzionidei nostri siti web configurando Typo3 CMS Framework e le sue numerose estensioni

3httpwwwgnuorglicensesgplhtml

12 Concetti chiave 3

CAPITOLO 2

Funzionalitagrave di Base

21 Il CMS Typo3 ldquobackendrdquo e ldquofrontendrdquo

I termini ldquobackendrdquo e ldquofrontendrdquo ricorreranno spesso per indicare e diversificare lrsquoambiente ldquodi gestionee pubblicazione dei contenutirdquo da quello di visualizzazione dei contenuti (sito on-line)

In sintesi

Per Backend (BE) (figura Backend (page 4)) intendiamo lrsquoambiente di lavoro sul quale andremo adoperare per la creazione e gestione delle pagine e dei vari contenuti del sito (generalmente raggiungi-bile utilizzando un semplice browser es Firefox Microsoft Internet Explorer previa autenticazionea un indirizzo web del tipo httpwwwnomesitotypo3) In questa guida useremo come esempiohttpwwwentiprovinciapuittypo3 ma va sostituito dallrsquoutente con quello effettivo

Il Frontend (FE) (figura Frontend (page 5)) egrave il risultato del lavoro sviluppato nel backend e costituiscelrsquoambiente on-line visibile agli utenti esterni Le operazioni compiute dal backend si riflettono nel frontendche puograve essere cosigrave gestito e modificato secondo le nostre necessitagrave

Nota In fase di inserimento e gestione dei contenuti tramite BE egrave sempre opportuno verificare con ilFE la corretta visualizzazione delle pagine

Figura 21 Backend

Avvertimento Ersquo opportuno tenere presente che il backend prevede piugrave modalitagrave di esecuzione perraggiungere uno stesso obiettivo Nella guida sono descritti i passaggi piugrave comunemente utilizzati

4

DocWeb Release 101

Figura 22 Frontend

22 Cambio password di accesso

Lrsquousername e la password proteggono lrsquoarea da eventuali intrusioni e costituiscono lrsquoaccesso univoco epersonale per ciascun Utente (per motivi di sicurezza egrave opportuno variare la propria password al primoaccesso al sistema)

Per cambiare la password di accesso saragrave necessario eseguire il primo collegamento allrsquoambi-ente di gestione del portale lanciando il browser (Firefox) e collegandosi allrsquoindirizzo webhttpwwwentiprovinciapuittypo3 (figura Url per login (page 5))

Figura 23 Url per login

Saragrave proposta una maschera di identificazione dove andremo ad inserire il nostro account costituito dausername e password (figura Maschera login (page 5))

1 inserire username

2 inserire password

3 click con il pulsante sinistro del mouse sul bottone ldquoEntrardquo per accedere al servizio

Figura 24 Maschera login

22 Cambio password di accesso 5

DocWeb Release 101

Avvertimento Alcuni browser propongono messaggi (figura Messaggio salva password (page 6))relativi al salvataggio automatico della password nel sistema per non dover digitare nuovamente ipropri dati al secondo Log In Si consiglia di non scegliere di salvare i propri dati o il completamentoautomatico di essi per una questione di sicurezza

Figura 25 Messaggio salva password

In caso di errata digitazione dei dati dellrsquoaccount ci saragrave chiesto di inserire nuovamente username epassword (figura Login fallito (page 6))

Figura 26 Login fallito

Il messaggio ci informa che il Log In egrave fallito e ci da alcune indicazioni sul motivo che puograve aver provocatoil problema Ci chiede di assicurarci di aver scritto correttamente Username e Password facendo ancheattenzione alle lettere Minuscole e Maiuscole

Se eseguito bene il Log In ci condurragrave in una nuova schermata

In virtugrave dellrsquoimportanza costituita dai dati di autenticazione la prima operazione da compiere una voltaeseguito il Log In saragrave quella di modificare il proprio account come segue (figura Modifica password(page 7))

1 dal menugrave di sinistra scegliere la voce ldquosetuprdquo inserita nel menugrave ldquoutenterdquo quindi cliccare con ilpulsante sinistro del mouse

2 nella schermata che si apriragrave a destra digitare la nuova password che si desidera utilizzare Ilcampo si trova nella parte bassa della pagina indicato dalla diciture ldquoNuova passwordrdquo

3 confermare nel campo sottostante ldquoRipeti passwordrdquo la password scelta

4 confermare il tutto cliccando con il pulsante sinistro del mouse sul bottone ldquoSalva configurazionerdquo

5 click sullrsquoultimo pulsante a sinistra ldquoUscitardquo per eseguire il Log Out

Cambiata la password ed eseguito il Log Out mediante il pulsante ldquoUscitardquo potremo eseguire nuovamenteil ldquoLog Inrdquo digitando la nostra nuova password che da quel momento saragrave subito attiva

Per motivi di sicurezza al termine di ogni sessione di gestione dei contenuti egrave opportuno effettuare ilLog Out dal sistema

22 Cambio password di accesso 6

DocWeb Release 101

Figura 27 Modifica password

23 Albero delle pagine

Si noti come lrsquoaspetto del Backend (figura Backend tripartito (page 8)) sia suddiviso in tre aree verticalisuddivise tra loro mediante una spessa riga grigia

bull La prima colonna a sinistra della pagina (punto 1) ci consentiragrave di compiere tutte le operazioninecessarie a lavorare creando e modificando contenuti ecc

bull la seconda colonna al centro della pagina (punto 2) rappresenta lrsquoalberatura vera e propria del sitoon-line In essa vedremo rispecchiati i menugrave le pagine e i contenuti testuali che verranno (o chesono) pubblicati

bull la terza area a destra della pagina (punto 3) rappresenta lrsquoambiente dove andremo materialmentead operare sulle pagine e sui contenuti

Nota La stringa in basso a sinistra ldquoModifica pagina con IDrdquo puograve essere utilizzata per selezionareuna pagina ricercandola tramite il suo numero ID Ad ogni pagina viene associato automaticamente unnumero (ID) unico e distinto per ognuna di esse

Il numero ID si rivela al passaggio del mouse (senza cliccare) sul simbolo grafico posto accanto alle vocidi menugrave nella colonna ndeg 2 Il numero ID viene anche riportato on-line come parte finale di un indirizzoweb

Esempio httpwwwentiprovinciapuitindexphpid=3018

Nellrsquoesempio il numero ID della pagina egrave 3018

Nella versione finale del portale potranno essere utilizzati URL statici (eshttpwwwentiprovinciapuitattivitahtml) per agevolare i collegamenti diretti ad alcune sezioni opagine del portale

23 Albero delle pagine 7

DocWeb Release 101

Figura 28 Backend tripartito

24 Implementazione delle pagine ldquogenitori rdquo e ldquofiglirdquo

Affincheacute un sito ldquofunzionirdquo egrave necessario che la distribuzione delle pagine con le rispettive sottopagine siachiara ed essenziale

Gli argomenti vanno sempre divisi ed organizzati per facilitare lrsquoindividuazione del contenuto la letturadel messaggio la comprensione dellrsquooggetto in essere Se ad esempio stessimo parlando di calcio sarebbesempre opportuno ed auspicabile creare una pagina ldquoSERIE Ardquo che introduca allrsquoargomento trattato esuccessivamente collegare allrsquointerno della categoria altre pagine ldquoRomardquo ldquoJuventusrdquo ldquoMilanrdquo che a lorovolta possano condurre ad altri argomenti ldquocalciatorirdquo fino a ridurre il tutto ai minimi termini

25 Inserimento Nuova pagina

Selezionare (figura Seleziona pagina (page 8)) con un click del pulsante sinistro la prima voce ldquopaginardquodella colonna 1

Figura 29 Seleziona pagina

Nella seconda colonna portiamoci su una delle voci dellrsquoelenco (preferibilmente al livello in cui si desiderainserire la pagina) e facciamo click con il pulsante destro del mouse Si apriragrave (figura Seleziona nuovo(page 9)) un ulteriore menugrave di opzioni a tendina dal quale scegliamo la 3deg voce ldquonuovordquo

24 Implementazione delle pagine ldquogenitori rdquo e ldquofiglirdquo 8

DocWeb Release 101

Figura 210 Seleziona nuovo

Verragrave caricata nella 3deg area una schermata come indicato nella figura Vista Backend (page 10)

Scegliamo la 1deg opzione ldquoPagina (dentro)rdquo cliccando con il pulsante sinistro del mouse sulla voce ldquoCliccaqui per il wizardrdquo Si caricheragrave la schermata di figura Seleziona posizione (page 10)

Si noti come la schermata riproduca le pagine esistenti ed il loro posizionamento nel menugrave potremoindicare cliccando sulle frecce grigie la posizione dove desideriamo inserire la nostra pagina Scegliamoad esempio di voler inserire la nostra pagina allrsquointerno della sezione ldquoTest Abanetrdquo

Avvertimento Ovviamente la sezione ldquoTest Abanetrdquo egrave solo un esempio Usare le sezioni presentinel vosto sito di riferimento

Andremo quindi a cliccare sulla freccia che si trova appunto allrsquointerno del record (come indicato infigura)

Verragrave caricata una schermata che ci chiederagrave di specificare altri elementi indispensabili alla creazione diuna nuova pagina (vedi sezione successiva)

26 Elementi standard della pagina

Si faccia riferimento alla (figura Modifica intestazioni pagina (page 11))

Nascondi pagina In fase di elaborazione di una nuova pagina egrave sempre bene puntare il piccolo quadratoin basso a sinistra della sezione ldquonascondi paginardquo in modo tale da permetterci di lavorare suicontenuti in tutta tranquillitagrave prima della pubblicazione on-line

Tipo Assegna alla pagina una determinata tipologia o scopo

Titolo pagina Indicare il titolo della pagina (ad es ldquoPagina di Provardquo

Selezione di template per lrsquoarea contenuti Ersquo la possibilitagrave di variare lo ldquoschemardquo di visualiz-zazione della pagina (es pagina a 3 colonne pagina a due colonne con menu di navigazionesulla sinistra etc)

Salvare Ogni operazione deve essere salvata per essere resa effettiva

261 Varie opzioni di salvataggio

In relazione al punto (5) nella fase di salvataggio si noti come ci vengono proposte diverse icone (figuraIcone salvataggio (page 11))

26 Elementi standard della pagina 9

DocWeb Release 101

Figura 211 Vista Backend

Figura 212 Seleziona posizione

26 Elementi standard della pagina 10

DocWeb Release 101

Figura 213 Modifica intestazioni pagina

Figura 214 Icone salvataggio

26 Elementi standard della pagina 11

DocWeb Release 101

1 Il documento viene salvato lrsquoambiente si ricarica automaticamente il menugrave centrale si aggiornacon la comparsa della pagina da noi creata nella posizione da noi assegnata

2 Il documento viene salvato lrsquoambiente si ricarica automaticamente il menugrave centrale si aggiornacon la comparsa della pagina da noi creata nella posizione da noi assegnata e si apre una nuovafinestra del browser contenente la preview (anteprima di visualizzazione) della nostra pagina

3 Il documento viene salvato lrsquoambiente si ricarica automaticamente sulla schermata successivail menugrave centrale si aggiorna con la comparsa della pagina da noi creata nella posizione da noiassegnata

4 Il documento viene chiuso e non salvato

5 Elimina la pagina

Nota La quinta icona (ldquoElimina paginardquo) compariragrave solo dopo aver salvato il documento la primavolta Inoltre gli stessi simboli si ritroveranno anche in fase di modifica di pagine giagrave create

Da osservare il simbolo proposto accanto alla nuova pagina da noi creata (figura Pagina nascosta(page 12)) ad indicare la modalitagrave ldquonascostardquo

Figura 215 Pagina nascosta

Lrsquoicona posta a sinistra ricorda una pagina con una ldquoXrdquo rossa in alto a destra e indica che la pagina egravenascosta (punto 1 modifica intestazioni) e non visibile dallrsquoesterno

Le altre voci con simbolo diverso di pagina su sfondo giallo sono on-line e quindi consultabili dal FrontEnd

Pubblicata la pagina nascosta lrsquoicona cambieragrave automaticamente aspetto e la voce di menugrave saragraveconsultabile anche dal Front End

27 Inserimento contenuti di una pagina

Avendo precedentemente creato e salvato una pagina ldquoPagina di Provardquo andiamo ad inserire un contenuto

Ersquo possibile procedere in due modi effettuare un click con il pulsante sinistro del mouse sulla icona o sultitolo ldquoPagina di Provardquo oppure cliccare con il pulsante destro del mouse sullrsquoicona posta a sinistra deltitolo pagina e scegliere ldquomodificardquo

In entrambe i casi il sistema aggiorna la terza area (vedi figura Backend tripartito (page 8)) doveandremo a lavorare

Per creare un contenuto nella posizione di default (Normale) clicchiamo sullrsquoicona cerchiata di rosso (vedifigura Crea contenuto normale (page 13)) nel box ldquonormalerdquo

In alternativa si puograve scegliere di usare la voce in basso a sinistra ldquoCrea nuovo recordrdquo e successivamentescegliere di creare un nuovo contenuto pagina con il ldquowizardrdquo

27 Inserimento contenuti di una pagina 12

DocWeb Release 101

Figura 216 Crea contenuto normale

Per entrambe le opzioni si apriragrave una schermata come nella figura Seleziona contenuto paragrafo(page 14))

Scegliamo di inserire un paragrafo di testo semplice Notiamo come il sistema ci consente di scegliereforme alternative di contenuti (es immagini sotto il testo a sinistra solo immagini ecc) Approfondire-mo in seguito le modalitagrave per creare contenuti piugrave articolati e contenuti multipli e selezioniamo la voceldquoparagrafo di testordquo

271 Paragrafo di testo

Allrsquointerno di un paragrafo di testo potremo inserire un contenuto e tutte le opzioni ad esso legato (figuraModifica contenuto testo (page 15))

Si noti come lrsquoarea egrave divisa in 4 blocchi orizzontali Tipo Intestazione Testo Opzioni generali Inbasso e in alto troviamo anche la serie di icone per il salvataggio del documento di cui abbiamo giagraveprecedentemente parlato

Area Tipo

Nel menugrave a tendina dellrsquoarea tipo egrave possibile modificare il tipo di contenuto che vogliamo inserire Laschermata ci dice che siamo su ldquotestordquo ma volendo potremmo anche cambiare con le altre forme dicontenuto a nostra disposizione

Area Intestazione

Rappresenta il titolo della pagina Viene inserito allrsquoinizio della pagina ed ha una rilevanza graficamaggiore rispetto al resto del contenuto

Un buon titolo egrave breve ma incisivo rispecchia in poche parole il contenuto della pagina riassumelrsquoargomento trattato

27 Inserimento contenuti di una pagina 13

DocWeb Release 101

Figura 217 Seleziona contenuto paragrafo

27 Inserimento contenuti di una pagina 14

DocWeb Release 101

Figura 218 Modifica contenuto testo

27 Inserimento contenuti di una pagina 15

DocWeb Release 101

Ersquo inoltre possibile anche se sconsigliabile associare un link allrsquointestazione cambiare la sua posizioneinserire una data

Testo

Rappresenta con il suo grande quadrilatero bianco lrsquoarea allrsquointerno della quale andremo ad inserire ilnostro testo

Digitando un semplice testo in visualizzazione questo assumeragrave colore dimensione e carattere inconformitagrave allo stile preimpostato per le pagine del sito

Per la formattazione del testo saragrave possibile usare lo strumento RTE (di seguito descritto)

Opzioni generali (parametri di visibilitagrave)

Apparizione programmata

Cliccando accanto al quadrato della voce ldquoInizio rdquo e ldquoFinerdquo si attiveragrave un modulo data che ci consentiragravedi impostare le date di Inizio pubblicazione e di Fine pubblicazione (depubblicazione) di una pagina

Potremo quindi stabilire quando una pagina dovragrave essere pubblicata eo quando dovragrave cessare di esserevisibile on-line La programmazione dellrsquoinizio di pubblicazione non implica che ci sia necessariamenteuna fine e vice versa

Ciograve significa che potremo quindi decidere di pubblicare una pagina in una certa data e che la pubblicazioneduri nel tempo (almeno fino a quando non decideremo di togliere la visualizzazione on-line manualmente)

Pagine nascoste

Ersquo possibile nascondere il contenuto delle pagine cliccando il quadrato a sinistra della voce ldquoNascondirdquoScegliendo questa opzione la pagina continueragrave ad esistere ma non saragrave visibile il suo contenuto

Lrsquoopzione si rileva particolarmente utile in caso di pagina strutturata su contenuti multipli

28 Contenuti multipli allrsquointerno di una pagina

Avendo creato una pagina potremo in ogni momento svilupparla ulteriormente aggiungendo ulterioricontenuti

Clicchiamo sul menugrave di sinistra sulla voce ldquoPaginardquo in modo da caricare il menugrave centrale contenentelrsquoalberatura del sito

Clicchiamo sul titolo della pagina da modificare con il pulsante sinistro oppure con il destro e scegliamoldquomodificardquo

A destra si apriragrave il nostro ambiente di lavoro come nella figua Modifica contenuto normale (page 17)

Vedremo in pratica la stessa schermata proposta per la creazione di una nuova pagina con lrsquoaggiunta dialcune icone come indicato in figura

1 Modifica

2 Nuovo record

3 Cerca Stringa

Cliccando su Modifica comrsquoegrave intuibile saremo riportati nella pagine dellrsquoeditor dove potremo modificareil nostro testo link immagini ecc

Cliccando su nuovo record invece avremmo la possibilitagrave di aggiungere un nuovo contenuto alla paginae nella posizione che sceglieremo

28 Contenuti multipli allrsquointerno di una pagina 16

DocWeb Release 101

Figura 219 Modifica contenuto normale

28 Contenuti multipli allrsquointerno di una pagina 17

DocWeb Release 101

Il contenuto non avragrave vincoli con i record precedenti pur apparendo nella stessa pagina del frontend Ciogravegarantisce una vantaggiosa gestione delle pagine che suddivise in ldquosezionirdquo potranno essere di volta involta pubblicate cancellate modificate a blocchi di contenuto senza toccare lrsquointera pagina

Si potragrave suddividere la stessa pagina in diverse aree (record) ossia ldquocontenuti multiplirdquo via via aggiornabilianche da altri utenti di redazione

Ersquo inoltre possibile effettuare una ricerca su di un contenuto di tipo testuale allrsquointerno delle pagine edei record utilizzando il campo ldquoCerca Stringardquo La ricerca puograve essere effettuata allrsquointerno della paginae dei suoi record ed estesa anche ai livelli inferiori

29 Modifica dei contenuti della pagina

Creata una pagina potremo modificarla ogni volta che saragrave necessario

Per modificare una pagina saragrave sufficiente selezionarla dal menugrave portandosi con il cursore del mouse aldi sopra del titolo e cliccando con il pulsante destro su di essa (figura Modifica pagina (page 18))

Una pagina da modificare potragrave anche essere raggiunta tramite la ricerca dellrsquoID (vedi capitolo 3 Alberodelle pagine)

Scegliere la voce ldquomodificardquo dal menugrave a tendina che si apriragrave dopo il click

Figura 220 Modifica pagina

A destra nellrsquoarea principale si apriragrave la schermata riportante il contenuto della pagina selezionata

Potremo scegliere lrsquoelemento da modificare cliccando sullrsquoicona matita

Nota Ricordarsi sempre di salvare per rendere effettive le modifiche e di ricontrollare la visualizzazionedella pagina modificata

Per modificare lrsquointestazione di una pagina egrave sufficiente selezionare la voce ldquoModifica intestazionirdquo dalmenugrave portandosi con il cursore del mouse al di sopra del titolo e cliccando con il pulsante destro su diesso (figura Menu modifica intestazioni pagina (page 19))

210 Spostamento di pagine

Oltre le modifiche stilistiche testuali e di contenuto di una pagina possiamo modificarne la posizione

29 Modifica dei contenuti della pagina 18

DocWeb Release 101

Figura 221 Menu modifica intestazioni pagina

Per spostare la posizione di una pagina allrsquointerno di un menugrave selezioniamola dal menugrave principale conclick sinistro del mouse

Nella schermata di destra scegliamo lrsquoicona

Si apriragrave un menugrave che ci mostreragrave lrsquoalberatura del nostro sito (esattamente come per lrsquoinserimento diuna nuova pagina) composto da pagine principali (genitori) e pagine ad esse collegate (figli)

A questo punto dovremo solo scegliere dove spostare la pagina muovendoci sulle frecce grigie sottostantie sovrastanti le varie voci di menugrave

Avvertimento Spostando una pagina genitore anche i figli vengono spostati con esso

211 Eliminazione pagine

Per eliminare le pagine egrave sufficiente selezionare la pagina in questione dal menugrave principale cliccando conil pulsante destro del mouse su di essa e scegliere la voce del menugrave a tendina che si apriragrave ldquoCancellardquo

Avvertimento Non egrave possibile cancellare una pagina genitore Ossia non egrave possibile cancellareuna pagina che al suo interno contiene altre pagine prima che questrsquoultime trovino una collocazionealternativa

212 Rich Text Editor

Quando si inserisce un contenuto nellrsquoarea di testo (inserito digitando direttamente allrsquointerno dellrsquoap-posita area o copiato e incollato da fonte esterna con la dovuta cautela) egrave possibile personalizzarlo eformattarlo utilizzando le funzionalitagrave previste dal Rich Text Editor (RTE)

Nota Un testo copiatoincollato da altri programmi va ldquoripulitordquo prima di essere pubblicato poicheacuteil modulo che utilizzeremo tende a mantenere la formattazione originaria del carattere delle immaginidei colori falsando la linea grafica omogenea e standard del nostro portale

In ogni modo quando si salva un documento il cui testo conteneva una formattazione proveniente ad es-empio da un documento di tipo word questo viene automaticamente ldquoripulito nel codicerdquo ed egrave opportunocontrollare la visualizzazione

211 Eliminazione pagine 19

DocWeb Release 101

Proviamo ad inserire ad esempio una semplice frase allrsquointerno del box testo (figura Box testo RTE(page 20))

Figura 222 Box testo RTE

La frase viene digitata direttamente nellrsquoarea testo mantenendo un tipo di formattazione ldquonormalerdquo

2121 Testo grassetto corsivo sottolineato (bold italic underline)

Proviamo a selezionare la frase ldquoProvincia di Pesaro e Urbinordquo tenendo premuto il pulsante sinistro delmouse trascinando il cursore dalla P di Provincia alla o di Urbino

In alternativa portare il cursore alla P di Provincia tenere tasto maiuscolo premuto e muoversi con lefrecce per selezionare il testo

Lrsquoesempio egrave utile per capire che per effettuare una determinata azione di tipo stilistico su una frase oparola egrave necessario che la frase o la parola siano preventivamente selezionate

Figura 223 Comandi box testo RTE

212 Rich Text Editor 20

DocWeb Release 101

Se il testo egrave stato selezionato correttamente vedremo la parola ldquoProvincia di Pesaro e Urbinordquo evidenziatadi blu scuro

Click sinistro sul simboloicona ldquoBrdquo (figura Comandi box testo RTE (page 20)) per creare un effettoldquograssettordquo al testo

Click sinistro sul simboloicona ldquoIrdquo per il corsivo-italico

Click sinistro sul simboloicona ldquoU ldquo per il sottolineato

Nota Il Grassetto dona alle parole un sapore piugrave incisivo e si utilizza per enfatizzare termini importantie di rilievo

LrsquoItalico viene usato comunemente per indicare le date gli indirizzi le citazioni

Il Sottolineato su web viene comunemente usato nelle parole ldquolinkaterdquo (ossia che rimandano ad altrepagine web) per cui se ne sconsiglia lrsquouso in un testo semplice per evitare confusione

2122 Elenco Puntato e Numerato

Portiamoci con il cursore allrsquointerno della box di testo

Selezioniamo lrsquoicona Lista non numerata (Elenco puntato semplice)

Vedremo comparire un simbolo tontoromboidale e potremo dare vita ad una lista

bull Voce 1

bull Voce 2

bull Voce 3 ecc

Allo stesso modo potremo creare una lista numerata avvalendoci dellrsquoicona ldquoLista numeratardquo

Lrsquoelenco viene numerato

1 Voce 1

2 Voce 2

3 Voce 3 ecc

2123 Pulsanti di Annulla e Ripristina

Compiuta una determinata azione egrave possibile tornare indietro o ripristinarla tramite i pulsanti ldquoAnnullalrsquoultima azionerdquo e ldquoRifai lrsquoultima azionerdquo

Piugrave volte si clicca sui pulsanti piugrave volte lrsquoazione viene ripetuta indietro ed avanti nel tempo

2124 Copia Taglia Incolla

Selezionando un testo potremo tagliarlo copiarlo e incollarlo

Copia selezionare il testo utilizzare lrsquoicona ldquocopia selezionerdquo per copiare

Taglia il testo viene eliminato ma resta in memoria per essere eventualmente incollato altrove odefinitivamente cancellato Ersquo possibile tenere in memoria solo lrsquoultimo testo o parola tagliato

Incolla Un testo precedentemente copiato o tagliato puograve essere incollato nuovamente o su diversoambiente

212 Rich Text Editor 21

DocWeb Release 101

2125 Rimuovi Formattazione

Ersquo possibile che il testo importato e incollato nellrsquoarea testo da altra fonte (es documento word) sildquosporchirdquo e ne acquisisca le caratteristiche stilistiche in maniera non corretta

Ersquo necessario pulire il testo selezionandolo e cliccando su ldquorimuovi formattazionerdquo

Si apriragrave un pop-up (nuova finestra) che ci proporragrave diversi elementi da pulire selezioniamo ciograve che ciinteressa e clicchiamo su OK

2126 Inserisci Caratteri Speciali

Alcune volte puograve essere necessario inserire dei caratteri o simboli non presenti sulla tastiera o nonconvenzionali per i quali esiste una mappa di caratteri speciali

Il sistema propone diversi tipi di caratteri speciali tra i piugrave comuni e frequentemente usati per adoperarliegrave sufficiente cliccare sullrsquoapposita icona ldquoInserisci Caratteri Specialirdquo

Una finestra ci mostreragrave una vasta gamma di simboli tra i quali potremo scegliere quello che ci interessa

2127 Inserisci Tabella

Per agevolare lrsquoinserimento di dati numerici in forma ldquoTabellarerdquo si puograve ricorrere allrsquoinserimento di unatabella contraddistinta dallrsquoapposito simbolo

La tabella puograve essere immaginata come una quaderno a ldquoquadrettirdquo dove ogni ldquoscacchettordquo corrispondead una cella

Scegliendo di inserire una tabella si apriragrave una finestra pop-up dove andremo ad inserire parametridi spaziatura fra celle numero di righe e colonne che compongono la tabella spessore del bordoallineamento rispetto alla pagina ecc

2128 Link

Ogni sito egrave composto da pagine consultabili e collegate tra loro tramite link

I link sono i collegamenti presenti sulle voci di menugrave parole immagini ecc

Ersquo possibile collegare pagine appartenenti ad uno stesso sito un indirizzo web di un sito esterno ounrsquoe-mail un file da scaricare un immagine ecc

Nota Immettendo nel testo un indirizzo web o e-mail completo il programma egrave in grado di capireautomaticamente che si tratta di un link e collegare gli elementi automaticamente

Volendo invece collegare elementi non scritti in forma completa si dovragrave procedere come segue

Selezioniamo la parola o frase che vogliamo collegare (come precedentemente visto) e clicchiamo sullrsquoiconaldquoInserisci Linkrdquo

Si apriragrave un pop-up come indicato nella prossima figura

Link ad una pagina interna al sito

La finestra ci propone lrsquoalberatura del nostro sito con le pagine in esso presenti (La voce attiva egraveldquopaginardquo di colore giallomarrone rispetto alle altre voci del pop-up)

Selezionando (figura Link interno (page 23)) la pagina che vorremo collegare il pop-up si chiuderagrave e laparola che avevamo selezionato precedentemente per il link cambieragrave aspetto

La vedremo blu e sottolineata il che indica che il link egrave attivato

212 Rich Text Editor 22

DocWeb Release 101

Figura 224 Link interno

Ersquo anche possibile creare dei link che aprono la pagina collegata allrsquointerno di una ldquofinestra di pop-uprdquocioegrave dentro una nuova finestra del browser Specificando le dimensioni di altezza e larghezza della nuovafinestra allrsquointerno degli appositi campi

Link ad una pagina esterna al sito

Selezioniamo una parola o frase che vogliamo collegare (come precedentemente visto) e clicchiamosullrsquoicona ldquoInserisci Linkrdquo

Scegliamo nel menugrave in alto proposto dal pop-up il bottone ldquoURL esternordquo (figura Link esterno (page 23))

Figura 225 Link esterno

Impostiamo nel campo URL lrsquoindirizzo web che vogliamo linkare prestando attenzione a scriverlo peresteso e senza cancellare http

Clicchiamo su ldquoImposta Linkrdquo

Il pop-up si chiuderagrave e la parola che avevamo selezionato precedentemente per il link cambieragrave aspetto

212 Rich Text Editor 23

DocWeb Release 101

La vedremo blu e sottolineata il che indica che il link egrave attivato

2129 Link ad unrsquoEmail

Come precedentemente visto scrivendo un indirizzo e-mail valido il programma di gestione egrave in grado dicapire che si tratta di un indirizzo di posta elettronica e il link viene impostato automaticamente

Tuttavia ci sono dei casi in cui non egrave possibile o si preferisce non indicare lrsquoindirizzo e-mail per estesoad esempio potremmo avere ldquoPer informazioni scrivicirdquo

Volendo potremmo fare in modo che sulla parola ldquoscrivicirdquo ci sia impostata la funzione di invio e-mail

Selezioniamo quindi la parola andiamo su ldquoInserisci Linkrdquo scegliendo poi ldquoEmailrdquo

Inseriamo lrsquoindirizzo E-mail nellrsquoapposito campo e clicchiamo su ldquoimposta Linkrdquo

21210 Link ad un file scaricabile

Per collegare un file (espdf txt gif ecc) egrave necessario copiarlo dal proprio PC al server web

Non egrave infatti possibile che una pagina pubblicata su internet prenda come link dei files che di fatto sonosalvati in una directory del nostro computer

Typo3 mette a disposizione un area dovrsquoegrave possibile pubblicare i files per poi essere resi disponibili ai linkossia rende disponibile lrsquo ldquoUploadrdquo dei files da pc a server

Scegliere dal menugrave di sinistra sotto la sezione ldquoMediardquo la voce ldquoFilerdquo (figura Seleziona file (page 24))

Figura 226 Seleziona file

Si apriragrave sulla destra una nuova area dove troveremo i campi utili a ldquosfogliarerdquo il contenuto del nostropc al fine di passare i file o i files dal nostro computer al manager

Effettuato il passaggio potremo ritornare alla nostra pagina e riprendere la procedura di ldquocreazione linkrdquoselezionando questa volta la voce ldquoFilerdquo del pop-up

I campi proposti sono del tutto simili a quelli di creazione di link su pagine del sito e un elenco di files(tutti quelli disponibili caricati) potranno essere collegati

213 Modalitagrave Lista

Selezionando la voce ldquolistardquo (figura Backend modalitagrave lista (page 25)) dal menugrave di sinistra egrave possibileesplorare una pagina ldquopadrerdquo e tutte le pagine ldquofiglirdquo ed essa associate

Avvertimento Ricordarsi di attivare la voce in basso ldquoVista Estesardquo

213 Modalitagrave Lista 24

DocWeb Release 101

Figura 227 Backend modalitagrave lista

Utilizzando le icone poste alla destra di ogni voce si possono compiere diverse operazioni di modificavisualizzazione spostamento copia e incolla pagina ecc come precedentemente descritto

Dunque potremo dire che la modalitagrave lista costituisce una scorciatoia per semplificare ogni sorta dioperazione soprattutto in presenza di un numero considerevole di files

214 Modalitagrave Mostra

Figura 228 Backend modalitagrave mostra

Selezionando la voce ldquoMostrardquo (figura Backend modalitagrave mostra (page 25)) dal menugrave di sinistra egrave possibilenavigare il sito allrsquointerno del docweb direttamente nel backend

214 Modalitagrave Mostra 25

DocWeb Release 101

Inoltre accanto ai vari record troveremo posta lrsquoicona matita per eseguire eventuali modifichedirettamente sul punto e la pagina prescelti

Anche la modalitagrave ldquoMostrardquo come la rdquoListardquo (cap 13) costituisce una scorciatoia particolarmente indicataper semplificare lrsquooperazione di visualizzazione del sito e di modifica

215 Modalitagrave ldquoMonta come radice dellrsquoalberordquo

Quando esistono diverse e numerose pagine egrave possibile gestire solo la porzione di contenuto che ci interessariducendo lrsquoalberatura del sito (lato backend) ai minimi termini mediante il comando ldquomonta come radicedellrsquoalberordquo

Per effettuare il comando procedere come segue

Cliccare con il pulsante destro del mouse sul titolo pagina dal menugrave centrale

Selezionare la voce ldquoaltre opzionirdquo dal menugrave a tendina (figuraMenu altre opzioni (page 26)) che compariragravecome conseguenza dellrsquoazione descritta al punto uno

Figura 229 Menu altre opzioni

Selezionare dallrsquoulteriore menugrave che si apriragrave (figura Seleziona monta come radice (page 26)) la voceldquoMonta come radice dellrsquoalberordquo

Figura 230 Seleziona monta come radice

Lrsquoalberatura si ridurragrave automaticamente mostrando solo la porzione selezionata

Per ripristinare lo stato di partenza selezionare la voce in alto nel menugrave centrale (figura Elimina DBmount (page 26)) ldquoElimina DB mount temporaneordquo

Figura 231 Elimina DB mount

Il menugrave si espanderagrave nuovamente mostrando tutte le voci esistenti

215 Modalitagrave ldquoMonta come radice dellrsquoalberordquo 26

DocWeb Release 101

216 Ottenere il page-id di una pagina

2161 Frontend (FE)

Da frontend si puograve ottenere il page-id della pagina corrente nei seguenti modi

1 dalla barra degli indirizzi del proprio browser (figura Id dallrsquourl (page 27)) Il numero della paginaegrave quello dopo la stringa ldquoid=rdquo Nella figura egrave cerchiata in verde la stringa ldquoid=rdquo e il numero dellapagina (page-id)

Figura 232 Id dallrsquourl

2 Puntando il mouse sulla scritta [id] a pieacute pagina e leggendo il tooltip (figura Id dal tooltip (page 27))

Figura 233 Id dal tooltip

3 Solo per browser Firefox dal menugrave di contesto scegliere la voce ldquoVisualizza info paginardquo si apreuna finestra consultare quindi la lista Meta sotto la scheda Generale (Id dagli attributi (page 28))

2162 Backend (BE)

Da backend egrave possibile ottenere il page-id nei seguenti modi

1 leggendo il tooltip puntando il mouse sullrsquoicona della pagina nel riquadro della struttura del sito(figura Id dal tooltip nel backend (page 28))

2 dal modulo di modifica delle intestazioni della pagina (figura Id dalle intestazioni pagina nel backend(page 28)) Il numero egrave tra le parentesi quadre dopo il titolo della pagina

217 Admin Panel

Quando si inseriscono contenuti con Typo3 (backend) egrave possibile visualizzare unrsquoanteprima della paginache si sta creando per vedere i risultati del lavoro svolto

Per visualizzare unrsquoanteprima di una pagina occorre (figura Menu mostra (page 29))

1 posizionarsi sulla pagina da visualizzare

2 premere il tasto sinistro del mouse in corrispondenza del nome

216 Ottenere il page-id di una pagina 27

DocWeb Release 101

Figura 234 Id dagli attributi

Figura 235 Id dal tooltip nel backend

Figura 236 Id dalle intestazioni pagina nel backend

217 Admin Panel 28

DocWeb Release 101

Figura 237 Menu mostra

3 selezionare la voce Mostra

In base alla pagina scelta si avragrave un risultato come quello visualizzato nella figura Anteprima pagina conAdmin panel (page 29)

Figura 238 Anteprima pagina con Admin panel

La pagina presenteragrave nella parte superiore lrsquoanteprima della pagina Nella parte inferiore vienevisualizzato uno strumento denominato Admin Panel

Questo oggetto offre lato front-end alcune funzionalitagrave (figura Moduli Admin panel (page 30)) cheaiutano i gestori di contenuti nella creazionemodifica delle pagine web del sito

NellrsquoAdmin panel (figura sopra) egrave possibile distinguere

217 Admin Panel 29

DocWeb Release 101

Figura 239 Moduli Admin panel

1 Modulo Preview ndash offre la possibilitagrave di selezionare alcune opzioni sulla pagina per simulare alcunesituazioni in cui la pagina si puograve trovare durante la visualizzazione

2 Modulo Cache ndash offre la possibilitagrave di gestire la cache

Allrsquointerno del modulo Preview abbiamo le seguenti voci

Mostra pagine nascoste selezionando la casella di controllo corrispondente a questa voce si visual-izzeranno anche quelle che attualmente non sono visibili allrsquointerno del sito o perchegrave in lavorazioneo perchegrave ancora non egrave stata data lrsquoautorizzazione alla pubblicazione

Mostra record nascosti come per le pagine questa voce offre la possibilitagrave di poter visualizzare allrsquoin-terno della pagina quei contenuti nascosti che non sono ancora ultimati o che sono in attesa di unautorizzazione per la pubblicazione

Simula data con questo controllo egrave possibile simulare il comportamento della pagina in periodi tem-porali diversi Utilizzando la casella di testo egrave possibile inserire delle date In questo modo sirende possibile la visualizzazione di quegli elementi (ad es pagine news ) che sono abilitati acomparirescomparire in base a determinati criteri temporali impostati

Simula gruppo di utenti con questo controllo egrave possibile simulare il comportamento delle pagine inbase ad un determinato gruppo di utenti che vi accede Alcune pagine possono infatti avere uncomportamento diverso in base al tipo di utente che vi accede

Nota Durante la creazione di pagine egrave possibile restringere la visione di una determinata pagina aparticolari tipi di utenti (utenti di frontend) Questa caratteristica offre la possibilitagrave di definire delle areead accesso riservato del sito ossia sezioni del sito a cui egrave possibile accedere solo dopo essersi autenticatie dopo avere avuto i necessari diritti di accesso

Una volta selezionate le opportune scelte allrsquointerno dellrsquoADMIN Panel occorreragrave premere il tasto Aggior-na (figura Aggiorna Admin panel (page 31)) per prendere visione della pagina secondo i criteri impostati

Nota Nel caso in cui lrsquoutente abbia la possibilitagrave di accedere da back-end a piugrave siti (ciascuno con unproprio dominio) bisogna tenere presente che lrsquoADMIN Panel compare soltanto per le pagine relativeal dominio con cui lrsquoutente ha fatto il login In altre parole se un operatore ad esempio egrave abilitatoa lavorare sulle pagine di backend dei siti httpwwwsitoesempio1it e httpwwwsitoesempio2it ese lrsquooperatore accede al backend di DocWeb con lrsquoindirizzo httpwwwsitoesempio1ittypo3 allora

217 Admin Panel 30

DocWeb Release 101

Figura 240 Aggiorna Admin panel

lrsquoADMIN Panel compariragrave solo sulle pagine di frontend del dominio wwwsitoesempio1it e non su quelledel dominio wwwsitoesempio2it

217 Admin Panel 31

CAPITOLO 3

La Clipboard

Lrsquooggetto clipboard (rdquoblocco degli appuntirdquo) egrave molto utile quando si ha la necessitagrave di copiare o spostareuno o piugrave elementi di contenuto o una o piugrave pagine da una sezione del sito (contenitore di pagine) adunrsquoaltra

31 Copia o spostamento di un contenuto singolo di pagina allrsquointernodi unrsquoaltra pagina

Per prima cosa egrave necessario (figura Identifica contenuto (page 32))

Figura 31 Identifica contenuto

1 selezionare la voce Lista

2 selezionare la pagina che contiene il contenuto che si intende copiare (nella figura abbiamo sceltola pagina denominata ldquoCorso di formazione su Typo3rdquo

32

DocWeb Release 101

3 identificare dalla lista dei contenuti associati alla pagina quello da spostare

Supponiamo che si desideri copiare il contenuto denominato ldquoTesto 2rdquo (figura Copia contenuto (page 33))

Figura 32 Copia contenuto

Egrave sufficiente cliccare sullrsquoicona (nella figura sopra evidenziata con un cerchio rosso) di copia incorrispondenza del contenuto da copiare

Dopo avere eseguito questa operazione nella figura Risultato copia contenuto (page 34) possiamo notare

1 Egrave comparsa unrsquoicona nuova che mette in evidenza che nella clipboard egrave presente un elemento

2 Lrsquoicona di copia in corrispondenza del contenuto da spostare ha cambiato aspetto

A questo punto lrsquooggetto che si intende copiare egrave presente nella nostra clipboard

Il passo successivo egrave quello di selezionare la pagina in cui andare a posizionare lrsquoelemento (paginadestinazione)

Rimanendo sempre allrsquointerno del modulo Lista occorreragrave selezionare dallrsquoalberatura delle pagine la pag-ina destinazione Il procedimento da seguire per posizionarsi sulla pagina egrave lo stesso descritto in prece-denza Nella figura Incolla contenuto (page 34) viene evidenziato il contenuto di una pagina (denominataldquoPagina di Provardquo) in cui vogliamo copiare il contenuto

Per copiare il contenuto della clipboard nella pagina selezionare lrsquoicona Incolla contenuto Clipboard

Confermando lrsquooperazione il contenuto saragrave copiato allrsquointerno della pagina selezionata

Per effettuare lo spostamento di un contenuto di pagina allrsquointerno di unrsquoaltra pagina cliccare sullrsquoicona

di Taglia al posto dellrsquoicona copia e ripetere le operazioni sopra descritte

1 Selezionando la casella Mostra clipboard (figura Vista clipboard (page 35)) egrave possibile visualiz-zare lrsquooggetto clipboard Nel caso in figura lrsquoelemento copiato in precedenza (Testo 2) egrave ancoradisponibile allrsquointerno della clipboard Utilizzando il procedimento descritto infatti il contenuto

31 Copia o spostamento di un contenuto singolo di pagina allrsquointerno di unrsquoaltra pagina 33

DocWeb Release 101

Figura 33 Risultato copia contenuto

Figura 34 Incolla contenuto

31 Copia o spostamento di un contenuto singolo di pagina allrsquointerno di unrsquoaltra pagina 34

DocWeb Release 101

selezionato rimane ancora a disposizione dellrsquoutente che potragrave selezionare altre pagine destinazionesu cui eventualmente andare a copiare il contenuto Nel caso in cui si selezioni un altro elementoad esempio ldquoTesto 1rdquo lrsquoelemento presente viene automaticamente sostituito

2 Dallrsquooggetto clipboard egrave possibile rimuovere un elemento premendo il bottone di Elimina postoaccanto ad esso

Figura 35 Vista clipboard

Con il procedimento descritto fino ad ora egrave possibile scegliere soltanto un contenuto alla volta

32 Copia o spostamento di piugrave contenuti da una pagina ad unrsquoaltra

Nel caso in cui ci si trovi nella necessitagrave di copiare piugrave di un contenuto da una pagina allrsquoaltra egrave necessarioseguire i passi seguenti

1 Selezionare il modulo Lista

2 Selezionare la pagina di origine da cui prelevare i contenuti

3 Selezionare la casella Mostra clipboard

4 Selezionare una clipboard tra quelle denominate ldquoClipboard 1rdquo ldquoClipboard 2rdquo ldquoClipboard 3rdquo(punto 3 figura Vista clipboard con contenuto selezionato (page 36))

Selezionando ad esempio la clipboard contrassegnata come ldquoclipboard 1rdquo si avragrave la seguente situazione

32 Copia o spostamento di piugrave contenuti da una pagina ad unrsquoaltra 35

DocWeb Release 101

Figura 36 Vista clipboard con contenuto selezionato

32 Copia o spostamento di piugrave contenuti da una pagina ad unrsquoaltra 36

DocWeb Release 101

1 In corrispondenza di ogni contenuto si evidenzia una Casella di selezione Sopra la colonna con lecaselle di selezione egrave comparsa una lista di bottoni tra cui al momento distinguiamo

2 Bottone di copia elementi nella clipboard

3 Bottone di selezione tuttinessuno

Scegliendo ad esempio i primi due elementi e premendo il pulsante di copia elementi nella clipboard sipuograve notare che (figura Copia nella clipboard (page 37))

Figura 37 Copia nella clipboard

1 La clipboard che abbiamo scelto per la selezione multipla (ldquoClipboard 1rdquo) contiene la lista deglioggetti che abbiamo scelto di copiare

2 Ersquo comparsa lrsquoicona di Incolla contenuto Clipboard

La procedura della selezione della pagina di destinazione rimane identica a quella giagrave utilizzata per lacopia di un contenuto singolo (selezionare la pagina di destinazione su cui andare a posizionare i contenutiselezionati)

Egrave importante fare notare che seguendo le operazioni descritte sopra si ottiene come risultato lospostamento dei contenuti dalla pagina origine a quella destinazione

Se si desidera copiare gli elementi selezionati egrave necessario una volta selezionati gli elementi da copiarepremere il tasto copia gli items invece di spostarli (evidenziato con un cerchio rosso nella figura Tagliadalla clipboard (page 38))

32 Copia o spostamento di piugrave contenuti da una pagina ad unrsquoaltra 37

DocWeb Release 101

Figura 38 Taglia dalla clipboard

32 Copia o spostamento di piugrave contenuti da una pagina ad unrsquoaltra 38

DocWeb Release 101

In questo modo dopo avere confermato lrsquooperazione i contenuti o le pagine da copiare saranno presentisia nella pagina origine che in quella destinazione

32 Copia o spostamento di piugrave contenuti da una pagina ad unrsquoaltra 39

CAPITOLO 4

Modulo DAM (Digital AssetManagement)

Il modulo DAM (Digital Asset Management) offre la possibilitagrave di raccogliere e catalogare contenuti informato digitale come immagini documenti presentazioni

Ogni file inserito puograve essere corredato di informazioni aggiuntive (meta-informazioni) come la descrizionelrsquoautore parole chiave ecc

Attraverso il modulo DAM egrave possibile svolgere le seguenti operazioni

bull Caricamento e Aggiornamento di file

bull Ricerca di file allrsquointerno del DAM e modifica delle meta-informazioni associate ai file

41 Caricamento e Aggiornamento di file

Lrsquooperazione di CaricamentoAggiornamento di file serve per sottoporre al sistema DAM un particolarecontenuto memorizzato in formato digitale

Lrsquoelemento caricato saragrave poi disponibile a chi inserisce contenuti

Per iniziare lrsquooperazione di caricamento di un file egrave sufficiente selezionare la voce File che si trovaallrsquointerno del modulo Media (figura Menu file (page 41))

La maschera che si apre (figura File upload (page 41)) offre le seguenti possibilitagrave

1 Selezione della posizione dove andare a caricareaggiornare il file

2 Specificare alcuni documenti da caricare (area File)

Concentrandoci sullrsquoarea File (figura Dettaglio file upload (page 42)) distinguiamo

1 Voce Show upload location browser (punto 1 figura sopra) egrave possibile visualizzare i file attualmentecaricati nel Mount Point selezionato

2 Lista di bottoni denominati Sfoglia da utilizzare nel caso in cui si desideri caricareaggiornareun file

Se si desidera caricare un file occorre cliccare sul bottone Sfoglia

La finestra che appare (figura Sfoglia file (page 42)) permette di selezionare dal proprio PC il file dacaricare

Per selezionare un file da caricare occorre

1 Esplorare le cartelle del proprio PC per trovare il file

40

DocWeb Release 101

Figura 41 Menu file

Figura 42 File upload

41 Caricamento e Aggiornamento di file 41

DocWeb Release 101

Figura 43 Dettaglio file upload

Figura 44 Sfoglia file

41 Caricamento e Aggiornamento di file 42

DocWeb Release 101

2 Inserire il nome del file nella casella di testo Nome file

3 Premere il tasto Apri

Una volta che si egrave selezionato un file egrave possibile

1 selezionare altri file da caricare seguendo gli stessi passi descritti in precedenza

2 effettuare lrsquooperazione di caricamento del file vero e proprio

Dallrsquoesempio abbiamo scelto di caricare un solo file

Il caricamento dei file viene eseguito premendo il bottone ldquoUpload filesrdquo che si trova in fondo alla listadei file selezionati (figura File selezionato (page 43))

Figura 45 File selezionato

Se tutto egrave stato eseguito correttamente appariragrave una finestra come quella nella figura Process files(page 44)

In questa maschera egrave possibile

1 Specificare le meta-informazioni per il singolo file come ad esempio il titolo parole chiavedescrizione

2 Avviare il processo di elaborazione multipla premendo il bottone Process selected files Con questoprocesso egrave possibile inserire o modificare le meta-informazioni per tutti i file della lista (in questocaso solo uno)

Se si vuole eseguire lrsquoinserimento delle meta-informazioni per singolo file la finestra che si apre egrave similea quella presentata in figura Elaborazione metainformazioni singolo file (page 44)

Nel caso si scelga di eseguire il processo di elaborazione multipla la maschera che compare (figuraElaborazione metainformazioni file multipli (page 45)) permette di selezionare le meta-informazioni chelrsquoutente intende inserire contemporaneamente per tutti i file della selezione

41 Caricamento e Aggiornamento di file 43

DocWeb Release 101

Figura 46 Process files

Figura 47 Elaborazione metainformazioni singolo file

41 Caricamento e Aggiornamento di file 44

DocWeb Release 101

Figura 48 Elaborazione metainformazioni file multipli

41 Caricamento e Aggiornamento di file 45

DocWeb Release 101

Se si seleziona la checkbox accanto alla voce che eventualmente saragrave inserita questa viene aggiuntaalle informazioni eventualmente giagrave presenti (modalitagrave append) Nellrsquoaltro caso le informazioni sarannosovrascritte

I campi Titolo e Descrizione sono obbligatori mentre il campo Parole chiavi puograve essere valorizzato adiscrezione dellrsquoutente Informazioni su come valorizzare i campi elencati sopra saranno descritte suapposite linee guida

Per completare lrsquoinserimentoaggiornamento delle meta-informazioni riguardanti il file caricato occorrepremere il tasto Send (figura Salva metainformazioni (page 46)) in fondo alla maschera per il salvataggiodelle informazioni

Figura 49 Salva metainformazioni

Tornando alla maschera di caricamento file e selezionando la checkbox in corrispondenza della voceSovrascrivi file esistenti (figura Carica file sovrascrivendo (page 46)) saragrave possibile aggiornare eventualifile che hanno lo stesso nome di quello che stiamo caricando

Questa procedura egrave utile quando si vuole aggiornare il contenuto di un file che egrave giagrave presente nel DAM

Figura 410 Carica file sovrascrivendo

Nel caso di aggiornamento di un file le meta-informazioni del file rimangono le stesse inserite inprecedenza Come si puograve notare non viene offerta la possibilitagrave di inserirne di nuove

Nel caso in cui un file con lo stesso nome sia giagrave caricato e non si desideri aggiornarlo il file inseritoper ultimo viene rinominato con un suffisso generato automaticamente dal DAM In questo caso la voceSovrascrivi file esistenti non deve essere selezionata (figura Carica file senza sovrascrivere (page 47))

Nellrsquoesempio in figura viene presentata la lista dei file presenti nel mount point selezionato

Da notare la presenza di un file che egrave stato rinominato dal DAM con un suffisso ldquo_01rdquo dato che nellastessa posizione era giagrave presente un file con lo stesso nome

41 Caricamento e Aggiornamento di file 46

DocWeb Release 101

Figura 411 Carica file senza sovrascrivere

41 Caricamento e Aggiornamento di file 47

DocWeb Release 101

42 Ricerca di file allrsquointerno del DAM e modifica delle meta-informazioni

Rimanendo sempre allrsquointerno del modulo Media selezioniamo la voce List egrave possibile effettuare dellericerche dei file e modificare le meta-informazioni associate ai file

Nella figura Backend media list (page 48) distinguiamo

Figura 412 Backend media list

1 Parte relativa ai Mount Point disponibili

2 Parte relativa ai tipi di file caricati nel sistema

3 Schede List Thumbnails Selection Process

Da questa sezione egrave possibile effettuare ricerche sui file caricati nel DAM

Le ricerche che si possono eseguire sono del tipo ldquotrova tutti i file pdf e docrdquo oppure ldquoelenca tutti i filedi tipo immagine ad eccezione dei file con estensione gifrdquo

Per prima cosa facendo click sul nome del tipo file (es gif oppure image) si seleziona solo quel tipo difile e si escludono tutti i criteri selezionati in precedenza

Per aggiungere un altro criterio di ricerca egrave sufficiente selezionare il ldquo+rdquo (punto 1 nella figura Criteri diselezione (page 49)) posto accanto al tipo di file che si vuole selezionare

Con il ldquo-ldquo(punto 2) saragrave possibile rimuovere il tipo di file dai criteri di ricerca

Selezionando ldquo=rdquo (punto 3) egrave possibile introdurre clausole del tipo ldquocerca un file che sia doc e presentenel Mount Point chiamato lsquoArea Testrsquordquo (ossia effettua una ricerca che risponda a tutti i criteri impostati)

Nellrsquoesempio della figura Salva selezione (page 49) sono stati selezionati tutti i tipi di immagine adeccezione dei file con estensione gif Questo risultato si ottiene nel seguente modo

1 selezionare il ldquo+rdquo accanto alla voce ldquoimagerdquo

2 premendo il tasto ldquo-ldquo in corrispondenza della voce ldquogifrdquo

I criteri impostati per la selezione possono essere salvati per un uso futuro Per salvare la selezioneoccorre (figura Salva selezione (page 49))

1 riempire il campo sotto la voce SELECTION con un nome che identifichi la ricerca

2 premere il tasto Save per salvare la modalitagrave di ricerca impostata

In questo modo saragrave possibile richiamare e rieseguire la ricerca impostata anche in futuro senza doverripetere il procedimento di scelta dei criteri mostrato in precedenza

42 Ricerca di file allrsquointerno del DAM e modifica delle meta-informazioni 48

DocWeb Release 101

Figura 413 Criteri di selezione

Figura 414 Salva selezione

42 Ricerca di file allrsquointerno del DAM e modifica delle meta-informazioni 49

DocWeb Release 101

Se in futuro saranno inseriti nuovi file che soddisfano la ricerca salvata questi verranno selezionati quandoverragrave richiamata la ricerca salvata

Dalla figura Ricerca salvata (page 50) egrave possibile notare come richiamare la ricerca salvata In questocaso abbiamo salvato la ricerca con il nome ldquoimmaginisenzagifrdquo

Figura 415 Ricerca salvata

Una volta che si egrave selezionata la ricerca egrave possibile

1 Premere il tasto Load per ricaricare la ricerca precedentemente impostata

2 Premere Remove per rimuovere la ricerca salvata

Una volta effettuata una particolare selezione di file egrave possibile (figura Schede backend media list(page 50))

Figura 416 Schede backend media list

1 vedere il contenuto della selezione (schede List e Thumbnails)

2 vedere i criteri impostati per la ricerca (scheda Selection)

3 modificare le meta-informazioni associate ai file (scheda Process) secondo quanto descritto inprecedenza

Nella figura Scheda selection (page 51) egrave visualizzato come selezionando la scheda Selection egrave possibileprendere visione dei criteri impostati nella ricerca (la ricerca egrave quella dellrsquoesempio precedente)

Selezionando le schede List e Thumbnails dopo avere effettuato una qualsiasi selezione si potrebbe avereuna situazione come quella mostrata nella figura Scheda list (page 51)

Cliccando sullrsquoicona corrispondente ad uno dei file presenti nella lista (selezionato con un cerchio rosso)egrave possibile accedere ad un menugrave contestuale (figura Menu contestuale DAM (page 51))che permette disvolgere le seguenti operazioni

Modifica Offre la possibilitagrave di visualizzare e modificare le meta-informazioni associate al file

Rinomina Selezionando la seguente voce egrave possibile assegnare un altro nome al file che si egrave caricato

Replace file Avvia lrsquooperazione di sostituzione del file

Info Visualizza informazioni relative al file

Cancella Rimuove il file dal DAM

42 Ricerca di file allrsquointerno del DAM e modifica delle meta-informazioni 50

DocWeb Release 101

Figura 417 Scheda selection

Figura 418 Scheda list

Figura 419 Menu contestuale DAM

42 Ricerca di file allrsquointerno del DAM e modifica delle meta-informazioni 51

CAPITOLO 5

Modulo Pagine di download

51 Inserimento e configurazione pagine di download

La creazione di pagine di download egrave utile quando si vuole mettere a disposizione una lista di uno o piugravefile in forma scaricabile

Per creare una pagina di download egrave necessario seguire i seguenti passi

1 Creare una pagina standard

2 Inserire il plugin DAM Download List

3 Configurare il plugin

Per creare una pagina egrave sufficiente entrare nel modulo Pagina e selezionare Crea nuovo record per accederealla finestra di creazione pagine

Nellrsquoesempio in figura Backend creazione contenuto (page 52) egrave stata creata la pagina denominata ldquoPaginadownloadrdquo come figlio della pagina ldquoPagina di provardquo

Figura 51 Backend creazione contenuto

Una volta creata la pagina occorre configurarla in maniera tale da permettere la visualizzazione di unalista di file scaricabili Per fare ciograve occorre inserire un plugin denominato ldquoDAM Download Listrdquo Unplugin egrave un contenuto speciale da inserire in una pagina

52

DocWeb Release 101

Per inserirlo come per un contenuto occorre seguire i seguenti passi (figura Backend creazione contenuto(page 52))

1 Selezionare la pagina in cui inserire il plugin Nellrsquoesempio la pagina denominata ldquoPaginadownloadrdquo

2 Selezionare la voce Clicca qui per il wizard nella maschera che compare quando si vuole inserire unnuovo record

Figura 52 Wizard nuovo contenuto

Oltre ai normali contenuti standard il wizard permette di selezionare (figura Wizard nuovo contenuto(page 53))

1 Contenuti speciali

2 Moduli

3 Plugins

Allrsquointerno della lista dei Plugins selezionare DAM Lista dei file scaricabili (punto 4 nella figura Wizardnuovo contenuto (page 53))

Dopo aver selezionato il plugin occorreragrave selezionare la posizione della pagina in cui inserire lrsquoelemento

Selezionare ldquoNormalerdquo

A questo punto il plugin egrave inserito nella pagina desiderata

51 Inserimento e configurazione pagine di download 53

DocWeb Release 101

Oltre allrsquoinserimento occorre configurare il plugin in modo da dirgli quali file far visualizzare

Una volta che il plugin viene inserito viene aperta una finestra (figura Contenuto pagina (page 54)) doveviene richiesto di selezionare dei file inseriti nel sistema

Figura 53 Contenuto pagina

Per proseguire correttamente egrave necessario salvare immediatamente il Contenuto Pagina altrimenti leoperazioni successive potrebbero andare perse

Per inserire i file nella lista occorre effettuare la seguente operazione (figura Contenuto pagina (page 54))

1 Nella parte della maschera denominata DAM Lista di file scaricabili selezionare lrsquoicona SfogliaRecord (cerchiata in rosso) per avviare la procedura di selezione dei file

Selezionando la voce Sfoglia Record verragrave aperto lrsquoElement Browser di TYPO3 che ci permette di se-lezionare i file da inserire nel plugin La finestra (figura Element browser (page 55)) egrave composta di dueschede

1 Media ndash permette di selezionare i file giagrave esistenti nel sistema

2 Upload ndash permette di caricare nuovi file

Selezionando la sezione Media egrave possibile selezionare dalla lista i file da inserire

51 Inserimento e configurazione pagine di download 54

DocWeb Release 101

Figura 54 Element browser

Se la lista dei file fosse troppo lunga egrave possibile effettuare delle ricerche per nome e per tipologia di file(doc htm )

Per cercare per nome (figura Ricerca per nome (page 55)) occorre inserire nella casella di testo Cercastringa (punto 1 nella figura sopra) il nome o parte del nome del file da cercare Una volta specificata lastringa di ricerca premere il tasto Cerca (punto 2)

Figura 55 Ricerca per nome

Per cercare un particolare tipo di file selezionare il nome dellrsquoestensione che si desidera dallrsquoelenco deitipi di file (figura Ricerca per tipo (page 56))

Nota I due tipi di ricerca possono essere usati contemporaneamente

Selezionando la voce informazioni (punto 1 nella figura Selezione file (page 56)) egrave possibile visualizzarele meta-informazioni associate al file

Premendo con il mouse sul nome del file (punto 2) o sullrsquoicona associata (punto 3) si inserisce il file nellalista dei file da far visualizzare nella pagina di download mediante lrsquoapposito plugin

Selezionando la scheda Upload si puograve inserire un file non presente nel sistema (figura Caricamentoimmediato file (page 56))

51 Inserimento e configurazione pagine di download 55

DocWeb Release 101

Figura 56 Ricerca per tipo

Figura 57 Selezione file

Figura 58 Caricamento immediato file

51 Inserimento e configurazione pagine di download 56

DocWeb Release 101

Scegliere i file dal proprio PC seguendo le operazioni giagrave descritte nel modulo DAM e selezionare dallascheda Media i nuovi file inseriti

Nella figura Plugin con file selezionati (page 57) egrave visualizzato un esempio di maschera di configurazionedel plugin con la lista dei file selezionati

Figura 59 Plugin con file selezionati

I file una volta inseriti possono essere ordinati selezionando sugli appositi bottoni posti a destra dellalista file

bull Per ordinare un determinato file occorre

bull Selezionare un file

Premere uno dei tasti (figura sopra) per

1 Spostare in prima posizione

2 Spostare in alto di una posizione

3 Spostare in basso di una posizione

4 Spostare in ultima posizione

5 Rimuovere dalla lista il file selezionato

Una volta eseguiti i passaggi sopra descritti salvare la configurazione del plugin

51 Inserimento e configurazione pagine di download 57

CAPITOLO 6

Modulo Sitemap

Ersquo possibile generare una mappa del sito scegliendo un contenuto speciale di tipo ldquoMappa del Sitordquo comemostrato nella figura Contenuto mappa del sito (page 58)

Figura 61 Contenuto mappa del sito

Per scegliere un record di tipo ldquomappa del sitordquo (per visualizzare cioegrave la vista dei contenuti possibili)saragrave necessario portarsi in modalitagrave ldquopaginardquo compiendo gli stessi passaggi descritti per la creazione dicontenuti semplici in fase di creazione delle pagine (in questo caso selezionando il contenuto specialemappa)

58

DocWeb Release 101

61 Scheda di configurazione Mappa

La scheda di configurazione si presenta come nella figura Scheda mappa del sito (page 59)

Figura 62 Scheda mappa del sito

I campi fondamentali da personalizzare sono lrsquointestazione (ossia il titolo pagina) il tipo di menugrave e ilpunto di partenza Nellrsquointestazione viene inserito come di consuetudine il titolo pagina

62 Tipo di mappa

Ersquo possibile scegliere il tipo di mappa che si desidera creare consultando il menugrave a tendina ldquotipo di menugraverdquoche ci offriragrave diverse opzioni

Le piugrave frequentemente usate sono di tipo ldquoMenugrave delle sottopagine rdquo come indicato nella figura Tipo dimenu (page 60)

Menugrave delle sottopagine di queste pagine Scegliendo questa opzione da una pagina padre sigenereragrave un record che mostreragrave al suo interno tutte le sottovoci figlio con relativo link

Menugrave delle sottopagine di queste pagine (con abstract) Genera una mappa sia delle sottopagineche dei sottotitoli

Menugrave delle sottopagine di queste pagine + sezioni Genera una mappa sia delle sottopagine chedei record (link alle intestazioni dei singoli record)

Selezionando voci di menugrave di sottopagine egrave anche possibile stabilire un determinato punto di partenzasfogliando lrsquoapposito record

61 Scheda di configurazione Mappa 59

DocWeb Release 101

Figura 63 Tipo di menu

63 Il ldquopunto di partenzardquo della mappa

Il ldquopunto di partenzardquo dei Menugrave delle sottopagine Scheda mappa del sito (page 59) costituisce la paginadalla quale il sistema partiragrave per creare la mappa

Si potragrave quindi creare una mappa (di tipo menugrave delle sottopagine) che mostri solamente il percorso diquella porzione di menugrave che si intende mostrare

63 Il ldquopunto di partenzardquo della mappa 60

CAPITOLO 7

Modulo News

71 Inserimento e modifica di news

Alcune sezioni del nostro sito potrebbero essere state configurate per permettere la visualizzazione dinotizie

Per poter visualizzare le news correttamente occorre che queste ultime vengano inserite in una determi-nata posizione allrsquointerno del backend Da questa posizione che chiameremo repository delle news lenostre pagine andranno a prelevare le news da visualizzare al loro interno

Figura 71 Backend news

Nellrsquoesempio presentato nella figura Backend news (page 61) distinguiamo

1 il repository delle news che egrave stato creato

2 Un esempio di come potrebbe apparire il contenuto del repository delle news (lista delle news)

Per poter visualizzare il contenuto del repository delle news occorre seguire i seguenti passi

1 entrare nel modulo Pagina

61

DocWeb Release 101

2 selezionare il repository delle news corrispondente (nellrsquoesempio della figura Backend news (page 61)il Repository delle news si chiama ldquoNews Area Testrdquo)

Poniamo ora la nostra attenzione alla lista delle news (figura Lista news (page 62)) Da qui egrave possibile

bull Inserire una nuova notizia

bull Modificare le notizie giagrave esistenti

Per inserire una nuova notizia occorre selezionare la voce Crea nuovo record (figura Lista news (page 62))posta in fondo alla lista delle news

Figura 72 Lista news

A questo punto si apre la finestra di creazione Nuovo record da cui occorre selezionare la voce News(figura Nuovo record news (page 62))

Figura 73 Nuovo record news

Eseguendo le operazioni sopra descritte si accede alla maschera di inserimento news (figura Inserimentonews scheda generale (page 63))

Questa si compone di due schede una denominata Generale e unrsquoaltra denominata Relations

Nella scheda Generale egrave possibile inserire

Titolo in questo spazio egrave possibile specificare un titolo della news

Nascondi questo controllo determina se la news egrave pubblicabile oppure no Come avviene per le pagineanche per le news egrave consigliabile tenere la news nascosta durante la lavorazione Facciamo notare

71 Inserimento e modifica di news 62

DocWeb Release 101

Figura 74 Inserimento news scheda generale

71 Inserimento e modifica di news 63

DocWeb Release 101

che appena viene aperta la maschera di inserimento di una nuova news il controllo appare giagrave instato nascosto

Dataora in questo spazio viene indicata la data e lrsquoora della creazione della news in base ai parametridi sistema

Data Archiviazione in questo spazio viene inserita la data di Archiviazione di una news

Autore permette di specificare un autore della news

Email permette di specificare un e-mail a cui fare riferimento

Sottointestazione questo campo conterragrave una breve descrizione (abstract) della news La sottointes-tazione egrave quella parte della news che compare quando viene visualizzata la lista delle news e serveper dare una breve descrizione al contenuto della news (si veda Esempio news (page 64))

Figura 75 Esempio news

Durante lrsquoinserimento di una news egrave consigliabile specificare sempre una sottointestazione

Testo egrave il campo che contiene il contenuto vero e proprio della news Egrave possibile utilizzare tutte lefunzionalitagrave messe a disposizione dallrsquoeditor RTE

72 Modalitagrave Relations

Nella modalitagrave Relations (figura Inserimento news scheda relations (page 65)) egrave possibile inserire

Immagini contiene una lista di immagini da associare alla news Il procedimento per la se-lezionecaricamento delle immagini egrave stato descritto nella parte dedicata alla creazione di paginedi download a cui vi rimandiamo

Didascalia permette di specificare una descrizione per lrsquoimmagine associata alla news

Image alttext e Image titletext permette di specificare un testo che in visualizzazione (Frontend)compariragrave al passaggio del mouse sopra lrsquoimmagine

News correlate permette di specificare news o pagine del sito da associare alla news Il procedimentodi selezione delle news da associare alla notizia saragrave spiegato successivamente

DAM elements permette di assegnare alla news dei documenti da scaricare come per esempioil programma di un determinato evento Anche in questo caso il procedimento per la se-lezionecaricamento dei documenti egrave quello giagrave descritto nella parte dedicata alla creazione dipagine di download

Descriviamo il procedimento da seguire per associare alcune pagine o alcune news alla notizia che stiamoinserendo

Premere il tasto di Sfoglia Record evidenziato nella figura Sfoglia record news (page 65)

Verragrave aperta una finestra che contiene un Element Browser che ci permette di selezionare le newspagine(figura Element browser news (page 66)) da associare

La finestra di selezione si suddivide nelle seguenti parti (figura sopra)

Alberatura del sito da cui egrave possibile esplorare gli elementi del nostro sito (pagine sysfolder )Premendo con il tasto sinistro del mouse sul nome della pagina o sulla freccia corrispondente verragraveaggiornata la parte di destra della finestra in cui egrave inserita la lista degli elementi associabili

72 Modalitagrave Relations 64

DocWeb Release 101

Figura 76 Inserimento news scheda relations

Figura 77 Sfoglia record news

72 Modalitagrave Relations 65

DocWeb Release 101

Figura 78 Element browser news

Lista degli elementi associabili egrave quindi possibile selezionare gli elementi da associare alla newsPer associare un elemento si puograve selezionare il simbolo ldquo+rdquo posto accanto allrsquoelemento desideratoo agendo sul nome del file Nel primo caso lrsquoelemento viene aggiunto ma la finestra non si chiuderagrave(utile per effettuare selezioni multiple) mentre nel secondo caso lrsquoelemento viene aggiunto e lafinestra si chiuderagrave (selezione singola)

Nota Per associare una o piugrave news alla notizia che stiamo inserendo occorreragrave innanzitutto selezionareil repository delle news e utilizzando i metodi descritti in precedenza indicare le news di interesse

Nella figura Selezione repository (page 66) viene visualizzato come appare lrsquoElement Browser dopo averselezionato il repository delle news denominato ldquoNews Corso Typo3rdquo

Figura 79 Selezione repository

Una volta ultimato il procedimento di inserimento di una news vedremo che nel repository compariragrave(figura News nel repository (page 67)) anche quella da noi creata Nellrsquoesempio la news creata si chiamaldquoTitolo della news di provardquo

Dalla lista delle news possiamo notare che i diversi tipi di news sono contrassegnati con icone diverse

In particolare distinguiamo

72 Modalitagrave Relations 66

DocWeb Release 101

Figura 710 News nel repository

bull News (icona ldquocelestinardquo)

bull Collegamento a URL esterna (icona ldquorosardquo)

bull Collegamento a pagina interna (icona ldquogiallinardquo)

Per modificare il contenuto di una news egrave sufficiente selezionare il simbolo di modifica (figura Modificanews (page 67)) in corrispondenza della news da modificare

Figura 711 Modifica news

73 News collegata a URL esterna e a pagina interna

Attraverso la selezione della finestra ldquoTipordquo egrave possibile scegliere diverse tipologie di news

Nella figura News collegata a url esterna (page 68) egrave stato selezionato il Collegamento a URL esterna checi offriragrave la possibilitagrave di specificare un link (ldquoURL esternordquo) da far visualizzare e che saragrave contraddistintain lista da lrsquoicona di colore rosa

Selezionando il Collegamento a pagina interna viene offerta la possibilitagrave di inserire un collegamento auna pagina del sito (evidenziato nella figura News collegata a pagina interna (page 69))

La news si presenteragrave con icona di color ldquogiallordquo e al suo interno conterragrave un link alla pagina interna alsito

73 News collegata a URL esterna e a pagina interna 67

DocWeb Release 101

Figura 712 News collegata a url esterna

73 News collegata a URL esterna e a pagina interna 68

DocWeb Release 101

Figura 713 News collegata a pagina interna

73 News collegata a URL esterna e a pagina interna 69

DocWeb Release 101

74 Eliminazione delle News

Per eliminare una news possiamo procedere tra lrsquoaltro in due modi

1 Selezionare la news da eliminare dallrsquoelenco e selezionare la voce ldquocancellardquo dal menugrave a tendinaconsultabile cliccando con il pulsante destro sullrsquoicona in corrispondenza della news (figura Eliminanews da menu contestuale (page 70))

Figura 714 Elimina news da menu contestuale

2 Entrare allrsquointerno della modalitagrave di modifica della news attraverso lrsquoicona ldquomatitardquo e selezionare lrsquoi-cona raffigurante il bidone di elimina posta in alto pagina (figura Elimina news da scheda contenuto(page 70))

Figura 715 Elimina news da scheda contenuto

75 Ordinamento delle News e ricerca

Puograve essere necessario durante la visualizzazione della lista delle news (lato backend) di dover effettuaredegli ordinamenti al fine di permettere una ricerca piugrave veloce delle news da modificare

74 Eliminazione delle News 70

DocWeb Release 101

Avvertimento Lrsquoordinamento ha valore solo come ricerca allrsquointerno del backend mentre latofrontend rispecchieragrave i parametri prestabiliti dal sistema

Supponiamo per esempio di voler effettuare un ordinamento per Titolo Seguiamo i seguenti passi(figura sotto)

1 Selezionare la voce di menugrave Lista

2 Selezionare il deposito delle news (repository) News Corso Typo3

3 Cliccare con il mouse in corrispondenza della voce ldquoTitolordquo

A questo punto (figura Ordinamento news (page 71)) le news vengono ordinate in ordine crescente(vengono visualizzate prima le news con titolo che inizia con la lettera a b e cosigrave via)

Figura 716 Ordinamento news

Se clicchiamo unrsquoaltra volta sulla voce ldquoTitolordquo il tipo di ordinamento cambia da crescente a decrescente(compariranno per prima le news con titolo che inizia per z )

Egrave inoltre possibile ordinare secondo campo da noi specificato Per definire il nome di un campo (ad estesto inizio autore ) su cui effettuare lrsquoordinamento occorreragrave spostarsi in fondo alla lista delle newsdove troveremo una lista di campi (figura Mostra campo aggiuntivo news (page 71))

Figura 717 Mostra campo aggiuntivo news

Dalla lista possiamo

bull Selezionare la voce in base alla quale effettuare lrsquoordinamento (ad esempio Immagini)

bull Premere il tasto Imposta campi per aggiungere alla lista dei campi visualizzati quello selezionato

75 Ordinamento delle News e ricerca 71

DocWeb Release 101

A questo punto il campo selezionato (nel nostro esempio il campo Immagini) compare nella lista dellenews (il campo aggiunto egrave evidenziato con un riquadro in alto a destra nella figura Ordinamento campoaggiuntivo news (page 72))

Figura 718 Ordinamento campo aggiuntivo news

Effettuare le stesse operazioni illustrate per il campo Titolo per ordinare in modo crescente e decrescentele news secondo il criterio impostato (click pulsante sinistro sul nome etichetta)

Egrave anche possibile ricercare le news in base al testo contenuto nel titolo sottotitolo descrizione eccUtilizzando la maschera di ricerca in fondo pagina (evidenziata nella figura Ricerca news (page 72))

Figura 719 Ricerca news

Per effettuare una ricerca egrave necessario seguire i seguenti passi

1 Inserire nel campo Cerca Stringa il testo da cercare (nel nostro esempio ldquonequerdquo)

2 Premere il tasto Cerca per eseguire la ricerca secondo i criteri impostati

In questo modo nella lista delle news compariranno solo quelle che contengono il testo specificatoEffettuata la ricerca egrave possibile effettuare degli ordinamenti come spiegato in precedenza

75 Ordinamento delle News e ricerca 72

CAPITOLO 8

Modulo Eventi

Avvertimento SEZIONE NON COMPLETA

Si confrontino i seguenti due tipi di contenuti

Evento egrave un tipo di contenuto adatto a descrivere qualcosa che accadragrave o che egrave accaduto in una certadata La data o le date in cui lrsquoevento ricorre sono strettamente legate ad un luogo in cui lrsquoeventosi verificheragravesi egrave verificato Gli eventi vengono rappresentati mediante la metafora dellrsquoagenda edel calendario

Notizia egrave un tipo di contenuto caratterizzato dalla data di pubblicazione secondo la metafora delgiornale online E come in un giornale online una notizia puograve riferirsi sia a fatti giagrave accaduti chea fatti a venire

Nota Per comprendere meglio la differenza tra i due tipi di contenuto si pensi che dato un eventoche ha una certa data di svolgimento (ad es 20 maggio) di tale evento posso realizzare piugrave di unanotizia Rimanendo nellrsquoesempio potrei pubblicare una notizia il 10 maggio per preannunciare lrsquoeventoe poi unrsquoaltra il 18 maggio per ricordarne lrsquoimminenza Infine potrei pubblicare una notizia di riepilogo(cronaca dellrsquoevento immagini ecc) il 22 maggio

81 Scopo del modulo Eventi

Il visitatore del sito deve poter cogliere le informazioni essenziali di un evento

bull Cosa sta per succedere

bull Dove accadragrave

bull Quando accadragrave

82 Il Backend ndash Modulo Pagina

Vedi figura Eventi vista modulo pagina (page 74)

83 Il Backend ndash Modulo Lista

Vedi figura Eventi vista modulo lista (page 74)

73

DocWeb Release 101

Figura 81 Eventi vista modulo pagina

Figura 82 Eventi vista modulo lista

83 Il Backend ndash Modulo Lista 74

DocWeb Release 101

84 Creazione di un evento

Prima di procedere poniamoci qualche domanda

bull Lrsquoevento appartiene a qualche rassegna iniziativa per la quale sono in programma altri eventiPer esempio

ndash Rassegne teatrali cinematografiche

ndash Festival

bull Lrsquoevento si ripete

ndash La replica avviene sempre nello stesso luogo

841 Creazione del record

Vedi figura Creazione nuovo evento (page 75)

Vedi figura Creazione nuovo record evento (page 76)

Figura 83 Creazione nuovo evento

842 Scheda ldquoGeneralerdquo

Vedi figura Evento scheda generale (page 76)

843 Scheda ldquoFinestra temporalerdquo

Orario repliche

Vedi figura Evento finestra temporale (page 78)

84 Creazione di un evento 75

DocWeb Release 101

Figura 84 Creazione nuovo record evento

Figura 85 Evento scheda generale

84 Creazione di un evento 76

DocWeb Release 101

bull Lrsquoorario va solo per le Finestre temporali di un giorno (data inizio = data fine)

bull Se non si conosce lrsquoora della fine impostare ora inizio = ora fine

844 Scheda ldquoTestordquo

Vedi figura Evento scheda testo (page 79)

84 Creazione di un evento 77

DocWeb Release 101

Figura 86 Evento finestra temporale

84 Creazione di un evento 78

DocWeb Release 101

Figura 87 Evento scheda testo84 Creazione di un evento 79

  • Introduzione
    • Cosegrave DocWeb
    • Concetti chiave
      • Funzionalitagrave di Base
        • Il CMS Typo3 ldquobackendrdquo e ldquofrontendrdquo
        • Cambio password di accesso
        • Albero delle pagine
        • Implementazione delle pagine ldquogenitori rdquo e ldquofiglirdquo
        • Inserimento Nuova pagina
        • Elementi standard della pagina
        • Inserimento contenuti di una pagina
        • Contenuti multipli allrsquointerno di una pagina
        • Modifica dei contenuti della pagina
        • Spostamento di pagine
        • Eliminazione pagine
        • Rich Text Editor
        • Modalitagrave Lista
        • Modalitagrave Mostra
        • Modalitagrave ldquoMonta come radice dellrsquoalberordquo
        • Ottenere il page-id di una pagina
        • Admin Panel
          • La Clipboard
            • Copia o spostamento di un contenuto singolo di pagina allrsquointerno di unrsquoaltra pagina
            • Copia o spostamento di piugrave contenuti da una pagina ad unrsquoaltra
              • Modulo DAM (Digital Asset Management)
                • Caricamento e Aggiornamento di file
                • Ricerca di file allrsquointerno del DAM e modifica delle meta-informazioni
                  • Modulo Pagine di download
                    • Inserimento e configurazione pagine di download
                      • Modulo Sitemap
                        • Scheda di configurazione Mappa
                        • Tipo di mappa
                        • Il ``punto di partenza della mappa
                          • Modulo News
                            • Inserimento e modifica di news
                            • Modalitagrave Relations
                            • News collegata a URL esterna e a pagina interna
                            • Eliminazione delle News
                            • Ordinamento delle News e ricerca
                              • Modulo Eventi
                                • Scopo del modulo Eventi
                                • Il Backend ndash Modulo Pagina
                                • Il Backend ndash Modulo Lista
                                • Creazione di un evento
Page 7: DocWeb€¦ · per la realizzazione e la gestione di siti web della Pubblica Am-ministrazione. La piattaforma tecnologica utilizzata è il CMS (Content Management System) Open SourceTypo31

CAPITOLO 2

Funzionalitagrave di Base

21 Il CMS Typo3 ldquobackendrdquo e ldquofrontendrdquo

I termini ldquobackendrdquo e ldquofrontendrdquo ricorreranno spesso per indicare e diversificare lrsquoambiente ldquodi gestionee pubblicazione dei contenutirdquo da quello di visualizzazione dei contenuti (sito on-line)

In sintesi

Per Backend (BE) (figura Backend (page 4)) intendiamo lrsquoambiente di lavoro sul quale andremo adoperare per la creazione e gestione delle pagine e dei vari contenuti del sito (generalmente raggiungi-bile utilizzando un semplice browser es Firefox Microsoft Internet Explorer previa autenticazionea un indirizzo web del tipo httpwwwnomesitotypo3) In questa guida useremo come esempiohttpwwwentiprovinciapuittypo3 ma va sostituito dallrsquoutente con quello effettivo

Il Frontend (FE) (figura Frontend (page 5)) egrave il risultato del lavoro sviluppato nel backend e costituiscelrsquoambiente on-line visibile agli utenti esterni Le operazioni compiute dal backend si riflettono nel frontendche puograve essere cosigrave gestito e modificato secondo le nostre necessitagrave

Nota In fase di inserimento e gestione dei contenuti tramite BE egrave sempre opportuno verificare con ilFE la corretta visualizzazione delle pagine

Figura 21 Backend

Avvertimento Ersquo opportuno tenere presente che il backend prevede piugrave modalitagrave di esecuzione perraggiungere uno stesso obiettivo Nella guida sono descritti i passaggi piugrave comunemente utilizzati

4

DocWeb Release 101

Figura 22 Frontend

22 Cambio password di accesso

Lrsquousername e la password proteggono lrsquoarea da eventuali intrusioni e costituiscono lrsquoaccesso univoco epersonale per ciascun Utente (per motivi di sicurezza egrave opportuno variare la propria password al primoaccesso al sistema)

Per cambiare la password di accesso saragrave necessario eseguire il primo collegamento allrsquoambi-ente di gestione del portale lanciando il browser (Firefox) e collegandosi allrsquoindirizzo webhttpwwwentiprovinciapuittypo3 (figura Url per login (page 5))

Figura 23 Url per login

Saragrave proposta una maschera di identificazione dove andremo ad inserire il nostro account costituito dausername e password (figura Maschera login (page 5))

1 inserire username

2 inserire password

3 click con il pulsante sinistro del mouse sul bottone ldquoEntrardquo per accedere al servizio

Figura 24 Maschera login

22 Cambio password di accesso 5

DocWeb Release 101

Avvertimento Alcuni browser propongono messaggi (figura Messaggio salva password (page 6))relativi al salvataggio automatico della password nel sistema per non dover digitare nuovamente ipropri dati al secondo Log In Si consiglia di non scegliere di salvare i propri dati o il completamentoautomatico di essi per una questione di sicurezza

Figura 25 Messaggio salva password

In caso di errata digitazione dei dati dellrsquoaccount ci saragrave chiesto di inserire nuovamente username epassword (figura Login fallito (page 6))

Figura 26 Login fallito

Il messaggio ci informa che il Log In egrave fallito e ci da alcune indicazioni sul motivo che puograve aver provocatoil problema Ci chiede di assicurarci di aver scritto correttamente Username e Password facendo ancheattenzione alle lettere Minuscole e Maiuscole

Se eseguito bene il Log In ci condurragrave in una nuova schermata

In virtugrave dellrsquoimportanza costituita dai dati di autenticazione la prima operazione da compiere una voltaeseguito il Log In saragrave quella di modificare il proprio account come segue (figura Modifica password(page 7))

1 dal menugrave di sinistra scegliere la voce ldquosetuprdquo inserita nel menugrave ldquoutenterdquo quindi cliccare con ilpulsante sinistro del mouse

2 nella schermata che si apriragrave a destra digitare la nuova password che si desidera utilizzare Ilcampo si trova nella parte bassa della pagina indicato dalla diciture ldquoNuova passwordrdquo

3 confermare nel campo sottostante ldquoRipeti passwordrdquo la password scelta

4 confermare il tutto cliccando con il pulsante sinistro del mouse sul bottone ldquoSalva configurazionerdquo

5 click sullrsquoultimo pulsante a sinistra ldquoUscitardquo per eseguire il Log Out

Cambiata la password ed eseguito il Log Out mediante il pulsante ldquoUscitardquo potremo eseguire nuovamenteil ldquoLog Inrdquo digitando la nostra nuova password che da quel momento saragrave subito attiva

Per motivi di sicurezza al termine di ogni sessione di gestione dei contenuti egrave opportuno effettuare ilLog Out dal sistema

22 Cambio password di accesso 6

DocWeb Release 101

Figura 27 Modifica password

23 Albero delle pagine

Si noti come lrsquoaspetto del Backend (figura Backend tripartito (page 8)) sia suddiviso in tre aree verticalisuddivise tra loro mediante una spessa riga grigia

bull La prima colonna a sinistra della pagina (punto 1) ci consentiragrave di compiere tutte le operazioninecessarie a lavorare creando e modificando contenuti ecc

bull la seconda colonna al centro della pagina (punto 2) rappresenta lrsquoalberatura vera e propria del sitoon-line In essa vedremo rispecchiati i menugrave le pagine e i contenuti testuali che verranno (o chesono) pubblicati

bull la terza area a destra della pagina (punto 3) rappresenta lrsquoambiente dove andremo materialmentead operare sulle pagine e sui contenuti

Nota La stringa in basso a sinistra ldquoModifica pagina con IDrdquo puograve essere utilizzata per selezionareuna pagina ricercandola tramite il suo numero ID Ad ogni pagina viene associato automaticamente unnumero (ID) unico e distinto per ognuna di esse

Il numero ID si rivela al passaggio del mouse (senza cliccare) sul simbolo grafico posto accanto alle vocidi menugrave nella colonna ndeg 2 Il numero ID viene anche riportato on-line come parte finale di un indirizzoweb

Esempio httpwwwentiprovinciapuitindexphpid=3018

Nellrsquoesempio il numero ID della pagina egrave 3018

Nella versione finale del portale potranno essere utilizzati URL statici (eshttpwwwentiprovinciapuitattivitahtml) per agevolare i collegamenti diretti ad alcune sezioni opagine del portale

23 Albero delle pagine 7

DocWeb Release 101

Figura 28 Backend tripartito

24 Implementazione delle pagine ldquogenitori rdquo e ldquofiglirdquo

Affincheacute un sito ldquofunzionirdquo egrave necessario che la distribuzione delle pagine con le rispettive sottopagine siachiara ed essenziale

Gli argomenti vanno sempre divisi ed organizzati per facilitare lrsquoindividuazione del contenuto la letturadel messaggio la comprensione dellrsquooggetto in essere Se ad esempio stessimo parlando di calcio sarebbesempre opportuno ed auspicabile creare una pagina ldquoSERIE Ardquo che introduca allrsquoargomento trattato esuccessivamente collegare allrsquointerno della categoria altre pagine ldquoRomardquo ldquoJuventusrdquo ldquoMilanrdquo che a lorovolta possano condurre ad altri argomenti ldquocalciatorirdquo fino a ridurre il tutto ai minimi termini

25 Inserimento Nuova pagina

Selezionare (figura Seleziona pagina (page 8)) con un click del pulsante sinistro la prima voce ldquopaginardquodella colonna 1

Figura 29 Seleziona pagina

Nella seconda colonna portiamoci su una delle voci dellrsquoelenco (preferibilmente al livello in cui si desiderainserire la pagina) e facciamo click con il pulsante destro del mouse Si apriragrave (figura Seleziona nuovo(page 9)) un ulteriore menugrave di opzioni a tendina dal quale scegliamo la 3deg voce ldquonuovordquo

24 Implementazione delle pagine ldquogenitori rdquo e ldquofiglirdquo 8

DocWeb Release 101

Figura 210 Seleziona nuovo

Verragrave caricata nella 3deg area una schermata come indicato nella figura Vista Backend (page 10)

Scegliamo la 1deg opzione ldquoPagina (dentro)rdquo cliccando con il pulsante sinistro del mouse sulla voce ldquoCliccaqui per il wizardrdquo Si caricheragrave la schermata di figura Seleziona posizione (page 10)

Si noti come la schermata riproduca le pagine esistenti ed il loro posizionamento nel menugrave potremoindicare cliccando sulle frecce grigie la posizione dove desideriamo inserire la nostra pagina Scegliamoad esempio di voler inserire la nostra pagina allrsquointerno della sezione ldquoTest Abanetrdquo

Avvertimento Ovviamente la sezione ldquoTest Abanetrdquo egrave solo un esempio Usare le sezioni presentinel vosto sito di riferimento

Andremo quindi a cliccare sulla freccia che si trova appunto allrsquointerno del record (come indicato infigura)

Verragrave caricata una schermata che ci chiederagrave di specificare altri elementi indispensabili alla creazione diuna nuova pagina (vedi sezione successiva)

26 Elementi standard della pagina

Si faccia riferimento alla (figura Modifica intestazioni pagina (page 11))

Nascondi pagina In fase di elaborazione di una nuova pagina egrave sempre bene puntare il piccolo quadratoin basso a sinistra della sezione ldquonascondi paginardquo in modo tale da permetterci di lavorare suicontenuti in tutta tranquillitagrave prima della pubblicazione on-line

Tipo Assegna alla pagina una determinata tipologia o scopo

Titolo pagina Indicare il titolo della pagina (ad es ldquoPagina di Provardquo

Selezione di template per lrsquoarea contenuti Ersquo la possibilitagrave di variare lo ldquoschemardquo di visualiz-zazione della pagina (es pagina a 3 colonne pagina a due colonne con menu di navigazionesulla sinistra etc)

Salvare Ogni operazione deve essere salvata per essere resa effettiva

261 Varie opzioni di salvataggio

In relazione al punto (5) nella fase di salvataggio si noti come ci vengono proposte diverse icone (figuraIcone salvataggio (page 11))

26 Elementi standard della pagina 9

DocWeb Release 101

Figura 211 Vista Backend

Figura 212 Seleziona posizione

26 Elementi standard della pagina 10

DocWeb Release 101

Figura 213 Modifica intestazioni pagina

Figura 214 Icone salvataggio

26 Elementi standard della pagina 11

DocWeb Release 101

1 Il documento viene salvato lrsquoambiente si ricarica automaticamente il menugrave centrale si aggiornacon la comparsa della pagina da noi creata nella posizione da noi assegnata

2 Il documento viene salvato lrsquoambiente si ricarica automaticamente il menugrave centrale si aggiornacon la comparsa della pagina da noi creata nella posizione da noi assegnata e si apre una nuovafinestra del browser contenente la preview (anteprima di visualizzazione) della nostra pagina

3 Il documento viene salvato lrsquoambiente si ricarica automaticamente sulla schermata successivail menugrave centrale si aggiorna con la comparsa della pagina da noi creata nella posizione da noiassegnata

4 Il documento viene chiuso e non salvato

5 Elimina la pagina

Nota La quinta icona (ldquoElimina paginardquo) compariragrave solo dopo aver salvato il documento la primavolta Inoltre gli stessi simboli si ritroveranno anche in fase di modifica di pagine giagrave create

Da osservare il simbolo proposto accanto alla nuova pagina da noi creata (figura Pagina nascosta(page 12)) ad indicare la modalitagrave ldquonascostardquo

Figura 215 Pagina nascosta

Lrsquoicona posta a sinistra ricorda una pagina con una ldquoXrdquo rossa in alto a destra e indica che la pagina egravenascosta (punto 1 modifica intestazioni) e non visibile dallrsquoesterno

Le altre voci con simbolo diverso di pagina su sfondo giallo sono on-line e quindi consultabili dal FrontEnd

Pubblicata la pagina nascosta lrsquoicona cambieragrave automaticamente aspetto e la voce di menugrave saragraveconsultabile anche dal Front End

27 Inserimento contenuti di una pagina

Avendo precedentemente creato e salvato una pagina ldquoPagina di Provardquo andiamo ad inserire un contenuto

Ersquo possibile procedere in due modi effettuare un click con il pulsante sinistro del mouse sulla icona o sultitolo ldquoPagina di Provardquo oppure cliccare con il pulsante destro del mouse sullrsquoicona posta a sinistra deltitolo pagina e scegliere ldquomodificardquo

In entrambe i casi il sistema aggiorna la terza area (vedi figura Backend tripartito (page 8)) doveandremo a lavorare

Per creare un contenuto nella posizione di default (Normale) clicchiamo sullrsquoicona cerchiata di rosso (vedifigura Crea contenuto normale (page 13)) nel box ldquonormalerdquo

In alternativa si puograve scegliere di usare la voce in basso a sinistra ldquoCrea nuovo recordrdquo e successivamentescegliere di creare un nuovo contenuto pagina con il ldquowizardrdquo

27 Inserimento contenuti di una pagina 12

DocWeb Release 101

Figura 216 Crea contenuto normale

Per entrambe le opzioni si apriragrave una schermata come nella figura Seleziona contenuto paragrafo(page 14))

Scegliamo di inserire un paragrafo di testo semplice Notiamo come il sistema ci consente di scegliereforme alternative di contenuti (es immagini sotto il testo a sinistra solo immagini ecc) Approfondire-mo in seguito le modalitagrave per creare contenuti piugrave articolati e contenuti multipli e selezioniamo la voceldquoparagrafo di testordquo

271 Paragrafo di testo

Allrsquointerno di un paragrafo di testo potremo inserire un contenuto e tutte le opzioni ad esso legato (figuraModifica contenuto testo (page 15))

Si noti come lrsquoarea egrave divisa in 4 blocchi orizzontali Tipo Intestazione Testo Opzioni generali Inbasso e in alto troviamo anche la serie di icone per il salvataggio del documento di cui abbiamo giagraveprecedentemente parlato

Area Tipo

Nel menugrave a tendina dellrsquoarea tipo egrave possibile modificare il tipo di contenuto che vogliamo inserire Laschermata ci dice che siamo su ldquotestordquo ma volendo potremmo anche cambiare con le altre forme dicontenuto a nostra disposizione

Area Intestazione

Rappresenta il titolo della pagina Viene inserito allrsquoinizio della pagina ed ha una rilevanza graficamaggiore rispetto al resto del contenuto

Un buon titolo egrave breve ma incisivo rispecchia in poche parole il contenuto della pagina riassumelrsquoargomento trattato

27 Inserimento contenuti di una pagina 13

DocWeb Release 101

Figura 217 Seleziona contenuto paragrafo

27 Inserimento contenuti di una pagina 14

DocWeb Release 101

Figura 218 Modifica contenuto testo

27 Inserimento contenuti di una pagina 15

DocWeb Release 101

Ersquo inoltre possibile anche se sconsigliabile associare un link allrsquointestazione cambiare la sua posizioneinserire una data

Testo

Rappresenta con il suo grande quadrilatero bianco lrsquoarea allrsquointerno della quale andremo ad inserire ilnostro testo

Digitando un semplice testo in visualizzazione questo assumeragrave colore dimensione e carattere inconformitagrave allo stile preimpostato per le pagine del sito

Per la formattazione del testo saragrave possibile usare lo strumento RTE (di seguito descritto)

Opzioni generali (parametri di visibilitagrave)

Apparizione programmata

Cliccando accanto al quadrato della voce ldquoInizio rdquo e ldquoFinerdquo si attiveragrave un modulo data che ci consentiragravedi impostare le date di Inizio pubblicazione e di Fine pubblicazione (depubblicazione) di una pagina

Potremo quindi stabilire quando una pagina dovragrave essere pubblicata eo quando dovragrave cessare di esserevisibile on-line La programmazione dellrsquoinizio di pubblicazione non implica che ci sia necessariamenteuna fine e vice versa

Ciograve significa che potremo quindi decidere di pubblicare una pagina in una certa data e che la pubblicazioneduri nel tempo (almeno fino a quando non decideremo di togliere la visualizzazione on-line manualmente)

Pagine nascoste

Ersquo possibile nascondere il contenuto delle pagine cliccando il quadrato a sinistra della voce ldquoNascondirdquoScegliendo questa opzione la pagina continueragrave ad esistere ma non saragrave visibile il suo contenuto

Lrsquoopzione si rileva particolarmente utile in caso di pagina strutturata su contenuti multipli

28 Contenuti multipli allrsquointerno di una pagina

Avendo creato una pagina potremo in ogni momento svilupparla ulteriormente aggiungendo ulterioricontenuti

Clicchiamo sul menugrave di sinistra sulla voce ldquoPaginardquo in modo da caricare il menugrave centrale contenentelrsquoalberatura del sito

Clicchiamo sul titolo della pagina da modificare con il pulsante sinistro oppure con il destro e scegliamoldquomodificardquo

A destra si apriragrave il nostro ambiente di lavoro come nella figua Modifica contenuto normale (page 17)

Vedremo in pratica la stessa schermata proposta per la creazione di una nuova pagina con lrsquoaggiunta dialcune icone come indicato in figura

1 Modifica

2 Nuovo record

3 Cerca Stringa

Cliccando su Modifica comrsquoegrave intuibile saremo riportati nella pagine dellrsquoeditor dove potremo modificareil nostro testo link immagini ecc

Cliccando su nuovo record invece avremmo la possibilitagrave di aggiungere un nuovo contenuto alla paginae nella posizione che sceglieremo

28 Contenuti multipli allrsquointerno di una pagina 16

DocWeb Release 101

Figura 219 Modifica contenuto normale

28 Contenuti multipli allrsquointerno di una pagina 17

DocWeb Release 101

Il contenuto non avragrave vincoli con i record precedenti pur apparendo nella stessa pagina del frontend Ciogravegarantisce una vantaggiosa gestione delle pagine che suddivise in ldquosezionirdquo potranno essere di volta involta pubblicate cancellate modificate a blocchi di contenuto senza toccare lrsquointera pagina

Si potragrave suddividere la stessa pagina in diverse aree (record) ossia ldquocontenuti multiplirdquo via via aggiornabilianche da altri utenti di redazione

Ersquo inoltre possibile effettuare una ricerca su di un contenuto di tipo testuale allrsquointerno delle pagine edei record utilizzando il campo ldquoCerca Stringardquo La ricerca puograve essere effettuata allrsquointerno della paginae dei suoi record ed estesa anche ai livelli inferiori

29 Modifica dei contenuti della pagina

Creata una pagina potremo modificarla ogni volta che saragrave necessario

Per modificare una pagina saragrave sufficiente selezionarla dal menugrave portandosi con il cursore del mouse aldi sopra del titolo e cliccando con il pulsante destro su di essa (figura Modifica pagina (page 18))

Una pagina da modificare potragrave anche essere raggiunta tramite la ricerca dellrsquoID (vedi capitolo 3 Alberodelle pagine)

Scegliere la voce ldquomodificardquo dal menugrave a tendina che si apriragrave dopo il click

Figura 220 Modifica pagina

A destra nellrsquoarea principale si apriragrave la schermata riportante il contenuto della pagina selezionata

Potremo scegliere lrsquoelemento da modificare cliccando sullrsquoicona matita

Nota Ricordarsi sempre di salvare per rendere effettive le modifiche e di ricontrollare la visualizzazionedella pagina modificata

Per modificare lrsquointestazione di una pagina egrave sufficiente selezionare la voce ldquoModifica intestazionirdquo dalmenugrave portandosi con il cursore del mouse al di sopra del titolo e cliccando con il pulsante destro su diesso (figura Menu modifica intestazioni pagina (page 19))

210 Spostamento di pagine

Oltre le modifiche stilistiche testuali e di contenuto di una pagina possiamo modificarne la posizione

29 Modifica dei contenuti della pagina 18

DocWeb Release 101

Figura 221 Menu modifica intestazioni pagina

Per spostare la posizione di una pagina allrsquointerno di un menugrave selezioniamola dal menugrave principale conclick sinistro del mouse

Nella schermata di destra scegliamo lrsquoicona

Si apriragrave un menugrave che ci mostreragrave lrsquoalberatura del nostro sito (esattamente come per lrsquoinserimento diuna nuova pagina) composto da pagine principali (genitori) e pagine ad esse collegate (figli)

A questo punto dovremo solo scegliere dove spostare la pagina muovendoci sulle frecce grigie sottostantie sovrastanti le varie voci di menugrave

Avvertimento Spostando una pagina genitore anche i figli vengono spostati con esso

211 Eliminazione pagine

Per eliminare le pagine egrave sufficiente selezionare la pagina in questione dal menugrave principale cliccando conil pulsante destro del mouse su di essa e scegliere la voce del menugrave a tendina che si apriragrave ldquoCancellardquo

Avvertimento Non egrave possibile cancellare una pagina genitore Ossia non egrave possibile cancellareuna pagina che al suo interno contiene altre pagine prima che questrsquoultime trovino una collocazionealternativa

212 Rich Text Editor

Quando si inserisce un contenuto nellrsquoarea di testo (inserito digitando direttamente allrsquointerno dellrsquoap-posita area o copiato e incollato da fonte esterna con la dovuta cautela) egrave possibile personalizzarlo eformattarlo utilizzando le funzionalitagrave previste dal Rich Text Editor (RTE)

Nota Un testo copiatoincollato da altri programmi va ldquoripulitordquo prima di essere pubblicato poicheacuteil modulo che utilizzeremo tende a mantenere la formattazione originaria del carattere delle immaginidei colori falsando la linea grafica omogenea e standard del nostro portale

In ogni modo quando si salva un documento il cui testo conteneva una formattazione proveniente ad es-empio da un documento di tipo word questo viene automaticamente ldquoripulito nel codicerdquo ed egrave opportunocontrollare la visualizzazione

211 Eliminazione pagine 19

DocWeb Release 101

Proviamo ad inserire ad esempio una semplice frase allrsquointerno del box testo (figura Box testo RTE(page 20))

Figura 222 Box testo RTE

La frase viene digitata direttamente nellrsquoarea testo mantenendo un tipo di formattazione ldquonormalerdquo

2121 Testo grassetto corsivo sottolineato (bold italic underline)

Proviamo a selezionare la frase ldquoProvincia di Pesaro e Urbinordquo tenendo premuto il pulsante sinistro delmouse trascinando il cursore dalla P di Provincia alla o di Urbino

In alternativa portare il cursore alla P di Provincia tenere tasto maiuscolo premuto e muoversi con lefrecce per selezionare il testo

Lrsquoesempio egrave utile per capire che per effettuare una determinata azione di tipo stilistico su una frase oparola egrave necessario che la frase o la parola siano preventivamente selezionate

Figura 223 Comandi box testo RTE

212 Rich Text Editor 20

DocWeb Release 101

Se il testo egrave stato selezionato correttamente vedremo la parola ldquoProvincia di Pesaro e Urbinordquo evidenziatadi blu scuro

Click sinistro sul simboloicona ldquoBrdquo (figura Comandi box testo RTE (page 20)) per creare un effettoldquograssettordquo al testo

Click sinistro sul simboloicona ldquoIrdquo per il corsivo-italico

Click sinistro sul simboloicona ldquoU ldquo per il sottolineato

Nota Il Grassetto dona alle parole un sapore piugrave incisivo e si utilizza per enfatizzare termini importantie di rilievo

LrsquoItalico viene usato comunemente per indicare le date gli indirizzi le citazioni

Il Sottolineato su web viene comunemente usato nelle parole ldquolinkaterdquo (ossia che rimandano ad altrepagine web) per cui se ne sconsiglia lrsquouso in un testo semplice per evitare confusione

2122 Elenco Puntato e Numerato

Portiamoci con il cursore allrsquointerno della box di testo

Selezioniamo lrsquoicona Lista non numerata (Elenco puntato semplice)

Vedremo comparire un simbolo tontoromboidale e potremo dare vita ad una lista

bull Voce 1

bull Voce 2

bull Voce 3 ecc

Allo stesso modo potremo creare una lista numerata avvalendoci dellrsquoicona ldquoLista numeratardquo

Lrsquoelenco viene numerato

1 Voce 1

2 Voce 2

3 Voce 3 ecc

2123 Pulsanti di Annulla e Ripristina

Compiuta una determinata azione egrave possibile tornare indietro o ripristinarla tramite i pulsanti ldquoAnnullalrsquoultima azionerdquo e ldquoRifai lrsquoultima azionerdquo

Piugrave volte si clicca sui pulsanti piugrave volte lrsquoazione viene ripetuta indietro ed avanti nel tempo

2124 Copia Taglia Incolla

Selezionando un testo potremo tagliarlo copiarlo e incollarlo

Copia selezionare il testo utilizzare lrsquoicona ldquocopia selezionerdquo per copiare

Taglia il testo viene eliminato ma resta in memoria per essere eventualmente incollato altrove odefinitivamente cancellato Ersquo possibile tenere in memoria solo lrsquoultimo testo o parola tagliato

Incolla Un testo precedentemente copiato o tagliato puograve essere incollato nuovamente o su diversoambiente

212 Rich Text Editor 21

DocWeb Release 101

2125 Rimuovi Formattazione

Ersquo possibile che il testo importato e incollato nellrsquoarea testo da altra fonte (es documento word) sildquosporchirdquo e ne acquisisca le caratteristiche stilistiche in maniera non corretta

Ersquo necessario pulire il testo selezionandolo e cliccando su ldquorimuovi formattazionerdquo

Si apriragrave un pop-up (nuova finestra) che ci proporragrave diversi elementi da pulire selezioniamo ciograve che ciinteressa e clicchiamo su OK

2126 Inserisci Caratteri Speciali

Alcune volte puograve essere necessario inserire dei caratteri o simboli non presenti sulla tastiera o nonconvenzionali per i quali esiste una mappa di caratteri speciali

Il sistema propone diversi tipi di caratteri speciali tra i piugrave comuni e frequentemente usati per adoperarliegrave sufficiente cliccare sullrsquoapposita icona ldquoInserisci Caratteri Specialirdquo

Una finestra ci mostreragrave una vasta gamma di simboli tra i quali potremo scegliere quello che ci interessa

2127 Inserisci Tabella

Per agevolare lrsquoinserimento di dati numerici in forma ldquoTabellarerdquo si puograve ricorrere allrsquoinserimento di unatabella contraddistinta dallrsquoapposito simbolo

La tabella puograve essere immaginata come una quaderno a ldquoquadrettirdquo dove ogni ldquoscacchettordquo corrispondead una cella

Scegliendo di inserire una tabella si apriragrave una finestra pop-up dove andremo ad inserire parametridi spaziatura fra celle numero di righe e colonne che compongono la tabella spessore del bordoallineamento rispetto alla pagina ecc

2128 Link

Ogni sito egrave composto da pagine consultabili e collegate tra loro tramite link

I link sono i collegamenti presenti sulle voci di menugrave parole immagini ecc

Ersquo possibile collegare pagine appartenenti ad uno stesso sito un indirizzo web di un sito esterno ounrsquoe-mail un file da scaricare un immagine ecc

Nota Immettendo nel testo un indirizzo web o e-mail completo il programma egrave in grado di capireautomaticamente che si tratta di un link e collegare gli elementi automaticamente

Volendo invece collegare elementi non scritti in forma completa si dovragrave procedere come segue

Selezioniamo la parola o frase che vogliamo collegare (come precedentemente visto) e clicchiamo sullrsquoiconaldquoInserisci Linkrdquo

Si apriragrave un pop-up come indicato nella prossima figura

Link ad una pagina interna al sito

La finestra ci propone lrsquoalberatura del nostro sito con le pagine in esso presenti (La voce attiva egraveldquopaginardquo di colore giallomarrone rispetto alle altre voci del pop-up)

Selezionando (figura Link interno (page 23)) la pagina che vorremo collegare il pop-up si chiuderagrave e laparola che avevamo selezionato precedentemente per il link cambieragrave aspetto

La vedremo blu e sottolineata il che indica che il link egrave attivato

212 Rich Text Editor 22

DocWeb Release 101

Figura 224 Link interno

Ersquo anche possibile creare dei link che aprono la pagina collegata allrsquointerno di una ldquofinestra di pop-uprdquocioegrave dentro una nuova finestra del browser Specificando le dimensioni di altezza e larghezza della nuovafinestra allrsquointerno degli appositi campi

Link ad una pagina esterna al sito

Selezioniamo una parola o frase che vogliamo collegare (come precedentemente visto) e clicchiamosullrsquoicona ldquoInserisci Linkrdquo

Scegliamo nel menugrave in alto proposto dal pop-up il bottone ldquoURL esternordquo (figura Link esterno (page 23))

Figura 225 Link esterno

Impostiamo nel campo URL lrsquoindirizzo web che vogliamo linkare prestando attenzione a scriverlo peresteso e senza cancellare http

Clicchiamo su ldquoImposta Linkrdquo

Il pop-up si chiuderagrave e la parola che avevamo selezionato precedentemente per il link cambieragrave aspetto

212 Rich Text Editor 23

DocWeb Release 101

La vedremo blu e sottolineata il che indica che il link egrave attivato

2129 Link ad unrsquoEmail

Come precedentemente visto scrivendo un indirizzo e-mail valido il programma di gestione egrave in grado dicapire che si tratta di un indirizzo di posta elettronica e il link viene impostato automaticamente

Tuttavia ci sono dei casi in cui non egrave possibile o si preferisce non indicare lrsquoindirizzo e-mail per estesoad esempio potremmo avere ldquoPer informazioni scrivicirdquo

Volendo potremmo fare in modo che sulla parola ldquoscrivicirdquo ci sia impostata la funzione di invio e-mail

Selezioniamo quindi la parola andiamo su ldquoInserisci Linkrdquo scegliendo poi ldquoEmailrdquo

Inseriamo lrsquoindirizzo E-mail nellrsquoapposito campo e clicchiamo su ldquoimposta Linkrdquo

21210 Link ad un file scaricabile

Per collegare un file (espdf txt gif ecc) egrave necessario copiarlo dal proprio PC al server web

Non egrave infatti possibile che una pagina pubblicata su internet prenda come link dei files che di fatto sonosalvati in una directory del nostro computer

Typo3 mette a disposizione un area dovrsquoegrave possibile pubblicare i files per poi essere resi disponibili ai linkossia rende disponibile lrsquo ldquoUploadrdquo dei files da pc a server

Scegliere dal menugrave di sinistra sotto la sezione ldquoMediardquo la voce ldquoFilerdquo (figura Seleziona file (page 24))

Figura 226 Seleziona file

Si apriragrave sulla destra una nuova area dove troveremo i campi utili a ldquosfogliarerdquo il contenuto del nostropc al fine di passare i file o i files dal nostro computer al manager

Effettuato il passaggio potremo ritornare alla nostra pagina e riprendere la procedura di ldquocreazione linkrdquoselezionando questa volta la voce ldquoFilerdquo del pop-up

I campi proposti sono del tutto simili a quelli di creazione di link su pagine del sito e un elenco di files(tutti quelli disponibili caricati) potranno essere collegati

213 Modalitagrave Lista

Selezionando la voce ldquolistardquo (figura Backend modalitagrave lista (page 25)) dal menugrave di sinistra egrave possibileesplorare una pagina ldquopadrerdquo e tutte le pagine ldquofiglirdquo ed essa associate

Avvertimento Ricordarsi di attivare la voce in basso ldquoVista Estesardquo

213 Modalitagrave Lista 24

DocWeb Release 101

Figura 227 Backend modalitagrave lista

Utilizzando le icone poste alla destra di ogni voce si possono compiere diverse operazioni di modificavisualizzazione spostamento copia e incolla pagina ecc come precedentemente descritto

Dunque potremo dire che la modalitagrave lista costituisce una scorciatoia per semplificare ogni sorta dioperazione soprattutto in presenza di un numero considerevole di files

214 Modalitagrave Mostra

Figura 228 Backend modalitagrave mostra

Selezionando la voce ldquoMostrardquo (figura Backend modalitagrave mostra (page 25)) dal menugrave di sinistra egrave possibilenavigare il sito allrsquointerno del docweb direttamente nel backend

214 Modalitagrave Mostra 25

DocWeb Release 101

Inoltre accanto ai vari record troveremo posta lrsquoicona matita per eseguire eventuali modifichedirettamente sul punto e la pagina prescelti

Anche la modalitagrave ldquoMostrardquo come la rdquoListardquo (cap 13) costituisce una scorciatoia particolarmente indicataper semplificare lrsquooperazione di visualizzazione del sito e di modifica

215 Modalitagrave ldquoMonta come radice dellrsquoalberordquo

Quando esistono diverse e numerose pagine egrave possibile gestire solo la porzione di contenuto che ci interessariducendo lrsquoalberatura del sito (lato backend) ai minimi termini mediante il comando ldquomonta come radicedellrsquoalberordquo

Per effettuare il comando procedere come segue

Cliccare con il pulsante destro del mouse sul titolo pagina dal menugrave centrale

Selezionare la voce ldquoaltre opzionirdquo dal menugrave a tendina (figuraMenu altre opzioni (page 26)) che compariragravecome conseguenza dellrsquoazione descritta al punto uno

Figura 229 Menu altre opzioni

Selezionare dallrsquoulteriore menugrave che si apriragrave (figura Seleziona monta come radice (page 26)) la voceldquoMonta come radice dellrsquoalberordquo

Figura 230 Seleziona monta come radice

Lrsquoalberatura si ridurragrave automaticamente mostrando solo la porzione selezionata

Per ripristinare lo stato di partenza selezionare la voce in alto nel menugrave centrale (figura Elimina DBmount (page 26)) ldquoElimina DB mount temporaneordquo

Figura 231 Elimina DB mount

Il menugrave si espanderagrave nuovamente mostrando tutte le voci esistenti

215 Modalitagrave ldquoMonta come radice dellrsquoalberordquo 26

DocWeb Release 101

216 Ottenere il page-id di una pagina

2161 Frontend (FE)

Da frontend si puograve ottenere il page-id della pagina corrente nei seguenti modi

1 dalla barra degli indirizzi del proprio browser (figura Id dallrsquourl (page 27)) Il numero della paginaegrave quello dopo la stringa ldquoid=rdquo Nella figura egrave cerchiata in verde la stringa ldquoid=rdquo e il numero dellapagina (page-id)

Figura 232 Id dallrsquourl

2 Puntando il mouse sulla scritta [id] a pieacute pagina e leggendo il tooltip (figura Id dal tooltip (page 27))

Figura 233 Id dal tooltip

3 Solo per browser Firefox dal menugrave di contesto scegliere la voce ldquoVisualizza info paginardquo si apreuna finestra consultare quindi la lista Meta sotto la scheda Generale (Id dagli attributi (page 28))

2162 Backend (BE)

Da backend egrave possibile ottenere il page-id nei seguenti modi

1 leggendo il tooltip puntando il mouse sullrsquoicona della pagina nel riquadro della struttura del sito(figura Id dal tooltip nel backend (page 28))

2 dal modulo di modifica delle intestazioni della pagina (figura Id dalle intestazioni pagina nel backend(page 28)) Il numero egrave tra le parentesi quadre dopo il titolo della pagina

217 Admin Panel

Quando si inseriscono contenuti con Typo3 (backend) egrave possibile visualizzare unrsquoanteprima della paginache si sta creando per vedere i risultati del lavoro svolto

Per visualizzare unrsquoanteprima di una pagina occorre (figura Menu mostra (page 29))

1 posizionarsi sulla pagina da visualizzare

2 premere il tasto sinistro del mouse in corrispondenza del nome

216 Ottenere il page-id di una pagina 27

DocWeb Release 101

Figura 234 Id dagli attributi

Figura 235 Id dal tooltip nel backend

Figura 236 Id dalle intestazioni pagina nel backend

217 Admin Panel 28

DocWeb Release 101

Figura 237 Menu mostra

3 selezionare la voce Mostra

In base alla pagina scelta si avragrave un risultato come quello visualizzato nella figura Anteprima pagina conAdmin panel (page 29)

Figura 238 Anteprima pagina con Admin panel

La pagina presenteragrave nella parte superiore lrsquoanteprima della pagina Nella parte inferiore vienevisualizzato uno strumento denominato Admin Panel

Questo oggetto offre lato front-end alcune funzionalitagrave (figura Moduli Admin panel (page 30)) cheaiutano i gestori di contenuti nella creazionemodifica delle pagine web del sito

NellrsquoAdmin panel (figura sopra) egrave possibile distinguere

217 Admin Panel 29

DocWeb Release 101

Figura 239 Moduli Admin panel

1 Modulo Preview ndash offre la possibilitagrave di selezionare alcune opzioni sulla pagina per simulare alcunesituazioni in cui la pagina si puograve trovare durante la visualizzazione

2 Modulo Cache ndash offre la possibilitagrave di gestire la cache

Allrsquointerno del modulo Preview abbiamo le seguenti voci

Mostra pagine nascoste selezionando la casella di controllo corrispondente a questa voce si visual-izzeranno anche quelle che attualmente non sono visibili allrsquointerno del sito o perchegrave in lavorazioneo perchegrave ancora non egrave stata data lrsquoautorizzazione alla pubblicazione

Mostra record nascosti come per le pagine questa voce offre la possibilitagrave di poter visualizzare allrsquoin-terno della pagina quei contenuti nascosti che non sono ancora ultimati o che sono in attesa di unautorizzazione per la pubblicazione

Simula data con questo controllo egrave possibile simulare il comportamento della pagina in periodi tem-porali diversi Utilizzando la casella di testo egrave possibile inserire delle date In questo modo sirende possibile la visualizzazione di quegli elementi (ad es pagine news ) che sono abilitati acomparirescomparire in base a determinati criteri temporali impostati

Simula gruppo di utenti con questo controllo egrave possibile simulare il comportamento delle pagine inbase ad un determinato gruppo di utenti che vi accede Alcune pagine possono infatti avere uncomportamento diverso in base al tipo di utente che vi accede

Nota Durante la creazione di pagine egrave possibile restringere la visione di una determinata pagina aparticolari tipi di utenti (utenti di frontend) Questa caratteristica offre la possibilitagrave di definire delle areead accesso riservato del sito ossia sezioni del sito a cui egrave possibile accedere solo dopo essersi autenticatie dopo avere avuto i necessari diritti di accesso

Una volta selezionate le opportune scelte allrsquointerno dellrsquoADMIN Panel occorreragrave premere il tasto Aggior-na (figura Aggiorna Admin panel (page 31)) per prendere visione della pagina secondo i criteri impostati

Nota Nel caso in cui lrsquoutente abbia la possibilitagrave di accedere da back-end a piugrave siti (ciascuno con unproprio dominio) bisogna tenere presente che lrsquoADMIN Panel compare soltanto per le pagine relativeal dominio con cui lrsquoutente ha fatto il login In altre parole se un operatore ad esempio egrave abilitatoa lavorare sulle pagine di backend dei siti httpwwwsitoesempio1it e httpwwwsitoesempio2it ese lrsquooperatore accede al backend di DocWeb con lrsquoindirizzo httpwwwsitoesempio1ittypo3 allora

217 Admin Panel 30

DocWeb Release 101

Figura 240 Aggiorna Admin panel

lrsquoADMIN Panel compariragrave solo sulle pagine di frontend del dominio wwwsitoesempio1it e non su quelledel dominio wwwsitoesempio2it

217 Admin Panel 31

CAPITOLO 3

La Clipboard

Lrsquooggetto clipboard (rdquoblocco degli appuntirdquo) egrave molto utile quando si ha la necessitagrave di copiare o spostareuno o piugrave elementi di contenuto o una o piugrave pagine da una sezione del sito (contenitore di pagine) adunrsquoaltra

31 Copia o spostamento di un contenuto singolo di pagina allrsquointernodi unrsquoaltra pagina

Per prima cosa egrave necessario (figura Identifica contenuto (page 32))

Figura 31 Identifica contenuto

1 selezionare la voce Lista

2 selezionare la pagina che contiene il contenuto che si intende copiare (nella figura abbiamo sceltola pagina denominata ldquoCorso di formazione su Typo3rdquo

32

DocWeb Release 101

3 identificare dalla lista dei contenuti associati alla pagina quello da spostare

Supponiamo che si desideri copiare il contenuto denominato ldquoTesto 2rdquo (figura Copia contenuto (page 33))

Figura 32 Copia contenuto

Egrave sufficiente cliccare sullrsquoicona (nella figura sopra evidenziata con un cerchio rosso) di copia incorrispondenza del contenuto da copiare

Dopo avere eseguito questa operazione nella figura Risultato copia contenuto (page 34) possiamo notare

1 Egrave comparsa unrsquoicona nuova che mette in evidenza che nella clipboard egrave presente un elemento

2 Lrsquoicona di copia in corrispondenza del contenuto da spostare ha cambiato aspetto

A questo punto lrsquooggetto che si intende copiare egrave presente nella nostra clipboard

Il passo successivo egrave quello di selezionare la pagina in cui andare a posizionare lrsquoelemento (paginadestinazione)

Rimanendo sempre allrsquointerno del modulo Lista occorreragrave selezionare dallrsquoalberatura delle pagine la pag-ina destinazione Il procedimento da seguire per posizionarsi sulla pagina egrave lo stesso descritto in prece-denza Nella figura Incolla contenuto (page 34) viene evidenziato il contenuto di una pagina (denominataldquoPagina di Provardquo) in cui vogliamo copiare il contenuto

Per copiare il contenuto della clipboard nella pagina selezionare lrsquoicona Incolla contenuto Clipboard

Confermando lrsquooperazione il contenuto saragrave copiato allrsquointerno della pagina selezionata

Per effettuare lo spostamento di un contenuto di pagina allrsquointerno di unrsquoaltra pagina cliccare sullrsquoicona

di Taglia al posto dellrsquoicona copia e ripetere le operazioni sopra descritte

1 Selezionando la casella Mostra clipboard (figura Vista clipboard (page 35)) egrave possibile visualiz-zare lrsquooggetto clipboard Nel caso in figura lrsquoelemento copiato in precedenza (Testo 2) egrave ancoradisponibile allrsquointerno della clipboard Utilizzando il procedimento descritto infatti il contenuto

31 Copia o spostamento di un contenuto singolo di pagina allrsquointerno di unrsquoaltra pagina 33

DocWeb Release 101

Figura 33 Risultato copia contenuto

Figura 34 Incolla contenuto

31 Copia o spostamento di un contenuto singolo di pagina allrsquointerno di unrsquoaltra pagina 34

DocWeb Release 101

selezionato rimane ancora a disposizione dellrsquoutente che potragrave selezionare altre pagine destinazionesu cui eventualmente andare a copiare il contenuto Nel caso in cui si selezioni un altro elementoad esempio ldquoTesto 1rdquo lrsquoelemento presente viene automaticamente sostituito

2 Dallrsquooggetto clipboard egrave possibile rimuovere un elemento premendo il bottone di Elimina postoaccanto ad esso

Figura 35 Vista clipboard

Con il procedimento descritto fino ad ora egrave possibile scegliere soltanto un contenuto alla volta

32 Copia o spostamento di piugrave contenuti da una pagina ad unrsquoaltra

Nel caso in cui ci si trovi nella necessitagrave di copiare piugrave di un contenuto da una pagina allrsquoaltra egrave necessarioseguire i passi seguenti

1 Selezionare il modulo Lista

2 Selezionare la pagina di origine da cui prelevare i contenuti

3 Selezionare la casella Mostra clipboard

4 Selezionare una clipboard tra quelle denominate ldquoClipboard 1rdquo ldquoClipboard 2rdquo ldquoClipboard 3rdquo(punto 3 figura Vista clipboard con contenuto selezionato (page 36))

Selezionando ad esempio la clipboard contrassegnata come ldquoclipboard 1rdquo si avragrave la seguente situazione

32 Copia o spostamento di piugrave contenuti da una pagina ad unrsquoaltra 35

DocWeb Release 101

Figura 36 Vista clipboard con contenuto selezionato

32 Copia o spostamento di piugrave contenuti da una pagina ad unrsquoaltra 36

DocWeb Release 101

1 In corrispondenza di ogni contenuto si evidenzia una Casella di selezione Sopra la colonna con lecaselle di selezione egrave comparsa una lista di bottoni tra cui al momento distinguiamo

2 Bottone di copia elementi nella clipboard

3 Bottone di selezione tuttinessuno

Scegliendo ad esempio i primi due elementi e premendo il pulsante di copia elementi nella clipboard sipuograve notare che (figura Copia nella clipboard (page 37))

Figura 37 Copia nella clipboard

1 La clipboard che abbiamo scelto per la selezione multipla (ldquoClipboard 1rdquo) contiene la lista deglioggetti che abbiamo scelto di copiare

2 Ersquo comparsa lrsquoicona di Incolla contenuto Clipboard

La procedura della selezione della pagina di destinazione rimane identica a quella giagrave utilizzata per lacopia di un contenuto singolo (selezionare la pagina di destinazione su cui andare a posizionare i contenutiselezionati)

Egrave importante fare notare che seguendo le operazioni descritte sopra si ottiene come risultato lospostamento dei contenuti dalla pagina origine a quella destinazione

Se si desidera copiare gli elementi selezionati egrave necessario una volta selezionati gli elementi da copiarepremere il tasto copia gli items invece di spostarli (evidenziato con un cerchio rosso nella figura Tagliadalla clipboard (page 38))

32 Copia o spostamento di piugrave contenuti da una pagina ad unrsquoaltra 37

DocWeb Release 101

Figura 38 Taglia dalla clipboard

32 Copia o spostamento di piugrave contenuti da una pagina ad unrsquoaltra 38

DocWeb Release 101

In questo modo dopo avere confermato lrsquooperazione i contenuti o le pagine da copiare saranno presentisia nella pagina origine che in quella destinazione

32 Copia o spostamento di piugrave contenuti da una pagina ad unrsquoaltra 39

CAPITOLO 4

Modulo DAM (Digital AssetManagement)

Il modulo DAM (Digital Asset Management) offre la possibilitagrave di raccogliere e catalogare contenuti informato digitale come immagini documenti presentazioni

Ogni file inserito puograve essere corredato di informazioni aggiuntive (meta-informazioni) come la descrizionelrsquoautore parole chiave ecc

Attraverso il modulo DAM egrave possibile svolgere le seguenti operazioni

bull Caricamento e Aggiornamento di file

bull Ricerca di file allrsquointerno del DAM e modifica delle meta-informazioni associate ai file

41 Caricamento e Aggiornamento di file

Lrsquooperazione di CaricamentoAggiornamento di file serve per sottoporre al sistema DAM un particolarecontenuto memorizzato in formato digitale

Lrsquoelemento caricato saragrave poi disponibile a chi inserisce contenuti

Per iniziare lrsquooperazione di caricamento di un file egrave sufficiente selezionare la voce File che si trovaallrsquointerno del modulo Media (figura Menu file (page 41))

La maschera che si apre (figura File upload (page 41)) offre le seguenti possibilitagrave

1 Selezione della posizione dove andare a caricareaggiornare il file

2 Specificare alcuni documenti da caricare (area File)

Concentrandoci sullrsquoarea File (figura Dettaglio file upload (page 42)) distinguiamo

1 Voce Show upload location browser (punto 1 figura sopra) egrave possibile visualizzare i file attualmentecaricati nel Mount Point selezionato

2 Lista di bottoni denominati Sfoglia da utilizzare nel caso in cui si desideri caricareaggiornareun file

Se si desidera caricare un file occorre cliccare sul bottone Sfoglia

La finestra che appare (figura Sfoglia file (page 42)) permette di selezionare dal proprio PC il file dacaricare

Per selezionare un file da caricare occorre

1 Esplorare le cartelle del proprio PC per trovare il file

40

DocWeb Release 101

Figura 41 Menu file

Figura 42 File upload

41 Caricamento e Aggiornamento di file 41

DocWeb Release 101

Figura 43 Dettaglio file upload

Figura 44 Sfoglia file

41 Caricamento e Aggiornamento di file 42

DocWeb Release 101

2 Inserire il nome del file nella casella di testo Nome file

3 Premere il tasto Apri

Una volta che si egrave selezionato un file egrave possibile

1 selezionare altri file da caricare seguendo gli stessi passi descritti in precedenza

2 effettuare lrsquooperazione di caricamento del file vero e proprio

Dallrsquoesempio abbiamo scelto di caricare un solo file

Il caricamento dei file viene eseguito premendo il bottone ldquoUpload filesrdquo che si trova in fondo alla listadei file selezionati (figura File selezionato (page 43))

Figura 45 File selezionato

Se tutto egrave stato eseguito correttamente appariragrave una finestra come quella nella figura Process files(page 44)

In questa maschera egrave possibile

1 Specificare le meta-informazioni per il singolo file come ad esempio il titolo parole chiavedescrizione

2 Avviare il processo di elaborazione multipla premendo il bottone Process selected files Con questoprocesso egrave possibile inserire o modificare le meta-informazioni per tutti i file della lista (in questocaso solo uno)

Se si vuole eseguire lrsquoinserimento delle meta-informazioni per singolo file la finestra che si apre egrave similea quella presentata in figura Elaborazione metainformazioni singolo file (page 44)

Nel caso si scelga di eseguire il processo di elaborazione multipla la maschera che compare (figuraElaborazione metainformazioni file multipli (page 45)) permette di selezionare le meta-informazioni chelrsquoutente intende inserire contemporaneamente per tutti i file della selezione

41 Caricamento e Aggiornamento di file 43

DocWeb Release 101

Figura 46 Process files

Figura 47 Elaborazione metainformazioni singolo file

41 Caricamento e Aggiornamento di file 44

DocWeb Release 101

Figura 48 Elaborazione metainformazioni file multipli

41 Caricamento e Aggiornamento di file 45

DocWeb Release 101

Se si seleziona la checkbox accanto alla voce che eventualmente saragrave inserita questa viene aggiuntaalle informazioni eventualmente giagrave presenti (modalitagrave append) Nellrsquoaltro caso le informazioni sarannosovrascritte

I campi Titolo e Descrizione sono obbligatori mentre il campo Parole chiavi puograve essere valorizzato adiscrezione dellrsquoutente Informazioni su come valorizzare i campi elencati sopra saranno descritte suapposite linee guida

Per completare lrsquoinserimentoaggiornamento delle meta-informazioni riguardanti il file caricato occorrepremere il tasto Send (figura Salva metainformazioni (page 46)) in fondo alla maschera per il salvataggiodelle informazioni

Figura 49 Salva metainformazioni

Tornando alla maschera di caricamento file e selezionando la checkbox in corrispondenza della voceSovrascrivi file esistenti (figura Carica file sovrascrivendo (page 46)) saragrave possibile aggiornare eventualifile che hanno lo stesso nome di quello che stiamo caricando

Questa procedura egrave utile quando si vuole aggiornare il contenuto di un file che egrave giagrave presente nel DAM

Figura 410 Carica file sovrascrivendo

Nel caso di aggiornamento di un file le meta-informazioni del file rimangono le stesse inserite inprecedenza Come si puograve notare non viene offerta la possibilitagrave di inserirne di nuove

Nel caso in cui un file con lo stesso nome sia giagrave caricato e non si desideri aggiornarlo il file inseritoper ultimo viene rinominato con un suffisso generato automaticamente dal DAM In questo caso la voceSovrascrivi file esistenti non deve essere selezionata (figura Carica file senza sovrascrivere (page 47))

Nellrsquoesempio in figura viene presentata la lista dei file presenti nel mount point selezionato

Da notare la presenza di un file che egrave stato rinominato dal DAM con un suffisso ldquo_01rdquo dato che nellastessa posizione era giagrave presente un file con lo stesso nome

41 Caricamento e Aggiornamento di file 46

DocWeb Release 101

Figura 411 Carica file senza sovrascrivere

41 Caricamento e Aggiornamento di file 47

DocWeb Release 101

42 Ricerca di file allrsquointerno del DAM e modifica delle meta-informazioni

Rimanendo sempre allrsquointerno del modulo Media selezioniamo la voce List egrave possibile effettuare dellericerche dei file e modificare le meta-informazioni associate ai file

Nella figura Backend media list (page 48) distinguiamo

Figura 412 Backend media list

1 Parte relativa ai Mount Point disponibili

2 Parte relativa ai tipi di file caricati nel sistema

3 Schede List Thumbnails Selection Process

Da questa sezione egrave possibile effettuare ricerche sui file caricati nel DAM

Le ricerche che si possono eseguire sono del tipo ldquotrova tutti i file pdf e docrdquo oppure ldquoelenca tutti i filedi tipo immagine ad eccezione dei file con estensione gifrdquo

Per prima cosa facendo click sul nome del tipo file (es gif oppure image) si seleziona solo quel tipo difile e si escludono tutti i criteri selezionati in precedenza

Per aggiungere un altro criterio di ricerca egrave sufficiente selezionare il ldquo+rdquo (punto 1 nella figura Criteri diselezione (page 49)) posto accanto al tipo di file che si vuole selezionare

Con il ldquo-ldquo(punto 2) saragrave possibile rimuovere il tipo di file dai criteri di ricerca

Selezionando ldquo=rdquo (punto 3) egrave possibile introdurre clausole del tipo ldquocerca un file che sia doc e presentenel Mount Point chiamato lsquoArea Testrsquordquo (ossia effettua una ricerca che risponda a tutti i criteri impostati)

Nellrsquoesempio della figura Salva selezione (page 49) sono stati selezionati tutti i tipi di immagine adeccezione dei file con estensione gif Questo risultato si ottiene nel seguente modo

1 selezionare il ldquo+rdquo accanto alla voce ldquoimagerdquo

2 premendo il tasto ldquo-ldquo in corrispondenza della voce ldquogifrdquo

I criteri impostati per la selezione possono essere salvati per un uso futuro Per salvare la selezioneoccorre (figura Salva selezione (page 49))

1 riempire il campo sotto la voce SELECTION con un nome che identifichi la ricerca

2 premere il tasto Save per salvare la modalitagrave di ricerca impostata

In questo modo saragrave possibile richiamare e rieseguire la ricerca impostata anche in futuro senza doverripetere il procedimento di scelta dei criteri mostrato in precedenza

42 Ricerca di file allrsquointerno del DAM e modifica delle meta-informazioni 48

DocWeb Release 101

Figura 413 Criteri di selezione

Figura 414 Salva selezione

42 Ricerca di file allrsquointerno del DAM e modifica delle meta-informazioni 49

DocWeb Release 101

Se in futuro saranno inseriti nuovi file che soddisfano la ricerca salvata questi verranno selezionati quandoverragrave richiamata la ricerca salvata

Dalla figura Ricerca salvata (page 50) egrave possibile notare come richiamare la ricerca salvata In questocaso abbiamo salvato la ricerca con il nome ldquoimmaginisenzagifrdquo

Figura 415 Ricerca salvata

Una volta che si egrave selezionata la ricerca egrave possibile

1 Premere il tasto Load per ricaricare la ricerca precedentemente impostata

2 Premere Remove per rimuovere la ricerca salvata

Una volta effettuata una particolare selezione di file egrave possibile (figura Schede backend media list(page 50))

Figura 416 Schede backend media list

1 vedere il contenuto della selezione (schede List e Thumbnails)

2 vedere i criteri impostati per la ricerca (scheda Selection)

3 modificare le meta-informazioni associate ai file (scheda Process) secondo quanto descritto inprecedenza

Nella figura Scheda selection (page 51) egrave visualizzato come selezionando la scheda Selection egrave possibileprendere visione dei criteri impostati nella ricerca (la ricerca egrave quella dellrsquoesempio precedente)

Selezionando le schede List e Thumbnails dopo avere effettuato una qualsiasi selezione si potrebbe avereuna situazione come quella mostrata nella figura Scheda list (page 51)

Cliccando sullrsquoicona corrispondente ad uno dei file presenti nella lista (selezionato con un cerchio rosso)egrave possibile accedere ad un menugrave contestuale (figura Menu contestuale DAM (page 51))che permette disvolgere le seguenti operazioni

Modifica Offre la possibilitagrave di visualizzare e modificare le meta-informazioni associate al file

Rinomina Selezionando la seguente voce egrave possibile assegnare un altro nome al file che si egrave caricato

Replace file Avvia lrsquooperazione di sostituzione del file

Info Visualizza informazioni relative al file

Cancella Rimuove il file dal DAM

42 Ricerca di file allrsquointerno del DAM e modifica delle meta-informazioni 50

DocWeb Release 101

Figura 417 Scheda selection

Figura 418 Scheda list

Figura 419 Menu contestuale DAM

42 Ricerca di file allrsquointerno del DAM e modifica delle meta-informazioni 51

CAPITOLO 5

Modulo Pagine di download

51 Inserimento e configurazione pagine di download

La creazione di pagine di download egrave utile quando si vuole mettere a disposizione una lista di uno o piugravefile in forma scaricabile

Per creare una pagina di download egrave necessario seguire i seguenti passi

1 Creare una pagina standard

2 Inserire il plugin DAM Download List

3 Configurare il plugin

Per creare una pagina egrave sufficiente entrare nel modulo Pagina e selezionare Crea nuovo record per accederealla finestra di creazione pagine

Nellrsquoesempio in figura Backend creazione contenuto (page 52) egrave stata creata la pagina denominata ldquoPaginadownloadrdquo come figlio della pagina ldquoPagina di provardquo

Figura 51 Backend creazione contenuto

Una volta creata la pagina occorre configurarla in maniera tale da permettere la visualizzazione di unalista di file scaricabili Per fare ciograve occorre inserire un plugin denominato ldquoDAM Download Listrdquo Unplugin egrave un contenuto speciale da inserire in una pagina

52

DocWeb Release 101

Per inserirlo come per un contenuto occorre seguire i seguenti passi (figura Backend creazione contenuto(page 52))

1 Selezionare la pagina in cui inserire il plugin Nellrsquoesempio la pagina denominata ldquoPaginadownloadrdquo

2 Selezionare la voce Clicca qui per il wizard nella maschera che compare quando si vuole inserire unnuovo record

Figura 52 Wizard nuovo contenuto

Oltre ai normali contenuti standard il wizard permette di selezionare (figura Wizard nuovo contenuto(page 53))

1 Contenuti speciali

2 Moduli

3 Plugins

Allrsquointerno della lista dei Plugins selezionare DAM Lista dei file scaricabili (punto 4 nella figura Wizardnuovo contenuto (page 53))

Dopo aver selezionato il plugin occorreragrave selezionare la posizione della pagina in cui inserire lrsquoelemento

Selezionare ldquoNormalerdquo

A questo punto il plugin egrave inserito nella pagina desiderata

51 Inserimento e configurazione pagine di download 53

DocWeb Release 101

Oltre allrsquoinserimento occorre configurare il plugin in modo da dirgli quali file far visualizzare

Una volta che il plugin viene inserito viene aperta una finestra (figura Contenuto pagina (page 54)) doveviene richiesto di selezionare dei file inseriti nel sistema

Figura 53 Contenuto pagina

Per proseguire correttamente egrave necessario salvare immediatamente il Contenuto Pagina altrimenti leoperazioni successive potrebbero andare perse

Per inserire i file nella lista occorre effettuare la seguente operazione (figura Contenuto pagina (page 54))

1 Nella parte della maschera denominata DAM Lista di file scaricabili selezionare lrsquoicona SfogliaRecord (cerchiata in rosso) per avviare la procedura di selezione dei file

Selezionando la voce Sfoglia Record verragrave aperto lrsquoElement Browser di TYPO3 che ci permette di se-lezionare i file da inserire nel plugin La finestra (figura Element browser (page 55)) egrave composta di dueschede

1 Media ndash permette di selezionare i file giagrave esistenti nel sistema

2 Upload ndash permette di caricare nuovi file

Selezionando la sezione Media egrave possibile selezionare dalla lista i file da inserire

51 Inserimento e configurazione pagine di download 54

DocWeb Release 101

Figura 54 Element browser

Se la lista dei file fosse troppo lunga egrave possibile effettuare delle ricerche per nome e per tipologia di file(doc htm )

Per cercare per nome (figura Ricerca per nome (page 55)) occorre inserire nella casella di testo Cercastringa (punto 1 nella figura sopra) il nome o parte del nome del file da cercare Una volta specificata lastringa di ricerca premere il tasto Cerca (punto 2)

Figura 55 Ricerca per nome

Per cercare un particolare tipo di file selezionare il nome dellrsquoestensione che si desidera dallrsquoelenco deitipi di file (figura Ricerca per tipo (page 56))

Nota I due tipi di ricerca possono essere usati contemporaneamente

Selezionando la voce informazioni (punto 1 nella figura Selezione file (page 56)) egrave possibile visualizzarele meta-informazioni associate al file

Premendo con il mouse sul nome del file (punto 2) o sullrsquoicona associata (punto 3) si inserisce il file nellalista dei file da far visualizzare nella pagina di download mediante lrsquoapposito plugin

Selezionando la scheda Upload si puograve inserire un file non presente nel sistema (figura Caricamentoimmediato file (page 56))

51 Inserimento e configurazione pagine di download 55

DocWeb Release 101

Figura 56 Ricerca per tipo

Figura 57 Selezione file

Figura 58 Caricamento immediato file

51 Inserimento e configurazione pagine di download 56

DocWeb Release 101

Scegliere i file dal proprio PC seguendo le operazioni giagrave descritte nel modulo DAM e selezionare dallascheda Media i nuovi file inseriti

Nella figura Plugin con file selezionati (page 57) egrave visualizzato un esempio di maschera di configurazionedel plugin con la lista dei file selezionati

Figura 59 Plugin con file selezionati

I file una volta inseriti possono essere ordinati selezionando sugli appositi bottoni posti a destra dellalista file

bull Per ordinare un determinato file occorre

bull Selezionare un file

Premere uno dei tasti (figura sopra) per

1 Spostare in prima posizione

2 Spostare in alto di una posizione

3 Spostare in basso di una posizione

4 Spostare in ultima posizione

5 Rimuovere dalla lista il file selezionato

Una volta eseguiti i passaggi sopra descritti salvare la configurazione del plugin

51 Inserimento e configurazione pagine di download 57

CAPITOLO 6

Modulo Sitemap

Ersquo possibile generare una mappa del sito scegliendo un contenuto speciale di tipo ldquoMappa del Sitordquo comemostrato nella figura Contenuto mappa del sito (page 58)

Figura 61 Contenuto mappa del sito

Per scegliere un record di tipo ldquomappa del sitordquo (per visualizzare cioegrave la vista dei contenuti possibili)saragrave necessario portarsi in modalitagrave ldquopaginardquo compiendo gli stessi passaggi descritti per la creazione dicontenuti semplici in fase di creazione delle pagine (in questo caso selezionando il contenuto specialemappa)

58

DocWeb Release 101

61 Scheda di configurazione Mappa

La scheda di configurazione si presenta come nella figura Scheda mappa del sito (page 59)

Figura 62 Scheda mappa del sito

I campi fondamentali da personalizzare sono lrsquointestazione (ossia il titolo pagina) il tipo di menugrave e ilpunto di partenza Nellrsquointestazione viene inserito come di consuetudine il titolo pagina

62 Tipo di mappa

Ersquo possibile scegliere il tipo di mappa che si desidera creare consultando il menugrave a tendina ldquotipo di menugraverdquoche ci offriragrave diverse opzioni

Le piugrave frequentemente usate sono di tipo ldquoMenugrave delle sottopagine rdquo come indicato nella figura Tipo dimenu (page 60)

Menugrave delle sottopagine di queste pagine Scegliendo questa opzione da una pagina padre sigenereragrave un record che mostreragrave al suo interno tutte le sottovoci figlio con relativo link

Menugrave delle sottopagine di queste pagine (con abstract) Genera una mappa sia delle sottopagineche dei sottotitoli

Menugrave delle sottopagine di queste pagine + sezioni Genera una mappa sia delle sottopagine chedei record (link alle intestazioni dei singoli record)

Selezionando voci di menugrave di sottopagine egrave anche possibile stabilire un determinato punto di partenzasfogliando lrsquoapposito record

61 Scheda di configurazione Mappa 59

DocWeb Release 101

Figura 63 Tipo di menu

63 Il ldquopunto di partenzardquo della mappa

Il ldquopunto di partenzardquo dei Menugrave delle sottopagine Scheda mappa del sito (page 59) costituisce la paginadalla quale il sistema partiragrave per creare la mappa

Si potragrave quindi creare una mappa (di tipo menugrave delle sottopagine) che mostri solamente il percorso diquella porzione di menugrave che si intende mostrare

63 Il ldquopunto di partenzardquo della mappa 60

CAPITOLO 7

Modulo News

71 Inserimento e modifica di news

Alcune sezioni del nostro sito potrebbero essere state configurate per permettere la visualizzazione dinotizie

Per poter visualizzare le news correttamente occorre che queste ultime vengano inserite in una determi-nata posizione allrsquointerno del backend Da questa posizione che chiameremo repository delle news lenostre pagine andranno a prelevare le news da visualizzare al loro interno

Figura 71 Backend news

Nellrsquoesempio presentato nella figura Backend news (page 61) distinguiamo

1 il repository delle news che egrave stato creato

2 Un esempio di come potrebbe apparire il contenuto del repository delle news (lista delle news)

Per poter visualizzare il contenuto del repository delle news occorre seguire i seguenti passi

1 entrare nel modulo Pagina

61

DocWeb Release 101

2 selezionare il repository delle news corrispondente (nellrsquoesempio della figura Backend news (page 61)il Repository delle news si chiama ldquoNews Area Testrdquo)

Poniamo ora la nostra attenzione alla lista delle news (figura Lista news (page 62)) Da qui egrave possibile

bull Inserire una nuova notizia

bull Modificare le notizie giagrave esistenti

Per inserire una nuova notizia occorre selezionare la voce Crea nuovo record (figura Lista news (page 62))posta in fondo alla lista delle news

Figura 72 Lista news

A questo punto si apre la finestra di creazione Nuovo record da cui occorre selezionare la voce News(figura Nuovo record news (page 62))

Figura 73 Nuovo record news

Eseguendo le operazioni sopra descritte si accede alla maschera di inserimento news (figura Inserimentonews scheda generale (page 63))

Questa si compone di due schede una denominata Generale e unrsquoaltra denominata Relations

Nella scheda Generale egrave possibile inserire

Titolo in questo spazio egrave possibile specificare un titolo della news

Nascondi questo controllo determina se la news egrave pubblicabile oppure no Come avviene per le pagineanche per le news egrave consigliabile tenere la news nascosta durante la lavorazione Facciamo notare

71 Inserimento e modifica di news 62

DocWeb Release 101

Figura 74 Inserimento news scheda generale

71 Inserimento e modifica di news 63

DocWeb Release 101

che appena viene aperta la maschera di inserimento di una nuova news il controllo appare giagrave instato nascosto

Dataora in questo spazio viene indicata la data e lrsquoora della creazione della news in base ai parametridi sistema

Data Archiviazione in questo spazio viene inserita la data di Archiviazione di una news

Autore permette di specificare un autore della news

Email permette di specificare un e-mail a cui fare riferimento

Sottointestazione questo campo conterragrave una breve descrizione (abstract) della news La sottointes-tazione egrave quella parte della news che compare quando viene visualizzata la lista delle news e serveper dare una breve descrizione al contenuto della news (si veda Esempio news (page 64))

Figura 75 Esempio news

Durante lrsquoinserimento di una news egrave consigliabile specificare sempre una sottointestazione

Testo egrave il campo che contiene il contenuto vero e proprio della news Egrave possibile utilizzare tutte lefunzionalitagrave messe a disposizione dallrsquoeditor RTE

72 Modalitagrave Relations

Nella modalitagrave Relations (figura Inserimento news scheda relations (page 65)) egrave possibile inserire

Immagini contiene una lista di immagini da associare alla news Il procedimento per la se-lezionecaricamento delle immagini egrave stato descritto nella parte dedicata alla creazione di paginedi download a cui vi rimandiamo

Didascalia permette di specificare una descrizione per lrsquoimmagine associata alla news

Image alttext e Image titletext permette di specificare un testo che in visualizzazione (Frontend)compariragrave al passaggio del mouse sopra lrsquoimmagine

News correlate permette di specificare news o pagine del sito da associare alla news Il procedimentodi selezione delle news da associare alla notizia saragrave spiegato successivamente

DAM elements permette di assegnare alla news dei documenti da scaricare come per esempioil programma di un determinato evento Anche in questo caso il procedimento per la se-lezionecaricamento dei documenti egrave quello giagrave descritto nella parte dedicata alla creazione dipagine di download

Descriviamo il procedimento da seguire per associare alcune pagine o alcune news alla notizia che stiamoinserendo

Premere il tasto di Sfoglia Record evidenziato nella figura Sfoglia record news (page 65)

Verragrave aperta una finestra che contiene un Element Browser che ci permette di selezionare le newspagine(figura Element browser news (page 66)) da associare

La finestra di selezione si suddivide nelle seguenti parti (figura sopra)

Alberatura del sito da cui egrave possibile esplorare gli elementi del nostro sito (pagine sysfolder )Premendo con il tasto sinistro del mouse sul nome della pagina o sulla freccia corrispondente verragraveaggiornata la parte di destra della finestra in cui egrave inserita la lista degli elementi associabili

72 Modalitagrave Relations 64

DocWeb Release 101

Figura 76 Inserimento news scheda relations

Figura 77 Sfoglia record news

72 Modalitagrave Relations 65

DocWeb Release 101

Figura 78 Element browser news

Lista degli elementi associabili egrave quindi possibile selezionare gli elementi da associare alla newsPer associare un elemento si puograve selezionare il simbolo ldquo+rdquo posto accanto allrsquoelemento desideratoo agendo sul nome del file Nel primo caso lrsquoelemento viene aggiunto ma la finestra non si chiuderagrave(utile per effettuare selezioni multiple) mentre nel secondo caso lrsquoelemento viene aggiunto e lafinestra si chiuderagrave (selezione singola)

Nota Per associare una o piugrave news alla notizia che stiamo inserendo occorreragrave innanzitutto selezionareil repository delle news e utilizzando i metodi descritti in precedenza indicare le news di interesse

Nella figura Selezione repository (page 66) viene visualizzato come appare lrsquoElement Browser dopo averselezionato il repository delle news denominato ldquoNews Corso Typo3rdquo

Figura 79 Selezione repository

Una volta ultimato il procedimento di inserimento di una news vedremo che nel repository compariragrave(figura News nel repository (page 67)) anche quella da noi creata Nellrsquoesempio la news creata si chiamaldquoTitolo della news di provardquo

Dalla lista delle news possiamo notare che i diversi tipi di news sono contrassegnati con icone diverse

In particolare distinguiamo

72 Modalitagrave Relations 66

DocWeb Release 101

Figura 710 News nel repository

bull News (icona ldquocelestinardquo)

bull Collegamento a URL esterna (icona ldquorosardquo)

bull Collegamento a pagina interna (icona ldquogiallinardquo)

Per modificare il contenuto di una news egrave sufficiente selezionare il simbolo di modifica (figura Modificanews (page 67)) in corrispondenza della news da modificare

Figura 711 Modifica news

73 News collegata a URL esterna e a pagina interna

Attraverso la selezione della finestra ldquoTipordquo egrave possibile scegliere diverse tipologie di news

Nella figura News collegata a url esterna (page 68) egrave stato selezionato il Collegamento a URL esterna checi offriragrave la possibilitagrave di specificare un link (ldquoURL esternordquo) da far visualizzare e che saragrave contraddistintain lista da lrsquoicona di colore rosa

Selezionando il Collegamento a pagina interna viene offerta la possibilitagrave di inserire un collegamento auna pagina del sito (evidenziato nella figura News collegata a pagina interna (page 69))

La news si presenteragrave con icona di color ldquogiallordquo e al suo interno conterragrave un link alla pagina interna alsito

73 News collegata a URL esterna e a pagina interna 67

DocWeb Release 101

Figura 712 News collegata a url esterna

73 News collegata a URL esterna e a pagina interna 68

DocWeb Release 101

Figura 713 News collegata a pagina interna

73 News collegata a URL esterna e a pagina interna 69

DocWeb Release 101

74 Eliminazione delle News

Per eliminare una news possiamo procedere tra lrsquoaltro in due modi

1 Selezionare la news da eliminare dallrsquoelenco e selezionare la voce ldquocancellardquo dal menugrave a tendinaconsultabile cliccando con il pulsante destro sullrsquoicona in corrispondenza della news (figura Eliminanews da menu contestuale (page 70))

Figura 714 Elimina news da menu contestuale

2 Entrare allrsquointerno della modalitagrave di modifica della news attraverso lrsquoicona ldquomatitardquo e selezionare lrsquoi-cona raffigurante il bidone di elimina posta in alto pagina (figura Elimina news da scheda contenuto(page 70))

Figura 715 Elimina news da scheda contenuto

75 Ordinamento delle News e ricerca

Puograve essere necessario durante la visualizzazione della lista delle news (lato backend) di dover effettuaredegli ordinamenti al fine di permettere una ricerca piugrave veloce delle news da modificare

74 Eliminazione delle News 70

DocWeb Release 101

Avvertimento Lrsquoordinamento ha valore solo come ricerca allrsquointerno del backend mentre latofrontend rispecchieragrave i parametri prestabiliti dal sistema

Supponiamo per esempio di voler effettuare un ordinamento per Titolo Seguiamo i seguenti passi(figura sotto)

1 Selezionare la voce di menugrave Lista

2 Selezionare il deposito delle news (repository) News Corso Typo3

3 Cliccare con il mouse in corrispondenza della voce ldquoTitolordquo

A questo punto (figura Ordinamento news (page 71)) le news vengono ordinate in ordine crescente(vengono visualizzate prima le news con titolo che inizia con la lettera a b e cosigrave via)

Figura 716 Ordinamento news

Se clicchiamo unrsquoaltra volta sulla voce ldquoTitolordquo il tipo di ordinamento cambia da crescente a decrescente(compariranno per prima le news con titolo che inizia per z )

Egrave inoltre possibile ordinare secondo campo da noi specificato Per definire il nome di un campo (ad estesto inizio autore ) su cui effettuare lrsquoordinamento occorreragrave spostarsi in fondo alla lista delle newsdove troveremo una lista di campi (figura Mostra campo aggiuntivo news (page 71))

Figura 717 Mostra campo aggiuntivo news

Dalla lista possiamo

bull Selezionare la voce in base alla quale effettuare lrsquoordinamento (ad esempio Immagini)

bull Premere il tasto Imposta campi per aggiungere alla lista dei campi visualizzati quello selezionato

75 Ordinamento delle News e ricerca 71

DocWeb Release 101

A questo punto il campo selezionato (nel nostro esempio il campo Immagini) compare nella lista dellenews (il campo aggiunto egrave evidenziato con un riquadro in alto a destra nella figura Ordinamento campoaggiuntivo news (page 72))

Figura 718 Ordinamento campo aggiuntivo news

Effettuare le stesse operazioni illustrate per il campo Titolo per ordinare in modo crescente e decrescentele news secondo il criterio impostato (click pulsante sinistro sul nome etichetta)

Egrave anche possibile ricercare le news in base al testo contenuto nel titolo sottotitolo descrizione eccUtilizzando la maschera di ricerca in fondo pagina (evidenziata nella figura Ricerca news (page 72))

Figura 719 Ricerca news

Per effettuare una ricerca egrave necessario seguire i seguenti passi

1 Inserire nel campo Cerca Stringa il testo da cercare (nel nostro esempio ldquonequerdquo)

2 Premere il tasto Cerca per eseguire la ricerca secondo i criteri impostati

In questo modo nella lista delle news compariranno solo quelle che contengono il testo specificatoEffettuata la ricerca egrave possibile effettuare degli ordinamenti come spiegato in precedenza

75 Ordinamento delle News e ricerca 72

CAPITOLO 8

Modulo Eventi

Avvertimento SEZIONE NON COMPLETA

Si confrontino i seguenti due tipi di contenuti

Evento egrave un tipo di contenuto adatto a descrivere qualcosa che accadragrave o che egrave accaduto in una certadata La data o le date in cui lrsquoevento ricorre sono strettamente legate ad un luogo in cui lrsquoeventosi verificheragravesi egrave verificato Gli eventi vengono rappresentati mediante la metafora dellrsquoagenda edel calendario

Notizia egrave un tipo di contenuto caratterizzato dalla data di pubblicazione secondo la metafora delgiornale online E come in un giornale online una notizia puograve riferirsi sia a fatti giagrave accaduti chea fatti a venire

Nota Per comprendere meglio la differenza tra i due tipi di contenuto si pensi che dato un eventoche ha una certa data di svolgimento (ad es 20 maggio) di tale evento posso realizzare piugrave di unanotizia Rimanendo nellrsquoesempio potrei pubblicare una notizia il 10 maggio per preannunciare lrsquoeventoe poi unrsquoaltra il 18 maggio per ricordarne lrsquoimminenza Infine potrei pubblicare una notizia di riepilogo(cronaca dellrsquoevento immagini ecc) il 22 maggio

81 Scopo del modulo Eventi

Il visitatore del sito deve poter cogliere le informazioni essenziali di un evento

bull Cosa sta per succedere

bull Dove accadragrave

bull Quando accadragrave

82 Il Backend ndash Modulo Pagina

Vedi figura Eventi vista modulo pagina (page 74)

83 Il Backend ndash Modulo Lista

Vedi figura Eventi vista modulo lista (page 74)

73

DocWeb Release 101

Figura 81 Eventi vista modulo pagina

Figura 82 Eventi vista modulo lista

83 Il Backend ndash Modulo Lista 74

DocWeb Release 101

84 Creazione di un evento

Prima di procedere poniamoci qualche domanda

bull Lrsquoevento appartiene a qualche rassegna iniziativa per la quale sono in programma altri eventiPer esempio

ndash Rassegne teatrali cinematografiche

ndash Festival

bull Lrsquoevento si ripete

ndash La replica avviene sempre nello stesso luogo

841 Creazione del record

Vedi figura Creazione nuovo evento (page 75)

Vedi figura Creazione nuovo record evento (page 76)

Figura 83 Creazione nuovo evento

842 Scheda ldquoGeneralerdquo

Vedi figura Evento scheda generale (page 76)

843 Scheda ldquoFinestra temporalerdquo

Orario repliche

Vedi figura Evento finestra temporale (page 78)

84 Creazione di un evento 75

DocWeb Release 101

Figura 84 Creazione nuovo record evento

Figura 85 Evento scheda generale

84 Creazione di un evento 76

DocWeb Release 101

bull Lrsquoorario va solo per le Finestre temporali di un giorno (data inizio = data fine)

bull Se non si conosce lrsquoora della fine impostare ora inizio = ora fine

844 Scheda ldquoTestordquo

Vedi figura Evento scheda testo (page 79)

84 Creazione di un evento 77

DocWeb Release 101

Figura 86 Evento finestra temporale

84 Creazione di un evento 78

DocWeb Release 101

Figura 87 Evento scheda testo84 Creazione di un evento 79

  • Introduzione
    • Cosegrave DocWeb
    • Concetti chiave
      • Funzionalitagrave di Base
        • Il CMS Typo3 ldquobackendrdquo e ldquofrontendrdquo
        • Cambio password di accesso
        • Albero delle pagine
        • Implementazione delle pagine ldquogenitori rdquo e ldquofiglirdquo
        • Inserimento Nuova pagina
        • Elementi standard della pagina
        • Inserimento contenuti di una pagina
        • Contenuti multipli allrsquointerno di una pagina
        • Modifica dei contenuti della pagina
        • Spostamento di pagine
        • Eliminazione pagine
        • Rich Text Editor
        • Modalitagrave Lista
        • Modalitagrave Mostra
        • Modalitagrave ldquoMonta come radice dellrsquoalberordquo
        • Ottenere il page-id di una pagina
        • Admin Panel
          • La Clipboard
            • Copia o spostamento di un contenuto singolo di pagina allrsquointerno di unrsquoaltra pagina
            • Copia o spostamento di piugrave contenuti da una pagina ad unrsquoaltra
              • Modulo DAM (Digital Asset Management)
                • Caricamento e Aggiornamento di file
                • Ricerca di file allrsquointerno del DAM e modifica delle meta-informazioni
                  • Modulo Pagine di download
                    • Inserimento e configurazione pagine di download
                      • Modulo Sitemap
                        • Scheda di configurazione Mappa
                        • Tipo di mappa
                        • Il ``punto di partenza della mappa
                          • Modulo News
                            • Inserimento e modifica di news
                            • Modalitagrave Relations
                            • News collegata a URL esterna e a pagina interna
                            • Eliminazione delle News
                            • Ordinamento delle News e ricerca
                              • Modulo Eventi
                                • Scopo del modulo Eventi
                                • Il Backend ndash Modulo Pagina
                                • Il Backend ndash Modulo Lista
                                • Creazione di un evento
Page 8: DocWeb€¦ · per la realizzazione e la gestione di siti web della Pubblica Am-ministrazione. La piattaforma tecnologica utilizzata è il CMS (Content Management System) Open SourceTypo31

DocWeb Release 101

Figura 22 Frontend

22 Cambio password di accesso

Lrsquousername e la password proteggono lrsquoarea da eventuali intrusioni e costituiscono lrsquoaccesso univoco epersonale per ciascun Utente (per motivi di sicurezza egrave opportuno variare la propria password al primoaccesso al sistema)

Per cambiare la password di accesso saragrave necessario eseguire il primo collegamento allrsquoambi-ente di gestione del portale lanciando il browser (Firefox) e collegandosi allrsquoindirizzo webhttpwwwentiprovinciapuittypo3 (figura Url per login (page 5))

Figura 23 Url per login

Saragrave proposta una maschera di identificazione dove andremo ad inserire il nostro account costituito dausername e password (figura Maschera login (page 5))

1 inserire username

2 inserire password

3 click con il pulsante sinistro del mouse sul bottone ldquoEntrardquo per accedere al servizio

Figura 24 Maschera login

22 Cambio password di accesso 5

DocWeb Release 101

Avvertimento Alcuni browser propongono messaggi (figura Messaggio salva password (page 6))relativi al salvataggio automatico della password nel sistema per non dover digitare nuovamente ipropri dati al secondo Log In Si consiglia di non scegliere di salvare i propri dati o il completamentoautomatico di essi per una questione di sicurezza

Figura 25 Messaggio salva password

In caso di errata digitazione dei dati dellrsquoaccount ci saragrave chiesto di inserire nuovamente username epassword (figura Login fallito (page 6))

Figura 26 Login fallito

Il messaggio ci informa che il Log In egrave fallito e ci da alcune indicazioni sul motivo che puograve aver provocatoil problema Ci chiede di assicurarci di aver scritto correttamente Username e Password facendo ancheattenzione alle lettere Minuscole e Maiuscole

Se eseguito bene il Log In ci condurragrave in una nuova schermata

In virtugrave dellrsquoimportanza costituita dai dati di autenticazione la prima operazione da compiere una voltaeseguito il Log In saragrave quella di modificare il proprio account come segue (figura Modifica password(page 7))

1 dal menugrave di sinistra scegliere la voce ldquosetuprdquo inserita nel menugrave ldquoutenterdquo quindi cliccare con ilpulsante sinistro del mouse

2 nella schermata che si apriragrave a destra digitare la nuova password che si desidera utilizzare Ilcampo si trova nella parte bassa della pagina indicato dalla diciture ldquoNuova passwordrdquo

3 confermare nel campo sottostante ldquoRipeti passwordrdquo la password scelta

4 confermare il tutto cliccando con il pulsante sinistro del mouse sul bottone ldquoSalva configurazionerdquo

5 click sullrsquoultimo pulsante a sinistra ldquoUscitardquo per eseguire il Log Out

Cambiata la password ed eseguito il Log Out mediante il pulsante ldquoUscitardquo potremo eseguire nuovamenteil ldquoLog Inrdquo digitando la nostra nuova password che da quel momento saragrave subito attiva

Per motivi di sicurezza al termine di ogni sessione di gestione dei contenuti egrave opportuno effettuare ilLog Out dal sistema

22 Cambio password di accesso 6

DocWeb Release 101

Figura 27 Modifica password

23 Albero delle pagine

Si noti come lrsquoaspetto del Backend (figura Backend tripartito (page 8)) sia suddiviso in tre aree verticalisuddivise tra loro mediante una spessa riga grigia

bull La prima colonna a sinistra della pagina (punto 1) ci consentiragrave di compiere tutte le operazioninecessarie a lavorare creando e modificando contenuti ecc

bull la seconda colonna al centro della pagina (punto 2) rappresenta lrsquoalberatura vera e propria del sitoon-line In essa vedremo rispecchiati i menugrave le pagine e i contenuti testuali che verranno (o chesono) pubblicati

bull la terza area a destra della pagina (punto 3) rappresenta lrsquoambiente dove andremo materialmentead operare sulle pagine e sui contenuti

Nota La stringa in basso a sinistra ldquoModifica pagina con IDrdquo puograve essere utilizzata per selezionareuna pagina ricercandola tramite il suo numero ID Ad ogni pagina viene associato automaticamente unnumero (ID) unico e distinto per ognuna di esse

Il numero ID si rivela al passaggio del mouse (senza cliccare) sul simbolo grafico posto accanto alle vocidi menugrave nella colonna ndeg 2 Il numero ID viene anche riportato on-line come parte finale di un indirizzoweb

Esempio httpwwwentiprovinciapuitindexphpid=3018

Nellrsquoesempio il numero ID della pagina egrave 3018

Nella versione finale del portale potranno essere utilizzati URL statici (eshttpwwwentiprovinciapuitattivitahtml) per agevolare i collegamenti diretti ad alcune sezioni opagine del portale

23 Albero delle pagine 7

DocWeb Release 101

Figura 28 Backend tripartito

24 Implementazione delle pagine ldquogenitori rdquo e ldquofiglirdquo

Affincheacute un sito ldquofunzionirdquo egrave necessario che la distribuzione delle pagine con le rispettive sottopagine siachiara ed essenziale

Gli argomenti vanno sempre divisi ed organizzati per facilitare lrsquoindividuazione del contenuto la letturadel messaggio la comprensione dellrsquooggetto in essere Se ad esempio stessimo parlando di calcio sarebbesempre opportuno ed auspicabile creare una pagina ldquoSERIE Ardquo che introduca allrsquoargomento trattato esuccessivamente collegare allrsquointerno della categoria altre pagine ldquoRomardquo ldquoJuventusrdquo ldquoMilanrdquo che a lorovolta possano condurre ad altri argomenti ldquocalciatorirdquo fino a ridurre il tutto ai minimi termini

25 Inserimento Nuova pagina

Selezionare (figura Seleziona pagina (page 8)) con un click del pulsante sinistro la prima voce ldquopaginardquodella colonna 1

Figura 29 Seleziona pagina

Nella seconda colonna portiamoci su una delle voci dellrsquoelenco (preferibilmente al livello in cui si desiderainserire la pagina) e facciamo click con il pulsante destro del mouse Si apriragrave (figura Seleziona nuovo(page 9)) un ulteriore menugrave di opzioni a tendina dal quale scegliamo la 3deg voce ldquonuovordquo

24 Implementazione delle pagine ldquogenitori rdquo e ldquofiglirdquo 8

DocWeb Release 101

Figura 210 Seleziona nuovo

Verragrave caricata nella 3deg area una schermata come indicato nella figura Vista Backend (page 10)

Scegliamo la 1deg opzione ldquoPagina (dentro)rdquo cliccando con il pulsante sinistro del mouse sulla voce ldquoCliccaqui per il wizardrdquo Si caricheragrave la schermata di figura Seleziona posizione (page 10)

Si noti come la schermata riproduca le pagine esistenti ed il loro posizionamento nel menugrave potremoindicare cliccando sulle frecce grigie la posizione dove desideriamo inserire la nostra pagina Scegliamoad esempio di voler inserire la nostra pagina allrsquointerno della sezione ldquoTest Abanetrdquo

Avvertimento Ovviamente la sezione ldquoTest Abanetrdquo egrave solo un esempio Usare le sezioni presentinel vosto sito di riferimento

Andremo quindi a cliccare sulla freccia che si trova appunto allrsquointerno del record (come indicato infigura)

Verragrave caricata una schermata che ci chiederagrave di specificare altri elementi indispensabili alla creazione diuna nuova pagina (vedi sezione successiva)

26 Elementi standard della pagina

Si faccia riferimento alla (figura Modifica intestazioni pagina (page 11))

Nascondi pagina In fase di elaborazione di una nuova pagina egrave sempre bene puntare il piccolo quadratoin basso a sinistra della sezione ldquonascondi paginardquo in modo tale da permetterci di lavorare suicontenuti in tutta tranquillitagrave prima della pubblicazione on-line

Tipo Assegna alla pagina una determinata tipologia o scopo

Titolo pagina Indicare il titolo della pagina (ad es ldquoPagina di Provardquo

Selezione di template per lrsquoarea contenuti Ersquo la possibilitagrave di variare lo ldquoschemardquo di visualiz-zazione della pagina (es pagina a 3 colonne pagina a due colonne con menu di navigazionesulla sinistra etc)

Salvare Ogni operazione deve essere salvata per essere resa effettiva

261 Varie opzioni di salvataggio

In relazione al punto (5) nella fase di salvataggio si noti come ci vengono proposte diverse icone (figuraIcone salvataggio (page 11))

26 Elementi standard della pagina 9

DocWeb Release 101

Figura 211 Vista Backend

Figura 212 Seleziona posizione

26 Elementi standard della pagina 10

DocWeb Release 101

Figura 213 Modifica intestazioni pagina

Figura 214 Icone salvataggio

26 Elementi standard della pagina 11

DocWeb Release 101

1 Il documento viene salvato lrsquoambiente si ricarica automaticamente il menugrave centrale si aggiornacon la comparsa della pagina da noi creata nella posizione da noi assegnata

2 Il documento viene salvato lrsquoambiente si ricarica automaticamente il menugrave centrale si aggiornacon la comparsa della pagina da noi creata nella posizione da noi assegnata e si apre una nuovafinestra del browser contenente la preview (anteprima di visualizzazione) della nostra pagina

3 Il documento viene salvato lrsquoambiente si ricarica automaticamente sulla schermata successivail menugrave centrale si aggiorna con la comparsa della pagina da noi creata nella posizione da noiassegnata

4 Il documento viene chiuso e non salvato

5 Elimina la pagina

Nota La quinta icona (ldquoElimina paginardquo) compariragrave solo dopo aver salvato il documento la primavolta Inoltre gli stessi simboli si ritroveranno anche in fase di modifica di pagine giagrave create

Da osservare il simbolo proposto accanto alla nuova pagina da noi creata (figura Pagina nascosta(page 12)) ad indicare la modalitagrave ldquonascostardquo

Figura 215 Pagina nascosta

Lrsquoicona posta a sinistra ricorda una pagina con una ldquoXrdquo rossa in alto a destra e indica che la pagina egravenascosta (punto 1 modifica intestazioni) e non visibile dallrsquoesterno

Le altre voci con simbolo diverso di pagina su sfondo giallo sono on-line e quindi consultabili dal FrontEnd

Pubblicata la pagina nascosta lrsquoicona cambieragrave automaticamente aspetto e la voce di menugrave saragraveconsultabile anche dal Front End

27 Inserimento contenuti di una pagina

Avendo precedentemente creato e salvato una pagina ldquoPagina di Provardquo andiamo ad inserire un contenuto

Ersquo possibile procedere in due modi effettuare un click con il pulsante sinistro del mouse sulla icona o sultitolo ldquoPagina di Provardquo oppure cliccare con il pulsante destro del mouse sullrsquoicona posta a sinistra deltitolo pagina e scegliere ldquomodificardquo

In entrambe i casi il sistema aggiorna la terza area (vedi figura Backend tripartito (page 8)) doveandremo a lavorare

Per creare un contenuto nella posizione di default (Normale) clicchiamo sullrsquoicona cerchiata di rosso (vedifigura Crea contenuto normale (page 13)) nel box ldquonormalerdquo

In alternativa si puograve scegliere di usare la voce in basso a sinistra ldquoCrea nuovo recordrdquo e successivamentescegliere di creare un nuovo contenuto pagina con il ldquowizardrdquo

27 Inserimento contenuti di una pagina 12

DocWeb Release 101

Figura 216 Crea contenuto normale

Per entrambe le opzioni si apriragrave una schermata come nella figura Seleziona contenuto paragrafo(page 14))

Scegliamo di inserire un paragrafo di testo semplice Notiamo come il sistema ci consente di scegliereforme alternative di contenuti (es immagini sotto il testo a sinistra solo immagini ecc) Approfondire-mo in seguito le modalitagrave per creare contenuti piugrave articolati e contenuti multipli e selezioniamo la voceldquoparagrafo di testordquo

271 Paragrafo di testo

Allrsquointerno di un paragrafo di testo potremo inserire un contenuto e tutte le opzioni ad esso legato (figuraModifica contenuto testo (page 15))

Si noti come lrsquoarea egrave divisa in 4 blocchi orizzontali Tipo Intestazione Testo Opzioni generali Inbasso e in alto troviamo anche la serie di icone per il salvataggio del documento di cui abbiamo giagraveprecedentemente parlato

Area Tipo

Nel menugrave a tendina dellrsquoarea tipo egrave possibile modificare il tipo di contenuto che vogliamo inserire Laschermata ci dice che siamo su ldquotestordquo ma volendo potremmo anche cambiare con le altre forme dicontenuto a nostra disposizione

Area Intestazione

Rappresenta il titolo della pagina Viene inserito allrsquoinizio della pagina ed ha una rilevanza graficamaggiore rispetto al resto del contenuto

Un buon titolo egrave breve ma incisivo rispecchia in poche parole il contenuto della pagina riassumelrsquoargomento trattato

27 Inserimento contenuti di una pagina 13

DocWeb Release 101

Figura 217 Seleziona contenuto paragrafo

27 Inserimento contenuti di una pagina 14

DocWeb Release 101

Figura 218 Modifica contenuto testo

27 Inserimento contenuti di una pagina 15

DocWeb Release 101

Ersquo inoltre possibile anche se sconsigliabile associare un link allrsquointestazione cambiare la sua posizioneinserire una data

Testo

Rappresenta con il suo grande quadrilatero bianco lrsquoarea allrsquointerno della quale andremo ad inserire ilnostro testo

Digitando un semplice testo in visualizzazione questo assumeragrave colore dimensione e carattere inconformitagrave allo stile preimpostato per le pagine del sito

Per la formattazione del testo saragrave possibile usare lo strumento RTE (di seguito descritto)

Opzioni generali (parametri di visibilitagrave)

Apparizione programmata

Cliccando accanto al quadrato della voce ldquoInizio rdquo e ldquoFinerdquo si attiveragrave un modulo data che ci consentiragravedi impostare le date di Inizio pubblicazione e di Fine pubblicazione (depubblicazione) di una pagina

Potremo quindi stabilire quando una pagina dovragrave essere pubblicata eo quando dovragrave cessare di esserevisibile on-line La programmazione dellrsquoinizio di pubblicazione non implica che ci sia necessariamenteuna fine e vice versa

Ciograve significa che potremo quindi decidere di pubblicare una pagina in una certa data e che la pubblicazioneduri nel tempo (almeno fino a quando non decideremo di togliere la visualizzazione on-line manualmente)

Pagine nascoste

Ersquo possibile nascondere il contenuto delle pagine cliccando il quadrato a sinistra della voce ldquoNascondirdquoScegliendo questa opzione la pagina continueragrave ad esistere ma non saragrave visibile il suo contenuto

Lrsquoopzione si rileva particolarmente utile in caso di pagina strutturata su contenuti multipli

28 Contenuti multipli allrsquointerno di una pagina

Avendo creato una pagina potremo in ogni momento svilupparla ulteriormente aggiungendo ulterioricontenuti

Clicchiamo sul menugrave di sinistra sulla voce ldquoPaginardquo in modo da caricare il menugrave centrale contenentelrsquoalberatura del sito

Clicchiamo sul titolo della pagina da modificare con il pulsante sinistro oppure con il destro e scegliamoldquomodificardquo

A destra si apriragrave il nostro ambiente di lavoro come nella figua Modifica contenuto normale (page 17)

Vedremo in pratica la stessa schermata proposta per la creazione di una nuova pagina con lrsquoaggiunta dialcune icone come indicato in figura

1 Modifica

2 Nuovo record

3 Cerca Stringa

Cliccando su Modifica comrsquoegrave intuibile saremo riportati nella pagine dellrsquoeditor dove potremo modificareil nostro testo link immagini ecc

Cliccando su nuovo record invece avremmo la possibilitagrave di aggiungere un nuovo contenuto alla paginae nella posizione che sceglieremo

28 Contenuti multipli allrsquointerno di una pagina 16

DocWeb Release 101

Figura 219 Modifica contenuto normale

28 Contenuti multipli allrsquointerno di una pagina 17

DocWeb Release 101

Il contenuto non avragrave vincoli con i record precedenti pur apparendo nella stessa pagina del frontend Ciogravegarantisce una vantaggiosa gestione delle pagine che suddivise in ldquosezionirdquo potranno essere di volta involta pubblicate cancellate modificate a blocchi di contenuto senza toccare lrsquointera pagina

Si potragrave suddividere la stessa pagina in diverse aree (record) ossia ldquocontenuti multiplirdquo via via aggiornabilianche da altri utenti di redazione

Ersquo inoltre possibile effettuare una ricerca su di un contenuto di tipo testuale allrsquointerno delle pagine edei record utilizzando il campo ldquoCerca Stringardquo La ricerca puograve essere effettuata allrsquointerno della paginae dei suoi record ed estesa anche ai livelli inferiori

29 Modifica dei contenuti della pagina

Creata una pagina potremo modificarla ogni volta che saragrave necessario

Per modificare una pagina saragrave sufficiente selezionarla dal menugrave portandosi con il cursore del mouse aldi sopra del titolo e cliccando con il pulsante destro su di essa (figura Modifica pagina (page 18))

Una pagina da modificare potragrave anche essere raggiunta tramite la ricerca dellrsquoID (vedi capitolo 3 Alberodelle pagine)

Scegliere la voce ldquomodificardquo dal menugrave a tendina che si apriragrave dopo il click

Figura 220 Modifica pagina

A destra nellrsquoarea principale si apriragrave la schermata riportante il contenuto della pagina selezionata

Potremo scegliere lrsquoelemento da modificare cliccando sullrsquoicona matita

Nota Ricordarsi sempre di salvare per rendere effettive le modifiche e di ricontrollare la visualizzazionedella pagina modificata

Per modificare lrsquointestazione di una pagina egrave sufficiente selezionare la voce ldquoModifica intestazionirdquo dalmenugrave portandosi con il cursore del mouse al di sopra del titolo e cliccando con il pulsante destro su diesso (figura Menu modifica intestazioni pagina (page 19))

210 Spostamento di pagine

Oltre le modifiche stilistiche testuali e di contenuto di una pagina possiamo modificarne la posizione

29 Modifica dei contenuti della pagina 18

DocWeb Release 101

Figura 221 Menu modifica intestazioni pagina

Per spostare la posizione di una pagina allrsquointerno di un menugrave selezioniamola dal menugrave principale conclick sinistro del mouse

Nella schermata di destra scegliamo lrsquoicona

Si apriragrave un menugrave che ci mostreragrave lrsquoalberatura del nostro sito (esattamente come per lrsquoinserimento diuna nuova pagina) composto da pagine principali (genitori) e pagine ad esse collegate (figli)

A questo punto dovremo solo scegliere dove spostare la pagina muovendoci sulle frecce grigie sottostantie sovrastanti le varie voci di menugrave

Avvertimento Spostando una pagina genitore anche i figli vengono spostati con esso

211 Eliminazione pagine

Per eliminare le pagine egrave sufficiente selezionare la pagina in questione dal menugrave principale cliccando conil pulsante destro del mouse su di essa e scegliere la voce del menugrave a tendina che si apriragrave ldquoCancellardquo

Avvertimento Non egrave possibile cancellare una pagina genitore Ossia non egrave possibile cancellareuna pagina che al suo interno contiene altre pagine prima che questrsquoultime trovino una collocazionealternativa

212 Rich Text Editor

Quando si inserisce un contenuto nellrsquoarea di testo (inserito digitando direttamente allrsquointerno dellrsquoap-posita area o copiato e incollato da fonte esterna con la dovuta cautela) egrave possibile personalizzarlo eformattarlo utilizzando le funzionalitagrave previste dal Rich Text Editor (RTE)

Nota Un testo copiatoincollato da altri programmi va ldquoripulitordquo prima di essere pubblicato poicheacuteil modulo che utilizzeremo tende a mantenere la formattazione originaria del carattere delle immaginidei colori falsando la linea grafica omogenea e standard del nostro portale

In ogni modo quando si salva un documento il cui testo conteneva una formattazione proveniente ad es-empio da un documento di tipo word questo viene automaticamente ldquoripulito nel codicerdquo ed egrave opportunocontrollare la visualizzazione

211 Eliminazione pagine 19

DocWeb Release 101

Proviamo ad inserire ad esempio una semplice frase allrsquointerno del box testo (figura Box testo RTE(page 20))

Figura 222 Box testo RTE

La frase viene digitata direttamente nellrsquoarea testo mantenendo un tipo di formattazione ldquonormalerdquo

2121 Testo grassetto corsivo sottolineato (bold italic underline)

Proviamo a selezionare la frase ldquoProvincia di Pesaro e Urbinordquo tenendo premuto il pulsante sinistro delmouse trascinando il cursore dalla P di Provincia alla o di Urbino

In alternativa portare il cursore alla P di Provincia tenere tasto maiuscolo premuto e muoversi con lefrecce per selezionare il testo

Lrsquoesempio egrave utile per capire che per effettuare una determinata azione di tipo stilistico su una frase oparola egrave necessario che la frase o la parola siano preventivamente selezionate

Figura 223 Comandi box testo RTE

212 Rich Text Editor 20

DocWeb Release 101

Se il testo egrave stato selezionato correttamente vedremo la parola ldquoProvincia di Pesaro e Urbinordquo evidenziatadi blu scuro

Click sinistro sul simboloicona ldquoBrdquo (figura Comandi box testo RTE (page 20)) per creare un effettoldquograssettordquo al testo

Click sinistro sul simboloicona ldquoIrdquo per il corsivo-italico

Click sinistro sul simboloicona ldquoU ldquo per il sottolineato

Nota Il Grassetto dona alle parole un sapore piugrave incisivo e si utilizza per enfatizzare termini importantie di rilievo

LrsquoItalico viene usato comunemente per indicare le date gli indirizzi le citazioni

Il Sottolineato su web viene comunemente usato nelle parole ldquolinkaterdquo (ossia che rimandano ad altrepagine web) per cui se ne sconsiglia lrsquouso in un testo semplice per evitare confusione

2122 Elenco Puntato e Numerato

Portiamoci con il cursore allrsquointerno della box di testo

Selezioniamo lrsquoicona Lista non numerata (Elenco puntato semplice)

Vedremo comparire un simbolo tontoromboidale e potremo dare vita ad una lista

bull Voce 1

bull Voce 2

bull Voce 3 ecc

Allo stesso modo potremo creare una lista numerata avvalendoci dellrsquoicona ldquoLista numeratardquo

Lrsquoelenco viene numerato

1 Voce 1

2 Voce 2

3 Voce 3 ecc

2123 Pulsanti di Annulla e Ripristina

Compiuta una determinata azione egrave possibile tornare indietro o ripristinarla tramite i pulsanti ldquoAnnullalrsquoultima azionerdquo e ldquoRifai lrsquoultima azionerdquo

Piugrave volte si clicca sui pulsanti piugrave volte lrsquoazione viene ripetuta indietro ed avanti nel tempo

2124 Copia Taglia Incolla

Selezionando un testo potremo tagliarlo copiarlo e incollarlo

Copia selezionare il testo utilizzare lrsquoicona ldquocopia selezionerdquo per copiare

Taglia il testo viene eliminato ma resta in memoria per essere eventualmente incollato altrove odefinitivamente cancellato Ersquo possibile tenere in memoria solo lrsquoultimo testo o parola tagliato

Incolla Un testo precedentemente copiato o tagliato puograve essere incollato nuovamente o su diversoambiente

212 Rich Text Editor 21

DocWeb Release 101

2125 Rimuovi Formattazione

Ersquo possibile che il testo importato e incollato nellrsquoarea testo da altra fonte (es documento word) sildquosporchirdquo e ne acquisisca le caratteristiche stilistiche in maniera non corretta

Ersquo necessario pulire il testo selezionandolo e cliccando su ldquorimuovi formattazionerdquo

Si apriragrave un pop-up (nuova finestra) che ci proporragrave diversi elementi da pulire selezioniamo ciograve che ciinteressa e clicchiamo su OK

2126 Inserisci Caratteri Speciali

Alcune volte puograve essere necessario inserire dei caratteri o simboli non presenti sulla tastiera o nonconvenzionali per i quali esiste una mappa di caratteri speciali

Il sistema propone diversi tipi di caratteri speciali tra i piugrave comuni e frequentemente usati per adoperarliegrave sufficiente cliccare sullrsquoapposita icona ldquoInserisci Caratteri Specialirdquo

Una finestra ci mostreragrave una vasta gamma di simboli tra i quali potremo scegliere quello che ci interessa

2127 Inserisci Tabella

Per agevolare lrsquoinserimento di dati numerici in forma ldquoTabellarerdquo si puograve ricorrere allrsquoinserimento di unatabella contraddistinta dallrsquoapposito simbolo

La tabella puograve essere immaginata come una quaderno a ldquoquadrettirdquo dove ogni ldquoscacchettordquo corrispondead una cella

Scegliendo di inserire una tabella si apriragrave una finestra pop-up dove andremo ad inserire parametridi spaziatura fra celle numero di righe e colonne che compongono la tabella spessore del bordoallineamento rispetto alla pagina ecc

2128 Link

Ogni sito egrave composto da pagine consultabili e collegate tra loro tramite link

I link sono i collegamenti presenti sulle voci di menugrave parole immagini ecc

Ersquo possibile collegare pagine appartenenti ad uno stesso sito un indirizzo web di un sito esterno ounrsquoe-mail un file da scaricare un immagine ecc

Nota Immettendo nel testo un indirizzo web o e-mail completo il programma egrave in grado di capireautomaticamente che si tratta di un link e collegare gli elementi automaticamente

Volendo invece collegare elementi non scritti in forma completa si dovragrave procedere come segue

Selezioniamo la parola o frase che vogliamo collegare (come precedentemente visto) e clicchiamo sullrsquoiconaldquoInserisci Linkrdquo

Si apriragrave un pop-up come indicato nella prossima figura

Link ad una pagina interna al sito

La finestra ci propone lrsquoalberatura del nostro sito con le pagine in esso presenti (La voce attiva egraveldquopaginardquo di colore giallomarrone rispetto alle altre voci del pop-up)

Selezionando (figura Link interno (page 23)) la pagina che vorremo collegare il pop-up si chiuderagrave e laparola che avevamo selezionato precedentemente per il link cambieragrave aspetto

La vedremo blu e sottolineata il che indica che il link egrave attivato

212 Rich Text Editor 22

DocWeb Release 101

Figura 224 Link interno

Ersquo anche possibile creare dei link che aprono la pagina collegata allrsquointerno di una ldquofinestra di pop-uprdquocioegrave dentro una nuova finestra del browser Specificando le dimensioni di altezza e larghezza della nuovafinestra allrsquointerno degli appositi campi

Link ad una pagina esterna al sito

Selezioniamo una parola o frase che vogliamo collegare (come precedentemente visto) e clicchiamosullrsquoicona ldquoInserisci Linkrdquo

Scegliamo nel menugrave in alto proposto dal pop-up il bottone ldquoURL esternordquo (figura Link esterno (page 23))

Figura 225 Link esterno

Impostiamo nel campo URL lrsquoindirizzo web che vogliamo linkare prestando attenzione a scriverlo peresteso e senza cancellare http

Clicchiamo su ldquoImposta Linkrdquo

Il pop-up si chiuderagrave e la parola che avevamo selezionato precedentemente per il link cambieragrave aspetto

212 Rich Text Editor 23

DocWeb Release 101

La vedremo blu e sottolineata il che indica che il link egrave attivato

2129 Link ad unrsquoEmail

Come precedentemente visto scrivendo un indirizzo e-mail valido il programma di gestione egrave in grado dicapire che si tratta di un indirizzo di posta elettronica e il link viene impostato automaticamente

Tuttavia ci sono dei casi in cui non egrave possibile o si preferisce non indicare lrsquoindirizzo e-mail per estesoad esempio potremmo avere ldquoPer informazioni scrivicirdquo

Volendo potremmo fare in modo che sulla parola ldquoscrivicirdquo ci sia impostata la funzione di invio e-mail

Selezioniamo quindi la parola andiamo su ldquoInserisci Linkrdquo scegliendo poi ldquoEmailrdquo

Inseriamo lrsquoindirizzo E-mail nellrsquoapposito campo e clicchiamo su ldquoimposta Linkrdquo

21210 Link ad un file scaricabile

Per collegare un file (espdf txt gif ecc) egrave necessario copiarlo dal proprio PC al server web

Non egrave infatti possibile che una pagina pubblicata su internet prenda come link dei files che di fatto sonosalvati in una directory del nostro computer

Typo3 mette a disposizione un area dovrsquoegrave possibile pubblicare i files per poi essere resi disponibili ai linkossia rende disponibile lrsquo ldquoUploadrdquo dei files da pc a server

Scegliere dal menugrave di sinistra sotto la sezione ldquoMediardquo la voce ldquoFilerdquo (figura Seleziona file (page 24))

Figura 226 Seleziona file

Si apriragrave sulla destra una nuova area dove troveremo i campi utili a ldquosfogliarerdquo il contenuto del nostropc al fine di passare i file o i files dal nostro computer al manager

Effettuato il passaggio potremo ritornare alla nostra pagina e riprendere la procedura di ldquocreazione linkrdquoselezionando questa volta la voce ldquoFilerdquo del pop-up

I campi proposti sono del tutto simili a quelli di creazione di link su pagine del sito e un elenco di files(tutti quelli disponibili caricati) potranno essere collegati

213 Modalitagrave Lista

Selezionando la voce ldquolistardquo (figura Backend modalitagrave lista (page 25)) dal menugrave di sinistra egrave possibileesplorare una pagina ldquopadrerdquo e tutte le pagine ldquofiglirdquo ed essa associate

Avvertimento Ricordarsi di attivare la voce in basso ldquoVista Estesardquo

213 Modalitagrave Lista 24

DocWeb Release 101

Figura 227 Backend modalitagrave lista

Utilizzando le icone poste alla destra di ogni voce si possono compiere diverse operazioni di modificavisualizzazione spostamento copia e incolla pagina ecc come precedentemente descritto

Dunque potremo dire che la modalitagrave lista costituisce una scorciatoia per semplificare ogni sorta dioperazione soprattutto in presenza di un numero considerevole di files

214 Modalitagrave Mostra

Figura 228 Backend modalitagrave mostra

Selezionando la voce ldquoMostrardquo (figura Backend modalitagrave mostra (page 25)) dal menugrave di sinistra egrave possibilenavigare il sito allrsquointerno del docweb direttamente nel backend

214 Modalitagrave Mostra 25

DocWeb Release 101

Inoltre accanto ai vari record troveremo posta lrsquoicona matita per eseguire eventuali modifichedirettamente sul punto e la pagina prescelti

Anche la modalitagrave ldquoMostrardquo come la rdquoListardquo (cap 13) costituisce una scorciatoia particolarmente indicataper semplificare lrsquooperazione di visualizzazione del sito e di modifica

215 Modalitagrave ldquoMonta come radice dellrsquoalberordquo

Quando esistono diverse e numerose pagine egrave possibile gestire solo la porzione di contenuto che ci interessariducendo lrsquoalberatura del sito (lato backend) ai minimi termini mediante il comando ldquomonta come radicedellrsquoalberordquo

Per effettuare il comando procedere come segue

Cliccare con il pulsante destro del mouse sul titolo pagina dal menugrave centrale

Selezionare la voce ldquoaltre opzionirdquo dal menugrave a tendina (figuraMenu altre opzioni (page 26)) che compariragravecome conseguenza dellrsquoazione descritta al punto uno

Figura 229 Menu altre opzioni

Selezionare dallrsquoulteriore menugrave che si apriragrave (figura Seleziona monta come radice (page 26)) la voceldquoMonta come radice dellrsquoalberordquo

Figura 230 Seleziona monta come radice

Lrsquoalberatura si ridurragrave automaticamente mostrando solo la porzione selezionata

Per ripristinare lo stato di partenza selezionare la voce in alto nel menugrave centrale (figura Elimina DBmount (page 26)) ldquoElimina DB mount temporaneordquo

Figura 231 Elimina DB mount

Il menugrave si espanderagrave nuovamente mostrando tutte le voci esistenti

215 Modalitagrave ldquoMonta come radice dellrsquoalberordquo 26

DocWeb Release 101

216 Ottenere il page-id di una pagina

2161 Frontend (FE)

Da frontend si puograve ottenere il page-id della pagina corrente nei seguenti modi

1 dalla barra degli indirizzi del proprio browser (figura Id dallrsquourl (page 27)) Il numero della paginaegrave quello dopo la stringa ldquoid=rdquo Nella figura egrave cerchiata in verde la stringa ldquoid=rdquo e il numero dellapagina (page-id)

Figura 232 Id dallrsquourl

2 Puntando il mouse sulla scritta [id] a pieacute pagina e leggendo il tooltip (figura Id dal tooltip (page 27))

Figura 233 Id dal tooltip

3 Solo per browser Firefox dal menugrave di contesto scegliere la voce ldquoVisualizza info paginardquo si apreuna finestra consultare quindi la lista Meta sotto la scheda Generale (Id dagli attributi (page 28))

2162 Backend (BE)

Da backend egrave possibile ottenere il page-id nei seguenti modi

1 leggendo il tooltip puntando il mouse sullrsquoicona della pagina nel riquadro della struttura del sito(figura Id dal tooltip nel backend (page 28))

2 dal modulo di modifica delle intestazioni della pagina (figura Id dalle intestazioni pagina nel backend(page 28)) Il numero egrave tra le parentesi quadre dopo il titolo della pagina

217 Admin Panel

Quando si inseriscono contenuti con Typo3 (backend) egrave possibile visualizzare unrsquoanteprima della paginache si sta creando per vedere i risultati del lavoro svolto

Per visualizzare unrsquoanteprima di una pagina occorre (figura Menu mostra (page 29))

1 posizionarsi sulla pagina da visualizzare

2 premere il tasto sinistro del mouse in corrispondenza del nome

216 Ottenere il page-id di una pagina 27

DocWeb Release 101

Figura 234 Id dagli attributi

Figura 235 Id dal tooltip nel backend

Figura 236 Id dalle intestazioni pagina nel backend

217 Admin Panel 28

DocWeb Release 101

Figura 237 Menu mostra

3 selezionare la voce Mostra

In base alla pagina scelta si avragrave un risultato come quello visualizzato nella figura Anteprima pagina conAdmin panel (page 29)

Figura 238 Anteprima pagina con Admin panel

La pagina presenteragrave nella parte superiore lrsquoanteprima della pagina Nella parte inferiore vienevisualizzato uno strumento denominato Admin Panel

Questo oggetto offre lato front-end alcune funzionalitagrave (figura Moduli Admin panel (page 30)) cheaiutano i gestori di contenuti nella creazionemodifica delle pagine web del sito

NellrsquoAdmin panel (figura sopra) egrave possibile distinguere

217 Admin Panel 29

DocWeb Release 101

Figura 239 Moduli Admin panel

1 Modulo Preview ndash offre la possibilitagrave di selezionare alcune opzioni sulla pagina per simulare alcunesituazioni in cui la pagina si puograve trovare durante la visualizzazione

2 Modulo Cache ndash offre la possibilitagrave di gestire la cache

Allrsquointerno del modulo Preview abbiamo le seguenti voci

Mostra pagine nascoste selezionando la casella di controllo corrispondente a questa voce si visual-izzeranno anche quelle che attualmente non sono visibili allrsquointerno del sito o perchegrave in lavorazioneo perchegrave ancora non egrave stata data lrsquoautorizzazione alla pubblicazione

Mostra record nascosti come per le pagine questa voce offre la possibilitagrave di poter visualizzare allrsquoin-terno della pagina quei contenuti nascosti che non sono ancora ultimati o che sono in attesa di unautorizzazione per la pubblicazione

Simula data con questo controllo egrave possibile simulare il comportamento della pagina in periodi tem-porali diversi Utilizzando la casella di testo egrave possibile inserire delle date In questo modo sirende possibile la visualizzazione di quegli elementi (ad es pagine news ) che sono abilitati acomparirescomparire in base a determinati criteri temporali impostati

Simula gruppo di utenti con questo controllo egrave possibile simulare il comportamento delle pagine inbase ad un determinato gruppo di utenti che vi accede Alcune pagine possono infatti avere uncomportamento diverso in base al tipo di utente che vi accede

Nota Durante la creazione di pagine egrave possibile restringere la visione di una determinata pagina aparticolari tipi di utenti (utenti di frontend) Questa caratteristica offre la possibilitagrave di definire delle areead accesso riservato del sito ossia sezioni del sito a cui egrave possibile accedere solo dopo essersi autenticatie dopo avere avuto i necessari diritti di accesso

Una volta selezionate le opportune scelte allrsquointerno dellrsquoADMIN Panel occorreragrave premere il tasto Aggior-na (figura Aggiorna Admin panel (page 31)) per prendere visione della pagina secondo i criteri impostati

Nota Nel caso in cui lrsquoutente abbia la possibilitagrave di accedere da back-end a piugrave siti (ciascuno con unproprio dominio) bisogna tenere presente che lrsquoADMIN Panel compare soltanto per le pagine relativeal dominio con cui lrsquoutente ha fatto il login In altre parole se un operatore ad esempio egrave abilitatoa lavorare sulle pagine di backend dei siti httpwwwsitoesempio1it e httpwwwsitoesempio2it ese lrsquooperatore accede al backend di DocWeb con lrsquoindirizzo httpwwwsitoesempio1ittypo3 allora

217 Admin Panel 30

DocWeb Release 101

Figura 240 Aggiorna Admin panel

lrsquoADMIN Panel compariragrave solo sulle pagine di frontend del dominio wwwsitoesempio1it e non su quelledel dominio wwwsitoesempio2it

217 Admin Panel 31

CAPITOLO 3

La Clipboard

Lrsquooggetto clipboard (rdquoblocco degli appuntirdquo) egrave molto utile quando si ha la necessitagrave di copiare o spostareuno o piugrave elementi di contenuto o una o piugrave pagine da una sezione del sito (contenitore di pagine) adunrsquoaltra

31 Copia o spostamento di un contenuto singolo di pagina allrsquointernodi unrsquoaltra pagina

Per prima cosa egrave necessario (figura Identifica contenuto (page 32))

Figura 31 Identifica contenuto

1 selezionare la voce Lista

2 selezionare la pagina che contiene il contenuto che si intende copiare (nella figura abbiamo sceltola pagina denominata ldquoCorso di formazione su Typo3rdquo

32

DocWeb Release 101

3 identificare dalla lista dei contenuti associati alla pagina quello da spostare

Supponiamo che si desideri copiare il contenuto denominato ldquoTesto 2rdquo (figura Copia contenuto (page 33))

Figura 32 Copia contenuto

Egrave sufficiente cliccare sullrsquoicona (nella figura sopra evidenziata con un cerchio rosso) di copia incorrispondenza del contenuto da copiare

Dopo avere eseguito questa operazione nella figura Risultato copia contenuto (page 34) possiamo notare

1 Egrave comparsa unrsquoicona nuova che mette in evidenza che nella clipboard egrave presente un elemento

2 Lrsquoicona di copia in corrispondenza del contenuto da spostare ha cambiato aspetto

A questo punto lrsquooggetto che si intende copiare egrave presente nella nostra clipboard

Il passo successivo egrave quello di selezionare la pagina in cui andare a posizionare lrsquoelemento (paginadestinazione)

Rimanendo sempre allrsquointerno del modulo Lista occorreragrave selezionare dallrsquoalberatura delle pagine la pag-ina destinazione Il procedimento da seguire per posizionarsi sulla pagina egrave lo stesso descritto in prece-denza Nella figura Incolla contenuto (page 34) viene evidenziato il contenuto di una pagina (denominataldquoPagina di Provardquo) in cui vogliamo copiare il contenuto

Per copiare il contenuto della clipboard nella pagina selezionare lrsquoicona Incolla contenuto Clipboard

Confermando lrsquooperazione il contenuto saragrave copiato allrsquointerno della pagina selezionata

Per effettuare lo spostamento di un contenuto di pagina allrsquointerno di unrsquoaltra pagina cliccare sullrsquoicona

di Taglia al posto dellrsquoicona copia e ripetere le operazioni sopra descritte

1 Selezionando la casella Mostra clipboard (figura Vista clipboard (page 35)) egrave possibile visualiz-zare lrsquooggetto clipboard Nel caso in figura lrsquoelemento copiato in precedenza (Testo 2) egrave ancoradisponibile allrsquointerno della clipboard Utilizzando il procedimento descritto infatti il contenuto

31 Copia o spostamento di un contenuto singolo di pagina allrsquointerno di unrsquoaltra pagina 33

DocWeb Release 101

Figura 33 Risultato copia contenuto

Figura 34 Incolla contenuto

31 Copia o spostamento di un contenuto singolo di pagina allrsquointerno di unrsquoaltra pagina 34

DocWeb Release 101

selezionato rimane ancora a disposizione dellrsquoutente che potragrave selezionare altre pagine destinazionesu cui eventualmente andare a copiare il contenuto Nel caso in cui si selezioni un altro elementoad esempio ldquoTesto 1rdquo lrsquoelemento presente viene automaticamente sostituito

2 Dallrsquooggetto clipboard egrave possibile rimuovere un elemento premendo il bottone di Elimina postoaccanto ad esso

Figura 35 Vista clipboard

Con il procedimento descritto fino ad ora egrave possibile scegliere soltanto un contenuto alla volta

32 Copia o spostamento di piugrave contenuti da una pagina ad unrsquoaltra

Nel caso in cui ci si trovi nella necessitagrave di copiare piugrave di un contenuto da una pagina allrsquoaltra egrave necessarioseguire i passi seguenti

1 Selezionare il modulo Lista

2 Selezionare la pagina di origine da cui prelevare i contenuti

3 Selezionare la casella Mostra clipboard

4 Selezionare una clipboard tra quelle denominate ldquoClipboard 1rdquo ldquoClipboard 2rdquo ldquoClipboard 3rdquo(punto 3 figura Vista clipboard con contenuto selezionato (page 36))

Selezionando ad esempio la clipboard contrassegnata come ldquoclipboard 1rdquo si avragrave la seguente situazione

32 Copia o spostamento di piugrave contenuti da una pagina ad unrsquoaltra 35

DocWeb Release 101

Figura 36 Vista clipboard con contenuto selezionato

32 Copia o spostamento di piugrave contenuti da una pagina ad unrsquoaltra 36

DocWeb Release 101

1 In corrispondenza di ogni contenuto si evidenzia una Casella di selezione Sopra la colonna con lecaselle di selezione egrave comparsa una lista di bottoni tra cui al momento distinguiamo

2 Bottone di copia elementi nella clipboard

3 Bottone di selezione tuttinessuno

Scegliendo ad esempio i primi due elementi e premendo il pulsante di copia elementi nella clipboard sipuograve notare che (figura Copia nella clipboard (page 37))

Figura 37 Copia nella clipboard

1 La clipboard che abbiamo scelto per la selezione multipla (ldquoClipboard 1rdquo) contiene la lista deglioggetti che abbiamo scelto di copiare

2 Ersquo comparsa lrsquoicona di Incolla contenuto Clipboard

La procedura della selezione della pagina di destinazione rimane identica a quella giagrave utilizzata per lacopia di un contenuto singolo (selezionare la pagina di destinazione su cui andare a posizionare i contenutiselezionati)

Egrave importante fare notare che seguendo le operazioni descritte sopra si ottiene come risultato lospostamento dei contenuti dalla pagina origine a quella destinazione

Se si desidera copiare gli elementi selezionati egrave necessario una volta selezionati gli elementi da copiarepremere il tasto copia gli items invece di spostarli (evidenziato con un cerchio rosso nella figura Tagliadalla clipboard (page 38))

32 Copia o spostamento di piugrave contenuti da una pagina ad unrsquoaltra 37

DocWeb Release 101

Figura 38 Taglia dalla clipboard

32 Copia o spostamento di piugrave contenuti da una pagina ad unrsquoaltra 38

DocWeb Release 101

In questo modo dopo avere confermato lrsquooperazione i contenuti o le pagine da copiare saranno presentisia nella pagina origine che in quella destinazione

32 Copia o spostamento di piugrave contenuti da una pagina ad unrsquoaltra 39

CAPITOLO 4

Modulo DAM (Digital AssetManagement)

Il modulo DAM (Digital Asset Management) offre la possibilitagrave di raccogliere e catalogare contenuti informato digitale come immagini documenti presentazioni

Ogni file inserito puograve essere corredato di informazioni aggiuntive (meta-informazioni) come la descrizionelrsquoautore parole chiave ecc

Attraverso il modulo DAM egrave possibile svolgere le seguenti operazioni

bull Caricamento e Aggiornamento di file

bull Ricerca di file allrsquointerno del DAM e modifica delle meta-informazioni associate ai file

41 Caricamento e Aggiornamento di file

Lrsquooperazione di CaricamentoAggiornamento di file serve per sottoporre al sistema DAM un particolarecontenuto memorizzato in formato digitale

Lrsquoelemento caricato saragrave poi disponibile a chi inserisce contenuti

Per iniziare lrsquooperazione di caricamento di un file egrave sufficiente selezionare la voce File che si trovaallrsquointerno del modulo Media (figura Menu file (page 41))

La maschera che si apre (figura File upload (page 41)) offre le seguenti possibilitagrave

1 Selezione della posizione dove andare a caricareaggiornare il file

2 Specificare alcuni documenti da caricare (area File)

Concentrandoci sullrsquoarea File (figura Dettaglio file upload (page 42)) distinguiamo

1 Voce Show upload location browser (punto 1 figura sopra) egrave possibile visualizzare i file attualmentecaricati nel Mount Point selezionato

2 Lista di bottoni denominati Sfoglia da utilizzare nel caso in cui si desideri caricareaggiornareun file

Se si desidera caricare un file occorre cliccare sul bottone Sfoglia

La finestra che appare (figura Sfoglia file (page 42)) permette di selezionare dal proprio PC il file dacaricare

Per selezionare un file da caricare occorre

1 Esplorare le cartelle del proprio PC per trovare il file

40

DocWeb Release 101

Figura 41 Menu file

Figura 42 File upload

41 Caricamento e Aggiornamento di file 41

DocWeb Release 101

Figura 43 Dettaglio file upload

Figura 44 Sfoglia file

41 Caricamento e Aggiornamento di file 42

DocWeb Release 101

2 Inserire il nome del file nella casella di testo Nome file

3 Premere il tasto Apri

Una volta che si egrave selezionato un file egrave possibile

1 selezionare altri file da caricare seguendo gli stessi passi descritti in precedenza

2 effettuare lrsquooperazione di caricamento del file vero e proprio

Dallrsquoesempio abbiamo scelto di caricare un solo file

Il caricamento dei file viene eseguito premendo il bottone ldquoUpload filesrdquo che si trova in fondo alla listadei file selezionati (figura File selezionato (page 43))

Figura 45 File selezionato

Se tutto egrave stato eseguito correttamente appariragrave una finestra come quella nella figura Process files(page 44)

In questa maschera egrave possibile

1 Specificare le meta-informazioni per il singolo file come ad esempio il titolo parole chiavedescrizione

2 Avviare il processo di elaborazione multipla premendo il bottone Process selected files Con questoprocesso egrave possibile inserire o modificare le meta-informazioni per tutti i file della lista (in questocaso solo uno)

Se si vuole eseguire lrsquoinserimento delle meta-informazioni per singolo file la finestra che si apre egrave similea quella presentata in figura Elaborazione metainformazioni singolo file (page 44)

Nel caso si scelga di eseguire il processo di elaborazione multipla la maschera che compare (figuraElaborazione metainformazioni file multipli (page 45)) permette di selezionare le meta-informazioni chelrsquoutente intende inserire contemporaneamente per tutti i file della selezione

41 Caricamento e Aggiornamento di file 43

DocWeb Release 101

Figura 46 Process files

Figura 47 Elaborazione metainformazioni singolo file

41 Caricamento e Aggiornamento di file 44

DocWeb Release 101

Figura 48 Elaborazione metainformazioni file multipli

41 Caricamento e Aggiornamento di file 45

DocWeb Release 101

Se si seleziona la checkbox accanto alla voce che eventualmente saragrave inserita questa viene aggiuntaalle informazioni eventualmente giagrave presenti (modalitagrave append) Nellrsquoaltro caso le informazioni sarannosovrascritte

I campi Titolo e Descrizione sono obbligatori mentre il campo Parole chiavi puograve essere valorizzato adiscrezione dellrsquoutente Informazioni su come valorizzare i campi elencati sopra saranno descritte suapposite linee guida

Per completare lrsquoinserimentoaggiornamento delle meta-informazioni riguardanti il file caricato occorrepremere il tasto Send (figura Salva metainformazioni (page 46)) in fondo alla maschera per il salvataggiodelle informazioni

Figura 49 Salva metainformazioni

Tornando alla maschera di caricamento file e selezionando la checkbox in corrispondenza della voceSovrascrivi file esistenti (figura Carica file sovrascrivendo (page 46)) saragrave possibile aggiornare eventualifile che hanno lo stesso nome di quello che stiamo caricando

Questa procedura egrave utile quando si vuole aggiornare il contenuto di un file che egrave giagrave presente nel DAM

Figura 410 Carica file sovrascrivendo

Nel caso di aggiornamento di un file le meta-informazioni del file rimangono le stesse inserite inprecedenza Come si puograve notare non viene offerta la possibilitagrave di inserirne di nuove

Nel caso in cui un file con lo stesso nome sia giagrave caricato e non si desideri aggiornarlo il file inseritoper ultimo viene rinominato con un suffisso generato automaticamente dal DAM In questo caso la voceSovrascrivi file esistenti non deve essere selezionata (figura Carica file senza sovrascrivere (page 47))

Nellrsquoesempio in figura viene presentata la lista dei file presenti nel mount point selezionato

Da notare la presenza di un file che egrave stato rinominato dal DAM con un suffisso ldquo_01rdquo dato che nellastessa posizione era giagrave presente un file con lo stesso nome

41 Caricamento e Aggiornamento di file 46

DocWeb Release 101

Figura 411 Carica file senza sovrascrivere

41 Caricamento e Aggiornamento di file 47

DocWeb Release 101

42 Ricerca di file allrsquointerno del DAM e modifica delle meta-informazioni

Rimanendo sempre allrsquointerno del modulo Media selezioniamo la voce List egrave possibile effettuare dellericerche dei file e modificare le meta-informazioni associate ai file

Nella figura Backend media list (page 48) distinguiamo

Figura 412 Backend media list

1 Parte relativa ai Mount Point disponibili

2 Parte relativa ai tipi di file caricati nel sistema

3 Schede List Thumbnails Selection Process

Da questa sezione egrave possibile effettuare ricerche sui file caricati nel DAM

Le ricerche che si possono eseguire sono del tipo ldquotrova tutti i file pdf e docrdquo oppure ldquoelenca tutti i filedi tipo immagine ad eccezione dei file con estensione gifrdquo

Per prima cosa facendo click sul nome del tipo file (es gif oppure image) si seleziona solo quel tipo difile e si escludono tutti i criteri selezionati in precedenza

Per aggiungere un altro criterio di ricerca egrave sufficiente selezionare il ldquo+rdquo (punto 1 nella figura Criteri diselezione (page 49)) posto accanto al tipo di file che si vuole selezionare

Con il ldquo-ldquo(punto 2) saragrave possibile rimuovere il tipo di file dai criteri di ricerca

Selezionando ldquo=rdquo (punto 3) egrave possibile introdurre clausole del tipo ldquocerca un file che sia doc e presentenel Mount Point chiamato lsquoArea Testrsquordquo (ossia effettua una ricerca che risponda a tutti i criteri impostati)

Nellrsquoesempio della figura Salva selezione (page 49) sono stati selezionati tutti i tipi di immagine adeccezione dei file con estensione gif Questo risultato si ottiene nel seguente modo

1 selezionare il ldquo+rdquo accanto alla voce ldquoimagerdquo

2 premendo il tasto ldquo-ldquo in corrispondenza della voce ldquogifrdquo

I criteri impostati per la selezione possono essere salvati per un uso futuro Per salvare la selezioneoccorre (figura Salva selezione (page 49))

1 riempire il campo sotto la voce SELECTION con un nome che identifichi la ricerca

2 premere il tasto Save per salvare la modalitagrave di ricerca impostata

In questo modo saragrave possibile richiamare e rieseguire la ricerca impostata anche in futuro senza doverripetere il procedimento di scelta dei criteri mostrato in precedenza

42 Ricerca di file allrsquointerno del DAM e modifica delle meta-informazioni 48

DocWeb Release 101

Figura 413 Criteri di selezione

Figura 414 Salva selezione

42 Ricerca di file allrsquointerno del DAM e modifica delle meta-informazioni 49

DocWeb Release 101

Se in futuro saranno inseriti nuovi file che soddisfano la ricerca salvata questi verranno selezionati quandoverragrave richiamata la ricerca salvata

Dalla figura Ricerca salvata (page 50) egrave possibile notare come richiamare la ricerca salvata In questocaso abbiamo salvato la ricerca con il nome ldquoimmaginisenzagifrdquo

Figura 415 Ricerca salvata

Una volta che si egrave selezionata la ricerca egrave possibile

1 Premere il tasto Load per ricaricare la ricerca precedentemente impostata

2 Premere Remove per rimuovere la ricerca salvata

Una volta effettuata una particolare selezione di file egrave possibile (figura Schede backend media list(page 50))

Figura 416 Schede backend media list

1 vedere il contenuto della selezione (schede List e Thumbnails)

2 vedere i criteri impostati per la ricerca (scheda Selection)

3 modificare le meta-informazioni associate ai file (scheda Process) secondo quanto descritto inprecedenza

Nella figura Scheda selection (page 51) egrave visualizzato come selezionando la scheda Selection egrave possibileprendere visione dei criteri impostati nella ricerca (la ricerca egrave quella dellrsquoesempio precedente)

Selezionando le schede List e Thumbnails dopo avere effettuato una qualsiasi selezione si potrebbe avereuna situazione come quella mostrata nella figura Scheda list (page 51)

Cliccando sullrsquoicona corrispondente ad uno dei file presenti nella lista (selezionato con un cerchio rosso)egrave possibile accedere ad un menugrave contestuale (figura Menu contestuale DAM (page 51))che permette disvolgere le seguenti operazioni

Modifica Offre la possibilitagrave di visualizzare e modificare le meta-informazioni associate al file

Rinomina Selezionando la seguente voce egrave possibile assegnare un altro nome al file che si egrave caricato

Replace file Avvia lrsquooperazione di sostituzione del file

Info Visualizza informazioni relative al file

Cancella Rimuove il file dal DAM

42 Ricerca di file allrsquointerno del DAM e modifica delle meta-informazioni 50

DocWeb Release 101

Figura 417 Scheda selection

Figura 418 Scheda list

Figura 419 Menu contestuale DAM

42 Ricerca di file allrsquointerno del DAM e modifica delle meta-informazioni 51

CAPITOLO 5

Modulo Pagine di download

51 Inserimento e configurazione pagine di download

La creazione di pagine di download egrave utile quando si vuole mettere a disposizione una lista di uno o piugravefile in forma scaricabile

Per creare una pagina di download egrave necessario seguire i seguenti passi

1 Creare una pagina standard

2 Inserire il plugin DAM Download List

3 Configurare il plugin

Per creare una pagina egrave sufficiente entrare nel modulo Pagina e selezionare Crea nuovo record per accederealla finestra di creazione pagine

Nellrsquoesempio in figura Backend creazione contenuto (page 52) egrave stata creata la pagina denominata ldquoPaginadownloadrdquo come figlio della pagina ldquoPagina di provardquo

Figura 51 Backend creazione contenuto

Una volta creata la pagina occorre configurarla in maniera tale da permettere la visualizzazione di unalista di file scaricabili Per fare ciograve occorre inserire un plugin denominato ldquoDAM Download Listrdquo Unplugin egrave un contenuto speciale da inserire in una pagina

52

DocWeb Release 101

Per inserirlo come per un contenuto occorre seguire i seguenti passi (figura Backend creazione contenuto(page 52))

1 Selezionare la pagina in cui inserire il plugin Nellrsquoesempio la pagina denominata ldquoPaginadownloadrdquo

2 Selezionare la voce Clicca qui per il wizard nella maschera che compare quando si vuole inserire unnuovo record

Figura 52 Wizard nuovo contenuto

Oltre ai normali contenuti standard il wizard permette di selezionare (figura Wizard nuovo contenuto(page 53))

1 Contenuti speciali

2 Moduli

3 Plugins

Allrsquointerno della lista dei Plugins selezionare DAM Lista dei file scaricabili (punto 4 nella figura Wizardnuovo contenuto (page 53))

Dopo aver selezionato il plugin occorreragrave selezionare la posizione della pagina in cui inserire lrsquoelemento

Selezionare ldquoNormalerdquo

A questo punto il plugin egrave inserito nella pagina desiderata

51 Inserimento e configurazione pagine di download 53

DocWeb Release 101

Oltre allrsquoinserimento occorre configurare il plugin in modo da dirgli quali file far visualizzare

Una volta che il plugin viene inserito viene aperta una finestra (figura Contenuto pagina (page 54)) doveviene richiesto di selezionare dei file inseriti nel sistema

Figura 53 Contenuto pagina

Per proseguire correttamente egrave necessario salvare immediatamente il Contenuto Pagina altrimenti leoperazioni successive potrebbero andare perse

Per inserire i file nella lista occorre effettuare la seguente operazione (figura Contenuto pagina (page 54))

1 Nella parte della maschera denominata DAM Lista di file scaricabili selezionare lrsquoicona SfogliaRecord (cerchiata in rosso) per avviare la procedura di selezione dei file

Selezionando la voce Sfoglia Record verragrave aperto lrsquoElement Browser di TYPO3 che ci permette di se-lezionare i file da inserire nel plugin La finestra (figura Element browser (page 55)) egrave composta di dueschede

1 Media ndash permette di selezionare i file giagrave esistenti nel sistema

2 Upload ndash permette di caricare nuovi file

Selezionando la sezione Media egrave possibile selezionare dalla lista i file da inserire

51 Inserimento e configurazione pagine di download 54

DocWeb Release 101

Figura 54 Element browser

Se la lista dei file fosse troppo lunga egrave possibile effettuare delle ricerche per nome e per tipologia di file(doc htm )

Per cercare per nome (figura Ricerca per nome (page 55)) occorre inserire nella casella di testo Cercastringa (punto 1 nella figura sopra) il nome o parte del nome del file da cercare Una volta specificata lastringa di ricerca premere il tasto Cerca (punto 2)

Figura 55 Ricerca per nome

Per cercare un particolare tipo di file selezionare il nome dellrsquoestensione che si desidera dallrsquoelenco deitipi di file (figura Ricerca per tipo (page 56))

Nota I due tipi di ricerca possono essere usati contemporaneamente

Selezionando la voce informazioni (punto 1 nella figura Selezione file (page 56)) egrave possibile visualizzarele meta-informazioni associate al file

Premendo con il mouse sul nome del file (punto 2) o sullrsquoicona associata (punto 3) si inserisce il file nellalista dei file da far visualizzare nella pagina di download mediante lrsquoapposito plugin

Selezionando la scheda Upload si puograve inserire un file non presente nel sistema (figura Caricamentoimmediato file (page 56))

51 Inserimento e configurazione pagine di download 55

DocWeb Release 101

Figura 56 Ricerca per tipo

Figura 57 Selezione file

Figura 58 Caricamento immediato file

51 Inserimento e configurazione pagine di download 56

DocWeb Release 101

Scegliere i file dal proprio PC seguendo le operazioni giagrave descritte nel modulo DAM e selezionare dallascheda Media i nuovi file inseriti

Nella figura Plugin con file selezionati (page 57) egrave visualizzato un esempio di maschera di configurazionedel plugin con la lista dei file selezionati

Figura 59 Plugin con file selezionati

I file una volta inseriti possono essere ordinati selezionando sugli appositi bottoni posti a destra dellalista file

bull Per ordinare un determinato file occorre

bull Selezionare un file

Premere uno dei tasti (figura sopra) per

1 Spostare in prima posizione

2 Spostare in alto di una posizione

3 Spostare in basso di una posizione

4 Spostare in ultima posizione

5 Rimuovere dalla lista il file selezionato

Una volta eseguiti i passaggi sopra descritti salvare la configurazione del plugin

51 Inserimento e configurazione pagine di download 57

CAPITOLO 6

Modulo Sitemap

Ersquo possibile generare una mappa del sito scegliendo un contenuto speciale di tipo ldquoMappa del Sitordquo comemostrato nella figura Contenuto mappa del sito (page 58)

Figura 61 Contenuto mappa del sito

Per scegliere un record di tipo ldquomappa del sitordquo (per visualizzare cioegrave la vista dei contenuti possibili)saragrave necessario portarsi in modalitagrave ldquopaginardquo compiendo gli stessi passaggi descritti per la creazione dicontenuti semplici in fase di creazione delle pagine (in questo caso selezionando il contenuto specialemappa)

58

DocWeb Release 101

61 Scheda di configurazione Mappa

La scheda di configurazione si presenta come nella figura Scheda mappa del sito (page 59)

Figura 62 Scheda mappa del sito

I campi fondamentali da personalizzare sono lrsquointestazione (ossia il titolo pagina) il tipo di menugrave e ilpunto di partenza Nellrsquointestazione viene inserito come di consuetudine il titolo pagina

62 Tipo di mappa

Ersquo possibile scegliere il tipo di mappa che si desidera creare consultando il menugrave a tendina ldquotipo di menugraverdquoche ci offriragrave diverse opzioni

Le piugrave frequentemente usate sono di tipo ldquoMenugrave delle sottopagine rdquo come indicato nella figura Tipo dimenu (page 60)

Menugrave delle sottopagine di queste pagine Scegliendo questa opzione da una pagina padre sigenereragrave un record che mostreragrave al suo interno tutte le sottovoci figlio con relativo link

Menugrave delle sottopagine di queste pagine (con abstract) Genera una mappa sia delle sottopagineche dei sottotitoli

Menugrave delle sottopagine di queste pagine + sezioni Genera una mappa sia delle sottopagine chedei record (link alle intestazioni dei singoli record)

Selezionando voci di menugrave di sottopagine egrave anche possibile stabilire un determinato punto di partenzasfogliando lrsquoapposito record

61 Scheda di configurazione Mappa 59

DocWeb Release 101

Figura 63 Tipo di menu

63 Il ldquopunto di partenzardquo della mappa

Il ldquopunto di partenzardquo dei Menugrave delle sottopagine Scheda mappa del sito (page 59) costituisce la paginadalla quale il sistema partiragrave per creare la mappa

Si potragrave quindi creare una mappa (di tipo menugrave delle sottopagine) che mostri solamente il percorso diquella porzione di menugrave che si intende mostrare

63 Il ldquopunto di partenzardquo della mappa 60

CAPITOLO 7

Modulo News

71 Inserimento e modifica di news

Alcune sezioni del nostro sito potrebbero essere state configurate per permettere la visualizzazione dinotizie

Per poter visualizzare le news correttamente occorre che queste ultime vengano inserite in una determi-nata posizione allrsquointerno del backend Da questa posizione che chiameremo repository delle news lenostre pagine andranno a prelevare le news da visualizzare al loro interno

Figura 71 Backend news

Nellrsquoesempio presentato nella figura Backend news (page 61) distinguiamo

1 il repository delle news che egrave stato creato

2 Un esempio di come potrebbe apparire il contenuto del repository delle news (lista delle news)

Per poter visualizzare il contenuto del repository delle news occorre seguire i seguenti passi

1 entrare nel modulo Pagina

61

DocWeb Release 101

2 selezionare il repository delle news corrispondente (nellrsquoesempio della figura Backend news (page 61)il Repository delle news si chiama ldquoNews Area Testrdquo)

Poniamo ora la nostra attenzione alla lista delle news (figura Lista news (page 62)) Da qui egrave possibile

bull Inserire una nuova notizia

bull Modificare le notizie giagrave esistenti

Per inserire una nuova notizia occorre selezionare la voce Crea nuovo record (figura Lista news (page 62))posta in fondo alla lista delle news

Figura 72 Lista news

A questo punto si apre la finestra di creazione Nuovo record da cui occorre selezionare la voce News(figura Nuovo record news (page 62))

Figura 73 Nuovo record news

Eseguendo le operazioni sopra descritte si accede alla maschera di inserimento news (figura Inserimentonews scheda generale (page 63))

Questa si compone di due schede una denominata Generale e unrsquoaltra denominata Relations

Nella scheda Generale egrave possibile inserire

Titolo in questo spazio egrave possibile specificare un titolo della news

Nascondi questo controllo determina se la news egrave pubblicabile oppure no Come avviene per le pagineanche per le news egrave consigliabile tenere la news nascosta durante la lavorazione Facciamo notare

71 Inserimento e modifica di news 62

DocWeb Release 101

Figura 74 Inserimento news scheda generale

71 Inserimento e modifica di news 63

DocWeb Release 101

che appena viene aperta la maschera di inserimento di una nuova news il controllo appare giagrave instato nascosto

Dataora in questo spazio viene indicata la data e lrsquoora della creazione della news in base ai parametridi sistema

Data Archiviazione in questo spazio viene inserita la data di Archiviazione di una news

Autore permette di specificare un autore della news

Email permette di specificare un e-mail a cui fare riferimento

Sottointestazione questo campo conterragrave una breve descrizione (abstract) della news La sottointes-tazione egrave quella parte della news che compare quando viene visualizzata la lista delle news e serveper dare una breve descrizione al contenuto della news (si veda Esempio news (page 64))

Figura 75 Esempio news

Durante lrsquoinserimento di una news egrave consigliabile specificare sempre una sottointestazione

Testo egrave il campo che contiene il contenuto vero e proprio della news Egrave possibile utilizzare tutte lefunzionalitagrave messe a disposizione dallrsquoeditor RTE

72 Modalitagrave Relations

Nella modalitagrave Relations (figura Inserimento news scheda relations (page 65)) egrave possibile inserire

Immagini contiene una lista di immagini da associare alla news Il procedimento per la se-lezionecaricamento delle immagini egrave stato descritto nella parte dedicata alla creazione di paginedi download a cui vi rimandiamo

Didascalia permette di specificare una descrizione per lrsquoimmagine associata alla news

Image alttext e Image titletext permette di specificare un testo che in visualizzazione (Frontend)compariragrave al passaggio del mouse sopra lrsquoimmagine

News correlate permette di specificare news o pagine del sito da associare alla news Il procedimentodi selezione delle news da associare alla notizia saragrave spiegato successivamente

DAM elements permette di assegnare alla news dei documenti da scaricare come per esempioil programma di un determinato evento Anche in questo caso il procedimento per la se-lezionecaricamento dei documenti egrave quello giagrave descritto nella parte dedicata alla creazione dipagine di download

Descriviamo il procedimento da seguire per associare alcune pagine o alcune news alla notizia che stiamoinserendo

Premere il tasto di Sfoglia Record evidenziato nella figura Sfoglia record news (page 65)

Verragrave aperta una finestra che contiene un Element Browser che ci permette di selezionare le newspagine(figura Element browser news (page 66)) da associare

La finestra di selezione si suddivide nelle seguenti parti (figura sopra)

Alberatura del sito da cui egrave possibile esplorare gli elementi del nostro sito (pagine sysfolder )Premendo con il tasto sinistro del mouse sul nome della pagina o sulla freccia corrispondente verragraveaggiornata la parte di destra della finestra in cui egrave inserita la lista degli elementi associabili

72 Modalitagrave Relations 64

DocWeb Release 101

Figura 76 Inserimento news scheda relations

Figura 77 Sfoglia record news

72 Modalitagrave Relations 65

DocWeb Release 101

Figura 78 Element browser news

Lista degli elementi associabili egrave quindi possibile selezionare gli elementi da associare alla newsPer associare un elemento si puograve selezionare il simbolo ldquo+rdquo posto accanto allrsquoelemento desideratoo agendo sul nome del file Nel primo caso lrsquoelemento viene aggiunto ma la finestra non si chiuderagrave(utile per effettuare selezioni multiple) mentre nel secondo caso lrsquoelemento viene aggiunto e lafinestra si chiuderagrave (selezione singola)

Nota Per associare una o piugrave news alla notizia che stiamo inserendo occorreragrave innanzitutto selezionareil repository delle news e utilizzando i metodi descritti in precedenza indicare le news di interesse

Nella figura Selezione repository (page 66) viene visualizzato come appare lrsquoElement Browser dopo averselezionato il repository delle news denominato ldquoNews Corso Typo3rdquo

Figura 79 Selezione repository

Una volta ultimato il procedimento di inserimento di una news vedremo che nel repository compariragrave(figura News nel repository (page 67)) anche quella da noi creata Nellrsquoesempio la news creata si chiamaldquoTitolo della news di provardquo

Dalla lista delle news possiamo notare che i diversi tipi di news sono contrassegnati con icone diverse

In particolare distinguiamo

72 Modalitagrave Relations 66

DocWeb Release 101

Figura 710 News nel repository

bull News (icona ldquocelestinardquo)

bull Collegamento a URL esterna (icona ldquorosardquo)

bull Collegamento a pagina interna (icona ldquogiallinardquo)

Per modificare il contenuto di una news egrave sufficiente selezionare il simbolo di modifica (figura Modificanews (page 67)) in corrispondenza della news da modificare

Figura 711 Modifica news

73 News collegata a URL esterna e a pagina interna

Attraverso la selezione della finestra ldquoTipordquo egrave possibile scegliere diverse tipologie di news

Nella figura News collegata a url esterna (page 68) egrave stato selezionato il Collegamento a URL esterna checi offriragrave la possibilitagrave di specificare un link (ldquoURL esternordquo) da far visualizzare e che saragrave contraddistintain lista da lrsquoicona di colore rosa

Selezionando il Collegamento a pagina interna viene offerta la possibilitagrave di inserire un collegamento auna pagina del sito (evidenziato nella figura News collegata a pagina interna (page 69))

La news si presenteragrave con icona di color ldquogiallordquo e al suo interno conterragrave un link alla pagina interna alsito

73 News collegata a URL esterna e a pagina interna 67

DocWeb Release 101

Figura 712 News collegata a url esterna

73 News collegata a URL esterna e a pagina interna 68

DocWeb Release 101

Figura 713 News collegata a pagina interna

73 News collegata a URL esterna e a pagina interna 69

DocWeb Release 101

74 Eliminazione delle News

Per eliminare una news possiamo procedere tra lrsquoaltro in due modi

1 Selezionare la news da eliminare dallrsquoelenco e selezionare la voce ldquocancellardquo dal menugrave a tendinaconsultabile cliccando con il pulsante destro sullrsquoicona in corrispondenza della news (figura Eliminanews da menu contestuale (page 70))

Figura 714 Elimina news da menu contestuale

2 Entrare allrsquointerno della modalitagrave di modifica della news attraverso lrsquoicona ldquomatitardquo e selezionare lrsquoi-cona raffigurante il bidone di elimina posta in alto pagina (figura Elimina news da scheda contenuto(page 70))

Figura 715 Elimina news da scheda contenuto

75 Ordinamento delle News e ricerca

Puograve essere necessario durante la visualizzazione della lista delle news (lato backend) di dover effettuaredegli ordinamenti al fine di permettere una ricerca piugrave veloce delle news da modificare

74 Eliminazione delle News 70

DocWeb Release 101

Avvertimento Lrsquoordinamento ha valore solo come ricerca allrsquointerno del backend mentre latofrontend rispecchieragrave i parametri prestabiliti dal sistema

Supponiamo per esempio di voler effettuare un ordinamento per Titolo Seguiamo i seguenti passi(figura sotto)

1 Selezionare la voce di menugrave Lista

2 Selezionare il deposito delle news (repository) News Corso Typo3

3 Cliccare con il mouse in corrispondenza della voce ldquoTitolordquo

A questo punto (figura Ordinamento news (page 71)) le news vengono ordinate in ordine crescente(vengono visualizzate prima le news con titolo che inizia con la lettera a b e cosigrave via)

Figura 716 Ordinamento news

Se clicchiamo unrsquoaltra volta sulla voce ldquoTitolordquo il tipo di ordinamento cambia da crescente a decrescente(compariranno per prima le news con titolo che inizia per z )

Egrave inoltre possibile ordinare secondo campo da noi specificato Per definire il nome di un campo (ad estesto inizio autore ) su cui effettuare lrsquoordinamento occorreragrave spostarsi in fondo alla lista delle newsdove troveremo una lista di campi (figura Mostra campo aggiuntivo news (page 71))

Figura 717 Mostra campo aggiuntivo news

Dalla lista possiamo

bull Selezionare la voce in base alla quale effettuare lrsquoordinamento (ad esempio Immagini)

bull Premere il tasto Imposta campi per aggiungere alla lista dei campi visualizzati quello selezionato

75 Ordinamento delle News e ricerca 71

DocWeb Release 101

A questo punto il campo selezionato (nel nostro esempio il campo Immagini) compare nella lista dellenews (il campo aggiunto egrave evidenziato con un riquadro in alto a destra nella figura Ordinamento campoaggiuntivo news (page 72))

Figura 718 Ordinamento campo aggiuntivo news

Effettuare le stesse operazioni illustrate per il campo Titolo per ordinare in modo crescente e decrescentele news secondo il criterio impostato (click pulsante sinistro sul nome etichetta)

Egrave anche possibile ricercare le news in base al testo contenuto nel titolo sottotitolo descrizione eccUtilizzando la maschera di ricerca in fondo pagina (evidenziata nella figura Ricerca news (page 72))

Figura 719 Ricerca news

Per effettuare una ricerca egrave necessario seguire i seguenti passi

1 Inserire nel campo Cerca Stringa il testo da cercare (nel nostro esempio ldquonequerdquo)

2 Premere il tasto Cerca per eseguire la ricerca secondo i criteri impostati

In questo modo nella lista delle news compariranno solo quelle che contengono il testo specificatoEffettuata la ricerca egrave possibile effettuare degli ordinamenti come spiegato in precedenza

75 Ordinamento delle News e ricerca 72

CAPITOLO 8

Modulo Eventi

Avvertimento SEZIONE NON COMPLETA

Si confrontino i seguenti due tipi di contenuti

Evento egrave un tipo di contenuto adatto a descrivere qualcosa che accadragrave o che egrave accaduto in una certadata La data o le date in cui lrsquoevento ricorre sono strettamente legate ad un luogo in cui lrsquoeventosi verificheragravesi egrave verificato Gli eventi vengono rappresentati mediante la metafora dellrsquoagenda edel calendario

Notizia egrave un tipo di contenuto caratterizzato dalla data di pubblicazione secondo la metafora delgiornale online E come in un giornale online una notizia puograve riferirsi sia a fatti giagrave accaduti chea fatti a venire

Nota Per comprendere meglio la differenza tra i due tipi di contenuto si pensi che dato un eventoche ha una certa data di svolgimento (ad es 20 maggio) di tale evento posso realizzare piugrave di unanotizia Rimanendo nellrsquoesempio potrei pubblicare una notizia il 10 maggio per preannunciare lrsquoeventoe poi unrsquoaltra il 18 maggio per ricordarne lrsquoimminenza Infine potrei pubblicare una notizia di riepilogo(cronaca dellrsquoevento immagini ecc) il 22 maggio

81 Scopo del modulo Eventi

Il visitatore del sito deve poter cogliere le informazioni essenziali di un evento

bull Cosa sta per succedere

bull Dove accadragrave

bull Quando accadragrave

82 Il Backend ndash Modulo Pagina

Vedi figura Eventi vista modulo pagina (page 74)

83 Il Backend ndash Modulo Lista

Vedi figura Eventi vista modulo lista (page 74)

73

DocWeb Release 101

Figura 81 Eventi vista modulo pagina

Figura 82 Eventi vista modulo lista

83 Il Backend ndash Modulo Lista 74

DocWeb Release 101

84 Creazione di un evento

Prima di procedere poniamoci qualche domanda

bull Lrsquoevento appartiene a qualche rassegna iniziativa per la quale sono in programma altri eventiPer esempio

ndash Rassegne teatrali cinematografiche

ndash Festival

bull Lrsquoevento si ripete

ndash La replica avviene sempre nello stesso luogo

841 Creazione del record

Vedi figura Creazione nuovo evento (page 75)

Vedi figura Creazione nuovo record evento (page 76)

Figura 83 Creazione nuovo evento

842 Scheda ldquoGeneralerdquo

Vedi figura Evento scheda generale (page 76)

843 Scheda ldquoFinestra temporalerdquo

Orario repliche

Vedi figura Evento finestra temporale (page 78)

84 Creazione di un evento 75

DocWeb Release 101

Figura 84 Creazione nuovo record evento

Figura 85 Evento scheda generale

84 Creazione di un evento 76

DocWeb Release 101

bull Lrsquoorario va solo per le Finestre temporali di un giorno (data inizio = data fine)

bull Se non si conosce lrsquoora della fine impostare ora inizio = ora fine

844 Scheda ldquoTestordquo

Vedi figura Evento scheda testo (page 79)

84 Creazione di un evento 77

DocWeb Release 101

Figura 86 Evento finestra temporale

84 Creazione di un evento 78

DocWeb Release 101

Figura 87 Evento scheda testo84 Creazione di un evento 79

  • Introduzione
    • Cosegrave DocWeb
    • Concetti chiave
      • Funzionalitagrave di Base
        • Il CMS Typo3 ldquobackendrdquo e ldquofrontendrdquo
        • Cambio password di accesso
        • Albero delle pagine
        • Implementazione delle pagine ldquogenitori rdquo e ldquofiglirdquo
        • Inserimento Nuova pagina
        • Elementi standard della pagina
        • Inserimento contenuti di una pagina
        • Contenuti multipli allrsquointerno di una pagina
        • Modifica dei contenuti della pagina
        • Spostamento di pagine
        • Eliminazione pagine
        • Rich Text Editor
        • Modalitagrave Lista
        • Modalitagrave Mostra
        • Modalitagrave ldquoMonta come radice dellrsquoalberordquo
        • Ottenere il page-id di una pagina
        • Admin Panel
          • La Clipboard
            • Copia o spostamento di un contenuto singolo di pagina allrsquointerno di unrsquoaltra pagina
            • Copia o spostamento di piugrave contenuti da una pagina ad unrsquoaltra
              • Modulo DAM (Digital Asset Management)
                • Caricamento e Aggiornamento di file
                • Ricerca di file allrsquointerno del DAM e modifica delle meta-informazioni
                  • Modulo Pagine di download
                    • Inserimento e configurazione pagine di download
                      • Modulo Sitemap
                        • Scheda di configurazione Mappa
                        • Tipo di mappa
                        • Il ``punto di partenza della mappa
                          • Modulo News
                            • Inserimento e modifica di news
                            • Modalitagrave Relations
                            • News collegata a URL esterna e a pagina interna
                            • Eliminazione delle News
                            • Ordinamento delle News e ricerca
                              • Modulo Eventi
                                • Scopo del modulo Eventi
                                • Il Backend ndash Modulo Pagina
                                • Il Backend ndash Modulo Lista
                                • Creazione di un evento
Page 9: DocWeb€¦ · per la realizzazione e la gestione di siti web della Pubblica Am-ministrazione. La piattaforma tecnologica utilizzata è il CMS (Content Management System) Open SourceTypo31

DocWeb Release 101

Avvertimento Alcuni browser propongono messaggi (figura Messaggio salva password (page 6))relativi al salvataggio automatico della password nel sistema per non dover digitare nuovamente ipropri dati al secondo Log In Si consiglia di non scegliere di salvare i propri dati o il completamentoautomatico di essi per una questione di sicurezza

Figura 25 Messaggio salva password

In caso di errata digitazione dei dati dellrsquoaccount ci saragrave chiesto di inserire nuovamente username epassword (figura Login fallito (page 6))

Figura 26 Login fallito

Il messaggio ci informa che il Log In egrave fallito e ci da alcune indicazioni sul motivo che puograve aver provocatoil problema Ci chiede di assicurarci di aver scritto correttamente Username e Password facendo ancheattenzione alle lettere Minuscole e Maiuscole

Se eseguito bene il Log In ci condurragrave in una nuova schermata

In virtugrave dellrsquoimportanza costituita dai dati di autenticazione la prima operazione da compiere una voltaeseguito il Log In saragrave quella di modificare il proprio account come segue (figura Modifica password(page 7))

1 dal menugrave di sinistra scegliere la voce ldquosetuprdquo inserita nel menugrave ldquoutenterdquo quindi cliccare con ilpulsante sinistro del mouse

2 nella schermata che si apriragrave a destra digitare la nuova password che si desidera utilizzare Ilcampo si trova nella parte bassa della pagina indicato dalla diciture ldquoNuova passwordrdquo

3 confermare nel campo sottostante ldquoRipeti passwordrdquo la password scelta

4 confermare il tutto cliccando con il pulsante sinistro del mouse sul bottone ldquoSalva configurazionerdquo

5 click sullrsquoultimo pulsante a sinistra ldquoUscitardquo per eseguire il Log Out

Cambiata la password ed eseguito il Log Out mediante il pulsante ldquoUscitardquo potremo eseguire nuovamenteil ldquoLog Inrdquo digitando la nostra nuova password che da quel momento saragrave subito attiva

Per motivi di sicurezza al termine di ogni sessione di gestione dei contenuti egrave opportuno effettuare ilLog Out dal sistema

22 Cambio password di accesso 6

DocWeb Release 101

Figura 27 Modifica password

23 Albero delle pagine

Si noti come lrsquoaspetto del Backend (figura Backend tripartito (page 8)) sia suddiviso in tre aree verticalisuddivise tra loro mediante una spessa riga grigia

bull La prima colonna a sinistra della pagina (punto 1) ci consentiragrave di compiere tutte le operazioninecessarie a lavorare creando e modificando contenuti ecc

bull la seconda colonna al centro della pagina (punto 2) rappresenta lrsquoalberatura vera e propria del sitoon-line In essa vedremo rispecchiati i menugrave le pagine e i contenuti testuali che verranno (o chesono) pubblicati

bull la terza area a destra della pagina (punto 3) rappresenta lrsquoambiente dove andremo materialmentead operare sulle pagine e sui contenuti

Nota La stringa in basso a sinistra ldquoModifica pagina con IDrdquo puograve essere utilizzata per selezionareuna pagina ricercandola tramite il suo numero ID Ad ogni pagina viene associato automaticamente unnumero (ID) unico e distinto per ognuna di esse

Il numero ID si rivela al passaggio del mouse (senza cliccare) sul simbolo grafico posto accanto alle vocidi menugrave nella colonna ndeg 2 Il numero ID viene anche riportato on-line come parte finale di un indirizzoweb

Esempio httpwwwentiprovinciapuitindexphpid=3018

Nellrsquoesempio il numero ID della pagina egrave 3018

Nella versione finale del portale potranno essere utilizzati URL statici (eshttpwwwentiprovinciapuitattivitahtml) per agevolare i collegamenti diretti ad alcune sezioni opagine del portale

23 Albero delle pagine 7

DocWeb Release 101

Figura 28 Backend tripartito

24 Implementazione delle pagine ldquogenitori rdquo e ldquofiglirdquo

Affincheacute un sito ldquofunzionirdquo egrave necessario che la distribuzione delle pagine con le rispettive sottopagine siachiara ed essenziale

Gli argomenti vanno sempre divisi ed organizzati per facilitare lrsquoindividuazione del contenuto la letturadel messaggio la comprensione dellrsquooggetto in essere Se ad esempio stessimo parlando di calcio sarebbesempre opportuno ed auspicabile creare una pagina ldquoSERIE Ardquo che introduca allrsquoargomento trattato esuccessivamente collegare allrsquointerno della categoria altre pagine ldquoRomardquo ldquoJuventusrdquo ldquoMilanrdquo che a lorovolta possano condurre ad altri argomenti ldquocalciatorirdquo fino a ridurre il tutto ai minimi termini

25 Inserimento Nuova pagina

Selezionare (figura Seleziona pagina (page 8)) con un click del pulsante sinistro la prima voce ldquopaginardquodella colonna 1

Figura 29 Seleziona pagina

Nella seconda colonna portiamoci su una delle voci dellrsquoelenco (preferibilmente al livello in cui si desiderainserire la pagina) e facciamo click con il pulsante destro del mouse Si apriragrave (figura Seleziona nuovo(page 9)) un ulteriore menugrave di opzioni a tendina dal quale scegliamo la 3deg voce ldquonuovordquo

24 Implementazione delle pagine ldquogenitori rdquo e ldquofiglirdquo 8

DocWeb Release 101

Figura 210 Seleziona nuovo

Verragrave caricata nella 3deg area una schermata come indicato nella figura Vista Backend (page 10)

Scegliamo la 1deg opzione ldquoPagina (dentro)rdquo cliccando con il pulsante sinistro del mouse sulla voce ldquoCliccaqui per il wizardrdquo Si caricheragrave la schermata di figura Seleziona posizione (page 10)

Si noti come la schermata riproduca le pagine esistenti ed il loro posizionamento nel menugrave potremoindicare cliccando sulle frecce grigie la posizione dove desideriamo inserire la nostra pagina Scegliamoad esempio di voler inserire la nostra pagina allrsquointerno della sezione ldquoTest Abanetrdquo

Avvertimento Ovviamente la sezione ldquoTest Abanetrdquo egrave solo un esempio Usare le sezioni presentinel vosto sito di riferimento

Andremo quindi a cliccare sulla freccia che si trova appunto allrsquointerno del record (come indicato infigura)

Verragrave caricata una schermata che ci chiederagrave di specificare altri elementi indispensabili alla creazione diuna nuova pagina (vedi sezione successiva)

26 Elementi standard della pagina

Si faccia riferimento alla (figura Modifica intestazioni pagina (page 11))

Nascondi pagina In fase di elaborazione di una nuova pagina egrave sempre bene puntare il piccolo quadratoin basso a sinistra della sezione ldquonascondi paginardquo in modo tale da permetterci di lavorare suicontenuti in tutta tranquillitagrave prima della pubblicazione on-line

Tipo Assegna alla pagina una determinata tipologia o scopo

Titolo pagina Indicare il titolo della pagina (ad es ldquoPagina di Provardquo

Selezione di template per lrsquoarea contenuti Ersquo la possibilitagrave di variare lo ldquoschemardquo di visualiz-zazione della pagina (es pagina a 3 colonne pagina a due colonne con menu di navigazionesulla sinistra etc)

Salvare Ogni operazione deve essere salvata per essere resa effettiva

261 Varie opzioni di salvataggio

In relazione al punto (5) nella fase di salvataggio si noti come ci vengono proposte diverse icone (figuraIcone salvataggio (page 11))

26 Elementi standard della pagina 9

DocWeb Release 101

Figura 211 Vista Backend

Figura 212 Seleziona posizione

26 Elementi standard della pagina 10

DocWeb Release 101

Figura 213 Modifica intestazioni pagina

Figura 214 Icone salvataggio

26 Elementi standard della pagina 11

DocWeb Release 101

1 Il documento viene salvato lrsquoambiente si ricarica automaticamente il menugrave centrale si aggiornacon la comparsa della pagina da noi creata nella posizione da noi assegnata

2 Il documento viene salvato lrsquoambiente si ricarica automaticamente il menugrave centrale si aggiornacon la comparsa della pagina da noi creata nella posizione da noi assegnata e si apre una nuovafinestra del browser contenente la preview (anteprima di visualizzazione) della nostra pagina

3 Il documento viene salvato lrsquoambiente si ricarica automaticamente sulla schermata successivail menugrave centrale si aggiorna con la comparsa della pagina da noi creata nella posizione da noiassegnata

4 Il documento viene chiuso e non salvato

5 Elimina la pagina

Nota La quinta icona (ldquoElimina paginardquo) compariragrave solo dopo aver salvato il documento la primavolta Inoltre gli stessi simboli si ritroveranno anche in fase di modifica di pagine giagrave create

Da osservare il simbolo proposto accanto alla nuova pagina da noi creata (figura Pagina nascosta(page 12)) ad indicare la modalitagrave ldquonascostardquo

Figura 215 Pagina nascosta

Lrsquoicona posta a sinistra ricorda una pagina con una ldquoXrdquo rossa in alto a destra e indica che la pagina egravenascosta (punto 1 modifica intestazioni) e non visibile dallrsquoesterno

Le altre voci con simbolo diverso di pagina su sfondo giallo sono on-line e quindi consultabili dal FrontEnd

Pubblicata la pagina nascosta lrsquoicona cambieragrave automaticamente aspetto e la voce di menugrave saragraveconsultabile anche dal Front End

27 Inserimento contenuti di una pagina

Avendo precedentemente creato e salvato una pagina ldquoPagina di Provardquo andiamo ad inserire un contenuto

Ersquo possibile procedere in due modi effettuare un click con il pulsante sinistro del mouse sulla icona o sultitolo ldquoPagina di Provardquo oppure cliccare con il pulsante destro del mouse sullrsquoicona posta a sinistra deltitolo pagina e scegliere ldquomodificardquo

In entrambe i casi il sistema aggiorna la terza area (vedi figura Backend tripartito (page 8)) doveandremo a lavorare

Per creare un contenuto nella posizione di default (Normale) clicchiamo sullrsquoicona cerchiata di rosso (vedifigura Crea contenuto normale (page 13)) nel box ldquonormalerdquo

In alternativa si puograve scegliere di usare la voce in basso a sinistra ldquoCrea nuovo recordrdquo e successivamentescegliere di creare un nuovo contenuto pagina con il ldquowizardrdquo

27 Inserimento contenuti di una pagina 12

DocWeb Release 101

Figura 216 Crea contenuto normale

Per entrambe le opzioni si apriragrave una schermata come nella figura Seleziona contenuto paragrafo(page 14))

Scegliamo di inserire un paragrafo di testo semplice Notiamo come il sistema ci consente di scegliereforme alternative di contenuti (es immagini sotto il testo a sinistra solo immagini ecc) Approfondire-mo in seguito le modalitagrave per creare contenuti piugrave articolati e contenuti multipli e selezioniamo la voceldquoparagrafo di testordquo

271 Paragrafo di testo

Allrsquointerno di un paragrafo di testo potremo inserire un contenuto e tutte le opzioni ad esso legato (figuraModifica contenuto testo (page 15))

Si noti come lrsquoarea egrave divisa in 4 blocchi orizzontali Tipo Intestazione Testo Opzioni generali Inbasso e in alto troviamo anche la serie di icone per il salvataggio del documento di cui abbiamo giagraveprecedentemente parlato

Area Tipo

Nel menugrave a tendina dellrsquoarea tipo egrave possibile modificare il tipo di contenuto che vogliamo inserire Laschermata ci dice che siamo su ldquotestordquo ma volendo potremmo anche cambiare con le altre forme dicontenuto a nostra disposizione

Area Intestazione

Rappresenta il titolo della pagina Viene inserito allrsquoinizio della pagina ed ha una rilevanza graficamaggiore rispetto al resto del contenuto

Un buon titolo egrave breve ma incisivo rispecchia in poche parole il contenuto della pagina riassumelrsquoargomento trattato

27 Inserimento contenuti di una pagina 13

DocWeb Release 101

Figura 217 Seleziona contenuto paragrafo

27 Inserimento contenuti di una pagina 14

DocWeb Release 101

Figura 218 Modifica contenuto testo

27 Inserimento contenuti di una pagina 15

DocWeb Release 101

Ersquo inoltre possibile anche se sconsigliabile associare un link allrsquointestazione cambiare la sua posizioneinserire una data

Testo

Rappresenta con il suo grande quadrilatero bianco lrsquoarea allrsquointerno della quale andremo ad inserire ilnostro testo

Digitando un semplice testo in visualizzazione questo assumeragrave colore dimensione e carattere inconformitagrave allo stile preimpostato per le pagine del sito

Per la formattazione del testo saragrave possibile usare lo strumento RTE (di seguito descritto)

Opzioni generali (parametri di visibilitagrave)

Apparizione programmata

Cliccando accanto al quadrato della voce ldquoInizio rdquo e ldquoFinerdquo si attiveragrave un modulo data che ci consentiragravedi impostare le date di Inizio pubblicazione e di Fine pubblicazione (depubblicazione) di una pagina

Potremo quindi stabilire quando una pagina dovragrave essere pubblicata eo quando dovragrave cessare di esserevisibile on-line La programmazione dellrsquoinizio di pubblicazione non implica che ci sia necessariamenteuna fine e vice versa

Ciograve significa che potremo quindi decidere di pubblicare una pagina in una certa data e che la pubblicazioneduri nel tempo (almeno fino a quando non decideremo di togliere la visualizzazione on-line manualmente)

Pagine nascoste

Ersquo possibile nascondere il contenuto delle pagine cliccando il quadrato a sinistra della voce ldquoNascondirdquoScegliendo questa opzione la pagina continueragrave ad esistere ma non saragrave visibile il suo contenuto

Lrsquoopzione si rileva particolarmente utile in caso di pagina strutturata su contenuti multipli

28 Contenuti multipli allrsquointerno di una pagina

Avendo creato una pagina potremo in ogni momento svilupparla ulteriormente aggiungendo ulterioricontenuti

Clicchiamo sul menugrave di sinistra sulla voce ldquoPaginardquo in modo da caricare il menugrave centrale contenentelrsquoalberatura del sito

Clicchiamo sul titolo della pagina da modificare con il pulsante sinistro oppure con il destro e scegliamoldquomodificardquo

A destra si apriragrave il nostro ambiente di lavoro come nella figua Modifica contenuto normale (page 17)

Vedremo in pratica la stessa schermata proposta per la creazione di una nuova pagina con lrsquoaggiunta dialcune icone come indicato in figura

1 Modifica

2 Nuovo record

3 Cerca Stringa

Cliccando su Modifica comrsquoegrave intuibile saremo riportati nella pagine dellrsquoeditor dove potremo modificareil nostro testo link immagini ecc

Cliccando su nuovo record invece avremmo la possibilitagrave di aggiungere un nuovo contenuto alla paginae nella posizione che sceglieremo

28 Contenuti multipli allrsquointerno di una pagina 16

DocWeb Release 101

Figura 219 Modifica contenuto normale

28 Contenuti multipli allrsquointerno di una pagina 17

DocWeb Release 101

Il contenuto non avragrave vincoli con i record precedenti pur apparendo nella stessa pagina del frontend Ciogravegarantisce una vantaggiosa gestione delle pagine che suddivise in ldquosezionirdquo potranno essere di volta involta pubblicate cancellate modificate a blocchi di contenuto senza toccare lrsquointera pagina

Si potragrave suddividere la stessa pagina in diverse aree (record) ossia ldquocontenuti multiplirdquo via via aggiornabilianche da altri utenti di redazione

Ersquo inoltre possibile effettuare una ricerca su di un contenuto di tipo testuale allrsquointerno delle pagine edei record utilizzando il campo ldquoCerca Stringardquo La ricerca puograve essere effettuata allrsquointerno della paginae dei suoi record ed estesa anche ai livelli inferiori

29 Modifica dei contenuti della pagina

Creata una pagina potremo modificarla ogni volta che saragrave necessario

Per modificare una pagina saragrave sufficiente selezionarla dal menugrave portandosi con il cursore del mouse aldi sopra del titolo e cliccando con il pulsante destro su di essa (figura Modifica pagina (page 18))

Una pagina da modificare potragrave anche essere raggiunta tramite la ricerca dellrsquoID (vedi capitolo 3 Alberodelle pagine)

Scegliere la voce ldquomodificardquo dal menugrave a tendina che si apriragrave dopo il click

Figura 220 Modifica pagina

A destra nellrsquoarea principale si apriragrave la schermata riportante il contenuto della pagina selezionata

Potremo scegliere lrsquoelemento da modificare cliccando sullrsquoicona matita

Nota Ricordarsi sempre di salvare per rendere effettive le modifiche e di ricontrollare la visualizzazionedella pagina modificata

Per modificare lrsquointestazione di una pagina egrave sufficiente selezionare la voce ldquoModifica intestazionirdquo dalmenugrave portandosi con il cursore del mouse al di sopra del titolo e cliccando con il pulsante destro su diesso (figura Menu modifica intestazioni pagina (page 19))

210 Spostamento di pagine

Oltre le modifiche stilistiche testuali e di contenuto di una pagina possiamo modificarne la posizione

29 Modifica dei contenuti della pagina 18

DocWeb Release 101

Figura 221 Menu modifica intestazioni pagina

Per spostare la posizione di una pagina allrsquointerno di un menugrave selezioniamola dal menugrave principale conclick sinistro del mouse

Nella schermata di destra scegliamo lrsquoicona

Si apriragrave un menugrave che ci mostreragrave lrsquoalberatura del nostro sito (esattamente come per lrsquoinserimento diuna nuova pagina) composto da pagine principali (genitori) e pagine ad esse collegate (figli)

A questo punto dovremo solo scegliere dove spostare la pagina muovendoci sulle frecce grigie sottostantie sovrastanti le varie voci di menugrave

Avvertimento Spostando una pagina genitore anche i figli vengono spostati con esso

211 Eliminazione pagine

Per eliminare le pagine egrave sufficiente selezionare la pagina in questione dal menugrave principale cliccando conil pulsante destro del mouse su di essa e scegliere la voce del menugrave a tendina che si apriragrave ldquoCancellardquo

Avvertimento Non egrave possibile cancellare una pagina genitore Ossia non egrave possibile cancellareuna pagina che al suo interno contiene altre pagine prima che questrsquoultime trovino una collocazionealternativa

212 Rich Text Editor

Quando si inserisce un contenuto nellrsquoarea di testo (inserito digitando direttamente allrsquointerno dellrsquoap-posita area o copiato e incollato da fonte esterna con la dovuta cautela) egrave possibile personalizzarlo eformattarlo utilizzando le funzionalitagrave previste dal Rich Text Editor (RTE)

Nota Un testo copiatoincollato da altri programmi va ldquoripulitordquo prima di essere pubblicato poicheacuteil modulo che utilizzeremo tende a mantenere la formattazione originaria del carattere delle immaginidei colori falsando la linea grafica omogenea e standard del nostro portale

In ogni modo quando si salva un documento il cui testo conteneva una formattazione proveniente ad es-empio da un documento di tipo word questo viene automaticamente ldquoripulito nel codicerdquo ed egrave opportunocontrollare la visualizzazione

211 Eliminazione pagine 19

DocWeb Release 101

Proviamo ad inserire ad esempio una semplice frase allrsquointerno del box testo (figura Box testo RTE(page 20))

Figura 222 Box testo RTE

La frase viene digitata direttamente nellrsquoarea testo mantenendo un tipo di formattazione ldquonormalerdquo

2121 Testo grassetto corsivo sottolineato (bold italic underline)

Proviamo a selezionare la frase ldquoProvincia di Pesaro e Urbinordquo tenendo premuto il pulsante sinistro delmouse trascinando il cursore dalla P di Provincia alla o di Urbino

In alternativa portare il cursore alla P di Provincia tenere tasto maiuscolo premuto e muoversi con lefrecce per selezionare il testo

Lrsquoesempio egrave utile per capire che per effettuare una determinata azione di tipo stilistico su una frase oparola egrave necessario che la frase o la parola siano preventivamente selezionate

Figura 223 Comandi box testo RTE

212 Rich Text Editor 20

DocWeb Release 101

Se il testo egrave stato selezionato correttamente vedremo la parola ldquoProvincia di Pesaro e Urbinordquo evidenziatadi blu scuro

Click sinistro sul simboloicona ldquoBrdquo (figura Comandi box testo RTE (page 20)) per creare un effettoldquograssettordquo al testo

Click sinistro sul simboloicona ldquoIrdquo per il corsivo-italico

Click sinistro sul simboloicona ldquoU ldquo per il sottolineato

Nota Il Grassetto dona alle parole un sapore piugrave incisivo e si utilizza per enfatizzare termini importantie di rilievo

LrsquoItalico viene usato comunemente per indicare le date gli indirizzi le citazioni

Il Sottolineato su web viene comunemente usato nelle parole ldquolinkaterdquo (ossia che rimandano ad altrepagine web) per cui se ne sconsiglia lrsquouso in un testo semplice per evitare confusione

2122 Elenco Puntato e Numerato

Portiamoci con il cursore allrsquointerno della box di testo

Selezioniamo lrsquoicona Lista non numerata (Elenco puntato semplice)

Vedremo comparire un simbolo tontoromboidale e potremo dare vita ad una lista

bull Voce 1

bull Voce 2

bull Voce 3 ecc

Allo stesso modo potremo creare una lista numerata avvalendoci dellrsquoicona ldquoLista numeratardquo

Lrsquoelenco viene numerato

1 Voce 1

2 Voce 2

3 Voce 3 ecc

2123 Pulsanti di Annulla e Ripristina

Compiuta una determinata azione egrave possibile tornare indietro o ripristinarla tramite i pulsanti ldquoAnnullalrsquoultima azionerdquo e ldquoRifai lrsquoultima azionerdquo

Piugrave volte si clicca sui pulsanti piugrave volte lrsquoazione viene ripetuta indietro ed avanti nel tempo

2124 Copia Taglia Incolla

Selezionando un testo potremo tagliarlo copiarlo e incollarlo

Copia selezionare il testo utilizzare lrsquoicona ldquocopia selezionerdquo per copiare

Taglia il testo viene eliminato ma resta in memoria per essere eventualmente incollato altrove odefinitivamente cancellato Ersquo possibile tenere in memoria solo lrsquoultimo testo o parola tagliato

Incolla Un testo precedentemente copiato o tagliato puograve essere incollato nuovamente o su diversoambiente

212 Rich Text Editor 21

DocWeb Release 101

2125 Rimuovi Formattazione

Ersquo possibile che il testo importato e incollato nellrsquoarea testo da altra fonte (es documento word) sildquosporchirdquo e ne acquisisca le caratteristiche stilistiche in maniera non corretta

Ersquo necessario pulire il testo selezionandolo e cliccando su ldquorimuovi formattazionerdquo

Si apriragrave un pop-up (nuova finestra) che ci proporragrave diversi elementi da pulire selezioniamo ciograve che ciinteressa e clicchiamo su OK

2126 Inserisci Caratteri Speciali

Alcune volte puograve essere necessario inserire dei caratteri o simboli non presenti sulla tastiera o nonconvenzionali per i quali esiste una mappa di caratteri speciali

Il sistema propone diversi tipi di caratteri speciali tra i piugrave comuni e frequentemente usati per adoperarliegrave sufficiente cliccare sullrsquoapposita icona ldquoInserisci Caratteri Specialirdquo

Una finestra ci mostreragrave una vasta gamma di simboli tra i quali potremo scegliere quello che ci interessa

2127 Inserisci Tabella

Per agevolare lrsquoinserimento di dati numerici in forma ldquoTabellarerdquo si puograve ricorrere allrsquoinserimento di unatabella contraddistinta dallrsquoapposito simbolo

La tabella puograve essere immaginata come una quaderno a ldquoquadrettirdquo dove ogni ldquoscacchettordquo corrispondead una cella

Scegliendo di inserire una tabella si apriragrave una finestra pop-up dove andremo ad inserire parametridi spaziatura fra celle numero di righe e colonne che compongono la tabella spessore del bordoallineamento rispetto alla pagina ecc

2128 Link

Ogni sito egrave composto da pagine consultabili e collegate tra loro tramite link

I link sono i collegamenti presenti sulle voci di menugrave parole immagini ecc

Ersquo possibile collegare pagine appartenenti ad uno stesso sito un indirizzo web di un sito esterno ounrsquoe-mail un file da scaricare un immagine ecc

Nota Immettendo nel testo un indirizzo web o e-mail completo il programma egrave in grado di capireautomaticamente che si tratta di un link e collegare gli elementi automaticamente

Volendo invece collegare elementi non scritti in forma completa si dovragrave procedere come segue

Selezioniamo la parola o frase che vogliamo collegare (come precedentemente visto) e clicchiamo sullrsquoiconaldquoInserisci Linkrdquo

Si apriragrave un pop-up come indicato nella prossima figura

Link ad una pagina interna al sito

La finestra ci propone lrsquoalberatura del nostro sito con le pagine in esso presenti (La voce attiva egraveldquopaginardquo di colore giallomarrone rispetto alle altre voci del pop-up)

Selezionando (figura Link interno (page 23)) la pagina che vorremo collegare il pop-up si chiuderagrave e laparola che avevamo selezionato precedentemente per il link cambieragrave aspetto

La vedremo blu e sottolineata il che indica che il link egrave attivato

212 Rich Text Editor 22

DocWeb Release 101

Figura 224 Link interno

Ersquo anche possibile creare dei link che aprono la pagina collegata allrsquointerno di una ldquofinestra di pop-uprdquocioegrave dentro una nuova finestra del browser Specificando le dimensioni di altezza e larghezza della nuovafinestra allrsquointerno degli appositi campi

Link ad una pagina esterna al sito

Selezioniamo una parola o frase che vogliamo collegare (come precedentemente visto) e clicchiamosullrsquoicona ldquoInserisci Linkrdquo

Scegliamo nel menugrave in alto proposto dal pop-up il bottone ldquoURL esternordquo (figura Link esterno (page 23))

Figura 225 Link esterno

Impostiamo nel campo URL lrsquoindirizzo web che vogliamo linkare prestando attenzione a scriverlo peresteso e senza cancellare http

Clicchiamo su ldquoImposta Linkrdquo

Il pop-up si chiuderagrave e la parola che avevamo selezionato precedentemente per il link cambieragrave aspetto

212 Rich Text Editor 23

DocWeb Release 101

La vedremo blu e sottolineata il che indica che il link egrave attivato

2129 Link ad unrsquoEmail

Come precedentemente visto scrivendo un indirizzo e-mail valido il programma di gestione egrave in grado dicapire che si tratta di un indirizzo di posta elettronica e il link viene impostato automaticamente

Tuttavia ci sono dei casi in cui non egrave possibile o si preferisce non indicare lrsquoindirizzo e-mail per estesoad esempio potremmo avere ldquoPer informazioni scrivicirdquo

Volendo potremmo fare in modo che sulla parola ldquoscrivicirdquo ci sia impostata la funzione di invio e-mail

Selezioniamo quindi la parola andiamo su ldquoInserisci Linkrdquo scegliendo poi ldquoEmailrdquo

Inseriamo lrsquoindirizzo E-mail nellrsquoapposito campo e clicchiamo su ldquoimposta Linkrdquo

21210 Link ad un file scaricabile

Per collegare un file (espdf txt gif ecc) egrave necessario copiarlo dal proprio PC al server web

Non egrave infatti possibile che una pagina pubblicata su internet prenda come link dei files che di fatto sonosalvati in una directory del nostro computer

Typo3 mette a disposizione un area dovrsquoegrave possibile pubblicare i files per poi essere resi disponibili ai linkossia rende disponibile lrsquo ldquoUploadrdquo dei files da pc a server

Scegliere dal menugrave di sinistra sotto la sezione ldquoMediardquo la voce ldquoFilerdquo (figura Seleziona file (page 24))

Figura 226 Seleziona file

Si apriragrave sulla destra una nuova area dove troveremo i campi utili a ldquosfogliarerdquo il contenuto del nostropc al fine di passare i file o i files dal nostro computer al manager

Effettuato il passaggio potremo ritornare alla nostra pagina e riprendere la procedura di ldquocreazione linkrdquoselezionando questa volta la voce ldquoFilerdquo del pop-up

I campi proposti sono del tutto simili a quelli di creazione di link su pagine del sito e un elenco di files(tutti quelli disponibili caricati) potranno essere collegati

213 Modalitagrave Lista

Selezionando la voce ldquolistardquo (figura Backend modalitagrave lista (page 25)) dal menugrave di sinistra egrave possibileesplorare una pagina ldquopadrerdquo e tutte le pagine ldquofiglirdquo ed essa associate

Avvertimento Ricordarsi di attivare la voce in basso ldquoVista Estesardquo

213 Modalitagrave Lista 24

DocWeb Release 101

Figura 227 Backend modalitagrave lista

Utilizzando le icone poste alla destra di ogni voce si possono compiere diverse operazioni di modificavisualizzazione spostamento copia e incolla pagina ecc come precedentemente descritto

Dunque potremo dire che la modalitagrave lista costituisce una scorciatoia per semplificare ogni sorta dioperazione soprattutto in presenza di un numero considerevole di files

214 Modalitagrave Mostra

Figura 228 Backend modalitagrave mostra

Selezionando la voce ldquoMostrardquo (figura Backend modalitagrave mostra (page 25)) dal menugrave di sinistra egrave possibilenavigare il sito allrsquointerno del docweb direttamente nel backend

214 Modalitagrave Mostra 25

DocWeb Release 101

Inoltre accanto ai vari record troveremo posta lrsquoicona matita per eseguire eventuali modifichedirettamente sul punto e la pagina prescelti

Anche la modalitagrave ldquoMostrardquo come la rdquoListardquo (cap 13) costituisce una scorciatoia particolarmente indicataper semplificare lrsquooperazione di visualizzazione del sito e di modifica

215 Modalitagrave ldquoMonta come radice dellrsquoalberordquo

Quando esistono diverse e numerose pagine egrave possibile gestire solo la porzione di contenuto che ci interessariducendo lrsquoalberatura del sito (lato backend) ai minimi termini mediante il comando ldquomonta come radicedellrsquoalberordquo

Per effettuare il comando procedere come segue

Cliccare con il pulsante destro del mouse sul titolo pagina dal menugrave centrale

Selezionare la voce ldquoaltre opzionirdquo dal menugrave a tendina (figuraMenu altre opzioni (page 26)) che compariragravecome conseguenza dellrsquoazione descritta al punto uno

Figura 229 Menu altre opzioni

Selezionare dallrsquoulteriore menugrave che si apriragrave (figura Seleziona monta come radice (page 26)) la voceldquoMonta come radice dellrsquoalberordquo

Figura 230 Seleziona monta come radice

Lrsquoalberatura si ridurragrave automaticamente mostrando solo la porzione selezionata

Per ripristinare lo stato di partenza selezionare la voce in alto nel menugrave centrale (figura Elimina DBmount (page 26)) ldquoElimina DB mount temporaneordquo

Figura 231 Elimina DB mount

Il menugrave si espanderagrave nuovamente mostrando tutte le voci esistenti

215 Modalitagrave ldquoMonta come radice dellrsquoalberordquo 26

DocWeb Release 101

216 Ottenere il page-id di una pagina

2161 Frontend (FE)

Da frontend si puograve ottenere il page-id della pagina corrente nei seguenti modi

1 dalla barra degli indirizzi del proprio browser (figura Id dallrsquourl (page 27)) Il numero della paginaegrave quello dopo la stringa ldquoid=rdquo Nella figura egrave cerchiata in verde la stringa ldquoid=rdquo e il numero dellapagina (page-id)

Figura 232 Id dallrsquourl

2 Puntando il mouse sulla scritta [id] a pieacute pagina e leggendo il tooltip (figura Id dal tooltip (page 27))

Figura 233 Id dal tooltip

3 Solo per browser Firefox dal menugrave di contesto scegliere la voce ldquoVisualizza info paginardquo si apreuna finestra consultare quindi la lista Meta sotto la scheda Generale (Id dagli attributi (page 28))

2162 Backend (BE)

Da backend egrave possibile ottenere il page-id nei seguenti modi

1 leggendo il tooltip puntando il mouse sullrsquoicona della pagina nel riquadro della struttura del sito(figura Id dal tooltip nel backend (page 28))

2 dal modulo di modifica delle intestazioni della pagina (figura Id dalle intestazioni pagina nel backend(page 28)) Il numero egrave tra le parentesi quadre dopo il titolo della pagina

217 Admin Panel

Quando si inseriscono contenuti con Typo3 (backend) egrave possibile visualizzare unrsquoanteprima della paginache si sta creando per vedere i risultati del lavoro svolto

Per visualizzare unrsquoanteprima di una pagina occorre (figura Menu mostra (page 29))

1 posizionarsi sulla pagina da visualizzare

2 premere il tasto sinistro del mouse in corrispondenza del nome

216 Ottenere il page-id di una pagina 27

DocWeb Release 101

Figura 234 Id dagli attributi

Figura 235 Id dal tooltip nel backend

Figura 236 Id dalle intestazioni pagina nel backend

217 Admin Panel 28

DocWeb Release 101

Figura 237 Menu mostra

3 selezionare la voce Mostra

In base alla pagina scelta si avragrave un risultato come quello visualizzato nella figura Anteprima pagina conAdmin panel (page 29)

Figura 238 Anteprima pagina con Admin panel

La pagina presenteragrave nella parte superiore lrsquoanteprima della pagina Nella parte inferiore vienevisualizzato uno strumento denominato Admin Panel

Questo oggetto offre lato front-end alcune funzionalitagrave (figura Moduli Admin panel (page 30)) cheaiutano i gestori di contenuti nella creazionemodifica delle pagine web del sito

NellrsquoAdmin panel (figura sopra) egrave possibile distinguere

217 Admin Panel 29

DocWeb Release 101

Figura 239 Moduli Admin panel

1 Modulo Preview ndash offre la possibilitagrave di selezionare alcune opzioni sulla pagina per simulare alcunesituazioni in cui la pagina si puograve trovare durante la visualizzazione

2 Modulo Cache ndash offre la possibilitagrave di gestire la cache

Allrsquointerno del modulo Preview abbiamo le seguenti voci

Mostra pagine nascoste selezionando la casella di controllo corrispondente a questa voce si visual-izzeranno anche quelle che attualmente non sono visibili allrsquointerno del sito o perchegrave in lavorazioneo perchegrave ancora non egrave stata data lrsquoautorizzazione alla pubblicazione

Mostra record nascosti come per le pagine questa voce offre la possibilitagrave di poter visualizzare allrsquoin-terno della pagina quei contenuti nascosti che non sono ancora ultimati o che sono in attesa di unautorizzazione per la pubblicazione

Simula data con questo controllo egrave possibile simulare il comportamento della pagina in periodi tem-porali diversi Utilizzando la casella di testo egrave possibile inserire delle date In questo modo sirende possibile la visualizzazione di quegli elementi (ad es pagine news ) che sono abilitati acomparirescomparire in base a determinati criteri temporali impostati

Simula gruppo di utenti con questo controllo egrave possibile simulare il comportamento delle pagine inbase ad un determinato gruppo di utenti che vi accede Alcune pagine possono infatti avere uncomportamento diverso in base al tipo di utente che vi accede

Nota Durante la creazione di pagine egrave possibile restringere la visione di una determinata pagina aparticolari tipi di utenti (utenti di frontend) Questa caratteristica offre la possibilitagrave di definire delle areead accesso riservato del sito ossia sezioni del sito a cui egrave possibile accedere solo dopo essersi autenticatie dopo avere avuto i necessari diritti di accesso

Una volta selezionate le opportune scelte allrsquointerno dellrsquoADMIN Panel occorreragrave premere il tasto Aggior-na (figura Aggiorna Admin panel (page 31)) per prendere visione della pagina secondo i criteri impostati

Nota Nel caso in cui lrsquoutente abbia la possibilitagrave di accedere da back-end a piugrave siti (ciascuno con unproprio dominio) bisogna tenere presente che lrsquoADMIN Panel compare soltanto per le pagine relativeal dominio con cui lrsquoutente ha fatto il login In altre parole se un operatore ad esempio egrave abilitatoa lavorare sulle pagine di backend dei siti httpwwwsitoesempio1it e httpwwwsitoesempio2it ese lrsquooperatore accede al backend di DocWeb con lrsquoindirizzo httpwwwsitoesempio1ittypo3 allora

217 Admin Panel 30

DocWeb Release 101

Figura 240 Aggiorna Admin panel

lrsquoADMIN Panel compariragrave solo sulle pagine di frontend del dominio wwwsitoesempio1it e non su quelledel dominio wwwsitoesempio2it

217 Admin Panel 31

CAPITOLO 3

La Clipboard

Lrsquooggetto clipboard (rdquoblocco degli appuntirdquo) egrave molto utile quando si ha la necessitagrave di copiare o spostareuno o piugrave elementi di contenuto o una o piugrave pagine da una sezione del sito (contenitore di pagine) adunrsquoaltra

31 Copia o spostamento di un contenuto singolo di pagina allrsquointernodi unrsquoaltra pagina

Per prima cosa egrave necessario (figura Identifica contenuto (page 32))

Figura 31 Identifica contenuto

1 selezionare la voce Lista

2 selezionare la pagina che contiene il contenuto che si intende copiare (nella figura abbiamo sceltola pagina denominata ldquoCorso di formazione su Typo3rdquo

32

DocWeb Release 101

3 identificare dalla lista dei contenuti associati alla pagina quello da spostare

Supponiamo che si desideri copiare il contenuto denominato ldquoTesto 2rdquo (figura Copia contenuto (page 33))

Figura 32 Copia contenuto

Egrave sufficiente cliccare sullrsquoicona (nella figura sopra evidenziata con un cerchio rosso) di copia incorrispondenza del contenuto da copiare

Dopo avere eseguito questa operazione nella figura Risultato copia contenuto (page 34) possiamo notare

1 Egrave comparsa unrsquoicona nuova che mette in evidenza che nella clipboard egrave presente un elemento

2 Lrsquoicona di copia in corrispondenza del contenuto da spostare ha cambiato aspetto

A questo punto lrsquooggetto che si intende copiare egrave presente nella nostra clipboard

Il passo successivo egrave quello di selezionare la pagina in cui andare a posizionare lrsquoelemento (paginadestinazione)

Rimanendo sempre allrsquointerno del modulo Lista occorreragrave selezionare dallrsquoalberatura delle pagine la pag-ina destinazione Il procedimento da seguire per posizionarsi sulla pagina egrave lo stesso descritto in prece-denza Nella figura Incolla contenuto (page 34) viene evidenziato il contenuto di una pagina (denominataldquoPagina di Provardquo) in cui vogliamo copiare il contenuto

Per copiare il contenuto della clipboard nella pagina selezionare lrsquoicona Incolla contenuto Clipboard

Confermando lrsquooperazione il contenuto saragrave copiato allrsquointerno della pagina selezionata

Per effettuare lo spostamento di un contenuto di pagina allrsquointerno di unrsquoaltra pagina cliccare sullrsquoicona

di Taglia al posto dellrsquoicona copia e ripetere le operazioni sopra descritte

1 Selezionando la casella Mostra clipboard (figura Vista clipboard (page 35)) egrave possibile visualiz-zare lrsquooggetto clipboard Nel caso in figura lrsquoelemento copiato in precedenza (Testo 2) egrave ancoradisponibile allrsquointerno della clipboard Utilizzando il procedimento descritto infatti il contenuto

31 Copia o spostamento di un contenuto singolo di pagina allrsquointerno di unrsquoaltra pagina 33

DocWeb Release 101

Figura 33 Risultato copia contenuto

Figura 34 Incolla contenuto

31 Copia o spostamento di un contenuto singolo di pagina allrsquointerno di unrsquoaltra pagina 34

DocWeb Release 101

selezionato rimane ancora a disposizione dellrsquoutente che potragrave selezionare altre pagine destinazionesu cui eventualmente andare a copiare il contenuto Nel caso in cui si selezioni un altro elementoad esempio ldquoTesto 1rdquo lrsquoelemento presente viene automaticamente sostituito

2 Dallrsquooggetto clipboard egrave possibile rimuovere un elemento premendo il bottone di Elimina postoaccanto ad esso

Figura 35 Vista clipboard

Con il procedimento descritto fino ad ora egrave possibile scegliere soltanto un contenuto alla volta

32 Copia o spostamento di piugrave contenuti da una pagina ad unrsquoaltra

Nel caso in cui ci si trovi nella necessitagrave di copiare piugrave di un contenuto da una pagina allrsquoaltra egrave necessarioseguire i passi seguenti

1 Selezionare il modulo Lista

2 Selezionare la pagina di origine da cui prelevare i contenuti

3 Selezionare la casella Mostra clipboard

4 Selezionare una clipboard tra quelle denominate ldquoClipboard 1rdquo ldquoClipboard 2rdquo ldquoClipboard 3rdquo(punto 3 figura Vista clipboard con contenuto selezionato (page 36))

Selezionando ad esempio la clipboard contrassegnata come ldquoclipboard 1rdquo si avragrave la seguente situazione

32 Copia o spostamento di piugrave contenuti da una pagina ad unrsquoaltra 35

DocWeb Release 101

Figura 36 Vista clipboard con contenuto selezionato

32 Copia o spostamento di piugrave contenuti da una pagina ad unrsquoaltra 36

DocWeb Release 101

1 In corrispondenza di ogni contenuto si evidenzia una Casella di selezione Sopra la colonna con lecaselle di selezione egrave comparsa una lista di bottoni tra cui al momento distinguiamo

2 Bottone di copia elementi nella clipboard

3 Bottone di selezione tuttinessuno

Scegliendo ad esempio i primi due elementi e premendo il pulsante di copia elementi nella clipboard sipuograve notare che (figura Copia nella clipboard (page 37))

Figura 37 Copia nella clipboard

1 La clipboard che abbiamo scelto per la selezione multipla (ldquoClipboard 1rdquo) contiene la lista deglioggetti che abbiamo scelto di copiare

2 Ersquo comparsa lrsquoicona di Incolla contenuto Clipboard

La procedura della selezione della pagina di destinazione rimane identica a quella giagrave utilizzata per lacopia di un contenuto singolo (selezionare la pagina di destinazione su cui andare a posizionare i contenutiselezionati)

Egrave importante fare notare che seguendo le operazioni descritte sopra si ottiene come risultato lospostamento dei contenuti dalla pagina origine a quella destinazione

Se si desidera copiare gli elementi selezionati egrave necessario una volta selezionati gli elementi da copiarepremere il tasto copia gli items invece di spostarli (evidenziato con un cerchio rosso nella figura Tagliadalla clipboard (page 38))

32 Copia o spostamento di piugrave contenuti da una pagina ad unrsquoaltra 37

DocWeb Release 101

Figura 38 Taglia dalla clipboard

32 Copia o spostamento di piugrave contenuti da una pagina ad unrsquoaltra 38

DocWeb Release 101

In questo modo dopo avere confermato lrsquooperazione i contenuti o le pagine da copiare saranno presentisia nella pagina origine che in quella destinazione

32 Copia o spostamento di piugrave contenuti da una pagina ad unrsquoaltra 39

CAPITOLO 4

Modulo DAM (Digital AssetManagement)

Il modulo DAM (Digital Asset Management) offre la possibilitagrave di raccogliere e catalogare contenuti informato digitale come immagini documenti presentazioni

Ogni file inserito puograve essere corredato di informazioni aggiuntive (meta-informazioni) come la descrizionelrsquoautore parole chiave ecc

Attraverso il modulo DAM egrave possibile svolgere le seguenti operazioni

bull Caricamento e Aggiornamento di file

bull Ricerca di file allrsquointerno del DAM e modifica delle meta-informazioni associate ai file

41 Caricamento e Aggiornamento di file

Lrsquooperazione di CaricamentoAggiornamento di file serve per sottoporre al sistema DAM un particolarecontenuto memorizzato in formato digitale

Lrsquoelemento caricato saragrave poi disponibile a chi inserisce contenuti

Per iniziare lrsquooperazione di caricamento di un file egrave sufficiente selezionare la voce File che si trovaallrsquointerno del modulo Media (figura Menu file (page 41))

La maschera che si apre (figura File upload (page 41)) offre le seguenti possibilitagrave

1 Selezione della posizione dove andare a caricareaggiornare il file

2 Specificare alcuni documenti da caricare (area File)

Concentrandoci sullrsquoarea File (figura Dettaglio file upload (page 42)) distinguiamo

1 Voce Show upload location browser (punto 1 figura sopra) egrave possibile visualizzare i file attualmentecaricati nel Mount Point selezionato

2 Lista di bottoni denominati Sfoglia da utilizzare nel caso in cui si desideri caricareaggiornareun file

Se si desidera caricare un file occorre cliccare sul bottone Sfoglia

La finestra che appare (figura Sfoglia file (page 42)) permette di selezionare dal proprio PC il file dacaricare

Per selezionare un file da caricare occorre

1 Esplorare le cartelle del proprio PC per trovare il file

40

DocWeb Release 101

Figura 41 Menu file

Figura 42 File upload

41 Caricamento e Aggiornamento di file 41

DocWeb Release 101

Figura 43 Dettaglio file upload

Figura 44 Sfoglia file

41 Caricamento e Aggiornamento di file 42

DocWeb Release 101

2 Inserire il nome del file nella casella di testo Nome file

3 Premere il tasto Apri

Una volta che si egrave selezionato un file egrave possibile

1 selezionare altri file da caricare seguendo gli stessi passi descritti in precedenza

2 effettuare lrsquooperazione di caricamento del file vero e proprio

Dallrsquoesempio abbiamo scelto di caricare un solo file

Il caricamento dei file viene eseguito premendo il bottone ldquoUpload filesrdquo che si trova in fondo alla listadei file selezionati (figura File selezionato (page 43))

Figura 45 File selezionato

Se tutto egrave stato eseguito correttamente appariragrave una finestra come quella nella figura Process files(page 44)

In questa maschera egrave possibile

1 Specificare le meta-informazioni per il singolo file come ad esempio il titolo parole chiavedescrizione

2 Avviare il processo di elaborazione multipla premendo il bottone Process selected files Con questoprocesso egrave possibile inserire o modificare le meta-informazioni per tutti i file della lista (in questocaso solo uno)

Se si vuole eseguire lrsquoinserimento delle meta-informazioni per singolo file la finestra che si apre egrave similea quella presentata in figura Elaborazione metainformazioni singolo file (page 44)

Nel caso si scelga di eseguire il processo di elaborazione multipla la maschera che compare (figuraElaborazione metainformazioni file multipli (page 45)) permette di selezionare le meta-informazioni chelrsquoutente intende inserire contemporaneamente per tutti i file della selezione

41 Caricamento e Aggiornamento di file 43

DocWeb Release 101

Figura 46 Process files

Figura 47 Elaborazione metainformazioni singolo file

41 Caricamento e Aggiornamento di file 44

DocWeb Release 101

Figura 48 Elaborazione metainformazioni file multipli

41 Caricamento e Aggiornamento di file 45

DocWeb Release 101

Se si seleziona la checkbox accanto alla voce che eventualmente saragrave inserita questa viene aggiuntaalle informazioni eventualmente giagrave presenti (modalitagrave append) Nellrsquoaltro caso le informazioni sarannosovrascritte

I campi Titolo e Descrizione sono obbligatori mentre il campo Parole chiavi puograve essere valorizzato adiscrezione dellrsquoutente Informazioni su come valorizzare i campi elencati sopra saranno descritte suapposite linee guida

Per completare lrsquoinserimentoaggiornamento delle meta-informazioni riguardanti il file caricato occorrepremere il tasto Send (figura Salva metainformazioni (page 46)) in fondo alla maschera per il salvataggiodelle informazioni

Figura 49 Salva metainformazioni

Tornando alla maschera di caricamento file e selezionando la checkbox in corrispondenza della voceSovrascrivi file esistenti (figura Carica file sovrascrivendo (page 46)) saragrave possibile aggiornare eventualifile che hanno lo stesso nome di quello che stiamo caricando

Questa procedura egrave utile quando si vuole aggiornare il contenuto di un file che egrave giagrave presente nel DAM

Figura 410 Carica file sovrascrivendo

Nel caso di aggiornamento di un file le meta-informazioni del file rimangono le stesse inserite inprecedenza Come si puograve notare non viene offerta la possibilitagrave di inserirne di nuove

Nel caso in cui un file con lo stesso nome sia giagrave caricato e non si desideri aggiornarlo il file inseritoper ultimo viene rinominato con un suffisso generato automaticamente dal DAM In questo caso la voceSovrascrivi file esistenti non deve essere selezionata (figura Carica file senza sovrascrivere (page 47))

Nellrsquoesempio in figura viene presentata la lista dei file presenti nel mount point selezionato

Da notare la presenza di un file che egrave stato rinominato dal DAM con un suffisso ldquo_01rdquo dato che nellastessa posizione era giagrave presente un file con lo stesso nome

41 Caricamento e Aggiornamento di file 46

DocWeb Release 101

Figura 411 Carica file senza sovrascrivere

41 Caricamento e Aggiornamento di file 47

DocWeb Release 101

42 Ricerca di file allrsquointerno del DAM e modifica delle meta-informazioni

Rimanendo sempre allrsquointerno del modulo Media selezioniamo la voce List egrave possibile effettuare dellericerche dei file e modificare le meta-informazioni associate ai file

Nella figura Backend media list (page 48) distinguiamo

Figura 412 Backend media list

1 Parte relativa ai Mount Point disponibili

2 Parte relativa ai tipi di file caricati nel sistema

3 Schede List Thumbnails Selection Process

Da questa sezione egrave possibile effettuare ricerche sui file caricati nel DAM

Le ricerche che si possono eseguire sono del tipo ldquotrova tutti i file pdf e docrdquo oppure ldquoelenca tutti i filedi tipo immagine ad eccezione dei file con estensione gifrdquo

Per prima cosa facendo click sul nome del tipo file (es gif oppure image) si seleziona solo quel tipo difile e si escludono tutti i criteri selezionati in precedenza

Per aggiungere un altro criterio di ricerca egrave sufficiente selezionare il ldquo+rdquo (punto 1 nella figura Criteri diselezione (page 49)) posto accanto al tipo di file che si vuole selezionare

Con il ldquo-ldquo(punto 2) saragrave possibile rimuovere il tipo di file dai criteri di ricerca

Selezionando ldquo=rdquo (punto 3) egrave possibile introdurre clausole del tipo ldquocerca un file che sia doc e presentenel Mount Point chiamato lsquoArea Testrsquordquo (ossia effettua una ricerca che risponda a tutti i criteri impostati)

Nellrsquoesempio della figura Salva selezione (page 49) sono stati selezionati tutti i tipi di immagine adeccezione dei file con estensione gif Questo risultato si ottiene nel seguente modo

1 selezionare il ldquo+rdquo accanto alla voce ldquoimagerdquo

2 premendo il tasto ldquo-ldquo in corrispondenza della voce ldquogifrdquo

I criteri impostati per la selezione possono essere salvati per un uso futuro Per salvare la selezioneoccorre (figura Salva selezione (page 49))

1 riempire il campo sotto la voce SELECTION con un nome che identifichi la ricerca

2 premere il tasto Save per salvare la modalitagrave di ricerca impostata

In questo modo saragrave possibile richiamare e rieseguire la ricerca impostata anche in futuro senza doverripetere il procedimento di scelta dei criteri mostrato in precedenza

42 Ricerca di file allrsquointerno del DAM e modifica delle meta-informazioni 48

DocWeb Release 101

Figura 413 Criteri di selezione

Figura 414 Salva selezione

42 Ricerca di file allrsquointerno del DAM e modifica delle meta-informazioni 49

DocWeb Release 101

Se in futuro saranno inseriti nuovi file che soddisfano la ricerca salvata questi verranno selezionati quandoverragrave richiamata la ricerca salvata

Dalla figura Ricerca salvata (page 50) egrave possibile notare come richiamare la ricerca salvata In questocaso abbiamo salvato la ricerca con il nome ldquoimmaginisenzagifrdquo

Figura 415 Ricerca salvata

Una volta che si egrave selezionata la ricerca egrave possibile

1 Premere il tasto Load per ricaricare la ricerca precedentemente impostata

2 Premere Remove per rimuovere la ricerca salvata

Una volta effettuata una particolare selezione di file egrave possibile (figura Schede backend media list(page 50))

Figura 416 Schede backend media list

1 vedere il contenuto della selezione (schede List e Thumbnails)

2 vedere i criteri impostati per la ricerca (scheda Selection)

3 modificare le meta-informazioni associate ai file (scheda Process) secondo quanto descritto inprecedenza

Nella figura Scheda selection (page 51) egrave visualizzato come selezionando la scheda Selection egrave possibileprendere visione dei criteri impostati nella ricerca (la ricerca egrave quella dellrsquoesempio precedente)

Selezionando le schede List e Thumbnails dopo avere effettuato una qualsiasi selezione si potrebbe avereuna situazione come quella mostrata nella figura Scheda list (page 51)

Cliccando sullrsquoicona corrispondente ad uno dei file presenti nella lista (selezionato con un cerchio rosso)egrave possibile accedere ad un menugrave contestuale (figura Menu contestuale DAM (page 51))che permette disvolgere le seguenti operazioni

Modifica Offre la possibilitagrave di visualizzare e modificare le meta-informazioni associate al file

Rinomina Selezionando la seguente voce egrave possibile assegnare un altro nome al file che si egrave caricato

Replace file Avvia lrsquooperazione di sostituzione del file

Info Visualizza informazioni relative al file

Cancella Rimuove il file dal DAM

42 Ricerca di file allrsquointerno del DAM e modifica delle meta-informazioni 50

DocWeb Release 101

Figura 417 Scheda selection

Figura 418 Scheda list

Figura 419 Menu contestuale DAM

42 Ricerca di file allrsquointerno del DAM e modifica delle meta-informazioni 51

CAPITOLO 5

Modulo Pagine di download

51 Inserimento e configurazione pagine di download

La creazione di pagine di download egrave utile quando si vuole mettere a disposizione una lista di uno o piugravefile in forma scaricabile

Per creare una pagina di download egrave necessario seguire i seguenti passi

1 Creare una pagina standard

2 Inserire il plugin DAM Download List

3 Configurare il plugin

Per creare una pagina egrave sufficiente entrare nel modulo Pagina e selezionare Crea nuovo record per accederealla finestra di creazione pagine

Nellrsquoesempio in figura Backend creazione contenuto (page 52) egrave stata creata la pagina denominata ldquoPaginadownloadrdquo come figlio della pagina ldquoPagina di provardquo

Figura 51 Backend creazione contenuto

Una volta creata la pagina occorre configurarla in maniera tale da permettere la visualizzazione di unalista di file scaricabili Per fare ciograve occorre inserire un plugin denominato ldquoDAM Download Listrdquo Unplugin egrave un contenuto speciale da inserire in una pagina

52

DocWeb Release 101

Per inserirlo come per un contenuto occorre seguire i seguenti passi (figura Backend creazione contenuto(page 52))

1 Selezionare la pagina in cui inserire il plugin Nellrsquoesempio la pagina denominata ldquoPaginadownloadrdquo

2 Selezionare la voce Clicca qui per il wizard nella maschera che compare quando si vuole inserire unnuovo record

Figura 52 Wizard nuovo contenuto

Oltre ai normali contenuti standard il wizard permette di selezionare (figura Wizard nuovo contenuto(page 53))

1 Contenuti speciali

2 Moduli

3 Plugins

Allrsquointerno della lista dei Plugins selezionare DAM Lista dei file scaricabili (punto 4 nella figura Wizardnuovo contenuto (page 53))

Dopo aver selezionato il plugin occorreragrave selezionare la posizione della pagina in cui inserire lrsquoelemento

Selezionare ldquoNormalerdquo

A questo punto il plugin egrave inserito nella pagina desiderata

51 Inserimento e configurazione pagine di download 53

DocWeb Release 101

Oltre allrsquoinserimento occorre configurare il plugin in modo da dirgli quali file far visualizzare

Una volta che il plugin viene inserito viene aperta una finestra (figura Contenuto pagina (page 54)) doveviene richiesto di selezionare dei file inseriti nel sistema

Figura 53 Contenuto pagina

Per proseguire correttamente egrave necessario salvare immediatamente il Contenuto Pagina altrimenti leoperazioni successive potrebbero andare perse

Per inserire i file nella lista occorre effettuare la seguente operazione (figura Contenuto pagina (page 54))

1 Nella parte della maschera denominata DAM Lista di file scaricabili selezionare lrsquoicona SfogliaRecord (cerchiata in rosso) per avviare la procedura di selezione dei file

Selezionando la voce Sfoglia Record verragrave aperto lrsquoElement Browser di TYPO3 che ci permette di se-lezionare i file da inserire nel plugin La finestra (figura Element browser (page 55)) egrave composta di dueschede

1 Media ndash permette di selezionare i file giagrave esistenti nel sistema

2 Upload ndash permette di caricare nuovi file

Selezionando la sezione Media egrave possibile selezionare dalla lista i file da inserire

51 Inserimento e configurazione pagine di download 54

DocWeb Release 101

Figura 54 Element browser

Se la lista dei file fosse troppo lunga egrave possibile effettuare delle ricerche per nome e per tipologia di file(doc htm )

Per cercare per nome (figura Ricerca per nome (page 55)) occorre inserire nella casella di testo Cercastringa (punto 1 nella figura sopra) il nome o parte del nome del file da cercare Una volta specificata lastringa di ricerca premere il tasto Cerca (punto 2)

Figura 55 Ricerca per nome

Per cercare un particolare tipo di file selezionare il nome dellrsquoestensione che si desidera dallrsquoelenco deitipi di file (figura Ricerca per tipo (page 56))

Nota I due tipi di ricerca possono essere usati contemporaneamente

Selezionando la voce informazioni (punto 1 nella figura Selezione file (page 56)) egrave possibile visualizzarele meta-informazioni associate al file

Premendo con il mouse sul nome del file (punto 2) o sullrsquoicona associata (punto 3) si inserisce il file nellalista dei file da far visualizzare nella pagina di download mediante lrsquoapposito plugin

Selezionando la scheda Upload si puograve inserire un file non presente nel sistema (figura Caricamentoimmediato file (page 56))

51 Inserimento e configurazione pagine di download 55

DocWeb Release 101

Figura 56 Ricerca per tipo

Figura 57 Selezione file

Figura 58 Caricamento immediato file

51 Inserimento e configurazione pagine di download 56

DocWeb Release 101

Scegliere i file dal proprio PC seguendo le operazioni giagrave descritte nel modulo DAM e selezionare dallascheda Media i nuovi file inseriti

Nella figura Plugin con file selezionati (page 57) egrave visualizzato un esempio di maschera di configurazionedel plugin con la lista dei file selezionati

Figura 59 Plugin con file selezionati

I file una volta inseriti possono essere ordinati selezionando sugli appositi bottoni posti a destra dellalista file

bull Per ordinare un determinato file occorre

bull Selezionare un file

Premere uno dei tasti (figura sopra) per

1 Spostare in prima posizione

2 Spostare in alto di una posizione

3 Spostare in basso di una posizione

4 Spostare in ultima posizione

5 Rimuovere dalla lista il file selezionato

Una volta eseguiti i passaggi sopra descritti salvare la configurazione del plugin

51 Inserimento e configurazione pagine di download 57

CAPITOLO 6

Modulo Sitemap

Ersquo possibile generare una mappa del sito scegliendo un contenuto speciale di tipo ldquoMappa del Sitordquo comemostrato nella figura Contenuto mappa del sito (page 58)

Figura 61 Contenuto mappa del sito

Per scegliere un record di tipo ldquomappa del sitordquo (per visualizzare cioegrave la vista dei contenuti possibili)saragrave necessario portarsi in modalitagrave ldquopaginardquo compiendo gli stessi passaggi descritti per la creazione dicontenuti semplici in fase di creazione delle pagine (in questo caso selezionando il contenuto specialemappa)

58

DocWeb Release 101

61 Scheda di configurazione Mappa

La scheda di configurazione si presenta come nella figura Scheda mappa del sito (page 59)

Figura 62 Scheda mappa del sito

I campi fondamentali da personalizzare sono lrsquointestazione (ossia il titolo pagina) il tipo di menugrave e ilpunto di partenza Nellrsquointestazione viene inserito come di consuetudine il titolo pagina

62 Tipo di mappa

Ersquo possibile scegliere il tipo di mappa che si desidera creare consultando il menugrave a tendina ldquotipo di menugraverdquoche ci offriragrave diverse opzioni

Le piugrave frequentemente usate sono di tipo ldquoMenugrave delle sottopagine rdquo come indicato nella figura Tipo dimenu (page 60)

Menugrave delle sottopagine di queste pagine Scegliendo questa opzione da una pagina padre sigenereragrave un record che mostreragrave al suo interno tutte le sottovoci figlio con relativo link

Menugrave delle sottopagine di queste pagine (con abstract) Genera una mappa sia delle sottopagineche dei sottotitoli

Menugrave delle sottopagine di queste pagine + sezioni Genera una mappa sia delle sottopagine chedei record (link alle intestazioni dei singoli record)

Selezionando voci di menugrave di sottopagine egrave anche possibile stabilire un determinato punto di partenzasfogliando lrsquoapposito record

61 Scheda di configurazione Mappa 59

DocWeb Release 101

Figura 63 Tipo di menu

63 Il ldquopunto di partenzardquo della mappa

Il ldquopunto di partenzardquo dei Menugrave delle sottopagine Scheda mappa del sito (page 59) costituisce la paginadalla quale il sistema partiragrave per creare la mappa

Si potragrave quindi creare una mappa (di tipo menugrave delle sottopagine) che mostri solamente il percorso diquella porzione di menugrave che si intende mostrare

63 Il ldquopunto di partenzardquo della mappa 60

CAPITOLO 7

Modulo News

71 Inserimento e modifica di news

Alcune sezioni del nostro sito potrebbero essere state configurate per permettere la visualizzazione dinotizie

Per poter visualizzare le news correttamente occorre che queste ultime vengano inserite in una determi-nata posizione allrsquointerno del backend Da questa posizione che chiameremo repository delle news lenostre pagine andranno a prelevare le news da visualizzare al loro interno

Figura 71 Backend news

Nellrsquoesempio presentato nella figura Backend news (page 61) distinguiamo

1 il repository delle news che egrave stato creato

2 Un esempio di come potrebbe apparire il contenuto del repository delle news (lista delle news)

Per poter visualizzare il contenuto del repository delle news occorre seguire i seguenti passi

1 entrare nel modulo Pagina

61

DocWeb Release 101

2 selezionare il repository delle news corrispondente (nellrsquoesempio della figura Backend news (page 61)il Repository delle news si chiama ldquoNews Area Testrdquo)

Poniamo ora la nostra attenzione alla lista delle news (figura Lista news (page 62)) Da qui egrave possibile

bull Inserire una nuova notizia

bull Modificare le notizie giagrave esistenti

Per inserire una nuova notizia occorre selezionare la voce Crea nuovo record (figura Lista news (page 62))posta in fondo alla lista delle news

Figura 72 Lista news

A questo punto si apre la finestra di creazione Nuovo record da cui occorre selezionare la voce News(figura Nuovo record news (page 62))

Figura 73 Nuovo record news

Eseguendo le operazioni sopra descritte si accede alla maschera di inserimento news (figura Inserimentonews scheda generale (page 63))

Questa si compone di due schede una denominata Generale e unrsquoaltra denominata Relations

Nella scheda Generale egrave possibile inserire

Titolo in questo spazio egrave possibile specificare un titolo della news

Nascondi questo controllo determina se la news egrave pubblicabile oppure no Come avviene per le pagineanche per le news egrave consigliabile tenere la news nascosta durante la lavorazione Facciamo notare

71 Inserimento e modifica di news 62

DocWeb Release 101

Figura 74 Inserimento news scheda generale

71 Inserimento e modifica di news 63

DocWeb Release 101

che appena viene aperta la maschera di inserimento di una nuova news il controllo appare giagrave instato nascosto

Dataora in questo spazio viene indicata la data e lrsquoora della creazione della news in base ai parametridi sistema

Data Archiviazione in questo spazio viene inserita la data di Archiviazione di una news

Autore permette di specificare un autore della news

Email permette di specificare un e-mail a cui fare riferimento

Sottointestazione questo campo conterragrave una breve descrizione (abstract) della news La sottointes-tazione egrave quella parte della news che compare quando viene visualizzata la lista delle news e serveper dare una breve descrizione al contenuto della news (si veda Esempio news (page 64))

Figura 75 Esempio news

Durante lrsquoinserimento di una news egrave consigliabile specificare sempre una sottointestazione

Testo egrave il campo che contiene il contenuto vero e proprio della news Egrave possibile utilizzare tutte lefunzionalitagrave messe a disposizione dallrsquoeditor RTE

72 Modalitagrave Relations

Nella modalitagrave Relations (figura Inserimento news scheda relations (page 65)) egrave possibile inserire

Immagini contiene una lista di immagini da associare alla news Il procedimento per la se-lezionecaricamento delle immagini egrave stato descritto nella parte dedicata alla creazione di paginedi download a cui vi rimandiamo

Didascalia permette di specificare una descrizione per lrsquoimmagine associata alla news

Image alttext e Image titletext permette di specificare un testo che in visualizzazione (Frontend)compariragrave al passaggio del mouse sopra lrsquoimmagine

News correlate permette di specificare news o pagine del sito da associare alla news Il procedimentodi selezione delle news da associare alla notizia saragrave spiegato successivamente

DAM elements permette di assegnare alla news dei documenti da scaricare come per esempioil programma di un determinato evento Anche in questo caso il procedimento per la se-lezionecaricamento dei documenti egrave quello giagrave descritto nella parte dedicata alla creazione dipagine di download

Descriviamo il procedimento da seguire per associare alcune pagine o alcune news alla notizia che stiamoinserendo

Premere il tasto di Sfoglia Record evidenziato nella figura Sfoglia record news (page 65)

Verragrave aperta una finestra che contiene un Element Browser che ci permette di selezionare le newspagine(figura Element browser news (page 66)) da associare

La finestra di selezione si suddivide nelle seguenti parti (figura sopra)

Alberatura del sito da cui egrave possibile esplorare gli elementi del nostro sito (pagine sysfolder )Premendo con il tasto sinistro del mouse sul nome della pagina o sulla freccia corrispondente verragraveaggiornata la parte di destra della finestra in cui egrave inserita la lista degli elementi associabili

72 Modalitagrave Relations 64

DocWeb Release 101

Figura 76 Inserimento news scheda relations

Figura 77 Sfoglia record news

72 Modalitagrave Relations 65

DocWeb Release 101

Figura 78 Element browser news

Lista degli elementi associabili egrave quindi possibile selezionare gli elementi da associare alla newsPer associare un elemento si puograve selezionare il simbolo ldquo+rdquo posto accanto allrsquoelemento desideratoo agendo sul nome del file Nel primo caso lrsquoelemento viene aggiunto ma la finestra non si chiuderagrave(utile per effettuare selezioni multiple) mentre nel secondo caso lrsquoelemento viene aggiunto e lafinestra si chiuderagrave (selezione singola)

Nota Per associare una o piugrave news alla notizia che stiamo inserendo occorreragrave innanzitutto selezionareil repository delle news e utilizzando i metodi descritti in precedenza indicare le news di interesse

Nella figura Selezione repository (page 66) viene visualizzato come appare lrsquoElement Browser dopo averselezionato il repository delle news denominato ldquoNews Corso Typo3rdquo

Figura 79 Selezione repository

Una volta ultimato il procedimento di inserimento di una news vedremo che nel repository compariragrave(figura News nel repository (page 67)) anche quella da noi creata Nellrsquoesempio la news creata si chiamaldquoTitolo della news di provardquo

Dalla lista delle news possiamo notare che i diversi tipi di news sono contrassegnati con icone diverse

In particolare distinguiamo

72 Modalitagrave Relations 66

DocWeb Release 101

Figura 710 News nel repository

bull News (icona ldquocelestinardquo)

bull Collegamento a URL esterna (icona ldquorosardquo)

bull Collegamento a pagina interna (icona ldquogiallinardquo)

Per modificare il contenuto di una news egrave sufficiente selezionare il simbolo di modifica (figura Modificanews (page 67)) in corrispondenza della news da modificare

Figura 711 Modifica news

73 News collegata a URL esterna e a pagina interna

Attraverso la selezione della finestra ldquoTipordquo egrave possibile scegliere diverse tipologie di news

Nella figura News collegata a url esterna (page 68) egrave stato selezionato il Collegamento a URL esterna checi offriragrave la possibilitagrave di specificare un link (ldquoURL esternordquo) da far visualizzare e che saragrave contraddistintain lista da lrsquoicona di colore rosa

Selezionando il Collegamento a pagina interna viene offerta la possibilitagrave di inserire un collegamento auna pagina del sito (evidenziato nella figura News collegata a pagina interna (page 69))

La news si presenteragrave con icona di color ldquogiallordquo e al suo interno conterragrave un link alla pagina interna alsito

73 News collegata a URL esterna e a pagina interna 67

DocWeb Release 101

Figura 712 News collegata a url esterna

73 News collegata a URL esterna e a pagina interna 68

DocWeb Release 101

Figura 713 News collegata a pagina interna

73 News collegata a URL esterna e a pagina interna 69

DocWeb Release 101

74 Eliminazione delle News

Per eliminare una news possiamo procedere tra lrsquoaltro in due modi

1 Selezionare la news da eliminare dallrsquoelenco e selezionare la voce ldquocancellardquo dal menugrave a tendinaconsultabile cliccando con il pulsante destro sullrsquoicona in corrispondenza della news (figura Eliminanews da menu contestuale (page 70))

Figura 714 Elimina news da menu contestuale

2 Entrare allrsquointerno della modalitagrave di modifica della news attraverso lrsquoicona ldquomatitardquo e selezionare lrsquoi-cona raffigurante il bidone di elimina posta in alto pagina (figura Elimina news da scheda contenuto(page 70))

Figura 715 Elimina news da scheda contenuto

75 Ordinamento delle News e ricerca

Puograve essere necessario durante la visualizzazione della lista delle news (lato backend) di dover effettuaredegli ordinamenti al fine di permettere una ricerca piugrave veloce delle news da modificare

74 Eliminazione delle News 70

DocWeb Release 101

Avvertimento Lrsquoordinamento ha valore solo come ricerca allrsquointerno del backend mentre latofrontend rispecchieragrave i parametri prestabiliti dal sistema

Supponiamo per esempio di voler effettuare un ordinamento per Titolo Seguiamo i seguenti passi(figura sotto)

1 Selezionare la voce di menugrave Lista

2 Selezionare il deposito delle news (repository) News Corso Typo3

3 Cliccare con il mouse in corrispondenza della voce ldquoTitolordquo

A questo punto (figura Ordinamento news (page 71)) le news vengono ordinate in ordine crescente(vengono visualizzate prima le news con titolo che inizia con la lettera a b e cosigrave via)

Figura 716 Ordinamento news

Se clicchiamo unrsquoaltra volta sulla voce ldquoTitolordquo il tipo di ordinamento cambia da crescente a decrescente(compariranno per prima le news con titolo che inizia per z )

Egrave inoltre possibile ordinare secondo campo da noi specificato Per definire il nome di un campo (ad estesto inizio autore ) su cui effettuare lrsquoordinamento occorreragrave spostarsi in fondo alla lista delle newsdove troveremo una lista di campi (figura Mostra campo aggiuntivo news (page 71))

Figura 717 Mostra campo aggiuntivo news

Dalla lista possiamo

bull Selezionare la voce in base alla quale effettuare lrsquoordinamento (ad esempio Immagini)

bull Premere il tasto Imposta campi per aggiungere alla lista dei campi visualizzati quello selezionato

75 Ordinamento delle News e ricerca 71

DocWeb Release 101

A questo punto il campo selezionato (nel nostro esempio il campo Immagini) compare nella lista dellenews (il campo aggiunto egrave evidenziato con un riquadro in alto a destra nella figura Ordinamento campoaggiuntivo news (page 72))

Figura 718 Ordinamento campo aggiuntivo news

Effettuare le stesse operazioni illustrate per il campo Titolo per ordinare in modo crescente e decrescentele news secondo il criterio impostato (click pulsante sinistro sul nome etichetta)

Egrave anche possibile ricercare le news in base al testo contenuto nel titolo sottotitolo descrizione eccUtilizzando la maschera di ricerca in fondo pagina (evidenziata nella figura Ricerca news (page 72))

Figura 719 Ricerca news

Per effettuare una ricerca egrave necessario seguire i seguenti passi

1 Inserire nel campo Cerca Stringa il testo da cercare (nel nostro esempio ldquonequerdquo)

2 Premere il tasto Cerca per eseguire la ricerca secondo i criteri impostati

In questo modo nella lista delle news compariranno solo quelle che contengono il testo specificatoEffettuata la ricerca egrave possibile effettuare degli ordinamenti come spiegato in precedenza

75 Ordinamento delle News e ricerca 72

CAPITOLO 8

Modulo Eventi

Avvertimento SEZIONE NON COMPLETA

Si confrontino i seguenti due tipi di contenuti

Evento egrave un tipo di contenuto adatto a descrivere qualcosa che accadragrave o che egrave accaduto in una certadata La data o le date in cui lrsquoevento ricorre sono strettamente legate ad un luogo in cui lrsquoeventosi verificheragravesi egrave verificato Gli eventi vengono rappresentati mediante la metafora dellrsquoagenda edel calendario

Notizia egrave un tipo di contenuto caratterizzato dalla data di pubblicazione secondo la metafora delgiornale online E come in un giornale online una notizia puograve riferirsi sia a fatti giagrave accaduti chea fatti a venire

Nota Per comprendere meglio la differenza tra i due tipi di contenuto si pensi che dato un eventoche ha una certa data di svolgimento (ad es 20 maggio) di tale evento posso realizzare piugrave di unanotizia Rimanendo nellrsquoesempio potrei pubblicare una notizia il 10 maggio per preannunciare lrsquoeventoe poi unrsquoaltra il 18 maggio per ricordarne lrsquoimminenza Infine potrei pubblicare una notizia di riepilogo(cronaca dellrsquoevento immagini ecc) il 22 maggio

81 Scopo del modulo Eventi

Il visitatore del sito deve poter cogliere le informazioni essenziali di un evento

bull Cosa sta per succedere

bull Dove accadragrave

bull Quando accadragrave

82 Il Backend ndash Modulo Pagina

Vedi figura Eventi vista modulo pagina (page 74)

83 Il Backend ndash Modulo Lista

Vedi figura Eventi vista modulo lista (page 74)

73

DocWeb Release 101

Figura 81 Eventi vista modulo pagina

Figura 82 Eventi vista modulo lista

83 Il Backend ndash Modulo Lista 74

DocWeb Release 101

84 Creazione di un evento

Prima di procedere poniamoci qualche domanda

bull Lrsquoevento appartiene a qualche rassegna iniziativa per la quale sono in programma altri eventiPer esempio

ndash Rassegne teatrali cinematografiche

ndash Festival

bull Lrsquoevento si ripete

ndash La replica avviene sempre nello stesso luogo

841 Creazione del record

Vedi figura Creazione nuovo evento (page 75)

Vedi figura Creazione nuovo record evento (page 76)

Figura 83 Creazione nuovo evento

842 Scheda ldquoGeneralerdquo

Vedi figura Evento scheda generale (page 76)

843 Scheda ldquoFinestra temporalerdquo

Orario repliche

Vedi figura Evento finestra temporale (page 78)

84 Creazione di un evento 75

DocWeb Release 101

Figura 84 Creazione nuovo record evento

Figura 85 Evento scheda generale

84 Creazione di un evento 76

DocWeb Release 101

bull Lrsquoorario va solo per le Finestre temporali di un giorno (data inizio = data fine)

bull Se non si conosce lrsquoora della fine impostare ora inizio = ora fine

844 Scheda ldquoTestordquo

Vedi figura Evento scheda testo (page 79)

84 Creazione di un evento 77

DocWeb Release 101

Figura 86 Evento finestra temporale

84 Creazione di un evento 78

DocWeb Release 101

Figura 87 Evento scheda testo84 Creazione di un evento 79

  • Introduzione
    • Cosegrave DocWeb
    • Concetti chiave
      • Funzionalitagrave di Base
        • Il CMS Typo3 ldquobackendrdquo e ldquofrontendrdquo
        • Cambio password di accesso
        • Albero delle pagine
        • Implementazione delle pagine ldquogenitori rdquo e ldquofiglirdquo
        • Inserimento Nuova pagina
        • Elementi standard della pagina
        • Inserimento contenuti di una pagina
        • Contenuti multipli allrsquointerno di una pagina
        • Modifica dei contenuti della pagina
        • Spostamento di pagine
        • Eliminazione pagine
        • Rich Text Editor
        • Modalitagrave Lista
        • Modalitagrave Mostra
        • Modalitagrave ldquoMonta come radice dellrsquoalberordquo
        • Ottenere il page-id di una pagina
        • Admin Panel
          • La Clipboard
            • Copia o spostamento di un contenuto singolo di pagina allrsquointerno di unrsquoaltra pagina
            • Copia o spostamento di piugrave contenuti da una pagina ad unrsquoaltra
              • Modulo DAM (Digital Asset Management)
                • Caricamento e Aggiornamento di file
                • Ricerca di file allrsquointerno del DAM e modifica delle meta-informazioni
                  • Modulo Pagine di download
                    • Inserimento e configurazione pagine di download
                      • Modulo Sitemap
                        • Scheda di configurazione Mappa
                        • Tipo di mappa
                        • Il ``punto di partenza della mappa
                          • Modulo News
                            • Inserimento e modifica di news
                            • Modalitagrave Relations
                            • News collegata a URL esterna e a pagina interna
                            • Eliminazione delle News
                            • Ordinamento delle News e ricerca
                              • Modulo Eventi
                                • Scopo del modulo Eventi
                                • Il Backend ndash Modulo Pagina
                                • Il Backend ndash Modulo Lista
                                • Creazione di un evento
Page 10: DocWeb€¦ · per la realizzazione e la gestione di siti web della Pubblica Am-ministrazione. La piattaforma tecnologica utilizzata è il CMS (Content Management System) Open SourceTypo31

DocWeb Release 101

Figura 27 Modifica password

23 Albero delle pagine

Si noti come lrsquoaspetto del Backend (figura Backend tripartito (page 8)) sia suddiviso in tre aree verticalisuddivise tra loro mediante una spessa riga grigia

bull La prima colonna a sinistra della pagina (punto 1) ci consentiragrave di compiere tutte le operazioninecessarie a lavorare creando e modificando contenuti ecc

bull la seconda colonna al centro della pagina (punto 2) rappresenta lrsquoalberatura vera e propria del sitoon-line In essa vedremo rispecchiati i menugrave le pagine e i contenuti testuali che verranno (o chesono) pubblicati

bull la terza area a destra della pagina (punto 3) rappresenta lrsquoambiente dove andremo materialmentead operare sulle pagine e sui contenuti

Nota La stringa in basso a sinistra ldquoModifica pagina con IDrdquo puograve essere utilizzata per selezionareuna pagina ricercandola tramite il suo numero ID Ad ogni pagina viene associato automaticamente unnumero (ID) unico e distinto per ognuna di esse

Il numero ID si rivela al passaggio del mouse (senza cliccare) sul simbolo grafico posto accanto alle vocidi menugrave nella colonna ndeg 2 Il numero ID viene anche riportato on-line come parte finale di un indirizzoweb

Esempio httpwwwentiprovinciapuitindexphpid=3018

Nellrsquoesempio il numero ID della pagina egrave 3018

Nella versione finale del portale potranno essere utilizzati URL statici (eshttpwwwentiprovinciapuitattivitahtml) per agevolare i collegamenti diretti ad alcune sezioni opagine del portale

23 Albero delle pagine 7

DocWeb Release 101

Figura 28 Backend tripartito

24 Implementazione delle pagine ldquogenitori rdquo e ldquofiglirdquo

Affincheacute un sito ldquofunzionirdquo egrave necessario che la distribuzione delle pagine con le rispettive sottopagine siachiara ed essenziale

Gli argomenti vanno sempre divisi ed organizzati per facilitare lrsquoindividuazione del contenuto la letturadel messaggio la comprensione dellrsquooggetto in essere Se ad esempio stessimo parlando di calcio sarebbesempre opportuno ed auspicabile creare una pagina ldquoSERIE Ardquo che introduca allrsquoargomento trattato esuccessivamente collegare allrsquointerno della categoria altre pagine ldquoRomardquo ldquoJuventusrdquo ldquoMilanrdquo che a lorovolta possano condurre ad altri argomenti ldquocalciatorirdquo fino a ridurre il tutto ai minimi termini

25 Inserimento Nuova pagina

Selezionare (figura Seleziona pagina (page 8)) con un click del pulsante sinistro la prima voce ldquopaginardquodella colonna 1

Figura 29 Seleziona pagina

Nella seconda colonna portiamoci su una delle voci dellrsquoelenco (preferibilmente al livello in cui si desiderainserire la pagina) e facciamo click con il pulsante destro del mouse Si apriragrave (figura Seleziona nuovo(page 9)) un ulteriore menugrave di opzioni a tendina dal quale scegliamo la 3deg voce ldquonuovordquo

24 Implementazione delle pagine ldquogenitori rdquo e ldquofiglirdquo 8

DocWeb Release 101

Figura 210 Seleziona nuovo

Verragrave caricata nella 3deg area una schermata come indicato nella figura Vista Backend (page 10)

Scegliamo la 1deg opzione ldquoPagina (dentro)rdquo cliccando con il pulsante sinistro del mouse sulla voce ldquoCliccaqui per il wizardrdquo Si caricheragrave la schermata di figura Seleziona posizione (page 10)

Si noti come la schermata riproduca le pagine esistenti ed il loro posizionamento nel menugrave potremoindicare cliccando sulle frecce grigie la posizione dove desideriamo inserire la nostra pagina Scegliamoad esempio di voler inserire la nostra pagina allrsquointerno della sezione ldquoTest Abanetrdquo

Avvertimento Ovviamente la sezione ldquoTest Abanetrdquo egrave solo un esempio Usare le sezioni presentinel vosto sito di riferimento

Andremo quindi a cliccare sulla freccia che si trova appunto allrsquointerno del record (come indicato infigura)

Verragrave caricata una schermata che ci chiederagrave di specificare altri elementi indispensabili alla creazione diuna nuova pagina (vedi sezione successiva)

26 Elementi standard della pagina

Si faccia riferimento alla (figura Modifica intestazioni pagina (page 11))

Nascondi pagina In fase di elaborazione di una nuova pagina egrave sempre bene puntare il piccolo quadratoin basso a sinistra della sezione ldquonascondi paginardquo in modo tale da permetterci di lavorare suicontenuti in tutta tranquillitagrave prima della pubblicazione on-line

Tipo Assegna alla pagina una determinata tipologia o scopo

Titolo pagina Indicare il titolo della pagina (ad es ldquoPagina di Provardquo

Selezione di template per lrsquoarea contenuti Ersquo la possibilitagrave di variare lo ldquoschemardquo di visualiz-zazione della pagina (es pagina a 3 colonne pagina a due colonne con menu di navigazionesulla sinistra etc)

Salvare Ogni operazione deve essere salvata per essere resa effettiva

261 Varie opzioni di salvataggio

In relazione al punto (5) nella fase di salvataggio si noti come ci vengono proposte diverse icone (figuraIcone salvataggio (page 11))

26 Elementi standard della pagina 9

DocWeb Release 101

Figura 211 Vista Backend

Figura 212 Seleziona posizione

26 Elementi standard della pagina 10

DocWeb Release 101

Figura 213 Modifica intestazioni pagina

Figura 214 Icone salvataggio

26 Elementi standard della pagina 11

DocWeb Release 101

1 Il documento viene salvato lrsquoambiente si ricarica automaticamente il menugrave centrale si aggiornacon la comparsa della pagina da noi creata nella posizione da noi assegnata

2 Il documento viene salvato lrsquoambiente si ricarica automaticamente il menugrave centrale si aggiornacon la comparsa della pagina da noi creata nella posizione da noi assegnata e si apre una nuovafinestra del browser contenente la preview (anteprima di visualizzazione) della nostra pagina

3 Il documento viene salvato lrsquoambiente si ricarica automaticamente sulla schermata successivail menugrave centrale si aggiorna con la comparsa della pagina da noi creata nella posizione da noiassegnata

4 Il documento viene chiuso e non salvato

5 Elimina la pagina

Nota La quinta icona (ldquoElimina paginardquo) compariragrave solo dopo aver salvato il documento la primavolta Inoltre gli stessi simboli si ritroveranno anche in fase di modifica di pagine giagrave create

Da osservare il simbolo proposto accanto alla nuova pagina da noi creata (figura Pagina nascosta(page 12)) ad indicare la modalitagrave ldquonascostardquo

Figura 215 Pagina nascosta

Lrsquoicona posta a sinistra ricorda una pagina con una ldquoXrdquo rossa in alto a destra e indica che la pagina egravenascosta (punto 1 modifica intestazioni) e non visibile dallrsquoesterno

Le altre voci con simbolo diverso di pagina su sfondo giallo sono on-line e quindi consultabili dal FrontEnd

Pubblicata la pagina nascosta lrsquoicona cambieragrave automaticamente aspetto e la voce di menugrave saragraveconsultabile anche dal Front End

27 Inserimento contenuti di una pagina

Avendo precedentemente creato e salvato una pagina ldquoPagina di Provardquo andiamo ad inserire un contenuto

Ersquo possibile procedere in due modi effettuare un click con il pulsante sinistro del mouse sulla icona o sultitolo ldquoPagina di Provardquo oppure cliccare con il pulsante destro del mouse sullrsquoicona posta a sinistra deltitolo pagina e scegliere ldquomodificardquo

In entrambe i casi il sistema aggiorna la terza area (vedi figura Backend tripartito (page 8)) doveandremo a lavorare

Per creare un contenuto nella posizione di default (Normale) clicchiamo sullrsquoicona cerchiata di rosso (vedifigura Crea contenuto normale (page 13)) nel box ldquonormalerdquo

In alternativa si puograve scegliere di usare la voce in basso a sinistra ldquoCrea nuovo recordrdquo e successivamentescegliere di creare un nuovo contenuto pagina con il ldquowizardrdquo

27 Inserimento contenuti di una pagina 12

DocWeb Release 101

Figura 216 Crea contenuto normale

Per entrambe le opzioni si apriragrave una schermata come nella figura Seleziona contenuto paragrafo(page 14))

Scegliamo di inserire un paragrafo di testo semplice Notiamo come il sistema ci consente di scegliereforme alternative di contenuti (es immagini sotto il testo a sinistra solo immagini ecc) Approfondire-mo in seguito le modalitagrave per creare contenuti piugrave articolati e contenuti multipli e selezioniamo la voceldquoparagrafo di testordquo

271 Paragrafo di testo

Allrsquointerno di un paragrafo di testo potremo inserire un contenuto e tutte le opzioni ad esso legato (figuraModifica contenuto testo (page 15))

Si noti come lrsquoarea egrave divisa in 4 blocchi orizzontali Tipo Intestazione Testo Opzioni generali Inbasso e in alto troviamo anche la serie di icone per il salvataggio del documento di cui abbiamo giagraveprecedentemente parlato

Area Tipo

Nel menugrave a tendina dellrsquoarea tipo egrave possibile modificare il tipo di contenuto che vogliamo inserire Laschermata ci dice che siamo su ldquotestordquo ma volendo potremmo anche cambiare con le altre forme dicontenuto a nostra disposizione

Area Intestazione

Rappresenta il titolo della pagina Viene inserito allrsquoinizio della pagina ed ha una rilevanza graficamaggiore rispetto al resto del contenuto

Un buon titolo egrave breve ma incisivo rispecchia in poche parole il contenuto della pagina riassumelrsquoargomento trattato

27 Inserimento contenuti di una pagina 13

DocWeb Release 101

Figura 217 Seleziona contenuto paragrafo

27 Inserimento contenuti di una pagina 14

DocWeb Release 101

Figura 218 Modifica contenuto testo

27 Inserimento contenuti di una pagina 15

DocWeb Release 101

Ersquo inoltre possibile anche se sconsigliabile associare un link allrsquointestazione cambiare la sua posizioneinserire una data

Testo

Rappresenta con il suo grande quadrilatero bianco lrsquoarea allrsquointerno della quale andremo ad inserire ilnostro testo

Digitando un semplice testo in visualizzazione questo assumeragrave colore dimensione e carattere inconformitagrave allo stile preimpostato per le pagine del sito

Per la formattazione del testo saragrave possibile usare lo strumento RTE (di seguito descritto)

Opzioni generali (parametri di visibilitagrave)

Apparizione programmata

Cliccando accanto al quadrato della voce ldquoInizio rdquo e ldquoFinerdquo si attiveragrave un modulo data che ci consentiragravedi impostare le date di Inizio pubblicazione e di Fine pubblicazione (depubblicazione) di una pagina

Potremo quindi stabilire quando una pagina dovragrave essere pubblicata eo quando dovragrave cessare di esserevisibile on-line La programmazione dellrsquoinizio di pubblicazione non implica che ci sia necessariamenteuna fine e vice versa

Ciograve significa che potremo quindi decidere di pubblicare una pagina in una certa data e che la pubblicazioneduri nel tempo (almeno fino a quando non decideremo di togliere la visualizzazione on-line manualmente)

Pagine nascoste

Ersquo possibile nascondere il contenuto delle pagine cliccando il quadrato a sinistra della voce ldquoNascondirdquoScegliendo questa opzione la pagina continueragrave ad esistere ma non saragrave visibile il suo contenuto

Lrsquoopzione si rileva particolarmente utile in caso di pagina strutturata su contenuti multipli

28 Contenuti multipli allrsquointerno di una pagina

Avendo creato una pagina potremo in ogni momento svilupparla ulteriormente aggiungendo ulterioricontenuti

Clicchiamo sul menugrave di sinistra sulla voce ldquoPaginardquo in modo da caricare il menugrave centrale contenentelrsquoalberatura del sito

Clicchiamo sul titolo della pagina da modificare con il pulsante sinistro oppure con il destro e scegliamoldquomodificardquo

A destra si apriragrave il nostro ambiente di lavoro come nella figua Modifica contenuto normale (page 17)

Vedremo in pratica la stessa schermata proposta per la creazione di una nuova pagina con lrsquoaggiunta dialcune icone come indicato in figura

1 Modifica

2 Nuovo record

3 Cerca Stringa

Cliccando su Modifica comrsquoegrave intuibile saremo riportati nella pagine dellrsquoeditor dove potremo modificareil nostro testo link immagini ecc

Cliccando su nuovo record invece avremmo la possibilitagrave di aggiungere un nuovo contenuto alla paginae nella posizione che sceglieremo

28 Contenuti multipli allrsquointerno di una pagina 16

DocWeb Release 101

Figura 219 Modifica contenuto normale

28 Contenuti multipli allrsquointerno di una pagina 17

DocWeb Release 101

Il contenuto non avragrave vincoli con i record precedenti pur apparendo nella stessa pagina del frontend Ciogravegarantisce una vantaggiosa gestione delle pagine che suddivise in ldquosezionirdquo potranno essere di volta involta pubblicate cancellate modificate a blocchi di contenuto senza toccare lrsquointera pagina

Si potragrave suddividere la stessa pagina in diverse aree (record) ossia ldquocontenuti multiplirdquo via via aggiornabilianche da altri utenti di redazione

Ersquo inoltre possibile effettuare una ricerca su di un contenuto di tipo testuale allrsquointerno delle pagine edei record utilizzando il campo ldquoCerca Stringardquo La ricerca puograve essere effettuata allrsquointerno della paginae dei suoi record ed estesa anche ai livelli inferiori

29 Modifica dei contenuti della pagina

Creata una pagina potremo modificarla ogni volta che saragrave necessario

Per modificare una pagina saragrave sufficiente selezionarla dal menugrave portandosi con il cursore del mouse aldi sopra del titolo e cliccando con il pulsante destro su di essa (figura Modifica pagina (page 18))

Una pagina da modificare potragrave anche essere raggiunta tramite la ricerca dellrsquoID (vedi capitolo 3 Alberodelle pagine)

Scegliere la voce ldquomodificardquo dal menugrave a tendina che si apriragrave dopo il click

Figura 220 Modifica pagina

A destra nellrsquoarea principale si apriragrave la schermata riportante il contenuto della pagina selezionata

Potremo scegliere lrsquoelemento da modificare cliccando sullrsquoicona matita

Nota Ricordarsi sempre di salvare per rendere effettive le modifiche e di ricontrollare la visualizzazionedella pagina modificata

Per modificare lrsquointestazione di una pagina egrave sufficiente selezionare la voce ldquoModifica intestazionirdquo dalmenugrave portandosi con il cursore del mouse al di sopra del titolo e cliccando con il pulsante destro su diesso (figura Menu modifica intestazioni pagina (page 19))

210 Spostamento di pagine

Oltre le modifiche stilistiche testuali e di contenuto di una pagina possiamo modificarne la posizione

29 Modifica dei contenuti della pagina 18

DocWeb Release 101

Figura 221 Menu modifica intestazioni pagina

Per spostare la posizione di una pagina allrsquointerno di un menugrave selezioniamola dal menugrave principale conclick sinistro del mouse

Nella schermata di destra scegliamo lrsquoicona

Si apriragrave un menugrave che ci mostreragrave lrsquoalberatura del nostro sito (esattamente come per lrsquoinserimento diuna nuova pagina) composto da pagine principali (genitori) e pagine ad esse collegate (figli)

A questo punto dovremo solo scegliere dove spostare la pagina muovendoci sulle frecce grigie sottostantie sovrastanti le varie voci di menugrave

Avvertimento Spostando una pagina genitore anche i figli vengono spostati con esso

211 Eliminazione pagine

Per eliminare le pagine egrave sufficiente selezionare la pagina in questione dal menugrave principale cliccando conil pulsante destro del mouse su di essa e scegliere la voce del menugrave a tendina che si apriragrave ldquoCancellardquo

Avvertimento Non egrave possibile cancellare una pagina genitore Ossia non egrave possibile cancellareuna pagina che al suo interno contiene altre pagine prima che questrsquoultime trovino una collocazionealternativa

212 Rich Text Editor

Quando si inserisce un contenuto nellrsquoarea di testo (inserito digitando direttamente allrsquointerno dellrsquoap-posita area o copiato e incollato da fonte esterna con la dovuta cautela) egrave possibile personalizzarlo eformattarlo utilizzando le funzionalitagrave previste dal Rich Text Editor (RTE)

Nota Un testo copiatoincollato da altri programmi va ldquoripulitordquo prima di essere pubblicato poicheacuteil modulo che utilizzeremo tende a mantenere la formattazione originaria del carattere delle immaginidei colori falsando la linea grafica omogenea e standard del nostro portale

In ogni modo quando si salva un documento il cui testo conteneva una formattazione proveniente ad es-empio da un documento di tipo word questo viene automaticamente ldquoripulito nel codicerdquo ed egrave opportunocontrollare la visualizzazione

211 Eliminazione pagine 19

DocWeb Release 101

Proviamo ad inserire ad esempio una semplice frase allrsquointerno del box testo (figura Box testo RTE(page 20))

Figura 222 Box testo RTE

La frase viene digitata direttamente nellrsquoarea testo mantenendo un tipo di formattazione ldquonormalerdquo

2121 Testo grassetto corsivo sottolineato (bold italic underline)

Proviamo a selezionare la frase ldquoProvincia di Pesaro e Urbinordquo tenendo premuto il pulsante sinistro delmouse trascinando il cursore dalla P di Provincia alla o di Urbino

In alternativa portare il cursore alla P di Provincia tenere tasto maiuscolo premuto e muoversi con lefrecce per selezionare il testo

Lrsquoesempio egrave utile per capire che per effettuare una determinata azione di tipo stilistico su una frase oparola egrave necessario che la frase o la parola siano preventivamente selezionate

Figura 223 Comandi box testo RTE

212 Rich Text Editor 20

DocWeb Release 101

Se il testo egrave stato selezionato correttamente vedremo la parola ldquoProvincia di Pesaro e Urbinordquo evidenziatadi blu scuro

Click sinistro sul simboloicona ldquoBrdquo (figura Comandi box testo RTE (page 20)) per creare un effettoldquograssettordquo al testo

Click sinistro sul simboloicona ldquoIrdquo per il corsivo-italico

Click sinistro sul simboloicona ldquoU ldquo per il sottolineato

Nota Il Grassetto dona alle parole un sapore piugrave incisivo e si utilizza per enfatizzare termini importantie di rilievo

LrsquoItalico viene usato comunemente per indicare le date gli indirizzi le citazioni

Il Sottolineato su web viene comunemente usato nelle parole ldquolinkaterdquo (ossia che rimandano ad altrepagine web) per cui se ne sconsiglia lrsquouso in un testo semplice per evitare confusione

2122 Elenco Puntato e Numerato

Portiamoci con il cursore allrsquointerno della box di testo

Selezioniamo lrsquoicona Lista non numerata (Elenco puntato semplice)

Vedremo comparire un simbolo tontoromboidale e potremo dare vita ad una lista

bull Voce 1

bull Voce 2

bull Voce 3 ecc

Allo stesso modo potremo creare una lista numerata avvalendoci dellrsquoicona ldquoLista numeratardquo

Lrsquoelenco viene numerato

1 Voce 1

2 Voce 2

3 Voce 3 ecc

2123 Pulsanti di Annulla e Ripristina

Compiuta una determinata azione egrave possibile tornare indietro o ripristinarla tramite i pulsanti ldquoAnnullalrsquoultima azionerdquo e ldquoRifai lrsquoultima azionerdquo

Piugrave volte si clicca sui pulsanti piugrave volte lrsquoazione viene ripetuta indietro ed avanti nel tempo

2124 Copia Taglia Incolla

Selezionando un testo potremo tagliarlo copiarlo e incollarlo

Copia selezionare il testo utilizzare lrsquoicona ldquocopia selezionerdquo per copiare

Taglia il testo viene eliminato ma resta in memoria per essere eventualmente incollato altrove odefinitivamente cancellato Ersquo possibile tenere in memoria solo lrsquoultimo testo o parola tagliato

Incolla Un testo precedentemente copiato o tagliato puograve essere incollato nuovamente o su diversoambiente

212 Rich Text Editor 21

DocWeb Release 101

2125 Rimuovi Formattazione

Ersquo possibile che il testo importato e incollato nellrsquoarea testo da altra fonte (es documento word) sildquosporchirdquo e ne acquisisca le caratteristiche stilistiche in maniera non corretta

Ersquo necessario pulire il testo selezionandolo e cliccando su ldquorimuovi formattazionerdquo

Si apriragrave un pop-up (nuova finestra) che ci proporragrave diversi elementi da pulire selezioniamo ciograve che ciinteressa e clicchiamo su OK

2126 Inserisci Caratteri Speciali

Alcune volte puograve essere necessario inserire dei caratteri o simboli non presenti sulla tastiera o nonconvenzionali per i quali esiste una mappa di caratteri speciali

Il sistema propone diversi tipi di caratteri speciali tra i piugrave comuni e frequentemente usati per adoperarliegrave sufficiente cliccare sullrsquoapposita icona ldquoInserisci Caratteri Specialirdquo

Una finestra ci mostreragrave una vasta gamma di simboli tra i quali potremo scegliere quello che ci interessa

2127 Inserisci Tabella

Per agevolare lrsquoinserimento di dati numerici in forma ldquoTabellarerdquo si puograve ricorrere allrsquoinserimento di unatabella contraddistinta dallrsquoapposito simbolo

La tabella puograve essere immaginata come una quaderno a ldquoquadrettirdquo dove ogni ldquoscacchettordquo corrispondead una cella

Scegliendo di inserire una tabella si apriragrave una finestra pop-up dove andremo ad inserire parametridi spaziatura fra celle numero di righe e colonne che compongono la tabella spessore del bordoallineamento rispetto alla pagina ecc

2128 Link

Ogni sito egrave composto da pagine consultabili e collegate tra loro tramite link

I link sono i collegamenti presenti sulle voci di menugrave parole immagini ecc

Ersquo possibile collegare pagine appartenenti ad uno stesso sito un indirizzo web di un sito esterno ounrsquoe-mail un file da scaricare un immagine ecc

Nota Immettendo nel testo un indirizzo web o e-mail completo il programma egrave in grado di capireautomaticamente che si tratta di un link e collegare gli elementi automaticamente

Volendo invece collegare elementi non scritti in forma completa si dovragrave procedere come segue

Selezioniamo la parola o frase che vogliamo collegare (come precedentemente visto) e clicchiamo sullrsquoiconaldquoInserisci Linkrdquo

Si apriragrave un pop-up come indicato nella prossima figura

Link ad una pagina interna al sito

La finestra ci propone lrsquoalberatura del nostro sito con le pagine in esso presenti (La voce attiva egraveldquopaginardquo di colore giallomarrone rispetto alle altre voci del pop-up)

Selezionando (figura Link interno (page 23)) la pagina che vorremo collegare il pop-up si chiuderagrave e laparola che avevamo selezionato precedentemente per il link cambieragrave aspetto

La vedremo blu e sottolineata il che indica che il link egrave attivato

212 Rich Text Editor 22

DocWeb Release 101

Figura 224 Link interno

Ersquo anche possibile creare dei link che aprono la pagina collegata allrsquointerno di una ldquofinestra di pop-uprdquocioegrave dentro una nuova finestra del browser Specificando le dimensioni di altezza e larghezza della nuovafinestra allrsquointerno degli appositi campi

Link ad una pagina esterna al sito

Selezioniamo una parola o frase che vogliamo collegare (come precedentemente visto) e clicchiamosullrsquoicona ldquoInserisci Linkrdquo

Scegliamo nel menugrave in alto proposto dal pop-up il bottone ldquoURL esternordquo (figura Link esterno (page 23))

Figura 225 Link esterno

Impostiamo nel campo URL lrsquoindirizzo web che vogliamo linkare prestando attenzione a scriverlo peresteso e senza cancellare http

Clicchiamo su ldquoImposta Linkrdquo

Il pop-up si chiuderagrave e la parola che avevamo selezionato precedentemente per il link cambieragrave aspetto

212 Rich Text Editor 23

DocWeb Release 101

La vedremo blu e sottolineata il che indica che il link egrave attivato

2129 Link ad unrsquoEmail

Come precedentemente visto scrivendo un indirizzo e-mail valido il programma di gestione egrave in grado dicapire che si tratta di un indirizzo di posta elettronica e il link viene impostato automaticamente

Tuttavia ci sono dei casi in cui non egrave possibile o si preferisce non indicare lrsquoindirizzo e-mail per estesoad esempio potremmo avere ldquoPer informazioni scrivicirdquo

Volendo potremmo fare in modo che sulla parola ldquoscrivicirdquo ci sia impostata la funzione di invio e-mail

Selezioniamo quindi la parola andiamo su ldquoInserisci Linkrdquo scegliendo poi ldquoEmailrdquo

Inseriamo lrsquoindirizzo E-mail nellrsquoapposito campo e clicchiamo su ldquoimposta Linkrdquo

21210 Link ad un file scaricabile

Per collegare un file (espdf txt gif ecc) egrave necessario copiarlo dal proprio PC al server web

Non egrave infatti possibile che una pagina pubblicata su internet prenda come link dei files che di fatto sonosalvati in una directory del nostro computer

Typo3 mette a disposizione un area dovrsquoegrave possibile pubblicare i files per poi essere resi disponibili ai linkossia rende disponibile lrsquo ldquoUploadrdquo dei files da pc a server

Scegliere dal menugrave di sinistra sotto la sezione ldquoMediardquo la voce ldquoFilerdquo (figura Seleziona file (page 24))

Figura 226 Seleziona file

Si apriragrave sulla destra una nuova area dove troveremo i campi utili a ldquosfogliarerdquo il contenuto del nostropc al fine di passare i file o i files dal nostro computer al manager

Effettuato il passaggio potremo ritornare alla nostra pagina e riprendere la procedura di ldquocreazione linkrdquoselezionando questa volta la voce ldquoFilerdquo del pop-up

I campi proposti sono del tutto simili a quelli di creazione di link su pagine del sito e un elenco di files(tutti quelli disponibili caricati) potranno essere collegati

213 Modalitagrave Lista

Selezionando la voce ldquolistardquo (figura Backend modalitagrave lista (page 25)) dal menugrave di sinistra egrave possibileesplorare una pagina ldquopadrerdquo e tutte le pagine ldquofiglirdquo ed essa associate

Avvertimento Ricordarsi di attivare la voce in basso ldquoVista Estesardquo

213 Modalitagrave Lista 24

DocWeb Release 101

Figura 227 Backend modalitagrave lista

Utilizzando le icone poste alla destra di ogni voce si possono compiere diverse operazioni di modificavisualizzazione spostamento copia e incolla pagina ecc come precedentemente descritto

Dunque potremo dire che la modalitagrave lista costituisce una scorciatoia per semplificare ogni sorta dioperazione soprattutto in presenza di un numero considerevole di files

214 Modalitagrave Mostra

Figura 228 Backend modalitagrave mostra

Selezionando la voce ldquoMostrardquo (figura Backend modalitagrave mostra (page 25)) dal menugrave di sinistra egrave possibilenavigare il sito allrsquointerno del docweb direttamente nel backend

214 Modalitagrave Mostra 25

DocWeb Release 101

Inoltre accanto ai vari record troveremo posta lrsquoicona matita per eseguire eventuali modifichedirettamente sul punto e la pagina prescelti

Anche la modalitagrave ldquoMostrardquo come la rdquoListardquo (cap 13) costituisce una scorciatoia particolarmente indicataper semplificare lrsquooperazione di visualizzazione del sito e di modifica

215 Modalitagrave ldquoMonta come radice dellrsquoalberordquo

Quando esistono diverse e numerose pagine egrave possibile gestire solo la porzione di contenuto che ci interessariducendo lrsquoalberatura del sito (lato backend) ai minimi termini mediante il comando ldquomonta come radicedellrsquoalberordquo

Per effettuare il comando procedere come segue

Cliccare con il pulsante destro del mouse sul titolo pagina dal menugrave centrale

Selezionare la voce ldquoaltre opzionirdquo dal menugrave a tendina (figuraMenu altre opzioni (page 26)) che compariragravecome conseguenza dellrsquoazione descritta al punto uno

Figura 229 Menu altre opzioni

Selezionare dallrsquoulteriore menugrave che si apriragrave (figura Seleziona monta come radice (page 26)) la voceldquoMonta come radice dellrsquoalberordquo

Figura 230 Seleziona monta come radice

Lrsquoalberatura si ridurragrave automaticamente mostrando solo la porzione selezionata

Per ripristinare lo stato di partenza selezionare la voce in alto nel menugrave centrale (figura Elimina DBmount (page 26)) ldquoElimina DB mount temporaneordquo

Figura 231 Elimina DB mount

Il menugrave si espanderagrave nuovamente mostrando tutte le voci esistenti

215 Modalitagrave ldquoMonta come radice dellrsquoalberordquo 26

DocWeb Release 101

216 Ottenere il page-id di una pagina

2161 Frontend (FE)

Da frontend si puograve ottenere il page-id della pagina corrente nei seguenti modi

1 dalla barra degli indirizzi del proprio browser (figura Id dallrsquourl (page 27)) Il numero della paginaegrave quello dopo la stringa ldquoid=rdquo Nella figura egrave cerchiata in verde la stringa ldquoid=rdquo e il numero dellapagina (page-id)

Figura 232 Id dallrsquourl

2 Puntando il mouse sulla scritta [id] a pieacute pagina e leggendo il tooltip (figura Id dal tooltip (page 27))

Figura 233 Id dal tooltip

3 Solo per browser Firefox dal menugrave di contesto scegliere la voce ldquoVisualizza info paginardquo si apreuna finestra consultare quindi la lista Meta sotto la scheda Generale (Id dagli attributi (page 28))

2162 Backend (BE)

Da backend egrave possibile ottenere il page-id nei seguenti modi

1 leggendo il tooltip puntando il mouse sullrsquoicona della pagina nel riquadro della struttura del sito(figura Id dal tooltip nel backend (page 28))

2 dal modulo di modifica delle intestazioni della pagina (figura Id dalle intestazioni pagina nel backend(page 28)) Il numero egrave tra le parentesi quadre dopo il titolo della pagina

217 Admin Panel

Quando si inseriscono contenuti con Typo3 (backend) egrave possibile visualizzare unrsquoanteprima della paginache si sta creando per vedere i risultati del lavoro svolto

Per visualizzare unrsquoanteprima di una pagina occorre (figura Menu mostra (page 29))

1 posizionarsi sulla pagina da visualizzare

2 premere il tasto sinistro del mouse in corrispondenza del nome

216 Ottenere il page-id di una pagina 27

DocWeb Release 101

Figura 234 Id dagli attributi

Figura 235 Id dal tooltip nel backend

Figura 236 Id dalle intestazioni pagina nel backend

217 Admin Panel 28

DocWeb Release 101

Figura 237 Menu mostra

3 selezionare la voce Mostra

In base alla pagina scelta si avragrave un risultato come quello visualizzato nella figura Anteprima pagina conAdmin panel (page 29)

Figura 238 Anteprima pagina con Admin panel

La pagina presenteragrave nella parte superiore lrsquoanteprima della pagina Nella parte inferiore vienevisualizzato uno strumento denominato Admin Panel

Questo oggetto offre lato front-end alcune funzionalitagrave (figura Moduli Admin panel (page 30)) cheaiutano i gestori di contenuti nella creazionemodifica delle pagine web del sito

NellrsquoAdmin panel (figura sopra) egrave possibile distinguere

217 Admin Panel 29

DocWeb Release 101

Figura 239 Moduli Admin panel

1 Modulo Preview ndash offre la possibilitagrave di selezionare alcune opzioni sulla pagina per simulare alcunesituazioni in cui la pagina si puograve trovare durante la visualizzazione

2 Modulo Cache ndash offre la possibilitagrave di gestire la cache

Allrsquointerno del modulo Preview abbiamo le seguenti voci

Mostra pagine nascoste selezionando la casella di controllo corrispondente a questa voce si visual-izzeranno anche quelle che attualmente non sono visibili allrsquointerno del sito o perchegrave in lavorazioneo perchegrave ancora non egrave stata data lrsquoautorizzazione alla pubblicazione

Mostra record nascosti come per le pagine questa voce offre la possibilitagrave di poter visualizzare allrsquoin-terno della pagina quei contenuti nascosti che non sono ancora ultimati o che sono in attesa di unautorizzazione per la pubblicazione

Simula data con questo controllo egrave possibile simulare il comportamento della pagina in periodi tem-porali diversi Utilizzando la casella di testo egrave possibile inserire delle date In questo modo sirende possibile la visualizzazione di quegli elementi (ad es pagine news ) che sono abilitati acomparirescomparire in base a determinati criteri temporali impostati

Simula gruppo di utenti con questo controllo egrave possibile simulare il comportamento delle pagine inbase ad un determinato gruppo di utenti che vi accede Alcune pagine possono infatti avere uncomportamento diverso in base al tipo di utente che vi accede

Nota Durante la creazione di pagine egrave possibile restringere la visione di una determinata pagina aparticolari tipi di utenti (utenti di frontend) Questa caratteristica offre la possibilitagrave di definire delle areead accesso riservato del sito ossia sezioni del sito a cui egrave possibile accedere solo dopo essersi autenticatie dopo avere avuto i necessari diritti di accesso

Una volta selezionate le opportune scelte allrsquointerno dellrsquoADMIN Panel occorreragrave premere il tasto Aggior-na (figura Aggiorna Admin panel (page 31)) per prendere visione della pagina secondo i criteri impostati

Nota Nel caso in cui lrsquoutente abbia la possibilitagrave di accedere da back-end a piugrave siti (ciascuno con unproprio dominio) bisogna tenere presente che lrsquoADMIN Panel compare soltanto per le pagine relativeal dominio con cui lrsquoutente ha fatto il login In altre parole se un operatore ad esempio egrave abilitatoa lavorare sulle pagine di backend dei siti httpwwwsitoesempio1it e httpwwwsitoesempio2it ese lrsquooperatore accede al backend di DocWeb con lrsquoindirizzo httpwwwsitoesempio1ittypo3 allora

217 Admin Panel 30

DocWeb Release 101

Figura 240 Aggiorna Admin panel

lrsquoADMIN Panel compariragrave solo sulle pagine di frontend del dominio wwwsitoesempio1it e non su quelledel dominio wwwsitoesempio2it

217 Admin Panel 31

CAPITOLO 3

La Clipboard

Lrsquooggetto clipboard (rdquoblocco degli appuntirdquo) egrave molto utile quando si ha la necessitagrave di copiare o spostareuno o piugrave elementi di contenuto o una o piugrave pagine da una sezione del sito (contenitore di pagine) adunrsquoaltra

31 Copia o spostamento di un contenuto singolo di pagina allrsquointernodi unrsquoaltra pagina

Per prima cosa egrave necessario (figura Identifica contenuto (page 32))

Figura 31 Identifica contenuto

1 selezionare la voce Lista

2 selezionare la pagina che contiene il contenuto che si intende copiare (nella figura abbiamo sceltola pagina denominata ldquoCorso di formazione su Typo3rdquo

32

DocWeb Release 101

3 identificare dalla lista dei contenuti associati alla pagina quello da spostare

Supponiamo che si desideri copiare il contenuto denominato ldquoTesto 2rdquo (figura Copia contenuto (page 33))

Figura 32 Copia contenuto

Egrave sufficiente cliccare sullrsquoicona (nella figura sopra evidenziata con un cerchio rosso) di copia incorrispondenza del contenuto da copiare

Dopo avere eseguito questa operazione nella figura Risultato copia contenuto (page 34) possiamo notare

1 Egrave comparsa unrsquoicona nuova che mette in evidenza che nella clipboard egrave presente un elemento

2 Lrsquoicona di copia in corrispondenza del contenuto da spostare ha cambiato aspetto

A questo punto lrsquooggetto che si intende copiare egrave presente nella nostra clipboard

Il passo successivo egrave quello di selezionare la pagina in cui andare a posizionare lrsquoelemento (paginadestinazione)

Rimanendo sempre allrsquointerno del modulo Lista occorreragrave selezionare dallrsquoalberatura delle pagine la pag-ina destinazione Il procedimento da seguire per posizionarsi sulla pagina egrave lo stesso descritto in prece-denza Nella figura Incolla contenuto (page 34) viene evidenziato il contenuto di una pagina (denominataldquoPagina di Provardquo) in cui vogliamo copiare il contenuto

Per copiare il contenuto della clipboard nella pagina selezionare lrsquoicona Incolla contenuto Clipboard

Confermando lrsquooperazione il contenuto saragrave copiato allrsquointerno della pagina selezionata

Per effettuare lo spostamento di un contenuto di pagina allrsquointerno di unrsquoaltra pagina cliccare sullrsquoicona

di Taglia al posto dellrsquoicona copia e ripetere le operazioni sopra descritte

1 Selezionando la casella Mostra clipboard (figura Vista clipboard (page 35)) egrave possibile visualiz-zare lrsquooggetto clipboard Nel caso in figura lrsquoelemento copiato in precedenza (Testo 2) egrave ancoradisponibile allrsquointerno della clipboard Utilizzando il procedimento descritto infatti il contenuto

31 Copia o spostamento di un contenuto singolo di pagina allrsquointerno di unrsquoaltra pagina 33

DocWeb Release 101

Figura 33 Risultato copia contenuto

Figura 34 Incolla contenuto

31 Copia o spostamento di un contenuto singolo di pagina allrsquointerno di unrsquoaltra pagina 34

DocWeb Release 101

selezionato rimane ancora a disposizione dellrsquoutente che potragrave selezionare altre pagine destinazionesu cui eventualmente andare a copiare il contenuto Nel caso in cui si selezioni un altro elementoad esempio ldquoTesto 1rdquo lrsquoelemento presente viene automaticamente sostituito

2 Dallrsquooggetto clipboard egrave possibile rimuovere un elemento premendo il bottone di Elimina postoaccanto ad esso

Figura 35 Vista clipboard

Con il procedimento descritto fino ad ora egrave possibile scegliere soltanto un contenuto alla volta

32 Copia o spostamento di piugrave contenuti da una pagina ad unrsquoaltra

Nel caso in cui ci si trovi nella necessitagrave di copiare piugrave di un contenuto da una pagina allrsquoaltra egrave necessarioseguire i passi seguenti

1 Selezionare il modulo Lista

2 Selezionare la pagina di origine da cui prelevare i contenuti

3 Selezionare la casella Mostra clipboard

4 Selezionare una clipboard tra quelle denominate ldquoClipboard 1rdquo ldquoClipboard 2rdquo ldquoClipboard 3rdquo(punto 3 figura Vista clipboard con contenuto selezionato (page 36))

Selezionando ad esempio la clipboard contrassegnata come ldquoclipboard 1rdquo si avragrave la seguente situazione

32 Copia o spostamento di piugrave contenuti da una pagina ad unrsquoaltra 35

DocWeb Release 101

Figura 36 Vista clipboard con contenuto selezionato

32 Copia o spostamento di piugrave contenuti da una pagina ad unrsquoaltra 36

DocWeb Release 101

1 In corrispondenza di ogni contenuto si evidenzia una Casella di selezione Sopra la colonna con lecaselle di selezione egrave comparsa una lista di bottoni tra cui al momento distinguiamo

2 Bottone di copia elementi nella clipboard

3 Bottone di selezione tuttinessuno

Scegliendo ad esempio i primi due elementi e premendo il pulsante di copia elementi nella clipboard sipuograve notare che (figura Copia nella clipboard (page 37))

Figura 37 Copia nella clipboard

1 La clipboard che abbiamo scelto per la selezione multipla (ldquoClipboard 1rdquo) contiene la lista deglioggetti che abbiamo scelto di copiare

2 Ersquo comparsa lrsquoicona di Incolla contenuto Clipboard

La procedura della selezione della pagina di destinazione rimane identica a quella giagrave utilizzata per lacopia di un contenuto singolo (selezionare la pagina di destinazione su cui andare a posizionare i contenutiselezionati)

Egrave importante fare notare che seguendo le operazioni descritte sopra si ottiene come risultato lospostamento dei contenuti dalla pagina origine a quella destinazione

Se si desidera copiare gli elementi selezionati egrave necessario una volta selezionati gli elementi da copiarepremere il tasto copia gli items invece di spostarli (evidenziato con un cerchio rosso nella figura Tagliadalla clipboard (page 38))

32 Copia o spostamento di piugrave contenuti da una pagina ad unrsquoaltra 37

DocWeb Release 101

Figura 38 Taglia dalla clipboard

32 Copia o spostamento di piugrave contenuti da una pagina ad unrsquoaltra 38

DocWeb Release 101

In questo modo dopo avere confermato lrsquooperazione i contenuti o le pagine da copiare saranno presentisia nella pagina origine che in quella destinazione

32 Copia o spostamento di piugrave contenuti da una pagina ad unrsquoaltra 39

CAPITOLO 4

Modulo DAM (Digital AssetManagement)

Il modulo DAM (Digital Asset Management) offre la possibilitagrave di raccogliere e catalogare contenuti informato digitale come immagini documenti presentazioni

Ogni file inserito puograve essere corredato di informazioni aggiuntive (meta-informazioni) come la descrizionelrsquoautore parole chiave ecc

Attraverso il modulo DAM egrave possibile svolgere le seguenti operazioni

bull Caricamento e Aggiornamento di file

bull Ricerca di file allrsquointerno del DAM e modifica delle meta-informazioni associate ai file

41 Caricamento e Aggiornamento di file

Lrsquooperazione di CaricamentoAggiornamento di file serve per sottoporre al sistema DAM un particolarecontenuto memorizzato in formato digitale

Lrsquoelemento caricato saragrave poi disponibile a chi inserisce contenuti

Per iniziare lrsquooperazione di caricamento di un file egrave sufficiente selezionare la voce File che si trovaallrsquointerno del modulo Media (figura Menu file (page 41))

La maschera che si apre (figura File upload (page 41)) offre le seguenti possibilitagrave

1 Selezione della posizione dove andare a caricareaggiornare il file

2 Specificare alcuni documenti da caricare (area File)

Concentrandoci sullrsquoarea File (figura Dettaglio file upload (page 42)) distinguiamo

1 Voce Show upload location browser (punto 1 figura sopra) egrave possibile visualizzare i file attualmentecaricati nel Mount Point selezionato

2 Lista di bottoni denominati Sfoglia da utilizzare nel caso in cui si desideri caricareaggiornareun file

Se si desidera caricare un file occorre cliccare sul bottone Sfoglia

La finestra che appare (figura Sfoglia file (page 42)) permette di selezionare dal proprio PC il file dacaricare

Per selezionare un file da caricare occorre

1 Esplorare le cartelle del proprio PC per trovare il file

40

DocWeb Release 101

Figura 41 Menu file

Figura 42 File upload

41 Caricamento e Aggiornamento di file 41

DocWeb Release 101

Figura 43 Dettaglio file upload

Figura 44 Sfoglia file

41 Caricamento e Aggiornamento di file 42

DocWeb Release 101

2 Inserire il nome del file nella casella di testo Nome file

3 Premere il tasto Apri

Una volta che si egrave selezionato un file egrave possibile

1 selezionare altri file da caricare seguendo gli stessi passi descritti in precedenza

2 effettuare lrsquooperazione di caricamento del file vero e proprio

Dallrsquoesempio abbiamo scelto di caricare un solo file

Il caricamento dei file viene eseguito premendo il bottone ldquoUpload filesrdquo che si trova in fondo alla listadei file selezionati (figura File selezionato (page 43))

Figura 45 File selezionato

Se tutto egrave stato eseguito correttamente appariragrave una finestra come quella nella figura Process files(page 44)

In questa maschera egrave possibile

1 Specificare le meta-informazioni per il singolo file come ad esempio il titolo parole chiavedescrizione

2 Avviare il processo di elaborazione multipla premendo il bottone Process selected files Con questoprocesso egrave possibile inserire o modificare le meta-informazioni per tutti i file della lista (in questocaso solo uno)

Se si vuole eseguire lrsquoinserimento delle meta-informazioni per singolo file la finestra che si apre egrave similea quella presentata in figura Elaborazione metainformazioni singolo file (page 44)

Nel caso si scelga di eseguire il processo di elaborazione multipla la maschera che compare (figuraElaborazione metainformazioni file multipli (page 45)) permette di selezionare le meta-informazioni chelrsquoutente intende inserire contemporaneamente per tutti i file della selezione

41 Caricamento e Aggiornamento di file 43

DocWeb Release 101

Figura 46 Process files

Figura 47 Elaborazione metainformazioni singolo file

41 Caricamento e Aggiornamento di file 44

DocWeb Release 101

Figura 48 Elaborazione metainformazioni file multipli

41 Caricamento e Aggiornamento di file 45

DocWeb Release 101

Se si seleziona la checkbox accanto alla voce che eventualmente saragrave inserita questa viene aggiuntaalle informazioni eventualmente giagrave presenti (modalitagrave append) Nellrsquoaltro caso le informazioni sarannosovrascritte

I campi Titolo e Descrizione sono obbligatori mentre il campo Parole chiavi puograve essere valorizzato adiscrezione dellrsquoutente Informazioni su come valorizzare i campi elencati sopra saranno descritte suapposite linee guida

Per completare lrsquoinserimentoaggiornamento delle meta-informazioni riguardanti il file caricato occorrepremere il tasto Send (figura Salva metainformazioni (page 46)) in fondo alla maschera per il salvataggiodelle informazioni

Figura 49 Salva metainformazioni

Tornando alla maschera di caricamento file e selezionando la checkbox in corrispondenza della voceSovrascrivi file esistenti (figura Carica file sovrascrivendo (page 46)) saragrave possibile aggiornare eventualifile che hanno lo stesso nome di quello che stiamo caricando

Questa procedura egrave utile quando si vuole aggiornare il contenuto di un file che egrave giagrave presente nel DAM

Figura 410 Carica file sovrascrivendo

Nel caso di aggiornamento di un file le meta-informazioni del file rimangono le stesse inserite inprecedenza Come si puograve notare non viene offerta la possibilitagrave di inserirne di nuove

Nel caso in cui un file con lo stesso nome sia giagrave caricato e non si desideri aggiornarlo il file inseritoper ultimo viene rinominato con un suffisso generato automaticamente dal DAM In questo caso la voceSovrascrivi file esistenti non deve essere selezionata (figura Carica file senza sovrascrivere (page 47))

Nellrsquoesempio in figura viene presentata la lista dei file presenti nel mount point selezionato

Da notare la presenza di un file che egrave stato rinominato dal DAM con un suffisso ldquo_01rdquo dato che nellastessa posizione era giagrave presente un file con lo stesso nome

41 Caricamento e Aggiornamento di file 46

DocWeb Release 101

Figura 411 Carica file senza sovrascrivere

41 Caricamento e Aggiornamento di file 47

DocWeb Release 101

42 Ricerca di file allrsquointerno del DAM e modifica delle meta-informazioni

Rimanendo sempre allrsquointerno del modulo Media selezioniamo la voce List egrave possibile effettuare dellericerche dei file e modificare le meta-informazioni associate ai file

Nella figura Backend media list (page 48) distinguiamo

Figura 412 Backend media list

1 Parte relativa ai Mount Point disponibili

2 Parte relativa ai tipi di file caricati nel sistema

3 Schede List Thumbnails Selection Process

Da questa sezione egrave possibile effettuare ricerche sui file caricati nel DAM

Le ricerche che si possono eseguire sono del tipo ldquotrova tutti i file pdf e docrdquo oppure ldquoelenca tutti i filedi tipo immagine ad eccezione dei file con estensione gifrdquo

Per prima cosa facendo click sul nome del tipo file (es gif oppure image) si seleziona solo quel tipo difile e si escludono tutti i criteri selezionati in precedenza

Per aggiungere un altro criterio di ricerca egrave sufficiente selezionare il ldquo+rdquo (punto 1 nella figura Criteri diselezione (page 49)) posto accanto al tipo di file che si vuole selezionare

Con il ldquo-ldquo(punto 2) saragrave possibile rimuovere il tipo di file dai criteri di ricerca

Selezionando ldquo=rdquo (punto 3) egrave possibile introdurre clausole del tipo ldquocerca un file che sia doc e presentenel Mount Point chiamato lsquoArea Testrsquordquo (ossia effettua una ricerca che risponda a tutti i criteri impostati)

Nellrsquoesempio della figura Salva selezione (page 49) sono stati selezionati tutti i tipi di immagine adeccezione dei file con estensione gif Questo risultato si ottiene nel seguente modo

1 selezionare il ldquo+rdquo accanto alla voce ldquoimagerdquo

2 premendo il tasto ldquo-ldquo in corrispondenza della voce ldquogifrdquo

I criteri impostati per la selezione possono essere salvati per un uso futuro Per salvare la selezioneoccorre (figura Salva selezione (page 49))

1 riempire il campo sotto la voce SELECTION con un nome che identifichi la ricerca

2 premere il tasto Save per salvare la modalitagrave di ricerca impostata

In questo modo saragrave possibile richiamare e rieseguire la ricerca impostata anche in futuro senza doverripetere il procedimento di scelta dei criteri mostrato in precedenza

42 Ricerca di file allrsquointerno del DAM e modifica delle meta-informazioni 48

DocWeb Release 101

Figura 413 Criteri di selezione

Figura 414 Salva selezione

42 Ricerca di file allrsquointerno del DAM e modifica delle meta-informazioni 49

DocWeb Release 101

Se in futuro saranno inseriti nuovi file che soddisfano la ricerca salvata questi verranno selezionati quandoverragrave richiamata la ricerca salvata

Dalla figura Ricerca salvata (page 50) egrave possibile notare come richiamare la ricerca salvata In questocaso abbiamo salvato la ricerca con il nome ldquoimmaginisenzagifrdquo

Figura 415 Ricerca salvata

Una volta che si egrave selezionata la ricerca egrave possibile

1 Premere il tasto Load per ricaricare la ricerca precedentemente impostata

2 Premere Remove per rimuovere la ricerca salvata

Una volta effettuata una particolare selezione di file egrave possibile (figura Schede backend media list(page 50))

Figura 416 Schede backend media list

1 vedere il contenuto della selezione (schede List e Thumbnails)

2 vedere i criteri impostati per la ricerca (scheda Selection)

3 modificare le meta-informazioni associate ai file (scheda Process) secondo quanto descritto inprecedenza

Nella figura Scheda selection (page 51) egrave visualizzato come selezionando la scheda Selection egrave possibileprendere visione dei criteri impostati nella ricerca (la ricerca egrave quella dellrsquoesempio precedente)

Selezionando le schede List e Thumbnails dopo avere effettuato una qualsiasi selezione si potrebbe avereuna situazione come quella mostrata nella figura Scheda list (page 51)

Cliccando sullrsquoicona corrispondente ad uno dei file presenti nella lista (selezionato con un cerchio rosso)egrave possibile accedere ad un menugrave contestuale (figura Menu contestuale DAM (page 51))che permette disvolgere le seguenti operazioni

Modifica Offre la possibilitagrave di visualizzare e modificare le meta-informazioni associate al file

Rinomina Selezionando la seguente voce egrave possibile assegnare un altro nome al file che si egrave caricato

Replace file Avvia lrsquooperazione di sostituzione del file

Info Visualizza informazioni relative al file

Cancella Rimuove il file dal DAM

42 Ricerca di file allrsquointerno del DAM e modifica delle meta-informazioni 50

DocWeb Release 101

Figura 417 Scheda selection

Figura 418 Scheda list

Figura 419 Menu contestuale DAM

42 Ricerca di file allrsquointerno del DAM e modifica delle meta-informazioni 51

CAPITOLO 5

Modulo Pagine di download

51 Inserimento e configurazione pagine di download

La creazione di pagine di download egrave utile quando si vuole mettere a disposizione una lista di uno o piugravefile in forma scaricabile

Per creare una pagina di download egrave necessario seguire i seguenti passi

1 Creare una pagina standard

2 Inserire il plugin DAM Download List

3 Configurare il plugin

Per creare una pagina egrave sufficiente entrare nel modulo Pagina e selezionare Crea nuovo record per accederealla finestra di creazione pagine

Nellrsquoesempio in figura Backend creazione contenuto (page 52) egrave stata creata la pagina denominata ldquoPaginadownloadrdquo come figlio della pagina ldquoPagina di provardquo

Figura 51 Backend creazione contenuto

Una volta creata la pagina occorre configurarla in maniera tale da permettere la visualizzazione di unalista di file scaricabili Per fare ciograve occorre inserire un plugin denominato ldquoDAM Download Listrdquo Unplugin egrave un contenuto speciale da inserire in una pagina

52

DocWeb Release 101

Per inserirlo come per un contenuto occorre seguire i seguenti passi (figura Backend creazione contenuto(page 52))

1 Selezionare la pagina in cui inserire il plugin Nellrsquoesempio la pagina denominata ldquoPaginadownloadrdquo

2 Selezionare la voce Clicca qui per il wizard nella maschera che compare quando si vuole inserire unnuovo record

Figura 52 Wizard nuovo contenuto

Oltre ai normali contenuti standard il wizard permette di selezionare (figura Wizard nuovo contenuto(page 53))

1 Contenuti speciali

2 Moduli

3 Plugins

Allrsquointerno della lista dei Plugins selezionare DAM Lista dei file scaricabili (punto 4 nella figura Wizardnuovo contenuto (page 53))

Dopo aver selezionato il plugin occorreragrave selezionare la posizione della pagina in cui inserire lrsquoelemento

Selezionare ldquoNormalerdquo

A questo punto il plugin egrave inserito nella pagina desiderata

51 Inserimento e configurazione pagine di download 53

DocWeb Release 101

Oltre allrsquoinserimento occorre configurare il plugin in modo da dirgli quali file far visualizzare

Una volta che il plugin viene inserito viene aperta una finestra (figura Contenuto pagina (page 54)) doveviene richiesto di selezionare dei file inseriti nel sistema

Figura 53 Contenuto pagina

Per proseguire correttamente egrave necessario salvare immediatamente il Contenuto Pagina altrimenti leoperazioni successive potrebbero andare perse

Per inserire i file nella lista occorre effettuare la seguente operazione (figura Contenuto pagina (page 54))

1 Nella parte della maschera denominata DAM Lista di file scaricabili selezionare lrsquoicona SfogliaRecord (cerchiata in rosso) per avviare la procedura di selezione dei file

Selezionando la voce Sfoglia Record verragrave aperto lrsquoElement Browser di TYPO3 che ci permette di se-lezionare i file da inserire nel plugin La finestra (figura Element browser (page 55)) egrave composta di dueschede

1 Media ndash permette di selezionare i file giagrave esistenti nel sistema

2 Upload ndash permette di caricare nuovi file

Selezionando la sezione Media egrave possibile selezionare dalla lista i file da inserire

51 Inserimento e configurazione pagine di download 54

DocWeb Release 101

Figura 54 Element browser

Se la lista dei file fosse troppo lunga egrave possibile effettuare delle ricerche per nome e per tipologia di file(doc htm )

Per cercare per nome (figura Ricerca per nome (page 55)) occorre inserire nella casella di testo Cercastringa (punto 1 nella figura sopra) il nome o parte del nome del file da cercare Una volta specificata lastringa di ricerca premere il tasto Cerca (punto 2)

Figura 55 Ricerca per nome

Per cercare un particolare tipo di file selezionare il nome dellrsquoestensione che si desidera dallrsquoelenco deitipi di file (figura Ricerca per tipo (page 56))

Nota I due tipi di ricerca possono essere usati contemporaneamente

Selezionando la voce informazioni (punto 1 nella figura Selezione file (page 56)) egrave possibile visualizzarele meta-informazioni associate al file

Premendo con il mouse sul nome del file (punto 2) o sullrsquoicona associata (punto 3) si inserisce il file nellalista dei file da far visualizzare nella pagina di download mediante lrsquoapposito plugin

Selezionando la scheda Upload si puograve inserire un file non presente nel sistema (figura Caricamentoimmediato file (page 56))

51 Inserimento e configurazione pagine di download 55

DocWeb Release 101

Figura 56 Ricerca per tipo

Figura 57 Selezione file

Figura 58 Caricamento immediato file

51 Inserimento e configurazione pagine di download 56

DocWeb Release 101

Scegliere i file dal proprio PC seguendo le operazioni giagrave descritte nel modulo DAM e selezionare dallascheda Media i nuovi file inseriti

Nella figura Plugin con file selezionati (page 57) egrave visualizzato un esempio di maschera di configurazionedel plugin con la lista dei file selezionati

Figura 59 Plugin con file selezionati

I file una volta inseriti possono essere ordinati selezionando sugli appositi bottoni posti a destra dellalista file

bull Per ordinare un determinato file occorre

bull Selezionare un file

Premere uno dei tasti (figura sopra) per

1 Spostare in prima posizione

2 Spostare in alto di una posizione

3 Spostare in basso di una posizione

4 Spostare in ultima posizione

5 Rimuovere dalla lista il file selezionato

Una volta eseguiti i passaggi sopra descritti salvare la configurazione del plugin

51 Inserimento e configurazione pagine di download 57

CAPITOLO 6

Modulo Sitemap

Ersquo possibile generare una mappa del sito scegliendo un contenuto speciale di tipo ldquoMappa del Sitordquo comemostrato nella figura Contenuto mappa del sito (page 58)

Figura 61 Contenuto mappa del sito

Per scegliere un record di tipo ldquomappa del sitordquo (per visualizzare cioegrave la vista dei contenuti possibili)saragrave necessario portarsi in modalitagrave ldquopaginardquo compiendo gli stessi passaggi descritti per la creazione dicontenuti semplici in fase di creazione delle pagine (in questo caso selezionando il contenuto specialemappa)

58

DocWeb Release 101

61 Scheda di configurazione Mappa

La scheda di configurazione si presenta come nella figura Scheda mappa del sito (page 59)

Figura 62 Scheda mappa del sito

I campi fondamentali da personalizzare sono lrsquointestazione (ossia il titolo pagina) il tipo di menugrave e ilpunto di partenza Nellrsquointestazione viene inserito come di consuetudine il titolo pagina

62 Tipo di mappa

Ersquo possibile scegliere il tipo di mappa che si desidera creare consultando il menugrave a tendina ldquotipo di menugraverdquoche ci offriragrave diverse opzioni

Le piugrave frequentemente usate sono di tipo ldquoMenugrave delle sottopagine rdquo come indicato nella figura Tipo dimenu (page 60)

Menugrave delle sottopagine di queste pagine Scegliendo questa opzione da una pagina padre sigenereragrave un record che mostreragrave al suo interno tutte le sottovoci figlio con relativo link

Menugrave delle sottopagine di queste pagine (con abstract) Genera una mappa sia delle sottopagineche dei sottotitoli

Menugrave delle sottopagine di queste pagine + sezioni Genera una mappa sia delle sottopagine chedei record (link alle intestazioni dei singoli record)

Selezionando voci di menugrave di sottopagine egrave anche possibile stabilire un determinato punto di partenzasfogliando lrsquoapposito record

61 Scheda di configurazione Mappa 59

DocWeb Release 101

Figura 63 Tipo di menu

63 Il ldquopunto di partenzardquo della mappa

Il ldquopunto di partenzardquo dei Menugrave delle sottopagine Scheda mappa del sito (page 59) costituisce la paginadalla quale il sistema partiragrave per creare la mappa

Si potragrave quindi creare una mappa (di tipo menugrave delle sottopagine) che mostri solamente il percorso diquella porzione di menugrave che si intende mostrare

63 Il ldquopunto di partenzardquo della mappa 60

CAPITOLO 7

Modulo News

71 Inserimento e modifica di news

Alcune sezioni del nostro sito potrebbero essere state configurate per permettere la visualizzazione dinotizie

Per poter visualizzare le news correttamente occorre che queste ultime vengano inserite in una determi-nata posizione allrsquointerno del backend Da questa posizione che chiameremo repository delle news lenostre pagine andranno a prelevare le news da visualizzare al loro interno

Figura 71 Backend news

Nellrsquoesempio presentato nella figura Backend news (page 61) distinguiamo

1 il repository delle news che egrave stato creato

2 Un esempio di come potrebbe apparire il contenuto del repository delle news (lista delle news)

Per poter visualizzare il contenuto del repository delle news occorre seguire i seguenti passi

1 entrare nel modulo Pagina

61

DocWeb Release 101

2 selezionare il repository delle news corrispondente (nellrsquoesempio della figura Backend news (page 61)il Repository delle news si chiama ldquoNews Area Testrdquo)

Poniamo ora la nostra attenzione alla lista delle news (figura Lista news (page 62)) Da qui egrave possibile

bull Inserire una nuova notizia

bull Modificare le notizie giagrave esistenti

Per inserire una nuova notizia occorre selezionare la voce Crea nuovo record (figura Lista news (page 62))posta in fondo alla lista delle news

Figura 72 Lista news

A questo punto si apre la finestra di creazione Nuovo record da cui occorre selezionare la voce News(figura Nuovo record news (page 62))

Figura 73 Nuovo record news

Eseguendo le operazioni sopra descritte si accede alla maschera di inserimento news (figura Inserimentonews scheda generale (page 63))

Questa si compone di due schede una denominata Generale e unrsquoaltra denominata Relations

Nella scheda Generale egrave possibile inserire

Titolo in questo spazio egrave possibile specificare un titolo della news

Nascondi questo controllo determina se la news egrave pubblicabile oppure no Come avviene per le pagineanche per le news egrave consigliabile tenere la news nascosta durante la lavorazione Facciamo notare

71 Inserimento e modifica di news 62

DocWeb Release 101

Figura 74 Inserimento news scheda generale

71 Inserimento e modifica di news 63

DocWeb Release 101

che appena viene aperta la maschera di inserimento di una nuova news il controllo appare giagrave instato nascosto

Dataora in questo spazio viene indicata la data e lrsquoora della creazione della news in base ai parametridi sistema

Data Archiviazione in questo spazio viene inserita la data di Archiviazione di una news

Autore permette di specificare un autore della news

Email permette di specificare un e-mail a cui fare riferimento

Sottointestazione questo campo conterragrave una breve descrizione (abstract) della news La sottointes-tazione egrave quella parte della news che compare quando viene visualizzata la lista delle news e serveper dare una breve descrizione al contenuto della news (si veda Esempio news (page 64))

Figura 75 Esempio news

Durante lrsquoinserimento di una news egrave consigliabile specificare sempre una sottointestazione

Testo egrave il campo che contiene il contenuto vero e proprio della news Egrave possibile utilizzare tutte lefunzionalitagrave messe a disposizione dallrsquoeditor RTE

72 Modalitagrave Relations

Nella modalitagrave Relations (figura Inserimento news scheda relations (page 65)) egrave possibile inserire

Immagini contiene una lista di immagini da associare alla news Il procedimento per la se-lezionecaricamento delle immagini egrave stato descritto nella parte dedicata alla creazione di paginedi download a cui vi rimandiamo

Didascalia permette di specificare una descrizione per lrsquoimmagine associata alla news

Image alttext e Image titletext permette di specificare un testo che in visualizzazione (Frontend)compariragrave al passaggio del mouse sopra lrsquoimmagine

News correlate permette di specificare news o pagine del sito da associare alla news Il procedimentodi selezione delle news da associare alla notizia saragrave spiegato successivamente

DAM elements permette di assegnare alla news dei documenti da scaricare come per esempioil programma di un determinato evento Anche in questo caso il procedimento per la se-lezionecaricamento dei documenti egrave quello giagrave descritto nella parte dedicata alla creazione dipagine di download

Descriviamo il procedimento da seguire per associare alcune pagine o alcune news alla notizia che stiamoinserendo

Premere il tasto di Sfoglia Record evidenziato nella figura Sfoglia record news (page 65)

Verragrave aperta una finestra che contiene un Element Browser che ci permette di selezionare le newspagine(figura Element browser news (page 66)) da associare

La finestra di selezione si suddivide nelle seguenti parti (figura sopra)

Alberatura del sito da cui egrave possibile esplorare gli elementi del nostro sito (pagine sysfolder )Premendo con il tasto sinistro del mouse sul nome della pagina o sulla freccia corrispondente verragraveaggiornata la parte di destra della finestra in cui egrave inserita la lista degli elementi associabili

72 Modalitagrave Relations 64

DocWeb Release 101

Figura 76 Inserimento news scheda relations

Figura 77 Sfoglia record news

72 Modalitagrave Relations 65

DocWeb Release 101

Figura 78 Element browser news

Lista degli elementi associabili egrave quindi possibile selezionare gli elementi da associare alla newsPer associare un elemento si puograve selezionare il simbolo ldquo+rdquo posto accanto allrsquoelemento desideratoo agendo sul nome del file Nel primo caso lrsquoelemento viene aggiunto ma la finestra non si chiuderagrave(utile per effettuare selezioni multiple) mentre nel secondo caso lrsquoelemento viene aggiunto e lafinestra si chiuderagrave (selezione singola)

Nota Per associare una o piugrave news alla notizia che stiamo inserendo occorreragrave innanzitutto selezionareil repository delle news e utilizzando i metodi descritti in precedenza indicare le news di interesse

Nella figura Selezione repository (page 66) viene visualizzato come appare lrsquoElement Browser dopo averselezionato il repository delle news denominato ldquoNews Corso Typo3rdquo

Figura 79 Selezione repository

Una volta ultimato il procedimento di inserimento di una news vedremo che nel repository compariragrave(figura News nel repository (page 67)) anche quella da noi creata Nellrsquoesempio la news creata si chiamaldquoTitolo della news di provardquo

Dalla lista delle news possiamo notare che i diversi tipi di news sono contrassegnati con icone diverse

In particolare distinguiamo

72 Modalitagrave Relations 66

DocWeb Release 101

Figura 710 News nel repository

bull News (icona ldquocelestinardquo)

bull Collegamento a URL esterna (icona ldquorosardquo)

bull Collegamento a pagina interna (icona ldquogiallinardquo)

Per modificare il contenuto di una news egrave sufficiente selezionare il simbolo di modifica (figura Modificanews (page 67)) in corrispondenza della news da modificare

Figura 711 Modifica news

73 News collegata a URL esterna e a pagina interna

Attraverso la selezione della finestra ldquoTipordquo egrave possibile scegliere diverse tipologie di news

Nella figura News collegata a url esterna (page 68) egrave stato selezionato il Collegamento a URL esterna checi offriragrave la possibilitagrave di specificare un link (ldquoURL esternordquo) da far visualizzare e che saragrave contraddistintain lista da lrsquoicona di colore rosa

Selezionando il Collegamento a pagina interna viene offerta la possibilitagrave di inserire un collegamento auna pagina del sito (evidenziato nella figura News collegata a pagina interna (page 69))

La news si presenteragrave con icona di color ldquogiallordquo e al suo interno conterragrave un link alla pagina interna alsito

73 News collegata a URL esterna e a pagina interna 67

DocWeb Release 101

Figura 712 News collegata a url esterna

73 News collegata a URL esterna e a pagina interna 68

DocWeb Release 101

Figura 713 News collegata a pagina interna

73 News collegata a URL esterna e a pagina interna 69

DocWeb Release 101

74 Eliminazione delle News

Per eliminare una news possiamo procedere tra lrsquoaltro in due modi

1 Selezionare la news da eliminare dallrsquoelenco e selezionare la voce ldquocancellardquo dal menugrave a tendinaconsultabile cliccando con il pulsante destro sullrsquoicona in corrispondenza della news (figura Eliminanews da menu contestuale (page 70))

Figura 714 Elimina news da menu contestuale

2 Entrare allrsquointerno della modalitagrave di modifica della news attraverso lrsquoicona ldquomatitardquo e selezionare lrsquoi-cona raffigurante il bidone di elimina posta in alto pagina (figura Elimina news da scheda contenuto(page 70))

Figura 715 Elimina news da scheda contenuto

75 Ordinamento delle News e ricerca

Puograve essere necessario durante la visualizzazione della lista delle news (lato backend) di dover effettuaredegli ordinamenti al fine di permettere una ricerca piugrave veloce delle news da modificare

74 Eliminazione delle News 70

DocWeb Release 101

Avvertimento Lrsquoordinamento ha valore solo come ricerca allrsquointerno del backend mentre latofrontend rispecchieragrave i parametri prestabiliti dal sistema

Supponiamo per esempio di voler effettuare un ordinamento per Titolo Seguiamo i seguenti passi(figura sotto)

1 Selezionare la voce di menugrave Lista

2 Selezionare il deposito delle news (repository) News Corso Typo3

3 Cliccare con il mouse in corrispondenza della voce ldquoTitolordquo

A questo punto (figura Ordinamento news (page 71)) le news vengono ordinate in ordine crescente(vengono visualizzate prima le news con titolo che inizia con la lettera a b e cosigrave via)

Figura 716 Ordinamento news

Se clicchiamo unrsquoaltra volta sulla voce ldquoTitolordquo il tipo di ordinamento cambia da crescente a decrescente(compariranno per prima le news con titolo che inizia per z )

Egrave inoltre possibile ordinare secondo campo da noi specificato Per definire il nome di un campo (ad estesto inizio autore ) su cui effettuare lrsquoordinamento occorreragrave spostarsi in fondo alla lista delle newsdove troveremo una lista di campi (figura Mostra campo aggiuntivo news (page 71))

Figura 717 Mostra campo aggiuntivo news

Dalla lista possiamo

bull Selezionare la voce in base alla quale effettuare lrsquoordinamento (ad esempio Immagini)

bull Premere il tasto Imposta campi per aggiungere alla lista dei campi visualizzati quello selezionato

75 Ordinamento delle News e ricerca 71

DocWeb Release 101

A questo punto il campo selezionato (nel nostro esempio il campo Immagini) compare nella lista dellenews (il campo aggiunto egrave evidenziato con un riquadro in alto a destra nella figura Ordinamento campoaggiuntivo news (page 72))

Figura 718 Ordinamento campo aggiuntivo news

Effettuare le stesse operazioni illustrate per il campo Titolo per ordinare in modo crescente e decrescentele news secondo il criterio impostato (click pulsante sinistro sul nome etichetta)

Egrave anche possibile ricercare le news in base al testo contenuto nel titolo sottotitolo descrizione eccUtilizzando la maschera di ricerca in fondo pagina (evidenziata nella figura Ricerca news (page 72))

Figura 719 Ricerca news

Per effettuare una ricerca egrave necessario seguire i seguenti passi

1 Inserire nel campo Cerca Stringa il testo da cercare (nel nostro esempio ldquonequerdquo)

2 Premere il tasto Cerca per eseguire la ricerca secondo i criteri impostati

In questo modo nella lista delle news compariranno solo quelle che contengono il testo specificatoEffettuata la ricerca egrave possibile effettuare degli ordinamenti come spiegato in precedenza

75 Ordinamento delle News e ricerca 72

CAPITOLO 8

Modulo Eventi

Avvertimento SEZIONE NON COMPLETA

Si confrontino i seguenti due tipi di contenuti

Evento egrave un tipo di contenuto adatto a descrivere qualcosa che accadragrave o che egrave accaduto in una certadata La data o le date in cui lrsquoevento ricorre sono strettamente legate ad un luogo in cui lrsquoeventosi verificheragravesi egrave verificato Gli eventi vengono rappresentati mediante la metafora dellrsquoagenda edel calendario

Notizia egrave un tipo di contenuto caratterizzato dalla data di pubblicazione secondo la metafora delgiornale online E come in un giornale online una notizia puograve riferirsi sia a fatti giagrave accaduti chea fatti a venire

Nota Per comprendere meglio la differenza tra i due tipi di contenuto si pensi che dato un eventoche ha una certa data di svolgimento (ad es 20 maggio) di tale evento posso realizzare piugrave di unanotizia Rimanendo nellrsquoesempio potrei pubblicare una notizia il 10 maggio per preannunciare lrsquoeventoe poi unrsquoaltra il 18 maggio per ricordarne lrsquoimminenza Infine potrei pubblicare una notizia di riepilogo(cronaca dellrsquoevento immagini ecc) il 22 maggio

81 Scopo del modulo Eventi

Il visitatore del sito deve poter cogliere le informazioni essenziali di un evento

bull Cosa sta per succedere

bull Dove accadragrave

bull Quando accadragrave

82 Il Backend ndash Modulo Pagina

Vedi figura Eventi vista modulo pagina (page 74)

83 Il Backend ndash Modulo Lista

Vedi figura Eventi vista modulo lista (page 74)

73

DocWeb Release 101

Figura 81 Eventi vista modulo pagina

Figura 82 Eventi vista modulo lista

83 Il Backend ndash Modulo Lista 74

DocWeb Release 101

84 Creazione di un evento

Prima di procedere poniamoci qualche domanda

bull Lrsquoevento appartiene a qualche rassegna iniziativa per la quale sono in programma altri eventiPer esempio

ndash Rassegne teatrali cinematografiche

ndash Festival

bull Lrsquoevento si ripete

ndash La replica avviene sempre nello stesso luogo

841 Creazione del record

Vedi figura Creazione nuovo evento (page 75)

Vedi figura Creazione nuovo record evento (page 76)

Figura 83 Creazione nuovo evento

842 Scheda ldquoGeneralerdquo

Vedi figura Evento scheda generale (page 76)

843 Scheda ldquoFinestra temporalerdquo

Orario repliche

Vedi figura Evento finestra temporale (page 78)

84 Creazione di un evento 75

DocWeb Release 101

Figura 84 Creazione nuovo record evento

Figura 85 Evento scheda generale

84 Creazione di un evento 76

DocWeb Release 101

bull Lrsquoorario va solo per le Finestre temporali di un giorno (data inizio = data fine)

bull Se non si conosce lrsquoora della fine impostare ora inizio = ora fine

844 Scheda ldquoTestordquo

Vedi figura Evento scheda testo (page 79)

84 Creazione di un evento 77

DocWeb Release 101

Figura 86 Evento finestra temporale

84 Creazione di un evento 78

DocWeb Release 101

Figura 87 Evento scheda testo84 Creazione di un evento 79

  • Introduzione
    • Cosegrave DocWeb
    • Concetti chiave
      • Funzionalitagrave di Base
        • Il CMS Typo3 ldquobackendrdquo e ldquofrontendrdquo
        • Cambio password di accesso
        • Albero delle pagine
        • Implementazione delle pagine ldquogenitori rdquo e ldquofiglirdquo
        • Inserimento Nuova pagina
        • Elementi standard della pagina
        • Inserimento contenuti di una pagina
        • Contenuti multipli allrsquointerno di una pagina
        • Modifica dei contenuti della pagina
        • Spostamento di pagine
        • Eliminazione pagine
        • Rich Text Editor
        • Modalitagrave Lista
        • Modalitagrave Mostra
        • Modalitagrave ldquoMonta come radice dellrsquoalberordquo
        • Ottenere il page-id di una pagina
        • Admin Panel
          • La Clipboard
            • Copia o spostamento di un contenuto singolo di pagina allrsquointerno di unrsquoaltra pagina
            • Copia o spostamento di piugrave contenuti da una pagina ad unrsquoaltra
              • Modulo DAM (Digital Asset Management)
                • Caricamento e Aggiornamento di file
                • Ricerca di file allrsquointerno del DAM e modifica delle meta-informazioni
                  • Modulo Pagine di download
                    • Inserimento e configurazione pagine di download
                      • Modulo Sitemap
                        • Scheda di configurazione Mappa
                        • Tipo di mappa
                        • Il ``punto di partenza della mappa
                          • Modulo News
                            • Inserimento e modifica di news
                            • Modalitagrave Relations
                            • News collegata a URL esterna e a pagina interna
                            • Eliminazione delle News
                            • Ordinamento delle News e ricerca
                              • Modulo Eventi
                                • Scopo del modulo Eventi
                                • Il Backend ndash Modulo Pagina
                                • Il Backend ndash Modulo Lista
                                • Creazione di un evento
Page 11: DocWeb€¦ · per la realizzazione e la gestione di siti web della Pubblica Am-ministrazione. La piattaforma tecnologica utilizzata è il CMS (Content Management System) Open SourceTypo31

DocWeb Release 101

Figura 28 Backend tripartito

24 Implementazione delle pagine ldquogenitori rdquo e ldquofiglirdquo

Affincheacute un sito ldquofunzionirdquo egrave necessario che la distribuzione delle pagine con le rispettive sottopagine siachiara ed essenziale

Gli argomenti vanno sempre divisi ed organizzati per facilitare lrsquoindividuazione del contenuto la letturadel messaggio la comprensione dellrsquooggetto in essere Se ad esempio stessimo parlando di calcio sarebbesempre opportuno ed auspicabile creare una pagina ldquoSERIE Ardquo che introduca allrsquoargomento trattato esuccessivamente collegare allrsquointerno della categoria altre pagine ldquoRomardquo ldquoJuventusrdquo ldquoMilanrdquo che a lorovolta possano condurre ad altri argomenti ldquocalciatorirdquo fino a ridurre il tutto ai minimi termini

25 Inserimento Nuova pagina

Selezionare (figura Seleziona pagina (page 8)) con un click del pulsante sinistro la prima voce ldquopaginardquodella colonna 1

Figura 29 Seleziona pagina

Nella seconda colonna portiamoci su una delle voci dellrsquoelenco (preferibilmente al livello in cui si desiderainserire la pagina) e facciamo click con il pulsante destro del mouse Si apriragrave (figura Seleziona nuovo(page 9)) un ulteriore menugrave di opzioni a tendina dal quale scegliamo la 3deg voce ldquonuovordquo

24 Implementazione delle pagine ldquogenitori rdquo e ldquofiglirdquo 8

DocWeb Release 101

Figura 210 Seleziona nuovo

Verragrave caricata nella 3deg area una schermata come indicato nella figura Vista Backend (page 10)

Scegliamo la 1deg opzione ldquoPagina (dentro)rdquo cliccando con il pulsante sinistro del mouse sulla voce ldquoCliccaqui per il wizardrdquo Si caricheragrave la schermata di figura Seleziona posizione (page 10)

Si noti come la schermata riproduca le pagine esistenti ed il loro posizionamento nel menugrave potremoindicare cliccando sulle frecce grigie la posizione dove desideriamo inserire la nostra pagina Scegliamoad esempio di voler inserire la nostra pagina allrsquointerno della sezione ldquoTest Abanetrdquo

Avvertimento Ovviamente la sezione ldquoTest Abanetrdquo egrave solo un esempio Usare le sezioni presentinel vosto sito di riferimento

Andremo quindi a cliccare sulla freccia che si trova appunto allrsquointerno del record (come indicato infigura)

Verragrave caricata una schermata che ci chiederagrave di specificare altri elementi indispensabili alla creazione diuna nuova pagina (vedi sezione successiva)

26 Elementi standard della pagina

Si faccia riferimento alla (figura Modifica intestazioni pagina (page 11))

Nascondi pagina In fase di elaborazione di una nuova pagina egrave sempre bene puntare il piccolo quadratoin basso a sinistra della sezione ldquonascondi paginardquo in modo tale da permetterci di lavorare suicontenuti in tutta tranquillitagrave prima della pubblicazione on-line

Tipo Assegna alla pagina una determinata tipologia o scopo

Titolo pagina Indicare il titolo della pagina (ad es ldquoPagina di Provardquo

Selezione di template per lrsquoarea contenuti Ersquo la possibilitagrave di variare lo ldquoschemardquo di visualiz-zazione della pagina (es pagina a 3 colonne pagina a due colonne con menu di navigazionesulla sinistra etc)

Salvare Ogni operazione deve essere salvata per essere resa effettiva

261 Varie opzioni di salvataggio

In relazione al punto (5) nella fase di salvataggio si noti come ci vengono proposte diverse icone (figuraIcone salvataggio (page 11))

26 Elementi standard della pagina 9

DocWeb Release 101

Figura 211 Vista Backend

Figura 212 Seleziona posizione

26 Elementi standard della pagina 10

DocWeb Release 101

Figura 213 Modifica intestazioni pagina

Figura 214 Icone salvataggio

26 Elementi standard della pagina 11

DocWeb Release 101

1 Il documento viene salvato lrsquoambiente si ricarica automaticamente il menugrave centrale si aggiornacon la comparsa della pagina da noi creata nella posizione da noi assegnata

2 Il documento viene salvato lrsquoambiente si ricarica automaticamente il menugrave centrale si aggiornacon la comparsa della pagina da noi creata nella posizione da noi assegnata e si apre una nuovafinestra del browser contenente la preview (anteprima di visualizzazione) della nostra pagina

3 Il documento viene salvato lrsquoambiente si ricarica automaticamente sulla schermata successivail menugrave centrale si aggiorna con la comparsa della pagina da noi creata nella posizione da noiassegnata

4 Il documento viene chiuso e non salvato

5 Elimina la pagina

Nota La quinta icona (ldquoElimina paginardquo) compariragrave solo dopo aver salvato il documento la primavolta Inoltre gli stessi simboli si ritroveranno anche in fase di modifica di pagine giagrave create

Da osservare il simbolo proposto accanto alla nuova pagina da noi creata (figura Pagina nascosta(page 12)) ad indicare la modalitagrave ldquonascostardquo

Figura 215 Pagina nascosta

Lrsquoicona posta a sinistra ricorda una pagina con una ldquoXrdquo rossa in alto a destra e indica che la pagina egravenascosta (punto 1 modifica intestazioni) e non visibile dallrsquoesterno

Le altre voci con simbolo diverso di pagina su sfondo giallo sono on-line e quindi consultabili dal FrontEnd

Pubblicata la pagina nascosta lrsquoicona cambieragrave automaticamente aspetto e la voce di menugrave saragraveconsultabile anche dal Front End

27 Inserimento contenuti di una pagina

Avendo precedentemente creato e salvato una pagina ldquoPagina di Provardquo andiamo ad inserire un contenuto

Ersquo possibile procedere in due modi effettuare un click con il pulsante sinistro del mouse sulla icona o sultitolo ldquoPagina di Provardquo oppure cliccare con il pulsante destro del mouse sullrsquoicona posta a sinistra deltitolo pagina e scegliere ldquomodificardquo

In entrambe i casi il sistema aggiorna la terza area (vedi figura Backend tripartito (page 8)) doveandremo a lavorare

Per creare un contenuto nella posizione di default (Normale) clicchiamo sullrsquoicona cerchiata di rosso (vedifigura Crea contenuto normale (page 13)) nel box ldquonormalerdquo

In alternativa si puograve scegliere di usare la voce in basso a sinistra ldquoCrea nuovo recordrdquo e successivamentescegliere di creare un nuovo contenuto pagina con il ldquowizardrdquo

27 Inserimento contenuti di una pagina 12

DocWeb Release 101

Figura 216 Crea contenuto normale

Per entrambe le opzioni si apriragrave una schermata come nella figura Seleziona contenuto paragrafo(page 14))

Scegliamo di inserire un paragrafo di testo semplice Notiamo come il sistema ci consente di scegliereforme alternative di contenuti (es immagini sotto il testo a sinistra solo immagini ecc) Approfondire-mo in seguito le modalitagrave per creare contenuti piugrave articolati e contenuti multipli e selezioniamo la voceldquoparagrafo di testordquo

271 Paragrafo di testo

Allrsquointerno di un paragrafo di testo potremo inserire un contenuto e tutte le opzioni ad esso legato (figuraModifica contenuto testo (page 15))

Si noti come lrsquoarea egrave divisa in 4 blocchi orizzontali Tipo Intestazione Testo Opzioni generali Inbasso e in alto troviamo anche la serie di icone per il salvataggio del documento di cui abbiamo giagraveprecedentemente parlato

Area Tipo

Nel menugrave a tendina dellrsquoarea tipo egrave possibile modificare il tipo di contenuto che vogliamo inserire Laschermata ci dice che siamo su ldquotestordquo ma volendo potremmo anche cambiare con le altre forme dicontenuto a nostra disposizione

Area Intestazione

Rappresenta il titolo della pagina Viene inserito allrsquoinizio della pagina ed ha una rilevanza graficamaggiore rispetto al resto del contenuto

Un buon titolo egrave breve ma incisivo rispecchia in poche parole il contenuto della pagina riassumelrsquoargomento trattato

27 Inserimento contenuti di una pagina 13

DocWeb Release 101

Figura 217 Seleziona contenuto paragrafo

27 Inserimento contenuti di una pagina 14

DocWeb Release 101

Figura 218 Modifica contenuto testo

27 Inserimento contenuti di una pagina 15

DocWeb Release 101

Ersquo inoltre possibile anche se sconsigliabile associare un link allrsquointestazione cambiare la sua posizioneinserire una data

Testo

Rappresenta con il suo grande quadrilatero bianco lrsquoarea allrsquointerno della quale andremo ad inserire ilnostro testo

Digitando un semplice testo in visualizzazione questo assumeragrave colore dimensione e carattere inconformitagrave allo stile preimpostato per le pagine del sito

Per la formattazione del testo saragrave possibile usare lo strumento RTE (di seguito descritto)

Opzioni generali (parametri di visibilitagrave)

Apparizione programmata

Cliccando accanto al quadrato della voce ldquoInizio rdquo e ldquoFinerdquo si attiveragrave un modulo data che ci consentiragravedi impostare le date di Inizio pubblicazione e di Fine pubblicazione (depubblicazione) di una pagina

Potremo quindi stabilire quando una pagina dovragrave essere pubblicata eo quando dovragrave cessare di esserevisibile on-line La programmazione dellrsquoinizio di pubblicazione non implica che ci sia necessariamenteuna fine e vice versa

Ciograve significa che potremo quindi decidere di pubblicare una pagina in una certa data e che la pubblicazioneduri nel tempo (almeno fino a quando non decideremo di togliere la visualizzazione on-line manualmente)

Pagine nascoste

Ersquo possibile nascondere il contenuto delle pagine cliccando il quadrato a sinistra della voce ldquoNascondirdquoScegliendo questa opzione la pagina continueragrave ad esistere ma non saragrave visibile il suo contenuto

Lrsquoopzione si rileva particolarmente utile in caso di pagina strutturata su contenuti multipli

28 Contenuti multipli allrsquointerno di una pagina

Avendo creato una pagina potremo in ogni momento svilupparla ulteriormente aggiungendo ulterioricontenuti

Clicchiamo sul menugrave di sinistra sulla voce ldquoPaginardquo in modo da caricare il menugrave centrale contenentelrsquoalberatura del sito

Clicchiamo sul titolo della pagina da modificare con il pulsante sinistro oppure con il destro e scegliamoldquomodificardquo

A destra si apriragrave il nostro ambiente di lavoro come nella figua Modifica contenuto normale (page 17)

Vedremo in pratica la stessa schermata proposta per la creazione di una nuova pagina con lrsquoaggiunta dialcune icone come indicato in figura

1 Modifica

2 Nuovo record

3 Cerca Stringa

Cliccando su Modifica comrsquoegrave intuibile saremo riportati nella pagine dellrsquoeditor dove potremo modificareil nostro testo link immagini ecc

Cliccando su nuovo record invece avremmo la possibilitagrave di aggiungere un nuovo contenuto alla paginae nella posizione che sceglieremo

28 Contenuti multipli allrsquointerno di una pagina 16

DocWeb Release 101

Figura 219 Modifica contenuto normale

28 Contenuti multipli allrsquointerno di una pagina 17

DocWeb Release 101

Il contenuto non avragrave vincoli con i record precedenti pur apparendo nella stessa pagina del frontend Ciogravegarantisce una vantaggiosa gestione delle pagine che suddivise in ldquosezionirdquo potranno essere di volta involta pubblicate cancellate modificate a blocchi di contenuto senza toccare lrsquointera pagina

Si potragrave suddividere la stessa pagina in diverse aree (record) ossia ldquocontenuti multiplirdquo via via aggiornabilianche da altri utenti di redazione

Ersquo inoltre possibile effettuare una ricerca su di un contenuto di tipo testuale allrsquointerno delle pagine edei record utilizzando il campo ldquoCerca Stringardquo La ricerca puograve essere effettuata allrsquointerno della paginae dei suoi record ed estesa anche ai livelli inferiori

29 Modifica dei contenuti della pagina

Creata una pagina potremo modificarla ogni volta che saragrave necessario

Per modificare una pagina saragrave sufficiente selezionarla dal menugrave portandosi con il cursore del mouse aldi sopra del titolo e cliccando con il pulsante destro su di essa (figura Modifica pagina (page 18))

Una pagina da modificare potragrave anche essere raggiunta tramite la ricerca dellrsquoID (vedi capitolo 3 Alberodelle pagine)

Scegliere la voce ldquomodificardquo dal menugrave a tendina che si apriragrave dopo il click

Figura 220 Modifica pagina

A destra nellrsquoarea principale si apriragrave la schermata riportante il contenuto della pagina selezionata

Potremo scegliere lrsquoelemento da modificare cliccando sullrsquoicona matita

Nota Ricordarsi sempre di salvare per rendere effettive le modifiche e di ricontrollare la visualizzazionedella pagina modificata

Per modificare lrsquointestazione di una pagina egrave sufficiente selezionare la voce ldquoModifica intestazionirdquo dalmenugrave portandosi con il cursore del mouse al di sopra del titolo e cliccando con il pulsante destro su diesso (figura Menu modifica intestazioni pagina (page 19))

210 Spostamento di pagine

Oltre le modifiche stilistiche testuali e di contenuto di una pagina possiamo modificarne la posizione

29 Modifica dei contenuti della pagina 18

DocWeb Release 101

Figura 221 Menu modifica intestazioni pagina

Per spostare la posizione di una pagina allrsquointerno di un menugrave selezioniamola dal menugrave principale conclick sinistro del mouse

Nella schermata di destra scegliamo lrsquoicona

Si apriragrave un menugrave che ci mostreragrave lrsquoalberatura del nostro sito (esattamente come per lrsquoinserimento diuna nuova pagina) composto da pagine principali (genitori) e pagine ad esse collegate (figli)

A questo punto dovremo solo scegliere dove spostare la pagina muovendoci sulle frecce grigie sottostantie sovrastanti le varie voci di menugrave

Avvertimento Spostando una pagina genitore anche i figli vengono spostati con esso

211 Eliminazione pagine

Per eliminare le pagine egrave sufficiente selezionare la pagina in questione dal menugrave principale cliccando conil pulsante destro del mouse su di essa e scegliere la voce del menugrave a tendina che si apriragrave ldquoCancellardquo

Avvertimento Non egrave possibile cancellare una pagina genitore Ossia non egrave possibile cancellareuna pagina che al suo interno contiene altre pagine prima che questrsquoultime trovino una collocazionealternativa

212 Rich Text Editor

Quando si inserisce un contenuto nellrsquoarea di testo (inserito digitando direttamente allrsquointerno dellrsquoap-posita area o copiato e incollato da fonte esterna con la dovuta cautela) egrave possibile personalizzarlo eformattarlo utilizzando le funzionalitagrave previste dal Rich Text Editor (RTE)

Nota Un testo copiatoincollato da altri programmi va ldquoripulitordquo prima di essere pubblicato poicheacuteil modulo che utilizzeremo tende a mantenere la formattazione originaria del carattere delle immaginidei colori falsando la linea grafica omogenea e standard del nostro portale

In ogni modo quando si salva un documento il cui testo conteneva una formattazione proveniente ad es-empio da un documento di tipo word questo viene automaticamente ldquoripulito nel codicerdquo ed egrave opportunocontrollare la visualizzazione

211 Eliminazione pagine 19

DocWeb Release 101

Proviamo ad inserire ad esempio una semplice frase allrsquointerno del box testo (figura Box testo RTE(page 20))

Figura 222 Box testo RTE

La frase viene digitata direttamente nellrsquoarea testo mantenendo un tipo di formattazione ldquonormalerdquo

2121 Testo grassetto corsivo sottolineato (bold italic underline)

Proviamo a selezionare la frase ldquoProvincia di Pesaro e Urbinordquo tenendo premuto il pulsante sinistro delmouse trascinando il cursore dalla P di Provincia alla o di Urbino

In alternativa portare il cursore alla P di Provincia tenere tasto maiuscolo premuto e muoversi con lefrecce per selezionare il testo

Lrsquoesempio egrave utile per capire che per effettuare una determinata azione di tipo stilistico su una frase oparola egrave necessario che la frase o la parola siano preventivamente selezionate

Figura 223 Comandi box testo RTE

212 Rich Text Editor 20

DocWeb Release 101

Se il testo egrave stato selezionato correttamente vedremo la parola ldquoProvincia di Pesaro e Urbinordquo evidenziatadi blu scuro

Click sinistro sul simboloicona ldquoBrdquo (figura Comandi box testo RTE (page 20)) per creare un effettoldquograssettordquo al testo

Click sinistro sul simboloicona ldquoIrdquo per il corsivo-italico

Click sinistro sul simboloicona ldquoU ldquo per il sottolineato

Nota Il Grassetto dona alle parole un sapore piugrave incisivo e si utilizza per enfatizzare termini importantie di rilievo

LrsquoItalico viene usato comunemente per indicare le date gli indirizzi le citazioni

Il Sottolineato su web viene comunemente usato nelle parole ldquolinkaterdquo (ossia che rimandano ad altrepagine web) per cui se ne sconsiglia lrsquouso in un testo semplice per evitare confusione

2122 Elenco Puntato e Numerato

Portiamoci con il cursore allrsquointerno della box di testo

Selezioniamo lrsquoicona Lista non numerata (Elenco puntato semplice)

Vedremo comparire un simbolo tontoromboidale e potremo dare vita ad una lista

bull Voce 1

bull Voce 2

bull Voce 3 ecc

Allo stesso modo potremo creare una lista numerata avvalendoci dellrsquoicona ldquoLista numeratardquo

Lrsquoelenco viene numerato

1 Voce 1

2 Voce 2

3 Voce 3 ecc

2123 Pulsanti di Annulla e Ripristina

Compiuta una determinata azione egrave possibile tornare indietro o ripristinarla tramite i pulsanti ldquoAnnullalrsquoultima azionerdquo e ldquoRifai lrsquoultima azionerdquo

Piugrave volte si clicca sui pulsanti piugrave volte lrsquoazione viene ripetuta indietro ed avanti nel tempo

2124 Copia Taglia Incolla

Selezionando un testo potremo tagliarlo copiarlo e incollarlo

Copia selezionare il testo utilizzare lrsquoicona ldquocopia selezionerdquo per copiare

Taglia il testo viene eliminato ma resta in memoria per essere eventualmente incollato altrove odefinitivamente cancellato Ersquo possibile tenere in memoria solo lrsquoultimo testo o parola tagliato

Incolla Un testo precedentemente copiato o tagliato puograve essere incollato nuovamente o su diversoambiente

212 Rich Text Editor 21

DocWeb Release 101

2125 Rimuovi Formattazione

Ersquo possibile che il testo importato e incollato nellrsquoarea testo da altra fonte (es documento word) sildquosporchirdquo e ne acquisisca le caratteristiche stilistiche in maniera non corretta

Ersquo necessario pulire il testo selezionandolo e cliccando su ldquorimuovi formattazionerdquo

Si apriragrave un pop-up (nuova finestra) che ci proporragrave diversi elementi da pulire selezioniamo ciograve che ciinteressa e clicchiamo su OK

2126 Inserisci Caratteri Speciali

Alcune volte puograve essere necessario inserire dei caratteri o simboli non presenti sulla tastiera o nonconvenzionali per i quali esiste una mappa di caratteri speciali

Il sistema propone diversi tipi di caratteri speciali tra i piugrave comuni e frequentemente usati per adoperarliegrave sufficiente cliccare sullrsquoapposita icona ldquoInserisci Caratteri Specialirdquo

Una finestra ci mostreragrave una vasta gamma di simboli tra i quali potremo scegliere quello che ci interessa

2127 Inserisci Tabella

Per agevolare lrsquoinserimento di dati numerici in forma ldquoTabellarerdquo si puograve ricorrere allrsquoinserimento di unatabella contraddistinta dallrsquoapposito simbolo

La tabella puograve essere immaginata come una quaderno a ldquoquadrettirdquo dove ogni ldquoscacchettordquo corrispondead una cella

Scegliendo di inserire una tabella si apriragrave una finestra pop-up dove andremo ad inserire parametridi spaziatura fra celle numero di righe e colonne che compongono la tabella spessore del bordoallineamento rispetto alla pagina ecc

2128 Link

Ogni sito egrave composto da pagine consultabili e collegate tra loro tramite link

I link sono i collegamenti presenti sulle voci di menugrave parole immagini ecc

Ersquo possibile collegare pagine appartenenti ad uno stesso sito un indirizzo web di un sito esterno ounrsquoe-mail un file da scaricare un immagine ecc

Nota Immettendo nel testo un indirizzo web o e-mail completo il programma egrave in grado di capireautomaticamente che si tratta di un link e collegare gli elementi automaticamente

Volendo invece collegare elementi non scritti in forma completa si dovragrave procedere come segue

Selezioniamo la parola o frase che vogliamo collegare (come precedentemente visto) e clicchiamo sullrsquoiconaldquoInserisci Linkrdquo

Si apriragrave un pop-up come indicato nella prossima figura

Link ad una pagina interna al sito

La finestra ci propone lrsquoalberatura del nostro sito con le pagine in esso presenti (La voce attiva egraveldquopaginardquo di colore giallomarrone rispetto alle altre voci del pop-up)

Selezionando (figura Link interno (page 23)) la pagina che vorremo collegare il pop-up si chiuderagrave e laparola che avevamo selezionato precedentemente per il link cambieragrave aspetto

La vedremo blu e sottolineata il che indica che il link egrave attivato

212 Rich Text Editor 22

DocWeb Release 101

Figura 224 Link interno

Ersquo anche possibile creare dei link che aprono la pagina collegata allrsquointerno di una ldquofinestra di pop-uprdquocioegrave dentro una nuova finestra del browser Specificando le dimensioni di altezza e larghezza della nuovafinestra allrsquointerno degli appositi campi

Link ad una pagina esterna al sito

Selezioniamo una parola o frase che vogliamo collegare (come precedentemente visto) e clicchiamosullrsquoicona ldquoInserisci Linkrdquo

Scegliamo nel menugrave in alto proposto dal pop-up il bottone ldquoURL esternordquo (figura Link esterno (page 23))

Figura 225 Link esterno

Impostiamo nel campo URL lrsquoindirizzo web che vogliamo linkare prestando attenzione a scriverlo peresteso e senza cancellare http

Clicchiamo su ldquoImposta Linkrdquo

Il pop-up si chiuderagrave e la parola che avevamo selezionato precedentemente per il link cambieragrave aspetto

212 Rich Text Editor 23

DocWeb Release 101

La vedremo blu e sottolineata il che indica che il link egrave attivato

2129 Link ad unrsquoEmail

Come precedentemente visto scrivendo un indirizzo e-mail valido il programma di gestione egrave in grado dicapire che si tratta di un indirizzo di posta elettronica e il link viene impostato automaticamente

Tuttavia ci sono dei casi in cui non egrave possibile o si preferisce non indicare lrsquoindirizzo e-mail per estesoad esempio potremmo avere ldquoPer informazioni scrivicirdquo

Volendo potremmo fare in modo che sulla parola ldquoscrivicirdquo ci sia impostata la funzione di invio e-mail

Selezioniamo quindi la parola andiamo su ldquoInserisci Linkrdquo scegliendo poi ldquoEmailrdquo

Inseriamo lrsquoindirizzo E-mail nellrsquoapposito campo e clicchiamo su ldquoimposta Linkrdquo

21210 Link ad un file scaricabile

Per collegare un file (espdf txt gif ecc) egrave necessario copiarlo dal proprio PC al server web

Non egrave infatti possibile che una pagina pubblicata su internet prenda come link dei files che di fatto sonosalvati in una directory del nostro computer

Typo3 mette a disposizione un area dovrsquoegrave possibile pubblicare i files per poi essere resi disponibili ai linkossia rende disponibile lrsquo ldquoUploadrdquo dei files da pc a server

Scegliere dal menugrave di sinistra sotto la sezione ldquoMediardquo la voce ldquoFilerdquo (figura Seleziona file (page 24))

Figura 226 Seleziona file

Si apriragrave sulla destra una nuova area dove troveremo i campi utili a ldquosfogliarerdquo il contenuto del nostropc al fine di passare i file o i files dal nostro computer al manager

Effettuato il passaggio potremo ritornare alla nostra pagina e riprendere la procedura di ldquocreazione linkrdquoselezionando questa volta la voce ldquoFilerdquo del pop-up

I campi proposti sono del tutto simili a quelli di creazione di link su pagine del sito e un elenco di files(tutti quelli disponibili caricati) potranno essere collegati

213 Modalitagrave Lista

Selezionando la voce ldquolistardquo (figura Backend modalitagrave lista (page 25)) dal menugrave di sinistra egrave possibileesplorare una pagina ldquopadrerdquo e tutte le pagine ldquofiglirdquo ed essa associate

Avvertimento Ricordarsi di attivare la voce in basso ldquoVista Estesardquo

213 Modalitagrave Lista 24

DocWeb Release 101

Figura 227 Backend modalitagrave lista

Utilizzando le icone poste alla destra di ogni voce si possono compiere diverse operazioni di modificavisualizzazione spostamento copia e incolla pagina ecc come precedentemente descritto

Dunque potremo dire che la modalitagrave lista costituisce una scorciatoia per semplificare ogni sorta dioperazione soprattutto in presenza di un numero considerevole di files

214 Modalitagrave Mostra

Figura 228 Backend modalitagrave mostra

Selezionando la voce ldquoMostrardquo (figura Backend modalitagrave mostra (page 25)) dal menugrave di sinistra egrave possibilenavigare il sito allrsquointerno del docweb direttamente nel backend

214 Modalitagrave Mostra 25

DocWeb Release 101

Inoltre accanto ai vari record troveremo posta lrsquoicona matita per eseguire eventuali modifichedirettamente sul punto e la pagina prescelti

Anche la modalitagrave ldquoMostrardquo come la rdquoListardquo (cap 13) costituisce una scorciatoia particolarmente indicataper semplificare lrsquooperazione di visualizzazione del sito e di modifica

215 Modalitagrave ldquoMonta come radice dellrsquoalberordquo

Quando esistono diverse e numerose pagine egrave possibile gestire solo la porzione di contenuto che ci interessariducendo lrsquoalberatura del sito (lato backend) ai minimi termini mediante il comando ldquomonta come radicedellrsquoalberordquo

Per effettuare il comando procedere come segue

Cliccare con il pulsante destro del mouse sul titolo pagina dal menugrave centrale

Selezionare la voce ldquoaltre opzionirdquo dal menugrave a tendina (figuraMenu altre opzioni (page 26)) che compariragravecome conseguenza dellrsquoazione descritta al punto uno

Figura 229 Menu altre opzioni

Selezionare dallrsquoulteriore menugrave che si apriragrave (figura Seleziona monta come radice (page 26)) la voceldquoMonta come radice dellrsquoalberordquo

Figura 230 Seleziona monta come radice

Lrsquoalberatura si ridurragrave automaticamente mostrando solo la porzione selezionata

Per ripristinare lo stato di partenza selezionare la voce in alto nel menugrave centrale (figura Elimina DBmount (page 26)) ldquoElimina DB mount temporaneordquo

Figura 231 Elimina DB mount

Il menugrave si espanderagrave nuovamente mostrando tutte le voci esistenti

215 Modalitagrave ldquoMonta come radice dellrsquoalberordquo 26

DocWeb Release 101

216 Ottenere il page-id di una pagina

2161 Frontend (FE)

Da frontend si puograve ottenere il page-id della pagina corrente nei seguenti modi

1 dalla barra degli indirizzi del proprio browser (figura Id dallrsquourl (page 27)) Il numero della paginaegrave quello dopo la stringa ldquoid=rdquo Nella figura egrave cerchiata in verde la stringa ldquoid=rdquo e il numero dellapagina (page-id)

Figura 232 Id dallrsquourl

2 Puntando il mouse sulla scritta [id] a pieacute pagina e leggendo il tooltip (figura Id dal tooltip (page 27))

Figura 233 Id dal tooltip

3 Solo per browser Firefox dal menugrave di contesto scegliere la voce ldquoVisualizza info paginardquo si apreuna finestra consultare quindi la lista Meta sotto la scheda Generale (Id dagli attributi (page 28))

2162 Backend (BE)

Da backend egrave possibile ottenere il page-id nei seguenti modi

1 leggendo il tooltip puntando il mouse sullrsquoicona della pagina nel riquadro della struttura del sito(figura Id dal tooltip nel backend (page 28))

2 dal modulo di modifica delle intestazioni della pagina (figura Id dalle intestazioni pagina nel backend(page 28)) Il numero egrave tra le parentesi quadre dopo il titolo della pagina

217 Admin Panel

Quando si inseriscono contenuti con Typo3 (backend) egrave possibile visualizzare unrsquoanteprima della paginache si sta creando per vedere i risultati del lavoro svolto

Per visualizzare unrsquoanteprima di una pagina occorre (figura Menu mostra (page 29))

1 posizionarsi sulla pagina da visualizzare

2 premere il tasto sinistro del mouse in corrispondenza del nome

216 Ottenere il page-id di una pagina 27

DocWeb Release 101

Figura 234 Id dagli attributi

Figura 235 Id dal tooltip nel backend

Figura 236 Id dalle intestazioni pagina nel backend

217 Admin Panel 28

DocWeb Release 101

Figura 237 Menu mostra

3 selezionare la voce Mostra

In base alla pagina scelta si avragrave un risultato come quello visualizzato nella figura Anteprima pagina conAdmin panel (page 29)

Figura 238 Anteprima pagina con Admin panel

La pagina presenteragrave nella parte superiore lrsquoanteprima della pagina Nella parte inferiore vienevisualizzato uno strumento denominato Admin Panel

Questo oggetto offre lato front-end alcune funzionalitagrave (figura Moduli Admin panel (page 30)) cheaiutano i gestori di contenuti nella creazionemodifica delle pagine web del sito

NellrsquoAdmin panel (figura sopra) egrave possibile distinguere

217 Admin Panel 29

DocWeb Release 101

Figura 239 Moduli Admin panel

1 Modulo Preview ndash offre la possibilitagrave di selezionare alcune opzioni sulla pagina per simulare alcunesituazioni in cui la pagina si puograve trovare durante la visualizzazione

2 Modulo Cache ndash offre la possibilitagrave di gestire la cache

Allrsquointerno del modulo Preview abbiamo le seguenti voci

Mostra pagine nascoste selezionando la casella di controllo corrispondente a questa voce si visual-izzeranno anche quelle che attualmente non sono visibili allrsquointerno del sito o perchegrave in lavorazioneo perchegrave ancora non egrave stata data lrsquoautorizzazione alla pubblicazione

Mostra record nascosti come per le pagine questa voce offre la possibilitagrave di poter visualizzare allrsquoin-terno della pagina quei contenuti nascosti che non sono ancora ultimati o che sono in attesa di unautorizzazione per la pubblicazione

Simula data con questo controllo egrave possibile simulare il comportamento della pagina in periodi tem-porali diversi Utilizzando la casella di testo egrave possibile inserire delle date In questo modo sirende possibile la visualizzazione di quegli elementi (ad es pagine news ) che sono abilitati acomparirescomparire in base a determinati criteri temporali impostati

Simula gruppo di utenti con questo controllo egrave possibile simulare il comportamento delle pagine inbase ad un determinato gruppo di utenti che vi accede Alcune pagine possono infatti avere uncomportamento diverso in base al tipo di utente che vi accede

Nota Durante la creazione di pagine egrave possibile restringere la visione di una determinata pagina aparticolari tipi di utenti (utenti di frontend) Questa caratteristica offre la possibilitagrave di definire delle areead accesso riservato del sito ossia sezioni del sito a cui egrave possibile accedere solo dopo essersi autenticatie dopo avere avuto i necessari diritti di accesso

Una volta selezionate le opportune scelte allrsquointerno dellrsquoADMIN Panel occorreragrave premere il tasto Aggior-na (figura Aggiorna Admin panel (page 31)) per prendere visione della pagina secondo i criteri impostati

Nota Nel caso in cui lrsquoutente abbia la possibilitagrave di accedere da back-end a piugrave siti (ciascuno con unproprio dominio) bisogna tenere presente che lrsquoADMIN Panel compare soltanto per le pagine relativeal dominio con cui lrsquoutente ha fatto il login In altre parole se un operatore ad esempio egrave abilitatoa lavorare sulle pagine di backend dei siti httpwwwsitoesempio1it e httpwwwsitoesempio2it ese lrsquooperatore accede al backend di DocWeb con lrsquoindirizzo httpwwwsitoesempio1ittypo3 allora

217 Admin Panel 30

DocWeb Release 101

Figura 240 Aggiorna Admin panel

lrsquoADMIN Panel compariragrave solo sulle pagine di frontend del dominio wwwsitoesempio1it e non su quelledel dominio wwwsitoesempio2it

217 Admin Panel 31

CAPITOLO 3

La Clipboard

Lrsquooggetto clipboard (rdquoblocco degli appuntirdquo) egrave molto utile quando si ha la necessitagrave di copiare o spostareuno o piugrave elementi di contenuto o una o piugrave pagine da una sezione del sito (contenitore di pagine) adunrsquoaltra

31 Copia o spostamento di un contenuto singolo di pagina allrsquointernodi unrsquoaltra pagina

Per prima cosa egrave necessario (figura Identifica contenuto (page 32))

Figura 31 Identifica contenuto

1 selezionare la voce Lista

2 selezionare la pagina che contiene il contenuto che si intende copiare (nella figura abbiamo sceltola pagina denominata ldquoCorso di formazione su Typo3rdquo

32

DocWeb Release 101

3 identificare dalla lista dei contenuti associati alla pagina quello da spostare

Supponiamo che si desideri copiare il contenuto denominato ldquoTesto 2rdquo (figura Copia contenuto (page 33))

Figura 32 Copia contenuto

Egrave sufficiente cliccare sullrsquoicona (nella figura sopra evidenziata con un cerchio rosso) di copia incorrispondenza del contenuto da copiare

Dopo avere eseguito questa operazione nella figura Risultato copia contenuto (page 34) possiamo notare

1 Egrave comparsa unrsquoicona nuova che mette in evidenza che nella clipboard egrave presente un elemento

2 Lrsquoicona di copia in corrispondenza del contenuto da spostare ha cambiato aspetto

A questo punto lrsquooggetto che si intende copiare egrave presente nella nostra clipboard

Il passo successivo egrave quello di selezionare la pagina in cui andare a posizionare lrsquoelemento (paginadestinazione)

Rimanendo sempre allrsquointerno del modulo Lista occorreragrave selezionare dallrsquoalberatura delle pagine la pag-ina destinazione Il procedimento da seguire per posizionarsi sulla pagina egrave lo stesso descritto in prece-denza Nella figura Incolla contenuto (page 34) viene evidenziato il contenuto di una pagina (denominataldquoPagina di Provardquo) in cui vogliamo copiare il contenuto

Per copiare il contenuto della clipboard nella pagina selezionare lrsquoicona Incolla contenuto Clipboard

Confermando lrsquooperazione il contenuto saragrave copiato allrsquointerno della pagina selezionata

Per effettuare lo spostamento di un contenuto di pagina allrsquointerno di unrsquoaltra pagina cliccare sullrsquoicona

di Taglia al posto dellrsquoicona copia e ripetere le operazioni sopra descritte

1 Selezionando la casella Mostra clipboard (figura Vista clipboard (page 35)) egrave possibile visualiz-zare lrsquooggetto clipboard Nel caso in figura lrsquoelemento copiato in precedenza (Testo 2) egrave ancoradisponibile allrsquointerno della clipboard Utilizzando il procedimento descritto infatti il contenuto

31 Copia o spostamento di un contenuto singolo di pagina allrsquointerno di unrsquoaltra pagina 33

DocWeb Release 101

Figura 33 Risultato copia contenuto

Figura 34 Incolla contenuto

31 Copia o spostamento di un contenuto singolo di pagina allrsquointerno di unrsquoaltra pagina 34

DocWeb Release 101

selezionato rimane ancora a disposizione dellrsquoutente che potragrave selezionare altre pagine destinazionesu cui eventualmente andare a copiare il contenuto Nel caso in cui si selezioni un altro elementoad esempio ldquoTesto 1rdquo lrsquoelemento presente viene automaticamente sostituito

2 Dallrsquooggetto clipboard egrave possibile rimuovere un elemento premendo il bottone di Elimina postoaccanto ad esso

Figura 35 Vista clipboard

Con il procedimento descritto fino ad ora egrave possibile scegliere soltanto un contenuto alla volta

32 Copia o spostamento di piugrave contenuti da una pagina ad unrsquoaltra

Nel caso in cui ci si trovi nella necessitagrave di copiare piugrave di un contenuto da una pagina allrsquoaltra egrave necessarioseguire i passi seguenti

1 Selezionare il modulo Lista

2 Selezionare la pagina di origine da cui prelevare i contenuti

3 Selezionare la casella Mostra clipboard

4 Selezionare una clipboard tra quelle denominate ldquoClipboard 1rdquo ldquoClipboard 2rdquo ldquoClipboard 3rdquo(punto 3 figura Vista clipboard con contenuto selezionato (page 36))

Selezionando ad esempio la clipboard contrassegnata come ldquoclipboard 1rdquo si avragrave la seguente situazione

32 Copia o spostamento di piugrave contenuti da una pagina ad unrsquoaltra 35

DocWeb Release 101

Figura 36 Vista clipboard con contenuto selezionato

32 Copia o spostamento di piugrave contenuti da una pagina ad unrsquoaltra 36

DocWeb Release 101

1 In corrispondenza di ogni contenuto si evidenzia una Casella di selezione Sopra la colonna con lecaselle di selezione egrave comparsa una lista di bottoni tra cui al momento distinguiamo

2 Bottone di copia elementi nella clipboard

3 Bottone di selezione tuttinessuno

Scegliendo ad esempio i primi due elementi e premendo il pulsante di copia elementi nella clipboard sipuograve notare che (figura Copia nella clipboard (page 37))

Figura 37 Copia nella clipboard

1 La clipboard che abbiamo scelto per la selezione multipla (ldquoClipboard 1rdquo) contiene la lista deglioggetti che abbiamo scelto di copiare

2 Ersquo comparsa lrsquoicona di Incolla contenuto Clipboard

La procedura della selezione della pagina di destinazione rimane identica a quella giagrave utilizzata per lacopia di un contenuto singolo (selezionare la pagina di destinazione su cui andare a posizionare i contenutiselezionati)

Egrave importante fare notare che seguendo le operazioni descritte sopra si ottiene come risultato lospostamento dei contenuti dalla pagina origine a quella destinazione

Se si desidera copiare gli elementi selezionati egrave necessario una volta selezionati gli elementi da copiarepremere il tasto copia gli items invece di spostarli (evidenziato con un cerchio rosso nella figura Tagliadalla clipboard (page 38))

32 Copia o spostamento di piugrave contenuti da una pagina ad unrsquoaltra 37

DocWeb Release 101

Figura 38 Taglia dalla clipboard

32 Copia o spostamento di piugrave contenuti da una pagina ad unrsquoaltra 38

DocWeb Release 101

In questo modo dopo avere confermato lrsquooperazione i contenuti o le pagine da copiare saranno presentisia nella pagina origine che in quella destinazione

32 Copia o spostamento di piugrave contenuti da una pagina ad unrsquoaltra 39

CAPITOLO 4

Modulo DAM (Digital AssetManagement)

Il modulo DAM (Digital Asset Management) offre la possibilitagrave di raccogliere e catalogare contenuti informato digitale come immagini documenti presentazioni

Ogni file inserito puograve essere corredato di informazioni aggiuntive (meta-informazioni) come la descrizionelrsquoautore parole chiave ecc

Attraverso il modulo DAM egrave possibile svolgere le seguenti operazioni

bull Caricamento e Aggiornamento di file

bull Ricerca di file allrsquointerno del DAM e modifica delle meta-informazioni associate ai file

41 Caricamento e Aggiornamento di file

Lrsquooperazione di CaricamentoAggiornamento di file serve per sottoporre al sistema DAM un particolarecontenuto memorizzato in formato digitale

Lrsquoelemento caricato saragrave poi disponibile a chi inserisce contenuti

Per iniziare lrsquooperazione di caricamento di un file egrave sufficiente selezionare la voce File che si trovaallrsquointerno del modulo Media (figura Menu file (page 41))

La maschera che si apre (figura File upload (page 41)) offre le seguenti possibilitagrave

1 Selezione della posizione dove andare a caricareaggiornare il file

2 Specificare alcuni documenti da caricare (area File)

Concentrandoci sullrsquoarea File (figura Dettaglio file upload (page 42)) distinguiamo

1 Voce Show upload location browser (punto 1 figura sopra) egrave possibile visualizzare i file attualmentecaricati nel Mount Point selezionato

2 Lista di bottoni denominati Sfoglia da utilizzare nel caso in cui si desideri caricareaggiornareun file

Se si desidera caricare un file occorre cliccare sul bottone Sfoglia

La finestra che appare (figura Sfoglia file (page 42)) permette di selezionare dal proprio PC il file dacaricare

Per selezionare un file da caricare occorre

1 Esplorare le cartelle del proprio PC per trovare il file

40

DocWeb Release 101

Figura 41 Menu file

Figura 42 File upload

41 Caricamento e Aggiornamento di file 41

DocWeb Release 101

Figura 43 Dettaglio file upload

Figura 44 Sfoglia file

41 Caricamento e Aggiornamento di file 42

DocWeb Release 101

2 Inserire il nome del file nella casella di testo Nome file

3 Premere il tasto Apri

Una volta che si egrave selezionato un file egrave possibile

1 selezionare altri file da caricare seguendo gli stessi passi descritti in precedenza

2 effettuare lrsquooperazione di caricamento del file vero e proprio

Dallrsquoesempio abbiamo scelto di caricare un solo file

Il caricamento dei file viene eseguito premendo il bottone ldquoUpload filesrdquo che si trova in fondo alla listadei file selezionati (figura File selezionato (page 43))

Figura 45 File selezionato

Se tutto egrave stato eseguito correttamente appariragrave una finestra come quella nella figura Process files(page 44)

In questa maschera egrave possibile

1 Specificare le meta-informazioni per il singolo file come ad esempio il titolo parole chiavedescrizione

2 Avviare il processo di elaborazione multipla premendo il bottone Process selected files Con questoprocesso egrave possibile inserire o modificare le meta-informazioni per tutti i file della lista (in questocaso solo uno)

Se si vuole eseguire lrsquoinserimento delle meta-informazioni per singolo file la finestra che si apre egrave similea quella presentata in figura Elaborazione metainformazioni singolo file (page 44)

Nel caso si scelga di eseguire il processo di elaborazione multipla la maschera che compare (figuraElaborazione metainformazioni file multipli (page 45)) permette di selezionare le meta-informazioni chelrsquoutente intende inserire contemporaneamente per tutti i file della selezione

41 Caricamento e Aggiornamento di file 43

DocWeb Release 101

Figura 46 Process files

Figura 47 Elaborazione metainformazioni singolo file

41 Caricamento e Aggiornamento di file 44

DocWeb Release 101

Figura 48 Elaborazione metainformazioni file multipli

41 Caricamento e Aggiornamento di file 45

DocWeb Release 101

Se si seleziona la checkbox accanto alla voce che eventualmente saragrave inserita questa viene aggiuntaalle informazioni eventualmente giagrave presenti (modalitagrave append) Nellrsquoaltro caso le informazioni sarannosovrascritte

I campi Titolo e Descrizione sono obbligatori mentre il campo Parole chiavi puograve essere valorizzato adiscrezione dellrsquoutente Informazioni su come valorizzare i campi elencati sopra saranno descritte suapposite linee guida

Per completare lrsquoinserimentoaggiornamento delle meta-informazioni riguardanti il file caricato occorrepremere il tasto Send (figura Salva metainformazioni (page 46)) in fondo alla maschera per il salvataggiodelle informazioni

Figura 49 Salva metainformazioni

Tornando alla maschera di caricamento file e selezionando la checkbox in corrispondenza della voceSovrascrivi file esistenti (figura Carica file sovrascrivendo (page 46)) saragrave possibile aggiornare eventualifile che hanno lo stesso nome di quello che stiamo caricando

Questa procedura egrave utile quando si vuole aggiornare il contenuto di un file che egrave giagrave presente nel DAM

Figura 410 Carica file sovrascrivendo

Nel caso di aggiornamento di un file le meta-informazioni del file rimangono le stesse inserite inprecedenza Come si puograve notare non viene offerta la possibilitagrave di inserirne di nuove

Nel caso in cui un file con lo stesso nome sia giagrave caricato e non si desideri aggiornarlo il file inseritoper ultimo viene rinominato con un suffisso generato automaticamente dal DAM In questo caso la voceSovrascrivi file esistenti non deve essere selezionata (figura Carica file senza sovrascrivere (page 47))

Nellrsquoesempio in figura viene presentata la lista dei file presenti nel mount point selezionato

Da notare la presenza di un file che egrave stato rinominato dal DAM con un suffisso ldquo_01rdquo dato che nellastessa posizione era giagrave presente un file con lo stesso nome

41 Caricamento e Aggiornamento di file 46

DocWeb Release 101

Figura 411 Carica file senza sovrascrivere

41 Caricamento e Aggiornamento di file 47

DocWeb Release 101

42 Ricerca di file allrsquointerno del DAM e modifica delle meta-informazioni

Rimanendo sempre allrsquointerno del modulo Media selezioniamo la voce List egrave possibile effettuare dellericerche dei file e modificare le meta-informazioni associate ai file

Nella figura Backend media list (page 48) distinguiamo

Figura 412 Backend media list

1 Parte relativa ai Mount Point disponibili

2 Parte relativa ai tipi di file caricati nel sistema

3 Schede List Thumbnails Selection Process

Da questa sezione egrave possibile effettuare ricerche sui file caricati nel DAM

Le ricerche che si possono eseguire sono del tipo ldquotrova tutti i file pdf e docrdquo oppure ldquoelenca tutti i filedi tipo immagine ad eccezione dei file con estensione gifrdquo

Per prima cosa facendo click sul nome del tipo file (es gif oppure image) si seleziona solo quel tipo difile e si escludono tutti i criteri selezionati in precedenza

Per aggiungere un altro criterio di ricerca egrave sufficiente selezionare il ldquo+rdquo (punto 1 nella figura Criteri diselezione (page 49)) posto accanto al tipo di file che si vuole selezionare

Con il ldquo-ldquo(punto 2) saragrave possibile rimuovere il tipo di file dai criteri di ricerca

Selezionando ldquo=rdquo (punto 3) egrave possibile introdurre clausole del tipo ldquocerca un file che sia doc e presentenel Mount Point chiamato lsquoArea Testrsquordquo (ossia effettua una ricerca che risponda a tutti i criteri impostati)

Nellrsquoesempio della figura Salva selezione (page 49) sono stati selezionati tutti i tipi di immagine adeccezione dei file con estensione gif Questo risultato si ottiene nel seguente modo

1 selezionare il ldquo+rdquo accanto alla voce ldquoimagerdquo

2 premendo il tasto ldquo-ldquo in corrispondenza della voce ldquogifrdquo

I criteri impostati per la selezione possono essere salvati per un uso futuro Per salvare la selezioneoccorre (figura Salva selezione (page 49))

1 riempire il campo sotto la voce SELECTION con un nome che identifichi la ricerca

2 premere il tasto Save per salvare la modalitagrave di ricerca impostata

In questo modo saragrave possibile richiamare e rieseguire la ricerca impostata anche in futuro senza doverripetere il procedimento di scelta dei criteri mostrato in precedenza

42 Ricerca di file allrsquointerno del DAM e modifica delle meta-informazioni 48

DocWeb Release 101

Figura 413 Criteri di selezione

Figura 414 Salva selezione

42 Ricerca di file allrsquointerno del DAM e modifica delle meta-informazioni 49

DocWeb Release 101

Se in futuro saranno inseriti nuovi file che soddisfano la ricerca salvata questi verranno selezionati quandoverragrave richiamata la ricerca salvata

Dalla figura Ricerca salvata (page 50) egrave possibile notare come richiamare la ricerca salvata In questocaso abbiamo salvato la ricerca con il nome ldquoimmaginisenzagifrdquo

Figura 415 Ricerca salvata

Una volta che si egrave selezionata la ricerca egrave possibile

1 Premere il tasto Load per ricaricare la ricerca precedentemente impostata

2 Premere Remove per rimuovere la ricerca salvata

Una volta effettuata una particolare selezione di file egrave possibile (figura Schede backend media list(page 50))

Figura 416 Schede backend media list

1 vedere il contenuto della selezione (schede List e Thumbnails)

2 vedere i criteri impostati per la ricerca (scheda Selection)

3 modificare le meta-informazioni associate ai file (scheda Process) secondo quanto descritto inprecedenza

Nella figura Scheda selection (page 51) egrave visualizzato come selezionando la scheda Selection egrave possibileprendere visione dei criteri impostati nella ricerca (la ricerca egrave quella dellrsquoesempio precedente)

Selezionando le schede List e Thumbnails dopo avere effettuato una qualsiasi selezione si potrebbe avereuna situazione come quella mostrata nella figura Scheda list (page 51)

Cliccando sullrsquoicona corrispondente ad uno dei file presenti nella lista (selezionato con un cerchio rosso)egrave possibile accedere ad un menugrave contestuale (figura Menu contestuale DAM (page 51))che permette disvolgere le seguenti operazioni

Modifica Offre la possibilitagrave di visualizzare e modificare le meta-informazioni associate al file

Rinomina Selezionando la seguente voce egrave possibile assegnare un altro nome al file che si egrave caricato

Replace file Avvia lrsquooperazione di sostituzione del file

Info Visualizza informazioni relative al file

Cancella Rimuove il file dal DAM

42 Ricerca di file allrsquointerno del DAM e modifica delle meta-informazioni 50

DocWeb Release 101

Figura 417 Scheda selection

Figura 418 Scheda list

Figura 419 Menu contestuale DAM

42 Ricerca di file allrsquointerno del DAM e modifica delle meta-informazioni 51

CAPITOLO 5

Modulo Pagine di download

51 Inserimento e configurazione pagine di download

La creazione di pagine di download egrave utile quando si vuole mettere a disposizione una lista di uno o piugravefile in forma scaricabile

Per creare una pagina di download egrave necessario seguire i seguenti passi

1 Creare una pagina standard

2 Inserire il plugin DAM Download List

3 Configurare il plugin

Per creare una pagina egrave sufficiente entrare nel modulo Pagina e selezionare Crea nuovo record per accederealla finestra di creazione pagine

Nellrsquoesempio in figura Backend creazione contenuto (page 52) egrave stata creata la pagina denominata ldquoPaginadownloadrdquo come figlio della pagina ldquoPagina di provardquo

Figura 51 Backend creazione contenuto

Una volta creata la pagina occorre configurarla in maniera tale da permettere la visualizzazione di unalista di file scaricabili Per fare ciograve occorre inserire un plugin denominato ldquoDAM Download Listrdquo Unplugin egrave un contenuto speciale da inserire in una pagina

52

DocWeb Release 101

Per inserirlo come per un contenuto occorre seguire i seguenti passi (figura Backend creazione contenuto(page 52))

1 Selezionare la pagina in cui inserire il plugin Nellrsquoesempio la pagina denominata ldquoPaginadownloadrdquo

2 Selezionare la voce Clicca qui per il wizard nella maschera che compare quando si vuole inserire unnuovo record

Figura 52 Wizard nuovo contenuto

Oltre ai normali contenuti standard il wizard permette di selezionare (figura Wizard nuovo contenuto(page 53))

1 Contenuti speciali

2 Moduli

3 Plugins

Allrsquointerno della lista dei Plugins selezionare DAM Lista dei file scaricabili (punto 4 nella figura Wizardnuovo contenuto (page 53))

Dopo aver selezionato il plugin occorreragrave selezionare la posizione della pagina in cui inserire lrsquoelemento

Selezionare ldquoNormalerdquo

A questo punto il plugin egrave inserito nella pagina desiderata

51 Inserimento e configurazione pagine di download 53

DocWeb Release 101

Oltre allrsquoinserimento occorre configurare il plugin in modo da dirgli quali file far visualizzare

Una volta che il plugin viene inserito viene aperta una finestra (figura Contenuto pagina (page 54)) doveviene richiesto di selezionare dei file inseriti nel sistema

Figura 53 Contenuto pagina

Per proseguire correttamente egrave necessario salvare immediatamente il Contenuto Pagina altrimenti leoperazioni successive potrebbero andare perse

Per inserire i file nella lista occorre effettuare la seguente operazione (figura Contenuto pagina (page 54))

1 Nella parte della maschera denominata DAM Lista di file scaricabili selezionare lrsquoicona SfogliaRecord (cerchiata in rosso) per avviare la procedura di selezione dei file

Selezionando la voce Sfoglia Record verragrave aperto lrsquoElement Browser di TYPO3 che ci permette di se-lezionare i file da inserire nel plugin La finestra (figura Element browser (page 55)) egrave composta di dueschede

1 Media ndash permette di selezionare i file giagrave esistenti nel sistema

2 Upload ndash permette di caricare nuovi file

Selezionando la sezione Media egrave possibile selezionare dalla lista i file da inserire

51 Inserimento e configurazione pagine di download 54

DocWeb Release 101

Figura 54 Element browser

Se la lista dei file fosse troppo lunga egrave possibile effettuare delle ricerche per nome e per tipologia di file(doc htm )

Per cercare per nome (figura Ricerca per nome (page 55)) occorre inserire nella casella di testo Cercastringa (punto 1 nella figura sopra) il nome o parte del nome del file da cercare Una volta specificata lastringa di ricerca premere il tasto Cerca (punto 2)

Figura 55 Ricerca per nome

Per cercare un particolare tipo di file selezionare il nome dellrsquoestensione che si desidera dallrsquoelenco deitipi di file (figura Ricerca per tipo (page 56))

Nota I due tipi di ricerca possono essere usati contemporaneamente

Selezionando la voce informazioni (punto 1 nella figura Selezione file (page 56)) egrave possibile visualizzarele meta-informazioni associate al file

Premendo con il mouse sul nome del file (punto 2) o sullrsquoicona associata (punto 3) si inserisce il file nellalista dei file da far visualizzare nella pagina di download mediante lrsquoapposito plugin

Selezionando la scheda Upload si puograve inserire un file non presente nel sistema (figura Caricamentoimmediato file (page 56))

51 Inserimento e configurazione pagine di download 55

DocWeb Release 101

Figura 56 Ricerca per tipo

Figura 57 Selezione file

Figura 58 Caricamento immediato file

51 Inserimento e configurazione pagine di download 56

DocWeb Release 101

Scegliere i file dal proprio PC seguendo le operazioni giagrave descritte nel modulo DAM e selezionare dallascheda Media i nuovi file inseriti

Nella figura Plugin con file selezionati (page 57) egrave visualizzato un esempio di maschera di configurazionedel plugin con la lista dei file selezionati

Figura 59 Plugin con file selezionati

I file una volta inseriti possono essere ordinati selezionando sugli appositi bottoni posti a destra dellalista file

bull Per ordinare un determinato file occorre

bull Selezionare un file

Premere uno dei tasti (figura sopra) per

1 Spostare in prima posizione

2 Spostare in alto di una posizione

3 Spostare in basso di una posizione

4 Spostare in ultima posizione

5 Rimuovere dalla lista il file selezionato

Una volta eseguiti i passaggi sopra descritti salvare la configurazione del plugin

51 Inserimento e configurazione pagine di download 57

CAPITOLO 6

Modulo Sitemap

Ersquo possibile generare una mappa del sito scegliendo un contenuto speciale di tipo ldquoMappa del Sitordquo comemostrato nella figura Contenuto mappa del sito (page 58)

Figura 61 Contenuto mappa del sito

Per scegliere un record di tipo ldquomappa del sitordquo (per visualizzare cioegrave la vista dei contenuti possibili)saragrave necessario portarsi in modalitagrave ldquopaginardquo compiendo gli stessi passaggi descritti per la creazione dicontenuti semplici in fase di creazione delle pagine (in questo caso selezionando il contenuto specialemappa)

58

DocWeb Release 101

61 Scheda di configurazione Mappa

La scheda di configurazione si presenta come nella figura Scheda mappa del sito (page 59)

Figura 62 Scheda mappa del sito

I campi fondamentali da personalizzare sono lrsquointestazione (ossia il titolo pagina) il tipo di menugrave e ilpunto di partenza Nellrsquointestazione viene inserito come di consuetudine il titolo pagina

62 Tipo di mappa

Ersquo possibile scegliere il tipo di mappa che si desidera creare consultando il menugrave a tendina ldquotipo di menugraverdquoche ci offriragrave diverse opzioni

Le piugrave frequentemente usate sono di tipo ldquoMenugrave delle sottopagine rdquo come indicato nella figura Tipo dimenu (page 60)

Menugrave delle sottopagine di queste pagine Scegliendo questa opzione da una pagina padre sigenereragrave un record che mostreragrave al suo interno tutte le sottovoci figlio con relativo link

Menugrave delle sottopagine di queste pagine (con abstract) Genera una mappa sia delle sottopagineche dei sottotitoli

Menugrave delle sottopagine di queste pagine + sezioni Genera una mappa sia delle sottopagine chedei record (link alle intestazioni dei singoli record)

Selezionando voci di menugrave di sottopagine egrave anche possibile stabilire un determinato punto di partenzasfogliando lrsquoapposito record

61 Scheda di configurazione Mappa 59

DocWeb Release 101

Figura 63 Tipo di menu

63 Il ldquopunto di partenzardquo della mappa

Il ldquopunto di partenzardquo dei Menugrave delle sottopagine Scheda mappa del sito (page 59) costituisce la paginadalla quale il sistema partiragrave per creare la mappa

Si potragrave quindi creare una mappa (di tipo menugrave delle sottopagine) che mostri solamente il percorso diquella porzione di menugrave che si intende mostrare

63 Il ldquopunto di partenzardquo della mappa 60

CAPITOLO 7

Modulo News

71 Inserimento e modifica di news

Alcune sezioni del nostro sito potrebbero essere state configurate per permettere la visualizzazione dinotizie

Per poter visualizzare le news correttamente occorre che queste ultime vengano inserite in una determi-nata posizione allrsquointerno del backend Da questa posizione che chiameremo repository delle news lenostre pagine andranno a prelevare le news da visualizzare al loro interno

Figura 71 Backend news

Nellrsquoesempio presentato nella figura Backend news (page 61) distinguiamo

1 il repository delle news che egrave stato creato

2 Un esempio di come potrebbe apparire il contenuto del repository delle news (lista delle news)

Per poter visualizzare il contenuto del repository delle news occorre seguire i seguenti passi

1 entrare nel modulo Pagina

61

DocWeb Release 101

2 selezionare il repository delle news corrispondente (nellrsquoesempio della figura Backend news (page 61)il Repository delle news si chiama ldquoNews Area Testrdquo)

Poniamo ora la nostra attenzione alla lista delle news (figura Lista news (page 62)) Da qui egrave possibile

bull Inserire una nuova notizia

bull Modificare le notizie giagrave esistenti

Per inserire una nuova notizia occorre selezionare la voce Crea nuovo record (figura Lista news (page 62))posta in fondo alla lista delle news

Figura 72 Lista news

A questo punto si apre la finestra di creazione Nuovo record da cui occorre selezionare la voce News(figura Nuovo record news (page 62))

Figura 73 Nuovo record news

Eseguendo le operazioni sopra descritte si accede alla maschera di inserimento news (figura Inserimentonews scheda generale (page 63))

Questa si compone di due schede una denominata Generale e unrsquoaltra denominata Relations

Nella scheda Generale egrave possibile inserire

Titolo in questo spazio egrave possibile specificare un titolo della news

Nascondi questo controllo determina se la news egrave pubblicabile oppure no Come avviene per le pagineanche per le news egrave consigliabile tenere la news nascosta durante la lavorazione Facciamo notare

71 Inserimento e modifica di news 62

DocWeb Release 101

Figura 74 Inserimento news scheda generale

71 Inserimento e modifica di news 63

DocWeb Release 101

che appena viene aperta la maschera di inserimento di una nuova news il controllo appare giagrave instato nascosto

Dataora in questo spazio viene indicata la data e lrsquoora della creazione della news in base ai parametridi sistema

Data Archiviazione in questo spazio viene inserita la data di Archiviazione di una news

Autore permette di specificare un autore della news

Email permette di specificare un e-mail a cui fare riferimento

Sottointestazione questo campo conterragrave una breve descrizione (abstract) della news La sottointes-tazione egrave quella parte della news che compare quando viene visualizzata la lista delle news e serveper dare una breve descrizione al contenuto della news (si veda Esempio news (page 64))

Figura 75 Esempio news

Durante lrsquoinserimento di una news egrave consigliabile specificare sempre una sottointestazione

Testo egrave il campo che contiene il contenuto vero e proprio della news Egrave possibile utilizzare tutte lefunzionalitagrave messe a disposizione dallrsquoeditor RTE

72 Modalitagrave Relations

Nella modalitagrave Relations (figura Inserimento news scheda relations (page 65)) egrave possibile inserire

Immagini contiene una lista di immagini da associare alla news Il procedimento per la se-lezionecaricamento delle immagini egrave stato descritto nella parte dedicata alla creazione di paginedi download a cui vi rimandiamo

Didascalia permette di specificare una descrizione per lrsquoimmagine associata alla news

Image alttext e Image titletext permette di specificare un testo che in visualizzazione (Frontend)compariragrave al passaggio del mouse sopra lrsquoimmagine

News correlate permette di specificare news o pagine del sito da associare alla news Il procedimentodi selezione delle news da associare alla notizia saragrave spiegato successivamente

DAM elements permette di assegnare alla news dei documenti da scaricare come per esempioil programma di un determinato evento Anche in questo caso il procedimento per la se-lezionecaricamento dei documenti egrave quello giagrave descritto nella parte dedicata alla creazione dipagine di download

Descriviamo il procedimento da seguire per associare alcune pagine o alcune news alla notizia che stiamoinserendo

Premere il tasto di Sfoglia Record evidenziato nella figura Sfoglia record news (page 65)

Verragrave aperta una finestra che contiene un Element Browser che ci permette di selezionare le newspagine(figura Element browser news (page 66)) da associare

La finestra di selezione si suddivide nelle seguenti parti (figura sopra)

Alberatura del sito da cui egrave possibile esplorare gli elementi del nostro sito (pagine sysfolder )Premendo con il tasto sinistro del mouse sul nome della pagina o sulla freccia corrispondente verragraveaggiornata la parte di destra della finestra in cui egrave inserita la lista degli elementi associabili

72 Modalitagrave Relations 64

DocWeb Release 101

Figura 76 Inserimento news scheda relations

Figura 77 Sfoglia record news

72 Modalitagrave Relations 65

DocWeb Release 101

Figura 78 Element browser news

Lista degli elementi associabili egrave quindi possibile selezionare gli elementi da associare alla newsPer associare un elemento si puograve selezionare il simbolo ldquo+rdquo posto accanto allrsquoelemento desideratoo agendo sul nome del file Nel primo caso lrsquoelemento viene aggiunto ma la finestra non si chiuderagrave(utile per effettuare selezioni multiple) mentre nel secondo caso lrsquoelemento viene aggiunto e lafinestra si chiuderagrave (selezione singola)

Nota Per associare una o piugrave news alla notizia che stiamo inserendo occorreragrave innanzitutto selezionareil repository delle news e utilizzando i metodi descritti in precedenza indicare le news di interesse

Nella figura Selezione repository (page 66) viene visualizzato come appare lrsquoElement Browser dopo averselezionato il repository delle news denominato ldquoNews Corso Typo3rdquo

Figura 79 Selezione repository

Una volta ultimato il procedimento di inserimento di una news vedremo che nel repository compariragrave(figura News nel repository (page 67)) anche quella da noi creata Nellrsquoesempio la news creata si chiamaldquoTitolo della news di provardquo

Dalla lista delle news possiamo notare che i diversi tipi di news sono contrassegnati con icone diverse

In particolare distinguiamo

72 Modalitagrave Relations 66

DocWeb Release 101

Figura 710 News nel repository

bull News (icona ldquocelestinardquo)

bull Collegamento a URL esterna (icona ldquorosardquo)

bull Collegamento a pagina interna (icona ldquogiallinardquo)

Per modificare il contenuto di una news egrave sufficiente selezionare il simbolo di modifica (figura Modificanews (page 67)) in corrispondenza della news da modificare

Figura 711 Modifica news

73 News collegata a URL esterna e a pagina interna

Attraverso la selezione della finestra ldquoTipordquo egrave possibile scegliere diverse tipologie di news

Nella figura News collegata a url esterna (page 68) egrave stato selezionato il Collegamento a URL esterna checi offriragrave la possibilitagrave di specificare un link (ldquoURL esternordquo) da far visualizzare e che saragrave contraddistintain lista da lrsquoicona di colore rosa

Selezionando il Collegamento a pagina interna viene offerta la possibilitagrave di inserire un collegamento auna pagina del sito (evidenziato nella figura News collegata a pagina interna (page 69))

La news si presenteragrave con icona di color ldquogiallordquo e al suo interno conterragrave un link alla pagina interna alsito

73 News collegata a URL esterna e a pagina interna 67

DocWeb Release 101

Figura 712 News collegata a url esterna

73 News collegata a URL esterna e a pagina interna 68

DocWeb Release 101

Figura 713 News collegata a pagina interna

73 News collegata a URL esterna e a pagina interna 69

DocWeb Release 101

74 Eliminazione delle News

Per eliminare una news possiamo procedere tra lrsquoaltro in due modi

1 Selezionare la news da eliminare dallrsquoelenco e selezionare la voce ldquocancellardquo dal menugrave a tendinaconsultabile cliccando con il pulsante destro sullrsquoicona in corrispondenza della news (figura Eliminanews da menu contestuale (page 70))

Figura 714 Elimina news da menu contestuale

2 Entrare allrsquointerno della modalitagrave di modifica della news attraverso lrsquoicona ldquomatitardquo e selezionare lrsquoi-cona raffigurante il bidone di elimina posta in alto pagina (figura Elimina news da scheda contenuto(page 70))

Figura 715 Elimina news da scheda contenuto

75 Ordinamento delle News e ricerca

Puograve essere necessario durante la visualizzazione della lista delle news (lato backend) di dover effettuaredegli ordinamenti al fine di permettere una ricerca piugrave veloce delle news da modificare

74 Eliminazione delle News 70

DocWeb Release 101

Avvertimento Lrsquoordinamento ha valore solo come ricerca allrsquointerno del backend mentre latofrontend rispecchieragrave i parametri prestabiliti dal sistema

Supponiamo per esempio di voler effettuare un ordinamento per Titolo Seguiamo i seguenti passi(figura sotto)

1 Selezionare la voce di menugrave Lista

2 Selezionare il deposito delle news (repository) News Corso Typo3

3 Cliccare con il mouse in corrispondenza della voce ldquoTitolordquo

A questo punto (figura Ordinamento news (page 71)) le news vengono ordinate in ordine crescente(vengono visualizzate prima le news con titolo che inizia con la lettera a b e cosigrave via)

Figura 716 Ordinamento news

Se clicchiamo unrsquoaltra volta sulla voce ldquoTitolordquo il tipo di ordinamento cambia da crescente a decrescente(compariranno per prima le news con titolo che inizia per z )

Egrave inoltre possibile ordinare secondo campo da noi specificato Per definire il nome di un campo (ad estesto inizio autore ) su cui effettuare lrsquoordinamento occorreragrave spostarsi in fondo alla lista delle newsdove troveremo una lista di campi (figura Mostra campo aggiuntivo news (page 71))

Figura 717 Mostra campo aggiuntivo news

Dalla lista possiamo

bull Selezionare la voce in base alla quale effettuare lrsquoordinamento (ad esempio Immagini)

bull Premere il tasto Imposta campi per aggiungere alla lista dei campi visualizzati quello selezionato

75 Ordinamento delle News e ricerca 71

DocWeb Release 101

A questo punto il campo selezionato (nel nostro esempio il campo Immagini) compare nella lista dellenews (il campo aggiunto egrave evidenziato con un riquadro in alto a destra nella figura Ordinamento campoaggiuntivo news (page 72))

Figura 718 Ordinamento campo aggiuntivo news

Effettuare le stesse operazioni illustrate per il campo Titolo per ordinare in modo crescente e decrescentele news secondo il criterio impostato (click pulsante sinistro sul nome etichetta)

Egrave anche possibile ricercare le news in base al testo contenuto nel titolo sottotitolo descrizione eccUtilizzando la maschera di ricerca in fondo pagina (evidenziata nella figura Ricerca news (page 72))

Figura 719 Ricerca news

Per effettuare una ricerca egrave necessario seguire i seguenti passi

1 Inserire nel campo Cerca Stringa il testo da cercare (nel nostro esempio ldquonequerdquo)

2 Premere il tasto Cerca per eseguire la ricerca secondo i criteri impostati

In questo modo nella lista delle news compariranno solo quelle che contengono il testo specificatoEffettuata la ricerca egrave possibile effettuare degli ordinamenti come spiegato in precedenza

75 Ordinamento delle News e ricerca 72

CAPITOLO 8

Modulo Eventi

Avvertimento SEZIONE NON COMPLETA

Si confrontino i seguenti due tipi di contenuti

Evento egrave un tipo di contenuto adatto a descrivere qualcosa che accadragrave o che egrave accaduto in una certadata La data o le date in cui lrsquoevento ricorre sono strettamente legate ad un luogo in cui lrsquoeventosi verificheragravesi egrave verificato Gli eventi vengono rappresentati mediante la metafora dellrsquoagenda edel calendario

Notizia egrave un tipo di contenuto caratterizzato dalla data di pubblicazione secondo la metafora delgiornale online E come in un giornale online una notizia puograve riferirsi sia a fatti giagrave accaduti chea fatti a venire

Nota Per comprendere meglio la differenza tra i due tipi di contenuto si pensi che dato un eventoche ha una certa data di svolgimento (ad es 20 maggio) di tale evento posso realizzare piugrave di unanotizia Rimanendo nellrsquoesempio potrei pubblicare una notizia il 10 maggio per preannunciare lrsquoeventoe poi unrsquoaltra il 18 maggio per ricordarne lrsquoimminenza Infine potrei pubblicare una notizia di riepilogo(cronaca dellrsquoevento immagini ecc) il 22 maggio

81 Scopo del modulo Eventi

Il visitatore del sito deve poter cogliere le informazioni essenziali di un evento

bull Cosa sta per succedere

bull Dove accadragrave

bull Quando accadragrave

82 Il Backend ndash Modulo Pagina

Vedi figura Eventi vista modulo pagina (page 74)

83 Il Backend ndash Modulo Lista

Vedi figura Eventi vista modulo lista (page 74)

73

DocWeb Release 101

Figura 81 Eventi vista modulo pagina

Figura 82 Eventi vista modulo lista

83 Il Backend ndash Modulo Lista 74

DocWeb Release 101

84 Creazione di un evento

Prima di procedere poniamoci qualche domanda

bull Lrsquoevento appartiene a qualche rassegna iniziativa per la quale sono in programma altri eventiPer esempio

ndash Rassegne teatrali cinematografiche

ndash Festival

bull Lrsquoevento si ripete

ndash La replica avviene sempre nello stesso luogo

841 Creazione del record

Vedi figura Creazione nuovo evento (page 75)

Vedi figura Creazione nuovo record evento (page 76)

Figura 83 Creazione nuovo evento

842 Scheda ldquoGeneralerdquo

Vedi figura Evento scheda generale (page 76)

843 Scheda ldquoFinestra temporalerdquo

Orario repliche

Vedi figura Evento finestra temporale (page 78)

84 Creazione di un evento 75

DocWeb Release 101

Figura 84 Creazione nuovo record evento

Figura 85 Evento scheda generale

84 Creazione di un evento 76

DocWeb Release 101

bull Lrsquoorario va solo per le Finestre temporali di un giorno (data inizio = data fine)

bull Se non si conosce lrsquoora della fine impostare ora inizio = ora fine

844 Scheda ldquoTestordquo

Vedi figura Evento scheda testo (page 79)

84 Creazione di un evento 77

DocWeb Release 101

Figura 86 Evento finestra temporale

84 Creazione di un evento 78

DocWeb Release 101

Figura 87 Evento scheda testo84 Creazione di un evento 79

  • Introduzione
    • Cosegrave DocWeb
    • Concetti chiave
      • Funzionalitagrave di Base
        • Il CMS Typo3 ldquobackendrdquo e ldquofrontendrdquo
        • Cambio password di accesso
        • Albero delle pagine
        • Implementazione delle pagine ldquogenitori rdquo e ldquofiglirdquo
        • Inserimento Nuova pagina
        • Elementi standard della pagina
        • Inserimento contenuti di una pagina
        • Contenuti multipli allrsquointerno di una pagina
        • Modifica dei contenuti della pagina
        • Spostamento di pagine
        • Eliminazione pagine
        • Rich Text Editor
        • Modalitagrave Lista
        • Modalitagrave Mostra
        • Modalitagrave ldquoMonta come radice dellrsquoalberordquo
        • Ottenere il page-id di una pagina
        • Admin Panel
          • La Clipboard
            • Copia o spostamento di un contenuto singolo di pagina allrsquointerno di unrsquoaltra pagina
            • Copia o spostamento di piugrave contenuti da una pagina ad unrsquoaltra
              • Modulo DAM (Digital Asset Management)
                • Caricamento e Aggiornamento di file
                • Ricerca di file allrsquointerno del DAM e modifica delle meta-informazioni
                  • Modulo Pagine di download
                    • Inserimento e configurazione pagine di download
                      • Modulo Sitemap
                        • Scheda di configurazione Mappa
                        • Tipo di mappa
                        • Il ``punto di partenza della mappa
                          • Modulo News
                            • Inserimento e modifica di news
                            • Modalitagrave Relations
                            • News collegata a URL esterna e a pagina interna
                            • Eliminazione delle News
                            • Ordinamento delle News e ricerca
                              • Modulo Eventi
                                • Scopo del modulo Eventi
                                • Il Backend ndash Modulo Pagina
                                • Il Backend ndash Modulo Lista
                                • Creazione di un evento
Page 12: DocWeb€¦ · per la realizzazione e la gestione di siti web della Pubblica Am-ministrazione. La piattaforma tecnologica utilizzata è il CMS (Content Management System) Open SourceTypo31

DocWeb Release 101

Figura 210 Seleziona nuovo

Verragrave caricata nella 3deg area una schermata come indicato nella figura Vista Backend (page 10)

Scegliamo la 1deg opzione ldquoPagina (dentro)rdquo cliccando con il pulsante sinistro del mouse sulla voce ldquoCliccaqui per il wizardrdquo Si caricheragrave la schermata di figura Seleziona posizione (page 10)

Si noti come la schermata riproduca le pagine esistenti ed il loro posizionamento nel menugrave potremoindicare cliccando sulle frecce grigie la posizione dove desideriamo inserire la nostra pagina Scegliamoad esempio di voler inserire la nostra pagina allrsquointerno della sezione ldquoTest Abanetrdquo

Avvertimento Ovviamente la sezione ldquoTest Abanetrdquo egrave solo un esempio Usare le sezioni presentinel vosto sito di riferimento

Andremo quindi a cliccare sulla freccia che si trova appunto allrsquointerno del record (come indicato infigura)

Verragrave caricata una schermata che ci chiederagrave di specificare altri elementi indispensabili alla creazione diuna nuova pagina (vedi sezione successiva)

26 Elementi standard della pagina

Si faccia riferimento alla (figura Modifica intestazioni pagina (page 11))

Nascondi pagina In fase di elaborazione di una nuova pagina egrave sempre bene puntare il piccolo quadratoin basso a sinistra della sezione ldquonascondi paginardquo in modo tale da permetterci di lavorare suicontenuti in tutta tranquillitagrave prima della pubblicazione on-line

Tipo Assegna alla pagina una determinata tipologia o scopo

Titolo pagina Indicare il titolo della pagina (ad es ldquoPagina di Provardquo

Selezione di template per lrsquoarea contenuti Ersquo la possibilitagrave di variare lo ldquoschemardquo di visualiz-zazione della pagina (es pagina a 3 colonne pagina a due colonne con menu di navigazionesulla sinistra etc)

Salvare Ogni operazione deve essere salvata per essere resa effettiva

261 Varie opzioni di salvataggio

In relazione al punto (5) nella fase di salvataggio si noti come ci vengono proposte diverse icone (figuraIcone salvataggio (page 11))

26 Elementi standard della pagina 9

DocWeb Release 101

Figura 211 Vista Backend

Figura 212 Seleziona posizione

26 Elementi standard della pagina 10

DocWeb Release 101

Figura 213 Modifica intestazioni pagina

Figura 214 Icone salvataggio

26 Elementi standard della pagina 11

DocWeb Release 101

1 Il documento viene salvato lrsquoambiente si ricarica automaticamente il menugrave centrale si aggiornacon la comparsa della pagina da noi creata nella posizione da noi assegnata

2 Il documento viene salvato lrsquoambiente si ricarica automaticamente il menugrave centrale si aggiornacon la comparsa della pagina da noi creata nella posizione da noi assegnata e si apre una nuovafinestra del browser contenente la preview (anteprima di visualizzazione) della nostra pagina

3 Il documento viene salvato lrsquoambiente si ricarica automaticamente sulla schermata successivail menugrave centrale si aggiorna con la comparsa della pagina da noi creata nella posizione da noiassegnata

4 Il documento viene chiuso e non salvato

5 Elimina la pagina

Nota La quinta icona (ldquoElimina paginardquo) compariragrave solo dopo aver salvato il documento la primavolta Inoltre gli stessi simboli si ritroveranno anche in fase di modifica di pagine giagrave create

Da osservare il simbolo proposto accanto alla nuova pagina da noi creata (figura Pagina nascosta(page 12)) ad indicare la modalitagrave ldquonascostardquo

Figura 215 Pagina nascosta

Lrsquoicona posta a sinistra ricorda una pagina con una ldquoXrdquo rossa in alto a destra e indica che la pagina egravenascosta (punto 1 modifica intestazioni) e non visibile dallrsquoesterno

Le altre voci con simbolo diverso di pagina su sfondo giallo sono on-line e quindi consultabili dal FrontEnd

Pubblicata la pagina nascosta lrsquoicona cambieragrave automaticamente aspetto e la voce di menugrave saragraveconsultabile anche dal Front End

27 Inserimento contenuti di una pagina

Avendo precedentemente creato e salvato una pagina ldquoPagina di Provardquo andiamo ad inserire un contenuto

Ersquo possibile procedere in due modi effettuare un click con il pulsante sinistro del mouse sulla icona o sultitolo ldquoPagina di Provardquo oppure cliccare con il pulsante destro del mouse sullrsquoicona posta a sinistra deltitolo pagina e scegliere ldquomodificardquo

In entrambe i casi il sistema aggiorna la terza area (vedi figura Backend tripartito (page 8)) doveandremo a lavorare

Per creare un contenuto nella posizione di default (Normale) clicchiamo sullrsquoicona cerchiata di rosso (vedifigura Crea contenuto normale (page 13)) nel box ldquonormalerdquo

In alternativa si puograve scegliere di usare la voce in basso a sinistra ldquoCrea nuovo recordrdquo e successivamentescegliere di creare un nuovo contenuto pagina con il ldquowizardrdquo

27 Inserimento contenuti di una pagina 12

DocWeb Release 101

Figura 216 Crea contenuto normale

Per entrambe le opzioni si apriragrave una schermata come nella figura Seleziona contenuto paragrafo(page 14))

Scegliamo di inserire un paragrafo di testo semplice Notiamo come il sistema ci consente di scegliereforme alternative di contenuti (es immagini sotto il testo a sinistra solo immagini ecc) Approfondire-mo in seguito le modalitagrave per creare contenuti piugrave articolati e contenuti multipli e selezioniamo la voceldquoparagrafo di testordquo

271 Paragrafo di testo

Allrsquointerno di un paragrafo di testo potremo inserire un contenuto e tutte le opzioni ad esso legato (figuraModifica contenuto testo (page 15))

Si noti come lrsquoarea egrave divisa in 4 blocchi orizzontali Tipo Intestazione Testo Opzioni generali Inbasso e in alto troviamo anche la serie di icone per il salvataggio del documento di cui abbiamo giagraveprecedentemente parlato

Area Tipo

Nel menugrave a tendina dellrsquoarea tipo egrave possibile modificare il tipo di contenuto che vogliamo inserire Laschermata ci dice che siamo su ldquotestordquo ma volendo potremmo anche cambiare con le altre forme dicontenuto a nostra disposizione

Area Intestazione

Rappresenta il titolo della pagina Viene inserito allrsquoinizio della pagina ed ha una rilevanza graficamaggiore rispetto al resto del contenuto

Un buon titolo egrave breve ma incisivo rispecchia in poche parole il contenuto della pagina riassumelrsquoargomento trattato

27 Inserimento contenuti di una pagina 13

DocWeb Release 101

Figura 217 Seleziona contenuto paragrafo

27 Inserimento contenuti di una pagina 14

DocWeb Release 101

Figura 218 Modifica contenuto testo

27 Inserimento contenuti di una pagina 15

DocWeb Release 101

Ersquo inoltre possibile anche se sconsigliabile associare un link allrsquointestazione cambiare la sua posizioneinserire una data

Testo

Rappresenta con il suo grande quadrilatero bianco lrsquoarea allrsquointerno della quale andremo ad inserire ilnostro testo

Digitando un semplice testo in visualizzazione questo assumeragrave colore dimensione e carattere inconformitagrave allo stile preimpostato per le pagine del sito

Per la formattazione del testo saragrave possibile usare lo strumento RTE (di seguito descritto)

Opzioni generali (parametri di visibilitagrave)

Apparizione programmata

Cliccando accanto al quadrato della voce ldquoInizio rdquo e ldquoFinerdquo si attiveragrave un modulo data che ci consentiragravedi impostare le date di Inizio pubblicazione e di Fine pubblicazione (depubblicazione) di una pagina

Potremo quindi stabilire quando una pagina dovragrave essere pubblicata eo quando dovragrave cessare di esserevisibile on-line La programmazione dellrsquoinizio di pubblicazione non implica che ci sia necessariamenteuna fine e vice versa

Ciograve significa che potremo quindi decidere di pubblicare una pagina in una certa data e che la pubblicazioneduri nel tempo (almeno fino a quando non decideremo di togliere la visualizzazione on-line manualmente)

Pagine nascoste

Ersquo possibile nascondere il contenuto delle pagine cliccando il quadrato a sinistra della voce ldquoNascondirdquoScegliendo questa opzione la pagina continueragrave ad esistere ma non saragrave visibile il suo contenuto

Lrsquoopzione si rileva particolarmente utile in caso di pagina strutturata su contenuti multipli

28 Contenuti multipli allrsquointerno di una pagina

Avendo creato una pagina potremo in ogni momento svilupparla ulteriormente aggiungendo ulterioricontenuti

Clicchiamo sul menugrave di sinistra sulla voce ldquoPaginardquo in modo da caricare il menugrave centrale contenentelrsquoalberatura del sito

Clicchiamo sul titolo della pagina da modificare con il pulsante sinistro oppure con il destro e scegliamoldquomodificardquo

A destra si apriragrave il nostro ambiente di lavoro come nella figua Modifica contenuto normale (page 17)

Vedremo in pratica la stessa schermata proposta per la creazione di una nuova pagina con lrsquoaggiunta dialcune icone come indicato in figura

1 Modifica

2 Nuovo record

3 Cerca Stringa

Cliccando su Modifica comrsquoegrave intuibile saremo riportati nella pagine dellrsquoeditor dove potremo modificareil nostro testo link immagini ecc

Cliccando su nuovo record invece avremmo la possibilitagrave di aggiungere un nuovo contenuto alla paginae nella posizione che sceglieremo

28 Contenuti multipli allrsquointerno di una pagina 16

DocWeb Release 101

Figura 219 Modifica contenuto normale

28 Contenuti multipli allrsquointerno di una pagina 17

DocWeb Release 101

Il contenuto non avragrave vincoli con i record precedenti pur apparendo nella stessa pagina del frontend Ciogravegarantisce una vantaggiosa gestione delle pagine che suddivise in ldquosezionirdquo potranno essere di volta involta pubblicate cancellate modificate a blocchi di contenuto senza toccare lrsquointera pagina

Si potragrave suddividere la stessa pagina in diverse aree (record) ossia ldquocontenuti multiplirdquo via via aggiornabilianche da altri utenti di redazione

Ersquo inoltre possibile effettuare una ricerca su di un contenuto di tipo testuale allrsquointerno delle pagine edei record utilizzando il campo ldquoCerca Stringardquo La ricerca puograve essere effettuata allrsquointerno della paginae dei suoi record ed estesa anche ai livelli inferiori

29 Modifica dei contenuti della pagina

Creata una pagina potremo modificarla ogni volta che saragrave necessario

Per modificare una pagina saragrave sufficiente selezionarla dal menugrave portandosi con il cursore del mouse aldi sopra del titolo e cliccando con il pulsante destro su di essa (figura Modifica pagina (page 18))

Una pagina da modificare potragrave anche essere raggiunta tramite la ricerca dellrsquoID (vedi capitolo 3 Alberodelle pagine)

Scegliere la voce ldquomodificardquo dal menugrave a tendina che si apriragrave dopo il click

Figura 220 Modifica pagina

A destra nellrsquoarea principale si apriragrave la schermata riportante il contenuto della pagina selezionata

Potremo scegliere lrsquoelemento da modificare cliccando sullrsquoicona matita

Nota Ricordarsi sempre di salvare per rendere effettive le modifiche e di ricontrollare la visualizzazionedella pagina modificata

Per modificare lrsquointestazione di una pagina egrave sufficiente selezionare la voce ldquoModifica intestazionirdquo dalmenugrave portandosi con il cursore del mouse al di sopra del titolo e cliccando con il pulsante destro su diesso (figura Menu modifica intestazioni pagina (page 19))

210 Spostamento di pagine

Oltre le modifiche stilistiche testuali e di contenuto di una pagina possiamo modificarne la posizione

29 Modifica dei contenuti della pagina 18

DocWeb Release 101

Figura 221 Menu modifica intestazioni pagina

Per spostare la posizione di una pagina allrsquointerno di un menugrave selezioniamola dal menugrave principale conclick sinistro del mouse

Nella schermata di destra scegliamo lrsquoicona

Si apriragrave un menugrave che ci mostreragrave lrsquoalberatura del nostro sito (esattamente come per lrsquoinserimento diuna nuova pagina) composto da pagine principali (genitori) e pagine ad esse collegate (figli)

A questo punto dovremo solo scegliere dove spostare la pagina muovendoci sulle frecce grigie sottostantie sovrastanti le varie voci di menugrave

Avvertimento Spostando una pagina genitore anche i figli vengono spostati con esso

211 Eliminazione pagine

Per eliminare le pagine egrave sufficiente selezionare la pagina in questione dal menugrave principale cliccando conil pulsante destro del mouse su di essa e scegliere la voce del menugrave a tendina che si apriragrave ldquoCancellardquo

Avvertimento Non egrave possibile cancellare una pagina genitore Ossia non egrave possibile cancellareuna pagina che al suo interno contiene altre pagine prima che questrsquoultime trovino una collocazionealternativa

212 Rich Text Editor

Quando si inserisce un contenuto nellrsquoarea di testo (inserito digitando direttamente allrsquointerno dellrsquoap-posita area o copiato e incollato da fonte esterna con la dovuta cautela) egrave possibile personalizzarlo eformattarlo utilizzando le funzionalitagrave previste dal Rich Text Editor (RTE)

Nota Un testo copiatoincollato da altri programmi va ldquoripulitordquo prima di essere pubblicato poicheacuteil modulo che utilizzeremo tende a mantenere la formattazione originaria del carattere delle immaginidei colori falsando la linea grafica omogenea e standard del nostro portale

In ogni modo quando si salva un documento il cui testo conteneva una formattazione proveniente ad es-empio da un documento di tipo word questo viene automaticamente ldquoripulito nel codicerdquo ed egrave opportunocontrollare la visualizzazione

211 Eliminazione pagine 19

DocWeb Release 101

Proviamo ad inserire ad esempio una semplice frase allrsquointerno del box testo (figura Box testo RTE(page 20))

Figura 222 Box testo RTE

La frase viene digitata direttamente nellrsquoarea testo mantenendo un tipo di formattazione ldquonormalerdquo

2121 Testo grassetto corsivo sottolineato (bold italic underline)

Proviamo a selezionare la frase ldquoProvincia di Pesaro e Urbinordquo tenendo premuto il pulsante sinistro delmouse trascinando il cursore dalla P di Provincia alla o di Urbino

In alternativa portare il cursore alla P di Provincia tenere tasto maiuscolo premuto e muoversi con lefrecce per selezionare il testo

Lrsquoesempio egrave utile per capire che per effettuare una determinata azione di tipo stilistico su una frase oparola egrave necessario che la frase o la parola siano preventivamente selezionate

Figura 223 Comandi box testo RTE

212 Rich Text Editor 20

DocWeb Release 101

Se il testo egrave stato selezionato correttamente vedremo la parola ldquoProvincia di Pesaro e Urbinordquo evidenziatadi blu scuro

Click sinistro sul simboloicona ldquoBrdquo (figura Comandi box testo RTE (page 20)) per creare un effettoldquograssettordquo al testo

Click sinistro sul simboloicona ldquoIrdquo per il corsivo-italico

Click sinistro sul simboloicona ldquoU ldquo per il sottolineato

Nota Il Grassetto dona alle parole un sapore piugrave incisivo e si utilizza per enfatizzare termini importantie di rilievo

LrsquoItalico viene usato comunemente per indicare le date gli indirizzi le citazioni

Il Sottolineato su web viene comunemente usato nelle parole ldquolinkaterdquo (ossia che rimandano ad altrepagine web) per cui se ne sconsiglia lrsquouso in un testo semplice per evitare confusione

2122 Elenco Puntato e Numerato

Portiamoci con il cursore allrsquointerno della box di testo

Selezioniamo lrsquoicona Lista non numerata (Elenco puntato semplice)

Vedremo comparire un simbolo tontoromboidale e potremo dare vita ad una lista

bull Voce 1

bull Voce 2

bull Voce 3 ecc

Allo stesso modo potremo creare una lista numerata avvalendoci dellrsquoicona ldquoLista numeratardquo

Lrsquoelenco viene numerato

1 Voce 1

2 Voce 2

3 Voce 3 ecc

2123 Pulsanti di Annulla e Ripristina

Compiuta una determinata azione egrave possibile tornare indietro o ripristinarla tramite i pulsanti ldquoAnnullalrsquoultima azionerdquo e ldquoRifai lrsquoultima azionerdquo

Piugrave volte si clicca sui pulsanti piugrave volte lrsquoazione viene ripetuta indietro ed avanti nel tempo

2124 Copia Taglia Incolla

Selezionando un testo potremo tagliarlo copiarlo e incollarlo

Copia selezionare il testo utilizzare lrsquoicona ldquocopia selezionerdquo per copiare

Taglia il testo viene eliminato ma resta in memoria per essere eventualmente incollato altrove odefinitivamente cancellato Ersquo possibile tenere in memoria solo lrsquoultimo testo o parola tagliato

Incolla Un testo precedentemente copiato o tagliato puograve essere incollato nuovamente o su diversoambiente

212 Rich Text Editor 21

DocWeb Release 101

2125 Rimuovi Formattazione

Ersquo possibile che il testo importato e incollato nellrsquoarea testo da altra fonte (es documento word) sildquosporchirdquo e ne acquisisca le caratteristiche stilistiche in maniera non corretta

Ersquo necessario pulire il testo selezionandolo e cliccando su ldquorimuovi formattazionerdquo

Si apriragrave un pop-up (nuova finestra) che ci proporragrave diversi elementi da pulire selezioniamo ciograve che ciinteressa e clicchiamo su OK

2126 Inserisci Caratteri Speciali

Alcune volte puograve essere necessario inserire dei caratteri o simboli non presenti sulla tastiera o nonconvenzionali per i quali esiste una mappa di caratteri speciali

Il sistema propone diversi tipi di caratteri speciali tra i piugrave comuni e frequentemente usati per adoperarliegrave sufficiente cliccare sullrsquoapposita icona ldquoInserisci Caratteri Specialirdquo

Una finestra ci mostreragrave una vasta gamma di simboli tra i quali potremo scegliere quello che ci interessa

2127 Inserisci Tabella

Per agevolare lrsquoinserimento di dati numerici in forma ldquoTabellarerdquo si puograve ricorrere allrsquoinserimento di unatabella contraddistinta dallrsquoapposito simbolo

La tabella puograve essere immaginata come una quaderno a ldquoquadrettirdquo dove ogni ldquoscacchettordquo corrispondead una cella

Scegliendo di inserire una tabella si apriragrave una finestra pop-up dove andremo ad inserire parametridi spaziatura fra celle numero di righe e colonne che compongono la tabella spessore del bordoallineamento rispetto alla pagina ecc

2128 Link

Ogni sito egrave composto da pagine consultabili e collegate tra loro tramite link

I link sono i collegamenti presenti sulle voci di menugrave parole immagini ecc

Ersquo possibile collegare pagine appartenenti ad uno stesso sito un indirizzo web di un sito esterno ounrsquoe-mail un file da scaricare un immagine ecc

Nota Immettendo nel testo un indirizzo web o e-mail completo il programma egrave in grado di capireautomaticamente che si tratta di un link e collegare gli elementi automaticamente

Volendo invece collegare elementi non scritti in forma completa si dovragrave procedere come segue

Selezioniamo la parola o frase che vogliamo collegare (come precedentemente visto) e clicchiamo sullrsquoiconaldquoInserisci Linkrdquo

Si apriragrave un pop-up come indicato nella prossima figura

Link ad una pagina interna al sito

La finestra ci propone lrsquoalberatura del nostro sito con le pagine in esso presenti (La voce attiva egraveldquopaginardquo di colore giallomarrone rispetto alle altre voci del pop-up)

Selezionando (figura Link interno (page 23)) la pagina che vorremo collegare il pop-up si chiuderagrave e laparola che avevamo selezionato precedentemente per il link cambieragrave aspetto

La vedremo blu e sottolineata il che indica che il link egrave attivato

212 Rich Text Editor 22

DocWeb Release 101

Figura 224 Link interno

Ersquo anche possibile creare dei link che aprono la pagina collegata allrsquointerno di una ldquofinestra di pop-uprdquocioegrave dentro una nuova finestra del browser Specificando le dimensioni di altezza e larghezza della nuovafinestra allrsquointerno degli appositi campi

Link ad una pagina esterna al sito

Selezioniamo una parola o frase che vogliamo collegare (come precedentemente visto) e clicchiamosullrsquoicona ldquoInserisci Linkrdquo

Scegliamo nel menugrave in alto proposto dal pop-up il bottone ldquoURL esternordquo (figura Link esterno (page 23))

Figura 225 Link esterno

Impostiamo nel campo URL lrsquoindirizzo web che vogliamo linkare prestando attenzione a scriverlo peresteso e senza cancellare http

Clicchiamo su ldquoImposta Linkrdquo

Il pop-up si chiuderagrave e la parola che avevamo selezionato precedentemente per il link cambieragrave aspetto

212 Rich Text Editor 23

DocWeb Release 101

La vedremo blu e sottolineata il che indica che il link egrave attivato

2129 Link ad unrsquoEmail

Come precedentemente visto scrivendo un indirizzo e-mail valido il programma di gestione egrave in grado dicapire che si tratta di un indirizzo di posta elettronica e il link viene impostato automaticamente

Tuttavia ci sono dei casi in cui non egrave possibile o si preferisce non indicare lrsquoindirizzo e-mail per estesoad esempio potremmo avere ldquoPer informazioni scrivicirdquo

Volendo potremmo fare in modo che sulla parola ldquoscrivicirdquo ci sia impostata la funzione di invio e-mail

Selezioniamo quindi la parola andiamo su ldquoInserisci Linkrdquo scegliendo poi ldquoEmailrdquo

Inseriamo lrsquoindirizzo E-mail nellrsquoapposito campo e clicchiamo su ldquoimposta Linkrdquo

21210 Link ad un file scaricabile

Per collegare un file (espdf txt gif ecc) egrave necessario copiarlo dal proprio PC al server web

Non egrave infatti possibile che una pagina pubblicata su internet prenda come link dei files che di fatto sonosalvati in una directory del nostro computer

Typo3 mette a disposizione un area dovrsquoegrave possibile pubblicare i files per poi essere resi disponibili ai linkossia rende disponibile lrsquo ldquoUploadrdquo dei files da pc a server

Scegliere dal menugrave di sinistra sotto la sezione ldquoMediardquo la voce ldquoFilerdquo (figura Seleziona file (page 24))

Figura 226 Seleziona file

Si apriragrave sulla destra una nuova area dove troveremo i campi utili a ldquosfogliarerdquo il contenuto del nostropc al fine di passare i file o i files dal nostro computer al manager

Effettuato il passaggio potremo ritornare alla nostra pagina e riprendere la procedura di ldquocreazione linkrdquoselezionando questa volta la voce ldquoFilerdquo del pop-up

I campi proposti sono del tutto simili a quelli di creazione di link su pagine del sito e un elenco di files(tutti quelli disponibili caricati) potranno essere collegati

213 Modalitagrave Lista

Selezionando la voce ldquolistardquo (figura Backend modalitagrave lista (page 25)) dal menugrave di sinistra egrave possibileesplorare una pagina ldquopadrerdquo e tutte le pagine ldquofiglirdquo ed essa associate

Avvertimento Ricordarsi di attivare la voce in basso ldquoVista Estesardquo

213 Modalitagrave Lista 24

DocWeb Release 101

Figura 227 Backend modalitagrave lista

Utilizzando le icone poste alla destra di ogni voce si possono compiere diverse operazioni di modificavisualizzazione spostamento copia e incolla pagina ecc come precedentemente descritto

Dunque potremo dire che la modalitagrave lista costituisce una scorciatoia per semplificare ogni sorta dioperazione soprattutto in presenza di un numero considerevole di files

214 Modalitagrave Mostra

Figura 228 Backend modalitagrave mostra

Selezionando la voce ldquoMostrardquo (figura Backend modalitagrave mostra (page 25)) dal menugrave di sinistra egrave possibilenavigare il sito allrsquointerno del docweb direttamente nel backend

214 Modalitagrave Mostra 25

DocWeb Release 101

Inoltre accanto ai vari record troveremo posta lrsquoicona matita per eseguire eventuali modifichedirettamente sul punto e la pagina prescelti

Anche la modalitagrave ldquoMostrardquo come la rdquoListardquo (cap 13) costituisce una scorciatoia particolarmente indicataper semplificare lrsquooperazione di visualizzazione del sito e di modifica

215 Modalitagrave ldquoMonta come radice dellrsquoalberordquo

Quando esistono diverse e numerose pagine egrave possibile gestire solo la porzione di contenuto che ci interessariducendo lrsquoalberatura del sito (lato backend) ai minimi termini mediante il comando ldquomonta come radicedellrsquoalberordquo

Per effettuare il comando procedere come segue

Cliccare con il pulsante destro del mouse sul titolo pagina dal menugrave centrale

Selezionare la voce ldquoaltre opzionirdquo dal menugrave a tendina (figuraMenu altre opzioni (page 26)) che compariragravecome conseguenza dellrsquoazione descritta al punto uno

Figura 229 Menu altre opzioni

Selezionare dallrsquoulteriore menugrave che si apriragrave (figura Seleziona monta come radice (page 26)) la voceldquoMonta come radice dellrsquoalberordquo

Figura 230 Seleziona monta come radice

Lrsquoalberatura si ridurragrave automaticamente mostrando solo la porzione selezionata

Per ripristinare lo stato di partenza selezionare la voce in alto nel menugrave centrale (figura Elimina DBmount (page 26)) ldquoElimina DB mount temporaneordquo

Figura 231 Elimina DB mount

Il menugrave si espanderagrave nuovamente mostrando tutte le voci esistenti

215 Modalitagrave ldquoMonta come radice dellrsquoalberordquo 26

DocWeb Release 101

216 Ottenere il page-id di una pagina

2161 Frontend (FE)

Da frontend si puograve ottenere il page-id della pagina corrente nei seguenti modi

1 dalla barra degli indirizzi del proprio browser (figura Id dallrsquourl (page 27)) Il numero della paginaegrave quello dopo la stringa ldquoid=rdquo Nella figura egrave cerchiata in verde la stringa ldquoid=rdquo e il numero dellapagina (page-id)

Figura 232 Id dallrsquourl

2 Puntando il mouse sulla scritta [id] a pieacute pagina e leggendo il tooltip (figura Id dal tooltip (page 27))

Figura 233 Id dal tooltip

3 Solo per browser Firefox dal menugrave di contesto scegliere la voce ldquoVisualizza info paginardquo si apreuna finestra consultare quindi la lista Meta sotto la scheda Generale (Id dagli attributi (page 28))

2162 Backend (BE)

Da backend egrave possibile ottenere il page-id nei seguenti modi

1 leggendo il tooltip puntando il mouse sullrsquoicona della pagina nel riquadro della struttura del sito(figura Id dal tooltip nel backend (page 28))

2 dal modulo di modifica delle intestazioni della pagina (figura Id dalle intestazioni pagina nel backend(page 28)) Il numero egrave tra le parentesi quadre dopo il titolo della pagina

217 Admin Panel

Quando si inseriscono contenuti con Typo3 (backend) egrave possibile visualizzare unrsquoanteprima della paginache si sta creando per vedere i risultati del lavoro svolto

Per visualizzare unrsquoanteprima di una pagina occorre (figura Menu mostra (page 29))

1 posizionarsi sulla pagina da visualizzare

2 premere il tasto sinistro del mouse in corrispondenza del nome

216 Ottenere il page-id di una pagina 27

DocWeb Release 101

Figura 234 Id dagli attributi

Figura 235 Id dal tooltip nel backend

Figura 236 Id dalle intestazioni pagina nel backend

217 Admin Panel 28

DocWeb Release 101

Figura 237 Menu mostra

3 selezionare la voce Mostra

In base alla pagina scelta si avragrave un risultato come quello visualizzato nella figura Anteprima pagina conAdmin panel (page 29)

Figura 238 Anteprima pagina con Admin panel

La pagina presenteragrave nella parte superiore lrsquoanteprima della pagina Nella parte inferiore vienevisualizzato uno strumento denominato Admin Panel

Questo oggetto offre lato front-end alcune funzionalitagrave (figura Moduli Admin panel (page 30)) cheaiutano i gestori di contenuti nella creazionemodifica delle pagine web del sito

NellrsquoAdmin panel (figura sopra) egrave possibile distinguere

217 Admin Panel 29

DocWeb Release 101

Figura 239 Moduli Admin panel

1 Modulo Preview ndash offre la possibilitagrave di selezionare alcune opzioni sulla pagina per simulare alcunesituazioni in cui la pagina si puograve trovare durante la visualizzazione

2 Modulo Cache ndash offre la possibilitagrave di gestire la cache

Allrsquointerno del modulo Preview abbiamo le seguenti voci

Mostra pagine nascoste selezionando la casella di controllo corrispondente a questa voce si visual-izzeranno anche quelle che attualmente non sono visibili allrsquointerno del sito o perchegrave in lavorazioneo perchegrave ancora non egrave stata data lrsquoautorizzazione alla pubblicazione

Mostra record nascosti come per le pagine questa voce offre la possibilitagrave di poter visualizzare allrsquoin-terno della pagina quei contenuti nascosti che non sono ancora ultimati o che sono in attesa di unautorizzazione per la pubblicazione

Simula data con questo controllo egrave possibile simulare il comportamento della pagina in periodi tem-porali diversi Utilizzando la casella di testo egrave possibile inserire delle date In questo modo sirende possibile la visualizzazione di quegli elementi (ad es pagine news ) che sono abilitati acomparirescomparire in base a determinati criteri temporali impostati

Simula gruppo di utenti con questo controllo egrave possibile simulare il comportamento delle pagine inbase ad un determinato gruppo di utenti che vi accede Alcune pagine possono infatti avere uncomportamento diverso in base al tipo di utente che vi accede

Nota Durante la creazione di pagine egrave possibile restringere la visione di una determinata pagina aparticolari tipi di utenti (utenti di frontend) Questa caratteristica offre la possibilitagrave di definire delle areead accesso riservato del sito ossia sezioni del sito a cui egrave possibile accedere solo dopo essersi autenticatie dopo avere avuto i necessari diritti di accesso

Una volta selezionate le opportune scelte allrsquointerno dellrsquoADMIN Panel occorreragrave premere il tasto Aggior-na (figura Aggiorna Admin panel (page 31)) per prendere visione della pagina secondo i criteri impostati

Nota Nel caso in cui lrsquoutente abbia la possibilitagrave di accedere da back-end a piugrave siti (ciascuno con unproprio dominio) bisogna tenere presente che lrsquoADMIN Panel compare soltanto per le pagine relativeal dominio con cui lrsquoutente ha fatto il login In altre parole se un operatore ad esempio egrave abilitatoa lavorare sulle pagine di backend dei siti httpwwwsitoesempio1it e httpwwwsitoesempio2it ese lrsquooperatore accede al backend di DocWeb con lrsquoindirizzo httpwwwsitoesempio1ittypo3 allora

217 Admin Panel 30

DocWeb Release 101

Figura 240 Aggiorna Admin panel

lrsquoADMIN Panel compariragrave solo sulle pagine di frontend del dominio wwwsitoesempio1it e non su quelledel dominio wwwsitoesempio2it

217 Admin Panel 31

CAPITOLO 3

La Clipboard

Lrsquooggetto clipboard (rdquoblocco degli appuntirdquo) egrave molto utile quando si ha la necessitagrave di copiare o spostareuno o piugrave elementi di contenuto o una o piugrave pagine da una sezione del sito (contenitore di pagine) adunrsquoaltra

31 Copia o spostamento di un contenuto singolo di pagina allrsquointernodi unrsquoaltra pagina

Per prima cosa egrave necessario (figura Identifica contenuto (page 32))

Figura 31 Identifica contenuto

1 selezionare la voce Lista

2 selezionare la pagina che contiene il contenuto che si intende copiare (nella figura abbiamo sceltola pagina denominata ldquoCorso di formazione su Typo3rdquo

32

DocWeb Release 101

3 identificare dalla lista dei contenuti associati alla pagina quello da spostare

Supponiamo che si desideri copiare il contenuto denominato ldquoTesto 2rdquo (figura Copia contenuto (page 33))

Figura 32 Copia contenuto

Egrave sufficiente cliccare sullrsquoicona (nella figura sopra evidenziata con un cerchio rosso) di copia incorrispondenza del contenuto da copiare

Dopo avere eseguito questa operazione nella figura Risultato copia contenuto (page 34) possiamo notare

1 Egrave comparsa unrsquoicona nuova che mette in evidenza che nella clipboard egrave presente un elemento

2 Lrsquoicona di copia in corrispondenza del contenuto da spostare ha cambiato aspetto

A questo punto lrsquooggetto che si intende copiare egrave presente nella nostra clipboard

Il passo successivo egrave quello di selezionare la pagina in cui andare a posizionare lrsquoelemento (paginadestinazione)

Rimanendo sempre allrsquointerno del modulo Lista occorreragrave selezionare dallrsquoalberatura delle pagine la pag-ina destinazione Il procedimento da seguire per posizionarsi sulla pagina egrave lo stesso descritto in prece-denza Nella figura Incolla contenuto (page 34) viene evidenziato il contenuto di una pagina (denominataldquoPagina di Provardquo) in cui vogliamo copiare il contenuto

Per copiare il contenuto della clipboard nella pagina selezionare lrsquoicona Incolla contenuto Clipboard

Confermando lrsquooperazione il contenuto saragrave copiato allrsquointerno della pagina selezionata

Per effettuare lo spostamento di un contenuto di pagina allrsquointerno di unrsquoaltra pagina cliccare sullrsquoicona

di Taglia al posto dellrsquoicona copia e ripetere le operazioni sopra descritte

1 Selezionando la casella Mostra clipboard (figura Vista clipboard (page 35)) egrave possibile visualiz-zare lrsquooggetto clipboard Nel caso in figura lrsquoelemento copiato in precedenza (Testo 2) egrave ancoradisponibile allrsquointerno della clipboard Utilizzando il procedimento descritto infatti il contenuto

31 Copia o spostamento di un contenuto singolo di pagina allrsquointerno di unrsquoaltra pagina 33

DocWeb Release 101

Figura 33 Risultato copia contenuto

Figura 34 Incolla contenuto

31 Copia o spostamento di un contenuto singolo di pagina allrsquointerno di unrsquoaltra pagina 34

DocWeb Release 101

selezionato rimane ancora a disposizione dellrsquoutente che potragrave selezionare altre pagine destinazionesu cui eventualmente andare a copiare il contenuto Nel caso in cui si selezioni un altro elementoad esempio ldquoTesto 1rdquo lrsquoelemento presente viene automaticamente sostituito

2 Dallrsquooggetto clipboard egrave possibile rimuovere un elemento premendo il bottone di Elimina postoaccanto ad esso

Figura 35 Vista clipboard

Con il procedimento descritto fino ad ora egrave possibile scegliere soltanto un contenuto alla volta

32 Copia o spostamento di piugrave contenuti da una pagina ad unrsquoaltra

Nel caso in cui ci si trovi nella necessitagrave di copiare piugrave di un contenuto da una pagina allrsquoaltra egrave necessarioseguire i passi seguenti

1 Selezionare il modulo Lista

2 Selezionare la pagina di origine da cui prelevare i contenuti

3 Selezionare la casella Mostra clipboard

4 Selezionare una clipboard tra quelle denominate ldquoClipboard 1rdquo ldquoClipboard 2rdquo ldquoClipboard 3rdquo(punto 3 figura Vista clipboard con contenuto selezionato (page 36))

Selezionando ad esempio la clipboard contrassegnata come ldquoclipboard 1rdquo si avragrave la seguente situazione

32 Copia o spostamento di piugrave contenuti da una pagina ad unrsquoaltra 35

DocWeb Release 101

Figura 36 Vista clipboard con contenuto selezionato

32 Copia o spostamento di piugrave contenuti da una pagina ad unrsquoaltra 36

DocWeb Release 101

1 In corrispondenza di ogni contenuto si evidenzia una Casella di selezione Sopra la colonna con lecaselle di selezione egrave comparsa una lista di bottoni tra cui al momento distinguiamo

2 Bottone di copia elementi nella clipboard

3 Bottone di selezione tuttinessuno

Scegliendo ad esempio i primi due elementi e premendo il pulsante di copia elementi nella clipboard sipuograve notare che (figura Copia nella clipboard (page 37))

Figura 37 Copia nella clipboard

1 La clipboard che abbiamo scelto per la selezione multipla (ldquoClipboard 1rdquo) contiene la lista deglioggetti che abbiamo scelto di copiare

2 Ersquo comparsa lrsquoicona di Incolla contenuto Clipboard

La procedura della selezione della pagina di destinazione rimane identica a quella giagrave utilizzata per lacopia di un contenuto singolo (selezionare la pagina di destinazione su cui andare a posizionare i contenutiselezionati)

Egrave importante fare notare che seguendo le operazioni descritte sopra si ottiene come risultato lospostamento dei contenuti dalla pagina origine a quella destinazione

Se si desidera copiare gli elementi selezionati egrave necessario una volta selezionati gli elementi da copiarepremere il tasto copia gli items invece di spostarli (evidenziato con un cerchio rosso nella figura Tagliadalla clipboard (page 38))

32 Copia o spostamento di piugrave contenuti da una pagina ad unrsquoaltra 37

DocWeb Release 101

Figura 38 Taglia dalla clipboard

32 Copia o spostamento di piugrave contenuti da una pagina ad unrsquoaltra 38

DocWeb Release 101

In questo modo dopo avere confermato lrsquooperazione i contenuti o le pagine da copiare saranno presentisia nella pagina origine che in quella destinazione

32 Copia o spostamento di piugrave contenuti da una pagina ad unrsquoaltra 39

CAPITOLO 4

Modulo DAM (Digital AssetManagement)

Il modulo DAM (Digital Asset Management) offre la possibilitagrave di raccogliere e catalogare contenuti informato digitale come immagini documenti presentazioni

Ogni file inserito puograve essere corredato di informazioni aggiuntive (meta-informazioni) come la descrizionelrsquoautore parole chiave ecc

Attraverso il modulo DAM egrave possibile svolgere le seguenti operazioni

bull Caricamento e Aggiornamento di file

bull Ricerca di file allrsquointerno del DAM e modifica delle meta-informazioni associate ai file

41 Caricamento e Aggiornamento di file

Lrsquooperazione di CaricamentoAggiornamento di file serve per sottoporre al sistema DAM un particolarecontenuto memorizzato in formato digitale

Lrsquoelemento caricato saragrave poi disponibile a chi inserisce contenuti

Per iniziare lrsquooperazione di caricamento di un file egrave sufficiente selezionare la voce File che si trovaallrsquointerno del modulo Media (figura Menu file (page 41))

La maschera che si apre (figura File upload (page 41)) offre le seguenti possibilitagrave

1 Selezione della posizione dove andare a caricareaggiornare il file

2 Specificare alcuni documenti da caricare (area File)

Concentrandoci sullrsquoarea File (figura Dettaglio file upload (page 42)) distinguiamo

1 Voce Show upload location browser (punto 1 figura sopra) egrave possibile visualizzare i file attualmentecaricati nel Mount Point selezionato

2 Lista di bottoni denominati Sfoglia da utilizzare nel caso in cui si desideri caricareaggiornareun file

Se si desidera caricare un file occorre cliccare sul bottone Sfoglia

La finestra che appare (figura Sfoglia file (page 42)) permette di selezionare dal proprio PC il file dacaricare

Per selezionare un file da caricare occorre

1 Esplorare le cartelle del proprio PC per trovare il file

40

DocWeb Release 101

Figura 41 Menu file

Figura 42 File upload

41 Caricamento e Aggiornamento di file 41

DocWeb Release 101

Figura 43 Dettaglio file upload

Figura 44 Sfoglia file

41 Caricamento e Aggiornamento di file 42

DocWeb Release 101

2 Inserire il nome del file nella casella di testo Nome file

3 Premere il tasto Apri

Una volta che si egrave selezionato un file egrave possibile

1 selezionare altri file da caricare seguendo gli stessi passi descritti in precedenza

2 effettuare lrsquooperazione di caricamento del file vero e proprio

Dallrsquoesempio abbiamo scelto di caricare un solo file

Il caricamento dei file viene eseguito premendo il bottone ldquoUpload filesrdquo che si trova in fondo alla listadei file selezionati (figura File selezionato (page 43))

Figura 45 File selezionato

Se tutto egrave stato eseguito correttamente appariragrave una finestra come quella nella figura Process files(page 44)

In questa maschera egrave possibile

1 Specificare le meta-informazioni per il singolo file come ad esempio il titolo parole chiavedescrizione

2 Avviare il processo di elaborazione multipla premendo il bottone Process selected files Con questoprocesso egrave possibile inserire o modificare le meta-informazioni per tutti i file della lista (in questocaso solo uno)

Se si vuole eseguire lrsquoinserimento delle meta-informazioni per singolo file la finestra che si apre egrave similea quella presentata in figura Elaborazione metainformazioni singolo file (page 44)

Nel caso si scelga di eseguire il processo di elaborazione multipla la maschera che compare (figuraElaborazione metainformazioni file multipli (page 45)) permette di selezionare le meta-informazioni chelrsquoutente intende inserire contemporaneamente per tutti i file della selezione

41 Caricamento e Aggiornamento di file 43

DocWeb Release 101

Figura 46 Process files

Figura 47 Elaborazione metainformazioni singolo file

41 Caricamento e Aggiornamento di file 44

DocWeb Release 101

Figura 48 Elaborazione metainformazioni file multipli

41 Caricamento e Aggiornamento di file 45

DocWeb Release 101

Se si seleziona la checkbox accanto alla voce che eventualmente saragrave inserita questa viene aggiuntaalle informazioni eventualmente giagrave presenti (modalitagrave append) Nellrsquoaltro caso le informazioni sarannosovrascritte

I campi Titolo e Descrizione sono obbligatori mentre il campo Parole chiavi puograve essere valorizzato adiscrezione dellrsquoutente Informazioni su come valorizzare i campi elencati sopra saranno descritte suapposite linee guida

Per completare lrsquoinserimentoaggiornamento delle meta-informazioni riguardanti il file caricato occorrepremere il tasto Send (figura Salva metainformazioni (page 46)) in fondo alla maschera per il salvataggiodelle informazioni

Figura 49 Salva metainformazioni

Tornando alla maschera di caricamento file e selezionando la checkbox in corrispondenza della voceSovrascrivi file esistenti (figura Carica file sovrascrivendo (page 46)) saragrave possibile aggiornare eventualifile che hanno lo stesso nome di quello che stiamo caricando

Questa procedura egrave utile quando si vuole aggiornare il contenuto di un file che egrave giagrave presente nel DAM

Figura 410 Carica file sovrascrivendo

Nel caso di aggiornamento di un file le meta-informazioni del file rimangono le stesse inserite inprecedenza Come si puograve notare non viene offerta la possibilitagrave di inserirne di nuove

Nel caso in cui un file con lo stesso nome sia giagrave caricato e non si desideri aggiornarlo il file inseritoper ultimo viene rinominato con un suffisso generato automaticamente dal DAM In questo caso la voceSovrascrivi file esistenti non deve essere selezionata (figura Carica file senza sovrascrivere (page 47))

Nellrsquoesempio in figura viene presentata la lista dei file presenti nel mount point selezionato

Da notare la presenza di un file che egrave stato rinominato dal DAM con un suffisso ldquo_01rdquo dato che nellastessa posizione era giagrave presente un file con lo stesso nome

41 Caricamento e Aggiornamento di file 46

DocWeb Release 101

Figura 411 Carica file senza sovrascrivere

41 Caricamento e Aggiornamento di file 47

DocWeb Release 101

42 Ricerca di file allrsquointerno del DAM e modifica delle meta-informazioni

Rimanendo sempre allrsquointerno del modulo Media selezioniamo la voce List egrave possibile effettuare dellericerche dei file e modificare le meta-informazioni associate ai file

Nella figura Backend media list (page 48) distinguiamo

Figura 412 Backend media list

1 Parte relativa ai Mount Point disponibili

2 Parte relativa ai tipi di file caricati nel sistema

3 Schede List Thumbnails Selection Process

Da questa sezione egrave possibile effettuare ricerche sui file caricati nel DAM

Le ricerche che si possono eseguire sono del tipo ldquotrova tutti i file pdf e docrdquo oppure ldquoelenca tutti i filedi tipo immagine ad eccezione dei file con estensione gifrdquo

Per prima cosa facendo click sul nome del tipo file (es gif oppure image) si seleziona solo quel tipo difile e si escludono tutti i criteri selezionati in precedenza

Per aggiungere un altro criterio di ricerca egrave sufficiente selezionare il ldquo+rdquo (punto 1 nella figura Criteri diselezione (page 49)) posto accanto al tipo di file che si vuole selezionare

Con il ldquo-ldquo(punto 2) saragrave possibile rimuovere il tipo di file dai criteri di ricerca

Selezionando ldquo=rdquo (punto 3) egrave possibile introdurre clausole del tipo ldquocerca un file che sia doc e presentenel Mount Point chiamato lsquoArea Testrsquordquo (ossia effettua una ricerca che risponda a tutti i criteri impostati)

Nellrsquoesempio della figura Salva selezione (page 49) sono stati selezionati tutti i tipi di immagine adeccezione dei file con estensione gif Questo risultato si ottiene nel seguente modo

1 selezionare il ldquo+rdquo accanto alla voce ldquoimagerdquo

2 premendo il tasto ldquo-ldquo in corrispondenza della voce ldquogifrdquo

I criteri impostati per la selezione possono essere salvati per un uso futuro Per salvare la selezioneoccorre (figura Salva selezione (page 49))

1 riempire il campo sotto la voce SELECTION con un nome che identifichi la ricerca

2 premere il tasto Save per salvare la modalitagrave di ricerca impostata

In questo modo saragrave possibile richiamare e rieseguire la ricerca impostata anche in futuro senza doverripetere il procedimento di scelta dei criteri mostrato in precedenza

42 Ricerca di file allrsquointerno del DAM e modifica delle meta-informazioni 48

DocWeb Release 101

Figura 413 Criteri di selezione

Figura 414 Salva selezione

42 Ricerca di file allrsquointerno del DAM e modifica delle meta-informazioni 49

DocWeb Release 101

Se in futuro saranno inseriti nuovi file che soddisfano la ricerca salvata questi verranno selezionati quandoverragrave richiamata la ricerca salvata

Dalla figura Ricerca salvata (page 50) egrave possibile notare come richiamare la ricerca salvata In questocaso abbiamo salvato la ricerca con il nome ldquoimmaginisenzagifrdquo

Figura 415 Ricerca salvata

Una volta che si egrave selezionata la ricerca egrave possibile

1 Premere il tasto Load per ricaricare la ricerca precedentemente impostata

2 Premere Remove per rimuovere la ricerca salvata

Una volta effettuata una particolare selezione di file egrave possibile (figura Schede backend media list(page 50))

Figura 416 Schede backend media list

1 vedere il contenuto della selezione (schede List e Thumbnails)

2 vedere i criteri impostati per la ricerca (scheda Selection)

3 modificare le meta-informazioni associate ai file (scheda Process) secondo quanto descritto inprecedenza

Nella figura Scheda selection (page 51) egrave visualizzato come selezionando la scheda Selection egrave possibileprendere visione dei criteri impostati nella ricerca (la ricerca egrave quella dellrsquoesempio precedente)

Selezionando le schede List e Thumbnails dopo avere effettuato una qualsiasi selezione si potrebbe avereuna situazione come quella mostrata nella figura Scheda list (page 51)

Cliccando sullrsquoicona corrispondente ad uno dei file presenti nella lista (selezionato con un cerchio rosso)egrave possibile accedere ad un menugrave contestuale (figura Menu contestuale DAM (page 51))che permette disvolgere le seguenti operazioni

Modifica Offre la possibilitagrave di visualizzare e modificare le meta-informazioni associate al file

Rinomina Selezionando la seguente voce egrave possibile assegnare un altro nome al file che si egrave caricato

Replace file Avvia lrsquooperazione di sostituzione del file

Info Visualizza informazioni relative al file

Cancella Rimuove il file dal DAM

42 Ricerca di file allrsquointerno del DAM e modifica delle meta-informazioni 50

DocWeb Release 101

Figura 417 Scheda selection

Figura 418 Scheda list

Figura 419 Menu contestuale DAM

42 Ricerca di file allrsquointerno del DAM e modifica delle meta-informazioni 51

CAPITOLO 5

Modulo Pagine di download

51 Inserimento e configurazione pagine di download

La creazione di pagine di download egrave utile quando si vuole mettere a disposizione una lista di uno o piugravefile in forma scaricabile

Per creare una pagina di download egrave necessario seguire i seguenti passi

1 Creare una pagina standard

2 Inserire il plugin DAM Download List

3 Configurare il plugin

Per creare una pagina egrave sufficiente entrare nel modulo Pagina e selezionare Crea nuovo record per accederealla finestra di creazione pagine

Nellrsquoesempio in figura Backend creazione contenuto (page 52) egrave stata creata la pagina denominata ldquoPaginadownloadrdquo come figlio della pagina ldquoPagina di provardquo

Figura 51 Backend creazione contenuto

Una volta creata la pagina occorre configurarla in maniera tale da permettere la visualizzazione di unalista di file scaricabili Per fare ciograve occorre inserire un plugin denominato ldquoDAM Download Listrdquo Unplugin egrave un contenuto speciale da inserire in una pagina

52

DocWeb Release 101

Per inserirlo come per un contenuto occorre seguire i seguenti passi (figura Backend creazione contenuto(page 52))

1 Selezionare la pagina in cui inserire il plugin Nellrsquoesempio la pagina denominata ldquoPaginadownloadrdquo

2 Selezionare la voce Clicca qui per il wizard nella maschera che compare quando si vuole inserire unnuovo record

Figura 52 Wizard nuovo contenuto

Oltre ai normali contenuti standard il wizard permette di selezionare (figura Wizard nuovo contenuto(page 53))

1 Contenuti speciali

2 Moduli

3 Plugins

Allrsquointerno della lista dei Plugins selezionare DAM Lista dei file scaricabili (punto 4 nella figura Wizardnuovo contenuto (page 53))

Dopo aver selezionato il plugin occorreragrave selezionare la posizione della pagina in cui inserire lrsquoelemento

Selezionare ldquoNormalerdquo

A questo punto il plugin egrave inserito nella pagina desiderata

51 Inserimento e configurazione pagine di download 53

DocWeb Release 101

Oltre allrsquoinserimento occorre configurare il plugin in modo da dirgli quali file far visualizzare

Una volta che il plugin viene inserito viene aperta una finestra (figura Contenuto pagina (page 54)) doveviene richiesto di selezionare dei file inseriti nel sistema

Figura 53 Contenuto pagina

Per proseguire correttamente egrave necessario salvare immediatamente il Contenuto Pagina altrimenti leoperazioni successive potrebbero andare perse

Per inserire i file nella lista occorre effettuare la seguente operazione (figura Contenuto pagina (page 54))

1 Nella parte della maschera denominata DAM Lista di file scaricabili selezionare lrsquoicona SfogliaRecord (cerchiata in rosso) per avviare la procedura di selezione dei file

Selezionando la voce Sfoglia Record verragrave aperto lrsquoElement Browser di TYPO3 che ci permette di se-lezionare i file da inserire nel plugin La finestra (figura Element browser (page 55)) egrave composta di dueschede

1 Media ndash permette di selezionare i file giagrave esistenti nel sistema

2 Upload ndash permette di caricare nuovi file

Selezionando la sezione Media egrave possibile selezionare dalla lista i file da inserire

51 Inserimento e configurazione pagine di download 54

DocWeb Release 101

Figura 54 Element browser

Se la lista dei file fosse troppo lunga egrave possibile effettuare delle ricerche per nome e per tipologia di file(doc htm )

Per cercare per nome (figura Ricerca per nome (page 55)) occorre inserire nella casella di testo Cercastringa (punto 1 nella figura sopra) il nome o parte del nome del file da cercare Una volta specificata lastringa di ricerca premere il tasto Cerca (punto 2)

Figura 55 Ricerca per nome

Per cercare un particolare tipo di file selezionare il nome dellrsquoestensione che si desidera dallrsquoelenco deitipi di file (figura Ricerca per tipo (page 56))

Nota I due tipi di ricerca possono essere usati contemporaneamente

Selezionando la voce informazioni (punto 1 nella figura Selezione file (page 56)) egrave possibile visualizzarele meta-informazioni associate al file

Premendo con il mouse sul nome del file (punto 2) o sullrsquoicona associata (punto 3) si inserisce il file nellalista dei file da far visualizzare nella pagina di download mediante lrsquoapposito plugin

Selezionando la scheda Upload si puograve inserire un file non presente nel sistema (figura Caricamentoimmediato file (page 56))

51 Inserimento e configurazione pagine di download 55

DocWeb Release 101

Figura 56 Ricerca per tipo

Figura 57 Selezione file

Figura 58 Caricamento immediato file

51 Inserimento e configurazione pagine di download 56

DocWeb Release 101

Scegliere i file dal proprio PC seguendo le operazioni giagrave descritte nel modulo DAM e selezionare dallascheda Media i nuovi file inseriti

Nella figura Plugin con file selezionati (page 57) egrave visualizzato un esempio di maschera di configurazionedel plugin con la lista dei file selezionati

Figura 59 Plugin con file selezionati

I file una volta inseriti possono essere ordinati selezionando sugli appositi bottoni posti a destra dellalista file

bull Per ordinare un determinato file occorre

bull Selezionare un file

Premere uno dei tasti (figura sopra) per

1 Spostare in prima posizione

2 Spostare in alto di una posizione

3 Spostare in basso di una posizione

4 Spostare in ultima posizione

5 Rimuovere dalla lista il file selezionato

Una volta eseguiti i passaggi sopra descritti salvare la configurazione del plugin

51 Inserimento e configurazione pagine di download 57

CAPITOLO 6

Modulo Sitemap

Ersquo possibile generare una mappa del sito scegliendo un contenuto speciale di tipo ldquoMappa del Sitordquo comemostrato nella figura Contenuto mappa del sito (page 58)

Figura 61 Contenuto mappa del sito

Per scegliere un record di tipo ldquomappa del sitordquo (per visualizzare cioegrave la vista dei contenuti possibili)saragrave necessario portarsi in modalitagrave ldquopaginardquo compiendo gli stessi passaggi descritti per la creazione dicontenuti semplici in fase di creazione delle pagine (in questo caso selezionando il contenuto specialemappa)

58

DocWeb Release 101

61 Scheda di configurazione Mappa

La scheda di configurazione si presenta come nella figura Scheda mappa del sito (page 59)

Figura 62 Scheda mappa del sito

I campi fondamentali da personalizzare sono lrsquointestazione (ossia il titolo pagina) il tipo di menugrave e ilpunto di partenza Nellrsquointestazione viene inserito come di consuetudine il titolo pagina

62 Tipo di mappa

Ersquo possibile scegliere il tipo di mappa che si desidera creare consultando il menugrave a tendina ldquotipo di menugraverdquoche ci offriragrave diverse opzioni

Le piugrave frequentemente usate sono di tipo ldquoMenugrave delle sottopagine rdquo come indicato nella figura Tipo dimenu (page 60)

Menugrave delle sottopagine di queste pagine Scegliendo questa opzione da una pagina padre sigenereragrave un record che mostreragrave al suo interno tutte le sottovoci figlio con relativo link

Menugrave delle sottopagine di queste pagine (con abstract) Genera una mappa sia delle sottopagineche dei sottotitoli

Menugrave delle sottopagine di queste pagine + sezioni Genera una mappa sia delle sottopagine chedei record (link alle intestazioni dei singoli record)

Selezionando voci di menugrave di sottopagine egrave anche possibile stabilire un determinato punto di partenzasfogliando lrsquoapposito record

61 Scheda di configurazione Mappa 59

DocWeb Release 101

Figura 63 Tipo di menu

63 Il ldquopunto di partenzardquo della mappa

Il ldquopunto di partenzardquo dei Menugrave delle sottopagine Scheda mappa del sito (page 59) costituisce la paginadalla quale il sistema partiragrave per creare la mappa

Si potragrave quindi creare una mappa (di tipo menugrave delle sottopagine) che mostri solamente il percorso diquella porzione di menugrave che si intende mostrare

63 Il ldquopunto di partenzardquo della mappa 60

CAPITOLO 7

Modulo News

71 Inserimento e modifica di news

Alcune sezioni del nostro sito potrebbero essere state configurate per permettere la visualizzazione dinotizie

Per poter visualizzare le news correttamente occorre che queste ultime vengano inserite in una determi-nata posizione allrsquointerno del backend Da questa posizione che chiameremo repository delle news lenostre pagine andranno a prelevare le news da visualizzare al loro interno

Figura 71 Backend news

Nellrsquoesempio presentato nella figura Backend news (page 61) distinguiamo

1 il repository delle news che egrave stato creato

2 Un esempio di come potrebbe apparire il contenuto del repository delle news (lista delle news)

Per poter visualizzare il contenuto del repository delle news occorre seguire i seguenti passi

1 entrare nel modulo Pagina

61

DocWeb Release 101

2 selezionare il repository delle news corrispondente (nellrsquoesempio della figura Backend news (page 61)il Repository delle news si chiama ldquoNews Area Testrdquo)

Poniamo ora la nostra attenzione alla lista delle news (figura Lista news (page 62)) Da qui egrave possibile

bull Inserire una nuova notizia

bull Modificare le notizie giagrave esistenti

Per inserire una nuova notizia occorre selezionare la voce Crea nuovo record (figura Lista news (page 62))posta in fondo alla lista delle news

Figura 72 Lista news

A questo punto si apre la finestra di creazione Nuovo record da cui occorre selezionare la voce News(figura Nuovo record news (page 62))

Figura 73 Nuovo record news

Eseguendo le operazioni sopra descritte si accede alla maschera di inserimento news (figura Inserimentonews scheda generale (page 63))

Questa si compone di due schede una denominata Generale e unrsquoaltra denominata Relations

Nella scheda Generale egrave possibile inserire

Titolo in questo spazio egrave possibile specificare un titolo della news

Nascondi questo controllo determina se la news egrave pubblicabile oppure no Come avviene per le pagineanche per le news egrave consigliabile tenere la news nascosta durante la lavorazione Facciamo notare

71 Inserimento e modifica di news 62

DocWeb Release 101

Figura 74 Inserimento news scheda generale

71 Inserimento e modifica di news 63

DocWeb Release 101

che appena viene aperta la maschera di inserimento di una nuova news il controllo appare giagrave instato nascosto

Dataora in questo spazio viene indicata la data e lrsquoora della creazione della news in base ai parametridi sistema

Data Archiviazione in questo spazio viene inserita la data di Archiviazione di una news

Autore permette di specificare un autore della news

Email permette di specificare un e-mail a cui fare riferimento

Sottointestazione questo campo conterragrave una breve descrizione (abstract) della news La sottointes-tazione egrave quella parte della news che compare quando viene visualizzata la lista delle news e serveper dare una breve descrizione al contenuto della news (si veda Esempio news (page 64))

Figura 75 Esempio news

Durante lrsquoinserimento di una news egrave consigliabile specificare sempre una sottointestazione

Testo egrave il campo che contiene il contenuto vero e proprio della news Egrave possibile utilizzare tutte lefunzionalitagrave messe a disposizione dallrsquoeditor RTE

72 Modalitagrave Relations

Nella modalitagrave Relations (figura Inserimento news scheda relations (page 65)) egrave possibile inserire

Immagini contiene una lista di immagini da associare alla news Il procedimento per la se-lezionecaricamento delle immagini egrave stato descritto nella parte dedicata alla creazione di paginedi download a cui vi rimandiamo

Didascalia permette di specificare una descrizione per lrsquoimmagine associata alla news

Image alttext e Image titletext permette di specificare un testo che in visualizzazione (Frontend)compariragrave al passaggio del mouse sopra lrsquoimmagine

News correlate permette di specificare news o pagine del sito da associare alla news Il procedimentodi selezione delle news da associare alla notizia saragrave spiegato successivamente

DAM elements permette di assegnare alla news dei documenti da scaricare come per esempioil programma di un determinato evento Anche in questo caso il procedimento per la se-lezionecaricamento dei documenti egrave quello giagrave descritto nella parte dedicata alla creazione dipagine di download

Descriviamo il procedimento da seguire per associare alcune pagine o alcune news alla notizia che stiamoinserendo

Premere il tasto di Sfoglia Record evidenziato nella figura Sfoglia record news (page 65)

Verragrave aperta una finestra che contiene un Element Browser che ci permette di selezionare le newspagine(figura Element browser news (page 66)) da associare

La finestra di selezione si suddivide nelle seguenti parti (figura sopra)

Alberatura del sito da cui egrave possibile esplorare gli elementi del nostro sito (pagine sysfolder )Premendo con il tasto sinistro del mouse sul nome della pagina o sulla freccia corrispondente verragraveaggiornata la parte di destra della finestra in cui egrave inserita la lista degli elementi associabili

72 Modalitagrave Relations 64

DocWeb Release 101

Figura 76 Inserimento news scheda relations

Figura 77 Sfoglia record news

72 Modalitagrave Relations 65

DocWeb Release 101

Figura 78 Element browser news

Lista degli elementi associabili egrave quindi possibile selezionare gli elementi da associare alla newsPer associare un elemento si puograve selezionare il simbolo ldquo+rdquo posto accanto allrsquoelemento desideratoo agendo sul nome del file Nel primo caso lrsquoelemento viene aggiunto ma la finestra non si chiuderagrave(utile per effettuare selezioni multiple) mentre nel secondo caso lrsquoelemento viene aggiunto e lafinestra si chiuderagrave (selezione singola)

Nota Per associare una o piugrave news alla notizia che stiamo inserendo occorreragrave innanzitutto selezionareil repository delle news e utilizzando i metodi descritti in precedenza indicare le news di interesse

Nella figura Selezione repository (page 66) viene visualizzato come appare lrsquoElement Browser dopo averselezionato il repository delle news denominato ldquoNews Corso Typo3rdquo

Figura 79 Selezione repository

Una volta ultimato il procedimento di inserimento di una news vedremo che nel repository compariragrave(figura News nel repository (page 67)) anche quella da noi creata Nellrsquoesempio la news creata si chiamaldquoTitolo della news di provardquo

Dalla lista delle news possiamo notare che i diversi tipi di news sono contrassegnati con icone diverse

In particolare distinguiamo

72 Modalitagrave Relations 66

DocWeb Release 101

Figura 710 News nel repository

bull News (icona ldquocelestinardquo)

bull Collegamento a URL esterna (icona ldquorosardquo)

bull Collegamento a pagina interna (icona ldquogiallinardquo)

Per modificare il contenuto di una news egrave sufficiente selezionare il simbolo di modifica (figura Modificanews (page 67)) in corrispondenza della news da modificare

Figura 711 Modifica news

73 News collegata a URL esterna e a pagina interna

Attraverso la selezione della finestra ldquoTipordquo egrave possibile scegliere diverse tipologie di news

Nella figura News collegata a url esterna (page 68) egrave stato selezionato il Collegamento a URL esterna checi offriragrave la possibilitagrave di specificare un link (ldquoURL esternordquo) da far visualizzare e che saragrave contraddistintain lista da lrsquoicona di colore rosa

Selezionando il Collegamento a pagina interna viene offerta la possibilitagrave di inserire un collegamento auna pagina del sito (evidenziato nella figura News collegata a pagina interna (page 69))

La news si presenteragrave con icona di color ldquogiallordquo e al suo interno conterragrave un link alla pagina interna alsito

73 News collegata a URL esterna e a pagina interna 67

DocWeb Release 101

Figura 712 News collegata a url esterna

73 News collegata a URL esterna e a pagina interna 68

DocWeb Release 101

Figura 713 News collegata a pagina interna

73 News collegata a URL esterna e a pagina interna 69

DocWeb Release 101

74 Eliminazione delle News

Per eliminare una news possiamo procedere tra lrsquoaltro in due modi

1 Selezionare la news da eliminare dallrsquoelenco e selezionare la voce ldquocancellardquo dal menugrave a tendinaconsultabile cliccando con il pulsante destro sullrsquoicona in corrispondenza della news (figura Eliminanews da menu contestuale (page 70))

Figura 714 Elimina news da menu contestuale

2 Entrare allrsquointerno della modalitagrave di modifica della news attraverso lrsquoicona ldquomatitardquo e selezionare lrsquoi-cona raffigurante il bidone di elimina posta in alto pagina (figura Elimina news da scheda contenuto(page 70))

Figura 715 Elimina news da scheda contenuto

75 Ordinamento delle News e ricerca

Puograve essere necessario durante la visualizzazione della lista delle news (lato backend) di dover effettuaredegli ordinamenti al fine di permettere una ricerca piugrave veloce delle news da modificare

74 Eliminazione delle News 70

DocWeb Release 101

Avvertimento Lrsquoordinamento ha valore solo come ricerca allrsquointerno del backend mentre latofrontend rispecchieragrave i parametri prestabiliti dal sistema

Supponiamo per esempio di voler effettuare un ordinamento per Titolo Seguiamo i seguenti passi(figura sotto)

1 Selezionare la voce di menugrave Lista

2 Selezionare il deposito delle news (repository) News Corso Typo3

3 Cliccare con il mouse in corrispondenza della voce ldquoTitolordquo

A questo punto (figura Ordinamento news (page 71)) le news vengono ordinate in ordine crescente(vengono visualizzate prima le news con titolo che inizia con la lettera a b e cosigrave via)

Figura 716 Ordinamento news

Se clicchiamo unrsquoaltra volta sulla voce ldquoTitolordquo il tipo di ordinamento cambia da crescente a decrescente(compariranno per prima le news con titolo che inizia per z )

Egrave inoltre possibile ordinare secondo campo da noi specificato Per definire il nome di un campo (ad estesto inizio autore ) su cui effettuare lrsquoordinamento occorreragrave spostarsi in fondo alla lista delle newsdove troveremo una lista di campi (figura Mostra campo aggiuntivo news (page 71))

Figura 717 Mostra campo aggiuntivo news

Dalla lista possiamo

bull Selezionare la voce in base alla quale effettuare lrsquoordinamento (ad esempio Immagini)

bull Premere il tasto Imposta campi per aggiungere alla lista dei campi visualizzati quello selezionato

75 Ordinamento delle News e ricerca 71

DocWeb Release 101

A questo punto il campo selezionato (nel nostro esempio il campo Immagini) compare nella lista dellenews (il campo aggiunto egrave evidenziato con un riquadro in alto a destra nella figura Ordinamento campoaggiuntivo news (page 72))

Figura 718 Ordinamento campo aggiuntivo news

Effettuare le stesse operazioni illustrate per il campo Titolo per ordinare in modo crescente e decrescentele news secondo il criterio impostato (click pulsante sinistro sul nome etichetta)

Egrave anche possibile ricercare le news in base al testo contenuto nel titolo sottotitolo descrizione eccUtilizzando la maschera di ricerca in fondo pagina (evidenziata nella figura Ricerca news (page 72))

Figura 719 Ricerca news

Per effettuare una ricerca egrave necessario seguire i seguenti passi

1 Inserire nel campo Cerca Stringa il testo da cercare (nel nostro esempio ldquonequerdquo)

2 Premere il tasto Cerca per eseguire la ricerca secondo i criteri impostati

In questo modo nella lista delle news compariranno solo quelle che contengono il testo specificatoEffettuata la ricerca egrave possibile effettuare degli ordinamenti come spiegato in precedenza

75 Ordinamento delle News e ricerca 72

CAPITOLO 8

Modulo Eventi

Avvertimento SEZIONE NON COMPLETA

Si confrontino i seguenti due tipi di contenuti

Evento egrave un tipo di contenuto adatto a descrivere qualcosa che accadragrave o che egrave accaduto in una certadata La data o le date in cui lrsquoevento ricorre sono strettamente legate ad un luogo in cui lrsquoeventosi verificheragravesi egrave verificato Gli eventi vengono rappresentati mediante la metafora dellrsquoagenda edel calendario

Notizia egrave un tipo di contenuto caratterizzato dalla data di pubblicazione secondo la metafora delgiornale online E come in un giornale online una notizia puograve riferirsi sia a fatti giagrave accaduti chea fatti a venire

Nota Per comprendere meglio la differenza tra i due tipi di contenuto si pensi che dato un eventoche ha una certa data di svolgimento (ad es 20 maggio) di tale evento posso realizzare piugrave di unanotizia Rimanendo nellrsquoesempio potrei pubblicare una notizia il 10 maggio per preannunciare lrsquoeventoe poi unrsquoaltra il 18 maggio per ricordarne lrsquoimminenza Infine potrei pubblicare una notizia di riepilogo(cronaca dellrsquoevento immagini ecc) il 22 maggio

81 Scopo del modulo Eventi

Il visitatore del sito deve poter cogliere le informazioni essenziali di un evento

bull Cosa sta per succedere

bull Dove accadragrave

bull Quando accadragrave

82 Il Backend ndash Modulo Pagina

Vedi figura Eventi vista modulo pagina (page 74)

83 Il Backend ndash Modulo Lista

Vedi figura Eventi vista modulo lista (page 74)

73

DocWeb Release 101

Figura 81 Eventi vista modulo pagina

Figura 82 Eventi vista modulo lista

83 Il Backend ndash Modulo Lista 74

DocWeb Release 101

84 Creazione di un evento

Prima di procedere poniamoci qualche domanda

bull Lrsquoevento appartiene a qualche rassegna iniziativa per la quale sono in programma altri eventiPer esempio

ndash Rassegne teatrali cinematografiche

ndash Festival

bull Lrsquoevento si ripete

ndash La replica avviene sempre nello stesso luogo

841 Creazione del record

Vedi figura Creazione nuovo evento (page 75)

Vedi figura Creazione nuovo record evento (page 76)

Figura 83 Creazione nuovo evento

842 Scheda ldquoGeneralerdquo

Vedi figura Evento scheda generale (page 76)

843 Scheda ldquoFinestra temporalerdquo

Orario repliche

Vedi figura Evento finestra temporale (page 78)

84 Creazione di un evento 75

DocWeb Release 101

Figura 84 Creazione nuovo record evento

Figura 85 Evento scheda generale

84 Creazione di un evento 76

DocWeb Release 101

bull Lrsquoorario va solo per le Finestre temporali di un giorno (data inizio = data fine)

bull Se non si conosce lrsquoora della fine impostare ora inizio = ora fine

844 Scheda ldquoTestordquo

Vedi figura Evento scheda testo (page 79)

84 Creazione di un evento 77

DocWeb Release 101

Figura 86 Evento finestra temporale

84 Creazione di un evento 78

DocWeb Release 101

Figura 87 Evento scheda testo84 Creazione di un evento 79

  • Introduzione
    • Cosegrave DocWeb
    • Concetti chiave
      • Funzionalitagrave di Base
        • Il CMS Typo3 ldquobackendrdquo e ldquofrontendrdquo
        • Cambio password di accesso
        • Albero delle pagine
        • Implementazione delle pagine ldquogenitori rdquo e ldquofiglirdquo
        • Inserimento Nuova pagina
        • Elementi standard della pagina
        • Inserimento contenuti di una pagina
        • Contenuti multipli allrsquointerno di una pagina
        • Modifica dei contenuti della pagina
        • Spostamento di pagine
        • Eliminazione pagine
        • Rich Text Editor
        • Modalitagrave Lista
        • Modalitagrave Mostra
        • Modalitagrave ldquoMonta come radice dellrsquoalberordquo
        • Ottenere il page-id di una pagina
        • Admin Panel
          • La Clipboard
            • Copia o spostamento di un contenuto singolo di pagina allrsquointerno di unrsquoaltra pagina
            • Copia o spostamento di piugrave contenuti da una pagina ad unrsquoaltra
              • Modulo DAM (Digital Asset Management)
                • Caricamento e Aggiornamento di file
                • Ricerca di file allrsquointerno del DAM e modifica delle meta-informazioni
                  • Modulo Pagine di download
                    • Inserimento e configurazione pagine di download
                      • Modulo Sitemap
                        • Scheda di configurazione Mappa
                        • Tipo di mappa
                        • Il ``punto di partenza della mappa
                          • Modulo News
                            • Inserimento e modifica di news
                            • Modalitagrave Relations
                            • News collegata a URL esterna e a pagina interna
                            • Eliminazione delle News
                            • Ordinamento delle News e ricerca
                              • Modulo Eventi
                                • Scopo del modulo Eventi
                                • Il Backend ndash Modulo Pagina
                                • Il Backend ndash Modulo Lista
                                • Creazione di un evento
Page 13: DocWeb€¦ · per la realizzazione e la gestione di siti web della Pubblica Am-ministrazione. La piattaforma tecnologica utilizzata è il CMS (Content Management System) Open SourceTypo31

DocWeb Release 101

Figura 211 Vista Backend

Figura 212 Seleziona posizione

26 Elementi standard della pagina 10

DocWeb Release 101

Figura 213 Modifica intestazioni pagina

Figura 214 Icone salvataggio

26 Elementi standard della pagina 11

DocWeb Release 101

1 Il documento viene salvato lrsquoambiente si ricarica automaticamente il menugrave centrale si aggiornacon la comparsa della pagina da noi creata nella posizione da noi assegnata

2 Il documento viene salvato lrsquoambiente si ricarica automaticamente il menugrave centrale si aggiornacon la comparsa della pagina da noi creata nella posizione da noi assegnata e si apre una nuovafinestra del browser contenente la preview (anteprima di visualizzazione) della nostra pagina

3 Il documento viene salvato lrsquoambiente si ricarica automaticamente sulla schermata successivail menugrave centrale si aggiorna con la comparsa della pagina da noi creata nella posizione da noiassegnata

4 Il documento viene chiuso e non salvato

5 Elimina la pagina

Nota La quinta icona (ldquoElimina paginardquo) compariragrave solo dopo aver salvato il documento la primavolta Inoltre gli stessi simboli si ritroveranno anche in fase di modifica di pagine giagrave create

Da osservare il simbolo proposto accanto alla nuova pagina da noi creata (figura Pagina nascosta(page 12)) ad indicare la modalitagrave ldquonascostardquo

Figura 215 Pagina nascosta

Lrsquoicona posta a sinistra ricorda una pagina con una ldquoXrdquo rossa in alto a destra e indica che la pagina egravenascosta (punto 1 modifica intestazioni) e non visibile dallrsquoesterno

Le altre voci con simbolo diverso di pagina su sfondo giallo sono on-line e quindi consultabili dal FrontEnd

Pubblicata la pagina nascosta lrsquoicona cambieragrave automaticamente aspetto e la voce di menugrave saragraveconsultabile anche dal Front End

27 Inserimento contenuti di una pagina

Avendo precedentemente creato e salvato una pagina ldquoPagina di Provardquo andiamo ad inserire un contenuto

Ersquo possibile procedere in due modi effettuare un click con il pulsante sinistro del mouse sulla icona o sultitolo ldquoPagina di Provardquo oppure cliccare con il pulsante destro del mouse sullrsquoicona posta a sinistra deltitolo pagina e scegliere ldquomodificardquo

In entrambe i casi il sistema aggiorna la terza area (vedi figura Backend tripartito (page 8)) doveandremo a lavorare

Per creare un contenuto nella posizione di default (Normale) clicchiamo sullrsquoicona cerchiata di rosso (vedifigura Crea contenuto normale (page 13)) nel box ldquonormalerdquo

In alternativa si puograve scegliere di usare la voce in basso a sinistra ldquoCrea nuovo recordrdquo e successivamentescegliere di creare un nuovo contenuto pagina con il ldquowizardrdquo

27 Inserimento contenuti di una pagina 12

DocWeb Release 101

Figura 216 Crea contenuto normale

Per entrambe le opzioni si apriragrave una schermata come nella figura Seleziona contenuto paragrafo(page 14))

Scegliamo di inserire un paragrafo di testo semplice Notiamo come il sistema ci consente di scegliereforme alternative di contenuti (es immagini sotto il testo a sinistra solo immagini ecc) Approfondire-mo in seguito le modalitagrave per creare contenuti piugrave articolati e contenuti multipli e selezioniamo la voceldquoparagrafo di testordquo

271 Paragrafo di testo

Allrsquointerno di un paragrafo di testo potremo inserire un contenuto e tutte le opzioni ad esso legato (figuraModifica contenuto testo (page 15))

Si noti come lrsquoarea egrave divisa in 4 blocchi orizzontali Tipo Intestazione Testo Opzioni generali Inbasso e in alto troviamo anche la serie di icone per il salvataggio del documento di cui abbiamo giagraveprecedentemente parlato

Area Tipo

Nel menugrave a tendina dellrsquoarea tipo egrave possibile modificare il tipo di contenuto che vogliamo inserire Laschermata ci dice che siamo su ldquotestordquo ma volendo potremmo anche cambiare con le altre forme dicontenuto a nostra disposizione

Area Intestazione

Rappresenta il titolo della pagina Viene inserito allrsquoinizio della pagina ed ha una rilevanza graficamaggiore rispetto al resto del contenuto

Un buon titolo egrave breve ma incisivo rispecchia in poche parole il contenuto della pagina riassumelrsquoargomento trattato

27 Inserimento contenuti di una pagina 13

DocWeb Release 101

Figura 217 Seleziona contenuto paragrafo

27 Inserimento contenuti di una pagina 14

DocWeb Release 101

Figura 218 Modifica contenuto testo

27 Inserimento contenuti di una pagina 15

DocWeb Release 101

Ersquo inoltre possibile anche se sconsigliabile associare un link allrsquointestazione cambiare la sua posizioneinserire una data

Testo

Rappresenta con il suo grande quadrilatero bianco lrsquoarea allrsquointerno della quale andremo ad inserire ilnostro testo

Digitando un semplice testo in visualizzazione questo assumeragrave colore dimensione e carattere inconformitagrave allo stile preimpostato per le pagine del sito

Per la formattazione del testo saragrave possibile usare lo strumento RTE (di seguito descritto)

Opzioni generali (parametri di visibilitagrave)

Apparizione programmata

Cliccando accanto al quadrato della voce ldquoInizio rdquo e ldquoFinerdquo si attiveragrave un modulo data che ci consentiragravedi impostare le date di Inizio pubblicazione e di Fine pubblicazione (depubblicazione) di una pagina

Potremo quindi stabilire quando una pagina dovragrave essere pubblicata eo quando dovragrave cessare di esserevisibile on-line La programmazione dellrsquoinizio di pubblicazione non implica che ci sia necessariamenteuna fine e vice versa

Ciograve significa che potremo quindi decidere di pubblicare una pagina in una certa data e che la pubblicazioneduri nel tempo (almeno fino a quando non decideremo di togliere la visualizzazione on-line manualmente)

Pagine nascoste

Ersquo possibile nascondere il contenuto delle pagine cliccando il quadrato a sinistra della voce ldquoNascondirdquoScegliendo questa opzione la pagina continueragrave ad esistere ma non saragrave visibile il suo contenuto

Lrsquoopzione si rileva particolarmente utile in caso di pagina strutturata su contenuti multipli

28 Contenuti multipli allrsquointerno di una pagina

Avendo creato una pagina potremo in ogni momento svilupparla ulteriormente aggiungendo ulterioricontenuti

Clicchiamo sul menugrave di sinistra sulla voce ldquoPaginardquo in modo da caricare il menugrave centrale contenentelrsquoalberatura del sito

Clicchiamo sul titolo della pagina da modificare con il pulsante sinistro oppure con il destro e scegliamoldquomodificardquo

A destra si apriragrave il nostro ambiente di lavoro come nella figua Modifica contenuto normale (page 17)

Vedremo in pratica la stessa schermata proposta per la creazione di una nuova pagina con lrsquoaggiunta dialcune icone come indicato in figura

1 Modifica

2 Nuovo record

3 Cerca Stringa

Cliccando su Modifica comrsquoegrave intuibile saremo riportati nella pagine dellrsquoeditor dove potremo modificareil nostro testo link immagini ecc

Cliccando su nuovo record invece avremmo la possibilitagrave di aggiungere un nuovo contenuto alla paginae nella posizione che sceglieremo

28 Contenuti multipli allrsquointerno di una pagina 16

DocWeb Release 101

Figura 219 Modifica contenuto normale

28 Contenuti multipli allrsquointerno di una pagina 17

DocWeb Release 101

Il contenuto non avragrave vincoli con i record precedenti pur apparendo nella stessa pagina del frontend Ciogravegarantisce una vantaggiosa gestione delle pagine che suddivise in ldquosezionirdquo potranno essere di volta involta pubblicate cancellate modificate a blocchi di contenuto senza toccare lrsquointera pagina

Si potragrave suddividere la stessa pagina in diverse aree (record) ossia ldquocontenuti multiplirdquo via via aggiornabilianche da altri utenti di redazione

Ersquo inoltre possibile effettuare una ricerca su di un contenuto di tipo testuale allrsquointerno delle pagine edei record utilizzando il campo ldquoCerca Stringardquo La ricerca puograve essere effettuata allrsquointerno della paginae dei suoi record ed estesa anche ai livelli inferiori

29 Modifica dei contenuti della pagina

Creata una pagina potremo modificarla ogni volta che saragrave necessario

Per modificare una pagina saragrave sufficiente selezionarla dal menugrave portandosi con il cursore del mouse aldi sopra del titolo e cliccando con il pulsante destro su di essa (figura Modifica pagina (page 18))

Una pagina da modificare potragrave anche essere raggiunta tramite la ricerca dellrsquoID (vedi capitolo 3 Alberodelle pagine)

Scegliere la voce ldquomodificardquo dal menugrave a tendina che si apriragrave dopo il click

Figura 220 Modifica pagina

A destra nellrsquoarea principale si apriragrave la schermata riportante il contenuto della pagina selezionata

Potremo scegliere lrsquoelemento da modificare cliccando sullrsquoicona matita

Nota Ricordarsi sempre di salvare per rendere effettive le modifiche e di ricontrollare la visualizzazionedella pagina modificata

Per modificare lrsquointestazione di una pagina egrave sufficiente selezionare la voce ldquoModifica intestazionirdquo dalmenugrave portandosi con il cursore del mouse al di sopra del titolo e cliccando con il pulsante destro su diesso (figura Menu modifica intestazioni pagina (page 19))

210 Spostamento di pagine

Oltre le modifiche stilistiche testuali e di contenuto di una pagina possiamo modificarne la posizione

29 Modifica dei contenuti della pagina 18

DocWeb Release 101

Figura 221 Menu modifica intestazioni pagina

Per spostare la posizione di una pagina allrsquointerno di un menugrave selezioniamola dal menugrave principale conclick sinistro del mouse

Nella schermata di destra scegliamo lrsquoicona

Si apriragrave un menugrave che ci mostreragrave lrsquoalberatura del nostro sito (esattamente come per lrsquoinserimento diuna nuova pagina) composto da pagine principali (genitori) e pagine ad esse collegate (figli)

A questo punto dovremo solo scegliere dove spostare la pagina muovendoci sulle frecce grigie sottostantie sovrastanti le varie voci di menugrave

Avvertimento Spostando una pagina genitore anche i figli vengono spostati con esso

211 Eliminazione pagine

Per eliminare le pagine egrave sufficiente selezionare la pagina in questione dal menugrave principale cliccando conil pulsante destro del mouse su di essa e scegliere la voce del menugrave a tendina che si apriragrave ldquoCancellardquo

Avvertimento Non egrave possibile cancellare una pagina genitore Ossia non egrave possibile cancellareuna pagina che al suo interno contiene altre pagine prima che questrsquoultime trovino una collocazionealternativa

212 Rich Text Editor

Quando si inserisce un contenuto nellrsquoarea di testo (inserito digitando direttamente allrsquointerno dellrsquoap-posita area o copiato e incollato da fonte esterna con la dovuta cautela) egrave possibile personalizzarlo eformattarlo utilizzando le funzionalitagrave previste dal Rich Text Editor (RTE)

Nota Un testo copiatoincollato da altri programmi va ldquoripulitordquo prima di essere pubblicato poicheacuteil modulo che utilizzeremo tende a mantenere la formattazione originaria del carattere delle immaginidei colori falsando la linea grafica omogenea e standard del nostro portale

In ogni modo quando si salva un documento il cui testo conteneva una formattazione proveniente ad es-empio da un documento di tipo word questo viene automaticamente ldquoripulito nel codicerdquo ed egrave opportunocontrollare la visualizzazione

211 Eliminazione pagine 19

DocWeb Release 101

Proviamo ad inserire ad esempio una semplice frase allrsquointerno del box testo (figura Box testo RTE(page 20))

Figura 222 Box testo RTE

La frase viene digitata direttamente nellrsquoarea testo mantenendo un tipo di formattazione ldquonormalerdquo

2121 Testo grassetto corsivo sottolineato (bold italic underline)

Proviamo a selezionare la frase ldquoProvincia di Pesaro e Urbinordquo tenendo premuto il pulsante sinistro delmouse trascinando il cursore dalla P di Provincia alla o di Urbino

In alternativa portare il cursore alla P di Provincia tenere tasto maiuscolo premuto e muoversi con lefrecce per selezionare il testo

Lrsquoesempio egrave utile per capire che per effettuare una determinata azione di tipo stilistico su una frase oparola egrave necessario che la frase o la parola siano preventivamente selezionate

Figura 223 Comandi box testo RTE

212 Rich Text Editor 20

DocWeb Release 101

Se il testo egrave stato selezionato correttamente vedremo la parola ldquoProvincia di Pesaro e Urbinordquo evidenziatadi blu scuro

Click sinistro sul simboloicona ldquoBrdquo (figura Comandi box testo RTE (page 20)) per creare un effettoldquograssettordquo al testo

Click sinistro sul simboloicona ldquoIrdquo per il corsivo-italico

Click sinistro sul simboloicona ldquoU ldquo per il sottolineato

Nota Il Grassetto dona alle parole un sapore piugrave incisivo e si utilizza per enfatizzare termini importantie di rilievo

LrsquoItalico viene usato comunemente per indicare le date gli indirizzi le citazioni

Il Sottolineato su web viene comunemente usato nelle parole ldquolinkaterdquo (ossia che rimandano ad altrepagine web) per cui se ne sconsiglia lrsquouso in un testo semplice per evitare confusione

2122 Elenco Puntato e Numerato

Portiamoci con il cursore allrsquointerno della box di testo

Selezioniamo lrsquoicona Lista non numerata (Elenco puntato semplice)

Vedremo comparire un simbolo tontoromboidale e potremo dare vita ad una lista

bull Voce 1

bull Voce 2

bull Voce 3 ecc

Allo stesso modo potremo creare una lista numerata avvalendoci dellrsquoicona ldquoLista numeratardquo

Lrsquoelenco viene numerato

1 Voce 1

2 Voce 2

3 Voce 3 ecc

2123 Pulsanti di Annulla e Ripristina

Compiuta una determinata azione egrave possibile tornare indietro o ripristinarla tramite i pulsanti ldquoAnnullalrsquoultima azionerdquo e ldquoRifai lrsquoultima azionerdquo

Piugrave volte si clicca sui pulsanti piugrave volte lrsquoazione viene ripetuta indietro ed avanti nel tempo

2124 Copia Taglia Incolla

Selezionando un testo potremo tagliarlo copiarlo e incollarlo

Copia selezionare il testo utilizzare lrsquoicona ldquocopia selezionerdquo per copiare

Taglia il testo viene eliminato ma resta in memoria per essere eventualmente incollato altrove odefinitivamente cancellato Ersquo possibile tenere in memoria solo lrsquoultimo testo o parola tagliato

Incolla Un testo precedentemente copiato o tagliato puograve essere incollato nuovamente o su diversoambiente

212 Rich Text Editor 21

DocWeb Release 101

2125 Rimuovi Formattazione

Ersquo possibile che il testo importato e incollato nellrsquoarea testo da altra fonte (es documento word) sildquosporchirdquo e ne acquisisca le caratteristiche stilistiche in maniera non corretta

Ersquo necessario pulire il testo selezionandolo e cliccando su ldquorimuovi formattazionerdquo

Si apriragrave un pop-up (nuova finestra) che ci proporragrave diversi elementi da pulire selezioniamo ciograve che ciinteressa e clicchiamo su OK

2126 Inserisci Caratteri Speciali

Alcune volte puograve essere necessario inserire dei caratteri o simboli non presenti sulla tastiera o nonconvenzionali per i quali esiste una mappa di caratteri speciali

Il sistema propone diversi tipi di caratteri speciali tra i piugrave comuni e frequentemente usati per adoperarliegrave sufficiente cliccare sullrsquoapposita icona ldquoInserisci Caratteri Specialirdquo

Una finestra ci mostreragrave una vasta gamma di simboli tra i quali potremo scegliere quello che ci interessa

2127 Inserisci Tabella

Per agevolare lrsquoinserimento di dati numerici in forma ldquoTabellarerdquo si puograve ricorrere allrsquoinserimento di unatabella contraddistinta dallrsquoapposito simbolo

La tabella puograve essere immaginata come una quaderno a ldquoquadrettirdquo dove ogni ldquoscacchettordquo corrispondead una cella

Scegliendo di inserire una tabella si apriragrave una finestra pop-up dove andremo ad inserire parametridi spaziatura fra celle numero di righe e colonne che compongono la tabella spessore del bordoallineamento rispetto alla pagina ecc

2128 Link

Ogni sito egrave composto da pagine consultabili e collegate tra loro tramite link

I link sono i collegamenti presenti sulle voci di menugrave parole immagini ecc

Ersquo possibile collegare pagine appartenenti ad uno stesso sito un indirizzo web di un sito esterno ounrsquoe-mail un file da scaricare un immagine ecc

Nota Immettendo nel testo un indirizzo web o e-mail completo il programma egrave in grado di capireautomaticamente che si tratta di un link e collegare gli elementi automaticamente

Volendo invece collegare elementi non scritti in forma completa si dovragrave procedere come segue

Selezioniamo la parola o frase che vogliamo collegare (come precedentemente visto) e clicchiamo sullrsquoiconaldquoInserisci Linkrdquo

Si apriragrave un pop-up come indicato nella prossima figura

Link ad una pagina interna al sito

La finestra ci propone lrsquoalberatura del nostro sito con le pagine in esso presenti (La voce attiva egraveldquopaginardquo di colore giallomarrone rispetto alle altre voci del pop-up)

Selezionando (figura Link interno (page 23)) la pagina che vorremo collegare il pop-up si chiuderagrave e laparola che avevamo selezionato precedentemente per il link cambieragrave aspetto

La vedremo blu e sottolineata il che indica che il link egrave attivato

212 Rich Text Editor 22

DocWeb Release 101

Figura 224 Link interno

Ersquo anche possibile creare dei link che aprono la pagina collegata allrsquointerno di una ldquofinestra di pop-uprdquocioegrave dentro una nuova finestra del browser Specificando le dimensioni di altezza e larghezza della nuovafinestra allrsquointerno degli appositi campi

Link ad una pagina esterna al sito

Selezioniamo una parola o frase che vogliamo collegare (come precedentemente visto) e clicchiamosullrsquoicona ldquoInserisci Linkrdquo

Scegliamo nel menugrave in alto proposto dal pop-up il bottone ldquoURL esternordquo (figura Link esterno (page 23))

Figura 225 Link esterno

Impostiamo nel campo URL lrsquoindirizzo web che vogliamo linkare prestando attenzione a scriverlo peresteso e senza cancellare http

Clicchiamo su ldquoImposta Linkrdquo

Il pop-up si chiuderagrave e la parola che avevamo selezionato precedentemente per il link cambieragrave aspetto

212 Rich Text Editor 23

DocWeb Release 101

La vedremo blu e sottolineata il che indica che il link egrave attivato

2129 Link ad unrsquoEmail

Come precedentemente visto scrivendo un indirizzo e-mail valido il programma di gestione egrave in grado dicapire che si tratta di un indirizzo di posta elettronica e il link viene impostato automaticamente

Tuttavia ci sono dei casi in cui non egrave possibile o si preferisce non indicare lrsquoindirizzo e-mail per estesoad esempio potremmo avere ldquoPer informazioni scrivicirdquo

Volendo potremmo fare in modo che sulla parola ldquoscrivicirdquo ci sia impostata la funzione di invio e-mail

Selezioniamo quindi la parola andiamo su ldquoInserisci Linkrdquo scegliendo poi ldquoEmailrdquo

Inseriamo lrsquoindirizzo E-mail nellrsquoapposito campo e clicchiamo su ldquoimposta Linkrdquo

21210 Link ad un file scaricabile

Per collegare un file (espdf txt gif ecc) egrave necessario copiarlo dal proprio PC al server web

Non egrave infatti possibile che una pagina pubblicata su internet prenda come link dei files che di fatto sonosalvati in una directory del nostro computer

Typo3 mette a disposizione un area dovrsquoegrave possibile pubblicare i files per poi essere resi disponibili ai linkossia rende disponibile lrsquo ldquoUploadrdquo dei files da pc a server

Scegliere dal menugrave di sinistra sotto la sezione ldquoMediardquo la voce ldquoFilerdquo (figura Seleziona file (page 24))

Figura 226 Seleziona file

Si apriragrave sulla destra una nuova area dove troveremo i campi utili a ldquosfogliarerdquo il contenuto del nostropc al fine di passare i file o i files dal nostro computer al manager

Effettuato il passaggio potremo ritornare alla nostra pagina e riprendere la procedura di ldquocreazione linkrdquoselezionando questa volta la voce ldquoFilerdquo del pop-up

I campi proposti sono del tutto simili a quelli di creazione di link su pagine del sito e un elenco di files(tutti quelli disponibili caricati) potranno essere collegati

213 Modalitagrave Lista

Selezionando la voce ldquolistardquo (figura Backend modalitagrave lista (page 25)) dal menugrave di sinistra egrave possibileesplorare una pagina ldquopadrerdquo e tutte le pagine ldquofiglirdquo ed essa associate

Avvertimento Ricordarsi di attivare la voce in basso ldquoVista Estesardquo

213 Modalitagrave Lista 24

DocWeb Release 101

Figura 227 Backend modalitagrave lista

Utilizzando le icone poste alla destra di ogni voce si possono compiere diverse operazioni di modificavisualizzazione spostamento copia e incolla pagina ecc come precedentemente descritto

Dunque potremo dire che la modalitagrave lista costituisce una scorciatoia per semplificare ogni sorta dioperazione soprattutto in presenza di un numero considerevole di files

214 Modalitagrave Mostra

Figura 228 Backend modalitagrave mostra

Selezionando la voce ldquoMostrardquo (figura Backend modalitagrave mostra (page 25)) dal menugrave di sinistra egrave possibilenavigare il sito allrsquointerno del docweb direttamente nel backend

214 Modalitagrave Mostra 25

DocWeb Release 101

Inoltre accanto ai vari record troveremo posta lrsquoicona matita per eseguire eventuali modifichedirettamente sul punto e la pagina prescelti

Anche la modalitagrave ldquoMostrardquo come la rdquoListardquo (cap 13) costituisce una scorciatoia particolarmente indicataper semplificare lrsquooperazione di visualizzazione del sito e di modifica

215 Modalitagrave ldquoMonta come radice dellrsquoalberordquo

Quando esistono diverse e numerose pagine egrave possibile gestire solo la porzione di contenuto che ci interessariducendo lrsquoalberatura del sito (lato backend) ai minimi termini mediante il comando ldquomonta come radicedellrsquoalberordquo

Per effettuare il comando procedere come segue

Cliccare con il pulsante destro del mouse sul titolo pagina dal menugrave centrale

Selezionare la voce ldquoaltre opzionirdquo dal menugrave a tendina (figuraMenu altre opzioni (page 26)) che compariragravecome conseguenza dellrsquoazione descritta al punto uno

Figura 229 Menu altre opzioni

Selezionare dallrsquoulteriore menugrave che si apriragrave (figura Seleziona monta come radice (page 26)) la voceldquoMonta come radice dellrsquoalberordquo

Figura 230 Seleziona monta come radice

Lrsquoalberatura si ridurragrave automaticamente mostrando solo la porzione selezionata

Per ripristinare lo stato di partenza selezionare la voce in alto nel menugrave centrale (figura Elimina DBmount (page 26)) ldquoElimina DB mount temporaneordquo

Figura 231 Elimina DB mount

Il menugrave si espanderagrave nuovamente mostrando tutte le voci esistenti

215 Modalitagrave ldquoMonta come radice dellrsquoalberordquo 26

DocWeb Release 101

216 Ottenere il page-id di una pagina

2161 Frontend (FE)

Da frontend si puograve ottenere il page-id della pagina corrente nei seguenti modi

1 dalla barra degli indirizzi del proprio browser (figura Id dallrsquourl (page 27)) Il numero della paginaegrave quello dopo la stringa ldquoid=rdquo Nella figura egrave cerchiata in verde la stringa ldquoid=rdquo e il numero dellapagina (page-id)

Figura 232 Id dallrsquourl

2 Puntando il mouse sulla scritta [id] a pieacute pagina e leggendo il tooltip (figura Id dal tooltip (page 27))

Figura 233 Id dal tooltip

3 Solo per browser Firefox dal menugrave di contesto scegliere la voce ldquoVisualizza info paginardquo si apreuna finestra consultare quindi la lista Meta sotto la scheda Generale (Id dagli attributi (page 28))

2162 Backend (BE)

Da backend egrave possibile ottenere il page-id nei seguenti modi

1 leggendo il tooltip puntando il mouse sullrsquoicona della pagina nel riquadro della struttura del sito(figura Id dal tooltip nel backend (page 28))

2 dal modulo di modifica delle intestazioni della pagina (figura Id dalle intestazioni pagina nel backend(page 28)) Il numero egrave tra le parentesi quadre dopo il titolo della pagina

217 Admin Panel

Quando si inseriscono contenuti con Typo3 (backend) egrave possibile visualizzare unrsquoanteprima della paginache si sta creando per vedere i risultati del lavoro svolto

Per visualizzare unrsquoanteprima di una pagina occorre (figura Menu mostra (page 29))

1 posizionarsi sulla pagina da visualizzare

2 premere il tasto sinistro del mouse in corrispondenza del nome

216 Ottenere il page-id di una pagina 27

DocWeb Release 101

Figura 234 Id dagli attributi

Figura 235 Id dal tooltip nel backend

Figura 236 Id dalle intestazioni pagina nel backend

217 Admin Panel 28

DocWeb Release 101

Figura 237 Menu mostra

3 selezionare la voce Mostra

In base alla pagina scelta si avragrave un risultato come quello visualizzato nella figura Anteprima pagina conAdmin panel (page 29)

Figura 238 Anteprima pagina con Admin panel

La pagina presenteragrave nella parte superiore lrsquoanteprima della pagina Nella parte inferiore vienevisualizzato uno strumento denominato Admin Panel

Questo oggetto offre lato front-end alcune funzionalitagrave (figura Moduli Admin panel (page 30)) cheaiutano i gestori di contenuti nella creazionemodifica delle pagine web del sito

NellrsquoAdmin panel (figura sopra) egrave possibile distinguere

217 Admin Panel 29

DocWeb Release 101

Figura 239 Moduli Admin panel

1 Modulo Preview ndash offre la possibilitagrave di selezionare alcune opzioni sulla pagina per simulare alcunesituazioni in cui la pagina si puograve trovare durante la visualizzazione

2 Modulo Cache ndash offre la possibilitagrave di gestire la cache

Allrsquointerno del modulo Preview abbiamo le seguenti voci

Mostra pagine nascoste selezionando la casella di controllo corrispondente a questa voce si visual-izzeranno anche quelle che attualmente non sono visibili allrsquointerno del sito o perchegrave in lavorazioneo perchegrave ancora non egrave stata data lrsquoautorizzazione alla pubblicazione

Mostra record nascosti come per le pagine questa voce offre la possibilitagrave di poter visualizzare allrsquoin-terno della pagina quei contenuti nascosti che non sono ancora ultimati o che sono in attesa di unautorizzazione per la pubblicazione

Simula data con questo controllo egrave possibile simulare il comportamento della pagina in periodi tem-porali diversi Utilizzando la casella di testo egrave possibile inserire delle date In questo modo sirende possibile la visualizzazione di quegli elementi (ad es pagine news ) che sono abilitati acomparirescomparire in base a determinati criteri temporali impostati

Simula gruppo di utenti con questo controllo egrave possibile simulare il comportamento delle pagine inbase ad un determinato gruppo di utenti che vi accede Alcune pagine possono infatti avere uncomportamento diverso in base al tipo di utente che vi accede

Nota Durante la creazione di pagine egrave possibile restringere la visione di una determinata pagina aparticolari tipi di utenti (utenti di frontend) Questa caratteristica offre la possibilitagrave di definire delle areead accesso riservato del sito ossia sezioni del sito a cui egrave possibile accedere solo dopo essersi autenticatie dopo avere avuto i necessari diritti di accesso

Una volta selezionate le opportune scelte allrsquointerno dellrsquoADMIN Panel occorreragrave premere il tasto Aggior-na (figura Aggiorna Admin panel (page 31)) per prendere visione della pagina secondo i criteri impostati

Nota Nel caso in cui lrsquoutente abbia la possibilitagrave di accedere da back-end a piugrave siti (ciascuno con unproprio dominio) bisogna tenere presente che lrsquoADMIN Panel compare soltanto per le pagine relativeal dominio con cui lrsquoutente ha fatto il login In altre parole se un operatore ad esempio egrave abilitatoa lavorare sulle pagine di backend dei siti httpwwwsitoesempio1it e httpwwwsitoesempio2it ese lrsquooperatore accede al backend di DocWeb con lrsquoindirizzo httpwwwsitoesempio1ittypo3 allora

217 Admin Panel 30

DocWeb Release 101

Figura 240 Aggiorna Admin panel

lrsquoADMIN Panel compariragrave solo sulle pagine di frontend del dominio wwwsitoesempio1it e non su quelledel dominio wwwsitoesempio2it

217 Admin Panel 31

CAPITOLO 3

La Clipboard

Lrsquooggetto clipboard (rdquoblocco degli appuntirdquo) egrave molto utile quando si ha la necessitagrave di copiare o spostareuno o piugrave elementi di contenuto o una o piugrave pagine da una sezione del sito (contenitore di pagine) adunrsquoaltra

31 Copia o spostamento di un contenuto singolo di pagina allrsquointernodi unrsquoaltra pagina

Per prima cosa egrave necessario (figura Identifica contenuto (page 32))

Figura 31 Identifica contenuto

1 selezionare la voce Lista

2 selezionare la pagina che contiene il contenuto che si intende copiare (nella figura abbiamo sceltola pagina denominata ldquoCorso di formazione su Typo3rdquo

32

DocWeb Release 101

3 identificare dalla lista dei contenuti associati alla pagina quello da spostare

Supponiamo che si desideri copiare il contenuto denominato ldquoTesto 2rdquo (figura Copia contenuto (page 33))

Figura 32 Copia contenuto

Egrave sufficiente cliccare sullrsquoicona (nella figura sopra evidenziata con un cerchio rosso) di copia incorrispondenza del contenuto da copiare

Dopo avere eseguito questa operazione nella figura Risultato copia contenuto (page 34) possiamo notare

1 Egrave comparsa unrsquoicona nuova che mette in evidenza che nella clipboard egrave presente un elemento

2 Lrsquoicona di copia in corrispondenza del contenuto da spostare ha cambiato aspetto

A questo punto lrsquooggetto che si intende copiare egrave presente nella nostra clipboard

Il passo successivo egrave quello di selezionare la pagina in cui andare a posizionare lrsquoelemento (paginadestinazione)

Rimanendo sempre allrsquointerno del modulo Lista occorreragrave selezionare dallrsquoalberatura delle pagine la pag-ina destinazione Il procedimento da seguire per posizionarsi sulla pagina egrave lo stesso descritto in prece-denza Nella figura Incolla contenuto (page 34) viene evidenziato il contenuto di una pagina (denominataldquoPagina di Provardquo) in cui vogliamo copiare il contenuto

Per copiare il contenuto della clipboard nella pagina selezionare lrsquoicona Incolla contenuto Clipboard

Confermando lrsquooperazione il contenuto saragrave copiato allrsquointerno della pagina selezionata

Per effettuare lo spostamento di un contenuto di pagina allrsquointerno di unrsquoaltra pagina cliccare sullrsquoicona

di Taglia al posto dellrsquoicona copia e ripetere le operazioni sopra descritte

1 Selezionando la casella Mostra clipboard (figura Vista clipboard (page 35)) egrave possibile visualiz-zare lrsquooggetto clipboard Nel caso in figura lrsquoelemento copiato in precedenza (Testo 2) egrave ancoradisponibile allrsquointerno della clipboard Utilizzando il procedimento descritto infatti il contenuto

31 Copia o spostamento di un contenuto singolo di pagina allrsquointerno di unrsquoaltra pagina 33

DocWeb Release 101

Figura 33 Risultato copia contenuto

Figura 34 Incolla contenuto

31 Copia o spostamento di un contenuto singolo di pagina allrsquointerno di unrsquoaltra pagina 34

DocWeb Release 101

selezionato rimane ancora a disposizione dellrsquoutente che potragrave selezionare altre pagine destinazionesu cui eventualmente andare a copiare il contenuto Nel caso in cui si selezioni un altro elementoad esempio ldquoTesto 1rdquo lrsquoelemento presente viene automaticamente sostituito

2 Dallrsquooggetto clipboard egrave possibile rimuovere un elemento premendo il bottone di Elimina postoaccanto ad esso

Figura 35 Vista clipboard

Con il procedimento descritto fino ad ora egrave possibile scegliere soltanto un contenuto alla volta

32 Copia o spostamento di piugrave contenuti da una pagina ad unrsquoaltra

Nel caso in cui ci si trovi nella necessitagrave di copiare piugrave di un contenuto da una pagina allrsquoaltra egrave necessarioseguire i passi seguenti

1 Selezionare il modulo Lista

2 Selezionare la pagina di origine da cui prelevare i contenuti

3 Selezionare la casella Mostra clipboard

4 Selezionare una clipboard tra quelle denominate ldquoClipboard 1rdquo ldquoClipboard 2rdquo ldquoClipboard 3rdquo(punto 3 figura Vista clipboard con contenuto selezionato (page 36))

Selezionando ad esempio la clipboard contrassegnata come ldquoclipboard 1rdquo si avragrave la seguente situazione

32 Copia o spostamento di piugrave contenuti da una pagina ad unrsquoaltra 35

DocWeb Release 101

Figura 36 Vista clipboard con contenuto selezionato

32 Copia o spostamento di piugrave contenuti da una pagina ad unrsquoaltra 36

DocWeb Release 101

1 In corrispondenza di ogni contenuto si evidenzia una Casella di selezione Sopra la colonna con lecaselle di selezione egrave comparsa una lista di bottoni tra cui al momento distinguiamo

2 Bottone di copia elementi nella clipboard

3 Bottone di selezione tuttinessuno

Scegliendo ad esempio i primi due elementi e premendo il pulsante di copia elementi nella clipboard sipuograve notare che (figura Copia nella clipboard (page 37))

Figura 37 Copia nella clipboard

1 La clipboard che abbiamo scelto per la selezione multipla (ldquoClipboard 1rdquo) contiene la lista deglioggetti che abbiamo scelto di copiare

2 Ersquo comparsa lrsquoicona di Incolla contenuto Clipboard

La procedura della selezione della pagina di destinazione rimane identica a quella giagrave utilizzata per lacopia di un contenuto singolo (selezionare la pagina di destinazione su cui andare a posizionare i contenutiselezionati)

Egrave importante fare notare che seguendo le operazioni descritte sopra si ottiene come risultato lospostamento dei contenuti dalla pagina origine a quella destinazione

Se si desidera copiare gli elementi selezionati egrave necessario una volta selezionati gli elementi da copiarepremere il tasto copia gli items invece di spostarli (evidenziato con un cerchio rosso nella figura Tagliadalla clipboard (page 38))

32 Copia o spostamento di piugrave contenuti da una pagina ad unrsquoaltra 37

DocWeb Release 101

Figura 38 Taglia dalla clipboard

32 Copia o spostamento di piugrave contenuti da una pagina ad unrsquoaltra 38

DocWeb Release 101

In questo modo dopo avere confermato lrsquooperazione i contenuti o le pagine da copiare saranno presentisia nella pagina origine che in quella destinazione

32 Copia o spostamento di piugrave contenuti da una pagina ad unrsquoaltra 39

CAPITOLO 4

Modulo DAM (Digital AssetManagement)

Il modulo DAM (Digital Asset Management) offre la possibilitagrave di raccogliere e catalogare contenuti informato digitale come immagini documenti presentazioni

Ogni file inserito puograve essere corredato di informazioni aggiuntive (meta-informazioni) come la descrizionelrsquoautore parole chiave ecc

Attraverso il modulo DAM egrave possibile svolgere le seguenti operazioni

bull Caricamento e Aggiornamento di file

bull Ricerca di file allrsquointerno del DAM e modifica delle meta-informazioni associate ai file

41 Caricamento e Aggiornamento di file

Lrsquooperazione di CaricamentoAggiornamento di file serve per sottoporre al sistema DAM un particolarecontenuto memorizzato in formato digitale

Lrsquoelemento caricato saragrave poi disponibile a chi inserisce contenuti

Per iniziare lrsquooperazione di caricamento di un file egrave sufficiente selezionare la voce File che si trovaallrsquointerno del modulo Media (figura Menu file (page 41))

La maschera che si apre (figura File upload (page 41)) offre le seguenti possibilitagrave

1 Selezione della posizione dove andare a caricareaggiornare il file

2 Specificare alcuni documenti da caricare (area File)

Concentrandoci sullrsquoarea File (figura Dettaglio file upload (page 42)) distinguiamo

1 Voce Show upload location browser (punto 1 figura sopra) egrave possibile visualizzare i file attualmentecaricati nel Mount Point selezionato

2 Lista di bottoni denominati Sfoglia da utilizzare nel caso in cui si desideri caricareaggiornareun file

Se si desidera caricare un file occorre cliccare sul bottone Sfoglia

La finestra che appare (figura Sfoglia file (page 42)) permette di selezionare dal proprio PC il file dacaricare

Per selezionare un file da caricare occorre

1 Esplorare le cartelle del proprio PC per trovare il file

40

DocWeb Release 101

Figura 41 Menu file

Figura 42 File upload

41 Caricamento e Aggiornamento di file 41

DocWeb Release 101

Figura 43 Dettaglio file upload

Figura 44 Sfoglia file

41 Caricamento e Aggiornamento di file 42

DocWeb Release 101

2 Inserire il nome del file nella casella di testo Nome file

3 Premere il tasto Apri

Una volta che si egrave selezionato un file egrave possibile

1 selezionare altri file da caricare seguendo gli stessi passi descritti in precedenza

2 effettuare lrsquooperazione di caricamento del file vero e proprio

Dallrsquoesempio abbiamo scelto di caricare un solo file

Il caricamento dei file viene eseguito premendo il bottone ldquoUpload filesrdquo che si trova in fondo alla listadei file selezionati (figura File selezionato (page 43))

Figura 45 File selezionato

Se tutto egrave stato eseguito correttamente appariragrave una finestra come quella nella figura Process files(page 44)

In questa maschera egrave possibile

1 Specificare le meta-informazioni per il singolo file come ad esempio il titolo parole chiavedescrizione

2 Avviare il processo di elaborazione multipla premendo il bottone Process selected files Con questoprocesso egrave possibile inserire o modificare le meta-informazioni per tutti i file della lista (in questocaso solo uno)

Se si vuole eseguire lrsquoinserimento delle meta-informazioni per singolo file la finestra che si apre egrave similea quella presentata in figura Elaborazione metainformazioni singolo file (page 44)

Nel caso si scelga di eseguire il processo di elaborazione multipla la maschera che compare (figuraElaborazione metainformazioni file multipli (page 45)) permette di selezionare le meta-informazioni chelrsquoutente intende inserire contemporaneamente per tutti i file della selezione

41 Caricamento e Aggiornamento di file 43

DocWeb Release 101

Figura 46 Process files

Figura 47 Elaborazione metainformazioni singolo file

41 Caricamento e Aggiornamento di file 44

DocWeb Release 101

Figura 48 Elaborazione metainformazioni file multipli

41 Caricamento e Aggiornamento di file 45

DocWeb Release 101

Se si seleziona la checkbox accanto alla voce che eventualmente saragrave inserita questa viene aggiuntaalle informazioni eventualmente giagrave presenti (modalitagrave append) Nellrsquoaltro caso le informazioni sarannosovrascritte

I campi Titolo e Descrizione sono obbligatori mentre il campo Parole chiavi puograve essere valorizzato adiscrezione dellrsquoutente Informazioni su come valorizzare i campi elencati sopra saranno descritte suapposite linee guida

Per completare lrsquoinserimentoaggiornamento delle meta-informazioni riguardanti il file caricato occorrepremere il tasto Send (figura Salva metainformazioni (page 46)) in fondo alla maschera per il salvataggiodelle informazioni

Figura 49 Salva metainformazioni

Tornando alla maschera di caricamento file e selezionando la checkbox in corrispondenza della voceSovrascrivi file esistenti (figura Carica file sovrascrivendo (page 46)) saragrave possibile aggiornare eventualifile che hanno lo stesso nome di quello che stiamo caricando

Questa procedura egrave utile quando si vuole aggiornare il contenuto di un file che egrave giagrave presente nel DAM

Figura 410 Carica file sovrascrivendo

Nel caso di aggiornamento di un file le meta-informazioni del file rimangono le stesse inserite inprecedenza Come si puograve notare non viene offerta la possibilitagrave di inserirne di nuove

Nel caso in cui un file con lo stesso nome sia giagrave caricato e non si desideri aggiornarlo il file inseritoper ultimo viene rinominato con un suffisso generato automaticamente dal DAM In questo caso la voceSovrascrivi file esistenti non deve essere selezionata (figura Carica file senza sovrascrivere (page 47))

Nellrsquoesempio in figura viene presentata la lista dei file presenti nel mount point selezionato

Da notare la presenza di un file che egrave stato rinominato dal DAM con un suffisso ldquo_01rdquo dato che nellastessa posizione era giagrave presente un file con lo stesso nome

41 Caricamento e Aggiornamento di file 46

DocWeb Release 101

Figura 411 Carica file senza sovrascrivere

41 Caricamento e Aggiornamento di file 47

DocWeb Release 101

42 Ricerca di file allrsquointerno del DAM e modifica delle meta-informazioni

Rimanendo sempre allrsquointerno del modulo Media selezioniamo la voce List egrave possibile effettuare dellericerche dei file e modificare le meta-informazioni associate ai file

Nella figura Backend media list (page 48) distinguiamo

Figura 412 Backend media list

1 Parte relativa ai Mount Point disponibili

2 Parte relativa ai tipi di file caricati nel sistema

3 Schede List Thumbnails Selection Process

Da questa sezione egrave possibile effettuare ricerche sui file caricati nel DAM

Le ricerche che si possono eseguire sono del tipo ldquotrova tutti i file pdf e docrdquo oppure ldquoelenca tutti i filedi tipo immagine ad eccezione dei file con estensione gifrdquo

Per prima cosa facendo click sul nome del tipo file (es gif oppure image) si seleziona solo quel tipo difile e si escludono tutti i criteri selezionati in precedenza

Per aggiungere un altro criterio di ricerca egrave sufficiente selezionare il ldquo+rdquo (punto 1 nella figura Criteri diselezione (page 49)) posto accanto al tipo di file che si vuole selezionare

Con il ldquo-ldquo(punto 2) saragrave possibile rimuovere il tipo di file dai criteri di ricerca

Selezionando ldquo=rdquo (punto 3) egrave possibile introdurre clausole del tipo ldquocerca un file che sia doc e presentenel Mount Point chiamato lsquoArea Testrsquordquo (ossia effettua una ricerca che risponda a tutti i criteri impostati)

Nellrsquoesempio della figura Salva selezione (page 49) sono stati selezionati tutti i tipi di immagine adeccezione dei file con estensione gif Questo risultato si ottiene nel seguente modo

1 selezionare il ldquo+rdquo accanto alla voce ldquoimagerdquo

2 premendo il tasto ldquo-ldquo in corrispondenza della voce ldquogifrdquo

I criteri impostati per la selezione possono essere salvati per un uso futuro Per salvare la selezioneoccorre (figura Salva selezione (page 49))

1 riempire il campo sotto la voce SELECTION con un nome che identifichi la ricerca

2 premere il tasto Save per salvare la modalitagrave di ricerca impostata

In questo modo saragrave possibile richiamare e rieseguire la ricerca impostata anche in futuro senza doverripetere il procedimento di scelta dei criteri mostrato in precedenza

42 Ricerca di file allrsquointerno del DAM e modifica delle meta-informazioni 48

DocWeb Release 101

Figura 413 Criteri di selezione

Figura 414 Salva selezione

42 Ricerca di file allrsquointerno del DAM e modifica delle meta-informazioni 49

DocWeb Release 101

Se in futuro saranno inseriti nuovi file che soddisfano la ricerca salvata questi verranno selezionati quandoverragrave richiamata la ricerca salvata

Dalla figura Ricerca salvata (page 50) egrave possibile notare come richiamare la ricerca salvata In questocaso abbiamo salvato la ricerca con il nome ldquoimmaginisenzagifrdquo

Figura 415 Ricerca salvata

Una volta che si egrave selezionata la ricerca egrave possibile

1 Premere il tasto Load per ricaricare la ricerca precedentemente impostata

2 Premere Remove per rimuovere la ricerca salvata

Una volta effettuata una particolare selezione di file egrave possibile (figura Schede backend media list(page 50))

Figura 416 Schede backend media list

1 vedere il contenuto della selezione (schede List e Thumbnails)

2 vedere i criteri impostati per la ricerca (scheda Selection)

3 modificare le meta-informazioni associate ai file (scheda Process) secondo quanto descritto inprecedenza

Nella figura Scheda selection (page 51) egrave visualizzato come selezionando la scheda Selection egrave possibileprendere visione dei criteri impostati nella ricerca (la ricerca egrave quella dellrsquoesempio precedente)

Selezionando le schede List e Thumbnails dopo avere effettuato una qualsiasi selezione si potrebbe avereuna situazione come quella mostrata nella figura Scheda list (page 51)

Cliccando sullrsquoicona corrispondente ad uno dei file presenti nella lista (selezionato con un cerchio rosso)egrave possibile accedere ad un menugrave contestuale (figura Menu contestuale DAM (page 51))che permette disvolgere le seguenti operazioni

Modifica Offre la possibilitagrave di visualizzare e modificare le meta-informazioni associate al file

Rinomina Selezionando la seguente voce egrave possibile assegnare un altro nome al file che si egrave caricato

Replace file Avvia lrsquooperazione di sostituzione del file

Info Visualizza informazioni relative al file

Cancella Rimuove il file dal DAM

42 Ricerca di file allrsquointerno del DAM e modifica delle meta-informazioni 50

DocWeb Release 101

Figura 417 Scheda selection

Figura 418 Scheda list

Figura 419 Menu contestuale DAM

42 Ricerca di file allrsquointerno del DAM e modifica delle meta-informazioni 51

CAPITOLO 5

Modulo Pagine di download

51 Inserimento e configurazione pagine di download

La creazione di pagine di download egrave utile quando si vuole mettere a disposizione una lista di uno o piugravefile in forma scaricabile

Per creare una pagina di download egrave necessario seguire i seguenti passi

1 Creare una pagina standard

2 Inserire il plugin DAM Download List

3 Configurare il plugin

Per creare una pagina egrave sufficiente entrare nel modulo Pagina e selezionare Crea nuovo record per accederealla finestra di creazione pagine

Nellrsquoesempio in figura Backend creazione contenuto (page 52) egrave stata creata la pagina denominata ldquoPaginadownloadrdquo come figlio della pagina ldquoPagina di provardquo

Figura 51 Backend creazione contenuto

Una volta creata la pagina occorre configurarla in maniera tale da permettere la visualizzazione di unalista di file scaricabili Per fare ciograve occorre inserire un plugin denominato ldquoDAM Download Listrdquo Unplugin egrave un contenuto speciale da inserire in una pagina

52

DocWeb Release 101

Per inserirlo come per un contenuto occorre seguire i seguenti passi (figura Backend creazione contenuto(page 52))

1 Selezionare la pagina in cui inserire il plugin Nellrsquoesempio la pagina denominata ldquoPaginadownloadrdquo

2 Selezionare la voce Clicca qui per il wizard nella maschera che compare quando si vuole inserire unnuovo record

Figura 52 Wizard nuovo contenuto

Oltre ai normali contenuti standard il wizard permette di selezionare (figura Wizard nuovo contenuto(page 53))

1 Contenuti speciali

2 Moduli

3 Plugins

Allrsquointerno della lista dei Plugins selezionare DAM Lista dei file scaricabili (punto 4 nella figura Wizardnuovo contenuto (page 53))

Dopo aver selezionato il plugin occorreragrave selezionare la posizione della pagina in cui inserire lrsquoelemento

Selezionare ldquoNormalerdquo

A questo punto il plugin egrave inserito nella pagina desiderata

51 Inserimento e configurazione pagine di download 53

DocWeb Release 101

Oltre allrsquoinserimento occorre configurare il plugin in modo da dirgli quali file far visualizzare

Una volta che il plugin viene inserito viene aperta una finestra (figura Contenuto pagina (page 54)) doveviene richiesto di selezionare dei file inseriti nel sistema

Figura 53 Contenuto pagina

Per proseguire correttamente egrave necessario salvare immediatamente il Contenuto Pagina altrimenti leoperazioni successive potrebbero andare perse

Per inserire i file nella lista occorre effettuare la seguente operazione (figura Contenuto pagina (page 54))

1 Nella parte della maschera denominata DAM Lista di file scaricabili selezionare lrsquoicona SfogliaRecord (cerchiata in rosso) per avviare la procedura di selezione dei file

Selezionando la voce Sfoglia Record verragrave aperto lrsquoElement Browser di TYPO3 che ci permette di se-lezionare i file da inserire nel plugin La finestra (figura Element browser (page 55)) egrave composta di dueschede

1 Media ndash permette di selezionare i file giagrave esistenti nel sistema

2 Upload ndash permette di caricare nuovi file

Selezionando la sezione Media egrave possibile selezionare dalla lista i file da inserire

51 Inserimento e configurazione pagine di download 54

DocWeb Release 101

Figura 54 Element browser

Se la lista dei file fosse troppo lunga egrave possibile effettuare delle ricerche per nome e per tipologia di file(doc htm )

Per cercare per nome (figura Ricerca per nome (page 55)) occorre inserire nella casella di testo Cercastringa (punto 1 nella figura sopra) il nome o parte del nome del file da cercare Una volta specificata lastringa di ricerca premere il tasto Cerca (punto 2)

Figura 55 Ricerca per nome

Per cercare un particolare tipo di file selezionare il nome dellrsquoestensione che si desidera dallrsquoelenco deitipi di file (figura Ricerca per tipo (page 56))

Nota I due tipi di ricerca possono essere usati contemporaneamente

Selezionando la voce informazioni (punto 1 nella figura Selezione file (page 56)) egrave possibile visualizzarele meta-informazioni associate al file

Premendo con il mouse sul nome del file (punto 2) o sullrsquoicona associata (punto 3) si inserisce il file nellalista dei file da far visualizzare nella pagina di download mediante lrsquoapposito plugin

Selezionando la scheda Upload si puograve inserire un file non presente nel sistema (figura Caricamentoimmediato file (page 56))

51 Inserimento e configurazione pagine di download 55

DocWeb Release 101

Figura 56 Ricerca per tipo

Figura 57 Selezione file

Figura 58 Caricamento immediato file

51 Inserimento e configurazione pagine di download 56

DocWeb Release 101

Scegliere i file dal proprio PC seguendo le operazioni giagrave descritte nel modulo DAM e selezionare dallascheda Media i nuovi file inseriti

Nella figura Plugin con file selezionati (page 57) egrave visualizzato un esempio di maschera di configurazionedel plugin con la lista dei file selezionati

Figura 59 Plugin con file selezionati

I file una volta inseriti possono essere ordinati selezionando sugli appositi bottoni posti a destra dellalista file

bull Per ordinare un determinato file occorre

bull Selezionare un file

Premere uno dei tasti (figura sopra) per

1 Spostare in prima posizione

2 Spostare in alto di una posizione

3 Spostare in basso di una posizione

4 Spostare in ultima posizione

5 Rimuovere dalla lista il file selezionato

Una volta eseguiti i passaggi sopra descritti salvare la configurazione del plugin

51 Inserimento e configurazione pagine di download 57

CAPITOLO 6

Modulo Sitemap

Ersquo possibile generare una mappa del sito scegliendo un contenuto speciale di tipo ldquoMappa del Sitordquo comemostrato nella figura Contenuto mappa del sito (page 58)

Figura 61 Contenuto mappa del sito

Per scegliere un record di tipo ldquomappa del sitordquo (per visualizzare cioegrave la vista dei contenuti possibili)saragrave necessario portarsi in modalitagrave ldquopaginardquo compiendo gli stessi passaggi descritti per la creazione dicontenuti semplici in fase di creazione delle pagine (in questo caso selezionando il contenuto specialemappa)

58

DocWeb Release 101

61 Scheda di configurazione Mappa

La scheda di configurazione si presenta come nella figura Scheda mappa del sito (page 59)

Figura 62 Scheda mappa del sito

I campi fondamentali da personalizzare sono lrsquointestazione (ossia il titolo pagina) il tipo di menugrave e ilpunto di partenza Nellrsquointestazione viene inserito come di consuetudine il titolo pagina

62 Tipo di mappa

Ersquo possibile scegliere il tipo di mappa che si desidera creare consultando il menugrave a tendina ldquotipo di menugraverdquoche ci offriragrave diverse opzioni

Le piugrave frequentemente usate sono di tipo ldquoMenugrave delle sottopagine rdquo come indicato nella figura Tipo dimenu (page 60)

Menugrave delle sottopagine di queste pagine Scegliendo questa opzione da una pagina padre sigenereragrave un record che mostreragrave al suo interno tutte le sottovoci figlio con relativo link

Menugrave delle sottopagine di queste pagine (con abstract) Genera una mappa sia delle sottopagineche dei sottotitoli

Menugrave delle sottopagine di queste pagine + sezioni Genera una mappa sia delle sottopagine chedei record (link alle intestazioni dei singoli record)

Selezionando voci di menugrave di sottopagine egrave anche possibile stabilire un determinato punto di partenzasfogliando lrsquoapposito record

61 Scheda di configurazione Mappa 59

DocWeb Release 101

Figura 63 Tipo di menu

63 Il ldquopunto di partenzardquo della mappa

Il ldquopunto di partenzardquo dei Menugrave delle sottopagine Scheda mappa del sito (page 59) costituisce la paginadalla quale il sistema partiragrave per creare la mappa

Si potragrave quindi creare una mappa (di tipo menugrave delle sottopagine) che mostri solamente il percorso diquella porzione di menugrave che si intende mostrare

63 Il ldquopunto di partenzardquo della mappa 60

CAPITOLO 7

Modulo News

71 Inserimento e modifica di news

Alcune sezioni del nostro sito potrebbero essere state configurate per permettere la visualizzazione dinotizie

Per poter visualizzare le news correttamente occorre che queste ultime vengano inserite in una determi-nata posizione allrsquointerno del backend Da questa posizione che chiameremo repository delle news lenostre pagine andranno a prelevare le news da visualizzare al loro interno

Figura 71 Backend news

Nellrsquoesempio presentato nella figura Backend news (page 61) distinguiamo

1 il repository delle news che egrave stato creato

2 Un esempio di come potrebbe apparire il contenuto del repository delle news (lista delle news)

Per poter visualizzare il contenuto del repository delle news occorre seguire i seguenti passi

1 entrare nel modulo Pagina

61

DocWeb Release 101

2 selezionare il repository delle news corrispondente (nellrsquoesempio della figura Backend news (page 61)il Repository delle news si chiama ldquoNews Area Testrdquo)

Poniamo ora la nostra attenzione alla lista delle news (figura Lista news (page 62)) Da qui egrave possibile

bull Inserire una nuova notizia

bull Modificare le notizie giagrave esistenti

Per inserire una nuova notizia occorre selezionare la voce Crea nuovo record (figura Lista news (page 62))posta in fondo alla lista delle news

Figura 72 Lista news

A questo punto si apre la finestra di creazione Nuovo record da cui occorre selezionare la voce News(figura Nuovo record news (page 62))

Figura 73 Nuovo record news

Eseguendo le operazioni sopra descritte si accede alla maschera di inserimento news (figura Inserimentonews scheda generale (page 63))

Questa si compone di due schede una denominata Generale e unrsquoaltra denominata Relations

Nella scheda Generale egrave possibile inserire

Titolo in questo spazio egrave possibile specificare un titolo della news

Nascondi questo controllo determina se la news egrave pubblicabile oppure no Come avviene per le pagineanche per le news egrave consigliabile tenere la news nascosta durante la lavorazione Facciamo notare

71 Inserimento e modifica di news 62

DocWeb Release 101

Figura 74 Inserimento news scheda generale

71 Inserimento e modifica di news 63

DocWeb Release 101

che appena viene aperta la maschera di inserimento di una nuova news il controllo appare giagrave instato nascosto

Dataora in questo spazio viene indicata la data e lrsquoora della creazione della news in base ai parametridi sistema

Data Archiviazione in questo spazio viene inserita la data di Archiviazione di una news

Autore permette di specificare un autore della news

Email permette di specificare un e-mail a cui fare riferimento

Sottointestazione questo campo conterragrave una breve descrizione (abstract) della news La sottointes-tazione egrave quella parte della news che compare quando viene visualizzata la lista delle news e serveper dare una breve descrizione al contenuto della news (si veda Esempio news (page 64))

Figura 75 Esempio news

Durante lrsquoinserimento di una news egrave consigliabile specificare sempre una sottointestazione

Testo egrave il campo che contiene il contenuto vero e proprio della news Egrave possibile utilizzare tutte lefunzionalitagrave messe a disposizione dallrsquoeditor RTE

72 Modalitagrave Relations

Nella modalitagrave Relations (figura Inserimento news scheda relations (page 65)) egrave possibile inserire

Immagini contiene una lista di immagini da associare alla news Il procedimento per la se-lezionecaricamento delle immagini egrave stato descritto nella parte dedicata alla creazione di paginedi download a cui vi rimandiamo

Didascalia permette di specificare una descrizione per lrsquoimmagine associata alla news

Image alttext e Image titletext permette di specificare un testo che in visualizzazione (Frontend)compariragrave al passaggio del mouse sopra lrsquoimmagine

News correlate permette di specificare news o pagine del sito da associare alla news Il procedimentodi selezione delle news da associare alla notizia saragrave spiegato successivamente

DAM elements permette di assegnare alla news dei documenti da scaricare come per esempioil programma di un determinato evento Anche in questo caso il procedimento per la se-lezionecaricamento dei documenti egrave quello giagrave descritto nella parte dedicata alla creazione dipagine di download

Descriviamo il procedimento da seguire per associare alcune pagine o alcune news alla notizia che stiamoinserendo

Premere il tasto di Sfoglia Record evidenziato nella figura Sfoglia record news (page 65)

Verragrave aperta una finestra che contiene un Element Browser che ci permette di selezionare le newspagine(figura Element browser news (page 66)) da associare

La finestra di selezione si suddivide nelle seguenti parti (figura sopra)

Alberatura del sito da cui egrave possibile esplorare gli elementi del nostro sito (pagine sysfolder )Premendo con il tasto sinistro del mouse sul nome della pagina o sulla freccia corrispondente verragraveaggiornata la parte di destra della finestra in cui egrave inserita la lista degli elementi associabili

72 Modalitagrave Relations 64

DocWeb Release 101

Figura 76 Inserimento news scheda relations

Figura 77 Sfoglia record news

72 Modalitagrave Relations 65

DocWeb Release 101

Figura 78 Element browser news

Lista degli elementi associabili egrave quindi possibile selezionare gli elementi da associare alla newsPer associare un elemento si puograve selezionare il simbolo ldquo+rdquo posto accanto allrsquoelemento desideratoo agendo sul nome del file Nel primo caso lrsquoelemento viene aggiunto ma la finestra non si chiuderagrave(utile per effettuare selezioni multiple) mentre nel secondo caso lrsquoelemento viene aggiunto e lafinestra si chiuderagrave (selezione singola)

Nota Per associare una o piugrave news alla notizia che stiamo inserendo occorreragrave innanzitutto selezionareil repository delle news e utilizzando i metodi descritti in precedenza indicare le news di interesse

Nella figura Selezione repository (page 66) viene visualizzato come appare lrsquoElement Browser dopo averselezionato il repository delle news denominato ldquoNews Corso Typo3rdquo

Figura 79 Selezione repository

Una volta ultimato il procedimento di inserimento di una news vedremo che nel repository compariragrave(figura News nel repository (page 67)) anche quella da noi creata Nellrsquoesempio la news creata si chiamaldquoTitolo della news di provardquo

Dalla lista delle news possiamo notare che i diversi tipi di news sono contrassegnati con icone diverse

In particolare distinguiamo

72 Modalitagrave Relations 66

DocWeb Release 101

Figura 710 News nel repository

bull News (icona ldquocelestinardquo)

bull Collegamento a URL esterna (icona ldquorosardquo)

bull Collegamento a pagina interna (icona ldquogiallinardquo)

Per modificare il contenuto di una news egrave sufficiente selezionare il simbolo di modifica (figura Modificanews (page 67)) in corrispondenza della news da modificare

Figura 711 Modifica news

73 News collegata a URL esterna e a pagina interna

Attraverso la selezione della finestra ldquoTipordquo egrave possibile scegliere diverse tipologie di news

Nella figura News collegata a url esterna (page 68) egrave stato selezionato il Collegamento a URL esterna checi offriragrave la possibilitagrave di specificare un link (ldquoURL esternordquo) da far visualizzare e che saragrave contraddistintain lista da lrsquoicona di colore rosa

Selezionando il Collegamento a pagina interna viene offerta la possibilitagrave di inserire un collegamento auna pagina del sito (evidenziato nella figura News collegata a pagina interna (page 69))

La news si presenteragrave con icona di color ldquogiallordquo e al suo interno conterragrave un link alla pagina interna alsito

73 News collegata a URL esterna e a pagina interna 67

DocWeb Release 101

Figura 712 News collegata a url esterna

73 News collegata a URL esterna e a pagina interna 68

DocWeb Release 101

Figura 713 News collegata a pagina interna

73 News collegata a URL esterna e a pagina interna 69

DocWeb Release 101

74 Eliminazione delle News

Per eliminare una news possiamo procedere tra lrsquoaltro in due modi

1 Selezionare la news da eliminare dallrsquoelenco e selezionare la voce ldquocancellardquo dal menugrave a tendinaconsultabile cliccando con il pulsante destro sullrsquoicona in corrispondenza della news (figura Eliminanews da menu contestuale (page 70))

Figura 714 Elimina news da menu contestuale

2 Entrare allrsquointerno della modalitagrave di modifica della news attraverso lrsquoicona ldquomatitardquo e selezionare lrsquoi-cona raffigurante il bidone di elimina posta in alto pagina (figura Elimina news da scheda contenuto(page 70))

Figura 715 Elimina news da scheda contenuto

75 Ordinamento delle News e ricerca

Puograve essere necessario durante la visualizzazione della lista delle news (lato backend) di dover effettuaredegli ordinamenti al fine di permettere una ricerca piugrave veloce delle news da modificare

74 Eliminazione delle News 70

DocWeb Release 101

Avvertimento Lrsquoordinamento ha valore solo come ricerca allrsquointerno del backend mentre latofrontend rispecchieragrave i parametri prestabiliti dal sistema

Supponiamo per esempio di voler effettuare un ordinamento per Titolo Seguiamo i seguenti passi(figura sotto)

1 Selezionare la voce di menugrave Lista

2 Selezionare il deposito delle news (repository) News Corso Typo3

3 Cliccare con il mouse in corrispondenza della voce ldquoTitolordquo

A questo punto (figura Ordinamento news (page 71)) le news vengono ordinate in ordine crescente(vengono visualizzate prima le news con titolo che inizia con la lettera a b e cosigrave via)

Figura 716 Ordinamento news

Se clicchiamo unrsquoaltra volta sulla voce ldquoTitolordquo il tipo di ordinamento cambia da crescente a decrescente(compariranno per prima le news con titolo che inizia per z )

Egrave inoltre possibile ordinare secondo campo da noi specificato Per definire il nome di un campo (ad estesto inizio autore ) su cui effettuare lrsquoordinamento occorreragrave spostarsi in fondo alla lista delle newsdove troveremo una lista di campi (figura Mostra campo aggiuntivo news (page 71))

Figura 717 Mostra campo aggiuntivo news

Dalla lista possiamo

bull Selezionare la voce in base alla quale effettuare lrsquoordinamento (ad esempio Immagini)

bull Premere il tasto Imposta campi per aggiungere alla lista dei campi visualizzati quello selezionato

75 Ordinamento delle News e ricerca 71

DocWeb Release 101

A questo punto il campo selezionato (nel nostro esempio il campo Immagini) compare nella lista dellenews (il campo aggiunto egrave evidenziato con un riquadro in alto a destra nella figura Ordinamento campoaggiuntivo news (page 72))

Figura 718 Ordinamento campo aggiuntivo news

Effettuare le stesse operazioni illustrate per il campo Titolo per ordinare in modo crescente e decrescentele news secondo il criterio impostato (click pulsante sinistro sul nome etichetta)

Egrave anche possibile ricercare le news in base al testo contenuto nel titolo sottotitolo descrizione eccUtilizzando la maschera di ricerca in fondo pagina (evidenziata nella figura Ricerca news (page 72))

Figura 719 Ricerca news

Per effettuare una ricerca egrave necessario seguire i seguenti passi

1 Inserire nel campo Cerca Stringa il testo da cercare (nel nostro esempio ldquonequerdquo)

2 Premere il tasto Cerca per eseguire la ricerca secondo i criteri impostati

In questo modo nella lista delle news compariranno solo quelle che contengono il testo specificatoEffettuata la ricerca egrave possibile effettuare degli ordinamenti come spiegato in precedenza

75 Ordinamento delle News e ricerca 72

CAPITOLO 8

Modulo Eventi

Avvertimento SEZIONE NON COMPLETA

Si confrontino i seguenti due tipi di contenuti

Evento egrave un tipo di contenuto adatto a descrivere qualcosa che accadragrave o che egrave accaduto in una certadata La data o le date in cui lrsquoevento ricorre sono strettamente legate ad un luogo in cui lrsquoeventosi verificheragravesi egrave verificato Gli eventi vengono rappresentati mediante la metafora dellrsquoagenda edel calendario

Notizia egrave un tipo di contenuto caratterizzato dalla data di pubblicazione secondo la metafora delgiornale online E come in un giornale online una notizia puograve riferirsi sia a fatti giagrave accaduti chea fatti a venire

Nota Per comprendere meglio la differenza tra i due tipi di contenuto si pensi che dato un eventoche ha una certa data di svolgimento (ad es 20 maggio) di tale evento posso realizzare piugrave di unanotizia Rimanendo nellrsquoesempio potrei pubblicare una notizia il 10 maggio per preannunciare lrsquoeventoe poi unrsquoaltra il 18 maggio per ricordarne lrsquoimminenza Infine potrei pubblicare una notizia di riepilogo(cronaca dellrsquoevento immagini ecc) il 22 maggio

81 Scopo del modulo Eventi

Il visitatore del sito deve poter cogliere le informazioni essenziali di un evento

bull Cosa sta per succedere

bull Dove accadragrave

bull Quando accadragrave

82 Il Backend ndash Modulo Pagina

Vedi figura Eventi vista modulo pagina (page 74)

83 Il Backend ndash Modulo Lista

Vedi figura Eventi vista modulo lista (page 74)

73

DocWeb Release 101

Figura 81 Eventi vista modulo pagina

Figura 82 Eventi vista modulo lista

83 Il Backend ndash Modulo Lista 74

DocWeb Release 101

84 Creazione di un evento

Prima di procedere poniamoci qualche domanda

bull Lrsquoevento appartiene a qualche rassegna iniziativa per la quale sono in programma altri eventiPer esempio

ndash Rassegne teatrali cinematografiche

ndash Festival

bull Lrsquoevento si ripete

ndash La replica avviene sempre nello stesso luogo

841 Creazione del record

Vedi figura Creazione nuovo evento (page 75)

Vedi figura Creazione nuovo record evento (page 76)

Figura 83 Creazione nuovo evento

842 Scheda ldquoGeneralerdquo

Vedi figura Evento scheda generale (page 76)

843 Scheda ldquoFinestra temporalerdquo

Orario repliche

Vedi figura Evento finestra temporale (page 78)

84 Creazione di un evento 75

DocWeb Release 101

Figura 84 Creazione nuovo record evento

Figura 85 Evento scheda generale

84 Creazione di un evento 76

DocWeb Release 101

bull Lrsquoorario va solo per le Finestre temporali di un giorno (data inizio = data fine)

bull Se non si conosce lrsquoora della fine impostare ora inizio = ora fine

844 Scheda ldquoTestordquo

Vedi figura Evento scheda testo (page 79)

84 Creazione di un evento 77

DocWeb Release 101

Figura 86 Evento finestra temporale

84 Creazione di un evento 78

DocWeb Release 101

Figura 87 Evento scheda testo84 Creazione di un evento 79

  • Introduzione
    • Cosegrave DocWeb
    • Concetti chiave
      • Funzionalitagrave di Base
        • Il CMS Typo3 ldquobackendrdquo e ldquofrontendrdquo
        • Cambio password di accesso
        • Albero delle pagine
        • Implementazione delle pagine ldquogenitori rdquo e ldquofiglirdquo
        • Inserimento Nuova pagina
        • Elementi standard della pagina
        • Inserimento contenuti di una pagina
        • Contenuti multipli allrsquointerno di una pagina
        • Modifica dei contenuti della pagina
        • Spostamento di pagine
        • Eliminazione pagine
        • Rich Text Editor
        • Modalitagrave Lista
        • Modalitagrave Mostra
        • Modalitagrave ldquoMonta come radice dellrsquoalberordquo
        • Ottenere il page-id di una pagina
        • Admin Panel
          • La Clipboard
            • Copia o spostamento di un contenuto singolo di pagina allrsquointerno di unrsquoaltra pagina
            • Copia o spostamento di piugrave contenuti da una pagina ad unrsquoaltra
              • Modulo DAM (Digital Asset Management)
                • Caricamento e Aggiornamento di file
                • Ricerca di file allrsquointerno del DAM e modifica delle meta-informazioni
                  • Modulo Pagine di download
                    • Inserimento e configurazione pagine di download
                      • Modulo Sitemap
                        • Scheda di configurazione Mappa
                        • Tipo di mappa
                        • Il ``punto di partenza della mappa
                          • Modulo News
                            • Inserimento e modifica di news
                            • Modalitagrave Relations
                            • News collegata a URL esterna e a pagina interna
                            • Eliminazione delle News
                            • Ordinamento delle News e ricerca
                              • Modulo Eventi
                                • Scopo del modulo Eventi
                                • Il Backend ndash Modulo Pagina
                                • Il Backend ndash Modulo Lista
                                • Creazione di un evento
Page 14: DocWeb€¦ · per la realizzazione e la gestione di siti web della Pubblica Am-ministrazione. La piattaforma tecnologica utilizzata è il CMS (Content Management System) Open SourceTypo31

DocWeb Release 101

Figura 213 Modifica intestazioni pagina

Figura 214 Icone salvataggio

26 Elementi standard della pagina 11

DocWeb Release 101

1 Il documento viene salvato lrsquoambiente si ricarica automaticamente il menugrave centrale si aggiornacon la comparsa della pagina da noi creata nella posizione da noi assegnata

2 Il documento viene salvato lrsquoambiente si ricarica automaticamente il menugrave centrale si aggiornacon la comparsa della pagina da noi creata nella posizione da noi assegnata e si apre una nuovafinestra del browser contenente la preview (anteprima di visualizzazione) della nostra pagina

3 Il documento viene salvato lrsquoambiente si ricarica automaticamente sulla schermata successivail menugrave centrale si aggiorna con la comparsa della pagina da noi creata nella posizione da noiassegnata

4 Il documento viene chiuso e non salvato

5 Elimina la pagina

Nota La quinta icona (ldquoElimina paginardquo) compariragrave solo dopo aver salvato il documento la primavolta Inoltre gli stessi simboli si ritroveranno anche in fase di modifica di pagine giagrave create

Da osservare il simbolo proposto accanto alla nuova pagina da noi creata (figura Pagina nascosta(page 12)) ad indicare la modalitagrave ldquonascostardquo

Figura 215 Pagina nascosta

Lrsquoicona posta a sinistra ricorda una pagina con una ldquoXrdquo rossa in alto a destra e indica che la pagina egravenascosta (punto 1 modifica intestazioni) e non visibile dallrsquoesterno

Le altre voci con simbolo diverso di pagina su sfondo giallo sono on-line e quindi consultabili dal FrontEnd

Pubblicata la pagina nascosta lrsquoicona cambieragrave automaticamente aspetto e la voce di menugrave saragraveconsultabile anche dal Front End

27 Inserimento contenuti di una pagina

Avendo precedentemente creato e salvato una pagina ldquoPagina di Provardquo andiamo ad inserire un contenuto

Ersquo possibile procedere in due modi effettuare un click con il pulsante sinistro del mouse sulla icona o sultitolo ldquoPagina di Provardquo oppure cliccare con il pulsante destro del mouse sullrsquoicona posta a sinistra deltitolo pagina e scegliere ldquomodificardquo

In entrambe i casi il sistema aggiorna la terza area (vedi figura Backend tripartito (page 8)) doveandremo a lavorare

Per creare un contenuto nella posizione di default (Normale) clicchiamo sullrsquoicona cerchiata di rosso (vedifigura Crea contenuto normale (page 13)) nel box ldquonormalerdquo

In alternativa si puograve scegliere di usare la voce in basso a sinistra ldquoCrea nuovo recordrdquo e successivamentescegliere di creare un nuovo contenuto pagina con il ldquowizardrdquo

27 Inserimento contenuti di una pagina 12

DocWeb Release 101

Figura 216 Crea contenuto normale

Per entrambe le opzioni si apriragrave una schermata come nella figura Seleziona contenuto paragrafo(page 14))

Scegliamo di inserire un paragrafo di testo semplice Notiamo come il sistema ci consente di scegliereforme alternative di contenuti (es immagini sotto il testo a sinistra solo immagini ecc) Approfondire-mo in seguito le modalitagrave per creare contenuti piugrave articolati e contenuti multipli e selezioniamo la voceldquoparagrafo di testordquo

271 Paragrafo di testo

Allrsquointerno di un paragrafo di testo potremo inserire un contenuto e tutte le opzioni ad esso legato (figuraModifica contenuto testo (page 15))

Si noti come lrsquoarea egrave divisa in 4 blocchi orizzontali Tipo Intestazione Testo Opzioni generali Inbasso e in alto troviamo anche la serie di icone per il salvataggio del documento di cui abbiamo giagraveprecedentemente parlato

Area Tipo

Nel menugrave a tendina dellrsquoarea tipo egrave possibile modificare il tipo di contenuto che vogliamo inserire Laschermata ci dice che siamo su ldquotestordquo ma volendo potremmo anche cambiare con le altre forme dicontenuto a nostra disposizione

Area Intestazione

Rappresenta il titolo della pagina Viene inserito allrsquoinizio della pagina ed ha una rilevanza graficamaggiore rispetto al resto del contenuto

Un buon titolo egrave breve ma incisivo rispecchia in poche parole il contenuto della pagina riassumelrsquoargomento trattato

27 Inserimento contenuti di una pagina 13

DocWeb Release 101

Figura 217 Seleziona contenuto paragrafo

27 Inserimento contenuti di una pagina 14

DocWeb Release 101

Figura 218 Modifica contenuto testo

27 Inserimento contenuti di una pagina 15

DocWeb Release 101

Ersquo inoltre possibile anche se sconsigliabile associare un link allrsquointestazione cambiare la sua posizioneinserire una data

Testo

Rappresenta con il suo grande quadrilatero bianco lrsquoarea allrsquointerno della quale andremo ad inserire ilnostro testo

Digitando un semplice testo in visualizzazione questo assumeragrave colore dimensione e carattere inconformitagrave allo stile preimpostato per le pagine del sito

Per la formattazione del testo saragrave possibile usare lo strumento RTE (di seguito descritto)

Opzioni generali (parametri di visibilitagrave)

Apparizione programmata

Cliccando accanto al quadrato della voce ldquoInizio rdquo e ldquoFinerdquo si attiveragrave un modulo data che ci consentiragravedi impostare le date di Inizio pubblicazione e di Fine pubblicazione (depubblicazione) di una pagina

Potremo quindi stabilire quando una pagina dovragrave essere pubblicata eo quando dovragrave cessare di esserevisibile on-line La programmazione dellrsquoinizio di pubblicazione non implica che ci sia necessariamenteuna fine e vice versa

Ciograve significa che potremo quindi decidere di pubblicare una pagina in una certa data e che la pubblicazioneduri nel tempo (almeno fino a quando non decideremo di togliere la visualizzazione on-line manualmente)

Pagine nascoste

Ersquo possibile nascondere il contenuto delle pagine cliccando il quadrato a sinistra della voce ldquoNascondirdquoScegliendo questa opzione la pagina continueragrave ad esistere ma non saragrave visibile il suo contenuto

Lrsquoopzione si rileva particolarmente utile in caso di pagina strutturata su contenuti multipli

28 Contenuti multipli allrsquointerno di una pagina

Avendo creato una pagina potremo in ogni momento svilupparla ulteriormente aggiungendo ulterioricontenuti

Clicchiamo sul menugrave di sinistra sulla voce ldquoPaginardquo in modo da caricare il menugrave centrale contenentelrsquoalberatura del sito

Clicchiamo sul titolo della pagina da modificare con il pulsante sinistro oppure con il destro e scegliamoldquomodificardquo

A destra si apriragrave il nostro ambiente di lavoro come nella figua Modifica contenuto normale (page 17)

Vedremo in pratica la stessa schermata proposta per la creazione di una nuova pagina con lrsquoaggiunta dialcune icone come indicato in figura

1 Modifica

2 Nuovo record

3 Cerca Stringa

Cliccando su Modifica comrsquoegrave intuibile saremo riportati nella pagine dellrsquoeditor dove potremo modificareil nostro testo link immagini ecc

Cliccando su nuovo record invece avremmo la possibilitagrave di aggiungere un nuovo contenuto alla paginae nella posizione che sceglieremo

28 Contenuti multipli allrsquointerno di una pagina 16

DocWeb Release 101

Figura 219 Modifica contenuto normale

28 Contenuti multipli allrsquointerno di una pagina 17

DocWeb Release 101

Il contenuto non avragrave vincoli con i record precedenti pur apparendo nella stessa pagina del frontend Ciogravegarantisce una vantaggiosa gestione delle pagine che suddivise in ldquosezionirdquo potranno essere di volta involta pubblicate cancellate modificate a blocchi di contenuto senza toccare lrsquointera pagina

Si potragrave suddividere la stessa pagina in diverse aree (record) ossia ldquocontenuti multiplirdquo via via aggiornabilianche da altri utenti di redazione

Ersquo inoltre possibile effettuare una ricerca su di un contenuto di tipo testuale allrsquointerno delle pagine edei record utilizzando il campo ldquoCerca Stringardquo La ricerca puograve essere effettuata allrsquointerno della paginae dei suoi record ed estesa anche ai livelli inferiori

29 Modifica dei contenuti della pagina

Creata una pagina potremo modificarla ogni volta che saragrave necessario

Per modificare una pagina saragrave sufficiente selezionarla dal menugrave portandosi con il cursore del mouse aldi sopra del titolo e cliccando con il pulsante destro su di essa (figura Modifica pagina (page 18))

Una pagina da modificare potragrave anche essere raggiunta tramite la ricerca dellrsquoID (vedi capitolo 3 Alberodelle pagine)

Scegliere la voce ldquomodificardquo dal menugrave a tendina che si apriragrave dopo il click

Figura 220 Modifica pagina

A destra nellrsquoarea principale si apriragrave la schermata riportante il contenuto della pagina selezionata

Potremo scegliere lrsquoelemento da modificare cliccando sullrsquoicona matita

Nota Ricordarsi sempre di salvare per rendere effettive le modifiche e di ricontrollare la visualizzazionedella pagina modificata

Per modificare lrsquointestazione di una pagina egrave sufficiente selezionare la voce ldquoModifica intestazionirdquo dalmenugrave portandosi con il cursore del mouse al di sopra del titolo e cliccando con il pulsante destro su diesso (figura Menu modifica intestazioni pagina (page 19))

210 Spostamento di pagine

Oltre le modifiche stilistiche testuali e di contenuto di una pagina possiamo modificarne la posizione

29 Modifica dei contenuti della pagina 18

DocWeb Release 101

Figura 221 Menu modifica intestazioni pagina

Per spostare la posizione di una pagina allrsquointerno di un menugrave selezioniamola dal menugrave principale conclick sinistro del mouse

Nella schermata di destra scegliamo lrsquoicona

Si apriragrave un menugrave che ci mostreragrave lrsquoalberatura del nostro sito (esattamente come per lrsquoinserimento diuna nuova pagina) composto da pagine principali (genitori) e pagine ad esse collegate (figli)

A questo punto dovremo solo scegliere dove spostare la pagina muovendoci sulle frecce grigie sottostantie sovrastanti le varie voci di menugrave

Avvertimento Spostando una pagina genitore anche i figli vengono spostati con esso

211 Eliminazione pagine

Per eliminare le pagine egrave sufficiente selezionare la pagina in questione dal menugrave principale cliccando conil pulsante destro del mouse su di essa e scegliere la voce del menugrave a tendina che si apriragrave ldquoCancellardquo

Avvertimento Non egrave possibile cancellare una pagina genitore Ossia non egrave possibile cancellareuna pagina che al suo interno contiene altre pagine prima che questrsquoultime trovino una collocazionealternativa

212 Rich Text Editor

Quando si inserisce un contenuto nellrsquoarea di testo (inserito digitando direttamente allrsquointerno dellrsquoap-posita area o copiato e incollato da fonte esterna con la dovuta cautela) egrave possibile personalizzarlo eformattarlo utilizzando le funzionalitagrave previste dal Rich Text Editor (RTE)

Nota Un testo copiatoincollato da altri programmi va ldquoripulitordquo prima di essere pubblicato poicheacuteil modulo che utilizzeremo tende a mantenere la formattazione originaria del carattere delle immaginidei colori falsando la linea grafica omogenea e standard del nostro portale

In ogni modo quando si salva un documento il cui testo conteneva una formattazione proveniente ad es-empio da un documento di tipo word questo viene automaticamente ldquoripulito nel codicerdquo ed egrave opportunocontrollare la visualizzazione

211 Eliminazione pagine 19

DocWeb Release 101

Proviamo ad inserire ad esempio una semplice frase allrsquointerno del box testo (figura Box testo RTE(page 20))

Figura 222 Box testo RTE

La frase viene digitata direttamente nellrsquoarea testo mantenendo un tipo di formattazione ldquonormalerdquo

2121 Testo grassetto corsivo sottolineato (bold italic underline)

Proviamo a selezionare la frase ldquoProvincia di Pesaro e Urbinordquo tenendo premuto il pulsante sinistro delmouse trascinando il cursore dalla P di Provincia alla o di Urbino

In alternativa portare il cursore alla P di Provincia tenere tasto maiuscolo premuto e muoversi con lefrecce per selezionare il testo

Lrsquoesempio egrave utile per capire che per effettuare una determinata azione di tipo stilistico su una frase oparola egrave necessario che la frase o la parola siano preventivamente selezionate

Figura 223 Comandi box testo RTE

212 Rich Text Editor 20

DocWeb Release 101

Se il testo egrave stato selezionato correttamente vedremo la parola ldquoProvincia di Pesaro e Urbinordquo evidenziatadi blu scuro

Click sinistro sul simboloicona ldquoBrdquo (figura Comandi box testo RTE (page 20)) per creare un effettoldquograssettordquo al testo

Click sinistro sul simboloicona ldquoIrdquo per il corsivo-italico

Click sinistro sul simboloicona ldquoU ldquo per il sottolineato

Nota Il Grassetto dona alle parole un sapore piugrave incisivo e si utilizza per enfatizzare termini importantie di rilievo

LrsquoItalico viene usato comunemente per indicare le date gli indirizzi le citazioni

Il Sottolineato su web viene comunemente usato nelle parole ldquolinkaterdquo (ossia che rimandano ad altrepagine web) per cui se ne sconsiglia lrsquouso in un testo semplice per evitare confusione

2122 Elenco Puntato e Numerato

Portiamoci con il cursore allrsquointerno della box di testo

Selezioniamo lrsquoicona Lista non numerata (Elenco puntato semplice)

Vedremo comparire un simbolo tontoromboidale e potremo dare vita ad una lista

bull Voce 1

bull Voce 2

bull Voce 3 ecc

Allo stesso modo potremo creare una lista numerata avvalendoci dellrsquoicona ldquoLista numeratardquo

Lrsquoelenco viene numerato

1 Voce 1

2 Voce 2

3 Voce 3 ecc

2123 Pulsanti di Annulla e Ripristina

Compiuta una determinata azione egrave possibile tornare indietro o ripristinarla tramite i pulsanti ldquoAnnullalrsquoultima azionerdquo e ldquoRifai lrsquoultima azionerdquo

Piugrave volte si clicca sui pulsanti piugrave volte lrsquoazione viene ripetuta indietro ed avanti nel tempo

2124 Copia Taglia Incolla

Selezionando un testo potremo tagliarlo copiarlo e incollarlo

Copia selezionare il testo utilizzare lrsquoicona ldquocopia selezionerdquo per copiare

Taglia il testo viene eliminato ma resta in memoria per essere eventualmente incollato altrove odefinitivamente cancellato Ersquo possibile tenere in memoria solo lrsquoultimo testo o parola tagliato

Incolla Un testo precedentemente copiato o tagliato puograve essere incollato nuovamente o su diversoambiente

212 Rich Text Editor 21

DocWeb Release 101

2125 Rimuovi Formattazione

Ersquo possibile che il testo importato e incollato nellrsquoarea testo da altra fonte (es documento word) sildquosporchirdquo e ne acquisisca le caratteristiche stilistiche in maniera non corretta

Ersquo necessario pulire il testo selezionandolo e cliccando su ldquorimuovi formattazionerdquo

Si apriragrave un pop-up (nuova finestra) che ci proporragrave diversi elementi da pulire selezioniamo ciograve che ciinteressa e clicchiamo su OK

2126 Inserisci Caratteri Speciali

Alcune volte puograve essere necessario inserire dei caratteri o simboli non presenti sulla tastiera o nonconvenzionali per i quali esiste una mappa di caratteri speciali

Il sistema propone diversi tipi di caratteri speciali tra i piugrave comuni e frequentemente usati per adoperarliegrave sufficiente cliccare sullrsquoapposita icona ldquoInserisci Caratteri Specialirdquo

Una finestra ci mostreragrave una vasta gamma di simboli tra i quali potremo scegliere quello che ci interessa

2127 Inserisci Tabella

Per agevolare lrsquoinserimento di dati numerici in forma ldquoTabellarerdquo si puograve ricorrere allrsquoinserimento di unatabella contraddistinta dallrsquoapposito simbolo

La tabella puograve essere immaginata come una quaderno a ldquoquadrettirdquo dove ogni ldquoscacchettordquo corrispondead una cella

Scegliendo di inserire una tabella si apriragrave una finestra pop-up dove andremo ad inserire parametridi spaziatura fra celle numero di righe e colonne che compongono la tabella spessore del bordoallineamento rispetto alla pagina ecc

2128 Link

Ogni sito egrave composto da pagine consultabili e collegate tra loro tramite link

I link sono i collegamenti presenti sulle voci di menugrave parole immagini ecc

Ersquo possibile collegare pagine appartenenti ad uno stesso sito un indirizzo web di un sito esterno ounrsquoe-mail un file da scaricare un immagine ecc

Nota Immettendo nel testo un indirizzo web o e-mail completo il programma egrave in grado di capireautomaticamente che si tratta di un link e collegare gli elementi automaticamente

Volendo invece collegare elementi non scritti in forma completa si dovragrave procedere come segue

Selezioniamo la parola o frase che vogliamo collegare (come precedentemente visto) e clicchiamo sullrsquoiconaldquoInserisci Linkrdquo

Si apriragrave un pop-up come indicato nella prossima figura

Link ad una pagina interna al sito

La finestra ci propone lrsquoalberatura del nostro sito con le pagine in esso presenti (La voce attiva egraveldquopaginardquo di colore giallomarrone rispetto alle altre voci del pop-up)

Selezionando (figura Link interno (page 23)) la pagina che vorremo collegare il pop-up si chiuderagrave e laparola che avevamo selezionato precedentemente per il link cambieragrave aspetto

La vedremo blu e sottolineata il che indica che il link egrave attivato

212 Rich Text Editor 22

DocWeb Release 101

Figura 224 Link interno

Ersquo anche possibile creare dei link che aprono la pagina collegata allrsquointerno di una ldquofinestra di pop-uprdquocioegrave dentro una nuova finestra del browser Specificando le dimensioni di altezza e larghezza della nuovafinestra allrsquointerno degli appositi campi

Link ad una pagina esterna al sito

Selezioniamo una parola o frase che vogliamo collegare (come precedentemente visto) e clicchiamosullrsquoicona ldquoInserisci Linkrdquo

Scegliamo nel menugrave in alto proposto dal pop-up il bottone ldquoURL esternordquo (figura Link esterno (page 23))

Figura 225 Link esterno

Impostiamo nel campo URL lrsquoindirizzo web che vogliamo linkare prestando attenzione a scriverlo peresteso e senza cancellare http

Clicchiamo su ldquoImposta Linkrdquo

Il pop-up si chiuderagrave e la parola che avevamo selezionato precedentemente per il link cambieragrave aspetto

212 Rich Text Editor 23

DocWeb Release 101

La vedremo blu e sottolineata il che indica che il link egrave attivato

2129 Link ad unrsquoEmail

Come precedentemente visto scrivendo un indirizzo e-mail valido il programma di gestione egrave in grado dicapire che si tratta di un indirizzo di posta elettronica e il link viene impostato automaticamente

Tuttavia ci sono dei casi in cui non egrave possibile o si preferisce non indicare lrsquoindirizzo e-mail per estesoad esempio potremmo avere ldquoPer informazioni scrivicirdquo

Volendo potremmo fare in modo che sulla parola ldquoscrivicirdquo ci sia impostata la funzione di invio e-mail

Selezioniamo quindi la parola andiamo su ldquoInserisci Linkrdquo scegliendo poi ldquoEmailrdquo

Inseriamo lrsquoindirizzo E-mail nellrsquoapposito campo e clicchiamo su ldquoimposta Linkrdquo

21210 Link ad un file scaricabile

Per collegare un file (espdf txt gif ecc) egrave necessario copiarlo dal proprio PC al server web

Non egrave infatti possibile che una pagina pubblicata su internet prenda come link dei files che di fatto sonosalvati in una directory del nostro computer

Typo3 mette a disposizione un area dovrsquoegrave possibile pubblicare i files per poi essere resi disponibili ai linkossia rende disponibile lrsquo ldquoUploadrdquo dei files da pc a server

Scegliere dal menugrave di sinistra sotto la sezione ldquoMediardquo la voce ldquoFilerdquo (figura Seleziona file (page 24))

Figura 226 Seleziona file

Si apriragrave sulla destra una nuova area dove troveremo i campi utili a ldquosfogliarerdquo il contenuto del nostropc al fine di passare i file o i files dal nostro computer al manager

Effettuato il passaggio potremo ritornare alla nostra pagina e riprendere la procedura di ldquocreazione linkrdquoselezionando questa volta la voce ldquoFilerdquo del pop-up

I campi proposti sono del tutto simili a quelli di creazione di link su pagine del sito e un elenco di files(tutti quelli disponibili caricati) potranno essere collegati

213 Modalitagrave Lista

Selezionando la voce ldquolistardquo (figura Backend modalitagrave lista (page 25)) dal menugrave di sinistra egrave possibileesplorare una pagina ldquopadrerdquo e tutte le pagine ldquofiglirdquo ed essa associate

Avvertimento Ricordarsi di attivare la voce in basso ldquoVista Estesardquo

213 Modalitagrave Lista 24

DocWeb Release 101

Figura 227 Backend modalitagrave lista

Utilizzando le icone poste alla destra di ogni voce si possono compiere diverse operazioni di modificavisualizzazione spostamento copia e incolla pagina ecc come precedentemente descritto

Dunque potremo dire che la modalitagrave lista costituisce una scorciatoia per semplificare ogni sorta dioperazione soprattutto in presenza di un numero considerevole di files

214 Modalitagrave Mostra

Figura 228 Backend modalitagrave mostra

Selezionando la voce ldquoMostrardquo (figura Backend modalitagrave mostra (page 25)) dal menugrave di sinistra egrave possibilenavigare il sito allrsquointerno del docweb direttamente nel backend

214 Modalitagrave Mostra 25

DocWeb Release 101

Inoltre accanto ai vari record troveremo posta lrsquoicona matita per eseguire eventuali modifichedirettamente sul punto e la pagina prescelti

Anche la modalitagrave ldquoMostrardquo come la rdquoListardquo (cap 13) costituisce una scorciatoia particolarmente indicataper semplificare lrsquooperazione di visualizzazione del sito e di modifica

215 Modalitagrave ldquoMonta come radice dellrsquoalberordquo

Quando esistono diverse e numerose pagine egrave possibile gestire solo la porzione di contenuto che ci interessariducendo lrsquoalberatura del sito (lato backend) ai minimi termini mediante il comando ldquomonta come radicedellrsquoalberordquo

Per effettuare il comando procedere come segue

Cliccare con il pulsante destro del mouse sul titolo pagina dal menugrave centrale

Selezionare la voce ldquoaltre opzionirdquo dal menugrave a tendina (figuraMenu altre opzioni (page 26)) che compariragravecome conseguenza dellrsquoazione descritta al punto uno

Figura 229 Menu altre opzioni

Selezionare dallrsquoulteriore menugrave che si apriragrave (figura Seleziona monta come radice (page 26)) la voceldquoMonta come radice dellrsquoalberordquo

Figura 230 Seleziona monta come radice

Lrsquoalberatura si ridurragrave automaticamente mostrando solo la porzione selezionata

Per ripristinare lo stato di partenza selezionare la voce in alto nel menugrave centrale (figura Elimina DBmount (page 26)) ldquoElimina DB mount temporaneordquo

Figura 231 Elimina DB mount

Il menugrave si espanderagrave nuovamente mostrando tutte le voci esistenti

215 Modalitagrave ldquoMonta come radice dellrsquoalberordquo 26

DocWeb Release 101

216 Ottenere il page-id di una pagina

2161 Frontend (FE)

Da frontend si puograve ottenere il page-id della pagina corrente nei seguenti modi

1 dalla barra degli indirizzi del proprio browser (figura Id dallrsquourl (page 27)) Il numero della paginaegrave quello dopo la stringa ldquoid=rdquo Nella figura egrave cerchiata in verde la stringa ldquoid=rdquo e il numero dellapagina (page-id)

Figura 232 Id dallrsquourl

2 Puntando il mouse sulla scritta [id] a pieacute pagina e leggendo il tooltip (figura Id dal tooltip (page 27))

Figura 233 Id dal tooltip

3 Solo per browser Firefox dal menugrave di contesto scegliere la voce ldquoVisualizza info paginardquo si apreuna finestra consultare quindi la lista Meta sotto la scheda Generale (Id dagli attributi (page 28))

2162 Backend (BE)

Da backend egrave possibile ottenere il page-id nei seguenti modi

1 leggendo il tooltip puntando il mouse sullrsquoicona della pagina nel riquadro della struttura del sito(figura Id dal tooltip nel backend (page 28))

2 dal modulo di modifica delle intestazioni della pagina (figura Id dalle intestazioni pagina nel backend(page 28)) Il numero egrave tra le parentesi quadre dopo il titolo della pagina

217 Admin Panel

Quando si inseriscono contenuti con Typo3 (backend) egrave possibile visualizzare unrsquoanteprima della paginache si sta creando per vedere i risultati del lavoro svolto

Per visualizzare unrsquoanteprima di una pagina occorre (figura Menu mostra (page 29))

1 posizionarsi sulla pagina da visualizzare

2 premere il tasto sinistro del mouse in corrispondenza del nome

216 Ottenere il page-id di una pagina 27

DocWeb Release 101

Figura 234 Id dagli attributi

Figura 235 Id dal tooltip nel backend

Figura 236 Id dalle intestazioni pagina nel backend

217 Admin Panel 28

DocWeb Release 101

Figura 237 Menu mostra

3 selezionare la voce Mostra

In base alla pagina scelta si avragrave un risultato come quello visualizzato nella figura Anteprima pagina conAdmin panel (page 29)

Figura 238 Anteprima pagina con Admin panel

La pagina presenteragrave nella parte superiore lrsquoanteprima della pagina Nella parte inferiore vienevisualizzato uno strumento denominato Admin Panel

Questo oggetto offre lato front-end alcune funzionalitagrave (figura Moduli Admin panel (page 30)) cheaiutano i gestori di contenuti nella creazionemodifica delle pagine web del sito

NellrsquoAdmin panel (figura sopra) egrave possibile distinguere

217 Admin Panel 29

DocWeb Release 101

Figura 239 Moduli Admin panel

1 Modulo Preview ndash offre la possibilitagrave di selezionare alcune opzioni sulla pagina per simulare alcunesituazioni in cui la pagina si puograve trovare durante la visualizzazione

2 Modulo Cache ndash offre la possibilitagrave di gestire la cache

Allrsquointerno del modulo Preview abbiamo le seguenti voci

Mostra pagine nascoste selezionando la casella di controllo corrispondente a questa voce si visual-izzeranno anche quelle che attualmente non sono visibili allrsquointerno del sito o perchegrave in lavorazioneo perchegrave ancora non egrave stata data lrsquoautorizzazione alla pubblicazione

Mostra record nascosti come per le pagine questa voce offre la possibilitagrave di poter visualizzare allrsquoin-terno della pagina quei contenuti nascosti che non sono ancora ultimati o che sono in attesa di unautorizzazione per la pubblicazione

Simula data con questo controllo egrave possibile simulare il comportamento della pagina in periodi tem-porali diversi Utilizzando la casella di testo egrave possibile inserire delle date In questo modo sirende possibile la visualizzazione di quegli elementi (ad es pagine news ) che sono abilitati acomparirescomparire in base a determinati criteri temporali impostati

Simula gruppo di utenti con questo controllo egrave possibile simulare il comportamento delle pagine inbase ad un determinato gruppo di utenti che vi accede Alcune pagine possono infatti avere uncomportamento diverso in base al tipo di utente che vi accede

Nota Durante la creazione di pagine egrave possibile restringere la visione di una determinata pagina aparticolari tipi di utenti (utenti di frontend) Questa caratteristica offre la possibilitagrave di definire delle areead accesso riservato del sito ossia sezioni del sito a cui egrave possibile accedere solo dopo essersi autenticatie dopo avere avuto i necessari diritti di accesso

Una volta selezionate le opportune scelte allrsquointerno dellrsquoADMIN Panel occorreragrave premere il tasto Aggior-na (figura Aggiorna Admin panel (page 31)) per prendere visione della pagina secondo i criteri impostati

Nota Nel caso in cui lrsquoutente abbia la possibilitagrave di accedere da back-end a piugrave siti (ciascuno con unproprio dominio) bisogna tenere presente che lrsquoADMIN Panel compare soltanto per le pagine relativeal dominio con cui lrsquoutente ha fatto il login In altre parole se un operatore ad esempio egrave abilitatoa lavorare sulle pagine di backend dei siti httpwwwsitoesempio1it e httpwwwsitoesempio2it ese lrsquooperatore accede al backend di DocWeb con lrsquoindirizzo httpwwwsitoesempio1ittypo3 allora

217 Admin Panel 30

DocWeb Release 101

Figura 240 Aggiorna Admin panel

lrsquoADMIN Panel compariragrave solo sulle pagine di frontend del dominio wwwsitoesempio1it e non su quelledel dominio wwwsitoesempio2it

217 Admin Panel 31

CAPITOLO 3

La Clipboard

Lrsquooggetto clipboard (rdquoblocco degli appuntirdquo) egrave molto utile quando si ha la necessitagrave di copiare o spostareuno o piugrave elementi di contenuto o una o piugrave pagine da una sezione del sito (contenitore di pagine) adunrsquoaltra

31 Copia o spostamento di un contenuto singolo di pagina allrsquointernodi unrsquoaltra pagina

Per prima cosa egrave necessario (figura Identifica contenuto (page 32))

Figura 31 Identifica contenuto

1 selezionare la voce Lista

2 selezionare la pagina che contiene il contenuto che si intende copiare (nella figura abbiamo sceltola pagina denominata ldquoCorso di formazione su Typo3rdquo

32

DocWeb Release 101

3 identificare dalla lista dei contenuti associati alla pagina quello da spostare

Supponiamo che si desideri copiare il contenuto denominato ldquoTesto 2rdquo (figura Copia contenuto (page 33))

Figura 32 Copia contenuto

Egrave sufficiente cliccare sullrsquoicona (nella figura sopra evidenziata con un cerchio rosso) di copia incorrispondenza del contenuto da copiare

Dopo avere eseguito questa operazione nella figura Risultato copia contenuto (page 34) possiamo notare

1 Egrave comparsa unrsquoicona nuova che mette in evidenza che nella clipboard egrave presente un elemento

2 Lrsquoicona di copia in corrispondenza del contenuto da spostare ha cambiato aspetto

A questo punto lrsquooggetto che si intende copiare egrave presente nella nostra clipboard

Il passo successivo egrave quello di selezionare la pagina in cui andare a posizionare lrsquoelemento (paginadestinazione)

Rimanendo sempre allrsquointerno del modulo Lista occorreragrave selezionare dallrsquoalberatura delle pagine la pag-ina destinazione Il procedimento da seguire per posizionarsi sulla pagina egrave lo stesso descritto in prece-denza Nella figura Incolla contenuto (page 34) viene evidenziato il contenuto di una pagina (denominataldquoPagina di Provardquo) in cui vogliamo copiare il contenuto

Per copiare il contenuto della clipboard nella pagina selezionare lrsquoicona Incolla contenuto Clipboard

Confermando lrsquooperazione il contenuto saragrave copiato allrsquointerno della pagina selezionata

Per effettuare lo spostamento di un contenuto di pagina allrsquointerno di unrsquoaltra pagina cliccare sullrsquoicona

di Taglia al posto dellrsquoicona copia e ripetere le operazioni sopra descritte

1 Selezionando la casella Mostra clipboard (figura Vista clipboard (page 35)) egrave possibile visualiz-zare lrsquooggetto clipboard Nel caso in figura lrsquoelemento copiato in precedenza (Testo 2) egrave ancoradisponibile allrsquointerno della clipboard Utilizzando il procedimento descritto infatti il contenuto

31 Copia o spostamento di un contenuto singolo di pagina allrsquointerno di unrsquoaltra pagina 33

DocWeb Release 101

Figura 33 Risultato copia contenuto

Figura 34 Incolla contenuto

31 Copia o spostamento di un contenuto singolo di pagina allrsquointerno di unrsquoaltra pagina 34

DocWeb Release 101

selezionato rimane ancora a disposizione dellrsquoutente che potragrave selezionare altre pagine destinazionesu cui eventualmente andare a copiare il contenuto Nel caso in cui si selezioni un altro elementoad esempio ldquoTesto 1rdquo lrsquoelemento presente viene automaticamente sostituito

2 Dallrsquooggetto clipboard egrave possibile rimuovere un elemento premendo il bottone di Elimina postoaccanto ad esso

Figura 35 Vista clipboard

Con il procedimento descritto fino ad ora egrave possibile scegliere soltanto un contenuto alla volta

32 Copia o spostamento di piugrave contenuti da una pagina ad unrsquoaltra

Nel caso in cui ci si trovi nella necessitagrave di copiare piugrave di un contenuto da una pagina allrsquoaltra egrave necessarioseguire i passi seguenti

1 Selezionare il modulo Lista

2 Selezionare la pagina di origine da cui prelevare i contenuti

3 Selezionare la casella Mostra clipboard

4 Selezionare una clipboard tra quelle denominate ldquoClipboard 1rdquo ldquoClipboard 2rdquo ldquoClipboard 3rdquo(punto 3 figura Vista clipboard con contenuto selezionato (page 36))

Selezionando ad esempio la clipboard contrassegnata come ldquoclipboard 1rdquo si avragrave la seguente situazione

32 Copia o spostamento di piugrave contenuti da una pagina ad unrsquoaltra 35

DocWeb Release 101

Figura 36 Vista clipboard con contenuto selezionato

32 Copia o spostamento di piugrave contenuti da una pagina ad unrsquoaltra 36

DocWeb Release 101

1 In corrispondenza di ogni contenuto si evidenzia una Casella di selezione Sopra la colonna con lecaselle di selezione egrave comparsa una lista di bottoni tra cui al momento distinguiamo

2 Bottone di copia elementi nella clipboard

3 Bottone di selezione tuttinessuno

Scegliendo ad esempio i primi due elementi e premendo il pulsante di copia elementi nella clipboard sipuograve notare che (figura Copia nella clipboard (page 37))

Figura 37 Copia nella clipboard

1 La clipboard che abbiamo scelto per la selezione multipla (ldquoClipboard 1rdquo) contiene la lista deglioggetti che abbiamo scelto di copiare

2 Ersquo comparsa lrsquoicona di Incolla contenuto Clipboard

La procedura della selezione della pagina di destinazione rimane identica a quella giagrave utilizzata per lacopia di un contenuto singolo (selezionare la pagina di destinazione su cui andare a posizionare i contenutiselezionati)

Egrave importante fare notare che seguendo le operazioni descritte sopra si ottiene come risultato lospostamento dei contenuti dalla pagina origine a quella destinazione

Se si desidera copiare gli elementi selezionati egrave necessario una volta selezionati gli elementi da copiarepremere il tasto copia gli items invece di spostarli (evidenziato con un cerchio rosso nella figura Tagliadalla clipboard (page 38))

32 Copia o spostamento di piugrave contenuti da una pagina ad unrsquoaltra 37

DocWeb Release 101

Figura 38 Taglia dalla clipboard

32 Copia o spostamento di piugrave contenuti da una pagina ad unrsquoaltra 38

DocWeb Release 101

In questo modo dopo avere confermato lrsquooperazione i contenuti o le pagine da copiare saranno presentisia nella pagina origine che in quella destinazione

32 Copia o spostamento di piugrave contenuti da una pagina ad unrsquoaltra 39

CAPITOLO 4

Modulo DAM (Digital AssetManagement)

Il modulo DAM (Digital Asset Management) offre la possibilitagrave di raccogliere e catalogare contenuti informato digitale come immagini documenti presentazioni

Ogni file inserito puograve essere corredato di informazioni aggiuntive (meta-informazioni) come la descrizionelrsquoautore parole chiave ecc

Attraverso il modulo DAM egrave possibile svolgere le seguenti operazioni

bull Caricamento e Aggiornamento di file

bull Ricerca di file allrsquointerno del DAM e modifica delle meta-informazioni associate ai file

41 Caricamento e Aggiornamento di file

Lrsquooperazione di CaricamentoAggiornamento di file serve per sottoporre al sistema DAM un particolarecontenuto memorizzato in formato digitale

Lrsquoelemento caricato saragrave poi disponibile a chi inserisce contenuti

Per iniziare lrsquooperazione di caricamento di un file egrave sufficiente selezionare la voce File che si trovaallrsquointerno del modulo Media (figura Menu file (page 41))

La maschera che si apre (figura File upload (page 41)) offre le seguenti possibilitagrave

1 Selezione della posizione dove andare a caricareaggiornare il file

2 Specificare alcuni documenti da caricare (area File)

Concentrandoci sullrsquoarea File (figura Dettaglio file upload (page 42)) distinguiamo

1 Voce Show upload location browser (punto 1 figura sopra) egrave possibile visualizzare i file attualmentecaricati nel Mount Point selezionato

2 Lista di bottoni denominati Sfoglia da utilizzare nel caso in cui si desideri caricareaggiornareun file

Se si desidera caricare un file occorre cliccare sul bottone Sfoglia

La finestra che appare (figura Sfoglia file (page 42)) permette di selezionare dal proprio PC il file dacaricare

Per selezionare un file da caricare occorre

1 Esplorare le cartelle del proprio PC per trovare il file

40

DocWeb Release 101

Figura 41 Menu file

Figura 42 File upload

41 Caricamento e Aggiornamento di file 41

DocWeb Release 101

Figura 43 Dettaglio file upload

Figura 44 Sfoglia file

41 Caricamento e Aggiornamento di file 42

DocWeb Release 101

2 Inserire il nome del file nella casella di testo Nome file

3 Premere il tasto Apri

Una volta che si egrave selezionato un file egrave possibile

1 selezionare altri file da caricare seguendo gli stessi passi descritti in precedenza

2 effettuare lrsquooperazione di caricamento del file vero e proprio

Dallrsquoesempio abbiamo scelto di caricare un solo file

Il caricamento dei file viene eseguito premendo il bottone ldquoUpload filesrdquo che si trova in fondo alla listadei file selezionati (figura File selezionato (page 43))

Figura 45 File selezionato

Se tutto egrave stato eseguito correttamente appariragrave una finestra come quella nella figura Process files(page 44)

In questa maschera egrave possibile

1 Specificare le meta-informazioni per il singolo file come ad esempio il titolo parole chiavedescrizione

2 Avviare il processo di elaborazione multipla premendo il bottone Process selected files Con questoprocesso egrave possibile inserire o modificare le meta-informazioni per tutti i file della lista (in questocaso solo uno)

Se si vuole eseguire lrsquoinserimento delle meta-informazioni per singolo file la finestra che si apre egrave similea quella presentata in figura Elaborazione metainformazioni singolo file (page 44)

Nel caso si scelga di eseguire il processo di elaborazione multipla la maschera che compare (figuraElaborazione metainformazioni file multipli (page 45)) permette di selezionare le meta-informazioni chelrsquoutente intende inserire contemporaneamente per tutti i file della selezione

41 Caricamento e Aggiornamento di file 43

DocWeb Release 101

Figura 46 Process files

Figura 47 Elaborazione metainformazioni singolo file

41 Caricamento e Aggiornamento di file 44

DocWeb Release 101

Figura 48 Elaborazione metainformazioni file multipli

41 Caricamento e Aggiornamento di file 45

DocWeb Release 101

Se si seleziona la checkbox accanto alla voce che eventualmente saragrave inserita questa viene aggiuntaalle informazioni eventualmente giagrave presenti (modalitagrave append) Nellrsquoaltro caso le informazioni sarannosovrascritte

I campi Titolo e Descrizione sono obbligatori mentre il campo Parole chiavi puograve essere valorizzato adiscrezione dellrsquoutente Informazioni su come valorizzare i campi elencati sopra saranno descritte suapposite linee guida

Per completare lrsquoinserimentoaggiornamento delle meta-informazioni riguardanti il file caricato occorrepremere il tasto Send (figura Salva metainformazioni (page 46)) in fondo alla maschera per il salvataggiodelle informazioni

Figura 49 Salva metainformazioni

Tornando alla maschera di caricamento file e selezionando la checkbox in corrispondenza della voceSovrascrivi file esistenti (figura Carica file sovrascrivendo (page 46)) saragrave possibile aggiornare eventualifile che hanno lo stesso nome di quello che stiamo caricando

Questa procedura egrave utile quando si vuole aggiornare il contenuto di un file che egrave giagrave presente nel DAM

Figura 410 Carica file sovrascrivendo

Nel caso di aggiornamento di un file le meta-informazioni del file rimangono le stesse inserite inprecedenza Come si puograve notare non viene offerta la possibilitagrave di inserirne di nuove

Nel caso in cui un file con lo stesso nome sia giagrave caricato e non si desideri aggiornarlo il file inseritoper ultimo viene rinominato con un suffisso generato automaticamente dal DAM In questo caso la voceSovrascrivi file esistenti non deve essere selezionata (figura Carica file senza sovrascrivere (page 47))

Nellrsquoesempio in figura viene presentata la lista dei file presenti nel mount point selezionato

Da notare la presenza di un file che egrave stato rinominato dal DAM con un suffisso ldquo_01rdquo dato che nellastessa posizione era giagrave presente un file con lo stesso nome

41 Caricamento e Aggiornamento di file 46

DocWeb Release 101

Figura 411 Carica file senza sovrascrivere

41 Caricamento e Aggiornamento di file 47

DocWeb Release 101

42 Ricerca di file allrsquointerno del DAM e modifica delle meta-informazioni

Rimanendo sempre allrsquointerno del modulo Media selezioniamo la voce List egrave possibile effettuare dellericerche dei file e modificare le meta-informazioni associate ai file

Nella figura Backend media list (page 48) distinguiamo

Figura 412 Backend media list

1 Parte relativa ai Mount Point disponibili

2 Parte relativa ai tipi di file caricati nel sistema

3 Schede List Thumbnails Selection Process

Da questa sezione egrave possibile effettuare ricerche sui file caricati nel DAM

Le ricerche che si possono eseguire sono del tipo ldquotrova tutti i file pdf e docrdquo oppure ldquoelenca tutti i filedi tipo immagine ad eccezione dei file con estensione gifrdquo

Per prima cosa facendo click sul nome del tipo file (es gif oppure image) si seleziona solo quel tipo difile e si escludono tutti i criteri selezionati in precedenza

Per aggiungere un altro criterio di ricerca egrave sufficiente selezionare il ldquo+rdquo (punto 1 nella figura Criteri diselezione (page 49)) posto accanto al tipo di file che si vuole selezionare

Con il ldquo-ldquo(punto 2) saragrave possibile rimuovere il tipo di file dai criteri di ricerca

Selezionando ldquo=rdquo (punto 3) egrave possibile introdurre clausole del tipo ldquocerca un file che sia doc e presentenel Mount Point chiamato lsquoArea Testrsquordquo (ossia effettua una ricerca che risponda a tutti i criteri impostati)

Nellrsquoesempio della figura Salva selezione (page 49) sono stati selezionati tutti i tipi di immagine adeccezione dei file con estensione gif Questo risultato si ottiene nel seguente modo

1 selezionare il ldquo+rdquo accanto alla voce ldquoimagerdquo

2 premendo il tasto ldquo-ldquo in corrispondenza della voce ldquogifrdquo

I criteri impostati per la selezione possono essere salvati per un uso futuro Per salvare la selezioneoccorre (figura Salva selezione (page 49))

1 riempire il campo sotto la voce SELECTION con un nome che identifichi la ricerca

2 premere il tasto Save per salvare la modalitagrave di ricerca impostata

In questo modo saragrave possibile richiamare e rieseguire la ricerca impostata anche in futuro senza doverripetere il procedimento di scelta dei criteri mostrato in precedenza

42 Ricerca di file allrsquointerno del DAM e modifica delle meta-informazioni 48

DocWeb Release 101

Figura 413 Criteri di selezione

Figura 414 Salva selezione

42 Ricerca di file allrsquointerno del DAM e modifica delle meta-informazioni 49

DocWeb Release 101

Se in futuro saranno inseriti nuovi file che soddisfano la ricerca salvata questi verranno selezionati quandoverragrave richiamata la ricerca salvata

Dalla figura Ricerca salvata (page 50) egrave possibile notare come richiamare la ricerca salvata In questocaso abbiamo salvato la ricerca con il nome ldquoimmaginisenzagifrdquo

Figura 415 Ricerca salvata

Una volta che si egrave selezionata la ricerca egrave possibile

1 Premere il tasto Load per ricaricare la ricerca precedentemente impostata

2 Premere Remove per rimuovere la ricerca salvata

Una volta effettuata una particolare selezione di file egrave possibile (figura Schede backend media list(page 50))

Figura 416 Schede backend media list

1 vedere il contenuto della selezione (schede List e Thumbnails)

2 vedere i criteri impostati per la ricerca (scheda Selection)

3 modificare le meta-informazioni associate ai file (scheda Process) secondo quanto descritto inprecedenza

Nella figura Scheda selection (page 51) egrave visualizzato come selezionando la scheda Selection egrave possibileprendere visione dei criteri impostati nella ricerca (la ricerca egrave quella dellrsquoesempio precedente)

Selezionando le schede List e Thumbnails dopo avere effettuato una qualsiasi selezione si potrebbe avereuna situazione come quella mostrata nella figura Scheda list (page 51)

Cliccando sullrsquoicona corrispondente ad uno dei file presenti nella lista (selezionato con un cerchio rosso)egrave possibile accedere ad un menugrave contestuale (figura Menu contestuale DAM (page 51))che permette disvolgere le seguenti operazioni

Modifica Offre la possibilitagrave di visualizzare e modificare le meta-informazioni associate al file

Rinomina Selezionando la seguente voce egrave possibile assegnare un altro nome al file che si egrave caricato

Replace file Avvia lrsquooperazione di sostituzione del file

Info Visualizza informazioni relative al file

Cancella Rimuove il file dal DAM

42 Ricerca di file allrsquointerno del DAM e modifica delle meta-informazioni 50

DocWeb Release 101

Figura 417 Scheda selection

Figura 418 Scheda list

Figura 419 Menu contestuale DAM

42 Ricerca di file allrsquointerno del DAM e modifica delle meta-informazioni 51

CAPITOLO 5

Modulo Pagine di download

51 Inserimento e configurazione pagine di download

La creazione di pagine di download egrave utile quando si vuole mettere a disposizione una lista di uno o piugravefile in forma scaricabile

Per creare una pagina di download egrave necessario seguire i seguenti passi

1 Creare una pagina standard

2 Inserire il plugin DAM Download List

3 Configurare il plugin

Per creare una pagina egrave sufficiente entrare nel modulo Pagina e selezionare Crea nuovo record per accederealla finestra di creazione pagine

Nellrsquoesempio in figura Backend creazione contenuto (page 52) egrave stata creata la pagina denominata ldquoPaginadownloadrdquo come figlio della pagina ldquoPagina di provardquo

Figura 51 Backend creazione contenuto

Una volta creata la pagina occorre configurarla in maniera tale da permettere la visualizzazione di unalista di file scaricabili Per fare ciograve occorre inserire un plugin denominato ldquoDAM Download Listrdquo Unplugin egrave un contenuto speciale da inserire in una pagina

52

DocWeb Release 101

Per inserirlo come per un contenuto occorre seguire i seguenti passi (figura Backend creazione contenuto(page 52))

1 Selezionare la pagina in cui inserire il plugin Nellrsquoesempio la pagina denominata ldquoPaginadownloadrdquo

2 Selezionare la voce Clicca qui per il wizard nella maschera che compare quando si vuole inserire unnuovo record

Figura 52 Wizard nuovo contenuto

Oltre ai normali contenuti standard il wizard permette di selezionare (figura Wizard nuovo contenuto(page 53))

1 Contenuti speciali

2 Moduli

3 Plugins

Allrsquointerno della lista dei Plugins selezionare DAM Lista dei file scaricabili (punto 4 nella figura Wizardnuovo contenuto (page 53))

Dopo aver selezionato il plugin occorreragrave selezionare la posizione della pagina in cui inserire lrsquoelemento

Selezionare ldquoNormalerdquo

A questo punto il plugin egrave inserito nella pagina desiderata

51 Inserimento e configurazione pagine di download 53

DocWeb Release 101

Oltre allrsquoinserimento occorre configurare il plugin in modo da dirgli quali file far visualizzare

Una volta che il plugin viene inserito viene aperta una finestra (figura Contenuto pagina (page 54)) doveviene richiesto di selezionare dei file inseriti nel sistema

Figura 53 Contenuto pagina

Per proseguire correttamente egrave necessario salvare immediatamente il Contenuto Pagina altrimenti leoperazioni successive potrebbero andare perse

Per inserire i file nella lista occorre effettuare la seguente operazione (figura Contenuto pagina (page 54))

1 Nella parte della maschera denominata DAM Lista di file scaricabili selezionare lrsquoicona SfogliaRecord (cerchiata in rosso) per avviare la procedura di selezione dei file

Selezionando la voce Sfoglia Record verragrave aperto lrsquoElement Browser di TYPO3 che ci permette di se-lezionare i file da inserire nel plugin La finestra (figura Element browser (page 55)) egrave composta di dueschede

1 Media ndash permette di selezionare i file giagrave esistenti nel sistema

2 Upload ndash permette di caricare nuovi file

Selezionando la sezione Media egrave possibile selezionare dalla lista i file da inserire

51 Inserimento e configurazione pagine di download 54

DocWeb Release 101

Figura 54 Element browser

Se la lista dei file fosse troppo lunga egrave possibile effettuare delle ricerche per nome e per tipologia di file(doc htm )

Per cercare per nome (figura Ricerca per nome (page 55)) occorre inserire nella casella di testo Cercastringa (punto 1 nella figura sopra) il nome o parte del nome del file da cercare Una volta specificata lastringa di ricerca premere il tasto Cerca (punto 2)

Figura 55 Ricerca per nome

Per cercare un particolare tipo di file selezionare il nome dellrsquoestensione che si desidera dallrsquoelenco deitipi di file (figura Ricerca per tipo (page 56))

Nota I due tipi di ricerca possono essere usati contemporaneamente

Selezionando la voce informazioni (punto 1 nella figura Selezione file (page 56)) egrave possibile visualizzarele meta-informazioni associate al file

Premendo con il mouse sul nome del file (punto 2) o sullrsquoicona associata (punto 3) si inserisce il file nellalista dei file da far visualizzare nella pagina di download mediante lrsquoapposito plugin

Selezionando la scheda Upload si puograve inserire un file non presente nel sistema (figura Caricamentoimmediato file (page 56))

51 Inserimento e configurazione pagine di download 55

DocWeb Release 101

Figura 56 Ricerca per tipo

Figura 57 Selezione file

Figura 58 Caricamento immediato file

51 Inserimento e configurazione pagine di download 56

DocWeb Release 101

Scegliere i file dal proprio PC seguendo le operazioni giagrave descritte nel modulo DAM e selezionare dallascheda Media i nuovi file inseriti

Nella figura Plugin con file selezionati (page 57) egrave visualizzato un esempio di maschera di configurazionedel plugin con la lista dei file selezionati

Figura 59 Plugin con file selezionati

I file una volta inseriti possono essere ordinati selezionando sugli appositi bottoni posti a destra dellalista file

bull Per ordinare un determinato file occorre

bull Selezionare un file

Premere uno dei tasti (figura sopra) per

1 Spostare in prima posizione

2 Spostare in alto di una posizione

3 Spostare in basso di una posizione

4 Spostare in ultima posizione

5 Rimuovere dalla lista il file selezionato

Una volta eseguiti i passaggi sopra descritti salvare la configurazione del plugin

51 Inserimento e configurazione pagine di download 57

CAPITOLO 6

Modulo Sitemap

Ersquo possibile generare una mappa del sito scegliendo un contenuto speciale di tipo ldquoMappa del Sitordquo comemostrato nella figura Contenuto mappa del sito (page 58)

Figura 61 Contenuto mappa del sito

Per scegliere un record di tipo ldquomappa del sitordquo (per visualizzare cioegrave la vista dei contenuti possibili)saragrave necessario portarsi in modalitagrave ldquopaginardquo compiendo gli stessi passaggi descritti per la creazione dicontenuti semplici in fase di creazione delle pagine (in questo caso selezionando il contenuto specialemappa)

58

DocWeb Release 101

61 Scheda di configurazione Mappa

La scheda di configurazione si presenta come nella figura Scheda mappa del sito (page 59)

Figura 62 Scheda mappa del sito

I campi fondamentali da personalizzare sono lrsquointestazione (ossia il titolo pagina) il tipo di menugrave e ilpunto di partenza Nellrsquointestazione viene inserito come di consuetudine il titolo pagina

62 Tipo di mappa

Ersquo possibile scegliere il tipo di mappa che si desidera creare consultando il menugrave a tendina ldquotipo di menugraverdquoche ci offriragrave diverse opzioni

Le piugrave frequentemente usate sono di tipo ldquoMenugrave delle sottopagine rdquo come indicato nella figura Tipo dimenu (page 60)

Menugrave delle sottopagine di queste pagine Scegliendo questa opzione da una pagina padre sigenereragrave un record che mostreragrave al suo interno tutte le sottovoci figlio con relativo link

Menugrave delle sottopagine di queste pagine (con abstract) Genera una mappa sia delle sottopagineche dei sottotitoli

Menugrave delle sottopagine di queste pagine + sezioni Genera una mappa sia delle sottopagine chedei record (link alle intestazioni dei singoli record)

Selezionando voci di menugrave di sottopagine egrave anche possibile stabilire un determinato punto di partenzasfogliando lrsquoapposito record

61 Scheda di configurazione Mappa 59

DocWeb Release 101

Figura 63 Tipo di menu

63 Il ldquopunto di partenzardquo della mappa

Il ldquopunto di partenzardquo dei Menugrave delle sottopagine Scheda mappa del sito (page 59) costituisce la paginadalla quale il sistema partiragrave per creare la mappa

Si potragrave quindi creare una mappa (di tipo menugrave delle sottopagine) che mostri solamente il percorso diquella porzione di menugrave che si intende mostrare

63 Il ldquopunto di partenzardquo della mappa 60

CAPITOLO 7

Modulo News

71 Inserimento e modifica di news

Alcune sezioni del nostro sito potrebbero essere state configurate per permettere la visualizzazione dinotizie

Per poter visualizzare le news correttamente occorre che queste ultime vengano inserite in una determi-nata posizione allrsquointerno del backend Da questa posizione che chiameremo repository delle news lenostre pagine andranno a prelevare le news da visualizzare al loro interno

Figura 71 Backend news

Nellrsquoesempio presentato nella figura Backend news (page 61) distinguiamo

1 il repository delle news che egrave stato creato

2 Un esempio di come potrebbe apparire il contenuto del repository delle news (lista delle news)

Per poter visualizzare il contenuto del repository delle news occorre seguire i seguenti passi

1 entrare nel modulo Pagina

61

DocWeb Release 101

2 selezionare il repository delle news corrispondente (nellrsquoesempio della figura Backend news (page 61)il Repository delle news si chiama ldquoNews Area Testrdquo)

Poniamo ora la nostra attenzione alla lista delle news (figura Lista news (page 62)) Da qui egrave possibile

bull Inserire una nuova notizia

bull Modificare le notizie giagrave esistenti

Per inserire una nuova notizia occorre selezionare la voce Crea nuovo record (figura Lista news (page 62))posta in fondo alla lista delle news

Figura 72 Lista news

A questo punto si apre la finestra di creazione Nuovo record da cui occorre selezionare la voce News(figura Nuovo record news (page 62))

Figura 73 Nuovo record news

Eseguendo le operazioni sopra descritte si accede alla maschera di inserimento news (figura Inserimentonews scheda generale (page 63))

Questa si compone di due schede una denominata Generale e unrsquoaltra denominata Relations

Nella scheda Generale egrave possibile inserire

Titolo in questo spazio egrave possibile specificare un titolo della news

Nascondi questo controllo determina se la news egrave pubblicabile oppure no Come avviene per le pagineanche per le news egrave consigliabile tenere la news nascosta durante la lavorazione Facciamo notare

71 Inserimento e modifica di news 62

DocWeb Release 101

Figura 74 Inserimento news scheda generale

71 Inserimento e modifica di news 63

DocWeb Release 101

che appena viene aperta la maschera di inserimento di una nuova news il controllo appare giagrave instato nascosto

Dataora in questo spazio viene indicata la data e lrsquoora della creazione della news in base ai parametridi sistema

Data Archiviazione in questo spazio viene inserita la data di Archiviazione di una news

Autore permette di specificare un autore della news

Email permette di specificare un e-mail a cui fare riferimento

Sottointestazione questo campo conterragrave una breve descrizione (abstract) della news La sottointes-tazione egrave quella parte della news che compare quando viene visualizzata la lista delle news e serveper dare una breve descrizione al contenuto della news (si veda Esempio news (page 64))

Figura 75 Esempio news

Durante lrsquoinserimento di una news egrave consigliabile specificare sempre una sottointestazione

Testo egrave il campo che contiene il contenuto vero e proprio della news Egrave possibile utilizzare tutte lefunzionalitagrave messe a disposizione dallrsquoeditor RTE

72 Modalitagrave Relations

Nella modalitagrave Relations (figura Inserimento news scheda relations (page 65)) egrave possibile inserire

Immagini contiene una lista di immagini da associare alla news Il procedimento per la se-lezionecaricamento delle immagini egrave stato descritto nella parte dedicata alla creazione di paginedi download a cui vi rimandiamo

Didascalia permette di specificare una descrizione per lrsquoimmagine associata alla news

Image alttext e Image titletext permette di specificare un testo che in visualizzazione (Frontend)compariragrave al passaggio del mouse sopra lrsquoimmagine

News correlate permette di specificare news o pagine del sito da associare alla news Il procedimentodi selezione delle news da associare alla notizia saragrave spiegato successivamente

DAM elements permette di assegnare alla news dei documenti da scaricare come per esempioil programma di un determinato evento Anche in questo caso il procedimento per la se-lezionecaricamento dei documenti egrave quello giagrave descritto nella parte dedicata alla creazione dipagine di download

Descriviamo il procedimento da seguire per associare alcune pagine o alcune news alla notizia che stiamoinserendo

Premere il tasto di Sfoglia Record evidenziato nella figura Sfoglia record news (page 65)

Verragrave aperta una finestra che contiene un Element Browser che ci permette di selezionare le newspagine(figura Element browser news (page 66)) da associare

La finestra di selezione si suddivide nelle seguenti parti (figura sopra)

Alberatura del sito da cui egrave possibile esplorare gli elementi del nostro sito (pagine sysfolder )Premendo con il tasto sinistro del mouse sul nome della pagina o sulla freccia corrispondente verragraveaggiornata la parte di destra della finestra in cui egrave inserita la lista degli elementi associabili

72 Modalitagrave Relations 64

DocWeb Release 101

Figura 76 Inserimento news scheda relations

Figura 77 Sfoglia record news

72 Modalitagrave Relations 65

DocWeb Release 101

Figura 78 Element browser news

Lista degli elementi associabili egrave quindi possibile selezionare gli elementi da associare alla newsPer associare un elemento si puograve selezionare il simbolo ldquo+rdquo posto accanto allrsquoelemento desideratoo agendo sul nome del file Nel primo caso lrsquoelemento viene aggiunto ma la finestra non si chiuderagrave(utile per effettuare selezioni multiple) mentre nel secondo caso lrsquoelemento viene aggiunto e lafinestra si chiuderagrave (selezione singola)

Nota Per associare una o piugrave news alla notizia che stiamo inserendo occorreragrave innanzitutto selezionareil repository delle news e utilizzando i metodi descritti in precedenza indicare le news di interesse

Nella figura Selezione repository (page 66) viene visualizzato come appare lrsquoElement Browser dopo averselezionato il repository delle news denominato ldquoNews Corso Typo3rdquo

Figura 79 Selezione repository

Una volta ultimato il procedimento di inserimento di una news vedremo che nel repository compariragrave(figura News nel repository (page 67)) anche quella da noi creata Nellrsquoesempio la news creata si chiamaldquoTitolo della news di provardquo

Dalla lista delle news possiamo notare che i diversi tipi di news sono contrassegnati con icone diverse

In particolare distinguiamo

72 Modalitagrave Relations 66

DocWeb Release 101

Figura 710 News nel repository

bull News (icona ldquocelestinardquo)

bull Collegamento a URL esterna (icona ldquorosardquo)

bull Collegamento a pagina interna (icona ldquogiallinardquo)

Per modificare il contenuto di una news egrave sufficiente selezionare il simbolo di modifica (figura Modificanews (page 67)) in corrispondenza della news da modificare

Figura 711 Modifica news

73 News collegata a URL esterna e a pagina interna

Attraverso la selezione della finestra ldquoTipordquo egrave possibile scegliere diverse tipologie di news

Nella figura News collegata a url esterna (page 68) egrave stato selezionato il Collegamento a URL esterna checi offriragrave la possibilitagrave di specificare un link (ldquoURL esternordquo) da far visualizzare e che saragrave contraddistintain lista da lrsquoicona di colore rosa

Selezionando il Collegamento a pagina interna viene offerta la possibilitagrave di inserire un collegamento auna pagina del sito (evidenziato nella figura News collegata a pagina interna (page 69))

La news si presenteragrave con icona di color ldquogiallordquo e al suo interno conterragrave un link alla pagina interna alsito

73 News collegata a URL esterna e a pagina interna 67

DocWeb Release 101

Figura 712 News collegata a url esterna

73 News collegata a URL esterna e a pagina interna 68

DocWeb Release 101

Figura 713 News collegata a pagina interna

73 News collegata a URL esterna e a pagina interna 69

DocWeb Release 101

74 Eliminazione delle News

Per eliminare una news possiamo procedere tra lrsquoaltro in due modi

1 Selezionare la news da eliminare dallrsquoelenco e selezionare la voce ldquocancellardquo dal menugrave a tendinaconsultabile cliccando con il pulsante destro sullrsquoicona in corrispondenza della news (figura Eliminanews da menu contestuale (page 70))

Figura 714 Elimina news da menu contestuale

2 Entrare allrsquointerno della modalitagrave di modifica della news attraverso lrsquoicona ldquomatitardquo e selezionare lrsquoi-cona raffigurante il bidone di elimina posta in alto pagina (figura Elimina news da scheda contenuto(page 70))

Figura 715 Elimina news da scheda contenuto

75 Ordinamento delle News e ricerca

Puograve essere necessario durante la visualizzazione della lista delle news (lato backend) di dover effettuaredegli ordinamenti al fine di permettere una ricerca piugrave veloce delle news da modificare

74 Eliminazione delle News 70

DocWeb Release 101

Avvertimento Lrsquoordinamento ha valore solo come ricerca allrsquointerno del backend mentre latofrontend rispecchieragrave i parametri prestabiliti dal sistema

Supponiamo per esempio di voler effettuare un ordinamento per Titolo Seguiamo i seguenti passi(figura sotto)

1 Selezionare la voce di menugrave Lista

2 Selezionare il deposito delle news (repository) News Corso Typo3

3 Cliccare con il mouse in corrispondenza della voce ldquoTitolordquo

A questo punto (figura Ordinamento news (page 71)) le news vengono ordinate in ordine crescente(vengono visualizzate prima le news con titolo che inizia con la lettera a b e cosigrave via)

Figura 716 Ordinamento news

Se clicchiamo unrsquoaltra volta sulla voce ldquoTitolordquo il tipo di ordinamento cambia da crescente a decrescente(compariranno per prima le news con titolo che inizia per z )

Egrave inoltre possibile ordinare secondo campo da noi specificato Per definire il nome di un campo (ad estesto inizio autore ) su cui effettuare lrsquoordinamento occorreragrave spostarsi in fondo alla lista delle newsdove troveremo una lista di campi (figura Mostra campo aggiuntivo news (page 71))

Figura 717 Mostra campo aggiuntivo news

Dalla lista possiamo

bull Selezionare la voce in base alla quale effettuare lrsquoordinamento (ad esempio Immagini)

bull Premere il tasto Imposta campi per aggiungere alla lista dei campi visualizzati quello selezionato

75 Ordinamento delle News e ricerca 71

DocWeb Release 101

A questo punto il campo selezionato (nel nostro esempio il campo Immagini) compare nella lista dellenews (il campo aggiunto egrave evidenziato con un riquadro in alto a destra nella figura Ordinamento campoaggiuntivo news (page 72))

Figura 718 Ordinamento campo aggiuntivo news

Effettuare le stesse operazioni illustrate per il campo Titolo per ordinare in modo crescente e decrescentele news secondo il criterio impostato (click pulsante sinistro sul nome etichetta)

Egrave anche possibile ricercare le news in base al testo contenuto nel titolo sottotitolo descrizione eccUtilizzando la maschera di ricerca in fondo pagina (evidenziata nella figura Ricerca news (page 72))

Figura 719 Ricerca news

Per effettuare una ricerca egrave necessario seguire i seguenti passi

1 Inserire nel campo Cerca Stringa il testo da cercare (nel nostro esempio ldquonequerdquo)

2 Premere il tasto Cerca per eseguire la ricerca secondo i criteri impostati

In questo modo nella lista delle news compariranno solo quelle che contengono il testo specificatoEffettuata la ricerca egrave possibile effettuare degli ordinamenti come spiegato in precedenza

75 Ordinamento delle News e ricerca 72

CAPITOLO 8

Modulo Eventi

Avvertimento SEZIONE NON COMPLETA

Si confrontino i seguenti due tipi di contenuti

Evento egrave un tipo di contenuto adatto a descrivere qualcosa che accadragrave o che egrave accaduto in una certadata La data o le date in cui lrsquoevento ricorre sono strettamente legate ad un luogo in cui lrsquoeventosi verificheragravesi egrave verificato Gli eventi vengono rappresentati mediante la metafora dellrsquoagenda edel calendario

Notizia egrave un tipo di contenuto caratterizzato dalla data di pubblicazione secondo la metafora delgiornale online E come in un giornale online una notizia puograve riferirsi sia a fatti giagrave accaduti chea fatti a venire

Nota Per comprendere meglio la differenza tra i due tipi di contenuto si pensi che dato un eventoche ha una certa data di svolgimento (ad es 20 maggio) di tale evento posso realizzare piugrave di unanotizia Rimanendo nellrsquoesempio potrei pubblicare una notizia il 10 maggio per preannunciare lrsquoeventoe poi unrsquoaltra il 18 maggio per ricordarne lrsquoimminenza Infine potrei pubblicare una notizia di riepilogo(cronaca dellrsquoevento immagini ecc) il 22 maggio

81 Scopo del modulo Eventi

Il visitatore del sito deve poter cogliere le informazioni essenziali di un evento

bull Cosa sta per succedere

bull Dove accadragrave

bull Quando accadragrave

82 Il Backend ndash Modulo Pagina

Vedi figura Eventi vista modulo pagina (page 74)

83 Il Backend ndash Modulo Lista

Vedi figura Eventi vista modulo lista (page 74)

73

DocWeb Release 101

Figura 81 Eventi vista modulo pagina

Figura 82 Eventi vista modulo lista

83 Il Backend ndash Modulo Lista 74

DocWeb Release 101

84 Creazione di un evento

Prima di procedere poniamoci qualche domanda

bull Lrsquoevento appartiene a qualche rassegna iniziativa per la quale sono in programma altri eventiPer esempio

ndash Rassegne teatrali cinematografiche

ndash Festival

bull Lrsquoevento si ripete

ndash La replica avviene sempre nello stesso luogo

841 Creazione del record

Vedi figura Creazione nuovo evento (page 75)

Vedi figura Creazione nuovo record evento (page 76)

Figura 83 Creazione nuovo evento

842 Scheda ldquoGeneralerdquo

Vedi figura Evento scheda generale (page 76)

843 Scheda ldquoFinestra temporalerdquo

Orario repliche

Vedi figura Evento finestra temporale (page 78)

84 Creazione di un evento 75

DocWeb Release 101

Figura 84 Creazione nuovo record evento

Figura 85 Evento scheda generale

84 Creazione di un evento 76

DocWeb Release 101

bull Lrsquoorario va solo per le Finestre temporali di un giorno (data inizio = data fine)

bull Se non si conosce lrsquoora della fine impostare ora inizio = ora fine

844 Scheda ldquoTestordquo

Vedi figura Evento scheda testo (page 79)

84 Creazione di un evento 77

DocWeb Release 101

Figura 86 Evento finestra temporale

84 Creazione di un evento 78

DocWeb Release 101

Figura 87 Evento scheda testo84 Creazione di un evento 79

  • Introduzione
    • Cosegrave DocWeb
    • Concetti chiave
      • Funzionalitagrave di Base
        • Il CMS Typo3 ldquobackendrdquo e ldquofrontendrdquo
        • Cambio password di accesso
        • Albero delle pagine
        • Implementazione delle pagine ldquogenitori rdquo e ldquofiglirdquo
        • Inserimento Nuova pagina
        • Elementi standard della pagina
        • Inserimento contenuti di una pagina
        • Contenuti multipli allrsquointerno di una pagina
        • Modifica dei contenuti della pagina
        • Spostamento di pagine
        • Eliminazione pagine
        • Rich Text Editor
        • Modalitagrave Lista
        • Modalitagrave Mostra
        • Modalitagrave ldquoMonta come radice dellrsquoalberordquo
        • Ottenere il page-id di una pagina
        • Admin Panel
          • La Clipboard
            • Copia o spostamento di un contenuto singolo di pagina allrsquointerno di unrsquoaltra pagina
            • Copia o spostamento di piugrave contenuti da una pagina ad unrsquoaltra
              • Modulo DAM (Digital Asset Management)
                • Caricamento e Aggiornamento di file
                • Ricerca di file allrsquointerno del DAM e modifica delle meta-informazioni
                  • Modulo Pagine di download
                    • Inserimento e configurazione pagine di download
                      • Modulo Sitemap
                        • Scheda di configurazione Mappa
                        • Tipo di mappa
                        • Il ``punto di partenza della mappa
                          • Modulo News
                            • Inserimento e modifica di news
                            • Modalitagrave Relations
                            • News collegata a URL esterna e a pagina interna
                            • Eliminazione delle News
                            • Ordinamento delle News e ricerca
                              • Modulo Eventi
                                • Scopo del modulo Eventi
                                • Il Backend ndash Modulo Pagina
                                • Il Backend ndash Modulo Lista
                                • Creazione di un evento
Page 15: DocWeb€¦ · per la realizzazione e la gestione di siti web della Pubblica Am-ministrazione. La piattaforma tecnologica utilizzata è il CMS (Content Management System) Open SourceTypo31

DocWeb Release 101

1 Il documento viene salvato lrsquoambiente si ricarica automaticamente il menugrave centrale si aggiornacon la comparsa della pagina da noi creata nella posizione da noi assegnata

2 Il documento viene salvato lrsquoambiente si ricarica automaticamente il menugrave centrale si aggiornacon la comparsa della pagina da noi creata nella posizione da noi assegnata e si apre una nuovafinestra del browser contenente la preview (anteprima di visualizzazione) della nostra pagina

3 Il documento viene salvato lrsquoambiente si ricarica automaticamente sulla schermata successivail menugrave centrale si aggiorna con la comparsa della pagina da noi creata nella posizione da noiassegnata

4 Il documento viene chiuso e non salvato

5 Elimina la pagina

Nota La quinta icona (ldquoElimina paginardquo) compariragrave solo dopo aver salvato il documento la primavolta Inoltre gli stessi simboli si ritroveranno anche in fase di modifica di pagine giagrave create

Da osservare il simbolo proposto accanto alla nuova pagina da noi creata (figura Pagina nascosta(page 12)) ad indicare la modalitagrave ldquonascostardquo

Figura 215 Pagina nascosta

Lrsquoicona posta a sinistra ricorda una pagina con una ldquoXrdquo rossa in alto a destra e indica che la pagina egravenascosta (punto 1 modifica intestazioni) e non visibile dallrsquoesterno

Le altre voci con simbolo diverso di pagina su sfondo giallo sono on-line e quindi consultabili dal FrontEnd

Pubblicata la pagina nascosta lrsquoicona cambieragrave automaticamente aspetto e la voce di menugrave saragraveconsultabile anche dal Front End

27 Inserimento contenuti di una pagina

Avendo precedentemente creato e salvato una pagina ldquoPagina di Provardquo andiamo ad inserire un contenuto

Ersquo possibile procedere in due modi effettuare un click con il pulsante sinistro del mouse sulla icona o sultitolo ldquoPagina di Provardquo oppure cliccare con il pulsante destro del mouse sullrsquoicona posta a sinistra deltitolo pagina e scegliere ldquomodificardquo

In entrambe i casi il sistema aggiorna la terza area (vedi figura Backend tripartito (page 8)) doveandremo a lavorare

Per creare un contenuto nella posizione di default (Normale) clicchiamo sullrsquoicona cerchiata di rosso (vedifigura Crea contenuto normale (page 13)) nel box ldquonormalerdquo

In alternativa si puograve scegliere di usare la voce in basso a sinistra ldquoCrea nuovo recordrdquo e successivamentescegliere di creare un nuovo contenuto pagina con il ldquowizardrdquo

27 Inserimento contenuti di una pagina 12

DocWeb Release 101

Figura 216 Crea contenuto normale

Per entrambe le opzioni si apriragrave una schermata come nella figura Seleziona contenuto paragrafo(page 14))

Scegliamo di inserire un paragrafo di testo semplice Notiamo come il sistema ci consente di scegliereforme alternative di contenuti (es immagini sotto il testo a sinistra solo immagini ecc) Approfondire-mo in seguito le modalitagrave per creare contenuti piugrave articolati e contenuti multipli e selezioniamo la voceldquoparagrafo di testordquo

271 Paragrafo di testo

Allrsquointerno di un paragrafo di testo potremo inserire un contenuto e tutte le opzioni ad esso legato (figuraModifica contenuto testo (page 15))

Si noti come lrsquoarea egrave divisa in 4 blocchi orizzontali Tipo Intestazione Testo Opzioni generali Inbasso e in alto troviamo anche la serie di icone per il salvataggio del documento di cui abbiamo giagraveprecedentemente parlato

Area Tipo

Nel menugrave a tendina dellrsquoarea tipo egrave possibile modificare il tipo di contenuto che vogliamo inserire Laschermata ci dice che siamo su ldquotestordquo ma volendo potremmo anche cambiare con le altre forme dicontenuto a nostra disposizione

Area Intestazione

Rappresenta il titolo della pagina Viene inserito allrsquoinizio della pagina ed ha una rilevanza graficamaggiore rispetto al resto del contenuto

Un buon titolo egrave breve ma incisivo rispecchia in poche parole il contenuto della pagina riassumelrsquoargomento trattato

27 Inserimento contenuti di una pagina 13

DocWeb Release 101

Figura 217 Seleziona contenuto paragrafo

27 Inserimento contenuti di una pagina 14

DocWeb Release 101

Figura 218 Modifica contenuto testo

27 Inserimento contenuti di una pagina 15

DocWeb Release 101

Ersquo inoltre possibile anche se sconsigliabile associare un link allrsquointestazione cambiare la sua posizioneinserire una data

Testo

Rappresenta con il suo grande quadrilatero bianco lrsquoarea allrsquointerno della quale andremo ad inserire ilnostro testo

Digitando un semplice testo in visualizzazione questo assumeragrave colore dimensione e carattere inconformitagrave allo stile preimpostato per le pagine del sito

Per la formattazione del testo saragrave possibile usare lo strumento RTE (di seguito descritto)

Opzioni generali (parametri di visibilitagrave)

Apparizione programmata

Cliccando accanto al quadrato della voce ldquoInizio rdquo e ldquoFinerdquo si attiveragrave un modulo data che ci consentiragravedi impostare le date di Inizio pubblicazione e di Fine pubblicazione (depubblicazione) di una pagina

Potremo quindi stabilire quando una pagina dovragrave essere pubblicata eo quando dovragrave cessare di esserevisibile on-line La programmazione dellrsquoinizio di pubblicazione non implica che ci sia necessariamenteuna fine e vice versa

Ciograve significa che potremo quindi decidere di pubblicare una pagina in una certa data e che la pubblicazioneduri nel tempo (almeno fino a quando non decideremo di togliere la visualizzazione on-line manualmente)

Pagine nascoste

Ersquo possibile nascondere il contenuto delle pagine cliccando il quadrato a sinistra della voce ldquoNascondirdquoScegliendo questa opzione la pagina continueragrave ad esistere ma non saragrave visibile il suo contenuto

Lrsquoopzione si rileva particolarmente utile in caso di pagina strutturata su contenuti multipli

28 Contenuti multipli allrsquointerno di una pagina

Avendo creato una pagina potremo in ogni momento svilupparla ulteriormente aggiungendo ulterioricontenuti

Clicchiamo sul menugrave di sinistra sulla voce ldquoPaginardquo in modo da caricare il menugrave centrale contenentelrsquoalberatura del sito

Clicchiamo sul titolo della pagina da modificare con il pulsante sinistro oppure con il destro e scegliamoldquomodificardquo

A destra si apriragrave il nostro ambiente di lavoro come nella figua Modifica contenuto normale (page 17)

Vedremo in pratica la stessa schermata proposta per la creazione di una nuova pagina con lrsquoaggiunta dialcune icone come indicato in figura

1 Modifica

2 Nuovo record

3 Cerca Stringa

Cliccando su Modifica comrsquoegrave intuibile saremo riportati nella pagine dellrsquoeditor dove potremo modificareil nostro testo link immagini ecc

Cliccando su nuovo record invece avremmo la possibilitagrave di aggiungere un nuovo contenuto alla paginae nella posizione che sceglieremo

28 Contenuti multipli allrsquointerno di una pagina 16

DocWeb Release 101

Figura 219 Modifica contenuto normale

28 Contenuti multipli allrsquointerno di una pagina 17

DocWeb Release 101

Il contenuto non avragrave vincoli con i record precedenti pur apparendo nella stessa pagina del frontend Ciogravegarantisce una vantaggiosa gestione delle pagine che suddivise in ldquosezionirdquo potranno essere di volta involta pubblicate cancellate modificate a blocchi di contenuto senza toccare lrsquointera pagina

Si potragrave suddividere la stessa pagina in diverse aree (record) ossia ldquocontenuti multiplirdquo via via aggiornabilianche da altri utenti di redazione

Ersquo inoltre possibile effettuare una ricerca su di un contenuto di tipo testuale allrsquointerno delle pagine edei record utilizzando il campo ldquoCerca Stringardquo La ricerca puograve essere effettuata allrsquointerno della paginae dei suoi record ed estesa anche ai livelli inferiori

29 Modifica dei contenuti della pagina

Creata una pagina potremo modificarla ogni volta che saragrave necessario

Per modificare una pagina saragrave sufficiente selezionarla dal menugrave portandosi con il cursore del mouse aldi sopra del titolo e cliccando con il pulsante destro su di essa (figura Modifica pagina (page 18))

Una pagina da modificare potragrave anche essere raggiunta tramite la ricerca dellrsquoID (vedi capitolo 3 Alberodelle pagine)

Scegliere la voce ldquomodificardquo dal menugrave a tendina che si apriragrave dopo il click

Figura 220 Modifica pagina

A destra nellrsquoarea principale si apriragrave la schermata riportante il contenuto della pagina selezionata

Potremo scegliere lrsquoelemento da modificare cliccando sullrsquoicona matita

Nota Ricordarsi sempre di salvare per rendere effettive le modifiche e di ricontrollare la visualizzazionedella pagina modificata

Per modificare lrsquointestazione di una pagina egrave sufficiente selezionare la voce ldquoModifica intestazionirdquo dalmenugrave portandosi con il cursore del mouse al di sopra del titolo e cliccando con il pulsante destro su diesso (figura Menu modifica intestazioni pagina (page 19))

210 Spostamento di pagine

Oltre le modifiche stilistiche testuali e di contenuto di una pagina possiamo modificarne la posizione

29 Modifica dei contenuti della pagina 18

DocWeb Release 101

Figura 221 Menu modifica intestazioni pagina

Per spostare la posizione di una pagina allrsquointerno di un menugrave selezioniamola dal menugrave principale conclick sinistro del mouse

Nella schermata di destra scegliamo lrsquoicona

Si apriragrave un menugrave che ci mostreragrave lrsquoalberatura del nostro sito (esattamente come per lrsquoinserimento diuna nuova pagina) composto da pagine principali (genitori) e pagine ad esse collegate (figli)

A questo punto dovremo solo scegliere dove spostare la pagina muovendoci sulle frecce grigie sottostantie sovrastanti le varie voci di menugrave

Avvertimento Spostando una pagina genitore anche i figli vengono spostati con esso

211 Eliminazione pagine

Per eliminare le pagine egrave sufficiente selezionare la pagina in questione dal menugrave principale cliccando conil pulsante destro del mouse su di essa e scegliere la voce del menugrave a tendina che si apriragrave ldquoCancellardquo

Avvertimento Non egrave possibile cancellare una pagina genitore Ossia non egrave possibile cancellareuna pagina che al suo interno contiene altre pagine prima che questrsquoultime trovino una collocazionealternativa

212 Rich Text Editor

Quando si inserisce un contenuto nellrsquoarea di testo (inserito digitando direttamente allrsquointerno dellrsquoap-posita area o copiato e incollato da fonte esterna con la dovuta cautela) egrave possibile personalizzarlo eformattarlo utilizzando le funzionalitagrave previste dal Rich Text Editor (RTE)

Nota Un testo copiatoincollato da altri programmi va ldquoripulitordquo prima di essere pubblicato poicheacuteil modulo che utilizzeremo tende a mantenere la formattazione originaria del carattere delle immaginidei colori falsando la linea grafica omogenea e standard del nostro portale

In ogni modo quando si salva un documento il cui testo conteneva una formattazione proveniente ad es-empio da un documento di tipo word questo viene automaticamente ldquoripulito nel codicerdquo ed egrave opportunocontrollare la visualizzazione

211 Eliminazione pagine 19

DocWeb Release 101

Proviamo ad inserire ad esempio una semplice frase allrsquointerno del box testo (figura Box testo RTE(page 20))

Figura 222 Box testo RTE

La frase viene digitata direttamente nellrsquoarea testo mantenendo un tipo di formattazione ldquonormalerdquo

2121 Testo grassetto corsivo sottolineato (bold italic underline)

Proviamo a selezionare la frase ldquoProvincia di Pesaro e Urbinordquo tenendo premuto il pulsante sinistro delmouse trascinando il cursore dalla P di Provincia alla o di Urbino

In alternativa portare il cursore alla P di Provincia tenere tasto maiuscolo premuto e muoversi con lefrecce per selezionare il testo

Lrsquoesempio egrave utile per capire che per effettuare una determinata azione di tipo stilistico su una frase oparola egrave necessario che la frase o la parola siano preventivamente selezionate

Figura 223 Comandi box testo RTE

212 Rich Text Editor 20

DocWeb Release 101

Se il testo egrave stato selezionato correttamente vedremo la parola ldquoProvincia di Pesaro e Urbinordquo evidenziatadi blu scuro

Click sinistro sul simboloicona ldquoBrdquo (figura Comandi box testo RTE (page 20)) per creare un effettoldquograssettordquo al testo

Click sinistro sul simboloicona ldquoIrdquo per il corsivo-italico

Click sinistro sul simboloicona ldquoU ldquo per il sottolineato

Nota Il Grassetto dona alle parole un sapore piugrave incisivo e si utilizza per enfatizzare termini importantie di rilievo

LrsquoItalico viene usato comunemente per indicare le date gli indirizzi le citazioni

Il Sottolineato su web viene comunemente usato nelle parole ldquolinkaterdquo (ossia che rimandano ad altrepagine web) per cui se ne sconsiglia lrsquouso in un testo semplice per evitare confusione

2122 Elenco Puntato e Numerato

Portiamoci con il cursore allrsquointerno della box di testo

Selezioniamo lrsquoicona Lista non numerata (Elenco puntato semplice)

Vedremo comparire un simbolo tontoromboidale e potremo dare vita ad una lista

bull Voce 1

bull Voce 2

bull Voce 3 ecc

Allo stesso modo potremo creare una lista numerata avvalendoci dellrsquoicona ldquoLista numeratardquo

Lrsquoelenco viene numerato

1 Voce 1

2 Voce 2

3 Voce 3 ecc

2123 Pulsanti di Annulla e Ripristina

Compiuta una determinata azione egrave possibile tornare indietro o ripristinarla tramite i pulsanti ldquoAnnullalrsquoultima azionerdquo e ldquoRifai lrsquoultima azionerdquo

Piugrave volte si clicca sui pulsanti piugrave volte lrsquoazione viene ripetuta indietro ed avanti nel tempo

2124 Copia Taglia Incolla

Selezionando un testo potremo tagliarlo copiarlo e incollarlo

Copia selezionare il testo utilizzare lrsquoicona ldquocopia selezionerdquo per copiare

Taglia il testo viene eliminato ma resta in memoria per essere eventualmente incollato altrove odefinitivamente cancellato Ersquo possibile tenere in memoria solo lrsquoultimo testo o parola tagliato

Incolla Un testo precedentemente copiato o tagliato puograve essere incollato nuovamente o su diversoambiente

212 Rich Text Editor 21

DocWeb Release 101

2125 Rimuovi Formattazione

Ersquo possibile che il testo importato e incollato nellrsquoarea testo da altra fonte (es documento word) sildquosporchirdquo e ne acquisisca le caratteristiche stilistiche in maniera non corretta

Ersquo necessario pulire il testo selezionandolo e cliccando su ldquorimuovi formattazionerdquo

Si apriragrave un pop-up (nuova finestra) che ci proporragrave diversi elementi da pulire selezioniamo ciograve che ciinteressa e clicchiamo su OK

2126 Inserisci Caratteri Speciali

Alcune volte puograve essere necessario inserire dei caratteri o simboli non presenti sulla tastiera o nonconvenzionali per i quali esiste una mappa di caratteri speciali

Il sistema propone diversi tipi di caratteri speciali tra i piugrave comuni e frequentemente usati per adoperarliegrave sufficiente cliccare sullrsquoapposita icona ldquoInserisci Caratteri Specialirdquo

Una finestra ci mostreragrave una vasta gamma di simboli tra i quali potremo scegliere quello che ci interessa

2127 Inserisci Tabella

Per agevolare lrsquoinserimento di dati numerici in forma ldquoTabellarerdquo si puograve ricorrere allrsquoinserimento di unatabella contraddistinta dallrsquoapposito simbolo

La tabella puograve essere immaginata come una quaderno a ldquoquadrettirdquo dove ogni ldquoscacchettordquo corrispondead una cella

Scegliendo di inserire una tabella si apriragrave una finestra pop-up dove andremo ad inserire parametridi spaziatura fra celle numero di righe e colonne che compongono la tabella spessore del bordoallineamento rispetto alla pagina ecc

2128 Link

Ogni sito egrave composto da pagine consultabili e collegate tra loro tramite link

I link sono i collegamenti presenti sulle voci di menugrave parole immagini ecc

Ersquo possibile collegare pagine appartenenti ad uno stesso sito un indirizzo web di un sito esterno ounrsquoe-mail un file da scaricare un immagine ecc

Nota Immettendo nel testo un indirizzo web o e-mail completo il programma egrave in grado di capireautomaticamente che si tratta di un link e collegare gli elementi automaticamente

Volendo invece collegare elementi non scritti in forma completa si dovragrave procedere come segue

Selezioniamo la parola o frase che vogliamo collegare (come precedentemente visto) e clicchiamo sullrsquoiconaldquoInserisci Linkrdquo

Si apriragrave un pop-up come indicato nella prossima figura

Link ad una pagina interna al sito

La finestra ci propone lrsquoalberatura del nostro sito con le pagine in esso presenti (La voce attiva egraveldquopaginardquo di colore giallomarrone rispetto alle altre voci del pop-up)

Selezionando (figura Link interno (page 23)) la pagina che vorremo collegare il pop-up si chiuderagrave e laparola che avevamo selezionato precedentemente per il link cambieragrave aspetto

La vedremo blu e sottolineata il che indica che il link egrave attivato

212 Rich Text Editor 22

DocWeb Release 101

Figura 224 Link interno

Ersquo anche possibile creare dei link che aprono la pagina collegata allrsquointerno di una ldquofinestra di pop-uprdquocioegrave dentro una nuova finestra del browser Specificando le dimensioni di altezza e larghezza della nuovafinestra allrsquointerno degli appositi campi

Link ad una pagina esterna al sito

Selezioniamo una parola o frase che vogliamo collegare (come precedentemente visto) e clicchiamosullrsquoicona ldquoInserisci Linkrdquo

Scegliamo nel menugrave in alto proposto dal pop-up il bottone ldquoURL esternordquo (figura Link esterno (page 23))

Figura 225 Link esterno

Impostiamo nel campo URL lrsquoindirizzo web che vogliamo linkare prestando attenzione a scriverlo peresteso e senza cancellare http

Clicchiamo su ldquoImposta Linkrdquo

Il pop-up si chiuderagrave e la parola che avevamo selezionato precedentemente per il link cambieragrave aspetto

212 Rich Text Editor 23

DocWeb Release 101

La vedremo blu e sottolineata il che indica che il link egrave attivato

2129 Link ad unrsquoEmail

Come precedentemente visto scrivendo un indirizzo e-mail valido il programma di gestione egrave in grado dicapire che si tratta di un indirizzo di posta elettronica e il link viene impostato automaticamente

Tuttavia ci sono dei casi in cui non egrave possibile o si preferisce non indicare lrsquoindirizzo e-mail per estesoad esempio potremmo avere ldquoPer informazioni scrivicirdquo

Volendo potremmo fare in modo che sulla parola ldquoscrivicirdquo ci sia impostata la funzione di invio e-mail

Selezioniamo quindi la parola andiamo su ldquoInserisci Linkrdquo scegliendo poi ldquoEmailrdquo

Inseriamo lrsquoindirizzo E-mail nellrsquoapposito campo e clicchiamo su ldquoimposta Linkrdquo

21210 Link ad un file scaricabile

Per collegare un file (espdf txt gif ecc) egrave necessario copiarlo dal proprio PC al server web

Non egrave infatti possibile che una pagina pubblicata su internet prenda come link dei files che di fatto sonosalvati in una directory del nostro computer

Typo3 mette a disposizione un area dovrsquoegrave possibile pubblicare i files per poi essere resi disponibili ai linkossia rende disponibile lrsquo ldquoUploadrdquo dei files da pc a server

Scegliere dal menugrave di sinistra sotto la sezione ldquoMediardquo la voce ldquoFilerdquo (figura Seleziona file (page 24))

Figura 226 Seleziona file

Si apriragrave sulla destra una nuova area dove troveremo i campi utili a ldquosfogliarerdquo il contenuto del nostropc al fine di passare i file o i files dal nostro computer al manager

Effettuato il passaggio potremo ritornare alla nostra pagina e riprendere la procedura di ldquocreazione linkrdquoselezionando questa volta la voce ldquoFilerdquo del pop-up

I campi proposti sono del tutto simili a quelli di creazione di link su pagine del sito e un elenco di files(tutti quelli disponibili caricati) potranno essere collegati

213 Modalitagrave Lista

Selezionando la voce ldquolistardquo (figura Backend modalitagrave lista (page 25)) dal menugrave di sinistra egrave possibileesplorare una pagina ldquopadrerdquo e tutte le pagine ldquofiglirdquo ed essa associate

Avvertimento Ricordarsi di attivare la voce in basso ldquoVista Estesardquo

213 Modalitagrave Lista 24

DocWeb Release 101

Figura 227 Backend modalitagrave lista

Utilizzando le icone poste alla destra di ogni voce si possono compiere diverse operazioni di modificavisualizzazione spostamento copia e incolla pagina ecc come precedentemente descritto

Dunque potremo dire che la modalitagrave lista costituisce una scorciatoia per semplificare ogni sorta dioperazione soprattutto in presenza di un numero considerevole di files

214 Modalitagrave Mostra

Figura 228 Backend modalitagrave mostra

Selezionando la voce ldquoMostrardquo (figura Backend modalitagrave mostra (page 25)) dal menugrave di sinistra egrave possibilenavigare il sito allrsquointerno del docweb direttamente nel backend

214 Modalitagrave Mostra 25

DocWeb Release 101

Inoltre accanto ai vari record troveremo posta lrsquoicona matita per eseguire eventuali modifichedirettamente sul punto e la pagina prescelti

Anche la modalitagrave ldquoMostrardquo come la rdquoListardquo (cap 13) costituisce una scorciatoia particolarmente indicataper semplificare lrsquooperazione di visualizzazione del sito e di modifica

215 Modalitagrave ldquoMonta come radice dellrsquoalberordquo

Quando esistono diverse e numerose pagine egrave possibile gestire solo la porzione di contenuto che ci interessariducendo lrsquoalberatura del sito (lato backend) ai minimi termini mediante il comando ldquomonta come radicedellrsquoalberordquo

Per effettuare il comando procedere come segue

Cliccare con il pulsante destro del mouse sul titolo pagina dal menugrave centrale

Selezionare la voce ldquoaltre opzionirdquo dal menugrave a tendina (figuraMenu altre opzioni (page 26)) che compariragravecome conseguenza dellrsquoazione descritta al punto uno

Figura 229 Menu altre opzioni

Selezionare dallrsquoulteriore menugrave che si apriragrave (figura Seleziona monta come radice (page 26)) la voceldquoMonta come radice dellrsquoalberordquo

Figura 230 Seleziona monta come radice

Lrsquoalberatura si ridurragrave automaticamente mostrando solo la porzione selezionata

Per ripristinare lo stato di partenza selezionare la voce in alto nel menugrave centrale (figura Elimina DBmount (page 26)) ldquoElimina DB mount temporaneordquo

Figura 231 Elimina DB mount

Il menugrave si espanderagrave nuovamente mostrando tutte le voci esistenti

215 Modalitagrave ldquoMonta come radice dellrsquoalberordquo 26

DocWeb Release 101

216 Ottenere il page-id di una pagina

2161 Frontend (FE)

Da frontend si puograve ottenere il page-id della pagina corrente nei seguenti modi

1 dalla barra degli indirizzi del proprio browser (figura Id dallrsquourl (page 27)) Il numero della paginaegrave quello dopo la stringa ldquoid=rdquo Nella figura egrave cerchiata in verde la stringa ldquoid=rdquo e il numero dellapagina (page-id)

Figura 232 Id dallrsquourl

2 Puntando il mouse sulla scritta [id] a pieacute pagina e leggendo il tooltip (figura Id dal tooltip (page 27))

Figura 233 Id dal tooltip

3 Solo per browser Firefox dal menugrave di contesto scegliere la voce ldquoVisualizza info paginardquo si apreuna finestra consultare quindi la lista Meta sotto la scheda Generale (Id dagli attributi (page 28))

2162 Backend (BE)

Da backend egrave possibile ottenere il page-id nei seguenti modi

1 leggendo il tooltip puntando il mouse sullrsquoicona della pagina nel riquadro della struttura del sito(figura Id dal tooltip nel backend (page 28))

2 dal modulo di modifica delle intestazioni della pagina (figura Id dalle intestazioni pagina nel backend(page 28)) Il numero egrave tra le parentesi quadre dopo il titolo della pagina

217 Admin Panel

Quando si inseriscono contenuti con Typo3 (backend) egrave possibile visualizzare unrsquoanteprima della paginache si sta creando per vedere i risultati del lavoro svolto

Per visualizzare unrsquoanteprima di una pagina occorre (figura Menu mostra (page 29))

1 posizionarsi sulla pagina da visualizzare

2 premere il tasto sinistro del mouse in corrispondenza del nome

216 Ottenere il page-id di una pagina 27

DocWeb Release 101

Figura 234 Id dagli attributi

Figura 235 Id dal tooltip nel backend

Figura 236 Id dalle intestazioni pagina nel backend

217 Admin Panel 28

DocWeb Release 101

Figura 237 Menu mostra

3 selezionare la voce Mostra

In base alla pagina scelta si avragrave un risultato come quello visualizzato nella figura Anteprima pagina conAdmin panel (page 29)

Figura 238 Anteprima pagina con Admin panel

La pagina presenteragrave nella parte superiore lrsquoanteprima della pagina Nella parte inferiore vienevisualizzato uno strumento denominato Admin Panel

Questo oggetto offre lato front-end alcune funzionalitagrave (figura Moduli Admin panel (page 30)) cheaiutano i gestori di contenuti nella creazionemodifica delle pagine web del sito

NellrsquoAdmin panel (figura sopra) egrave possibile distinguere

217 Admin Panel 29

DocWeb Release 101

Figura 239 Moduli Admin panel

1 Modulo Preview ndash offre la possibilitagrave di selezionare alcune opzioni sulla pagina per simulare alcunesituazioni in cui la pagina si puograve trovare durante la visualizzazione

2 Modulo Cache ndash offre la possibilitagrave di gestire la cache

Allrsquointerno del modulo Preview abbiamo le seguenti voci

Mostra pagine nascoste selezionando la casella di controllo corrispondente a questa voce si visual-izzeranno anche quelle che attualmente non sono visibili allrsquointerno del sito o perchegrave in lavorazioneo perchegrave ancora non egrave stata data lrsquoautorizzazione alla pubblicazione

Mostra record nascosti come per le pagine questa voce offre la possibilitagrave di poter visualizzare allrsquoin-terno della pagina quei contenuti nascosti che non sono ancora ultimati o che sono in attesa di unautorizzazione per la pubblicazione

Simula data con questo controllo egrave possibile simulare il comportamento della pagina in periodi tem-porali diversi Utilizzando la casella di testo egrave possibile inserire delle date In questo modo sirende possibile la visualizzazione di quegli elementi (ad es pagine news ) che sono abilitati acomparirescomparire in base a determinati criteri temporali impostati

Simula gruppo di utenti con questo controllo egrave possibile simulare il comportamento delle pagine inbase ad un determinato gruppo di utenti che vi accede Alcune pagine possono infatti avere uncomportamento diverso in base al tipo di utente che vi accede

Nota Durante la creazione di pagine egrave possibile restringere la visione di una determinata pagina aparticolari tipi di utenti (utenti di frontend) Questa caratteristica offre la possibilitagrave di definire delle areead accesso riservato del sito ossia sezioni del sito a cui egrave possibile accedere solo dopo essersi autenticatie dopo avere avuto i necessari diritti di accesso

Una volta selezionate le opportune scelte allrsquointerno dellrsquoADMIN Panel occorreragrave premere il tasto Aggior-na (figura Aggiorna Admin panel (page 31)) per prendere visione della pagina secondo i criteri impostati

Nota Nel caso in cui lrsquoutente abbia la possibilitagrave di accedere da back-end a piugrave siti (ciascuno con unproprio dominio) bisogna tenere presente che lrsquoADMIN Panel compare soltanto per le pagine relativeal dominio con cui lrsquoutente ha fatto il login In altre parole se un operatore ad esempio egrave abilitatoa lavorare sulle pagine di backend dei siti httpwwwsitoesempio1it e httpwwwsitoesempio2it ese lrsquooperatore accede al backend di DocWeb con lrsquoindirizzo httpwwwsitoesempio1ittypo3 allora

217 Admin Panel 30

DocWeb Release 101

Figura 240 Aggiorna Admin panel

lrsquoADMIN Panel compariragrave solo sulle pagine di frontend del dominio wwwsitoesempio1it e non su quelledel dominio wwwsitoesempio2it

217 Admin Panel 31

CAPITOLO 3

La Clipboard

Lrsquooggetto clipboard (rdquoblocco degli appuntirdquo) egrave molto utile quando si ha la necessitagrave di copiare o spostareuno o piugrave elementi di contenuto o una o piugrave pagine da una sezione del sito (contenitore di pagine) adunrsquoaltra

31 Copia o spostamento di un contenuto singolo di pagina allrsquointernodi unrsquoaltra pagina

Per prima cosa egrave necessario (figura Identifica contenuto (page 32))

Figura 31 Identifica contenuto

1 selezionare la voce Lista

2 selezionare la pagina che contiene il contenuto che si intende copiare (nella figura abbiamo sceltola pagina denominata ldquoCorso di formazione su Typo3rdquo

32

DocWeb Release 101

3 identificare dalla lista dei contenuti associati alla pagina quello da spostare

Supponiamo che si desideri copiare il contenuto denominato ldquoTesto 2rdquo (figura Copia contenuto (page 33))

Figura 32 Copia contenuto

Egrave sufficiente cliccare sullrsquoicona (nella figura sopra evidenziata con un cerchio rosso) di copia incorrispondenza del contenuto da copiare

Dopo avere eseguito questa operazione nella figura Risultato copia contenuto (page 34) possiamo notare

1 Egrave comparsa unrsquoicona nuova che mette in evidenza che nella clipboard egrave presente un elemento

2 Lrsquoicona di copia in corrispondenza del contenuto da spostare ha cambiato aspetto

A questo punto lrsquooggetto che si intende copiare egrave presente nella nostra clipboard

Il passo successivo egrave quello di selezionare la pagina in cui andare a posizionare lrsquoelemento (paginadestinazione)

Rimanendo sempre allrsquointerno del modulo Lista occorreragrave selezionare dallrsquoalberatura delle pagine la pag-ina destinazione Il procedimento da seguire per posizionarsi sulla pagina egrave lo stesso descritto in prece-denza Nella figura Incolla contenuto (page 34) viene evidenziato il contenuto di una pagina (denominataldquoPagina di Provardquo) in cui vogliamo copiare il contenuto

Per copiare il contenuto della clipboard nella pagina selezionare lrsquoicona Incolla contenuto Clipboard

Confermando lrsquooperazione il contenuto saragrave copiato allrsquointerno della pagina selezionata

Per effettuare lo spostamento di un contenuto di pagina allrsquointerno di unrsquoaltra pagina cliccare sullrsquoicona

di Taglia al posto dellrsquoicona copia e ripetere le operazioni sopra descritte

1 Selezionando la casella Mostra clipboard (figura Vista clipboard (page 35)) egrave possibile visualiz-zare lrsquooggetto clipboard Nel caso in figura lrsquoelemento copiato in precedenza (Testo 2) egrave ancoradisponibile allrsquointerno della clipboard Utilizzando il procedimento descritto infatti il contenuto

31 Copia o spostamento di un contenuto singolo di pagina allrsquointerno di unrsquoaltra pagina 33

DocWeb Release 101

Figura 33 Risultato copia contenuto

Figura 34 Incolla contenuto

31 Copia o spostamento di un contenuto singolo di pagina allrsquointerno di unrsquoaltra pagina 34

DocWeb Release 101

selezionato rimane ancora a disposizione dellrsquoutente che potragrave selezionare altre pagine destinazionesu cui eventualmente andare a copiare il contenuto Nel caso in cui si selezioni un altro elementoad esempio ldquoTesto 1rdquo lrsquoelemento presente viene automaticamente sostituito

2 Dallrsquooggetto clipboard egrave possibile rimuovere un elemento premendo il bottone di Elimina postoaccanto ad esso

Figura 35 Vista clipboard

Con il procedimento descritto fino ad ora egrave possibile scegliere soltanto un contenuto alla volta

32 Copia o spostamento di piugrave contenuti da una pagina ad unrsquoaltra

Nel caso in cui ci si trovi nella necessitagrave di copiare piugrave di un contenuto da una pagina allrsquoaltra egrave necessarioseguire i passi seguenti

1 Selezionare il modulo Lista

2 Selezionare la pagina di origine da cui prelevare i contenuti

3 Selezionare la casella Mostra clipboard

4 Selezionare una clipboard tra quelle denominate ldquoClipboard 1rdquo ldquoClipboard 2rdquo ldquoClipboard 3rdquo(punto 3 figura Vista clipboard con contenuto selezionato (page 36))

Selezionando ad esempio la clipboard contrassegnata come ldquoclipboard 1rdquo si avragrave la seguente situazione

32 Copia o spostamento di piugrave contenuti da una pagina ad unrsquoaltra 35

DocWeb Release 101

Figura 36 Vista clipboard con contenuto selezionato

32 Copia o spostamento di piugrave contenuti da una pagina ad unrsquoaltra 36

DocWeb Release 101

1 In corrispondenza di ogni contenuto si evidenzia una Casella di selezione Sopra la colonna con lecaselle di selezione egrave comparsa una lista di bottoni tra cui al momento distinguiamo

2 Bottone di copia elementi nella clipboard

3 Bottone di selezione tuttinessuno

Scegliendo ad esempio i primi due elementi e premendo il pulsante di copia elementi nella clipboard sipuograve notare che (figura Copia nella clipboard (page 37))

Figura 37 Copia nella clipboard

1 La clipboard che abbiamo scelto per la selezione multipla (ldquoClipboard 1rdquo) contiene la lista deglioggetti che abbiamo scelto di copiare

2 Ersquo comparsa lrsquoicona di Incolla contenuto Clipboard

La procedura della selezione della pagina di destinazione rimane identica a quella giagrave utilizzata per lacopia di un contenuto singolo (selezionare la pagina di destinazione su cui andare a posizionare i contenutiselezionati)

Egrave importante fare notare che seguendo le operazioni descritte sopra si ottiene come risultato lospostamento dei contenuti dalla pagina origine a quella destinazione

Se si desidera copiare gli elementi selezionati egrave necessario una volta selezionati gli elementi da copiarepremere il tasto copia gli items invece di spostarli (evidenziato con un cerchio rosso nella figura Tagliadalla clipboard (page 38))

32 Copia o spostamento di piugrave contenuti da una pagina ad unrsquoaltra 37

DocWeb Release 101

Figura 38 Taglia dalla clipboard

32 Copia o spostamento di piugrave contenuti da una pagina ad unrsquoaltra 38

DocWeb Release 101

In questo modo dopo avere confermato lrsquooperazione i contenuti o le pagine da copiare saranno presentisia nella pagina origine che in quella destinazione

32 Copia o spostamento di piugrave contenuti da una pagina ad unrsquoaltra 39

CAPITOLO 4

Modulo DAM (Digital AssetManagement)

Il modulo DAM (Digital Asset Management) offre la possibilitagrave di raccogliere e catalogare contenuti informato digitale come immagini documenti presentazioni

Ogni file inserito puograve essere corredato di informazioni aggiuntive (meta-informazioni) come la descrizionelrsquoautore parole chiave ecc

Attraverso il modulo DAM egrave possibile svolgere le seguenti operazioni

bull Caricamento e Aggiornamento di file

bull Ricerca di file allrsquointerno del DAM e modifica delle meta-informazioni associate ai file

41 Caricamento e Aggiornamento di file

Lrsquooperazione di CaricamentoAggiornamento di file serve per sottoporre al sistema DAM un particolarecontenuto memorizzato in formato digitale

Lrsquoelemento caricato saragrave poi disponibile a chi inserisce contenuti

Per iniziare lrsquooperazione di caricamento di un file egrave sufficiente selezionare la voce File che si trovaallrsquointerno del modulo Media (figura Menu file (page 41))

La maschera che si apre (figura File upload (page 41)) offre le seguenti possibilitagrave

1 Selezione della posizione dove andare a caricareaggiornare il file

2 Specificare alcuni documenti da caricare (area File)

Concentrandoci sullrsquoarea File (figura Dettaglio file upload (page 42)) distinguiamo

1 Voce Show upload location browser (punto 1 figura sopra) egrave possibile visualizzare i file attualmentecaricati nel Mount Point selezionato

2 Lista di bottoni denominati Sfoglia da utilizzare nel caso in cui si desideri caricareaggiornareun file

Se si desidera caricare un file occorre cliccare sul bottone Sfoglia

La finestra che appare (figura Sfoglia file (page 42)) permette di selezionare dal proprio PC il file dacaricare

Per selezionare un file da caricare occorre

1 Esplorare le cartelle del proprio PC per trovare il file

40

DocWeb Release 101

Figura 41 Menu file

Figura 42 File upload

41 Caricamento e Aggiornamento di file 41

DocWeb Release 101

Figura 43 Dettaglio file upload

Figura 44 Sfoglia file

41 Caricamento e Aggiornamento di file 42

DocWeb Release 101

2 Inserire il nome del file nella casella di testo Nome file

3 Premere il tasto Apri

Una volta che si egrave selezionato un file egrave possibile

1 selezionare altri file da caricare seguendo gli stessi passi descritti in precedenza

2 effettuare lrsquooperazione di caricamento del file vero e proprio

Dallrsquoesempio abbiamo scelto di caricare un solo file

Il caricamento dei file viene eseguito premendo il bottone ldquoUpload filesrdquo che si trova in fondo alla listadei file selezionati (figura File selezionato (page 43))

Figura 45 File selezionato

Se tutto egrave stato eseguito correttamente appariragrave una finestra come quella nella figura Process files(page 44)

In questa maschera egrave possibile

1 Specificare le meta-informazioni per il singolo file come ad esempio il titolo parole chiavedescrizione

2 Avviare il processo di elaborazione multipla premendo il bottone Process selected files Con questoprocesso egrave possibile inserire o modificare le meta-informazioni per tutti i file della lista (in questocaso solo uno)

Se si vuole eseguire lrsquoinserimento delle meta-informazioni per singolo file la finestra che si apre egrave similea quella presentata in figura Elaborazione metainformazioni singolo file (page 44)

Nel caso si scelga di eseguire il processo di elaborazione multipla la maschera che compare (figuraElaborazione metainformazioni file multipli (page 45)) permette di selezionare le meta-informazioni chelrsquoutente intende inserire contemporaneamente per tutti i file della selezione

41 Caricamento e Aggiornamento di file 43

DocWeb Release 101

Figura 46 Process files

Figura 47 Elaborazione metainformazioni singolo file

41 Caricamento e Aggiornamento di file 44

DocWeb Release 101

Figura 48 Elaborazione metainformazioni file multipli

41 Caricamento e Aggiornamento di file 45

DocWeb Release 101

Se si seleziona la checkbox accanto alla voce che eventualmente saragrave inserita questa viene aggiuntaalle informazioni eventualmente giagrave presenti (modalitagrave append) Nellrsquoaltro caso le informazioni sarannosovrascritte

I campi Titolo e Descrizione sono obbligatori mentre il campo Parole chiavi puograve essere valorizzato adiscrezione dellrsquoutente Informazioni su come valorizzare i campi elencati sopra saranno descritte suapposite linee guida

Per completare lrsquoinserimentoaggiornamento delle meta-informazioni riguardanti il file caricato occorrepremere il tasto Send (figura Salva metainformazioni (page 46)) in fondo alla maschera per il salvataggiodelle informazioni

Figura 49 Salva metainformazioni

Tornando alla maschera di caricamento file e selezionando la checkbox in corrispondenza della voceSovrascrivi file esistenti (figura Carica file sovrascrivendo (page 46)) saragrave possibile aggiornare eventualifile che hanno lo stesso nome di quello che stiamo caricando

Questa procedura egrave utile quando si vuole aggiornare il contenuto di un file che egrave giagrave presente nel DAM

Figura 410 Carica file sovrascrivendo

Nel caso di aggiornamento di un file le meta-informazioni del file rimangono le stesse inserite inprecedenza Come si puograve notare non viene offerta la possibilitagrave di inserirne di nuove

Nel caso in cui un file con lo stesso nome sia giagrave caricato e non si desideri aggiornarlo il file inseritoper ultimo viene rinominato con un suffisso generato automaticamente dal DAM In questo caso la voceSovrascrivi file esistenti non deve essere selezionata (figura Carica file senza sovrascrivere (page 47))

Nellrsquoesempio in figura viene presentata la lista dei file presenti nel mount point selezionato

Da notare la presenza di un file che egrave stato rinominato dal DAM con un suffisso ldquo_01rdquo dato che nellastessa posizione era giagrave presente un file con lo stesso nome

41 Caricamento e Aggiornamento di file 46

DocWeb Release 101

Figura 411 Carica file senza sovrascrivere

41 Caricamento e Aggiornamento di file 47

DocWeb Release 101

42 Ricerca di file allrsquointerno del DAM e modifica delle meta-informazioni

Rimanendo sempre allrsquointerno del modulo Media selezioniamo la voce List egrave possibile effettuare dellericerche dei file e modificare le meta-informazioni associate ai file

Nella figura Backend media list (page 48) distinguiamo

Figura 412 Backend media list

1 Parte relativa ai Mount Point disponibili

2 Parte relativa ai tipi di file caricati nel sistema

3 Schede List Thumbnails Selection Process

Da questa sezione egrave possibile effettuare ricerche sui file caricati nel DAM

Le ricerche che si possono eseguire sono del tipo ldquotrova tutti i file pdf e docrdquo oppure ldquoelenca tutti i filedi tipo immagine ad eccezione dei file con estensione gifrdquo

Per prima cosa facendo click sul nome del tipo file (es gif oppure image) si seleziona solo quel tipo difile e si escludono tutti i criteri selezionati in precedenza

Per aggiungere un altro criterio di ricerca egrave sufficiente selezionare il ldquo+rdquo (punto 1 nella figura Criteri diselezione (page 49)) posto accanto al tipo di file che si vuole selezionare

Con il ldquo-ldquo(punto 2) saragrave possibile rimuovere il tipo di file dai criteri di ricerca

Selezionando ldquo=rdquo (punto 3) egrave possibile introdurre clausole del tipo ldquocerca un file che sia doc e presentenel Mount Point chiamato lsquoArea Testrsquordquo (ossia effettua una ricerca che risponda a tutti i criteri impostati)

Nellrsquoesempio della figura Salva selezione (page 49) sono stati selezionati tutti i tipi di immagine adeccezione dei file con estensione gif Questo risultato si ottiene nel seguente modo

1 selezionare il ldquo+rdquo accanto alla voce ldquoimagerdquo

2 premendo il tasto ldquo-ldquo in corrispondenza della voce ldquogifrdquo

I criteri impostati per la selezione possono essere salvati per un uso futuro Per salvare la selezioneoccorre (figura Salva selezione (page 49))

1 riempire il campo sotto la voce SELECTION con un nome che identifichi la ricerca

2 premere il tasto Save per salvare la modalitagrave di ricerca impostata

In questo modo saragrave possibile richiamare e rieseguire la ricerca impostata anche in futuro senza doverripetere il procedimento di scelta dei criteri mostrato in precedenza

42 Ricerca di file allrsquointerno del DAM e modifica delle meta-informazioni 48

DocWeb Release 101

Figura 413 Criteri di selezione

Figura 414 Salva selezione

42 Ricerca di file allrsquointerno del DAM e modifica delle meta-informazioni 49

DocWeb Release 101

Se in futuro saranno inseriti nuovi file che soddisfano la ricerca salvata questi verranno selezionati quandoverragrave richiamata la ricerca salvata

Dalla figura Ricerca salvata (page 50) egrave possibile notare come richiamare la ricerca salvata In questocaso abbiamo salvato la ricerca con il nome ldquoimmaginisenzagifrdquo

Figura 415 Ricerca salvata

Una volta che si egrave selezionata la ricerca egrave possibile

1 Premere il tasto Load per ricaricare la ricerca precedentemente impostata

2 Premere Remove per rimuovere la ricerca salvata

Una volta effettuata una particolare selezione di file egrave possibile (figura Schede backend media list(page 50))

Figura 416 Schede backend media list

1 vedere il contenuto della selezione (schede List e Thumbnails)

2 vedere i criteri impostati per la ricerca (scheda Selection)

3 modificare le meta-informazioni associate ai file (scheda Process) secondo quanto descritto inprecedenza

Nella figura Scheda selection (page 51) egrave visualizzato come selezionando la scheda Selection egrave possibileprendere visione dei criteri impostati nella ricerca (la ricerca egrave quella dellrsquoesempio precedente)

Selezionando le schede List e Thumbnails dopo avere effettuato una qualsiasi selezione si potrebbe avereuna situazione come quella mostrata nella figura Scheda list (page 51)

Cliccando sullrsquoicona corrispondente ad uno dei file presenti nella lista (selezionato con un cerchio rosso)egrave possibile accedere ad un menugrave contestuale (figura Menu contestuale DAM (page 51))che permette disvolgere le seguenti operazioni

Modifica Offre la possibilitagrave di visualizzare e modificare le meta-informazioni associate al file

Rinomina Selezionando la seguente voce egrave possibile assegnare un altro nome al file che si egrave caricato

Replace file Avvia lrsquooperazione di sostituzione del file

Info Visualizza informazioni relative al file

Cancella Rimuove il file dal DAM

42 Ricerca di file allrsquointerno del DAM e modifica delle meta-informazioni 50

DocWeb Release 101

Figura 417 Scheda selection

Figura 418 Scheda list

Figura 419 Menu contestuale DAM

42 Ricerca di file allrsquointerno del DAM e modifica delle meta-informazioni 51

CAPITOLO 5

Modulo Pagine di download

51 Inserimento e configurazione pagine di download

La creazione di pagine di download egrave utile quando si vuole mettere a disposizione una lista di uno o piugravefile in forma scaricabile

Per creare una pagina di download egrave necessario seguire i seguenti passi

1 Creare una pagina standard

2 Inserire il plugin DAM Download List

3 Configurare il plugin

Per creare una pagina egrave sufficiente entrare nel modulo Pagina e selezionare Crea nuovo record per accederealla finestra di creazione pagine

Nellrsquoesempio in figura Backend creazione contenuto (page 52) egrave stata creata la pagina denominata ldquoPaginadownloadrdquo come figlio della pagina ldquoPagina di provardquo

Figura 51 Backend creazione contenuto

Una volta creata la pagina occorre configurarla in maniera tale da permettere la visualizzazione di unalista di file scaricabili Per fare ciograve occorre inserire un plugin denominato ldquoDAM Download Listrdquo Unplugin egrave un contenuto speciale da inserire in una pagina

52

DocWeb Release 101

Per inserirlo come per un contenuto occorre seguire i seguenti passi (figura Backend creazione contenuto(page 52))

1 Selezionare la pagina in cui inserire il plugin Nellrsquoesempio la pagina denominata ldquoPaginadownloadrdquo

2 Selezionare la voce Clicca qui per il wizard nella maschera che compare quando si vuole inserire unnuovo record

Figura 52 Wizard nuovo contenuto

Oltre ai normali contenuti standard il wizard permette di selezionare (figura Wizard nuovo contenuto(page 53))

1 Contenuti speciali

2 Moduli

3 Plugins

Allrsquointerno della lista dei Plugins selezionare DAM Lista dei file scaricabili (punto 4 nella figura Wizardnuovo contenuto (page 53))

Dopo aver selezionato il plugin occorreragrave selezionare la posizione della pagina in cui inserire lrsquoelemento

Selezionare ldquoNormalerdquo

A questo punto il plugin egrave inserito nella pagina desiderata

51 Inserimento e configurazione pagine di download 53

DocWeb Release 101

Oltre allrsquoinserimento occorre configurare il plugin in modo da dirgli quali file far visualizzare

Una volta che il plugin viene inserito viene aperta una finestra (figura Contenuto pagina (page 54)) doveviene richiesto di selezionare dei file inseriti nel sistema

Figura 53 Contenuto pagina

Per proseguire correttamente egrave necessario salvare immediatamente il Contenuto Pagina altrimenti leoperazioni successive potrebbero andare perse

Per inserire i file nella lista occorre effettuare la seguente operazione (figura Contenuto pagina (page 54))

1 Nella parte della maschera denominata DAM Lista di file scaricabili selezionare lrsquoicona SfogliaRecord (cerchiata in rosso) per avviare la procedura di selezione dei file

Selezionando la voce Sfoglia Record verragrave aperto lrsquoElement Browser di TYPO3 che ci permette di se-lezionare i file da inserire nel plugin La finestra (figura Element browser (page 55)) egrave composta di dueschede

1 Media ndash permette di selezionare i file giagrave esistenti nel sistema

2 Upload ndash permette di caricare nuovi file

Selezionando la sezione Media egrave possibile selezionare dalla lista i file da inserire

51 Inserimento e configurazione pagine di download 54

DocWeb Release 101

Figura 54 Element browser

Se la lista dei file fosse troppo lunga egrave possibile effettuare delle ricerche per nome e per tipologia di file(doc htm )

Per cercare per nome (figura Ricerca per nome (page 55)) occorre inserire nella casella di testo Cercastringa (punto 1 nella figura sopra) il nome o parte del nome del file da cercare Una volta specificata lastringa di ricerca premere il tasto Cerca (punto 2)

Figura 55 Ricerca per nome

Per cercare un particolare tipo di file selezionare il nome dellrsquoestensione che si desidera dallrsquoelenco deitipi di file (figura Ricerca per tipo (page 56))

Nota I due tipi di ricerca possono essere usati contemporaneamente

Selezionando la voce informazioni (punto 1 nella figura Selezione file (page 56)) egrave possibile visualizzarele meta-informazioni associate al file

Premendo con il mouse sul nome del file (punto 2) o sullrsquoicona associata (punto 3) si inserisce il file nellalista dei file da far visualizzare nella pagina di download mediante lrsquoapposito plugin

Selezionando la scheda Upload si puograve inserire un file non presente nel sistema (figura Caricamentoimmediato file (page 56))

51 Inserimento e configurazione pagine di download 55

DocWeb Release 101

Figura 56 Ricerca per tipo

Figura 57 Selezione file

Figura 58 Caricamento immediato file

51 Inserimento e configurazione pagine di download 56

DocWeb Release 101

Scegliere i file dal proprio PC seguendo le operazioni giagrave descritte nel modulo DAM e selezionare dallascheda Media i nuovi file inseriti

Nella figura Plugin con file selezionati (page 57) egrave visualizzato un esempio di maschera di configurazionedel plugin con la lista dei file selezionati

Figura 59 Plugin con file selezionati

I file una volta inseriti possono essere ordinati selezionando sugli appositi bottoni posti a destra dellalista file

bull Per ordinare un determinato file occorre

bull Selezionare un file

Premere uno dei tasti (figura sopra) per

1 Spostare in prima posizione

2 Spostare in alto di una posizione

3 Spostare in basso di una posizione

4 Spostare in ultima posizione

5 Rimuovere dalla lista il file selezionato

Una volta eseguiti i passaggi sopra descritti salvare la configurazione del plugin

51 Inserimento e configurazione pagine di download 57

CAPITOLO 6

Modulo Sitemap

Ersquo possibile generare una mappa del sito scegliendo un contenuto speciale di tipo ldquoMappa del Sitordquo comemostrato nella figura Contenuto mappa del sito (page 58)

Figura 61 Contenuto mappa del sito

Per scegliere un record di tipo ldquomappa del sitordquo (per visualizzare cioegrave la vista dei contenuti possibili)saragrave necessario portarsi in modalitagrave ldquopaginardquo compiendo gli stessi passaggi descritti per la creazione dicontenuti semplici in fase di creazione delle pagine (in questo caso selezionando il contenuto specialemappa)

58

DocWeb Release 101

61 Scheda di configurazione Mappa

La scheda di configurazione si presenta come nella figura Scheda mappa del sito (page 59)

Figura 62 Scheda mappa del sito

I campi fondamentali da personalizzare sono lrsquointestazione (ossia il titolo pagina) il tipo di menugrave e ilpunto di partenza Nellrsquointestazione viene inserito come di consuetudine il titolo pagina

62 Tipo di mappa

Ersquo possibile scegliere il tipo di mappa che si desidera creare consultando il menugrave a tendina ldquotipo di menugraverdquoche ci offriragrave diverse opzioni

Le piugrave frequentemente usate sono di tipo ldquoMenugrave delle sottopagine rdquo come indicato nella figura Tipo dimenu (page 60)

Menugrave delle sottopagine di queste pagine Scegliendo questa opzione da una pagina padre sigenereragrave un record che mostreragrave al suo interno tutte le sottovoci figlio con relativo link

Menugrave delle sottopagine di queste pagine (con abstract) Genera una mappa sia delle sottopagineche dei sottotitoli

Menugrave delle sottopagine di queste pagine + sezioni Genera una mappa sia delle sottopagine chedei record (link alle intestazioni dei singoli record)

Selezionando voci di menugrave di sottopagine egrave anche possibile stabilire un determinato punto di partenzasfogliando lrsquoapposito record

61 Scheda di configurazione Mappa 59

DocWeb Release 101

Figura 63 Tipo di menu

63 Il ldquopunto di partenzardquo della mappa

Il ldquopunto di partenzardquo dei Menugrave delle sottopagine Scheda mappa del sito (page 59) costituisce la paginadalla quale il sistema partiragrave per creare la mappa

Si potragrave quindi creare una mappa (di tipo menugrave delle sottopagine) che mostri solamente il percorso diquella porzione di menugrave che si intende mostrare

63 Il ldquopunto di partenzardquo della mappa 60

CAPITOLO 7

Modulo News

71 Inserimento e modifica di news

Alcune sezioni del nostro sito potrebbero essere state configurate per permettere la visualizzazione dinotizie

Per poter visualizzare le news correttamente occorre che queste ultime vengano inserite in una determi-nata posizione allrsquointerno del backend Da questa posizione che chiameremo repository delle news lenostre pagine andranno a prelevare le news da visualizzare al loro interno

Figura 71 Backend news

Nellrsquoesempio presentato nella figura Backend news (page 61) distinguiamo

1 il repository delle news che egrave stato creato

2 Un esempio di come potrebbe apparire il contenuto del repository delle news (lista delle news)

Per poter visualizzare il contenuto del repository delle news occorre seguire i seguenti passi

1 entrare nel modulo Pagina

61

DocWeb Release 101

2 selezionare il repository delle news corrispondente (nellrsquoesempio della figura Backend news (page 61)il Repository delle news si chiama ldquoNews Area Testrdquo)

Poniamo ora la nostra attenzione alla lista delle news (figura Lista news (page 62)) Da qui egrave possibile

bull Inserire una nuova notizia

bull Modificare le notizie giagrave esistenti

Per inserire una nuova notizia occorre selezionare la voce Crea nuovo record (figura Lista news (page 62))posta in fondo alla lista delle news

Figura 72 Lista news

A questo punto si apre la finestra di creazione Nuovo record da cui occorre selezionare la voce News(figura Nuovo record news (page 62))

Figura 73 Nuovo record news

Eseguendo le operazioni sopra descritte si accede alla maschera di inserimento news (figura Inserimentonews scheda generale (page 63))

Questa si compone di due schede una denominata Generale e unrsquoaltra denominata Relations

Nella scheda Generale egrave possibile inserire

Titolo in questo spazio egrave possibile specificare un titolo della news

Nascondi questo controllo determina se la news egrave pubblicabile oppure no Come avviene per le pagineanche per le news egrave consigliabile tenere la news nascosta durante la lavorazione Facciamo notare

71 Inserimento e modifica di news 62

DocWeb Release 101

Figura 74 Inserimento news scheda generale

71 Inserimento e modifica di news 63

DocWeb Release 101

che appena viene aperta la maschera di inserimento di una nuova news il controllo appare giagrave instato nascosto

Dataora in questo spazio viene indicata la data e lrsquoora della creazione della news in base ai parametridi sistema

Data Archiviazione in questo spazio viene inserita la data di Archiviazione di una news

Autore permette di specificare un autore della news

Email permette di specificare un e-mail a cui fare riferimento

Sottointestazione questo campo conterragrave una breve descrizione (abstract) della news La sottointes-tazione egrave quella parte della news che compare quando viene visualizzata la lista delle news e serveper dare una breve descrizione al contenuto della news (si veda Esempio news (page 64))

Figura 75 Esempio news

Durante lrsquoinserimento di una news egrave consigliabile specificare sempre una sottointestazione

Testo egrave il campo che contiene il contenuto vero e proprio della news Egrave possibile utilizzare tutte lefunzionalitagrave messe a disposizione dallrsquoeditor RTE

72 Modalitagrave Relations

Nella modalitagrave Relations (figura Inserimento news scheda relations (page 65)) egrave possibile inserire

Immagini contiene una lista di immagini da associare alla news Il procedimento per la se-lezionecaricamento delle immagini egrave stato descritto nella parte dedicata alla creazione di paginedi download a cui vi rimandiamo

Didascalia permette di specificare una descrizione per lrsquoimmagine associata alla news

Image alttext e Image titletext permette di specificare un testo che in visualizzazione (Frontend)compariragrave al passaggio del mouse sopra lrsquoimmagine

News correlate permette di specificare news o pagine del sito da associare alla news Il procedimentodi selezione delle news da associare alla notizia saragrave spiegato successivamente

DAM elements permette di assegnare alla news dei documenti da scaricare come per esempioil programma di un determinato evento Anche in questo caso il procedimento per la se-lezionecaricamento dei documenti egrave quello giagrave descritto nella parte dedicata alla creazione dipagine di download

Descriviamo il procedimento da seguire per associare alcune pagine o alcune news alla notizia che stiamoinserendo

Premere il tasto di Sfoglia Record evidenziato nella figura Sfoglia record news (page 65)

Verragrave aperta una finestra che contiene un Element Browser che ci permette di selezionare le newspagine(figura Element browser news (page 66)) da associare

La finestra di selezione si suddivide nelle seguenti parti (figura sopra)

Alberatura del sito da cui egrave possibile esplorare gli elementi del nostro sito (pagine sysfolder )Premendo con il tasto sinistro del mouse sul nome della pagina o sulla freccia corrispondente verragraveaggiornata la parte di destra della finestra in cui egrave inserita la lista degli elementi associabili

72 Modalitagrave Relations 64

DocWeb Release 101

Figura 76 Inserimento news scheda relations

Figura 77 Sfoglia record news

72 Modalitagrave Relations 65

DocWeb Release 101

Figura 78 Element browser news

Lista degli elementi associabili egrave quindi possibile selezionare gli elementi da associare alla newsPer associare un elemento si puograve selezionare il simbolo ldquo+rdquo posto accanto allrsquoelemento desideratoo agendo sul nome del file Nel primo caso lrsquoelemento viene aggiunto ma la finestra non si chiuderagrave(utile per effettuare selezioni multiple) mentre nel secondo caso lrsquoelemento viene aggiunto e lafinestra si chiuderagrave (selezione singola)

Nota Per associare una o piugrave news alla notizia che stiamo inserendo occorreragrave innanzitutto selezionareil repository delle news e utilizzando i metodi descritti in precedenza indicare le news di interesse

Nella figura Selezione repository (page 66) viene visualizzato come appare lrsquoElement Browser dopo averselezionato il repository delle news denominato ldquoNews Corso Typo3rdquo

Figura 79 Selezione repository

Una volta ultimato il procedimento di inserimento di una news vedremo che nel repository compariragrave(figura News nel repository (page 67)) anche quella da noi creata Nellrsquoesempio la news creata si chiamaldquoTitolo della news di provardquo

Dalla lista delle news possiamo notare che i diversi tipi di news sono contrassegnati con icone diverse

In particolare distinguiamo

72 Modalitagrave Relations 66

DocWeb Release 101

Figura 710 News nel repository

bull News (icona ldquocelestinardquo)

bull Collegamento a URL esterna (icona ldquorosardquo)

bull Collegamento a pagina interna (icona ldquogiallinardquo)

Per modificare il contenuto di una news egrave sufficiente selezionare il simbolo di modifica (figura Modificanews (page 67)) in corrispondenza della news da modificare

Figura 711 Modifica news

73 News collegata a URL esterna e a pagina interna

Attraverso la selezione della finestra ldquoTipordquo egrave possibile scegliere diverse tipologie di news

Nella figura News collegata a url esterna (page 68) egrave stato selezionato il Collegamento a URL esterna checi offriragrave la possibilitagrave di specificare un link (ldquoURL esternordquo) da far visualizzare e che saragrave contraddistintain lista da lrsquoicona di colore rosa

Selezionando il Collegamento a pagina interna viene offerta la possibilitagrave di inserire un collegamento auna pagina del sito (evidenziato nella figura News collegata a pagina interna (page 69))

La news si presenteragrave con icona di color ldquogiallordquo e al suo interno conterragrave un link alla pagina interna alsito

73 News collegata a URL esterna e a pagina interna 67

DocWeb Release 101

Figura 712 News collegata a url esterna

73 News collegata a URL esterna e a pagina interna 68

DocWeb Release 101

Figura 713 News collegata a pagina interna

73 News collegata a URL esterna e a pagina interna 69

DocWeb Release 101

74 Eliminazione delle News

Per eliminare una news possiamo procedere tra lrsquoaltro in due modi

1 Selezionare la news da eliminare dallrsquoelenco e selezionare la voce ldquocancellardquo dal menugrave a tendinaconsultabile cliccando con il pulsante destro sullrsquoicona in corrispondenza della news (figura Eliminanews da menu contestuale (page 70))

Figura 714 Elimina news da menu contestuale

2 Entrare allrsquointerno della modalitagrave di modifica della news attraverso lrsquoicona ldquomatitardquo e selezionare lrsquoi-cona raffigurante il bidone di elimina posta in alto pagina (figura Elimina news da scheda contenuto(page 70))

Figura 715 Elimina news da scheda contenuto

75 Ordinamento delle News e ricerca

Puograve essere necessario durante la visualizzazione della lista delle news (lato backend) di dover effettuaredegli ordinamenti al fine di permettere una ricerca piugrave veloce delle news da modificare

74 Eliminazione delle News 70

DocWeb Release 101

Avvertimento Lrsquoordinamento ha valore solo come ricerca allrsquointerno del backend mentre latofrontend rispecchieragrave i parametri prestabiliti dal sistema

Supponiamo per esempio di voler effettuare un ordinamento per Titolo Seguiamo i seguenti passi(figura sotto)

1 Selezionare la voce di menugrave Lista

2 Selezionare il deposito delle news (repository) News Corso Typo3

3 Cliccare con il mouse in corrispondenza della voce ldquoTitolordquo

A questo punto (figura Ordinamento news (page 71)) le news vengono ordinate in ordine crescente(vengono visualizzate prima le news con titolo che inizia con la lettera a b e cosigrave via)

Figura 716 Ordinamento news

Se clicchiamo unrsquoaltra volta sulla voce ldquoTitolordquo il tipo di ordinamento cambia da crescente a decrescente(compariranno per prima le news con titolo che inizia per z )

Egrave inoltre possibile ordinare secondo campo da noi specificato Per definire il nome di un campo (ad estesto inizio autore ) su cui effettuare lrsquoordinamento occorreragrave spostarsi in fondo alla lista delle newsdove troveremo una lista di campi (figura Mostra campo aggiuntivo news (page 71))

Figura 717 Mostra campo aggiuntivo news

Dalla lista possiamo

bull Selezionare la voce in base alla quale effettuare lrsquoordinamento (ad esempio Immagini)

bull Premere il tasto Imposta campi per aggiungere alla lista dei campi visualizzati quello selezionato

75 Ordinamento delle News e ricerca 71

DocWeb Release 101

A questo punto il campo selezionato (nel nostro esempio il campo Immagini) compare nella lista dellenews (il campo aggiunto egrave evidenziato con un riquadro in alto a destra nella figura Ordinamento campoaggiuntivo news (page 72))

Figura 718 Ordinamento campo aggiuntivo news

Effettuare le stesse operazioni illustrate per il campo Titolo per ordinare in modo crescente e decrescentele news secondo il criterio impostato (click pulsante sinistro sul nome etichetta)

Egrave anche possibile ricercare le news in base al testo contenuto nel titolo sottotitolo descrizione eccUtilizzando la maschera di ricerca in fondo pagina (evidenziata nella figura Ricerca news (page 72))

Figura 719 Ricerca news

Per effettuare una ricerca egrave necessario seguire i seguenti passi

1 Inserire nel campo Cerca Stringa il testo da cercare (nel nostro esempio ldquonequerdquo)

2 Premere il tasto Cerca per eseguire la ricerca secondo i criteri impostati

In questo modo nella lista delle news compariranno solo quelle che contengono il testo specificatoEffettuata la ricerca egrave possibile effettuare degli ordinamenti come spiegato in precedenza

75 Ordinamento delle News e ricerca 72

CAPITOLO 8

Modulo Eventi

Avvertimento SEZIONE NON COMPLETA

Si confrontino i seguenti due tipi di contenuti

Evento egrave un tipo di contenuto adatto a descrivere qualcosa che accadragrave o che egrave accaduto in una certadata La data o le date in cui lrsquoevento ricorre sono strettamente legate ad un luogo in cui lrsquoeventosi verificheragravesi egrave verificato Gli eventi vengono rappresentati mediante la metafora dellrsquoagenda edel calendario

Notizia egrave un tipo di contenuto caratterizzato dalla data di pubblicazione secondo la metafora delgiornale online E come in un giornale online una notizia puograve riferirsi sia a fatti giagrave accaduti chea fatti a venire

Nota Per comprendere meglio la differenza tra i due tipi di contenuto si pensi che dato un eventoche ha una certa data di svolgimento (ad es 20 maggio) di tale evento posso realizzare piugrave di unanotizia Rimanendo nellrsquoesempio potrei pubblicare una notizia il 10 maggio per preannunciare lrsquoeventoe poi unrsquoaltra il 18 maggio per ricordarne lrsquoimminenza Infine potrei pubblicare una notizia di riepilogo(cronaca dellrsquoevento immagini ecc) il 22 maggio

81 Scopo del modulo Eventi

Il visitatore del sito deve poter cogliere le informazioni essenziali di un evento

bull Cosa sta per succedere

bull Dove accadragrave

bull Quando accadragrave

82 Il Backend ndash Modulo Pagina

Vedi figura Eventi vista modulo pagina (page 74)

83 Il Backend ndash Modulo Lista

Vedi figura Eventi vista modulo lista (page 74)

73

DocWeb Release 101

Figura 81 Eventi vista modulo pagina

Figura 82 Eventi vista modulo lista

83 Il Backend ndash Modulo Lista 74

DocWeb Release 101

84 Creazione di un evento

Prima di procedere poniamoci qualche domanda

bull Lrsquoevento appartiene a qualche rassegna iniziativa per la quale sono in programma altri eventiPer esempio

ndash Rassegne teatrali cinematografiche

ndash Festival

bull Lrsquoevento si ripete

ndash La replica avviene sempre nello stesso luogo

841 Creazione del record

Vedi figura Creazione nuovo evento (page 75)

Vedi figura Creazione nuovo record evento (page 76)

Figura 83 Creazione nuovo evento

842 Scheda ldquoGeneralerdquo

Vedi figura Evento scheda generale (page 76)

843 Scheda ldquoFinestra temporalerdquo

Orario repliche

Vedi figura Evento finestra temporale (page 78)

84 Creazione di un evento 75

DocWeb Release 101

Figura 84 Creazione nuovo record evento

Figura 85 Evento scheda generale

84 Creazione di un evento 76

DocWeb Release 101

bull Lrsquoorario va solo per le Finestre temporali di un giorno (data inizio = data fine)

bull Se non si conosce lrsquoora della fine impostare ora inizio = ora fine

844 Scheda ldquoTestordquo

Vedi figura Evento scheda testo (page 79)

84 Creazione di un evento 77

DocWeb Release 101

Figura 86 Evento finestra temporale

84 Creazione di un evento 78

DocWeb Release 101

Figura 87 Evento scheda testo84 Creazione di un evento 79

  • Introduzione
    • Cosegrave DocWeb
    • Concetti chiave
      • Funzionalitagrave di Base
        • Il CMS Typo3 ldquobackendrdquo e ldquofrontendrdquo
        • Cambio password di accesso
        • Albero delle pagine
        • Implementazione delle pagine ldquogenitori rdquo e ldquofiglirdquo
        • Inserimento Nuova pagina
        • Elementi standard della pagina
        • Inserimento contenuti di una pagina
        • Contenuti multipli allrsquointerno di una pagina
        • Modifica dei contenuti della pagina
        • Spostamento di pagine
        • Eliminazione pagine
        • Rich Text Editor
        • Modalitagrave Lista
        • Modalitagrave Mostra
        • Modalitagrave ldquoMonta come radice dellrsquoalberordquo
        • Ottenere il page-id di una pagina
        • Admin Panel
          • La Clipboard
            • Copia o spostamento di un contenuto singolo di pagina allrsquointerno di unrsquoaltra pagina
            • Copia o spostamento di piugrave contenuti da una pagina ad unrsquoaltra
              • Modulo DAM (Digital Asset Management)
                • Caricamento e Aggiornamento di file
                • Ricerca di file allrsquointerno del DAM e modifica delle meta-informazioni
                  • Modulo Pagine di download
                    • Inserimento e configurazione pagine di download
                      • Modulo Sitemap
                        • Scheda di configurazione Mappa
                        • Tipo di mappa
                        • Il ``punto di partenza della mappa
                          • Modulo News
                            • Inserimento e modifica di news
                            • Modalitagrave Relations
                            • News collegata a URL esterna e a pagina interna
                            • Eliminazione delle News
                            • Ordinamento delle News e ricerca
                              • Modulo Eventi
                                • Scopo del modulo Eventi
                                • Il Backend ndash Modulo Pagina
                                • Il Backend ndash Modulo Lista
                                • Creazione di un evento
Page 16: DocWeb€¦ · per la realizzazione e la gestione di siti web della Pubblica Am-ministrazione. La piattaforma tecnologica utilizzata è il CMS (Content Management System) Open SourceTypo31

DocWeb Release 101

Figura 216 Crea contenuto normale

Per entrambe le opzioni si apriragrave una schermata come nella figura Seleziona contenuto paragrafo(page 14))

Scegliamo di inserire un paragrafo di testo semplice Notiamo come il sistema ci consente di scegliereforme alternative di contenuti (es immagini sotto il testo a sinistra solo immagini ecc) Approfondire-mo in seguito le modalitagrave per creare contenuti piugrave articolati e contenuti multipli e selezioniamo la voceldquoparagrafo di testordquo

271 Paragrafo di testo

Allrsquointerno di un paragrafo di testo potremo inserire un contenuto e tutte le opzioni ad esso legato (figuraModifica contenuto testo (page 15))

Si noti come lrsquoarea egrave divisa in 4 blocchi orizzontali Tipo Intestazione Testo Opzioni generali Inbasso e in alto troviamo anche la serie di icone per il salvataggio del documento di cui abbiamo giagraveprecedentemente parlato

Area Tipo

Nel menugrave a tendina dellrsquoarea tipo egrave possibile modificare il tipo di contenuto che vogliamo inserire Laschermata ci dice che siamo su ldquotestordquo ma volendo potremmo anche cambiare con le altre forme dicontenuto a nostra disposizione

Area Intestazione

Rappresenta il titolo della pagina Viene inserito allrsquoinizio della pagina ed ha una rilevanza graficamaggiore rispetto al resto del contenuto

Un buon titolo egrave breve ma incisivo rispecchia in poche parole il contenuto della pagina riassumelrsquoargomento trattato

27 Inserimento contenuti di una pagina 13

DocWeb Release 101

Figura 217 Seleziona contenuto paragrafo

27 Inserimento contenuti di una pagina 14

DocWeb Release 101

Figura 218 Modifica contenuto testo

27 Inserimento contenuti di una pagina 15

DocWeb Release 101

Ersquo inoltre possibile anche se sconsigliabile associare un link allrsquointestazione cambiare la sua posizioneinserire una data

Testo

Rappresenta con il suo grande quadrilatero bianco lrsquoarea allrsquointerno della quale andremo ad inserire ilnostro testo

Digitando un semplice testo in visualizzazione questo assumeragrave colore dimensione e carattere inconformitagrave allo stile preimpostato per le pagine del sito

Per la formattazione del testo saragrave possibile usare lo strumento RTE (di seguito descritto)

Opzioni generali (parametri di visibilitagrave)

Apparizione programmata

Cliccando accanto al quadrato della voce ldquoInizio rdquo e ldquoFinerdquo si attiveragrave un modulo data che ci consentiragravedi impostare le date di Inizio pubblicazione e di Fine pubblicazione (depubblicazione) di una pagina

Potremo quindi stabilire quando una pagina dovragrave essere pubblicata eo quando dovragrave cessare di esserevisibile on-line La programmazione dellrsquoinizio di pubblicazione non implica che ci sia necessariamenteuna fine e vice versa

Ciograve significa che potremo quindi decidere di pubblicare una pagina in una certa data e che la pubblicazioneduri nel tempo (almeno fino a quando non decideremo di togliere la visualizzazione on-line manualmente)

Pagine nascoste

Ersquo possibile nascondere il contenuto delle pagine cliccando il quadrato a sinistra della voce ldquoNascondirdquoScegliendo questa opzione la pagina continueragrave ad esistere ma non saragrave visibile il suo contenuto

Lrsquoopzione si rileva particolarmente utile in caso di pagina strutturata su contenuti multipli

28 Contenuti multipli allrsquointerno di una pagina

Avendo creato una pagina potremo in ogni momento svilupparla ulteriormente aggiungendo ulterioricontenuti

Clicchiamo sul menugrave di sinistra sulla voce ldquoPaginardquo in modo da caricare il menugrave centrale contenentelrsquoalberatura del sito

Clicchiamo sul titolo della pagina da modificare con il pulsante sinistro oppure con il destro e scegliamoldquomodificardquo

A destra si apriragrave il nostro ambiente di lavoro come nella figua Modifica contenuto normale (page 17)

Vedremo in pratica la stessa schermata proposta per la creazione di una nuova pagina con lrsquoaggiunta dialcune icone come indicato in figura

1 Modifica

2 Nuovo record

3 Cerca Stringa

Cliccando su Modifica comrsquoegrave intuibile saremo riportati nella pagine dellrsquoeditor dove potremo modificareil nostro testo link immagini ecc

Cliccando su nuovo record invece avremmo la possibilitagrave di aggiungere un nuovo contenuto alla paginae nella posizione che sceglieremo

28 Contenuti multipli allrsquointerno di una pagina 16

DocWeb Release 101

Figura 219 Modifica contenuto normale

28 Contenuti multipli allrsquointerno di una pagina 17

DocWeb Release 101

Il contenuto non avragrave vincoli con i record precedenti pur apparendo nella stessa pagina del frontend Ciogravegarantisce una vantaggiosa gestione delle pagine che suddivise in ldquosezionirdquo potranno essere di volta involta pubblicate cancellate modificate a blocchi di contenuto senza toccare lrsquointera pagina

Si potragrave suddividere la stessa pagina in diverse aree (record) ossia ldquocontenuti multiplirdquo via via aggiornabilianche da altri utenti di redazione

Ersquo inoltre possibile effettuare una ricerca su di un contenuto di tipo testuale allrsquointerno delle pagine edei record utilizzando il campo ldquoCerca Stringardquo La ricerca puograve essere effettuata allrsquointerno della paginae dei suoi record ed estesa anche ai livelli inferiori

29 Modifica dei contenuti della pagina

Creata una pagina potremo modificarla ogni volta che saragrave necessario

Per modificare una pagina saragrave sufficiente selezionarla dal menugrave portandosi con il cursore del mouse aldi sopra del titolo e cliccando con il pulsante destro su di essa (figura Modifica pagina (page 18))

Una pagina da modificare potragrave anche essere raggiunta tramite la ricerca dellrsquoID (vedi capitolo 3 Alberodelle pagine)

Scegliere la voce ldquomodificardquo dal menugrave a tendina che si apriragrave dopo il click

Figura 220 Modifica pagina

A destra nellrsquoarea principale si apriragrave la schermata riportante il contenuto della pagina selezionata

Potremo scegliere lrsquoelemento da modificare cliccando sullrsquoicona matita

Nota Ricordarsi sempre di salvare per rendere effettive le modifiche e di ricontrollare la visualizzazionedella pagina modificata

Per modificare lrsquointestazione di una pagina egrave sufficiente selezionare la voce ldquoModifica intestazionirdquo dalmenugrave portandosi con il cursore del mouse al di sopra del titolo e cliccando con il pulsante destro su diesso (figura Menu modifica intestazioni pagina (page 19))

210 Spostamento di pagine

Oltre le modifiche stilistiche testuali e di contenuto di una pagina possiamo modificarne la posizione

29 Modifica dei contenuti della pagina 18

DocWeb Release 101

Figura 221 Menu modifica intestazioni pagina

Per spostare la posizione di una pagina allrsquointerno di un menugrave selezioniamola dal menugrave principale conclick sinistro del mouse

Nella schermata di destra scegliamo lrsquoicona

Si apriragrave un menugrave che ci mostreragrave lrsquoalberatura del nostro sito (esattamente come per lrsquoinserimento diuna nuova pagina) composto da pagine principali (genitori) e pagine ad esse collegate (figli)

A questo punto dovremo solo scegliere dove spostare la pagina muovendoci sulle frecce grigie sottostantie sovrastanti le varie voci di menugrave

Avvertimento Spostando una pagina genitore anche i figli vengono spostati con esso

211 Eliminazione pagine

Per eliminare le pagine egrave sufficiente selezionare la pagina in questione dal menugrave principale cliccando conil pulsante destro del mouse su di essa e scegliere la voce del menugrave a tendina che si apriragrave ldquoCancellardquo

Avvertimento Non egrave possibile cancellare una pagina genitore Ossia non egrave possibile cancellareuna pagina che al suo interno contiene altre pagine prima che questrsquoultime trovino una collocazionealternativa

212 Rich Text Editor

Quando si inserisce un contenuto nellrsquoarea di testo (inserito digitando direttamente allrsquointerno dellrsquoap-posita area o copiato e incollato da fonte esterna con la dovuta cautela) egrave possibile personalizzarlo eformattarlo utilizzando le funzionalitagrave previste dal Rich Text Editor (RTE)

Nota Un testo copiatoincollato da altri programmi va ldquoripulitordquo prima di essere pubblicato poicheacuteil modulo che utilizzeremo tende a mantenere la formattazione originaria del carattere delle immaginidei colori falsando la linea grafica omogenea e standard del nostro portale

In ogni modo quando si salva un documento il cui testo conteneva una formattazione proveniente ad es-empio da un documento di tipo word questo viene automaticamente ldquoripulito nel codicerdquo ed egrave opportunocontrollare la visualizzazione

211 Eliminazione pagine 19

DocWeb Release 101

Proviamo ad inserire ad esempio una semplice frase allrsquointerno del box testo (figura Box testo RTE(page 20))

Figura 222 Box testo RTE

La frase viene digitata direttamente nellrsquoarea testo mantenendo un tipo di formattazione ldquonormalerdquo

2121 Testo grassetto corsivo sottolineato (bold italic underline)

Proviamo a selezionare la frase ldquoProvincia di Pesaro e Urbinordquo tenendo premuto il pulsante sinistro delmouse trascinando il cursore dalla P di Provincia alla o di Urbino

In alternativa portare il cursore alla P di Provincia tenere tasto maiuscolo premuto e muoversi con lefrecce per selezionare il testo

Lrsquoesempio egrave utile per capire che per effettuare una determinata azione di tipo stilistico su una frase oparola egrave necessario che la frase o la parola siano preventivamente selezionate

Figura 223 Comandi box testo RTE

212 Rich Text Editor 20

DocWeb Release 101

Se il testo egrave stato selezionato correttamente vedremo la parola ldquoProvincia di Pesaro e Urbinordquo evidenziatadi blu scuro

Click sinistro sul simboloicona ldquoBrdquo (figura Comandi box testo RTE (page 20)) per creare un effettoldquograssettordquo al testo

Click sinistro sul simboloicona ldquoIrdquo per il corsivo-italico

Click sinistro sul simboloicona ldquoU ldquo per il sottolineato

Nota Il Grassetto dona alle parole un sapore piugrave incisivo e si utilizza per enfatizzare termini importantie di rilievo

LrsquoItalico viene usato comunemente per indicare le date gli indirizzi le citazioni

Il Sottolineato su web viene comunemente usato nelle parole ldquolinkaterdquo (ossia che rimandano ad altrepagine web) per cui se ne sconsiglia lrsquouso in un testo semplice per evitare confusione

2122 Elenco Puntato e Numerato

Portiamoci con il cursore allrsquointerno della box di testo

Selezioniamo lrsquoicona Lista non numerata (Elenco puntato semplice)

Vedremo comparire un simbolo tontoromboidale e potremo dare vita ad una lista

bull Voce 1

bull Voce 2

bull Voce 3 ecc

Allo stesso modo potremo creare una lista numerata avvalendoci dellrsquoicona ldquoLista numeratardquo

Lrsquoelenco viene numerato

1 Voce 1

2 Voce 2

3 Voce 3 ecc

2123 Pulsanti di Annulla e Ripristina

Compiuta una determinata azione egrave possibile tornare indietro o ripristinarla tramite i pulsanti ldquoAnnullalrsquoultima azionerdquo e ldquoRifai lrsquoultima azionerdquo

Piugrave volte si clicca sui pulsanti piugrave volte lrsquoazione viene ripetuta indietro ed avanti nel tempo

2124 Copia Taglia Incolla

Selezionando un testo potremo tagliarlo copiarlo e incollarlo

Copia selezionare il testo utilizzare lrsquoicona ldquocopia selezionerdquo per copiare

Taglia il testo viene eliminato ma resta in memoria per essere eventualmente incollato altrove odefinitivamente cancellato Ersquo possibile tenere in memoria solo lrsquoultimo testo o parola tagliato

Incolla Un testo precedentemente copiato o tagliato puograve essere incollato nuovamente o su diversoambiente

212 Rich Text Editor 21

DocWeb Release 101

2125 Rimuovi Formattazione

Ersquo possibile che il testo importato e incollato nellrsquoarea testo da altra fonte (es documento word) sildquosporchirdquo e ne acquisisca le caratteristiche stilistiche in maniera non corretta

Ersquo necessario pulire il testo selezionandolo e cliccando su ldquorimuovi formattazionerdquo

Si apriragrave un pop-up (nuova finestra) che ci proporragrave diversi elementi da pulire selezioniamo ciograve che ciinteressa e clicchiamo su OK

2126 Inserisci Caratteri Speciali

Alcune volte puograve essere necessario inserire dei caratteri o simboli non presenti sulla tastiera o nonconvenzionali per i quali esiste una mappa di caratteri speciali

Il sistema propone diversi tipi di caratteri speciali tra i piugrave comuni e frequentemente usati per adoperarliegrave sufficiente cliccare sullrsquoapposita icona ldquoInserisci Caratteri Specialirdquo

Una finestra ci mostreragrave una vasta gamma di simboli tra i quali potremo scegliere quello che ci interessa

2127 Inserisci Tabella

Per agevolare lrsquoinserimento di dati numerici in forma ldquoTabellarerdquo si puograve ricorrere allrsquoinserimento di unatabella contraddistinta dallrsquoapposito simbolo

La tabella puograve essere immaginata come una quaderno a ldquoquadrettirdquo dove ogni ldquoscacchettordquo corrispondead una cella

Scegliendo di inserire una tabella si apriragrave una finestra pop-up dove andremo ad inserire parametridi spaziatura fra celle numero di righe e colonne che compongono la tabella spessore del bordoallineamento rispetto alla pagina ecc

2128 Link

Ogni sito egrave composto da pagine consultabili e collegate tra loro tramite link

I link sono i collegamenti presenti sulle voci di menugrave parole immagini ecc

Ersquo possibile collegare pagine appartenenti ad uno stesso sito un indirizzo web di un sito esterno ounrsquoe-mail un file da scaricare un immagine ecc

Nota Immettendo nel testo un indirizzo web o e-mail completo il programma egrave in grado di capireautomaticamente che si tratta di un link e collegare gli elementi automaticamente

Volendo invece collegare elementi non scritti in forma completa si dovragrave procedere come segue

Selezioniamo la parola o frase che vogliamo collegare (come precedentemente visto) e clicchiamo sullrsquoiconaldquoInserisci Linkrdquo

Si apriragrave un pop-up come indicato nella prossima figura

Link ad una pagina interna al sito

La finestra ci propone lrsquoalberatura del nostro sito con le pagine in esso presenti (La voce attiva egraveldquopaginardquo di colore giallomarrone rispetto alle altre voci del pop-up)

Selezionando (figura Link interno (page 23)) la pagina che vorremo collegare il pop-up si chiuderagrave e laparola che avevamo selezionato precedentemente per il link cambieragrave aspetto

La vedremo blu e sottolineata il che indica che il link egrave attivato

212 Rich Text Editor 22

DocWeb Release 101

Figura 224 Link interno

Ersquo anche possibile creare dei link che aprono la pagina collegata allrsquointerno di una ldquofinestra di pop-uprdquocioegrave dentro una nuova finestra del browser Specificando le dimensioni di altezza e larghezza della nuovafinestra allrsquointerno degli appositi campi

Link ad una pagina esterna al sito

Selezioniamo una parola o frase che vogliamo collegare (come precedentemente visto) e clicchiamosullrsquoicona ldquoInserisci Linkrdquo

Scegliamo nel menugrave in alto proposto dal pop-up il bottone ldquoURL esternordquo (figura Link esterno (page 23))

Figura 225 Link esterno

Impostiamo nel campo URL lrsquoindirizzo web che vogliamo linkare prestando attenzione a scriverlo peresteso e senza cancellare http

Clicchiamo su ldquoImposta Linkrdquo

Il pop-up si chiuderagrave e la parola che avevamo selezionato precedentemente per il link cambieragrave aspetto

212 Rich Text Editor 23

DocWeb Release 101

La vedremo blu e sottolineata il che indica che il link egrave attivato

2129 Link ad unrsquoEmail

Come precedentemente visto scrivendo un indirizzo e-mail valido il programma di gestione egrave in grado dicapire che si tratta di un indirizzo di posta elettronica e il link viene impostato automaticamente

Tuttavia ci sono dei casi in cui non egrave possibile o si preferisce non indicare lrsquoindirizzo e-mail per estesoad esempio potremmo avere ldquoPer informazioni scrivicirdquo

Volendo potremmo fare in modo che sulla parola ldquoscrivicirdquo ci sia impostata la funzione di invio e-mail

Selezioniamo quindi la parola andiamo su ldquoInserisci Linkrdquo scegliendo poi ldquoEmailrdquo

Inseriamo lrsquoindirizzo E-mail nellrsquoapposito campo e clicchiamo su ldquoimposta Linkrdquo

21210 Link ad un file scaricabile

Per collegare un file (espdf txt gif ecc) egrave necessario copiarlo dal proprio PC al server web

Non egrave infatti possibile che una pagina pubblicata su internet prenda come link dei files che di fatto sonosalvati in una directory del nostro computer

Typo3 mette a disposizione un area dovrsquoegrave possibile pubblicare i files per poi essere resi disponibili ai linkossia rende disponibile lrsquo ldquoUploadrdquo dei files da pc a server

Scegliere dal menugrave di sinistra sotto la sezione ldquoMediardquo la voce ldquoFilerdquo (figura Seleziona file (page 24))

Figura 226 Seleziona file

Si apriragrave sulla destra una nuova area dove troveremo i campi utili a ldquosfogliarerdquo il contenuto del nostropc al fine di passare i file o i files dal nostro computer al manager

Effettuato il passaggio potremo ritornare alla nostra pagina e riprendere la procedura di ldquocreazione linkrdquoselezionando questa volta la voce ldquoFilerdquo del pop-up

I campi proposti sono del tutto simili a quelli di creazione di link su pagine del sito e un elenco di files(tutti quelli disponibili caricati) potranno essere collegati

213 Modalitagrave Lista

Selezionando la voce ldquolistardquo (figura Backend modalitagrave lista (page 25)) dal menugrave di sinistra egrave possibileesplorare una pagina ldquopadrerdquo e tutte le pagine ldquofiglirdquo ed essa associate

Avvertimento Ricordarsi di attivare la voce in basso ldquoVista Estesardquo

213 Modalitagrave Lista 24

DocWeb Release 101

Figura 227 Backend modalitagrave lista

Utilizzando le icone poste alla destra di ogni voce si possono compiere diverse operazioni di modificavisualizzazione spostamento copia e incolla pagina ecc come precedentemente descritto

Dunque potremo dire che la modalitagrave lista costituisce una scorciatoia per semplificare ogni sorta dioperazione soprattutto in presenza di un numero considerevole di files

214 Modalitagrave Mostra

Figura 228 Backend modalitagrave mostra

Selezionando la voce ldquoMostrardquo (figura Backend modalitagrave mostra (page 25)) dal menugrave di sinistra egrave possibilenavigare il sito allrsquointerno del docweb direttamente nel backend

214 Modalitagrave Mostra 25

DocWeb Release 101

Inoltre accanto ai vari record troveremo posta lrsquoicona matita per eseguire eventuali modifichedirettamente sul punto e la pagina prescelti

Anche la modalitagrave ldquoMostrardquo come la rdquoListardquo (cap 13) costituisce una scorciatoia particolarmente indicataper semplificare lrsquooperazione di visualizzazione del sito e di modifica

215 Modalitagrave ldquoMonta come radice dellrsquoalberordquo

Quando esistono diverse e numerose pagine egrave possibile gestire solo la porzione di contenuto che ci interessariducendo lrsquoalberatura del sito (lato backend) ai minimi termini mediante il comando ldquomonta come radicedellrsquoalberordquo

Per effettuare il comando procedere come segue

Cliccare con il pulsante destro del mouse sul titolo pagina dal menugrave centrale

Selezionare la voce ldquoaltre opzionirdquo dal menugrave a tendina (figuraMenu altre opzioni (page 26)) che compariragravecome conseguenza dellrsquoazione descritta al punto uno

Figura 229 Menu altre opzioni

Selezionare dallrsquoulteriore menugrave che si apriragrave (figura Seleziona monta come radice (page 26)) la voceldquoMonta come radice dellrsquoalberordquo

Figura 230 Seleziona monta come radice

Lrsquoalberatura si ridurragrave automaticamente mostrando solo la porzione selezionata

Per ripristinare lo stato di partenza selezionare la voce in alto nel menugrave centrale (figura Elimina DBmount (page 26)) ldquoElimina DB mount temporaneordquo

Figura 231 Elimina DB mount

Il menugrave si espanderagrave nuovamente mostrando tutte le voci esistenti

215 Modalitagrave ldquoMonta come radice dellrsquoalberordquo 26

DocWeb Release 101

216 Ottenere il page-id di una pagina

2161 Frontend (FE)

Da frontend si puograve ottenere il page-id della pagina corrente nei seguenti modi

1 dalla barra degli indirizzi del proprio browser (figura Id dallrsquourl (page 27)) Il numero della paginaegrave quello dopo la stringa ldquoid=rdquo Nella figura egrave cerchiata in verde la stringa ldquoid=rdquo e il numero dellapagina (page-id)

Figura 232 Id dallrsquourl

2 Puntando il mouse sulla scritta [id] a pieacute pagina e leggendo il tooltip (figura Id dal tooltip (page 27))

Figura 233 Id dal tooltip

3 Solo per browser Firefox dal menugrave di contesto scegliere la voce ldquoVisualizza info paginardquo si apreuna finestra consultare quindi la lista Meta sotto la scheda Generale (Id dagli attributi (page 28))

2162 Backend (BE)

Da backend egrave possibile ottenere il page-id nei seguenti modi

1 leggendo il tooltip puntando il mouse sullrsquoicona della pagina nel riquadro della struttura del sito(figura Id dal tooltip nel backend (page 28))

2 dal modulo di modifica delle intestazioni della pagina (figura Id dalle intestazioni pagina nel backend(page 28)) Il numero egrave tra le parentesi quadre dopo il titolo della pagina

217 Admin Panel

Quando si inseriscono contenuti con Typo3 (backend) egrave possibile visualizzare unrsquoanteprima della paginache si sta creando per vedere i risultati del lavoro svolto

Per visualizzare unrsquoanteprima di una pagina occorre (figura Menu mostra (page 29))

1 posizionarsi sulla pagina da visualizzare

2 premere il tasto sinistro del mouse in corrispondenza del nome

216 Ottenere il page-id di una pagina 27

DocWeb Release 101

Figura 234 Id dagli attributi

Figura 235 Id dal tooltip nel backend

Figura 236 Id dalle intestazioni pagina nel backend

217 Admin Panel 28

DocWeb Release 101

Figura 237 Menu mostra

3 selezionare la voce Mostra

In base alla pagina scelta si avragrave un risultato come quello visualizzato nella figura Anteprima pagina conAdmin panel (page 29)

Figura 238 Anteprima pagina con Admin panel

La pagina presenteragrave nella parte superiore lrsquoanteprima della pagina Nella parte inferiore vienevisualizzato uno strumento denominato Admin Panel

Questo oggetto offre lato front-end alcune funzionalitagrave (figura Moduli Admin panel (page 30)) cheaiutano i gestori di contenuti nella creazionemodifica delle pagine web del sito

NellrsquoAdmin panel (figura sopra) egrave possibile distinguere

217 Admin Panel 29

DocWeb Release 101

Figura 239 Moduli Admin panel

1 Modulo Preview ndash offre la possibilitagrave di selezionare alcune opzioni sulla pagina per simulare alcunesituazioni in cui la pagina si puograve trovare durante la visualizzazione

2 Modulo Cache ndash offre la possibilitagrave di gestire la cache

Allrsquointerno del modulo Preview abbiamo le seguenti voci

Mostra pagine nascoste selezionando la casella di controllo corrispondente a questa voce si visual-izzeranno anche quelle che attualmente non sono visibili allrsquointerno del sito o perchegrave in lavorazioneo perchegrave ancora non egrave stata data lrsquoautorizzazione alla pubblicazione

Mostra record nascosti come per le pagine questa voce offre la possibilitagrave di poter visualizzare allrsquoin-terno della pagina quei contenuti nascosti che non sono ancora ultimati o che sono in attesa di unautorizzazione per la pubblicazione

Simula data con questo controllo egrave possibile simulare il comportamento della pagina in periodi tem-porali diversi Utilizzando la casella di testo egrave possibile inserire delle date In questo modo sirende possibile la visualizzazione di quegli elementi (ad es pagine news ) che sono abilitati acomparirescomparire in base a determinati criteri temporali impostati

Simula gruppo di utenti con questo controllo egrave possibile simulare il comportamento delle pagine inbase ad un determinato gruppo di utenti che vi accede Alcune pagine possono infatti avere uncomportamento diverso in base al tipo di utente che vi accede

Nota Durante la creazione di pagine egrave possibile restringere la visione di una determinata pagina aparticolari tipi di utenti (utenti di frontend) Questa caratteristica offre la possibilitagrave di definire delle areead accesso riservato del sito ossia sezioni del sito a cui egrave possibile accedere solo dopo essersi autenticatie dopo avere avuto i necessari diritti di accesso

Una volta selezionate le opportune scelte allrsquointerno dellrsquoADMIN Panel occorreragrave premere il tasto Aggior-na (figura Aggiorna Admin panel (page 31)) per prendere visione della pagina secondo i criteri impostati

Nota Nel caso in cui lrsquoutente abbia la possibilitagrave di accedere da back-end a piugrave siti (ciascuno con unproprio dominio) bisogna tenere presente che lrsquoADMIN Panel compare soltanto per le pagine relativeal dominio con cui lrsquoutente ha fatto il login In altre parole se un operatore ad esempio egrave abilitatoa lavorare sulle pagine di backend dei siti httpwwwsitoesempio1it e httpwwwsitoesempio2it ese lrsquooperatore accede al backend di DocWeb con lrsquoindirizzo httpwwwsitoesempio1ittypo3 allora

217 Admin Panel 30

DocWeb Release 101

Figura 240 Aggiorna Admin panel

lrsquoADMIN Panel compariragrave solo sulle pagine di frontend del dominio wwwsitoesempio1it e non su quelledel dominio wwwsitoesempio2it

217 Admin Panel 31

CAPITOLO 3

La Clipboard

Lrsquooggetto clipboard (rdquoblocco degli appuntirdquo) egrave molto utile quando si ha la necessitagrave di copiare o spostareuno o piugrave elementi di contenuto o una o piugrave pagine da una sezione del sito (contenitore di pagine) adunrsquoaltra

31 Copia o spostamento di un contenuto singolo di pagina allrsquointernodi unrsquoaltra pagina

Per prima cosa egrave necessario (figura Identifica contenuto (page 32))

Figura 31 Identifica contenuto

1 selezionare la voce Lista

2 selezionare la pagina che contiene il contenuto che si intende copiare (nella figura abbiamo sceltola pagina denominata ldquoCorso di formazione su Typo3rdquo

32

DocWeb Release 101

3 identificare dalla lista dei contenuti associati alla pagina quello da spostare

Supponiamo che si desideri copiare il contenuto denominato ldquoTesto 2rdquo (figura Copia contenuto (page 33))

Figura 32 Copia contenuto

Egrave sufficiente cliccare sullrsquoicona (nella figura sopra evidenziata con un cerchio rosso) di copia incorrispondenza del contenuto da copiare

Dopo avere eseguito questa operazione nella figura Risultato copia contenuto (page 34) possiamo notare

1 Egrave comparsa unrsquoicona nuova che mette in evidenza che nella clipboard egrave presente un elemento

2 Lrsquoicona di copia in corrispondenza del contenuto da spostare ha cambiato aspetto

A questo punto lrsquooggetto che si intende copiare egrave presente nella nostra clipboard

Il passo successivo egrave quello di selezionare la pagina in cui andare a posizionare lrsquoelemento (paginadestinazione)

Rimanendo sempre allrsquointerno del modulo Lista occorreragrave selezionare dallrsquoalberatura delle pagine la pag-ina destinazione Il procedimento da seguire per posizionarsi sulla pagina egrave lo stesso descritto in prece-denza Nella figura Incolla contenuto (page 34) viene evidenziato il contenuto di una pagina (denominataldquoPagina di Provardquo) in cui vogliamo copiare il contenuto

Per copiare il contenuto della clipboard nella pagina selezionare lrsquoicona Incolla contenuto Clipboard

Confermando lrsquooperazione il contenuto saragrave copiato allrsquointerno della pagina selezionata

Per effettuare lo spostamento di un contenuto di pagina allrsquointerno di unrsquoaltra pagina cliccare sullrsquoicona

di Taglia al posto dellrsquoicona copia e ripetere le operazioni sopra descritte

1 Selezionando la casella Mostra clipboard (figura Vista clipboard (page 35)) egrave possibile visualiz-zare lrsquooggetto clipboard Nel caso in figura lrsquoelemento copiato in precedenza (Testo 2) egrave ancoradisponibile allrsquointerno della clipboard Utilizzando il procedimento descritto infatti il contenuto

31 Copia o spostamento di un contenuto singolo di pagina allrsquointerno di unrsquoaltra pagina 33

DocWeb Release 101

Figura 33 Risultato copia contenuto

Figura 34 Incolla contenuto

31 Copia o spostamento di un contenuto singolo di pagina allrsquointerno di unrsquoaltra pagina 34

DocWeb Release 101

selezionato rimane ancora a disposizione dellrsquoutente che potragrave selezionare altre pagine destinazionesu cui eventualmente andare a copiare il contenuto Nel caso in cui si selezioni un altro elementoad esempio ldquoTesto 1rdquo lrsquoelemento presente viene automaticamente sostituito

2 Dallrsquooggetto clipboard egrave possibile rimuovere un elemento premendo il bottone di Elimina postoaccanto ad esso

Figura 35 Vista clipboard

Con il procedimento descritto fino ad ora egrave possibile scegliere soltanto un contenuto alla volta

32 Copia o spostamento di piugrave contenuti da una pagina ad unrsquoaltra

Nel caso in cui ci si trovi nella necessitagrave di copiare piugrave di un contenuto da una pagina allrsquoaltra egrave necessarioseguire i passi seguenti

1 Selezionare il modulo Lista

2 Selezionare la pagina di origine da cui prelevare i contenuti

3 Selezionare la casella Mostra clipboard

4 Selezionare una clipboard tra quelle denominate ldquoClipboard 1rdquo ldquoClipboard 2rdquo ldquoClipboard 3rdquo(punto 3 figura Vista clipboard con contenuto selezionato (page 36))

Selezionando ad esempio la clipboard contrassegnata come ldquoclipboard 1rdquo si avragrave la seguente situazione

32 Copia o spostamento di piugrave contenuti da una pagina ad unrsquoaltra 35

DocWeb Release 101

Figura 36 Vista clipboard con contenuto selezionato

32 Copia o spostamento di piugrave contenuti da una pagina ad unrsquoaltra 36

DocWeb Release 101

1 In corrispondenza di ogni contenuto si evidenzia una Casella di selezione Sopra la colonna con lecaselle di selezione egrave comparsa una lista di bottoni tra cui al momento distinguiamo

2 Bottone di copia elementi nella clipboard

3 Bottone di selezione tuttinessuno

Scegliendo ad esempio i primi due elementi e premendo il pulsante di copia elementi nella clipboard sipuograve notare che (figura Copia nella clipboard (page 37))

Figura 37 Copia nella clipboard

1 La clipboard che abbiamo scelto per la selezione multipla (ldquoClipboard 1rdquo) contiene la lista deglioggetti che abbiamo scelto di copiare

2 Ersquo comparsa lrsquoicona di Incolla contenuto Clipboard

La procedura della selezione della pagina di destinazione rimane identica a quella giagrave utilizzata per lacopia di un contenuto singolo (selezionare la pagina di destinazione su cui andare a posizionare i contenutiselezionati)

Egrave importante fare notare che seguendo le operazioni descritte sopra si ottiene come risultato lospostamento dei contenuti dalla pagina origine a quella destinazione

Se si desidera copiare gli elementi selezionati egrave necessario una volta selezionati gli elementi da copiarepremere il tasto copia gli items invece di spostarli (evidenziato con un cerchio rosso nella figura Tagliadalla clipboard (page 38))

32 Copia o spostamento di piugrave contenuti da una pagina ad unrsquoaltra 37

DocWeb Release 101

Figura 38 Taglia dalla clipboard

32 Copia o spostamento di piugrave contenuti da una pagina ad unrsquoaltra 38

DocWeb Release 101

In questo modo dopo avere confermato lrsquooperazione i contenuti o le pagine da copiare saranno presentisia nella pagina origine che in quella destinazione

32 Copia o spostamento di piugrave contenuti da una pagina ad unrsquoaltra 39

CAPITOLO 4

Modulo DAM (Digital AssetManagement)

Il modulo DAM (Digital Asset Management) offre la possibilitagrave di raccogliere e catalogare contenuti informato digitale come immagini documenti presentazioni

Ogni file inserito puograve essere corredato di informazioni aggiuntive (meta-informazioni) come la descrizionelrsquoautore parole chiave ecc

Attraverso il modulo DAM egrave possibile svolgere le seguenti operazioni

bull Caricamento e Aggiornamento di file

bull Ricerca di file allrsquointerno del DAM e modifica delle meta-informazioni associate ai file

41 Caricamento e Aggiornamento di file

Lrsquooperazione di CaricamentoAggiornamento di file serve per sottoporre al sistema DAM un particolarecontenuto memorizzato in formato digitale

Lrsquoelemento caricato saragrave poi disponibile a chi inserisce contenuti

Per iniziare lrsquooperazione di caricamento di un file egrave sufficiente selezionare la voce File che si trovaallrsquointerno del modulo Media (figura Menu file (page 41))

La maschera che si apre (figura File upload (page 41)) offre le seguenti possibilitagrave

1 Selezione della posizione dove andare a caricareaggiornare il file

2 Specificare alcuni documenti da caricare (area File)

Concentrandoci sullrsquoarea File (figura Dettaglio file upload (page 42)) distinguiamo

1 Voce Show upload location browser (punto 1 figura sopra) egrave possibile visualizzare i file attualmentecaricati nel Mount Point selezionato

2 Lista di bottoni denominati Sfoglia da utilizzare nel caso in cui si desideri caricareaggiornareun file

Se si desidera caricare un file occorre cliccare sul bottone Sfoglia

La finestra che appare (figura Sfoglia file (page 42)) permette di selezionare dal proprio PC il file dacaricare

Per selezionare un file da caricare occorre

1 Esplorare le cartelle del proprio PC per trovare il file

40

DocWeb Release 101

Figura 41 Menu file

Figura 42 File upload

41 Caricamento e Aggiornamento di file 41

DocWeb Release 101

Figura 43 Dettaglio file upload

Figura 44 Sfoglia file

41 Caricamento e Aggiornamento di file 42

DocWeb Release 101

2 Inserire il nome del file nella casella di testo Nome file

3 Premere il tasto Apri

Una volta che si egrave selezionato un file egrave possibile

1 selezionare altri file da caricare seguendo gli stessi passi descritti in precedenza

2 effettuare lrsquooperazione di caricamento del file vero e proprio

Dallrsquoesempio abbiamo scelto di caricare un solo file

Il caricamento dei file viene eseguito premendo il bottone ldquoUpload filesrdquo che si trova in fondo alla listadei file selezionati (figura File selezionato (page 43))

Figura 45 File selezionato

Se tutto egrave stato eseguito correttamente appariragrave una finestra come quella nella figura Process files(page 44)

In questa maschera egrave possibile

1 Specificare le meta-informazioni per il singolo file come ad esempio il titolo parole chiavedescrizione

2 Avviare il processo di elaborazione multipla premendo il bottone Process selected files Con questoprocesso egrave possibile inserire o modificare le meta-informazioni per tutti i file della lista (in questocaso solo uno)

Se si vuole eseguire lrsquoinserimento delle meta-informazioni per singolo file la finestra che si apre egrave similea quella presentata in figura Elaborazione metainformazioni singolo file (page 44)

Nel caso si scelga di eseguire il processo di elaborazione multipla la maschera che compare (figuraElaborazione metainformazioni file multipli (page 45)) permette di selezionare le meta-informazioni chelrsquoutente intende inserire contemporaneamente per tutti i file della selezione

41 Caricamento e Aggiornamento di file 43

DocWeb Release 101

Figura 46 Process files

Figura 47 Elaborazione metainformazioni singolo file

41 Caricamento e Aggiornamento di file 44

DocWeb Release 101

Figura 48 Elaborazione metainformazioni file multipli

41 Caricamento e Aggiornamento di file 45

DocWeb Release 101

Se si seleziona la checkbox accanto alla voce che eventualmente saragrave inserita questa viene aggiuntaalle informazioni eventualmente giagrave presenti (modalitagrave append) Nellrsquoaltro caso le informazioni sarannosovrascritte

I campi Titolo e Descrizione sono obbligatori mentre il campo Parole chiavi puograve essere valorizzato adiscrezione dellrsquoutente Informazioni su come valorizzare i campi elencati sopra saranno descritte suapposite linee guida

Per completare lrsquoinserimentoaggiornamento delle meta-informazioni riguardanti il file caricato occorrepremere il tasto Send (figura Salva metainformazioni (page 46)) in fondo alla maschera per il salvataggiodelle informazioni

Figura 49 Salva metainformazioni

Tornando alla maschera di caricamento file e selezionando la checkbox in corrispondenza della voceSovrascrivi file esistenti (figura Carica file sovrascrivendo (page 46)) saragrave possibile aggiornare eventualifile che hanno lo stesso nome di quello che stiamo caricando

Questa procedura egrave utile quando si vuole aggiornare il contenuto di un file che egrave giagrave presente nel DAM

Figura 410 Carica file sovrascrivendo

Nel caso di aggiornamento di un file le meta-informazioni del file rimangono le stesse inserite inprecedenza Come si puograve notare non viene offerta la possibilitagrave di inserirne di nuove

Nel caso in cui un file con lo stesso nome sia giagrave caricato e non si desideri aggiornarlo il file inseritoper ultimo viene rinominato con un suffisso generato automaticamente dal DAM In questo caso la voceSovrascrivi file esistenti non deve essere selezionata (figura Carica file senza sovrascrivere (page 47))

Nellrsquoesempio in figura viene presentata la lista dei file presenti nel mount point selezionato

Da notare la presenza di un file che egrave stato rinominato dal DAM con un suffisso ldquo_01rdquo dato che nellastessa posizione era giagrave presente un file con lo stesso nome

41 Caricamento e Aggiornamento di file 46

DocWeb Release 101

Figura 411 Carica file senza sovrascrivere

41 Caricamento e Aggiornamento di file 47

DocWeb Release 101

42 Ricerca di file allrsquointerno del DAM e modifica delle meta-informazioni

Rimanendo sempre allrsquointerno del modulo Media selezioniamo la voce List egrave possibile effettuare dellericerche dei file e modificare le meta-informazioni associate ai file

Nella figura Backend media list (page 48) distinguiamo

Figura 412 Backend media list

1 Parte relativa ai Mount Point disponibili

2 Parte relativa ai tipi di file caricati nel sistema

3 Schede List Thumbnails Selection Process

Da questa sezione egrave possibile effettuare ricerche sui file caricati nel DAM

Le ricerche che si possono eseguire sono del tipo ldquotrova tutti i file pdf e docrdquo oppure ldquoelenca tutti i filedi tipo immagine ad eccezione dei file con estensione gifrdquo

Per prima cosa facendo click sul nome del tipo file (es gif oppure image) si seleziona solo quel tipo difile e si escludono tutti i criteri selezionati in precedenza

Per aggiungere un altro criterio di ricerca egrave sufficiente selezionare il ldquo+rdquo (punto 1 nella figura Criteri diselezione (page 49)) posto accanto al tipo di file che si vuole selezionare

Con il ldquo-ldquo(punto 2) saragrave possibile rimuovere il tipo di file dai criteri di ricerca

Selezionando ldquo=rdquo (punto 3) egrave possibile introdurre clausole del tipo ldquocerca un file che sia doc e presentenel Mount Point chiamato lsquoArea Testrsquordquo (ossia effettua una ricerca che risponda a tutti i criteri impostati)

Nellrsquoesempio della figura Salva selezione (page 49) sono stati selezionati tutti i tipi di immagine adeccezione dei file con estensione gif Questo risultato si ottiene nel seguente modo

1 selezionare il ldquo+rdquo accanto alla voce ldquoimagerdquo

2 premendo il tasto ldquo-ldquo in corrispondenza della voce ldquogifrdquo

I criteri impostati per la selezione possono essere salvati per un uso futuro Per salvare la selezioneoccorre (figura Salva selezione (page 49))

1 riempire il campo sotto la voce SELECTION con un nome che identifichi la ricerca

2 premere il tasto Save per salvare la modalitagrave di ricerca impostata

In questo modo saragrave possibile richiamare e rieseguire la ricerca impostata anche in futuro senza doverripetere il procedimento di scelta dei criteri mostrato in precedenza

42 Ricerca di file allrsquointerno del DAM e modifica delle meta-informazioni 48

DocWeb Release 101

Figura 413 Criteri di selezione

Figura 414 Salva selezione

42 Ricerca di file allrsquointerno del DAM e modifica delle meta-informazioni 49

DocWeb Release 101

Se in futuro saranno inseriti nuovi file che soddisfano la ricerca salvata questi verranno selezionati quandoverragrave richiamata la ricerca salvata

Dalla figura Ricerca salvata (page 50) egrave possibile notare come richiamare la ricerca salvata In questocaso abbiamo salvato la ricerca con il nome ldquoimmaginisenzagifrdquo

Figura 415 Ricerca salvata

Una volta che si egrave selezionata la ricerca egrave possibile

1 Premere il tasto Load per ricaricare la ricerca precedentemente impostata

2 Premere Remove per rimuovere la ricerca salvata

Una volta effettuata una particolare selezione di file egrave possibile (figura Schede backend media list(page 50))

Figura 416 Schede backend media list

1 vedere il contenuto della selezione (schede List e Thumbnails)

2 vedere i criteri impostati per la ricerca (scheda Selection)

3 modificare le meta-informazioni associate ai file (scheda Process) secondo quanto descritto inprecedenza

Nella figura Scheda selection (page 51) egrave visualizzato come selezionando la scheda Selection egrave possibileprendere visione dei criteri impostati nella ricerca (la ricerca egrave quella dellrsquoesempio precedente)

Selezionando le schede List e Thumbnails dopo avere effettuato una qualsiasi selezione si potrebbe avereuna situazione come quella mostrata nella figura Scheda list (page 51)

Cliccando sullrsquoicona corrispondente ad uno dei file presenti nella lista (selezionato con un cerchio rosso)egrave possibile accedere ad un menugrave contestuale (figura Menu contestuale DAM (page 51))che permette disvolgere le seguenti operazioni

Modifica Offre la possibilitagrave di visualizzare e modificare le meta-informazioni associate al file

Rinomina Selezionando la seguente voce egrave possibile assegnare un altro nome al file che si egrave caricato

Replace file Avvia lrsquooperazione di sostituzione del file

Info Visualizza informazioni relative al file

Cancella Rimuove il file dal DAM

42 Ricerca di file allrsquointerno del DAM e modifica delle meta-informazioni 50

DocWeb Release 101

Figura 417 Scheda selection

Figura 418 Scheda list

Figura 419 Menu contestuale DAM

42 Ricerca di file allrsquointerno del DAM e modifica delle meta-informazioni 51

CAPITOLO 5

Modulo Pagine di download

51 Inserimento e configurazione pagine di download

La creazione di pagine di download egrave utile quando si vuole mettere a disposizione una lista di uno o piugravefile in forma scaricabile

Per creare una pagina di download egrave necessario seguire i seguenti passi

1 Creare una pagina standard

2 Inserire il plugin DAM Download List

3 Configurare il plugin

Per creare una pagina egrave sufficiente entrare nel modulo Pagina e selezionare Crea nuovo record per accederealla finestra di creazione pagine

Nellrsquoesempio in figura Backend creazione contenuto (page 52) egrave stata creata la pagina denominata ldquoPaginadownloadrdquo come figlio della pagina ldquoPagina di provardquo

Figura 51 Backend creazione contenuto

Una volta creata la pagina occorre configurarla in maniera tale da permettere la visualizzazione di unalista di file scaricabili Per fare ciograve occorre inserire un plugin denominato ldquoDAM Download Listrdquo Unplugin egrave un contenuto speciale da inserire in una pagina

52

DocWeb Release 101

Per inserirlo come per un contenuto occorre seguire i seguenti passi (figura Backend creazione contenuto(page 52))

1 Selezionare la pagina in cui inserire il plugin Nellrsquoesempio la pagina denominata ldquoPaginadownloadrdquo

2 Selezionare la voce Clicca qui per il wizard nella maschera che compare quando si vuole inserire unnuovo record

Figura 52 Wizard nuovo contenuto

Oltre ai normali contenuti standard il wizard permette di selezionare (figura Wizard nuovo contenuto(page 53))

1 Contenuti speciali

2 Moduli

3 Plugins

Allrsquointerno della lista dei Plugins selezionare DAM Lista dei file scaricabili (punto 4 nella figura Wizardnuovo contenuto (page 53))

Dopo aver selezionato il plugin occorreragrave selezionare la posizione della pagina in cui inserire lrsquoelemento

Selezionare ldquoNormalerdquo

A questo punto il plugin egrave inserito nella pagina desiderata

51 Inserimento e configurazione pagine di download 53

DocWeb Release 101

Oltre allrsquoinserimento occorre configurare il plugin in modo da dirgli quali file far visualizzare

Una volta che il plugin viene inserito viene aperta una finestra (figura Contenuto pagina (page 54)) doveviene richiesto di selezionare dei file inseriti nel sistema

Figura 53 Contenuto pagina

Per proseguire correttamente egrave necessario salvare immediatamente il Contenuto Pagina altrimenti leoperazioni successive potrebbero andare perse

Per inserire i file nella lista occorre effettuare la seguente operazione (figura Contenuto pagina (page 54))

1 Nella parte della maschera denominata DAM Lista di file scaricabili selezionare lrsquoicona SfogliaRecord (cerchiata in rosso) per avviare la procedura di selezione dei file

Selezionando la voce Sfoglia Record verragrave aperto lrsquoElement Browser di TYPO3 che ci permette di se-lezionare i file da inserire nel plugin La finestra (figura Element browser (page 55)) egrave composta di dueschede

1 Media ndash permette di selezionare i file giagrave esistenti nel sistema

2 Upload ndash permette di caricare nuovi file

Selezionando la sezione Media egrave possibile selezionare dalla lista i file da inserire

51 Inserimento e configurazione pagine di download 54

DocWeb Release 101

Figura 54 Element browser

Se la lista dei file fosse troppo lunga egrave possibile effettuare delle ricerche per nome e per tipologia di file(doc htm )

Per cercare per nome (figura Ricerca per nome (page 55)) occorre inserire nella casella di testo Cercastringa (punto 1 nella figura sopra) il nome o parte del nome del file da cercare Una volta specificata lastringa di ricerca premere il tasto Cerca (punto 2)

Figura 55 Ricerca per nome

Per cercare un particolare tipo di file selezionare il nome dellrsquoestensione che si desidera dallrsquoelenco deitipi di file (figura Ricerca per tipo (page 56))

Nota I due tipi di ricerca possono essere usati contemporaneamente

Selezionando la voce informazioni (punto 1 nella figura Selezione file (page 56)) egrave possibile visualizzarele meta-informazioni associate al file

Premendo con il mouse sul nome del file (punto 2) o sullrsquoicona associata (punto 3) si inserisce il file nellalista dei file da far visualizzare nella pagina di download mediante lrsquoapposito plugin

Selezionando la scheda Upload si puograve inserire un file non presente nel sistema (figura Caricamentoimmediato file (page 56))

51 Inserimento e configurazione pagine di download 55

DocWeb Release 101

Figura 56 Ricerca per tipo

Figura 57 Selezione file

Figura 58 Caricamento immediato file

51 Inserimento e configurazione pagine di download 56

DocWeb Release 101

Scegliere i file dal proprio PC seguendo le operazioni giagrave descritte nel modulo DAM e selezionare dallascheda Media i nuovi file inseriti

Nella figura Plugin con file selezionati (page 57) egrave visualizzato un esempio di maschera di configurazionedel plugin con la lista dei file selezionati

Figura 59 Plugin con file selezionati

I file una volta inseriti possono essere ordinati selezionando sugli appositi bottoni posti a destra dellalista file

bull Per ordinare un determinato file occorre

bull Selezionare un file

Premere uno dei tasti (figura sopra) per

1 Spostare in prima posizione

2 Spostare in alto di una posizione

3 Spostare in basso di una posizione

4 Spostare in ultima posizione

5 Rimuovere dalla lista il file selezionato

Una volta eseguiti i passaggi sopra descritti salvare la configurazione del plugin

51 Inserimento e configurazione pagine di download 57

CAPITOLO 6

Modulo Sitemap

Ersquo possibile generare una mappa del sito scegliendo un contenuto speciale di tipo ldquoMappa del Sitordquo comemostrato nella figura Contenuto mappa del sito (page 58)

Figura 61 Contenuto mappa del sito

Per scegliere un record di tipo ldquomappa del sitordquo (per visualizzare cioegrave la vista dei contenuti possibili)saragrave necessario portarsi in modalitagrave ldquopaginardquo compiendo gli stessi passaggi descritti per la creazione dicontenuti semplici in fase di creazione delle pagine (in questo caso selezionando il contenuto specialemappa)

58

DocWeb Release 101

61 Scheda di configurazione Mappa

La scheda di configurazione si presenta come nella figura Scheda mappa del sito (page 59)

Figura 62 Scheda mappa del sito

I campi fondamentali da personalizzare sono lrsquointestazione (ossia il titolo pagina) il tipo di menugrave e ilpunto di partenza Nellrsquointestazione viene inserito come di consuetudine il titolo pagina

62 Tipo di mappa

Ersquo possibile scegliere il tipo di mappa che si desidera creare consultando il menugrave a tendina ldquotipo di menugraverdquoche ci offriragrave diverse opzioni

Le piugrave frequentemente usate sono di tipo ldquoMenugrave delle sottopagine rdquo come indicato nella figura Tipo dimenu (page 60)

Menugrave delle sottopagine di queste pagine Scegliendo questa opzione da una pagina padre sigenereragrave un record che mostreragrave al suo interno tutte le sottovoci figlio con relativo link

Menugrave delle sottopagine di queste pagine (con abstract) Genera una mappa sia delle sottopagineche dei sottotitoli

Menugrave delle sottopagine di queste pagine + sezioni Genera una mappa sia delle sottopagine chedei record (link alle intestazioni dei singoli record)

Selezionando voci di menugrave di sottopagine egrave anche possibile stabilire un determinato punto di partenzasfogliando lrsquoapposito record

61 Scheda di configurazione Mappa 59

DocWeb Release 101

Figura 63 Tipo di menu

63 Il ldquopunto di partenzardquo della mappa

Il ldquopunto di partenzardquo dei Menugrave delle sottopagine Scheda mappa del sito (page 59) costituisce la paginadalla quale il sistema partiragrave per creare la mappa

Si potragrave quindi creare una mappa (di tipo menugrave delle sottopagine) che mostri solamente il percorso diquella porzione di menugrave che si intende mostrare

63 Il ldquopunto di partenzardquo della mappa 60

CAPITOLO 7

Modulo News

71 Inserimento e modifica di news

Alcune sezioni del nostro sito potrebbero essere state configurate per permettere la visualizzazione dinotizie

Per poter visualizzare le news correttamente occorre che queste ultime vengano inserite in una determi-nata posizione allrsquointerno del backend Da questa posizione che chiameremo repository delle news lenostre pagine andranno a prelevare le news da visualizzare al loro interno

Figura 71 Backend news

Nellrsquoesempio presentato nella figura Backend news (page 61) distinguiamo

1 il repository delle news che egrave stato creato

2 Un esempio di come potrebbe apparire il contenuto del repository delle news (lista delle news)

Per poter visualizzare il contenuto del repository delle news occorre seguire i seguenti passi

1 entrare nel modulo Pagina

61

DocWeb Release 101

2 selezionare il repository delle news corrispondente (nellrsquoesempio della figura Backend news (page 61)il Repository delle news si chiama ldquoNews Area Testrdquo)

Poniamo ora la nostra attenzione alla lista delle news (figura Lista news (page 62)) Da qui egrave possibile

bull Inserire una nuova notizia

bull Modificare le notizie giagrave esistenti

Per inserire una nuova notizia occorre selezionare la voce Crea nuovo record (figura Lista news (page 62))posta in fondo alla lista delle news

Figura 72 Lista news

A questo punto si apre la finestra di creazione Nuovo record da cui occorre selezionare la voce News(figura Nuovo record news (page 62))

Figura 73 Nuovo record news

Eseguendo le operazioni sopra descritte si accede alla maschera di inserimento news (figura Inserimentonews scheda generale (page 63))

Questa si compone di due schede una denominata Generale e unrsquoaltra denominata Relations

Nella scheda Generale egrave possibile inserire

Titolo in questo spazio egrave possibile specificare un titolo della news

Nascondi questo controllo determina se la news egrave pubblicabile oppure no Come avviene per le pagineanche per le news egrave consigliabile tenere la news nascosta durante la lavorazione Facciamo notare

71 Inserimento e modifica di news 62

DocWeb Release 101

Figura 74 Inserimento news scheda generale

71 Inserimento e modifica di news 63

DocWeb Release 101

che appena viene aperta la maschera di inserimento di una nuova news il controllo appare giagrave instato nascosto

Dataora in questo spazio viene indicata la data e lrsquoora della creazione della news in base ai parametridi sistema

Data Archiviazione in questo spazio viene inserita la data di Archiviazione di una news

Autore permette di specificare un autore della news

Email permette di specificare un e-mail a cui fare riferimento

Sottointestazione questo campo conterragrave una breve descrizione (abstract) della news La sottointes-tazione egrave quella parte della news che compare quando viene visualizzata la lista delle news e serveper dare una breve descrizione al contenuto della news (si veda Esempio news (page 64))

Figura 75 Esempio news

Durante lrsquoinserimento di una news egrave consigliabile specificare sempre una sottointestazione

Testo egrave il campo che contiene il contenuto vero e proprio della news Egrave possibile utilizzare tutte lefunzionalitagrave messe a disposizione dallrsquoeditor RTE

72 Modalitagrave Relations

Nella modalitagrave Relations (figura Inserimento news scheda relations (page 65)) egrave possibile inserire

Immagini contiene una lista di immagini da associare alla news Il procedimento per la se-lezionecaricamento delle immagini egrave stato descritto nella parte dedicata alla creazione di paginedi download a cui vi rimandiamo

Didascalia permette di specificare una descrizione per lrsquoimmagine associata alla news

Image alttext e Image titletext permette di specificare un testo che in visualizzazione (Frontend)compariragrave al passaggio del mouse sopra lrsquoimmagine

News correlate permette di specificare news o pagine del sito da associare alla news Il procedimentodi selezione delle news da associare alla notizia saragrave spiegato successivamente

DAM elements permette di assegnare alla news dei documenti da scaricare come per esempioil programma di un determinato evento Anche in questo caso il procedimento per la se-lezionecaricamento dei documenti egrave quello giagrave descritto nella parte dedicata alla creazione dipagine di download

Descriviamo il procedimento da seguire per associare alcune pagine o alcune news alla notizia che stiamoinserendo

Premere il tasto di Sfoglia Record evidenziato nella figura Sfoglia record news (page 65)

Verragrave aperta una finestra che contiene un Element Browser che ci permette di selezionare le newspagine(figura Element browser news (page 66)) da associare

La finestra di selezione si suddivide nelle seguenti parti (figura sopra)

Alberatura del sito da cui egrave possibile esplorare gli elementi del nostro sito (pagine sysfolder )Premendo con il tasto sinistro del mouse sul nome della pagina o sulla freccia corrispondente verragraveaggiornata la parte di destra della finestra in cui egrave inserita la lista degli elementi associabili

72 Modalitagrave Relations 64

DocWeb Release 101

Figura 76 Inserimento news scheda relations

Figura 77 Sfoglia record news

72 Modalitagrave Relations 65

DocWeb Release 101

Figura 78 Element browser news

Lista degli elementi associabili egrave quindi possibile selezionare gli elementi da associare alla newsPer associare un elemento si puograve selezionare il simbolo ldquo+rdquo posto accanto allrsquoelemento desideratoo agendo sul nome del file Nel primo caso lrsquoelemento viene aggiunto ma la finestra non si chiuderagrave(utile per effettuare selezioni multiple) mentre nel secondo caso lrsquoelemento viene aggiunto e lafinestra si chiuderagrave (selezione singola)

Nota Per associare una o piugrave news alla notizia che stiamo inserendo occorreragrave innanzitutto selezionareil repository delle news e utilizzando i metodi descritti in precedenza indicare le news di interesse

Nella figura Selezione repository (page 66) viene visualizzato come appare lrsquoElement Browser dopo averselezionato il repository delle news denominato ldquoNews Corso Typo3rdquo

Figura 79 Selezione repository

Una volta ultimato il procedimento di inserimento di una news vedremo che nel repository compariragrave(figura News nel repository (page 67)) anche quella da noi creata Nellrsquoesempio la news creata si chiamaldquoTitolo della news di provardquo

Dalla lista delle news possiamo notare che i diversi tipi di news sono contrassegnati con icone diverse

In particolare distinguiamo

72 Modalitagrave Relations 66

DocWeb Release 101

Figura 710 News nel repository

bull News (icona ldquocelestinardquo)

bull Collegamento a URL esterna (icona ldquorosardquo)

bull Collegamento a pagina interna (icona ldquogiallinardquo)

Per modificare il contenuto di una news egrave sufficiente selezionare il simbolo di modifica (figura Modificanews (page 67)) in corrispondenza della news da modificare

Figura 711 Modifica news

73 News collegata a URL esterna e a pagina interna

Attraverso la selezione della finestra ldquoTipordquo egrave possibile scegliere diverse tipologie di news

Nella figura News collegata a url esterna (page 68) egrave stato selezionato il Collegamento a URL esterna checi offriragrave la possibilitagrave di specificare un link (ldquoURL esternordquo) da far visualizzare e che saragrave contraddistintain lista da lrsquoicona di colore rosa

Selezionando il Collegamento a pagina interna viene offerta la possibilitagrave di inserire un collegamento auna pagina del sito (evidenziato nella figura News collegata a pagina interna (page 69))

La news si presenteragrave con icona di color ldquogiallordquo e al suo interno conterragrave un link alla pagina interna alsito

73 News collegata a URL esterna e a pagina interna 67

DocWeb Release 101

Figura 712 News collegata a url esterna

73 News collegata a URL esterna e a pagina interna 68

DocWeb Release 101

Figura 713 News collegata a pagina interna

73 News collegata a URL esterna e a pagina interna 69

DocWeb Release 101

74 Eliminazione delle News

Per eliminare una news possiamo procedere tra lrsquoaltro in due modi

1 Selezionare la news da eliminare dallrsquoelenco e selezionare la voce ldquocancellardquo dal menugrave a tendinaconsultabile cliccando con il pulsante destro sullrsquoicona in corrispondenza della news (figura Eliminanews da menu contestuale (page 70))

Figura 714 Elimina news da menu contestuale

2 Entrare allrsquointerno della modalitagrave di modifica della news attraverso lrsquoicona ldquomatitardquo e selezionare lrsquoi-cona raffigurante il bidone di elimina posta in alto pagina (figura Elimina news da scheda contenuto(page 70))

Figura 715 Elimina news da scheda contenuto

75 Ordinamento delle News e ricerca

Puograve essere necessario durante la visualizzazione della lista delle news (lato backend) di dover effettuaredegli ordinamenti al fine di permettere una ricerca piugrave veloce delle news da modificare

74 Eliminazione delle News 70

DocWeb Release 101

Avvertimento Lrsquoordinamento ha valore solo come ricerca allrsquointerno del backend mentre latofrontend rispecchieragrave i parametri prestabiliti dal sistema

Supponiamo per esempio di voler effettuare un ordinamento per Titolo Seguiamo i seguenti passi(figura sotto)

1 Selezionare la voce di menugrave Lista

2 Selezionare il deposito delle news (repository) News Corso Typo3

3 Cliccare con il mouse in corrispondenza della voce ldquoTitolordquo

A questo punto (figura Ordinamento news (page 71)) le news vengono ordinate in ordine crescente(vengono visualizzate prima le news con titolo che inizia con la lettera a b e cosigrave via)

Figura 716 Ordinamento news

Se clicchiamo unrsquoaltra volta sulla voce ldquoTitolordquo il tipo di ordinamento cambia da crescente a decrescente(compariranno per prima le news con titolo che inizia per z )

Egrave inoltre possibile ordinare secondo campo da noi specificato Per definire il nome di un campo (ad estesto inizio autore ) su cui effettuare lrsquoordinamento occorreragrave spostarsi in fondo alla lista delle newsdove troveremo una lista di campi (figura Mostra campo aggiuntivo news (page 71))

Figura 717 Mostra campo aggiuntivo news

Dalla lista possiamo

bull Selezionare la voce in base alla quale effettuare lrsquoordinamento (ad esempio Immagini)

bull Premere il tasto Imposta campi per aggiungere alla lista dei campi visualizzati quello selezionato

75 Ordinamento delle News e ricerca 71

DocWeb Release 101

A questo punto il campo selezionato (nel nostro esempio il campo Immagini) compare nella lista dellenews (il campo aggiunto egrave evidenziato con un riquadro in alto a destra nella figura Ordinamento campoaggiuntivo news (page 72))

Figura 718 Ordinamento campo aggiuntivo news

Effettuare le stesse operazioni illustrate per il campo Titolo per ordinare in modo crescente e decrescentele news secondo il criterio impostato (click pulsante sinistro sul nome etichetta)

Egrave anche possibile ricercare le news in base al testo contenuto nel titolo sottotitolo descrizione eccUtilizzando la maschera di ricerca in fondo pagina (evidenziata nella figura Ricerca news (page 72))

Figura 719 Ricerca news

Per effettuare una ricerca egrave necessario seguire i seguenti passi

1 Inserire nel campo Cerca Stringa il testo da cercare (nel nostro esempio ldquonequerdquo)

2 Premere il tasto Cerca per eseguire la ricerca secondo i criteri impostati

In questo modo nella lista delle news compariranno solo quelle che contengono il testo specificatoEffettuata la ricerca egrave possibile effettuare degli ordinamenti come spiegato in precedenza

75 Ordinamento delle News e ricerca 72

CAPITOLO 8

Modulo Eventi

Avvertimento SEZIONE NON COMPLETA

Si confrontino i seguenti due tipi di contenuti

Evento egrave un tipo di contenuto adatto a descrivere qualcosa che accadragrave o che egrave accaduto in una certadata La data o le date in cui lrsquoevento ricorre sono strettamente legate ad un luogo in cui lrsquoeventosi verificheragravesi egrave verificato Gli eventi vengono rappresentati mediante la metafora dellrsquoagenda edel calendario

Notizia egrave un tipo di contenuto caratterizzato dalla data di pubblicazione secondo la metafora delgiornale online E come in un giornale online una notizia puograve riferirsi sia a fatti giagrave accaduti chea fatti a venire

Nota Per comprendere meglio la differenza tra i due tipi di contenuto si pensi che dato un eventoche ha una certa data di svolgimento (ad es 20 maggio) di tale evento posso realizzare piugrave di unanotizia Rimanendo nellrsquoesempio potrei pubblicare una notizia il 10 maggio per preannunciare lrsquoeventoe poi unrsquoaltra il 18 maggio per ricordarne lrsquoimminenza Infine potrei pubblicare una notizia di riepilogo(cronaca dellrsquoevento immagini ecc) il 22 maggio

81 Scopo del modulo Eventi

Il visitatore del sito deve poter cogliere le informazioni essenziali di un evento

bull Cosa sta per succedere

bull Dove accadragrave

bull Quando accadragrave

82 Il Backend ndash Modulo Pagina

Vedi figura Eventi vista modulo pagina (page 74)

83 Il Backend ndash Modulo Lista

Vedi figura Eventi vista modulo lista (page 74)

73

DocWeb Release 101

Figura 81 Eventi vista modulo pagina

Figura 82 Eventi vista modulo lista

83 Il Backend ndash Modulo Lista 74

DocWeb Release 101

84 Creazione di un evento

Prima di procedere poniamoci qualche domanda

bull Lrsquoevento appartiene a qualche rassegna iniziativa per la quale sono in programma altri eventiPer esempio

ndash Rassegne teatrali cinematografiche

ndash Festival

bull Lrsquoevento si ripete

ndash La replica avviene sempre nello stesso luogo

841 Creazione del record

Vedi figura Creazione nuovo evento (page 75)

Vedi figura Creazione nuovo record evento (page 76)

Figura 83 Creazione nuovo evento

842 Scheda ldquoGeneralerdquo

Vedi figura Evento scheda generale (page 76)

843 Scheda ldquoFinestra temporalerdquo

Orario repliche

Vedi figura Evento finestra temporale (page 78)

84 Creazione di un evento 75

DocWeb Release 101

Figura 84 Creazione nuovo record evento

Figura 85 Evento scheda generale

84 Creazione di un evento 76

DocWeb Release 101

bull Lrsquoorario va solo per le Finestre temporali di un giorno (data inizio = data fine)

bull Se non si conosce lrsquoora della fine impostare ora inizio = ora fine

844 Scheda ldquoTestordquo

Vedi figura Evento scheda testo (page 79)

84 Creazione di un evento 77

DocWeb Release 101

Figura 86 Evento finestra temporale

84 Creazione di un evento 78

DocWeb Release 101

Figura 87 Evento scheda testo84 Creazione di un evento 79

  • Introduzione
    • Cosegrave DocWeb
    • Concetti chiave
      • Funzionalitagrave di Base
        • Il CMS Typo3 ldquobackendrdquo e ldquofrontendrdquo
        • Cambio password di accesso
        • Albero delle pagine
        • Implementazione delle pagine ldquogenitori rdquo e ldquofiglirdquo
        • Inserimento Nuova pagina
        • Elementi standard della pagina
        • Inserimento contenuti di una pagina
        • Contenuti multipli allrsquointerno di una pagina
        • Modifica dei contenuti della pagina
        • Spostamento di pagine
        • Eliminazione pagine
        • Rich Text Editor
        • Modalitagrave Lista
        • Modalitagrave Mostra
        • Modalitagrave ldquoMonta come radice dellrsquoalberordquo
        • Ottenere il page-id di una pagina
        • Admin Panel
          • La Clipboard
            • Copia o spostamento di un contenuto singolo di pagina allrsquointerno di unrsquoaltra pagina
            • Copia o spostamento di piugrave contenuti da una pagina ad unrsquoaltra
              • Modulo DAM (Digital Asset Management)
                • Caricamento e Aggiornamento di file
                • Ricerca di file allrsquointerno del DAM e modifica delle meta-informazioni
                  • Modulo Pagine di download
                    • Inserimento e configurazione pagine di download
                      • Modulo Sitemap
                        • Scheda di configurazione Mappa
                        • Tipo di mappa
                        • Il ``punto di partenza della mappa
                          • Modulo News
                            • Inserimento e modifica di news
                            • Modalitagrave Relations
                            • News collegata a URL esterna e a pagina interna
                            • Eliminazione delle News
                            • Ordinamento delle News e ricerca
                              • Modulo Eventi
                                • Scopo del modulo Eventi
                                • Il Backend ndash Modulo Pagina
                                • Il Backend ndash Modulo Lista
                                • Creazione di un evento
Page 17: DocWeb€¦ · per la realizzazione e la gestione di siti web della Pubblica Am-ministrazione. La piattaforma tecnologica utilizzata è il CMS (Content Management System) Open SourceTypo31

DocWeb Release 101

Figura 217 Seleziona contenuto paragrafo

27 Inserimento contenuti di una pagina 14

DocWeb Release 101

Figura 218 Modifica contenuto testo

27 Inserimento contenuti di una pagina 15

DocWeb Release 101

Ersquo inoltre possibile anche se sconsigliabile associare un link allrsquointestazione cambiare la sua posizioneinserire una data

Testo

Rappresenta con il suo grande quadrilatero bianco lrsquoarea allrsquointerno della quale andremo ad inserire ilnostro testo

Digitando un semplice testo in visualizzazione questo assumeragrave colore dimensione e carattere inconformitagrave allo stile preimpostato per le pagine del sito

Per la formattazione del testo saragrave possibile usare lo strumento RTE (di seguito descritto)

Opzioni generali (parametri di visibilitagrave)

Apparizione programmata

Cliccando accanto al quadrato della voce ldquoInizio rdquo e ldquoFinerdquo si attiveragrave un modulo data che ci consentiragravedi impostare le date di Inizio pubblicazione e di Fine pubblicazione (depubblicazione) di una pagina

Potremo quindi stabilire quando una pagina dovragrave essere pubblicata eo quando dovragrave cessare di esserevisibile on-line La programmazione dellrsquoinizio di pubblicazione non implica che ci sia necessariamenteuna fine e vice versa

Ciograve significa che potremo quindi decidere di pubblicare una pagina in una certa data e che la pubblicazioneduri nel tempo (almeno fino a quando non decideremo di togliere la visualizzazione on-line manualmente)

Pagine nascoste

Ersquo possibile nascondere il contenuto delle pagine cliccando il quadrato a sinistra della voce ldquoNascondirdquoScegliendo questa opzione la pagina continueragrave ad esistere ma non saragrave visibile il suo contenuto

Lrsquoopzione si rileva particolarmente utile in caso di pagina strutturata su contenuti multipli

28 Contenuti multipli allrsquointerno di una pagina

Avendo creato una pagina potremo in ogni momento svilupparla ulteriormente aggiungendo ulterioricontenuti

Clicchiamo sul menugrave di sinistra sulla voce ldquoPaginardquo in modo da caricare il menugrave centrale contenentelrsquoalberatura del sito

Clicchiamo sul titolo della pagina da modificare con il pulsante sinistro oppure con il destro e scegliamoldquomodificardquo

A destra si apriragrave il nostro ambiente di lavoro come nella figua Modifica contenuto normale (page 17)

Vedremo in pratica la stessa schermata proposta per la creazione di una nuova pagina con lrsquoaggiunta dialcune icone come indicato in figura

1 Modifica

2 Nuovo record

3 Cerca Stringa

Cliccando su Modifica comrsquoegrave intuibile saremo riportati nella pagine dellrsquoeditor dove potremo modificareil nostro testo link immagini ecc

Cliccando su nuovo record invece avremmo la possibilitagrave di aggiungere un nuovo contenuto alla paginae nella posizione che sceglieremo

28 Contenuti multipli allrsquointerno di una pagina 16

DocWeb Release 101

Figura 219 Modifica contenuto normale

28 Contenuti multipli allrsquointerno di una pagina 17

DocWeb Release 101

Il contenuto non avragrave vincoli con i record precedenti pur apparendo nella stessa pagina del frontend Ciogravegarantisce una vantaggiosa gestione delle pagine che suddivise in ldquosezionirdquo potranno essere di volta involta pubblicate cancellate modificate a blocchi di contenuto senza toccare lrsquointera pagina

Si potragrave suddividere la stessa pagina in diverse aree (record) ossia ldquocontenuti multiplirdquo via via aggiornabilianche da altri utenti di redazione

Ersquo inoltre possibile effettuare una ricerca su di un contenuto di tipo testuale allrsquointerno delle pagine edei record utilizzando il campo ldquoCerca Stringardquo La ricerca puograve essere effettuata allrsquointerno della paginae dei suoi record ed estesa anche ai livelli inferiori

29 Modifica dei contenuti della pagina

Creata una pagina potremo modificarla ogni volta che saragrave necessario

Per modificare una pagina saragrave sufficiente selezionarla dal menugrave portandosi con il cursore del mouse aldi sopra del titolo e cliccando con il pulsante destro su di essa (figura Modifica pagina (page 18))

Una pagina da modificare potragrave anche essere raggiunta tramite la ricerca dellrsquoID (vedi capitolo 3 Alberodelle pagine)

Scegliere la voce ldquomodificardquo dal menugrave a tendina che si apriragrave dopo il click

Figura 220 Modifica pagina

A destra nellrsquoarea principale si apriragrave la schermata riportante il contenuto della pagina selezionata

Potremo scegliere lrsquoelemento da modificare cliccando sullrsquoicona matita

Nota Ricordarsi sempre di salvare per rendere effettive le modifiche e di ricontrollare la visualizzazionedella pagina modificata

Per modificare lrsquointestazione di una pagina egrave sufficiente selezionare la voce ldquoModifica intestazionirdquo dalmenugrave portandosi con il cursore del mouse al di sopra del titolo e cliccando con il pulsante destro su diesso (figura Menu modifica intestazioni pagina (page 19))

210 Spostamento di pagine

Oltre le modifiche stilistiche testuali e di contenuto di una pagina possiamo modificarne la posizione

29 Modifica dei contenuti della pagina 18

DocWeb Release 101

Figura 221 Menu modifica intestazioni pagina

Per spostare la posizione di una pagina allrsquointerno di un menugrave selezioniamola dal menugrave principale conclick sinistro del mouse

Nella schermata di destra scegliamo lrsquoicona

Si apriragrave un menugrave che ci mostreragrave lrsquoalberatura del nostro sito (esattamente come per lrsquoinserimento diuna nuova pagina) composto da pagine principali (genitori) e pagine ad esse collegate (figli)

A questo punto dovremo solo scegliere dove spostare la pagina muovendoci sulle frecce grigie sottostantie sovrastanti le varie voci di menugrave

Avvertimento Spostando una pagina genitore anche i figli vengono spostati con esso

211 Eliminazione pagine

Per eliminare le pagine egrave sufficiente selezionare la pagina in questione dal menugrave principale cliccando conil pulsante destro del mouse su di essa e scegliere la voce del menugrave a tendina che si apriragrave ldquoCancellardquo

Avvertimento Non egrave possibile cancellare una pagina genitore Ossia non egrave possibile cancellareuna pagina che al suo interno contiene altre pagine prima che questrsquoultime trovino una collocazionealternativa

212 Rich Text Editor

Quando si inserisce un contenuto nellrsquoarea di testo (inserito digitando direttamente allrsquointerno dellrsquoap-posita area o copiato e incollato da fonte esterna con la dovuta cautela) egrave possibile personalizzarlo eformattarlo utilizzando le funzionalitagrave previste dal Rich Text Editor (RTE)

Nota Un testo copiatoincollato da altri programmi va ldquoripulitordquo prima di essere pubblicato poicheacuteil modulo che utilizzeremo tende a mantenere la formattazione originaria del carattere delle immaginidei colori falsando la linea grafica omogenea e standard del nostro portale

In ogni modo quando si salva un documento il cui testo conteneva una formattazione proveniente ad es-empio da un documento di tipo word questo viene automaticamente ldquoripulito nel codicerdquo ed egrave opportunocontrollare la visualizzazione

211 Eliminazione pagine 19

DocWeb Release 101

Proviamo ad inserire ad esempio una semplice frase allrsquointerno del box testo (figura Box testo RTE(page 20))

Figura 222 Box testo RTE

La frase viene digitata direttamente nellrsquoarea testo mantenendo un tipo di formattazione ldquonormalerdquo

2121 Testo grassetto corsivo sottolineato (bold italic underline)

Proviamo a selezionare la frase ldquoProvincia di Pesaro e Urbinordquo tenendo premuto il pulsante sinistro delmouse trascinando il cursore dalla P di Provincia alla o di Urbino

In alternativa portare il cursore alla P di Provincia tenere tasto maiuscolo premuto e muoversi con lefrecce per selezionare il testo

Lrsquoesempio egrave utile per capire che per effettuare una determinata azione di tipo stilistico su una frase oparola egrave necessario che la frase o la parola siano preventivamente selezionate

Figura 223 Comandi box testo RTE

212 Rich Text Editor 20

DocWeb Release 101

Se il testo egrave stato selezionato correttamente vedremo la parola ldquoProvincia di Pesaro e Urbinordquo evidenziatadi blu scuro

Click sinistro sul simboloicona ldquoBrdquo (figura Comandi box testo RTE (page 20)) per creare un effettoldquograssettordquo al testo

Click sinistro sul simboloicona ldquoIrdquo per il corsivo-italico

Click sinistro sul simboloicona ldquoU ldquo per il sottolineato

Nota Il Grassetto dona alle parole un sapore piugrave incisivo e si utilizza per enfatizzare termini importantie di rilievo

LrsquoItalico viene usato comunemente per indicare le date gli indirizzi le citazioni

Il Sottolineato su web viene comunemente usato nelle parole ldquolinkaterdquo (ossia che rimandano ad altrepagine web) per cui se ne sconsiglia lrsquouso in un testo semplice per evitare confusione

2122 Elenco Puntato e Numerato

Portiamoci con il cursore allrsquointerno della box di testo

Selezioniamo lrsquoicona Lista non numerata (Elenco puntato semplice)

Vedremo comparire un simbolo tontoromboidale e potremo dare vita ad una lista

bull Voce 1

bull Voce 2

bull Voce 3 ecc

Allo stesso modo potremo creare una lista numerata avvalendoci dellrsquoicona ldquoLista numeratardquo

Lrsquoelenco viene numerato

1 Voce 1

2 Voce 2

3 Voce 3 ecc

2123 Pulsanti di Annulla e Ripristina

Compiuta una determinata azione egrave possibile tornare indietro o ripristinarla tramite i pulsanti ldquoAnnullalrsquoultima azionerdquo e ldquoRifai lrsquoultima azionerdquo

Piugrave volte si clicca sui pulsanti piugrave volte lrsquoazione viene ripetuta indietro ed avanti nel tempo

2124 Copia Taglia Incolla

Selezionando un testo potremo tagliarlo copiarlo e incollarlo

Copia selezionare il testo utilizzare lrsquoicona ldquocopia selezionerdquo per copiare

Taglia il testo viene eliminato ma resta in memoria per essere eventualmente incollato altrove odefinitivamente cancellato Ersquo possibile tenere in memoria solo lrsquoultimo testo o parola tagliato

Incolla Un testo precedentemente copiato o tagliato puograve essere incollato nuovamente o su diversoambiente

212 Rich Text Editor 21

DocWeb Release 101

2125 Rimuovi Formattazione

Ersquo possibile che il testo importato e incollato nellrsquoarea testo da altra fonte (es documento word) sildquosporchirdquo e ne acquisisca le caratteristiche stilistiche in maniera non corretta

Ersquo necessario pulire il testo selezionandolo e cliccando su ldquorimuovi formattazionerdquo

Si apriragrave un pop-up (nuova finestra) che ci proporragrave diversi elementi da pulire selezioniamo ciograve che ciinteressa e clicchiamo su OK

2126 Inserisci Caratteri Speciali

Alcune volte puograve essere necessario inserire dei caratteri o simboli non presenti sulla tastiera o nonconvenzionali per i quali esiste una mappa di caratteri speciali

Il sistema propone diversi tipi di caratteri speciali tra i piugrave comuni e frequentemente usati per adoperarliegrave sufficiente cliccare sullrsquoapposita icona ldquoInserisci Caratteri Specialirdquo

Una finestra ci mostreragrave una vasta gamma di simboli tra i quali potremo scegliere quello che ci interessa

2127 Inserisci Tabella

Per agevolare lrsquoinserimento di dati numerici in forma ldquoTabellarerdquo si puograve ricorrere allrsquoinserimento di unatabella contraddistinta dallrsquoapposito simbolo

La tabella puograve essere immaginata come una quaderno a ldquoquadrettirdquo dove ogni ldquoscacchettordquo corrispondead una cella

Scegliendo di inserire una tabella si apriragrave una finestra pop-up dove andremo ad inserire parametridi spaziatura fra celle numero di righe e colonne che compongono la tabella spessore del bordoallineamento rispetto alla pagina ecc

2128 Link

Ogni sito egrave composto da pagine consultabili e collegate tra loro tramite link

I link sono i collegamenti presenti sulle voci di menugrave parole immagini ecc

Ersquo possibile collegare pagine appartenenti ad uno stesso sito un indirizzo web di un sito esterno ounrsquoe-mail un file da scaricare un immagine ecc

Nota Immettendo nel testo un indirizzo web o e-mail completo il programma egrave in grado di capireautomaticamente che si tratta di un link e collegare gli elementi automaticamente

Volendo invece collegare elementi non scritti in forma completa si dovragrave procedere come segue

Selezioniamo la parola o frase che vogliamo collegare (come precedentemente visto) e clicchiamo sullrsquoiconaldquoInserisci Linkrdquo

Si apriragrave un pop-up come indicato nella prossima figura

Link ad una pagina interna al sito

La finestra ci propone lrsquoalberatura del nostro sito con le pagine in esso presenti (La voce attiva egraveldquopaginardquo di colore giallomarrone rispetto alle altre voci del pop-up)

Selezionando (figura Link interno (page 23)) la pagina che vorremo collegare il pop-up si chiuderagrave e laparola che avevamo selezionato precedentemente per il link cambieragrave aspetto

La vedremo blu e sottolineata il che indica che il link egrave attivato

212 Rich Text Editor 22

DocWeb Release 101

Figura 224 Link interno

Ersquo anche possibile creare dei link che aprono la pagina collegata allrsquointerno di una ldquofinestra di pop-uprdquocioegrave dentro una nuova finestra del browser Specificando le dimensioni di altezza e larghezza della nuovafinestra allrsquointerno degli appositi campi

Link ad una pagina esterna al sito

Selezioniamo una parola o frase che vogliamo collegare (come precedentemente visto) e clicchiamosullrsquoicona ldquoInserisci Linkrdquo

Scegliamo nel menugrave in alto proposto dal pop-up il bottone ldquoURL esternordquo (figura Link esterno (page 23))

Figura 225 Link esterno

Impostiamo nel campo URL lrsquoindirizzo web che vogliamo linkare prestando attenzione a scriverlo peresteso e senza cancellare http

Clicchiamo su ldquoImposta Linkrdquo

Il pop-up si chiuderagrave e la parola che avevamo selezionato precedentemente per il link cambieragrave aspetto

212 Rich Text Editor 23

DocWeb Release 101

La vedremo blu e sottolineata il che indica che il link egrave attivato

2129 Link ad unrsquoEmail

Come precedentemente visto scrivendo un indirizzo e-mail valido il programma di gestione egrave in grado dicapire che si tratta di un indirizzo di posta elettronica e il link viene impostato automaticamente

Tuttavia ci sono dei casi in cui non egrave possibile o si preferisce non indicare lrsquoindirizzo e-mail per estesoad esempio potremmo avere ldquoPer informazioni scrivicirdquo

Volendo potremmo fare in modo che sulla parola ldquoscrivicirdquo ci sia impostata la funzione di invio e-mail

Selezioniamo quindi la parola andiamo su ldquoInserisci Linkrdquo scegliendo poi ldquoEmailrdquo

Inseriamo lrsquoindirizzo E-mail nellrsquoapposito campo e clicchiamo su ldquoimposta Linkrdquo

21210 Link ad un file scaricabile

Per collegare un file (espdf txt gif ecc) egrave necessario copiarlo dal proprio PC al server web

Non egrave infatti possibile che una pagina pubblicata su internet prenda come link dei files che di fatto sonosalvati in una directory del nostro computer

Typo3 mette a disposizione un area dovrsquoegrave possibile pubblicare i files per poi essere resi disponibili ai linkossia rende disponibile lrsquo ldquoUploadrdquo dei files da pc a server

Scegliere dal menugrave di sinistra sotto la sezione ldquoMediardquo la voce ldquoFilerdquo (figura Seleziona file (page 24))

Figura 226 Seleziona file

Si apriragrave sulla destra una nuova area dove troveremo i campi utili a ldquosfogliarerdquo il contenuto del nostropc al fine di passare i file o i files dal nostro computer al manager

Effettuato il passaggio potremo ritornare alla nostra pagina e riprendere la procedura di ldquocreazione linkrdquoselezionando questa volta la voce ldquoFilerdquo del pop-up

I campi proposti sono del tutto simili a quelli di creazione di link su pagine del sito e un elenco di files(tutti quelli disponibili caricati) potranno essere collegati

213 Modalitagrave Lista

Selezionando la voce ldquolistardquo (figura Backend modalitagrave lista (page 25)) dal menugrave di sinistra egrave possibileesplorare una pagina ldquopadrerdquo e tutte le pagine ldquofiglirdquo ed essa associate

Avvertimento Ricordarsi di attivare la voce in basso ldquoVista Estesardquo

213 Modalitagrave Lista 24

DocWeb Release 101

Figura 227 Backend modalitagrave lista

Utilizzando le icone poste alla destra di ogni voce si possono compiere diverse operazioni di modificavisualizzazione spostamento copia e incolla pagina ecc come precedentemente descritto

Dunque potremo dire che la modalitagrave lista costituisce una scorciatoia per semplificare ogni sorta dioperazione soprattutto in presenza di un numero considerevole di files

214 Modalitagrave Mostra

Figura 228 Backend modalitagrave mostra

Selezionando la voce ldquoMostrardquo (figura Backend modalitagrave mostra (page 25)) dal menugrave di sinistra egrave possibilenavigare il sito allrsquointerno del docweb direttamente nel backend

214 Modalitagrave Mostra 25

DocWeb Release 101

Inoltre accanto ai vari record troveremo posta lrsquoicona matita per eseguire eventuali modifichedirettamente sul punto e la pagina prescelti

Anche la modalitagrave ldquoMostrardquo come la rdquoListardquo (cap 13) costituisce una scorciatoia particolarmente indicataper semplificare lrsquooperazione di visualizzazione del sito e di modifica

215 Modalitagrave ldquoMonta come radice dellrsquoalberordquo

Quando esistono diverse e numerose pagine egrave possibile gestire solo la porzione di contenuto che ci interessariducendo lrsquoalberatura del sito (lato backend) ai minimi termini mediante il comando ldquomonta come radicedellrsquoalberordquo

Per effettuare il comando procedere come segue

Cliccare con il pulsante destro del mouse sul titolo pagina dal menugrave centrale

Selezionare la voce ldquoaltre opzionirdquo dal menugrave a tendina (figuraMenu altre opzioni (page 26)) che compariragravecome conseguenza dellrsquoazione descritta al punto uno

Figura 229 Menu altre opzioni

Selezionare dallrsquoulteriore menugrave che si apriragrave (figura Seleziona monta come radice (page 26)) la voceldquoMonta come radice dellrsquoalberordquo

Figura 230 Seleziona monta come radice

Lrsquoalberatura si ridurragrave automaticamente mostrando solo la porzione selezionata

Per ripristinare lo stato di partenza selezionare la voce in alto nel menugrave centrale (figura Elimina DBmount (page 26)) ldquoElimina DB mount temporaneordquo

Figura 231 Elimina DB mount

Il menugrave si espanderagrave nuovamente mostrando tutte le voci esistenti

215 Modalitagrave ldquoMonta come radice dellrsquoalberordquo 26

DocWeb Release 101

216 Ottenere il page-id di una pagina

2161 Frontend (FE)

Da frontend si puograve ottenere il page-id della pagina corrente nei seguenti modi

1 dalla barra degli indirizzi del proprio browser (figura Id dallrsquourl (page 27)) Il numero della paginaegrave quello dopo la stringa ldquoid=rdquo Nella figura egrave cerchiata in verde la stringa ldquoid=rdquo e il numero dellapagina (page-id)

Figura 232 Id dallrsquourl

2 Puntando il mouse sulla scritta [id] a pieacute pagina e leggendo il tooltip (figura Id dal tooltip (page 27))

Figura 233 Id dal tooltip

3 Solo per browser Firefox dal menugrave di contesto scegliere la voce ldquoVisualizza info paginardquo si apreuna finestra consultare quindi la lista Meta sotto la scheda Generale (Id dagli attributi (page 28))

2162 Backend (BE)

Da backend egrave possibile ottenere il page-id nei seguenti modi

1 leggendo il tooltip puntando il mouse sullrsquoicona della pagina nel riquadro della struttura del sito(figura Id dal tooltip nel backend (page 28))

2 dal modulo di modifica delle intestazioni della pagina (figura Id dalle intestazioni pagina nel backend(page 28)) Il numero egrave tra le parentesi quadre dopo il titolo della pagina

217 Admin Panel

Quando si inseriscono contenuti con Typo3 (backend) egrave possibile visualizzare unrsquoanteprima della paginache si sta creando per vedere i risultati del lavoro svolto

Per visualizzare unrsquoanteprima di una pagina occorre (figura Menu mostra (page 29))

1 posizionarsi sulla pagina da visualizzare

2 premere il tasto sinistro del mouse in corrispondenza del nome

216 Ottenere il page-id di una pagina 27

DocWeb Release 101

Figura 234 Id dagli attributi

Figura 235 Id dal tooltip nel backend

Figura 236 Id dalle intestazioni pagina nel backend

217 Admin Panel 28

DocWeb Release 101

Figura 237 Menu mostra

3 selezionare la voce Mostra

In base alla pagina scelta si avragrave un risultato come quello visualizzato nella figura Anteprima pagina conAdmin panel (page 29)

Figura 238 Anteprima pagina con Admin panel

La pagina presenteragrave nella parte superiore lrsquoanteprima della pagina Nella parte inferiore vienevisualizzato uno strumento denominato Admin Panel

Questo oggetto offre lato front-end alcune funzionalitagrave (figura Moduli Admin panel (page 30)) cheaiutano i gestori di contenuti nella creazionemodifica delle pagine web del sito

NellrsquoAdmin panel (figura sopra) egrave possibile distinguere

217 Admin Panel 29

DocWeb Release 101

Figura 239 Moduli Admin panel

1 Modulo Preview ndash offre la possibilitagrave di selezionare alcune opzioni sulla pagina per simulare alcunesituazioni in cui la pagina si puograve trovare durante la visualizzazione

2 Modulo Cache ndash offre la possibilitagrave di gestire la cache

Allrsquointerno del modulo Preview abbiamo le seguenti voci

Mostra pagine nascoste selezionando la casella di controllo corrispondente a questa voce si visual-izzeranno anche quelle che attualmente non sono visibili allrsquointerno del sito o perchegrave in lavorazioneo perchegrave ancora non egrave stata data lrsquoautorizzazione alla pubblicazione

Mostra record nascosti come per le pagine questa voce offre la possibilitagrave di poter visualizzare allrsquoin-terno della pagina quei contenuti nascosti che non sono ancora ultimati o che sono in attesa di unautorizzazione per la pubblicazione

Simula data con questo controllo egrave possibile simulare il comportamento della pagina in periodi tem-porali diversi Utilizzando la casella di testo egrave possibile inserire delle date In questo modo sirende possibile la visualizzazione di quegli elementi (ad es pagine news ) che sono abilitati acomparirescomparire in base a determinati criteri temporali impostati

Simula gruppo di utenti con questo controllo egrave possibile simulare il comportamento delle pagine inbase ad un determinato gruppo di utenti che vi accede Alcune pagine possono infatti avere uncomportamento diverso in base al tipo di utente che vi accede

Nota Durante la creazione di pagine egrave possibile restringere la visione di una determinata pagina aparticolari tipi di utenti (utenti di frontend) Questa caratteristica offre la possibilitagrave di definire delle areead accesso riservato del sito ossia sezioni del sito a cui egrave possibile accedere solo dopo essersi autenticatie dopo avere avuto i necessari diritti di accesso

Una volta selezionate le opportune scelte allrsquointerno dellrsquoADMIN Panel occorreragrave premere il tasto Aggior-na (figura Aggiorna Admin panel (page 31)) per prendere visione della pagina secondo i criteri impostati

Nota Nel caso in cui lrsquoutente abbia la possibilitagrave di accedere da back-end a piugrave siti (ciascuno con unproprio dominio) bisogna tenere presente che lrsquoADMIN Panel compare soltanto per le pagine relativeal dominio con cui lrsquoutente ha fatto il login In altre parole se un operatore ad esempio egrave abilitatoa lavorare sulle pagine di backend dei siti httpwwwsitoesempio1it e httpwwwsitoesempio2it ese lrsquooperatore accede al backend di DocWeb con lrsquoindirizzo httpwwwsitoesempio1ittypo3 allora

217 Admin Panel 30

DocWeb Release 101

Figura 240 Aggiorna Admin panel

lrsquoADMIN Panel compariragrave solo sulle pagine di frontend del dominio wwwsitoesempio1it e non su quelledel dominio wwwsitoesempio2it

217 Admin Panel 31

CAPITOLO 3

La Clipboard

Lrsquooggetto clipboard (rdquoblocco degli appuntirdquo) egrave molto utile quando si ha la necessitagrave di copiare o spostareuno o piugrave elementi di contenuto o una o piugrave pagine da una sezione del sito (contenitore di pagine) adunrsquoaltra

31 Copia o spostamento di un contenuto singolo di pagina allrsquointernodi unrsquoaltra pagina

Per prima cosa egrave necessario (figura Identifica contenuto (page 32))

Figura 31 Identifica contenuto

1 selezionare la voce Lista

2 selezionare la pagina che contiene il contenuto che si intende copiare (nella figura abbiamo sceltola pagina denominata ldquoCorso di formazione su Typo3rdquo

32

DocWeb Release 101

3 identificare dalla lista dei contenuti associati alla pagina quello da spostare

Supponiamo che si desideri copiare il contenuto denominato ldquoTesto 2rdquo (figura Copia contenuto (page 33))

Figura 32 Copia contenuto

Egrave sufficiente cliccare sullrsquoicona (nella figura sopra evidenziata con un cerchio rosso) di copia incorrispondenza del contenuto da copiare

Dopo avere eseguito questa operazione nella figura Risultato copia contenuto (page 34) possiamo notare

1 Egrave comparsa unrsquoicona nuova che mette in evidenza che nella clipboard egrave presente un elemento

2 Lrsquoicona di copia in corrispondenza del contenuto da spostare ha cambiato aspetto

A questo punto lrsquooggetto che si intende copiare egrave presente nella nostra clipboard

Il passo successivo egrave quello di selezionare la pagina in cui andare a posizionare lrsquoelemento (paginadestinazione)

Rimanendo sempre allrsquointerno del modulo Lista occorreragrave selezionare dallrsquoalberatura delle pagine la pag-ina destinazione Il procedimento da seguire per posizionarsi sulla pagina egrave lo stesso descritto in prece-denza Nella figura Incolla contenuto (page 34) viene evidenziato il contenuto di una pagina (denominataldquoPagina di Provardquo) in cui vogliamo copiare il contenuto

Per copiare il contenuto della clipboard nella pagina selezionare lrsquoicona Incolla contenuto Clipboard

Confermando lrsquooperazione il contenuto saragrave copiato allrsquointerno della pagina selezionata

Per effettuare lo spostamento di un contenuto di pagina allrsquointerno di unrsquoaltra pagina cliccare sullrsquoicona

di Taglia al posto dellrsquoicona copia e ripetere le operazioni sopra descritte

1 Selezionando la casella Mostra clipboard (figura Vista clipboard (page 35)) egrave possibile visualiz-zare lrsquooggetto clipboard Nel caso in figura lrsquoelemento copiato in precedenza (Testo 2) egrave ancoradisponibile allrsquointerno della clipboard Utilizzando il procedimento descritto infatti il contenuto

31 Copia o spostamento di un contenuto singolo di pagina allrsquointerno di unrsquoaltra pagina 33

DocWeb Release 101

Figura 33 Risultato copia contenuto

Figura 34 Incolla contenuto

31 Copia o spostamento di un contenuto singolo di pagina allrsquointerno di unrsquoaltra pagina 34

DocWeb Release 101

selezionato rimane ancora a disposizione dellrsquoutente che potragrave selezionare altre pagine destinazionesu cui eventualmente andare a copiare il contenuto Nel caso in cui si selezioni un altro elementoad esempio ldquoTesto 1rdquo lrsquoelemento presente viene automaticamente sostituito

2 Dallrsquooggetto clipboard egrave possibile rimuovere un elemento premendo il bottone di Elimina postoaccanto ad esso

Figura 35 Vista clipboard

Con il procedimento descritto fino ad ora egrave possibile scegliere soltanto un contenuto alla volta

32 Copia o spostamento di piugrave contenuti da una pagina ad unrsquoaltra

Nel caso in cui ci si trovi nella necessitagrave di copiare piugrave di un contenuto da una pagina allrsquoaltra egrave necessarioseguire i passi seguenti

1 Selezionare il modulo Lista

2 Selezionare la pagina di origine da cui prelevare i contenuti

3 Selezionare la casella Mostra clipboard

4 Selezionare una clipboard tra quelle denominate ldquoClipboard 1rdquo ldquoClipboard 2rdquo ldquoClipboard 3rdquo(punto 3 figura Vista clipboard con contenuto selezionato (page 36))

Selezionando ad esempio la clipboard contrassegnata come ldquoclipboard 1rdquo si avragrave la seguente situazione

32 Copia o spostamento di piugrave contenuti da una pagina ad unrsquoaltra 35

DocWeb Release 101

Figura 36 Vista clipboard con contenuto selezionato

32 Copia o spostamento di piugrave contenuti da una pagina ad unrsquoaltra 36

DocWeb Release 101

1 In corrispondenza di ogni contenuto si evidenzia una Casella di selezione Sopra la colonna con lecaselle di selezione egrave comparsa una lista di bottoni tra cui al momento distinguiamo

2 Bottone di copia elementi nella clipboard

3 Bottone di selezione tuttinessuno

Scegliendo ad esempio i primi due elementi e premendo il pulsante di copia elementi nella clipboard sipuograve notare che (figura Copia nella clipboard (page 37))

Figura 37 Copia nella clipboard

1 La clipboard che abbiamo scelto per la selezione multipla (ldquoClipboard 1rdquo) contiene la lista deglioggetti che abbiamo scelto di copiare

2 Ersquo comparsa lrsquoicona di Incolla contenuto Clipboard

La procedura della selezione della pagina di destinazione rimane identica a quella giagrave utilizzata per lacopia di un contenuto singolo (selezionare la pagina di destinazione su cui andare a posizionare i contenutiselezionati)

Egrave importante fare notare che seguendo le operazioni descritte sopra si ottiene come risultato lospostamento dei contenuti dalla pagina origine a quella destinazione

Se si desidera copiare gli elementi selezionati egrave necessario una volta selezionati gli elementi da copiarepremere il tasto copia gli items invece di spostarli (evidenziato con un cerchio rosso nella figura Tagliadalla clipboard (page 38))

32 Copia o spostamento di piugrave contenuti da una pagina ad unrsquoaltra 37

DocWeb Release 101

Figura 38 Taglia dalla clipboard

32 Copia o spostamento di piugrave contenuti da una pagina ad unrsquoaltra 38

DocWeb Release 101

In questo modo dopo avere confermato lrsquooperazione i contenuti o le pagine da copiare saranno presentisia nella pagina origine che in quella destinazione

32 Copia o spostamento di piugrave contenuti da una pagina ad unrsquoaltra 39

CAPITOLO 4

Modulo DAM (Digital AssetManagement)

Il modulo DAM (Digital Asset Management) offre la possibilitagrave di raccogliere e catalogare contenuti informato digitale come immagini documenti presentazioni

Ogni file inserito puograve essere corredato di informazioni aggiuntive (meta-informazioni) come la descrizionelrsquoautore parole chiave ecc

Attraverso il modulo DAM egrave possibile svolgere le seguenti operazioni

bull Caricamento e Aggiornamento di file

bull Ricerca di file allrsquointerno del DAM e modifica delle meta-informazioni associate ai file

41 Caricamento e Aggiornamento di file

Lrsquooperazione di CaricamentoAggiornamento di file serve per sottoporre al sistema DAM un particolarecontenuto memorizzato in formato digitale

Lrsquoelemento caricato saragrave poi disponibile a chi inserisce contenuti

Per iniziare lrsquooperazione di caricamento di un file egrave sufficiente selezionare la voce File che si trovaallrsquointerno del modulo Media (figura Menu file (page 41))

La maschera che si apre (figura File upload (page 41)) offre le seguenti possibilitagrave

1 Selezione della posizione dove andare a caricareaggiornare il file

2 Specificare alcuni documenti da caricare (area File)

Concentrandoci sullrsquoarea File (figura Dettaglio file upload (page 42)) distinguiamo

1 Voce Show upload location browser (punto 1 figura sopra) egrave possibile visualizzare i file attualmentecaricati nel Mount Point selezionato

2 Lista di bottoni denominati Sfoglia da utilizzare nel caso in cui si desideri caricareaggiornareun file

Se si desidera caricare un file occorre cliccare sul bottone Sfoglia

La finestra che appare (figura Sfoglia file (page 42)) permette di selezionare dal proprio PC il file dacaricare

Per selezionare un file da caricare occorre

1 Esplorare le cartelle del proprio PC per trovare il file

40

DocWeb Release 101

Figura 41 Menu file

Figura 42 File upload

41 Caricamento e Aggiornamento di file 41

DocWeb Release 101

Figura 43 Dettaglio file upload

Figura 44 Sfoglia file

41 Caricamento e Aggiornamento di file 42

DocWeb Release 101

2 Inserire il nome del file nella casella di testo Nome file

3 Premere il tasto Apri

Una volta che si egrave selezionato un file egrave possibile

1 selezionare altri file da caricare seguendo gli stessi passi descritti in precedenza

2 effettuare lrsquooperazione di caricamento del file vero e proprio

Dallrsquoesempio abbiamo scelto di caricare un solo file

Il caricamento dei file viene eseguito premendo il bottone ldquoUpload filesrdquo che si trova in fondo alla listadei file selezionati (figura File selezionato (page 43))

Figura 45 File selezionato

Se tutto egrave stato eseguito correttamente appariragrave una finestra come quella nella figura Process files(page 44)

In questa maschera egrave possibile

1 Specificare le meta-informazioni per il singolo file come ad esempio il titolo parole chiavedescrizione

2 Avviare il processo di elaborazione multipla premendo il bottone Process selected files Con questoprocesso egrave possibile inserire o modificare le meta-informazioni per tutti i file della lista (in questocaso solo uno)

Se si vuole eseguire lrsquoinserimento delle meta-informazioni per singolo file la finestra che si apre egrave similea quella presentata in figura Elaborazione metainformazioni singolo file (page 44)

Nel caso si scelga di eseguire il processo di elaborazione multipla la maschera che compare (figuraElaborazione metainformazioni file multipli (page 45)) permette di selezionare le meta-informazioni chelrsquoutente intende inserire contemporaneamente per tutti i file della selezione

41 Caricamento e Aggiornamento di file 43

DocWeb Release 101

Figura 46 Process files

Figura 47 Elaborazione metainformazioni singolo file

41 Caricamento e Aggiornamento di file 44

DocWeb Release 101

Figura 48 Elaborazione metainformazioni file multipli

41 Caricamento e Aggiornamento di file 45

DocWeb Release 101

Se si seleziona la checkbox accanto alla voce che eventualmente saragrave inserita questa viene aggiuntaalle informazioni eventualmente giagrave presenti (modalitagrave append) Nellrsquoaltro caso le informazioni sarannosovrascritte

I campi Titolo e Descrizione sono obbligatori mentre il campo Parole chiavi puograve essere valorizzato adiscrezione dellrsquoutente Informazioni su come valorizzare i campi elencati sopra saranno descritte suapposite linee guida

Per completare lrsquoinserimentoaggiornamento delle meta-informazioni riguardanti il file caricato occorrepremere il tasto Send (figura Salva metainformazioni (page 46)) in fondo alla maschera per il salvataggiodelle informazioni

Figura 49 Salva metainformazioni

Tornando alla maschera di caricamento file e selezionando la checkbox in corrispondenza della voceSovrascrivi file esistenti (figura Carica file sovrascrivendo (page 46)) saragrave possibile aggiornare eventualifile che hanno lo stesso nome di quello che stiamo caricando

Questa procedura egrave utile quando si vuole aggiornare il contenuto di un file che egrave giagrave presente nel DAM

Figura 410 Carica file sovrascrivendo

Nel caso di aggiornamento di un file le meta-informazioni del file rimangono le stesse inserite inprecedenza Come si puograve notare non viene offerta la possibilitagrave di inserirne di nuove

Nel caso in cui un file con lo stesso nome sia giagrave caricato e non si desideri aggiornarlo il file inseritoper ultimo viene rinominato con un suffisso generato automaticamente dal DAM In questo caso la voceSovrascrivi file esistenti non deve essere selezionata (figura Carica file senza sovrascrivere (page 47))

Nellrsquoesempio in figura viene presentata la lista dei file presenti nel mount point selezionato

Da notare la presenza di un file che egrave stato rinominato dal DAM con un suffisso ldquo_01rdquo dato che nellastessa posizione era giagrave presente un file con lo stesso nome

41 Caricamento e Aggiornamento di file 46

DocWeb Release 101

Figura 411 Carica file senza sovrascrivere

41 Caricamento e Aggiornamento di file 47

DocWeb Release 101

42 Ricerca di file allrsquointerno del DAM e modifica delle meta-informazioni

Rimanendo sempre allrsquointerno del modulo Media selezioniamo la voce List egrave possibile effettuare dellericerche dei file e modificare le meta-informazioni associate ai file

Nella figura Backend media list (page 48) distinguiamo

Figura 412 Backend media list

1 Parte relativa ai Mount Point disponibili

2 Parte relativa ai tipi di file caricati nel sistema

3 Schede List Thumbnails Selection Process

Da questa sezione egrave possibile effettuare ricerche sui file caricati nel DAM

Le ricerche che si possono eseguire sono del tipo ldquotrova tutti i file pdf e docrdquo oppure ldquoelenca tutti i filedi tipo immagine ad eccezione dei file con estensione gifrdquo

Per prima cosa facendo click sul nome del tipo file (es gif oppure image) si seleziona solo quel tipo difile e si escludono tutti i criteri selezionati in precedenza

Per aggiungere un altro criterio di ricerca egrave sufficiente selezionare il ldquo+rdquo (punto 1 nella figura Criteri diselezione (page 49)) posto accanto al tipo di file che si vuole selezionare

Con il ldquo-ldquo(punto 2) saragrave possibile rimuovere il tipo di file dai criteri di ricerca

Selezionando ldquo=rdquo (punto 3) egrave possibile introdurre clausole del tipo ldquocerca un file che sia doc e presentenel Mount Point chiamato lsquoArea Testrsquordquo (ossia effettua una ricerca che risponda a tutti i criteri impostati)

Nellrsquoesempio della figura Salva selezione (page 49) sono stati selezionati tutti i tipi di immagine adeccezione dei file con estensione gif Questo risultato si ottiene nel seguente modo

1 selezionare il ldquo+rdquo accanto alla voce ldquoimagerdquo

2 premendo il tasto ldquo-ldquo in corrispondenza della voce ldquogifrdquo

I criteri impostati per la selezione possono essere salvati per un uso futuro Per salvare la selezioneoccorre (figura Salva selezione (page 49))

1 riempire il campo sotto la voce SELECTION con un nome che identifichi la ricerca

2 premere il tasto Save per salvare la modalitagrave di ricerca impostata

In questo modo saragrave possibile richiamare e rieseguire la ricerca impostata anche in futuro senza doverripetere il procedimento di scelta dei criteri mostrato in precedenza

42 Ricerca di file allrsquointerno del DAM e modifica delle meta-informazioni 48

DocWeb Release 101

Figura 413 Criteri di selezione

Figura 414 Salva selezione

42 Ricerca di file allrsquointerno del DAM e modifica delle meta-informazioni 49

DocWeb Release 101

Se in futuro saranno inseriti nuovi file che soddisfano la ricerca salvata questi verranno selezionati quandoverragrave richiamata la ricerca salvata

Dalla figura Ricerca salvata (page 50) egrave possibile notare come richiamare la ricerca salvata In questocaso abbiamo salvato la ricerca con il nome ldquoimmaginisenzagifrdquo

Figura 415 Ricerca salvata

Una volta che si egrave selezionata la ricerca egrave possibile

1 Premere il tasto Load per ricaricare la ricerca precedentemente impostata

2 Premere Remove per rimuovere la ricerca salvata

Una volta effettuata una particolare selezione di file egrave possibile (figura Schede backend media list(page 50))

Figura 416 Schede backend media list

1 vedere il contenuto della selezione (schede List e Thumbnails)

2 vedere i criteri impostati per la ricerca (scheda Selection)

3 modificare le meta-informazioni associate ai file (scheda Process) secondo quanto descritto inprecedenza

Nella figura Scheda selection (page 51) egrave visualizzato come selezionando la scheda Selection egrave possibileprendere visione dei criteri impostati nella ricerca (la ricerca egrave quella dellrsquoesempio precedente)

Selezionando le schede List e Thumbnails dopo avere effettuato una qualsiasi selezione si potrebbe avereuna situazione come quella mostrata nella figura Scheda list (page 51)

Cliccando sullrsquoicona corrispondente ad uno dei file presenti nella lista (selezionato con un cerchio rosso)egrave possibile accedere ad un menugrave contestuale (figura Menu contestuale DAM (page 51))che permette disvolgere le seguenti operazioni

Modifica Offre la possibilitagrave di visualizzare e modificare le meta-informazioni associate al file

Rinomina Selezionando la seguente voce egrave possibile assegnare un altro nome al file che si egrave caricato

Replace file Avvia lrsquooperazione di sostituzione del file

Info Visualizza informazioni relative al file

Cancella Rimuove il file dal DAM

42 Ricerca di file allrsquointerno del DAM e modifica delle meta-informazioni 50

DocWeb Release 101

Figura 417 Scheda selection

Figura 418 Scheda list

Figura 419 Menu contestuale DAM

42 Ricerca di file allrsquointerno del DAM e modifica delle meta-informazioni 51

CAPITOLO 5

Modulo Pagine di download

51 Inserimento e configurazione pagine di download

La creazione di pagine di download egrave utile quando si vuole mettere a disposizione una lista di uno o piugravefile in forma scaricabile

Per creare una pagina di download egrave necessario seguire i seguenti passi

1 Creare una pagina standard

2 Inserire il plugin DAM Download List

3 Configurare il plugin

Per creare una pagina egrave sufficiente entrare nel modulo Pagina e selezionare Crea nuovo record per accederealla finestra di creazione pagine

Nellrsquoesempio in figura Backend creazione contenuto (page 52) egrave stata creata la pagina denominata ldquoPaginadownloadrdquo come figlio della pagina ldquoPagina di provardquo

Figura 51 Backend creazione contenuto

Una volta creata la pagina occorre configurarla in maniera tale da permettere la visualizzazione di unalista di file scaricabili Per fare ciograve occorre inserire un plugin denominato ldquoDAM Download Listrdquo Unplugin egrave un contenuto speciale da inserire in una pagina

52

DocWeb Release 101

Per inserirlo come per un contenuto occorre seguire i seguenti passi (figura Backend creazione contenuto(page 52))

1 Selezionare la pagina in cui inserire il plugin Nellrsquoesempio la pagina denominata ldquoPaginadownloadrdquo

2 Selezionare la voce Clicca qui per il wizard nella maschera che compare quando si vuole inserire unnuovo record

Figura 52 Wizard nuovo contenuto

Oltre ai normali contenuti standard il wizard permette di selezionare (figura Wizard nuovo contenuto(page 53))

1 Contenuti speciali

2 Moduli

3 Plugins

Allrsquointerno della lista dei Plugins selezionare DAM Lista dei file scaricabili (punto 4 nella figura Wizardnuovo contenuto (page 53))

Dopo aver selezionato il plugin occorreragrave selezionare la posizione della pagina in cui inserire lrsquoelemento

Selezionare ldquoNormalerdquo

A questo punto il plugin egrave inserito nella pagina desiderata

51 Inserimento e configurazione pagine di download 53

DocWeb Release 101

Oltre allrsquoinserimento occorre configurare il plugin in modo da dirgli quali file far visualizzare

Una volta che il plugin viene inserito viene aperta una finestra (figura Contenuto pagina (page 54)) doveviene richiesto di selezionare dei file inseriti nel sistema

Figura 53 Contenuto pagina

Per proseguire correttamente egrave necessario salvare immediatamente il Contenuto Pagina altrimenti leoperazioni successive potrebbero andare perse

Per inserire i file nella lista occorre effettuare la seguente operazione (figura Contenuto pagina (page 54))

1 Nella parte della maschera denominata DAM Lista di file scaricabili selezionare lrsquoicona SfogliaRecord (cerchiata in rosso) per avviare la procedura di selezione dei file

Selezionando la voce Sfoglia Record verragrave aperto lrsquoElement Browser di TYPO3 che ci permette di se-lezionare i file da inserire nel plugin La finestra (figura Element browser (page 55)) egrave composta di dueschede

1 Media ndash permette di selezionare i file giagrave esistenti nel sistema

2 Upload ndash permette di caricare nuovi file

Selezionando la sezione Media egrave possibile selezionare dalla lista i file da inserire

51 Inserimento e configurazione pagine di download 54

DocWeb Release 101

Figura 54 Element browser

Se la lista dei file fosse troppo lunga egrave possibile effettuare delle ricerche per nome e per tipologia di file(doc htm )

Per cercare per nome (figura Ricerca per nome (page 55)) occorre inserire nella casella di testo Cercastringa (punto 1 nella figura sopra) il nome o parte del nome del file da cercare Una volta specificata lastringa di ricerca premere il tasto Cerca (punto 2)

Figura 55 Ricerca per nome

Per cercare un particolare tipo di file selezionare il nome dellrsquoestensione che si desidera dallrsquoelenco deitipi di file (figura Ricerca per tipo (page 56))

Nota I due tipi di ricerca possono essere usati contemporaneamente

Selezionando la voce informazioni (punto 1 nella figura Selezione file (page 56)) egrave possibile visualizzarele meta-informazioni associate al file

Premendo con il mouse sul nome del file (punto 2) o sullrsquoicona associata (punto 3) si inserisce il file nellalista dei file da far visualizzare nella pagina di download mediante lrsquoapposito plugin

Selezionando la scheda Upload si puograve inserire un file non presente nel sistema (figura Caricamentoimmediato file (page 56))

51 Inserimento e configurazione pagine di download 55

DocWeb Release 101

Figura 56 Ricerca per tipo

Figura 57 Selezione file

Figura 58 Caricamento immediato file

51 Inserimento e configurazione pagine di download 56

DocWeb Release 101

Scegliere i file dal proprio PC seguendo le operazioni giagrave descritte nel modulo DAM e selezionare dallascheda Media i nuovi file inseriti

Nella figura Plugin con file selezionati (page 57) egrave visualizzato un esempio di maschera di configurazionedel plugin con la lista dei file selezionati

Figura 59 Plugin con file selezionati

I file una volta inseriti possono essere ordinati selezionando sugli appositi bottoni posti a destra dellalista file

bull Per ordinare un determinato file occorre

bull Selezionare un file

Premere uno dei tasti (figura sopra) per

1 Spostare in prima posizione

2 Spostare in alto di una posizione

3 Spostare in basso di una posizione

4 Spostare in ultima posizione

5 Rimuovere dalla lista il file selezionato

Una volta eseguiti i passaggi sopra descritti salvare la configurazione del plugin

51 Inserimento e configurazione pagine di download 57

CAPITOLO 6

Modulo Sitemap

Ersquo possibile generare una mappa del sito scegliendo un contenuto speciale di tipo ldquoMappa del Sitordquo comemostrato nella figura Contenuto mappa del sito (page 58)

Figura 61 Contenuto mappa del sito

Per scegliere un record di tipo ldquomappa del sitordquo (per visualizzare cioegrave la vista dei contenuti possibili)saragrave necessario portarsi in modalitagrave ldquopaginardquo compiendo gli stessi passaggi descritti per la creazione dicontenuti semplici in fase di creazione delle pagine (in questo caso selezionando il contenuto specialemappa)

58

DocWeb Release 101

61 Scheda di configurazione Mappa

La scheda di configurazione si presenta come nella figura Scheda mappa del sito (page 59)

Figura 62 Scheda mappa del sito

I campi fondamentali da personalizzare sono lrsquointestazione (ossia il titolo pagina) il tipo di menugrave e ilpunto di partenza Nellrsquointestazione viene inserito come di consuetudine il titolo pagina

62 Tipo di mappa

Ersquo possibile scegliere il tipo di mappa che si desidera creare consultando il menugrave a tendina ldquotipo di menugraverdquoche ci offriragrave diverse opzioni

Le piugrave frequentemente usate sono di tipo ldquoMenugrave delle sottopagine rdquo come indicato nella figura Tipo dimenu (page 60)

Menugrave delle sottopagine di queste pagine Scegliendo questa opzione da una pagina padre sigenereragrave un record che mostreragrave al suo interno tutte le sottovoci figlio con relativo link

Menugrave delle sottopagine di queste pagine (con abstract) Genera una mappa sia delle sottopagineche dei sottotitoli

Menugrave delle sottopagine di queste pagine + sezioni Genera una mappa sia delle sottopagine chedei record (link alle intestazioni dei singoli record)

Selezionando voci di menugrave di sottopagine egrave anche possibile stabilire un determinato punto di partenzasfogliando lrsquoapposito record

61 Scheda di configurazione Mappa 59

DocWeb Release 101

Figura 63 Tipo di menu

63 Il ldquopunto di partenzardquo della mappa

Il ldquopunto di partenzardquo dei Menugrave delle sottopagine Scheda mappa del sito (page 59) costituisce la paginadalla quale il sistema partiragrave per creare la mappa

Si potragrave quindi creare una mappa (di tipo menugrave delle sottopagine) che mostri solamente il percorso diquella porzione di menugrave che si intende mostrare

63 Il ldquopunto di partenzardquo della mappa 60

CAPITOLO 7

Modulo News

71 Inserimento e modifica di news

Alcune sezioni del nostro sito potrebbero essere state configurate per permettere la visualizzazione dinotizie

Per poter visualizzare le news correttamente occorre che queste ultime vengano inserite in una determi-nata posizione allrsquointerno del backend Da questa posizione che chiameremo repository delle news lenostre pagine andranno a prelevare le news da visualizzare al loro interno

Figura 71 Backend news

Nellrsquoesempio presentato nella figura Backend news (page 61) distinguiamo

1 il repository delle news che egrave stato creato

2 Un esempio di come potrebbe apparire il contenuto del repository delle news (lista delle news)

Per poter visualizzare il contenuto del repository delle news occorre seguire i seguenti passi

1 entrare nel modulo Pagina

61

DocWeb Release 101

2 selezionare il repository delle news corrispondente (nellrsquoesempio della figura Backend news (page 61)il Repository delle news si chiama ldquoNews Area Testrdquo)

Poniamo ora la nostra attenzione alla lista delle news (figura Lista news (page 62)) Da qui egrave possibile

bull Inserire una nuova notizia

bull Modificare le notizie giagrave esistenti

Per inserire una nuova notizia occorre selezionare la voce Crea nuovo record (figura Lista news (page 62))posta in fondo alla lista delle news

Figura 72 Lista news

A questo punto si apre la finestra di creazione Nuovo record da cui occorre selezionare la voce News(figura Nuovo record news (page 62))

Figura 73 Nuovo record news

Eseguendo le operazioni sopra descritte si accede alla maschera di inserimento news (figura Inserimentonews scheda generale (page 63))

Questa si compone di due schede una denominata Generale e unrsquoaltra denominata Relations

Nella scheda Generale egrave possibile inserire

Titolo in questo spazio egrave possibile specificare un titolo della news

Nascondi questo controllo determina se la news egrave pubblicabile oppure no Come avviene per le pagineanche per le news egrave consigliabile tenere la news nascosta durante la lavorazione Facciamo notare

71 Inserimento e modifica di news 62

DocWeb Release 101

Figura 74 Inserimento news scheda generale

71 Inserimento e modifica di news 63

DocWeb Release 101

che appena viene aperta la maschera di inserimento di una nuova news il controllo appare giagrave instato nascosto

Dataora in questo spazio viene indicata la data e lrsquoora della creazione della news in base ai parametridi sistema

Data Archiviazione in questo spazio viene inserita la data di Archiviazione di una news

Autore permette di specificare un autore della news

Email permette di specificare un e-mail a cui fare riferimento

Sottointestazione questo campo conterragrave una breve descrizione (abstract) della news La sottointes-tazione egrave quella parte della news che compare quando viene visualizzata la lista delle news e serveper dare una breve descrizione al contenuto della news (si veda Esempio news (page 64))

Figura 75 Esempio news

Durante lrsquoinserimento di una news egrave consigliabile specificare sempre una sottointestazione

Testo egrave il campo che contiene il contenuto vero e proprio della news Egrave possibile utilizzare tutte lefunzionalitagrave messe a disposizione dallrsquoeditor RTE

72 Modalitagrave Relations

Nella modalitagrave Relations (figura Inserimento news scheda relations (page 65)) egrave possibile inserire

Immagini contiene una lista di immagini da associare alla news Il procedimento per la se-lezionecaricamento delle immagini egrave stato descritto nella parte dedicata alla creazione di paginedi download a cui vi rimandiamo

Didascalia permette di specificare una descrizione per lrsquoimmagine associata alla news

Image alttext e Image titletext permette di specificare un testo che in visualizzazione (Frontend)compariragrave al passaggio del mouse sopra lrsquoimmagine

News correlate permette di specificare news o pagine del sito da associare alla news Il procedimentodi selezione delle news da associare alla notizia saragrave spiegato successivamente

DAM elements permette di assegnare alla news dei documenti da scaricare come per esempioil programma di un determinato evento Anche in questo caso il procedimento per la se-lezionecaricamento dei documenti egrave quello giagrave descritto nella parte dedicata alla creazione dipagine di download

Descriviamo il procedimento da seguire per associare alcune pagine o alcune news alla notizia che stiamoinserendo

Premere il tasto di Sfoglia Record evidenziato nella figura Sfoglia record news (page 65)

Verragrave aperta una finestra che contiene un Element Browser che ci permette di selezionare le newspagine(figura Element browser news (page 66)) da associare

La finestra di selezione si suddivide nelle seguenti parti (figura sopra)

Alberatura del sito da cui egrave possibile esplorare gli elementi del nostro sito (pagine sysfolder )Premendo con il tasto sinistro del mouse sul nome della pagina o sulla freccia corrispondente verragraveaggiornata la parte di destra della finestra in cui egrave inserita la lista degli elementi associabili

72 Modalitagrave Relations 64

DocWeb Release 101

Figura 76 Inserimento news scheda relations

Figura 77 Sfoglia record news

72 Modalitagrave Relations 65

DocWeb Release 101

Figura 78 Element browser news

Lista degli elementi associabili egrave quindi possibile selezionare gli elementi da associare alla newsPer associare un elemento si puograve selezionare il simbolo ldquo+rdquo posto accanto allrsquoelemento desideratoo agendo sul nome del file Nel primo caso lrsquoelemento viene aggiunto ma la finestra non si chiuderagrave(utile per effettuare selezioni multiple) mentre nel secondo caso lrsquoelemento viene aggiunto e lafinestra si chiuderagrave (selezione singola)

Nota Per associare una o piugrave news alla notizia che stiamo inserendo occorreragrave innanzitutto selezionareil repository delle news e utilizzando i metodi descritti in precedenza indicare le news di interesse

Nella figura Selezione repository (page 66) viene visualizzato come appare lrsquoElement Browser dopo averselezionato il repository delle news denominato ldquoNews Corso Typo3rdquo

Figura 79 Selezione repository

Una volta ultimato il procedimento di inserimento di una news vedremo che nel repository compariragrave(figura News nel repository (page 67)) anche quella da noi creata Nellrsquoesempio la news creata si chiamaldquoTitolo della news di provardquo

Dalla lista delle news possiamo notare che i diversi tipi di news sono contrassegnati con icone diverse

In particolare distinguiamo

72 Modalitagrave Relations 66

DocWeb Release 101

Figura 710 News nel repository

bull News (icona ldquocelestinardquo)

bull Collegamento a URL esterna (icona ldquorosardquo)

bull Collegamento a pagina interna (icona ldquogiallinardquo)

Per modificare il contenuto di una news egrave sufficiente selezionare il simbolo di modifica (figura Modificanews (page 67)) in corrispondenza della news da modificare

Figura 711 Modifica news

73 News collegata a URL esterna e a pagina interna

Attraverso la selezione della finestra ldquoTipordquo egrave possibile scegliere diverse tipologie di news

Nella figura News collegata a url esterna (page 68) egrave stato selezionato il Collegamento a URL esterna checi offriragrave la possibilitagrave di specificare un link (ldquoURL esternordquo) da far visualizzare e che saragrave contraddistintain lista da lrsquoicona di colore rosa

Selezionando il Collegamento a pagina interna viene offerta la possibilitagrave di inserire un collegamento auna pagina del sito (evidenziato nella figura News collegata a pagina interna (page 69))

La news si presenteragrave con icona di color ldquogiallordquo e al suo interno conterragrave un link alla pagina interna alsito

73 News collegata a URL esterna e a pagina interna 67

DocWeb Release 101

Figura 712 News collegata a url esterna

73 News collegata a URL esterna e a pagina interna 68

DocWeb Release 101

Figura 713 News collegata a pagina interna

73 News collegata a URL esterna e a pagina interna 69

DocWeb Release 101

74 Eliminazione delle News

Per eliminare una news possiamo procedere tra lrsquoaltro in due modi

1 Selezionare la news da eliminare dallrsquoelenco e selezionare la voce ldquocancellardquo dal menugrave a tendinaconsultabile cliccando con il pulsante destro sullrsquoicona in corrispondenza della news (figura Eliminanews da menu contestuale (page 70))

Figura 714 Elimina news da menu contestuale

2 Entrare allrsquointerno della modalitagrave di modifica della news attraverso lrsquoicona ldquomatitardquo e selezionare lrsquoi-cona raffigurante il bidone di elimina posta in alto pagina (figura Elimina news da scheda contenuto(page 70))

Figura 715 Elimina news da scheda contenuto

75 Ordinamento delle News e ricerca

Puograve essere necessario durante la visualizzazione della lista delle news (lato backend) di dover effettuaredegli ordinamenti al fine di permettere una ricerca piugrave veloce delle news da modificare

74 Eliminazione delle News 70

DocWeb Release 101

Avvertimento Lrsquoordinamento ha valore solo come ricerca allrsquointerno del backend mentre latofrontend rispecchieragrave i parametri prestabiliti dal sistema

Supponiamo per esempio di voler effettuare un ordinamento per Titolo Seguiamo i seguenti passi(figura sotto)

1 Selezionare la voce di menugrave Lista

2 Selezionare il deposito delle news (repository) News Corso Typo3

3 Cliccare con il mouse in corrispondenza della voce ldquoTitolordquo

A questo punto (figura Ordinamento news (page 71)) le news vengono ordinate in ordine crescente(vengono visualizzate prima le news con titolo che inizia con la lettera a b e cosigrave via)

Figura 716 Ordinamento news

Se clicchiamo unrsquoaltra volta sulla voce ldquoTitolordquo il tipo di ordinamento cambia da crescente a decrescente(compariranno per prima le news con titolo che inizia per z )

Egrave inoltre possibile ordinare secondo campo da noi specificato Per definire il nome di un campo (ad estesto inizio autore ) su cui effettuare lrsquoordinamento occorreragrave spostarsi in fondo alla lista delle newsdove troveremo una lista di campi (figura Mostra campo aggiuntivo news (page 71))

Figura 717 Mostra campo aggiuntivo news

Dalla lista possiamo

bull Selezionare la voce in base alla quale effettuare lrsquoordinamento (ad esempio Immagini)

bull Premere il tasto Imposta campi per aggiungere alla lista dei campi visualizzati quello selezionato

75 Ordinamento delle News e ricerca 71

DocWeb Release 101

A questo punto il campo selezionato (nel nostro esempio il campo Immagini) compare nella lista dellenews (il campo aggiunto egrave evidenziato con un riquadro in alto a destra nella figura Ordinamento campoaggiuntivo news (page 72))

Figura 718 Ordinamento campo aggiuntivo news

Effettuare le stesse operazioni illustrate per il campo Titolo per ordinare in modo crescente e decrescentele news secondo il criterio impostato (click pulsante sinistro sul nome etichetta)

Egrave anche possibile ricercare le news in base al testo contenuto nel titolo sottotitolo descrizione eccUtilizzando la maschera di ricerca in fondo pagina (evidenziata nella figura Ricerca news (page 72))

Figura 719 Ricerca news

Per effettuare una ricerca egrave necessario seguire i seguenti passi

1 Inserire nel campo Cerca Stringa il testo da cercare (nel nostro esempio ldquonequerdquo)

2 Premere il tasto Cerca per eseguire la ricerca secondo i criteri impostati

In questo modo nella lista delle news compariranno solo quelle che contengono il testo specificatoEffettuata la ricerca egrave possibile effettuare degli ordinamenti come spiegato in precedenza

75 Ordinamento delle News e ricerca 72

CAPITOLO 8

Modulo Eventi

Avvertimento SEZIONE NON COMPLETA

Si confrontino i seguenti due tipi di contenuti

Evento egrave un tipo di contenuto adatto a descrivere qualcosa che accadragrave o che egrave accaduto in una certadata La data o le date in cui lrsquoevento ricorre sono strettamente legate ad un luogo in cui lrsquoeventosi verificheragravesi egrave verificato Gli eventi vengono rappresentati mediante la metafora dellrsquoagenda edel calendario

Notizia egrave un tipo di contenuto caratterizzato dalla data di pubblicazione secondo la metafora delgiornale online E come in un giornale online una notizia puograve riferirsi sia a fatti giagrave accaduti chea fatti a venire

Nota Per comprendere meglio la differenza tra i due tipi di contenuto si pensi che dato un eventoche ha una certa data di svolgimento (ad es 20 maggio) di tale evento posso realizzare piugrave di unanotizia Rimanendo nellrsquoesempio potrei pubblicare una notizia il 10 maggio per preannunciare lrsquoeventoe poi unrsquoaltra il 18 maggio per ricordarne lrsquoimminenza Infine potrei pubblicare una notizia di riepilogo(cronaca dellrsquoevento immagini ecc) il 22 maggio

81 Scopo del modulo Eventi

Il visitatore del sito deve poter cogliere le informazioni essenziali di un evento

bull Cosa sta per succedere

bull Dove accadragrave

bull Quando accadragrave

82 Il Backend ndash Modulo Pagina

Vedi figura Eventi vista modulo pagina (page 74)

83 Il Backend ndash Modulo Lista

Vedi figura Eventi vista modulo lista (page 74)

73

DocWeb Release 101

Figura 81 Eventi vista modulo pagina

Figura 82 Eventi vista modulo lista

83 Il Backend ndash Modulo Lista 74

DocWeb Release 101

84 Creazione di un evento

Prima di procedere poniamoci qualche domanda

bull Lrsquoevento appartiene a qualche rassegna iniziativa per la quale sono in programma altri eventiPer esempio

ndash Rassegne teatrali cinematografiche

ndash Festival

bull Lrsquoevento si ripete

ndash La replica avviene sempre nello stesso luogo

841 Creazione del record

Vedi figura Creazione nuovo evento (page 75)

Vedi figura Creazione nuovo record evento (page 76)

Figura 83 Creazione nuovo evento

842 Scheda ldquoGeneralerdquo

Vedi figura Evento scheda generale (page 76)

843 Scheda ldquoFinestra temporalerdquo

Orario repliche

Vedi figura Evento finestra temporale (page 78)

84 Creazione di un evento 75

DocWeb Release 101

Figura 84 Creazione nuovo record evento

Figura 85 Evento scheda generale

84 Creazione di un evento 76

DocWeb Release 101

bull Lrsquoorario va solo per le Finestre temporali di un giorno (data inizio = data fine)

bull Se non si conosce lrsquoora della fine impostare ora inizio = ora fine

844 Scheda ldquoTestordquo

Vedi figura Evento scheda testo (page 79)

84 Creazione di un evento 77

DocWeb Release 101

Figura 86 Evento finestra temporale

84 Creazione di un evento 78

DocWeb Release 101

Figura 87 Evento scheda testo84 Creazione di un evento 79

  • Introduzione
    • Cosegrave DocWeb
    • Concetti chiave
      • Funzionalitagrave di Base
        • Il CMS Typo3 ldquobackendrdquo e ldquofrontendrdquo
        • Cambio password di accesso
        • Albero delle pagine
        • Implementazione delle pagine ldquogenitori rdquo e ldquofiglirdquo
        • Inserimento Nuova pagina
        • Elementi standard della pagina
        • Inserimento contenuti di una pagina
        • Contenuti multipli allrsquointerno di una pagina
        • Modifica dei contenuti della pagina
        • Spostamento di pagine
        • Eliminazione pagine
        • Rich Text Editor
        • Modalitagrave Lista
        • Modalitagrave Mostra
        • Modalitagrave ldquoMonta come radice dellrsquoalberordquo
        • Ottenere il page-id di una pagina
        • Admin Panel
          • La Clipboard
            • Copia o spostamento di un contenuto singolo di pagina allrsquointerno di unrsquoaltra pagina
            • Copia o spostamento di piugrave contenuti da una pagina ad unrsquoaltra
              • Modulo DAM (Digital Asset Management)
                • Caricamento e Aggiornamento di file
                • Ricerca di file allrsquointerno del DAM e modifica delle meta-informazioni
                  • Modulo Pagine di download
                    • Inserimento e configurazione pagine di download
                      • Modulo Sitemap
                        • Scheda di configurazione Mappa
                        • Tipo di mappa
                        • Il ``punto di partenza della mappa
                          • Modulo News
                            • Inserimento e modifica di news
                            • Modalitagrave Relations
                            • News collegata a URL esterna e a pagina interna
                            • Eliminazione delle News
                            • Ordinamento delle News e ricerca
                              • Modulo Eventi
                                • Scopo del modulo Eventi
                                • Il Backend ndash Modulo Pagina
                                • Il Backend ndash Modulo Lista
                                • Creazione di un evento
Page 18: DocWeb€¦ · per la realizzazione e la gestione di siti web della Pubblica Am-ministrazione. La piattaforma tecnologica utilizzata è il CMS (Content Management System) Open SourceTypo31

DocWeb Release 101

Figura 218 Modifica contenuto testo

27 Inserimento contenuti di una pagina 15

DocWeb Release 101

Ersquo inoltre possibile anche se sconsigliabile associare un link allrsquointestazione cambiare la sua posizioneinserire una data

Testo

Rappresenta con il suo grande quadrilatero bianco lrsquoarea allrsquointerno della quale andremo ad inserire ilnostro testo

Digitando un semplice testo in visualizzazione questo assumeragrave colore dimensione e carattere inconformitagrave allo stile preimpostato per le pagine del sito

Per la formattazione del testo saragrave possibile usare lo strumento RTE (di seguito descritto)

Opzioni generali (parametri di visibilitagrave)

Apparizione programmata

Cliccando accanto al quadrato della voce ldquoInizio rdquo e ldquoFinerdquo si attiveragrave un modulo data che ci consentiragravedi impostare le date di Inizio pubblicazione e di Fine pubblicazione (depubblicazione) di una pagina

Potremo quindi stabilire quando una pagina dovragrave essere pubblicata eo quando dovragrave cessare di esserevisibile on-line La programmazione dellrsquoinizio di pubblicazione non implica che ci sia necessariamenteuna fine e vice versa

Ciograve significa che potremo quindi decidere di pubblicare una pagina in una certa data e che la pubblicazioneduri nel tempo (almeno fino a quando non decideremo di togliere la visualizzazione on-line manualmente)

Pagine nascoste

Ersquo possibile nascondere il contenuto delle pagine cliccando il quadrato a sinistra della voce ldquoNascondirdquoScegliendo questa opzione la pagina continueragrave ad esistere ma non saragrave visibile il suo contenuto

Lrsquoopzione si rileva particolarmente utile in caso di pagina strutturata su contenuti multipli

28 Contenuti multipli allrsquointerno di una pagina

Avendo creato una pagina potremo in ogni momento svilupparla ulteriormente aggiungendo ulterioricontenuti

Clicchiamo sul menugrave di sinistra sulla voce ldquoPaginardquo in modo da caricare il menugrave centrale contenentelrsquoalberatura del sito

Clicchiamo sul titolo della pagina da modificare con il pulsante sinistro oppure con il destro e scegliamoldquomodificardquo

A destra si apriragrave il nostro ambiente di lavoro come nella figua Modifica contenuto normale (page 17)

Vedremo in pratica la stessa schermata proposta per la creazione di una nuova pagina con lrsquoaggiunta dialcune icone come indicato in figura

1 Modifica

2 Nuovo record

3 Cerca Stringa

Cliccando su Modifica comrsquoegrave intuibile saremo riportati nella pagine dellrsquoeditor dove potremo modificareil nostro testo link immagini ecc

Cliccando su nuovo record invece avremmo la possibilitagrave di aggiungere un nuovo contenuto alla paginae nella posizione che sceglieremo

28 Contenuti multipli allrsquointerno di una pagina 16

DocWeb Release 101

Figura 219 Modifica contenuto normale

28 Contenuti multipli allrsquointerno di una pagina 17

DocWeb Release 101

Il contenuto non avragrave vincoli con i record precedenti pur apparendo nella stessa pagina del frontend Ciogravegarantisce una vantaggiosa gestione delle pagine che suddivise in ldquosezionirdquo potranno essere di volta involta pubblicate cancellate modificate a blocchi di contenuto senza toccare lrsquointera pagina

Si potragrave suddividere la stessa pagina in diverse aree (record) ossia ldquocontenuti multiplirdquo via via aggiornabilianche da altri utenti di redazione

Ersquo inoltre possibile effettuare una ricerca su di un contenuto di tipo testuale allrsquointerno delle pagine edei record utilizzando il campo ldquoCerca Stringardquo La ricerca puograve essere effettuata allrsquointerno della paginae dei suoi record ed estesa anche ai livelli inferiori

29 Modifica dei contenuti della pagina

Creata una pagina potremo modificarla ogni volta che saragrave necessario

Per modificare una pagina saragrave sufficiente selezionarla dal menugrave portandosi con il cursore del mouse aldi sopra del titolo e cliccando con il pulsante destro su di essa (figura Modifica pagina (page 18))

Una pagina da modificare potragrave anche essere raggiunta tramite la ricerca dellrsquoID (vedi capitolo 3 Alberodelle pagine)

Scegliere la voce ldquomodificardquo dal menugrave a tendina che si apriragrave dopo il click

Figura 220 Modifica pagina

A destra nellrsquoarea principale si apriragrave la schermata riportante il contenuto della pagina selezionata

Potremo scegliere lrsquoelemento da modificare cliccando sullrsquoicona matita

Nota Ricordarsi sempre di salvare per rendere effettive le modifiche e di ricontrollare la visualizzazionedella pagina modificata

Per modificare lrsquointestazione di una pagina egrave sufficiente selezionare la voce ldquoModifica intestazionirdquo dalmenugrave portandosi con il cursore del mouse al di sopra del titolo e cliccando con il pulsante destro su diesso (figura Menu modifica intestazioni pagina (page 19))

210 Spostamento di pagine

Oltre le modifiche stilistiche testuali e di contenuto di una pagina possiamo modificarne la posizione

29 Modifica dei contenuti della pagina 18

DocWeb Release 101

Figura 221 Menu modifica intestazioni pagina

Per spostare la posizione di una pagina allrsquointerno di un menugrave selezioniamola dal menugrave principale conclick sinistro del mouse

Nella schermata di destra scegliamo lrsquoicona

Si apriragrave un menugrave che ci mostreragrave lrsquoalberatura del nostro sito (esattamente come per lrsquoinserimento diuna nuova pagina) composto da pagine principali (genitori) e pagine ad esse collegate (figli)

A questo punto dovremo solo scegliere dove spostare la pagina muovendoci sulle frecce grigie sottostantie sovrastanti le varie voci di menugrave

Avvertimento Spostando una pagina genitore anche i figli vengono spostati con esso

211 Eliminazione pagine

Per eliminare le pagine egrave sufficiente selezionare la pagina in questione dal menugrave principale cliccando conil pulsante destro del mouse su di essa e scegliere la voce del menugrave a tendina che si apriragrave ldquoCancellardquo

Avvertimento Non egrave possibile cancellare una pagina genitore Ossia non egrave possibile cancellareuna pagina che al suo interno contiene altre pagine prima che questrsquoultime trovino una collocazionealternativa

212 Rich Text Editor

Quando si inserisce un contenuto nellrsquoarea di testo (inserito digitando direttamente allrsquointerno dellrsquoap-posita area o copiato e incollato da fonte esterna con la dovuta cautela) egrave possibile personalizzarlo eformattarlo utilizzando le funzionalitagrave previste dal Rich Text Editor (RTE)

Nota Un testo copiatoincollato da altri programmi va ldquoripulitordquo prima di essere pubblicato poicheacuteil modulo che utilizzeremo tende a mantenere la formattazione originaria del carattere delle immaginidei colori falsando la linea grafica omogenea e standard del nostro portale

In ogni modo quando si salva un documento il cui testo conteneva una formattazione proveniente ad es-empio da un documento di tipo word questo viene automaticamente ldquoripulito nel codicerdquo ed egrave opportunocontrollare la visualizzazione

211 Eliminazione pagine 19

DocWeb Release 101

Proviamo ad inserire ad esempio una semplice frase allrsquointerno del box testo (figura Box testo RTE(page 20))

Figura 222 Box testo RTE

La frase viene digitata direttamente nellrsquoarea testo mantenendo un tipo di formattazione ldquonormalerdquo

2121 Testo grassetto corsivo sottolineato (bold italic underline)

Proviamo a selezionare la frase ldquoProvincia di Pesaro e Urbinordquo tenendo premuto il pulsante sinistro delmouse trascinando il cursore dalla P di Provincia alla o di Urbino

In alternativa portare il cursore alla P di Provincia tenere tasto maiuscolo premuto e muoversi con lefrecce per selezionare il testo

Lrsquoesempio egrave utile per capire che per effettuare una determinata azione di tipo stilistico su una frase oparola egrave necessario che la frase o la parola siano preventivamente selezionate

Figura 223 Comandi box testo RTE

212 Rich Text Editor 20

DocWeb Release 101

Se il testo egrave stato selezionato correttamente vedremo la parola ldquoProvincia di Pesaro e Urbinordquo evidenziatadi blu scuro

Click sinistro sul simboloicona ldquoBrdquo (figura Comandi box testo RTE (page 20)) per creare un effettoldquograssettordquo al testo

Click sinistro sul simboloicona ldquoIrdquo per il corsivo-italico

Click sinistro sul simboloicona ldquoU ldquo per il sottolineato

Nota Il Grassetto dona alle parole un sapore piugrave incisivo e si utilizza per enfatizzare termini importantie di rilievo

LrsquoItalico viene usato comunemente per indicare le date gli indirizzi le citazioni

Il Sottolineato su web viene comunemente usato nelle parole ldquolinkaterdquo (ossia che rimandano ad altrepagine web) per cui se ne sconsiglia lrsquouso in un testo semplice per evitare confusione

2122 Elenco Puntato e Numerato

Portiamoci con il cursore allrsquointerno della box di testo

Selezioniamo lrsquoicona Lista non numerata (Elenco puntato semplice)

Vedremo comparire un simbolo tontoromboidale e potremo dare vita ad una lista

bull Voce 1

bull Voce 2

bull Voce 3 ecc

Allo stesso modo potremo creare una lista numerata avvalendoci dellrsquoicona ldquoLista numeratardquo

Lrsquoelenco viene numerato

1 Voce 1

2 Voce 2

3 Voce 3 ecc

2123 Pulsanti di Annulla e Ripristina

Compiuta una determinata azione egrave possibile tornare indietro o ripristinarla tramite i pulsanti ldquoAnnullalrsquoultima azionerdquo e ldquoRifai lrsquoultima azionerdquo

Piugrave volte si clicca sui pulsanti piugrave volte lrsquoazione viene ripetuta indietro ed avanti nel tempo

2124 Copia Taglia Incolla

Selezionando un testo potremo tagliarlo copiarlo e incollarlo

Copia selezionare il testo utilizzare lrsquoicona ldquocopia selezionerdquo per copiare

Taglia il testo viene eliminato ma resta in memoria per essere eventualmente incollato altrove odefinitivamente cancellato Ersquo possibile tenere in memoria solo lrsquoultimo testo o parola tagliato

Incolla Un testo precedentemente copiato o tagliato puograve essere incollato nuovamente o su diversoambiente

212 Rich Text Editor 21

DocWeb Release 101

2125 Rimuovi Formattazione

Ersquo possibile che il testo importato e incollato nellrsquoarea testo da altra fonte (es documento word) sildquosporchirdquo e ne acquisisca le caratteristiche stilistiche in maniera non corretta

Ersquo necessario pulire il testo selezionandolo e cliccando su ldquorimuovi formattazionerdquo

Si apriragrave un pop-up (nuova finestra) che ci proporragrave diversi elementi da pulire selezioniamo ciograve che ciinteressa e clicchiamo su OK

2126 Inserisci Caratteri Speciali

Alcune volte puograve essere necessario inserire dei caratteri o simboli non presenti sulla tastiera o nonconvenzionali per i quali esiste una mappa di caratteri speciali

Il sistema propone diversi tipi di caratteri speciali tra i piugrave comuni e frequentemente usati per adoperarliegrave sufficiente cliccare sullrsquoapposita icona ldquoInserisci Caratteri Specialirdquo

Una finestra ci mostreragrave una vasta gamma di simboli tra i quali potremo scegliere quello che ci interessa

2127 Inserisci Tabella

Per agevolare lrsquoinserimento di dati numerici in forma ldquoTabellarerdquo si puograve ricorrere allrsquoinserimento di unatabella contraddistinta dallrsquoapposito simbolo

La tabella puograve essere immaginata come una quaderno a ldquoquadrettirdquo dove ogni ldquoscacchettordquo corrispondead una cella

Scegliendo di inserire una tabella si apriragrave una finestra pop-up dove andremo ad inserire parametridi spaziatura fra celle numero di righe e colonne che compongono la tabella spessore del bordoallineamento rispetto alla pagina ecc

2128 Link

Ogni sito egrave composto da pagine consultabili e collegate tra loro tramite link

I link sono i collegamenti presenti sulle voci di menugrave parole immagini ecc

Ersquo possibile collegare pagine appartenenti ad uno stesso sito un indirizzo web di un sito esterno ounrsquoe-mail un file da scaricare un immagine ecc

Nota Immettendo nel testo un indirizzo web o e-mail completo il programma egrave in grado di capireautomaticamente che si tratta di un link e collegare gli elementi automaticamente

Volendo invece collegare elementi non scritti in forma completa si dovragrave procedere come segue

Selezioniamo la parola o frase che vogliamo collegare (come precedentemente visto) e clicchiamo sullrsquoiconaldquoInserisci Linkrdquo

Si apriragrave un pop-up come indicato nella prossima figura

Link ad una pagina interna al sito

La finestra ci propone lrsquoalberatura del nostro sito con le pagine in esso presenti (La voce attiva egraveldquopaginardquo di colore giallomarrone rispetto alle altre voci del pop-up)

Selezionando (figura Link interno (page 23)) la pagina che vorremo collegare il pop-up si chiuderagrave e laparola che avevamo selezionato precedentemente per il link cambieragrave aspetto

La vedremo blu e sottolineata il che indica che il link egrave attivato

212 Rich Text Editor 22

DocWeb Release 101

Figura 224 Link interno

Ersquo anche possibile creare dei link che aprono la pagina collegata allrsquointerno di una ldquofinestra di pop-uprdquocioegrave dentro una nuova finestra del browser Specificando le dimensioni di altezza e larghezza della nuovafinestra allrsquointerno degli appositi campi

Link ad una pagina esterna al sito

Selezioniamo una parola o frase che vogliamo collegare (come precedentemente visto) e clicchiamosullrsquoicona ldquoInserisci Linkrdquo

Scegliamo nel menugrave in alto proposto dal pop-up il bottone ldquoURL esternordquo (figura Link esterno (page 23))

Figura 225 Link esterno

Impostiamo nel campo URL lrsquoindirizzo web che vogliamo linkare prestando attenzione a scriverlo peresteso e senza cancellare http

Clicchiamo su ldquoImposta Linkrdquo

Il pop-up si chiuderagrave e la parola che avevamo selezionato precedentemente per il link cambieragrave aspetto

212 Rich Text Editor 23

DocWeb Release 101

La vedremo blu e sottolineata il che indica che il link egrave attivato

2129 Link ad unrsquoEmail

Come precedentemente visto scrivendo un indirizzo e-mail valido il programma di gestione egrave in grado dicapire che si tratta di un indirizzo di posta elettronica e il link viene impostato automaticamente

Tuttavia ci sono dei casi in cui non egrave possibile o si preferisce non indicare lrsquoindirizzo e-mail per estesoad esempio potremmo avere ldquoPer informazioni scrivicirdquo

Volendo potremmo fare in modo che sulla parola ldquoscrivicirdquo ci sia impostata la funzione di invio e-mail

Selezioniamo quindi la parola andiamo su ldquoInserisci Linkrdquo scegliendo poi ldquoEmailrdquo

Inseriamo lrsquoindirizzo E-mail nellrsquoapposito campo e clicchiamo su ldquoimposta Linkrdquo

21210 Link ad un file scaricabile

Per collegare un file (espdf txt gif ecc) egrave necessario copiarlo dal proprio PC al server web

Non egrave infatti possibile che una pagina pubblicata su internet prenda come link dei files che di fatto sonosalvati in una directory del nostro computer

Typo3 mette a disposizione un area dovrsquoegrave possibile pubblicare i files per poi essere resi disponibili ai linkossia rende disponibile lrsquo ldquoUploadrdquo dei files da pc a server

Scegliere dal menugrave di sinistra sotto la sezione ldquoMediardquo la voce ldquoFilerdquo (figura Seleziona file (page 24))

Figura 226 Seleziona file

Si apriragrave sulla destra una nuova area dove troveremo i campi utili a ldquosfogliarerdquo il contenuto del nostropc al fine di passare i file o i files dal nostro computer al manager

Effettuato il passaggio potremo ritornare alla nostra pagina e riprendere la procedura di ldquocreazione linkrdquoselezionando questa volta la voce ldquoFilerdquo del pop-up

I campi proposti sono del tutto simili a quelli di creazione di link su pagine del sito e un elenco di files(tutti quelli disponibili caricati) potranno essere collegati

213 Modalitagrave Lista

Selezionando la voce ldquolistardquo (figura Backend modalitagrave lista (page 25)) dal menugrave di sinistra egrave possibileesplorare una pagina ldquopadrerdquo e tutte le pagine ldquofiglirdquo ed essa associate

Avvertimento Ricordarsi di attivare la voce in basso ldquoVista Estesardquo

213 Modalitagrave Lista 24

DocWeb Release 101

Figura 227 Backend modalitagrave lista

Utilizzando le icone poste alla destra di ogni voce si possono compiere diverse operazioni di modificavisualizzazione spostamento copia e incolla pagina ecc come precedentemente descritto

Dunque potremo dire che la modalitagrave lista costituisce una scorciatoia per semplificare ogni sorta dioperazione soprattutto in presenza di un numero considerevole di files

214 Modalitagrave Mostra

Figura 228 Backend modalitagrave mostra

Selezionando la voce ldquoMostrardquo (figura Backend modalitagrave mostra (page 25)) dal menugrave di sinistra egrave possibilenavigare il sito allrsquointerno del docweb direttamente nel backend

214 Modalitagrave Mostra 25

DocWeb Release 101

Inoltre accanto ai vari record troveremo posta lrsquoicona matita per eseguire eventuali modifichedirettamente sul punto e la pagina prescelti

Anche la modalitagrave ldquoMostrardquo come la rdquoListardquo (cap 13) costituisce una scorciatoia particolarmente indicataper semplificare lrsquooperazione di visualizzazione del sito e di modifica

215 Modalitagrave ldquoMonta come radice dellrsquoalberordquo

Quando esistono diverse e numerose pagine egrave possibile gestire solo la porzione di contenuto che ci interessariducendo lrsquoalberatura del sito (lato backend) ai minimi termini mediante il comando ldquomonta come radicedellrsquoalberordquo

Per effettuare il comando procedere come segue

Cliccare con il pulsante destro del mouse sul titolo pagina dal menugrave centrale

Selezionare la voce ldquoaltre opzionirdquo dal menugrave a tendina (figuraMenu altre opzioni (page 26)) che compariragravecome conseguenza dellrsquoazione descritta al punto uno

Figura 229 Menu altre opzioni

Selezionare dallrsquoulteriore menugrave che si apriragrave (figura Seleziona monta come radice (page 26)) la voceldquoMonta come radice dellrsquoalberordquo

Figura 230 Seleziona monta come radice

Lrsquoalberatura si ridurragrave automaticamente mostrando solo la porzione selezionata

Per ripristinare lo stato di partenza selezionare la voce in alto nel menugrave centrale (figura Elimina DBmount (page 26)) ldquoElimina DB mount temporaneordquo

Figura 231 Elimina DB mount

Il menugrave si espanderagrave nuovamente mostrando tutte le voci esistenti

215 Modalitagrave ldquoMonta come radice dellrsquoalberordquo 26

DocWeb Release 101

216 Ottenere il page-id di una pagina

2161 Frontend (FE)

Da frontend si puograve ottenere il page-id della pagina corrente nei seguenti modi

1 dalla barra degli indirizzi del proprio browser (figura Id dallrsquourl (page 27)) Il numero della paginaegrave quello dopo la stringa ldquoid=rdquo Nella figura egrave cerchiata in verde la stringa ldquoid=rdquo e il numero dellapagina (page-id)

Figura 232 Id dallrsquourl

2 Puntando il mouse sulla scritta [id] a pieacute pagina e leggendo il tooltip (figura Id dal tooltip (page 27))

Figura 233 Id dal tooltip

3 Solo per browser Firefox dal menugrave di contesto scegliere la voce ldquoVisualizza info paginardquo si apreuna finestra consultare quindi la lista Meta sotto la scheda Generale (Id dagli attributi (page 28))

2162 Backend (BE)

Da backend egrave possibile ottenere il page-id nei seguenti modi

1 leggendo il tooltip puntando il mouse sullrsquoicona della pagina nel riquadro della struttura del sito(figura Id dal tooltip nel backend (page 28))

2 dal modulo di modifica delle intestazioni della pagina (figura Id dalle intestazioni pagina nel backend(page 28)) Il numero egrave tra le parentesi quadre dopo il titolo della pagina

217 Admin Panel

Quando si inseriscono contenuti con Typo3 (backend) egrave possibile visualizzare unrsquoanteprima della paginache si sta creando per vedere i risultati del lavoro svolto

Per visualizzare unrsquoanteprima di una pagina occorre (figura Menu mostra (page 29))

1 posizionarsi sulla pagina da visualizzare

2 premere il tasto sinistro del mouse in corrispondenza del nome

216 Ottenere il page-id di una pagina 27

DocWeb Release 101

Figura 234 Id dagli attributi

Figura 235 Id dal tooltip nel backend

Figura 236 Id dalle intestazioni pagina nel backend

217 Admin Panel 28

DocWeb Release 101

Figura 237 Menu mostra

3 selezionare la voce Mostra

In base alla pagina scelta si avragrave un risultato come quello visualizzato nella figura Anteprima pagina conAdmin panel (page 29)

Figura 238 Anteprima pagina con Admin panel

La pagina presenteragrave nella parte superiore lrsquoanteprima della pagina Nella parte inferiore vienevisualizzato uno strumento denominato Admin Panel

Questo oggetto offre lato front-end alcune funzionalitagrave (figura Moduli Admin panel (page 30)) cheaiutano i gestori di contenuti nella creazionemodifica delle pagine web del sito

NellrsquoAdmin panel (figura sopra) egrave possibile distinguere

217 Admin Panel 29

DocWeb Release 101

Figura 239 Moduli Admin panel

1 Modulo Preview ndash offre la possibilitagrave di selezionare alcune opzioni sulla pagina per simulare alcunesituazioni in cui la pagina si puograve trovare durante la visualizzazione

2 Modulo Cache ndash offre la possibilitagrave di gestire la cache

Allrsquointerno del modulo Preview abbiamo le seguenti voci

Mostra pagine nascoste selezionando la casella di controllo corrispondente a questa voce si visual-izzeranno anche quelle che attualmente non sono visibili allrsquointerno del sito o perchegrave in lavorazioneo perchegrave ancora non egrave stata data lrsquoautorizzazione alla pubblicazione

Mostra record nascosti come per le pagine questa voce offre la possibilitagrave di poter visualizzare allrsquoin-terno della pagina quei contenuti nascosti che non sono ancora ultimati o che sono in attesa di unautorizzazione per la pubblicazione

Simula data con questo controllo egrave possibile simulare il comportamento della pagina in periodi tem-porali diversi Utilizzando la casella di testo egrave possibile inserire delle date In questo modo sirende possibile la visualizzazione di quegli elementi (ad es pagine news ) che sono abilitati acomparirescomparire in base a determinati criteri temporali impostati

Simula gruppo di utenti con questo controllo egrave possibile simulare il comportamento delle pagine inbase ad un determinato gruppo di utenti che vi accede Alcune pagine possono infatti avere uncomportamento diverso in base al tipo di utente che vi accede

Nota Durante la creazione di pagine egrave possibile restringere la visione di una determinata pagina aparticolari tipi di utenti (utenti di frontend) Questa caratteristica offre la possibilitagrave di definire delle areead accesso riservato del sito ossia sezioni del sito a cui egrave possibile accedere solo dopo essersi autenticatie dopo avere avuto i necessari diritti di accesso

Una volta selezionate le opportune scelte allrsquointerno dellrsquoADMIN Panel occorreragrave premere il tasto Aggior-na (figura Aggiorna Admin panel (page 31)) per prendere visione della pagina secondo i criteri impostati

Nota Nel caso in cui lrsquoutente abbia la possibilitagrave di accedere da back-end a piugrave siti (ciascuno con unproprio dominio) bisogna tenere presente che lrsquoADMIN Panel compare soltanto per le pagine relativeal dominio con cui lrsquoutente ha fatto il login In altre parole se un operatore ad esempio egrave abilitatoa lavorare sulle pagine di backend dei siti httpwwwsitoesempio1it e httpwwwsitoesempio2it ese lrsquooperatore accede al backend di DocWeb con lrsquoindirizzo httpwwwsitoesempio1ittypo3 allora

217 Admin Panel 30

DocWeb Release 101

Figura 240 Aggiorna Admin panel

lrsquoADMIN Panel compariragrave solo sulle pagine di frontend del dominio wwwsitoesempio1it e non su quelledel dominio wwwsitoesempio2it

217 Admin Panel 31

CAPITOLO 3

La Clipboard

Lrsquooggetto clipboard (rdquoblocco degli appuntirdquo) egrave molto utile quando si ha la necessitagrave di copiare o spostareuno o piugrave elementi di contenuto o una o piugrave pagine da una sezione del sito (contenitore di pagine) adunrsquoaltra

31 Copia o spostamento di un contenuto singolo di pagina allrsquointernodi unrsquoaltra pagina

Per prima cosa egrave necessario (figura Identifica contenuto (page 32))

Figura 31 Identifica contenuto

1 selezionare la voce Lista

2 selezionare la pagina che contiene il contenuto che si intende copiare (nella figura abbiamo sceltola pagina denominata ldquoCorso di formazione su Typo3rdquo

32

DocWeb Release 101

3 identificare dalla lista dei contenuti associati alla pagina quello da spostare

Supponiamo che si desideri copiare il contenuto denominato ldquoTesto 2rdquo (figura Copia contenuto (page 33))

Figura 32 Copia contenuto

Egrave sufficiente cliccare sullrsquoicona (nella figura sopra evidenziata con un cerchio rosso) di copia incorrispondenza del contenuto da copiare

Dopo avere eseguito questa operazione nella figura Risultato copia contenuto (page 34) possiamo notare

1 Egrave comparsa unrsquoicona nuova che mette in evidenza che nella clipboard egrave presente un elemento

2 Lrsquoicona di copia in corrispondenza del contenuto da spostare ha cambiato aspetto

A questo punto lrsquooggetto che si intende copiare egrave presente nella nostra clipboard

Il passo successivo egrave quello di selezionare la pagina in cui andare a posizionare lrsquoelemento (paginadestinazione)

Rimanendo sempre allrsquointerno del modulo Lista occorreragrave selezionare dallrsquoalberatura delle pagine la pag-ina destinazione Il procedimento da seguire per posizionarsi sulla pagina egrave lo stesso descritto in prece-denza Nella figura Incolla contenuto (page 34) viene evidenziato il contenuto di una pagina (denominataldquoPagina di Provardquo) in cui vogliamo copiare il contenuto

Per copiare il contenuto della clipboard nella pagina selezionare lrsquoicona Incolla contenuto Clipboard

Confermando lrsquooperazione il contenuto saragrave copiato allrsquointerno della pagina selezionata

Per effettuare lo spostamento di un contenuto di pagina allrsquointerno di unrsquoaltra pagina cliccare sullrsquoicona

di Taglia al posto dellrsquoicona copia e ripetere le operazioni sopra descritte

1 Selezionando la casella Mostra clipboard (figura Vista clipboard (page 35)) egrave possibile visualiz-zare lrsquooggetto clipboard Nel caso in figura lrsquoelemento copiato in precedenza (Testo 2) egrave ancoradisponibile allrsquointerno della clipboard Utilizzando il procedimento descritto infatti il contenuto

31 Copia o spostamento di un contenuto singolo di pagina allrsquointerno di unrsquoaltra pagina 33

DocWeb Release 101

Figura 33 Risultato copia contenuto

Figura 34 Incolla contenuto

31 Copia o spostamento di un contenuto singolo di pagina allrsquointerno di unrsquoaltra pagina 34

DocWeb Release 101

selezionato rimane ancora a disposizione dellrsquoutente che potragrave selezionare altre pagine destinazionesu cui eventualmente andare a copiare il contenuto Nel caso in cui si selezioni un altro elementoad esempio ldquoTesto 1rdquo lrsquoelemento presente viene automaticamente sostituito

2 Dallrsquooggetto clipboard egrave possibile rimuovere un elemento premendo il bottone di Elimina postoaccanto ad esso

Figura 35 Vista clipboard

Con il procedimento descritto fino ad ora egrave possibile scegliere soltanto un contenuto alla volta

32 Copia o spostamento di piugrave contenuti da una pagina ad unrsquoaltra

Nel caso in cui ci si trovi nella necessitagrave di copiare piugrave di un contenuto da una pagina allrsquoaltra egrave necessarioseguire i passi seguenti

1 Selezionare il modulo Lista

2 Selezionare la pagina di origine da cui prelevare i contenuti

3 Selezionare la casella Mostra clipboard

4 Selezionare una clipboard tra quelle denominate ldquoClipboard 1rdquo ldquoClipboard 2rdquo ldquoClipboard 3rdquo(punto 3 figura Vista clipboard con contenuto selezionato (page 36))

Selezionando ad esempio la clipboard contrassegnata come ldquoclipboard 1rdquo si avragrave la seguente situazione

32 Copia o spostamento di piugrave contenuti da una pagina ad unrsquoaltra 35

DocWeb Release 101

Figura 36 Vista clipboard con contenuto selezionato

32 Copia o spostamento di piugrave contenuti da una pagina ad unrsquoaltra 36

DocWeb Release 101

1 In corrispondenza di ogni contenuto si evidenzia una Casella di selezione Sopra la colonna con lecaselle di selezione egrave comparsa una lista di bottoni tra cui al momento distinguiamo

2 Bottone di copia elementi nella clipboard

3 Bottone di selezione tuttinessuno

Scegliendo ad esempio i primi due elementi e premendo il pulsante di copia elementi nella clipboard sipuograve notare che (figura Copia nella clipboard (page 37))

Figura 37 Copia nella clipboard

1 La clipboard che abbiamo scelto per la selezione multipla (ldquoClipboard 1rdquo) contiene la lista deglioggetti che abbiamo scelto di copiare

2 Ersquo comparsa lrsquoicona di Incolla contenuto Clipboard

La procedura della selezione della pagina di destinazione rimane identica a quella giagrave utilizzata per lacopia di un contenuto singolo (selezionare la pagina di destinazione su cui andare a posizionare i contenutiselezionati)

Egrave importante fare notare che seguendo le operazioni descritte sopra si ottiene come risultato lospostamento dei contenuti dalla pagina origine a quella destinazione

Se si desidera copiare gli elementi selezionati egrave necessario una volta selezionati gli elementi da copiarepremere il tasto copia gli items invece di spostarli (evidenziato con un cerchio rosso nella figura Tagliadalla clipboard (page 38))

32 Copia o spostamento di piugrave contenuti da una pagina ad unrsquoaltra 37

DocWeb Release 101

Figura 38 Taglia dalla clipboard

32 Copia o spostamento di piugrave contenuti da una pagina ad unrsquoaltra 38

DocWeb Release 101

In questo modo dopo avere confermato lrsquooperazione i contenuti o le pagine da copiare saranno presentisia nella pagina origine che in quella destinazione

32 Copia o spostamento di piugrave contenuti da una pagina ad unrsquoaltra 39

CAPITOLO 4

Modulo DAM (Digital AssetManagement)

Il modulo DAM (Digital Asset Management) offre la possibilitagrave di raccogliere e catalogare contenuti informato digitale come immagini documenti presentazioni

Ogni file inserito puograve essere corredato di informazioni aggiuntive (meta-informazioni) come la descrizionelrsquoautore parole chiave ecc

Attraverso il modulo DAM egrave possibile svolgere le seguenti operazioni

bull Caricamento e Aggiornamento di file

bull Ricerca di file allrsquointerno del DAM e modifica delle meta-informazioni associate ai file

41 Caricamento e Aggiornamento di file

Lrsquooperazione di CaricamentoAggiornamento di file serve per sottoporre al sistema DAM un particolarecontenuto memorizzato in formato digitale

Lrsquoelemento caricato saragrave poi disponibile a chi inserisce contenuti

Per iniziare lrsquooperazione di caricamento di un file egrave sufficiente selezionare la voce File che si trovaallrsquointerno del modulo Media (figura Menu file (page 41))

La maschera che si apre (figura File upload (page 41)) offre le seguenti possibilitagrave

1 Selezione della posizione dove andare a caricareaggiornare il file

2 Specificare alcuni documenti da caricare (area File)

Concentrandoci sullrsquoarea File (figura Dettaglio file upload (page 42)) distinguiamo

1 Voce Show upload location browser (punto 1 figura sopra) egrave possibile visualizzare i file attualmentecaricati nel Mount Point selezionato

2 Lista di bottoni denominati Sfoglia da utilizzare nel caso in cui si desideri caricareaggiornareun file

Se si desidera caricare un file occorre cliccare sul bottone Sfoglia

La finestra che appare (figura Sfoglia file (page 42)) permette di selezionare dal proprio PC il file dacaricare

Per selezionare un file da caricare occorre

1 Esplorare le cartelle del proprio PC per trovare il file

40

DocWeb Release 101

Figura 41 Menu file

Figura 42 File upload

41 Caricamento e Aggiornamento di file 41

DocWeb Release 101

Figura 43 Dettaglio file upload

Figura 44 Sfoglia file

41 Caricamento e Aggiornamento di file 42

DocWeb Release 101

2 Inserire il nome del file nella casella di testo Nome file

3 Premere il tasto Apri

Una volta che si egrave selezionato un file egrave possibile

1 selezionare altri file da caricare seguendo gli stessi passi descritti in precedenza

2 effettuare lrsquooperazione di caricamento del file vero e proprio

Dallrsquoesempio abbiamo scelto di caricare un solo file

Il caricamento dei file viene eseguito premendo il bottone ldquoUpload filesrdquo che si trova in fondo alla listadei file selezionati (figura File selezionato (page 43))

Figura 45 File selezionato

Se tutto egrave stato eseguito correttamente appariragrave una finestra come quella nella figura Process files(page 44)

In questa maschera egrave possibile

1 Specificare le meta-informazioni per il singolo file come ad esempio il titolo parole chiavedescrizione

2 Avviare il processo di elaborazione multipla premendo il bottone Process selected files Con questoprocesso egrave possibile inserire o modificare le meta-informazioni per tutti i file della lista (in questocaso solo uno)

Se si vuole eseguire lrsquoinserimento delle meta-informazioni per singolo file la finestra che si apre egrave similea quella presentata in figura Elaborazione metainformazioni singolo file (page 44)

Nel caso si scelga di eseguire il processo di elaborazione multipla la maschera che compare (figuraElaborazione metainformazioni file multipli (page 45)) permette di selezionare le meta-informazioni chelrsquoutente intende inserire contemporaneamente per tutti i file della selezione

41 Caricamento e Aggiornamento di file 43

DocWeb Release 101

Figura 46 Process files

Figura 47 Elaborazione metainformazioni singolo file

41 Caricamento e Aggiornamento di file 44

DocWeb Release 101

Figura 48 Elaborazione metainformazioni file multipli

41 Caricamento e Aggiornamento di file 45

DocWeb Release 101

Se si seleziona la checkbox accanto alla voce che eventualmente saragrave inserita questa viene aggiuntaalle informazioni eventualmente giagrave presenti (modalitagrave append) Nellrsquoaltro caso le informazioni sarannosovrascritte

I campi Titolo e Descrizione sono obbligatori mentre il campo Parole chiavi puograve essere valorizzato adiscrezione dellrsquoutente Informazioni su come valorizzare i campi elencati sopra saranno descritte suapposite linee guida

Per completare lrsquoinserimentoaggiornamento delle meta-informazioni riguardanti il file caricato occorrepremere il tasto Send (figura Salva metainformazioni (page 46)) in fondo alla maschera per il salvataggiodelle informazioni

Figura 49 Salva metainformazioni

Tornando alla maschera di caricamento file e selezionando la checkbox in corrispondenza della voceSovrascrivi file esistenti (figura Carica file sovrascrivendo (page 46)) saragrave possibile aggiornare eventualifile che hanno lo stesso nome di quello che stiamo caricando

Questa procedura egrave utile quando si vuole aggiornare il contenuto di un file che egrave giagrave presente nel DAM

Figura 410 Carica file sovrascrivendo

Nel caso di aggiornamento di un file le meta-informazioni del file rimangono le stesse inserite inprecedenza Come si puograve notare non viene offerta la possibilitagrave di inserirne di nuove

Nel caso in cui un file con lo stesso nome sia giagrave caricato e non si desideri aggiornarlo il file inseritoper ultimo viene rinominato con un suffisso generato automaticamente dal DAM In questo caso la voceSovrascrivi file esistenti non deve essere selezionata (figura Carica file senza sovrascrivere (page 47))

Nellrsquoesempio in figura viene presentata la lista dei file presenti nel mount point selezionato

Da notare la presenza di un file che egrave stato rinominato dal DAM con un suffisso ldquo_01rdquo dato che nellastessa posizione era giagrave presente un file con lo stesso nome

41 Caricamento e Aggiornamento di file 46

DocWeb Release 101

Figura 411 Carica file senza sovrascrivere

41 Caricamento e Aggiornamento di file 47

DocWeb Release 101

42 Ricerca di file allrsquointerno del DAM e modifica delle meta-informazioni

Rimanendo sempre allrsquointerno del modulo Media selezioniamo la voce List egrave possibile effettuare dellericerche dei file e modificare le meta-informazioni associate ai file

Nella figura Backend media list (page 48) distinguiamo

Figura 412 Backend media list

1 Parte relativa ai Mount Point disponibili

2 Parte relativa ai tipi di file caricati nel sistema

3 Schede List Thumbnails Selection Process

Da questa sezione egrave possibile effettuare ricerche sui file caricati nel DAM

Le ricerche che si possono eseguire sono del tipo ldquotrova tutti i file pdf e docrdquo oppure ldquoelenca tutti i filedi tipo immagine ad eccezione dei file con estensione gifrdquo

Per prima cosa facendo click sul nome del tipo file (es gif oppure image) si seleziona solo quel tipo difile e si escludono tutti i criteri selezionati in precedenza

Per aggiungere un altro criterio di ricerca egrave sufficiente selezionare il ldquo+rdquo (punto 1 nella figura Criteri diselezione (page 49)) posto accanto al tipo di file che si vuole selezionare

Con il ldquo-ldquo(punto 2) saragrave possibile rimuovere il tipo di file dai criteri di ricerca

Selezionando ldquo=rdquo (punto 3) egrave possibile introdurre clausole del tipo ldquocerca un file che sia doc e presentenel Mount Point chiamato lsquoArea Testrsquordquo (ossia effettua una ricerca che risponda a tutti i criteri impostati)

Nellrsquoesempio della figura Salva selezione (page 49) sono stati selezionati tutti i tipi di immagine adeccezione dei file con estensione gif Questo risultato si ottiene nel seguente modo

1 selezionare il ldquo+rdquo accanto alla voce ldquoimagerdquo

2 premendo il tasto ldquo-ldquo in corrispondenza della voce ldquogifrdquo

I criteri impostati per la selezione possono essere salvati per un uso futuro Per salvare la selezioneoccorre (figura Salva selezione (page 49))

1 riempire il campo sotto la voce SELECTION con un nome che identifichi la ricerca

2 premere il tasto Save per salvare la modalitagrave di ricerca impostata

In questo modo saragrave possibile richiamare e rieseguire la ricerca impostata anche in futuro senza doverripetere il procedimento di scelta dei criteri mostrato in precedenza

42 Ricerca di file allrsquointerno del DAM e modifica delle meta-informazioni 48

DocWeb Release 101

Figura 413 Criteri di selezione

Figura 414 Salva selezione

42 Ricerca di file allrsquointerno del DAM e modifica delle meta-informazioni 49

DocWeb Release 101

Se in futuro saranno inseriti nuovi file che soddisfano la ricerca salvata questi verranno selezionati quandoverragrave richiamata la ricerca salvata

Dalla figura Ricerca salvata (page 50) egrave possibile notare come richiamare la ricerca salvata In questocaso abbiamo salvato la ricerca con il nome ldquoimmaginisenzagifrdquo

Figura 415 Ricerca salvata

Una volta che si egrave selezionata la ricerca egrave possibile

1 Premere il tasto Load per ricaricare la ricerca precedentemente impostata

2 Premere Remove per rimuovere la ricerca salvata

Una volta effettuata una particolare selezione di file egrave possibile (figura Schede backend media list(page 50))

Figura 416 Schede backend media list

1 vedere il contenuto della selezione (schede List e Thumbnails)

2 vedere i criteri impostati per la ricerca (scheda Selection)

3 modificare le meta-informazioni associate ai file (scheda Process) secondo quanto descritto inprecedenza

Nella figura Scheda selection (page 51) egrave visualizzato come selezionando la scheda Selection egrave possibileprendere visione dei criteri impostati nella ricerca (la ricerca egrave quella dellrsquoesempio precedente)

Selezionando le schede List e Thumbnails dopo avere effettuato una qualsiasi selezione si potrebbe avereuna situazione come quella mostrata nella figura Scheda list (page 51)

Cliccando sullrsquoicona corrispondente ad uno dei file presenti nella lista (selezionato con un cerchio rosso)egrave possibile accedere ad un menugrave contestuale (figura Menu contestuale DAM (page 51))che permette disvolgere le seguenti operazioni

Modifica Offre la possibilitagrave di visualizzare e modificare le meta-informazioni associate al file

Rinomina Selezionando la seguente voce egrave possibile assegnare un altro nome al file che si egrave caricato

Replace file Avvia lrsquooperazione di sostituzione del file

Info Visualizza informazioni relative al file

Cancella Rimuove il file dal DAM

42 Ricerca di file allrsquointerno del DAM e modifica delle meta-informazioni 50

DocWeb Release 101

Figura 417 Scheda selection

Figura 418 Scheda list

Figura 419 Menu contestuale DAM

42 Ricerca di file allrsquointerno del DAM e modifica delle meta-informazioni 51

CAPITOLO 5

Modulo Pagine di download

51 Inserimento e configurazione pagine di download

La creazione di pagine di download egrave utile quando si vuole mettere a disposizione una lista di uno o piugravefile in forma scaricabile

Per creare una pagina di download egrave necessario seguire i seguenti passi

1 Creare una pagina standard

2 Inserire il plugin DAM Download List

3 Configurare il plugin

Per creare una pagina egrave sufficiente entrare nel modulo Pagina e selezionare Crea nuovo record per accederealla finestra di creazione pagine

Nellrsquoesempio in figura Backend creazione contenuto (page 52) egrave stata creata la pagina denominata ldquoPaginadownloadrdquo come figlio della pagina ldquoPagina di provardquo

Figura 51 Backend creazione contenuto

Una volta creata la pagina occorre configurarla in maniera tale da permettere la visualizzazione di unalista di file scaricabili Per fare ciograve occorre inserire un plugin denominato ldquoDAM Download Listrdquo Unplugin egrave un contenuto speciale da inserire in una pagina

52

DocWeb Release 101

Per inserirlo come per un contenuto occorre seguire i seguenti passi (figura Backend creazione contenuto(page 52))

1 Selezionare la pagina in cui inserire il plugin Nellrsquoesempio la pagina denominata ldquoPaginadownloadrdquo

2 Selezionare la voce Clicca qui per il wizard nella maschera che compare quando si vuole inserire unnuovo record

Figura 52 Wizard nuovo contenuto

Oltre ai normali contenuti standard il wizard permette di selezionare (figura Wizard nuovo contenuto(page 53))

1 Contenuti speciali

2 Moduli

3 Plugins

Allrsquointerno della lista dei Plugins selezionare DAM Lista dei file scaricabili (punto 4 nella figura Wizardnuovo contenuto (page 53))

Dopo aver selezionato il plugin occorreragrave selezionare la posizione della pagina in cui inserire lrsquoelemento

Selezionare ldquoNormalerdquo

A questo punto il plugin egrave inserito nella pagina desiderata

51 Inserimento e configurazione pagine di download 53

DocWeb Release 101

Oltre allrsquoinserimento occorre configurare il plugin in modo da dirgli quali file far visualizzare

Una volta che il plugin viene inserito viene aperta una finestra (figura Contenuto pagina (page 54)) doveviene richiesto di selezionare dei file inseriti nel sistema

Figura 53 Contenuto pagina

Per proseguire correttamente egrave necessario salvare immediatamente il Contenuto Pagina altrimenti leoperazioni successive potrebbero andare perse

Per inserire i file nella lista occorre effettuare la seguente operazione (figura Contenuto pagina (page 54))

1 Nella parte della maschera denominata DAM Lista di file scaricabili selezionare lrsquoicona SfogliaRecord (cerchiata in rosso) per avviare la procedura di selezione dei file

Selezionando la voce Sfoglia Record verragrave aperto lrsquoElement Browser di TYPO3 che ci permette di se-lezionare i file da inserire nel plugin La finestra (figura Element browser (page 55)) egrave composta di dueschede

1 Media ndash permette di selezionare i file giagrave esistenti nel sistema

2 Upload ndash permette di caricare nuovi file

Selezionando la sezione Media egrave possibile selezionare dalla lista i file da inserire

51 Inserimento e configurazione pagine di download 54

DocWeb Release 101

Figura 54 Element browser

Se la lista dei file fosse troppo lunga egrave possibile effettuare delle ricerche per nome e per tipologia di file(doc htm )

Per cercare per nome (figura Ricerca per nome (page 55)) occorre inserire nella casella di testo Cercastringa (punto 1 nella figura sopra) il nome o parte del nome del file da cercare Una volta specificata lastringa di ricerca premere il tasto Cerca (punto 2)

Figura 55 Ricerca per nome

Per cercare un particolare tipo di file selezionare il nome dellrsquoestensione che si desidera dallrsquoelenco deitipi di file (figura Ricerca per tipo (page 56))

Nota I due tipi di ricerca possono essere usati contemporaneamente

Selezionando la voce informazioni (punto 1 nella figura Selezione file (page 56)) egrave possibile visualizzarele meta-informazioni associate al file

Premendo con il mouse sul nome del file (punto 2) o sullrsquoicona associata (punto 3) si inserisce il file nellalista dei file da far visualizzare nella pagina di download mediante lrsquoapposito plugin

Selezionando la scheda Upload si puograve inserire un file non presente nel sistema (figura Caricamentoimmediato file (page 56))

51 Inserimento e configurazione pagine di download 55

DocWeb Release 101

Figura 56 Ricerca per tipo

Figura 57 Selezione file

Figura 58 Caricamento immediato file

51 Inserimento e configurazione pagine di download 56

DocWeb Release 101

Scegliere i file dal proprio PC seguendo le operazioni giagrave descritte nel modulo DAM e selezionare dallascheda Media i nuovi file inseriti

Nella figura Plugin con file selezionati (page 57) egrave visualizzato un esempio di maschera di configurazionedel plugin con la lista dei file selezionati

Figura 59 Plugin con file selezionati

I file una volta inseriti possono essere ordinati selezionando sugli appositi bottoni posti a destra dellalista file

bull Per ordinare un determinato file occorre

bull Selezionare un file

Premere uno dei tasti (figura sopra) per

1 Spostare in prima posizione

2 Spostare in alto di una posizione

3 Spostare in basso di una posizione

4 Spostare in ultima posizione

5 Rimuovere dalla lista il file selezionato

Una volta eseguiti i passaggi sopra descritti salvare la configurazione del plugin

51 Inserimento e configurazione pagine di download 57

CAPITOLO 6

Modulo Sitemap

Ersquo possibile generare una mappa del sito scegliendo un contenuto speciale di tipo ldquoMappa del Sitordquo comemostrato nella figura Contenuto mappa del sito (page 58)

Figura 61 Contenuto mappa del sito

Per scegliere un record di tipo ldquomappa del sitordquo (per visualizzare cioegrave la vista dei contenuti possibili)saragrave necessario portarsi in modalitagrave ldquopaginardquo compiendo gli stessi passaggi descritti per la creazione dicontenuti semplici in fase di creazione delle pagine (in questo caso selezionando il contenuto specialemappa)

58

DocWeb Release 101

61 Scheda di configurazione Mappa

La scheda di configurazione si presenta come nella figura Scheda mappa del sito (page 59)

Figura 62 Scheda mappa del sito

I campi fondamentali da personalizzare sono lrsquointestazione (ossia il titolo pagina) il tipo di menugrave e ilpunto di partenza Nellrsquointestazione viene inserito come di consuetudine il titolo pagina

62 Tipo di mappa

Ersquo possibile scegliere il tipo di mappa che si desidera creare consultando il menugrave a tendina ldquotipo di menugraverdquoche ci offriragrave diverse opzioni

Le piugrave frequentemente usate sono di tipo ldquoMenugrave delle sottopagine rdquo come indicato nella figura Tipo dimenu (page 60)

Menugrave delle sottopagine di queste pagine Scegliendo questa opzione da una pagina padre sigenereragrave un record che mostreragrave al suo interno tutte le sottovoci figlio con relativo link

Menugrave delle sottopagine di queste pagine (con abstract) Genera una mappa sia delle sottopagineche dei sottotitoli

Menugrave delle sottopagine di queste pagine + sezioni Genera una mappa sia delle sottopagine chedei record (link alle intestazioni dei singoli record)

Selezionando voci di menugrave di sottopagine egrave anche possibile stabilire un determinato punto di partenzasfogliando lrsquoapposito record

61 Scheda di configurazione Mappa 59

DocWeb Release 101

Figura 63 Tipo di menu

63 Il ldquopunto di partenzardquo della mappa

Il ldquopunto di partenzardquo dei Menugrave delle sottopagine Scheda mappa del sito (page 59) costituisce la paginadalla quale il sistema partiragrave per creare la mappa

Si potragrave quindi creare una mappa (di tipo menugrave delle sottopagine) che mostri solamente il percorso diquella porzione di menugrave che si intende mostrare

63 Il ldquopunto di partenzardquo della mappa 60

CAPITOLO 7

Modulo News

71 Inserimento e modifica di news

Alcune sezioni del nostro sito potrebbero essere state configurate per permettere la visualizzazione dinotizie

Per poter visualizzare le news correttamente occorre che queste ultime vengano inserite in una determi-nata posizione allrsquointerno del backend Da questa posizione che chiameremo repository delle news lenostre pagine andranno a prelevare le news da visualizzare al loro interno

Figura 71 Backend news

Nellrsquoesempio presentato nella figura Backend news (page 61) distinguiamo

1 il repository delle news che egrave stato creato

2 Un esempio di come potrebbe apparire il contenuto del repository delle news (lista delle news)

Per poter visualizzare il contenuto del repository delle news occorre seguire i seguenti passi

1 entrare nel modulo Pagina

61

DocWeb Release 101

2 selezionare il repository delle news corrispondente (nellrsquoesempio della figura Backend news (page 61)il Repository delle news si chiama ldquoNews Area Testrdquo)

Poniamo ora la nostra attenzione alla lista delle news (figura Lista news (page 62)) Da qui egrave possibile

bull Inserire una nuova notizia

bull Modificare le notizie giagrave esistenti

Per inserire una nuova notizia occorre selezionare la voce Crea nuovo record (figura Lista news (page 62))posta in fondo alla lista delle news

Figura 72 Lista news

A questo punto si apre la finestra di creazione Nuovo record da cui occorre selezionare la voce News(figura Nuovo record news (page 62))

Figura 73 Nuovo record news

Eseguendo le operazioni sopra descritte si accede alla maschera di inserimento news (figura Inserimentonews scheda generale (page 63))

Questa si compone di due schede una denominata Generale e unrsquoaltra denominata Relations

Nella scheda Generale egrave possibile inserire

Titolo in questo spazio egrave possibile specificare un titolo della news

Nascondi questo controllo determina se la news egrave pubblicabile oppure no Come avviene per le pagineanche per le news egrave consigliabile tenere la news nascosta durante la lavorazione Facciamo notare

71 Inserimento e modifica di news 62

DocWeb Release 101

Figura 74 Inserimento news scheda generale

71 Inserimento e modifica di news 63

DocWeb Release 101

che appena viene aperta la maschera di inserimento di una nuova news il controllo appare giagrave instato nascosto

Dataora in questo spazio viene indicata la data e lrsquoora della creazione della news in base ai parametridi sistema

Data Archiviazione in questo spazio viene inserita la data di Archiviazione di una news

Autore permette di specificare un autore della news

Email permette di specificare un e-mail a cui fare riferimento

Sottointestazione questo campo conterragrave una breve descrizione (abstract) della news La sottointes-tazione egrave quella parte della news che compare quando viene visualizzata la lista delle news e serveper dare una breve descrizione al contenuto della news (si veda Esempio news (page 64))

Figura 75 Esempio news

Durante lrsquoinserimento di una news egrave consigliabile specificare sempre una sottointestazione

Testo egrave il campo che contiene il contenuto vero e proprio della news Egrave possibile utilizzare tutte lefunzionalitagrave messe a disposizione dallrsquoeditor RTE

72 Modalitagrave Relations

Nella modalitagrave Relations (figura Inserimento news scheda relations (page 65)) egrave possibile inserire

Immagini contiene una lista di immagini da associare alla news Il procedimento per la se-lezionecaricamento delle immagini egrave stato descritto nella parte dedicata alla creazione di paginedi download a cui vi rimandiamo

Didascalia permette di specificare una descrizione per lrsquoimmagine associata alla news

Image alttext e Image titletext permette di specificare un testo che in visualizzazione (Frontend)compariragrave al passaggio del mouse sopra lrsquoimmagine

News correlate permette di specificare news o pagine del sito da associare alla news Il procedimentodi selezione delle news da associare alla notizia saragrave spiegato successivamente

DAM elements permette di assegnare alla news dei documenti da scaricare come per esempioil programma di un determinato evento Anche in questo caso il procedimento per la se-lezionecaricamento dei documenti egrave quello giagrave descritto nella parte dedicata alla creazione dipagine di download

Descriviamo il procedimento da seguire per associare alcune pagine o alcune news alla notizia che stiamoinserendo

Premere il tasto di Sfoglia Record evidenziato nella figura Sfoglia record news (page 65)

Verragrave aperta una finestra che contiene un Element Browser che ci permette di selezionare le newspagine(figura Element browser news (page 66)) da associare

La finestra di selezione si suddivide nelle seguenti parti (figura sopra)

Alberatura del sito da cui egrave possibile esplorare gli elementi del nostro sito (pagine sysfolder )Premendo con il tasto sinistro del mouse sul nome della pagina o sulla freccia corrispondente verragraveaggiornata la parte di destra della finestra in cui egrave inserita la lista degli elementi associabili

72 Modalitagrave Relations 64

DocWeb Release 101

Figura 76 Inserimento news scheda relations

Figura 77 Sfoglia record news

72 Modalitagrave Relations 65

DocWeb Release 101

Figura 78 Element browser news

Lista degli elementi associabili egrave quindi possibile selezionare gli elementi da associare alla newsPer associare un elemento si puograve selezionare il simbolo ldquo+rdquo posto accanto allrsquoelemento desideratoo agendo sul nome del file Nel primo caso lrsquoelemento viene aggiunto ma la finestra non si chiuderagrave(utile per effettuare selezioni multiple) mentre nel secondo caso lrsquoelemento viene aggiunto e lafinestra si chiuderagrave (selezione singola)

Nota Per associare una o piugrave news alla notizia che stiamo inserendo occorreragrave innanzitutto selezionareil repository delle news e utilizzando i metodi descritti in precedenza indicare le news di interesse

Nella figura Selezione repository (page 66) viene visualizzato come appare lrsquoElement Browser dopo averselezionato il repository delle news denominato ldquoNews Corso Typo3rdquo

Figura 79 Selezione repository

Una volta ultimato il procedimento di inserimento di una news vedremo che nel repository compariragrave(figura News nel repository (page 67)) anche quella da noi creata Nellrsquoesempio la news creata si chiamaldquoTitolo della news di provardquo

Dalla lista delle news possiamo notare che i diversi tipi di news sono contrassegnati con icone diverse

In particolare distinguiamo

72 Modalitagrave Relations 66

DocWeb Release 101

Figura 710 News nel repository

bull News (icona ldquocelestinardquo)

bull Collegamento a URL esterna (icona ldquorosardquo)

bull Collegamento a pagina interna (icona ldquogiallinardquo)

Per modificare il contenuto di una news egrave sufficiente selezionare il simbolo di modifica (figura Modificanews (page 67)) in corrispondenza della news da modificare

Figura 711 Modifica news

73 News collegata a URL esterna e a pagina interna

Attraverso la selezione della finestra ldquoTipordquo egrave possibile scegliere diverse tipologie di news

Nella figura News collegata a url esterna (page 68) egrave stato selezionato il Collegamento a URL esterna checi offriragrave la possibilitagrave di specificare un link (ldquoURL esternordquo) da far visualizzare e che saragrave contraddistintain lista da lrsquoicona di colore rosa

Selezionando il Collegamento a pagina interna viene offerta la possibilitagrave di inserire un collegamento auna pagina del sito (evidenziato nella figura News collegata a pagina interna (page 69))

La news si presenteragrave con icona di color ldquogiallordquo e al suo interno conterragrave un link alla pagina interna alsito

73 News collegata a URL esterna e a pagina interna 67

DocWeb Release 101

Figura 712 News collegata a url esterna

73 News collegata a URL esterna e a pagina interna 68

DocWeb Release 101

Figura 713 News collegata a pagina interna

73 News collegata a URL esterna e a pagina interna 69

DocWeb Release 101

74 Eliminazione delle News

Per eliminare una news possiamo procedere tra lrsquoaltro in due modi

1 Selezionare la news da eliminare dallrsquoelenco e selezionare la voce ldquocancellardquo dal menugrave a tendinaconsultabile cliccando con il pulsante destro sullrsquoicona in corrispondenza della news (figura Eliminanews da menu contestuale (page 70))

Figura 714 Elimina news da menu contestuale

2 Entrare allrsquointerno della modalitagrave di modifica della news attraverso lrsquoicona ldquomatitardquo e selezionare lrsquoi-cona raffigurante il bidone di elimina posta in alto pagina (figura Elimina news da scheda contenuto(page 70))

Figura 715 Elimina news da scheda contenuto

75 Ordinamento delle News e ricerca

Puograve essere necessario durante la visualizzazione della lista delle news (lato backend) di dover effettuaredegli ordinamenti al fine di permettere una ricerca piugrave veloce delle news da modificare

74 Eliminazione delle News 70

DocWeb Release 101

Avvertimento Lrsquoordinamento ha valore solo come ricerca allrsquointerno del backend mentre latofrontend rispecchieragrave i parametri prestabiliti dal sistema

Supponiamo per esempio di voler effettuare un ordinamento per Titolo Seguiamo i seguenti passi(figura sotto)

1 Selezionare la voce di menugrave Lista

2 Selezionare il deposito delle news (repository) News Corso Typo3

3 Cliccare con il mouse in corrispondenza della voce ldquoTitolordquo

A questo punto (figura Ordinamento news (page 71)) le news vengono ordinate in ordine crescente(vengono visualizzate prima le news con titolo che inizia con la lettera a b e cosigrave via)

Figura 716 Ordinamento news

Se clicchiamo unrsquoaltra volta sulla voce ldquoTitolordquo il tipo di ordinamento cambia da crescente a decrescente(compariranno per prima le news con titolo che inizia per z )

Egrave inoltre possibile ordinare secondo campo da noi specificato Per definire il nome di un campo (ad estesto inizio autore ) su cui effettuare lrsquoordinamento occorreragrave spostarsi in fondo alla lista delle newsdove troveremo una lista di campi (figura Mostra campo aggiuntivo news (page 71))

Figura 717 Mostra campo aggiuntivo news

Dalla lista possiamo

bull Selezionare la voce in base alla quale effettuare lrsquoordinamento (ad esempio Immagini)

bull Premere il tasto Imposta campi per aggiungere alla lista dei campi visualizzati quello selezionato

75 Ordinamento delle News e ricerca 71

DocWeb Release 101

A questo punto il campo selezionato (nel nostro esempio il campo Immagini) compare nella lista dellenews (il campo aggiunto egrave evidenziato con un riquadro in alto a destra nella figura Ordinamento campoaggiuntivo news (page 72))

Figura 718 Ordinamento campo aggiuntivo news

Effettuare le stesse operazioni illustrate per il campo Titolo per ordinare in modo crescente e decrescentele news secondo il criterio impostato (click pulsante sinistro sul nome etichetta)

Egrave anche possibile ricercare le news in base al testo contenuto nel titolo sottotitolo descrizione eccUtilizzando la maschera di ricerca in fondo pagina (evidenziata nella figura Ricerca news (page 72))

Figura 719 Ricerca news

Per effettuare una ricerca egrave necessario seguire i seguenti passi

1 Inserire nel campo Cerca Stringa il testo da cercare (nel nostro esempio ldquonequerdquo)

2 Premere il tasto Cerca per eseguire la ricerca secondo i criteri impostati

In questo modo nella lista delle news compariranno solo quelle che contengono il testo specificatoEffettuata la ricerca egrave possibile effettuare degli ordinamenti come spiegato in precedenza

75 Ordinamento delle News e ricerca 72

CAPITOLO 8

Modulo Eventi

Avvertimento SEZIONE NON COMPLETA

Si confrontino i seguenti due tipi di contenuti

Evento egrave un tipo di contenuto adatto a descrivere qualcosa che accadragrave o che egrave accaduto in una certadata La data o le date in cui lrsquoevento ricorre sono strettamente legate ad un luogo in cui lrsquoeventosi verificheragravesi egrave verificato Gli eventi vengono rappresentati mediante la metafora dellrsquoagenda edel calendario

Notizia egrave un tipo di contenuto caratterizzato dalla data di pubblicazione secondo la metafora delgiornale online E come in un giornale online una notizia puograve riferirsi sia a fatti giagrave accaduti chea fatti a venire

Nota Per comprendere meglio la differenza tra i due tipi di contenuto si pensi che dato un eventoche ha una certa data di svolgimento (ad es 20 maggio) di tale evento posso realizzare piugrave di unanotizia Rimanendo nellrsquoesempio potrei pubblicare una notizia il 10 maggio per preannunciare lrsquoeventoe poi unrsquoaltra il 18 maggio per ricordarne lrsquoimminenza Infine potrei pubblicare una notizia di riepilogo(cronaca dellrsquoevento immagini ecc) il 22 maggio

81 Scopo del modulo Eventi

Il visitatore del sito deve poter cogliere le informazioni essenziali di un evento

bull Cosa sta per succedere

bull Dove accadragrave

bull Quando accadragrave

82 Il Backend ndash Modulo Pagina

Vedi figura Eventi vista modulo pagina (page 74)

83 Il Backend ndash Modulo Lista

Vedi figura Eventi vista modulo lista (page 74)

73

DocWeb Release 101

Figura 81 Eventi vista modulo pagina

Figura 82 Eventi vista modulo lista

83 Il Backend ndash Modulo Lista 74

DocWeb Release 101

84 Creazione di un evento

Prima di procedere poniamoci qualche domanda

bull Lrsquoevento appartiene a qualche rassegna iniziativa per la quale sono in programma altri eventiPer esempio

ndash Rassegne teatrali cinematografiche

ndash Festival

bull Lrsquoevento si ripete

ndash La replica avviene sempre nello stesso luogo

841 Creazione del record

Vedi figura Creazione nuovo evento (page 75)

Vedi figura Creazione nuovo record evento (page 76)

Figura 83 Creazione nuovo evento

842 Scheda ldquoGeneralerdquo

Vedi figura Evento scheda generale (page 76)

843 Scheda ldquoFinestra temporalerdquo

Orario repliche

Vedi figura Evento finestra temporale (page 78)

84 Creazione di un evento 75

DocWeb Release 101

Figura 84 Creazione nuovo record evento

Figura 85 Evento scheda generale

84 Creazione di un evento 76

DocWeb Release 101

bull Lrsquoorario va solo per le Finestre temporali di un giorno (data inizio = data fine)

bull Se non si conosce lrsquoora della fine impostare ora inizio = ora fine

844 Scheda ldquoTestordquo

Vedi figura Evento scheda testo (page 79)

84 Creazione di un evento 77

DocWeb Release 101

Figura 86 Evento finestra temporale

84 Creazione di un evento 78

DocWeb Release 101

Figura 87 Evento scheda testo84 Creazione di un evento 79

  • Introduzione
    • Cosegrave DocWeb
    • Concetti chiave
      • Funzionalitagrave di Base
        • Il CMS Typo3 ldquobackendrdquo e ldquofrontendrdquo
        • Cambio password di accesso
        • Albero delle pagine
        • Implementazione delle pagine ldquogenitori rdquo e ldquofiglirdquo
        • Inserimento Nuova pagina
        • Elementi standard della pagina
        • Inserimento contenuti di una pagina
        • Contenuti multipli allrsquointerno di una pagina
        • Modifica dei contenuti della pagina
        • Spostamento di pagine
        • Eliminazione pagine
        • Rich Text Editor
        • Modalitagrave Lista
        • Modalitagrave Mostra
        • Modalitagrave ldquoMonta come radice dellrsquoalberordquo
        • Ottenere il page-id di una pagina
        • Admin Panel
          • La Clipboard
            • Copia o spostamento di un contenuto singolo di pagina allrsquointerno di unrsquoaltra pagina
            • Copia o spostamento di piugrave contenuti da una pagina ad unrsquoaltra
              • Modulo DAM (Digital Asset Management)
                • Caricamento e Aggiornamento di file
                • Ricerca di file allrsquointerno del DAM e modifica delle meta-informazioni
                  • Modulo Pagine di download
                    • Inserimento e configurazione pagine di download
                      • Modulo Sitemap
                        • Scheda di configurazione Mappa
                        • Tipo di mappa
                        • Il ``punto di partenza della mappa
                          • Modulo News
                            • Inserimento e modifica di news
                            • Modalitagrave Relations
                            • News collegata a URL esterna e a pagina interna
                            • Eliminazione delle News
                            • Ordinamento delle News e ricerca
                              • Modulo Eventi
                                • Scopo del modulo Eventi
                                • Il Backend ndash Modulo Pagina
                                • Il Backend ndash Modulo Lista
                                • Creazione di un evento
Page 19: DocWeb€¦ · per la realizzazione e la gestione di siti web della Pubblica Am-ministrazione. La piattaforma tecnologica utilizzata è il CMS (Content Management System) Open SourceTypo31

DocWeb Release 101

Ersquo inoltre possibile anche se sconsigliabile associare un link allrsquointestazione cambiare la sua posizioneinserire una data

Testo

Rappresenta con il suo grande quadrilatero bianco lrsquoarea allrsquointerno della quale andremo ad inserire ilnostro testo

Digitando un semplice testo in visualizzazione questo assumeragrave colore dimensione e carattere inconformitagrave allo stile preimpostato per le pagine del sito

Per la formattazione del testo saragrave possibile usare lo strumento RTE (di seguito descritto)

Opzioni generali (parametri di visibilitagrave)

Apparizione programmata

Cliccando accanto al quadrato della voce ldquoInizio rdquo e ldquoFinerdquo si attiveragrave un modulo data che ci consentiragravedi impostare le date di Inizio pubblicazione e di Fine pubblicazione (depubblicazione) di una pagina

Potremo quindi stabilire quando una pagina dovragrave essere pubblicata eo quando dovragrave cessare di esserevisibile on-line La programmazione dellrsquoinizio di pubblicazione non implica che ci sia necessariamenteuna fine e vice versa

Ciograve significa che potremo quindi decidere di pubblicare una pagina in una certa data e che la pubblicazioneduri nel tempo (almeno fino a quando non decideremo di togliere la visualizzazione on-line manualmente)

Pagine nascoste

Ersquo possibile nascondere il contenuto delle pagine cliccando il quadrato a sinistra della voce ldquoNascondirdquoScegliendo questa opzione la pagina continueragrave ad esistere ma non saragrave visibile il suo contenuto

Lrsquoopzione si rileva particolarmente utile in caso di pagina strutturata su contenuti multipli

28 Contenuti multipli allrsquointerno di una pagina

Avendo creato una pagina potremo in ogni momento svilupparla ulteriormente aggiungendo ulterioricontenuti

Clicchiamo sul menugrave di sinistra sulla voce ldquoPaginardquo in modo da caricare il menugrave centrale contenentelrsquoalberatura del sito

Clicchiamo sul titolo della pagina da modificare con il pulsante sinistro oppure con il destro e scegliamoldquomodificardquo

A destra si apriragrave il nostro ambiente di lavoro come nella figua Modifica contenuto normale (page 17)

Vedremo in pratica la stessa schermata proposta per la creazione di una nuova pagina con lrsquoaggiunta dialcune icone come indicato in figura

1 Modifica

2 Nuovo record

3 Cerca Stringa

Cliccando su Modifica comrsquoegrave intuibile saremo riportati nella pagine dellrsquoeditor dove potremo modificareil nostro testo link immagini ecc

Cliccando su nuovo record invece avremmo la possibilitagrave di aggiungere un nuovo contenuto alla paginae nella posizione che sceglieremo

28 Contenuti multipli allrsquointerno di una pagina 16

DocWeb Release 101

Figura 219 Modifica contenuto normale

28 Contenuti multipli allrsquointerno di una pagina 17

DocWeb Release 101

Il contenuto non avragrave vincoli con i record precedenti pur apparendo nella stessa pagina del frontend Ciogravegarantisce una vantaggiosa gestione delle pagine che suddivise in ldquosezionirdquo potranno essere di volta involta pubblicate cancellate modificate a blocchi di contenuto senza toccare lrsquointera pagina

Si potragrave suddividere la stessa pagina in diverse aree (record) ossia ldquocontenuti multiplirdquo via via aggiornabilianche da altri utenti di redazione

Ersquo inoltre possibile effettuare una ricerca su di un contenuto di tipo testuale allrsquointerno delle pagine edei record utilizzando il campo ldquoCerca Stringardquo La ricerca puograve essere effettuata allrsquointerno della paginae dei suoi record ed estesa anche ai livelli inferiori

29 Modifica dei contenuti della pagina

Creata una pagina potremo modificarla ogni volta che saragrave necessario

Per modificare una pagina saragrave sufficiente selezionarla dal menugrave portandosi con il cursore del mouse aldi sopra del titolo e cliccando con il pulsante destro su di essa (figura Modifica pagina (page 18))

Una pagina da modificare potragrave anche essere raggiunta tramite la ricerca dellrsquoID (vedi capitolo 3 Alberodelle pagine)

Scegliere la voce ldquomodificardquo dal menugrave a tendina che si apriragrave dopo il click

Figura 220 Modifica pagina

A destra nellrsquoarea principale si apriragrave la schermata riportante il contenuto della pagina selezionata

Potremo scegliere lrsquoelemento da modificare cliccando sullrsquoicona matita

Nota Ricordarsi sempre di salvare per rendere effettive le modifiche e di ricontrollare la visualizzazionedella pagina modificata

Per modificare lrsquointestazione di una pagina egrave sufficiente selezionare la voce ldquoModifica intestazionirdquo dalmenugrave portandosi con il cursore del mouse al di sopra del titolo e cliccando con il pulsante destro su diesso (figura Menu modifica intestazioni pagina (page 19))

210 Spostamento di pagine

Oltre le modifiche stilistiche testuali e di contenuto di una pagina possiamo modificarne la posizione

29 Modifica dei contenuti della pagina 18

DocWeb Release 101

Figura 221 Menu modifica intestazioni pagina

Per spostare la posizione di una pagina allrsquointerno di un menugrave selezioniamola dal menugrave principale conclick sinistro del mouse

Nella schermata di destra scegliamo lrsquoicona

Si apriragrave un menugrave che ci mostreragrave lrsquoalberatura del nostro sito (esattamente come per lrsquoinserimento diuna nuova pagina) composto da pagine principali (genitori) e pagine ad esse collegate (figli)

A questo punto dovremo solo scegliere dove spostare la pagina muovendoci sulle frecce grigie sottostantie sovrastanti le varie voci di menugrave

Avvertimento Spostando una pagina genitore anche i figli vengono spostati con esso

211 Eliminazione pagine

Per eliminare le pagine egrave sufficiente selezionare la pagina in questione dal menugrave principale cliccando conil pulsante destro del mouse su di essa e scegliere la voce del menugrave a tendina che si apriragrave ldquoCancellardquo

Avvertimento Non egrave possibile cancellare una pagina genitore Ossia non egrave possibile cancellareuna pagina che al suo interno contiene altre pagine prima che questrsquoultime trovino una collocazionealternativa

212 Rich Text Editor

Quando si inserisce un contenuto nellrsquoarea di testo (inserito digitando direttamente allrsquointerno dellrsquoap-posita area o copiato e incollato da fonte esterna con la dovuta cautela) egrave possibile personalizzarlo eformattarlo utilizzando le funzionalitagrave previste dal Rich Text Editor (RTE)

Nota Un testo copiatoincollato da altri programmi va ldquoripulitordquo prima di essere pubblicato poicheacuteil modulo che utilizzeremo tende a mantenere la formattazione originaria del carattere delle immaginidei colori falsando la linea grafica omogenea e standard del nostro portale

In ogni modo quando si salva un documento il cui testo conteneva una formattazione proveniente ad es-empio da un documento di tipo word questo viene automaticamente ldquoripulito nel codicerdquo ed egrave opportunocontrollare la visualizzazione

211 Eliminazione pagine 19

DocWeb Release 101

Proviamo ad inserire ad esempio una semplice frase allrsquointerno del box testo (figura Box testo RTE(page 20))

Figura 222 Box testo RTE

La frase viene digitata direttamente nellrsquoarea testo mantenendo un tipo di formattazione ldquonormalerdquo

2121 Testo grassetto corsivo sottolineato (bold italic underline)

Proviamo a selezionare la frase ldquoProvincia di Pesaro e Urbinordquo tenendo premuto il pulsante sinistro delmouse trascinando il cursore dalla P di Provincia alla o di Urbino

In alternativa portare il cursore alla P di Provincia tenere tasto maiuscolo premuto e muoversi con lefrecce per selezionare il testo

Lrsquoesempio egrave utile per capire che per effettuare una determinata azione di tipo stilistico su una frase oparola egrave necessario che la frase o la parola siano preventivamente selezionate

Figura 223 Comandi box testo RTE

212 Rich Text Editor 20

DocWeb Release 101

Se il testo egrave stato selezionato correttamente vedremo la parola ldquoProvincia di Pesaro e Urbinordquo evidenziatadi blu scuro

Click sinistro sul simboloicona ldquoBrdquo (figura Comandi box testo RTE (page 20)) per creare un effettoldquograssettordquo al testo

Click sinistro sul simboloicona ldquoIrdquo per il corsivo-italico

Click sinistro sul simboloicona ldquoU ldquo per il sottolineato

Nota Il Grassetto dona alle parole un sapore piugrave incisivo e si utilizza per enfatizzare termini importantie di rilievo

LrsquoItalico viene usato comunemente per indicare le date gli indirizzi le citazioni

Il Sottolineato su web viene comunemente usato nelle parole ldquolinkaterdquo (ossia che rimandano ad altrepagine web) per cui se ne sconsiglia lrsquouso in un testo semplice per evitare confusione

2122 Elenco Puntato e Numerato

Portiamoci con il cursore allrsquointerno della box di testo

Selezioniamo lrsquoicona Lista non numerata (Elenco puntato semplice)

Vedremo comparire un simbolo tontoromboidale e potremo dare vita ad una lista

bull Voce 1

bull Voce 2

bull Voce 3 ecc

Allo stesso modo potremo creare una lista numerata avvalendoci dellrsquoicona ldquoLista numeratardquo

Lrsquoelenco viene numerato

1 Voce 1

2 Voce 2

3 Voce 3 ecc

2123 Pulsanti di Annulla e Ripristina

Compiuta una determinata azione egrave possibile tornare indietro o ripristinarla tramite i pulsanti ldquoAnnullalrsquoultima azionerdquo e ldquoRifai lrsquoultima azionerdquo

Piugrave volte si clicca sui pulsanti piugrave volte lrsquoazione viene ripetuta indietro ed avanti nel tempo

2124 Copia Taglia Incolla

Selezionando un testo potremo tagliarlo copiarlo e incollarlo

Copia selezionare il testo utilizzare lrsquoicona ldquocopia selezionerdquo per copiare

Taglia il testo viene eliminato ma resta in memoria per essere eventualmente incollato altrove odefinitivamente cancellato Ersquo possibile tenere in memoria solo lrsquoultimo testo o parola tagliato

Incolla Un testo precedentemente copiato o tagliato puograve essere incollato nuovamente o su diversoambiente

212 Rich Text Editor 21

DocWeb Release 101

2125 Rimuovi Formattazione

Ersquo possibile che il testo importato e incollato nellrsquoarea testo da altra fonte (es documento word) sildquosporchirdquo e ne acquisisca le caratteristiche stilistiche in maniera non corretta

Ersquo necessario pulire il testo selezionandolo e cliccando su ldquorimuovi formattazionerdquo

Si apriragrave un pop-up (nuova finestra) che ci proporragrave diversi elementi da pulire selezioniamo ciograve che ciinteressa e clicchiamo su OK

2126 Inserisci Caratteri Speciali

Alcune volte puograve essere necessario inserire dei caratteri o simboli non presenti sulla tastiera o nonconvenzionali per i quali esiste una mappa di caratteri speciali

Il sistema propone diversi tipi di caratteri speciali tra i piugrave comuni e frequentemente usati per adoperarliegrave sufficiente cliccare sullrsquoapposita icona ldquoInserisci Caratteri Specialirdquo

Una finestra ci mostreragrave una vasta gamma di simboli tra i quali potremo scegliere quello che ci interessa

2127 Inserisci Tabella

Per agevolare lrsquoinserimento di dati numerici in forma ldquoTabellarerdquo si puograve ricorrere allrsquoinserimento di unatabella contraddistinta dallrsquoapposito simbolo

La tabella puograve essere immaginata come una quaderno a ldquoquadrettirdquo dove ogni ldquoscacchettordquo corrispondead una cella

Scegliendo di inserire una tabella si apriragrave una finestra pop-up dove andremo ad inserire parametridi spaziatura fra celle numero di righe e colonne che compongono la tabella spessore del bordoallineamento rispetto alla pagina ecc

2128 Link

Ogni sito egrave composto da pagine consultabili e collegate tra loro tramite link

I link sono i collegamenti presenti sulle voci di menugrave parole immagini ecc

Ersquo possibile collegare pagine appartenenti ad uno stesso sito un indirizzo web di un sito esterno ounrsquoe-mail un file da scaricare un immagine ecc

Nota Immettendo nel testo un indirizzo web o e-mail completo il programma egrave in grado di capireautomaticamente che si tratta di un link e collegare gli elementi automaticamente

Volendo invece collegare elementi non scritti in forma completa si dovragrave procedere come segue

Selezioniamo la parola o frase che vogliamo collegare (come precedentemente visto) e clicchiamo sullrsquoiconaldquoInserisci Linkrdquo

Si apriragrave un pop-up come indicato nella prossima figura

Link ad una pagina interna al sito

La finestra ci propone lrsquoalberatura del nostro sito con le pagine in esso presenti (La voce attiva egraveldquopaginardquo di colore giallomarrone rispetto alle altre voci del pop-up)

Selezionando (figura Link interno (page 23)) la pagina che vorremo collegare il pop-up si chiuderagrave e laparola che avevamo selezionato precedentemente per il link cambieragrave aspetto

La vedremo blu e sottolineata il che indica che il link egrave attivato

212 Rich Text Editor 22

DocWeb Release 101

Figura 224 Link interno

Ersquo anche possibile creare dei link che aprono la pagina collegata allrsquointerno di una ldquofinestra di pop-uprdquocioegrave dentro una nuova finestra del browser Specificando le dimensioni di altezza e larghezza della nuovafinestra allrsquointerno degli appositi campi

Link ad una pagina esterna al sito

Selezioniamo una parola o frase che vogliamo collegare (come precedentemente visto) e clicchiamosullrsquoicona ldquoInserisci Linkrdquo

Scegliamo nel menugrave in alto proposto dal pop-up il bottone ldquoURL esternordquo (figura Link esterno (page 23))

Figura 225 Link esterno

Impostiamo nel campo URL lrsquoindirizzo web che vogliamo linkare prestando attenzione a scriverlo peresteso e senza cancellare http

Clicchiamo su ldquoImposta Linkrdquo

Il pop-up si chiuderagrave e la parola che avevamo selezionato precedentemente per il link cambieragrave aspetto

212 Rich Text Editor 23

DocWeb Release 101

La vedremo blu e sottolineata il che indica che il link egrave attivato

2129 Link ad unrsquoEmail

Come precedentemente visto scrivendo un indirizzo e-mail valido il programma di gestione egrave in grado dicapire che si tratta di un indirizzo di posta elettronica e il link viene impostato automaticamente

Tuttavia ci sono dei casi in cui non egrave possibile o si preferisce non indicare lrsquoindirizzo e-mail per estesoad esempio potremmo avere ldquoPer informazioni scrivicirdquo

Volendo potremmo fare in modo che sulla parola ldquoscrivicirdquo ci sia impostata la funzione di invio e-mail

Selezioniamo quindi la parola andiamo su ldquoInserisci Linkrdquo scegliendo poi ldquoEmailrdquo

Inseriamo lrsquoindirizzo E-mail nellrsquoapposito campo e clicchiamo su ldquoimposta Linkrdquo

21210 Link ad un file scaricabile

Per collegare un file (espdf txt gif ecc) egrave necessario copiarlo dal proprio PC al server web

Non egrave infatti possibile che una pagina pubblicata su internet prenda come link dei files che di fatto sonosalvati in una directory del nostro computer

Typo3 mette a disposizione un area dovrsquoegrave possibile pubblicare i files per poi essere resi disponibili ai linkossia rende disponibile lrsquo ldquoUploadrdquo dei files da pc a server

Scegliere dal menugrave di sinistra sotto la sezione ldquoMediardquo la voce ldquoFilerdquo (figura Seleziona file (page 24))

Figura 226 Seleziona file

Si apriragrave sulla destra una nuova area dove troveremo i campi utili a ldquosfogliarerdquo il contenuto del nostropc al fine di passare i file o i files dal nostro computer al manager

Effettuato il passaggio potremo ritornare alla nostra pagina e riprendere la procedura di ldquocreazione linkrdquoselezionando questa volta la voce ldquoFilerdquo del pop-up

I campi proposti sono del tutto simili a quelli di creazione di link su pagine del sito e un elenco di files(tutti quelli disponibili caricati) potranno essere collegati

213 Modalitagrave Lista

Selezionando la voce ldquolistardquo (figura Backend modalitagrave lista (page 25)) dal menugrave di sinistra egrave possibileesplorare una pagina ldquopadrerdquo e tutte le pagine ldquofiglirdquo ed essa associate

Avvertimento Ricordarsi di attivare la voce in basso ldquoVista Estesardquo

213 Modalitagrave Lista 24

DocWeb Release 101

Figura 227 Backend modalitagrave lista

Utilizzando le icone poste alla destra di ogni voce si possono compiere diverse operazioni di modificavisualizzazione spostamento copia e incolla pagina ecc come precedentemente descritto

Dunque potremo dire che la modalitagrave lista costituisce una scorciatoia per semplificare ogni sorta dioperazione soprattutto in presenza di un numero considerevole di files

214 Modalitagrave Mostra

Figura 228 Backend modalitagrave mostra

Selezionando la voce ldquoMostrardquo (figura Backend modalitagrave mostra (page 25)) dal menugrave di sinistra egrave possibilenavigare il sito allrsquointerno del docweb direttamente nel backend

214 Modalitagrave Mostra 25

DocWeb Release 101

Inoltre accanto ai vari record troveremo posta lrsquoicona matita per eseguire eventuali modifichedirettamente sul punto e la pagina prescelti

Anche la modalitagrave ldquoMostrardquo come la rdquoListardquo (cap 13) costituisce una scorciatoia particolarmente indicataper semplificare lrsquooperazione di visualizzazione del sito e di modifica

215 Modalitagrave ldquoMonta come radice dellrsquoalberordquo

Quando esistono diverse e numerose pagine egrave possibile gestire solo la porzione di contenuto che ci interessariducendo lrsquoalberatura del sito (lato backend) ai minimi termini mediante il comando ldquomonta come radicedellrsquoalberordquo

Per effettuare il comando procedere come segue

Cliccare con il pulsante destro del mouse sul titolo pagina dal menugrave centrale

Selezionare la voce ldquoaltre opzionirdquo dal menugrave a tendina (figuraMenu altre opzioni (page 26)) che compariragravecome conseguenza dellrsquoazione descritta al punto uno

Figura 229 Menu altre opzioni

Selezionare dallrsquoulteriore menugrave che si apriragrave (figura Seleziona monta come radice (page 26)) la voceldquoMonta come radice dellrsquoalberordquo

Figura 230 Seleziona monta come radice

Lrsquoalberatura si ridurragrave automaticamente mostrando solo la porzione selezionata

Per ripristinare lo stato di partenza selezionare la voce in alto nel menugrave centrale (figura Elimina DBmount (page 26)) ldquoElimina DB mount temporaneordquo

Figura 231 Elimina DB mount

Il menugrave si espanderagrave nuovamente mostrando tutte le voci esistenti

215 Modalitagrave ldquoMonta come radice dellrsquoalberordquo 26

DocWeb Release 101

216 Ottenere il page-id di una pagina

2161 Frontend (FE)

Da frontend si puograve ottenere il page-id della pagina corrente nei seguenti modi

1 dalla barra degli indirizzi del proprio browser (figura Id dallrsquourl (page 27)) Il numero della paginaegrave quello dopo la stringa ldquoid=rdquo Nella figura egrave cerchiata in verde la stringa ldquoid=rdquo e il numero dellapagina (page-id)

Figura 232 Id dallrsquourl

2 Puntando il mouse sulla scritta [id] a pieacute pagina e leggendo il tooltip (figura Id dal tooltip (page 27))

Figura 233 Id dal tooltip

3 Solo per browser Firefox dal menugrave di contesto scegliere la voce ldquoVisualizza info paginardquo si apreuna finestra consultare quindi la lista Meta sotto la scheda Generale (Id dagli attributi (page 28))

2162 Backend (BE)

Da backend egrave possibile ottenere il page-id nei seguenti modi

1 leggendo il tooltip puntando il mouse sullrsquoicona della pagina nel riquadro della struttura del sito(figura Id dal tooltip nel backend (page 28))

2 dal modulo di modifica delle intestazioni della pagina (figura Id dalle intestazioni pagina nel backend(page 28)) Il numero egrave tra le parentesi quadre dopo il titolo della pagina

217 Admin Panel

Quando si inseriscono contenuti con Typo3 (backend) egrave possibile visualizzare unrsquoanteprima della paginache si sta creando per vedere i risultati del lavoro svolto

Per visualizzare unrsquoanteprima di una pagina occorre (figura Menu mostra (page 29))

1 posizionarsi sulla pagina da visualizzare

2 premere il tasto sinistro del mouse in corrispondenza del nome

216 Ottenere il page-id di una pagina 27

DocWeb Release 101

Figura 234 Id dagli attributi

Figura 235 Id dal tooltip nel backend

Figura 236 Id dalle intestazioni pagina nel backend

217 Admin Panel 28

DocWeb Release 101

Figura 237 Menu mostra

3 selezionare la voce Mostra

In base alla pagina scelta si avragrave un risultato come quello visualizzato nella figura Anteprima pagina conAdmin panel (page 29)

Figura 238 Anteprima pagina con Admin panel

La pagina presenteragrave nella parte superiore lrsquoanteprima della pagina Nella parte inferiore vienevisualizzato uno strumento denominato Admin Panel

Questo oggetto offre lato front-end alcune funzionalitagrave (figura Moduli Admin panel (page 30)) cheaiutano i gestori di contenuti nella creazionemodifica delle pagine web del sito

NellrsquoAdmin panel (figura sopra) egrave possibile distinguere

217 Admin Panel 29

DocWeb Release 101

Figura 239 Moduli Admin panel

1 Modulo Preview ndash offre la possibilitagrave di selezionare alcune opzioni sulla pagina per simulare alcunesituazioni in cui la pagina si puograve trovare durante la visualizzazione

2 Modulo Cache ndash offre la possibilitagrave di gestire la cache

Allrsquointerno del modulo Preview abbiamo le seguenti voci

Mostra pagine nascoste selezionando la casella di controllo corrispondente a questa voce si visual-izzeranno anche quelle che attualmente non sono visibili allrsquointerno del sito o perchegrave in lavorazioneo perchegrave ancora non egrave stata data lrsquoautorizzazione alla pubblicazione

Mostra record nascosti come per le pagine questa voce offre la possibilitagrave di poter visualizzare allrsquoin-terno della pagina quei contenuti nascosti che non sono ancora ultimati o che sono in attesa di unautorizzazione per la pubblicazione

Simula data con questo controllo egrave possibile simulare il comportamento della pagina in periodi tem-porali diversi Utilizzando la casella di testo egrave possibile inserire delle date In questo modo sirende possibile la visualizzazione di quegli elementi (ad es pagine news ) che sono abilitati acomparirescomparire in base a determinati criteri temporali impostati

Simula gruppo di utenti con questo controllo egrave possibile simulare il comportamento delle pagine inbase ad un determinato gruppo di utenti che vi accede Alcune pagine possono infatti avere uncomportamento diverso in base al tipo di utente che vi accede

Nota Durante la creazione di pagine egrave possibile restringere la visione di una determinata pagina aparticolari tipi di utenti (utenti di frontend) Questa caratteristica offre la possibilitagrave di definire delle areead accesso riservato del sito ossia sezioni del sito a cui egrave possibile accedere solo dopo essersi autenticatie dopo avere avuto i necessari diritti di accesso

Una volta selezionate le opportune scelte allrsquointerno dellrsquoADMIN Panel occorreragrave premere il tasto Aggior-na (figura Aggiorna Admin panel (page 31)) per prendere visione della pagina secondo i criteri impostati

Nota Nel caso in cui lrsquoutente abbia la possibilitagrave di accedere da back-end a piugrave siti (ciascuno con unproprio dominio) bisogna tenere presente che lrsquoADMIN Panel compare soltanto per le pagine relativeal dominio con cui lrsquoutente ha fatto il login In altre parole se un operatore ad esempio egrave abilitatoa lavorare sulle pagine di backend dei siti httpwwwsitoesempio1it e httpwwwsitoesempio2it ese lrsquooperatore accede al backend di DocWeb con lrsquoindirizzo httpwwwsitoesempio1ittypo3 allora

217 Admin Panel 30

DocWeb Release 101

Figura 240 Aggiorna Admin panel

lrsquoADMIN Panel compariragrave solo sulle pagine di frontend del dominio wwwsitoesempio1it e non su quelledel dominio wwwsitoesempio2it

217 Admin Panel 31

CAPITOLO 3

La Clipboard

Lrsquooggetto clipboard (rdquoblocco degli appuntirdquo) egrave molto utile quando si ha la necessitagrave di copiare o spostareuno o piugrave elementi di contenuto o una o piugrave pagine da una sezione del sito (contenitore di pagine) adunrsquoaltra

31 Copia o spostamento di un contenuto singolo di pagina allrsquointernodi unrsquoaltra pagina

Per prima cosa egrave necessario (figura Identifica contenuto (page 32))

Figura 31 Identifica contenuto

1 selezionare la voce Lista

2 selezionare la pagina che contiene il contenuto che si intende copiare (nella figura abbiamo sceltola pagina denominata ldquoCorso di formazione su Typo3rdquo

32

DocWeb Release 101

3 identificare dalla lista dei contenuti associati alla pagina quello da spostare

Supponiamo che si desideri copiare il contenuto denominato ldquoTesto 2rdquo (figura Copia contenuto (page 33))

Figura 32 Copia contenuto

Egrave sufficiente cliccare sullrsquoicona (nella figura sopra evidenziata con un cerchio rosso) di copia incorrispondenza del contenuto da copiare

Dopo avere eseguito questa operazione nella figura Risultato copia contenuto (page 34) possiamo notare

1 Egrave comparsa unrsquoicona nuova che mette in evidenza che nella clipboard egrave presente un elemento

2 Lrsquoicona di copia in corrispondenza del contenuto da spostare ha cambiato aspetto

A questo punto lrsquooggetto che si intende copiare egrave presente nella nostra clipboard

Il passo successivo egrave quello di selezionare la pagina in cui andare a posizionare lrsquoelemento (paginadestinazione)

Rimanendo sempre allrsquointerno del modulo Lista occorreragrave selezionare dallrsquoalberatura delle pagine la pag-ina destinazione Il procedimento da seguire per posizionarsi sulla pagina egrave lo stesso descritto in prece-denza Nella figura Incolla contenuto (page 34) viene evidenziato il contenuto di una pagina (denominataldquoPagina di Provardquo) in cui vogliamo copiare il contenuto

Per copiare il contenuto della clipboard nella pagina selezionare lrsquoicona Incolla contenuto Clipboard

Confermando lrsquooperazione il contenuto saragrave copiato allrsquointerno della pagina selezionata

Per effettuare lo spostamento di un contenuto di pagina allrsquointerno di unrsquoaltra pagina cliccare sullrsquoicona

di Taglia al posto dellrsquoicona copia e ripetere le operazioni sopra descritte

1 Selezionando la casella Mostra clipboard (figura Vista clipboard (page 35)) egrave possibile visualiz-zare lrsquooggetto clipboard Nel caso in figura lrsquoelemento copiato in precedenza (Testo 2) egrave ancoradisponibile allrsquointerno della clipboard Utilizzando il procedimento descritto infatti il contenuto

31 Copia o spostamento di un contenuto singolo di pagina allrsquointerno di unrsquoaltra pagina 33

DocWeb Release 101

Figura 33 Risultato copia contenuto

Figura 34 Incolla contenuto

31 Copia o spostamento di un contenuto singolo di pagina allrsquointerno di unrsquoaltra pagina 34

DocWeb Release 101

selezionato rimane ancora a disposizione dellrsquoutente che potragrave selezionare altre pagine destinazionesu cui eventualmente andare a copiare il contenuto Nel caso in cui si selezioni un altro elementoad esempio ldquoTesto 1rdquo lrsquoelemento presente viene automaticamente sostituito

2 Dallrsquooggetto clipboard egrave possibile rimuovere un elemento premendo il bottone di Elimina postoaccanto ad esso

Figura 35 Vista clipboard

Con il procedimento descritto fino ad ora egrave possibile scegliere soltanto un contenuto alla volta

32 Copia o spostamento di piugrave contenuti da una pagina ad unrsquoaltra

Nel caso in cui ci si trovi nella necessitagrave di copiare piugrave di un contenuto da una pagina allrsquoaltra egrave necessarioseguire i passi seguenti

1 Selezionare il modulo Lista

2 Selezionare la pagina di origine da cui prelevare i contenuti

3 Selezionare la casella Mostra clipboard

4 Selezionare una clipboard tra quelle denominate ldquoClipboard 1rdquo ldquoClipboard 2rdquo ldquoClipboard 3rdquo(punto 3 figura Vista clipboard con contenuto selezionato (page 36))

Selezionando ad esempio la clipboard contrassegnata come ldquoclipboard 1rdquo si avragrave la seguente situazione

32 Copia o spostamento di piugrave contenuti da una pagina ad unrsquoaltra 35

DocWeb Release 101

Figura 36 Vista clipboard con contenuto selezionato

32 Copia o spostamento di piugrave contenuti da una pagina ad unrsquoaltra 36

DocWeb Release 101

1 In corrispondenza di ogni contenuto si evidenzia una Casella di selezione Sopra la colonna con lecaselle di selezione egrave comparsa una lista di bottoni tra cui al momento distinguiamo

2 Bottone di copia elementi nella clipboard

3 Bottone di selezione tuttinessuno

Scegliendo ad esempio i primi due elementi e premendo il pulsante di copia elementi nella clipboard sipuograve notare che (figura Copia nella clipboard (page 37))

Figura 37 Copia nella clipboard

1 La clipboard che abbiamo scelto per la selezione multipla (ldquoClipboard 1rdquo) contiene la lista deglioggetti che abbiamo scelto di copiare

2 Ersquo comparsa lrsquoicona di Incolla contenuto Clipboard

La procedura della selezione della pagina di destinazione rimane identica a quella giagrave utilizzata per lacopia di un contenuto singolo (selezionare la pagina di destinazione su cui andare a posizionare i contenutiselezionati)

Egrave importante fare notare che seguendo le operazioni descritte sopra si ottiene come risultato lospostamento dei contenuti dalla pagina origine a quella destinazione

Se si desidera copiare gli elementi selezionati egrave necessario una volta selezionati gli elementi da copiarepremere il tasto copia gli items invece di spostarli (evidenziato con un cerchio rosso nella figura Tagliadalla clipboard (page 38))

32 Copia o spostamento di piugrave contenuti da una pagina ad unrsquoaltra 37

DocWeb Release 101

Figura 38 Taglia dalla clipboard

32 Copia o spostamento di piugrave contenuti da una pagina ad unrsquoaltra 38

DocWeb Release 101

In questo modo dopo avere confermato lrsquooperazione i contenuti o le pagine da copiare saranno presentisia nella pagina origine che in quella destinazione

32 Copia o spostamento di piugrave contenuti da una pagina ad unrsquoaltra 39

CAPITOLO 4

Modulo DAM (Digital AssetManagement)

Il modulo DAM (Digital Asset Management) offre la possibilitagrave di raccogliere e catalogare contenuti informato digitale come immagini documenti presentazioni

Ogni file inserito puograve essere corredato di informazioni aggiuntive (meta-informazioni) come la descrizionelrsquoautore parole chiave ecc

Attraverso il modulo DAM egrave possibile svolgere le seguenti operazioni

bull Caricamento e Aggiornamento di file

bull Ricerca di file allrsquointerno del DAM e modifica delle meta-informazioni associate ai file

41 Caricamento e Aggiornamento di file

Lrsquooperazione di CaricamentoAggiornamento di file serve per sottoporre al sistema DAM un particolarecontenuto memorizzato in formato digitale

Lrsquoelemento caricato saragrave poi disponibile a chi inserisce contenuti

Per iniziare lrsquooperazione di caricamento di un file egrave sufficiente selezionare la voce File che si trovaallrsquointerno del modulo Media (figura Menu file (page 41))

La maschera che si apre (figura File upload (page 41)) offre le seguenti possibilitagrave

1 Selezione della posizione dove andare a caricareaggiornare il file

2 Specificare alcuni documenti da caricare (area File)

Concentrandoci sullrsquoarea File (figura Dettaglio file upload (page 42)) distinguiamo

1 Voce Show upload location browser (punto 1 figura sopra) egrave possibile visualizzare i file attualmentecaricati nel Mount Point selezionato

2 Lista di bottoni denominati Sfoglia da utilizzare nel caso in cui si desideri caricareaggiornareun file

Se si desidera caricare un file occorre cliccare sul bottone Sfoglia

La finestra che appare (figura Sfoglia file (page 42)) permette di selezionare dal proprio PC il file dacaricare

Per selezionare un file da caricare occorre

1 Esplorare le cartelle del proprio PC per trovare il file

40

DocWeb Release 101

Figura 41 Menu file

Figura 42 File upload

41 Caricamento e Aggiornamento di file 41

DocWeb Release 101

Figura 43 Dettaglio file upload

Figura 44 Sfoglia file

41 Caricamento e Aggiornamento di file 42

DocWeb Release 101

2 Inserire il nome del file nella casella di testo Nome file

3 Premere il tasto Apri

Una volta che si egrave selezionato un file egrave possibile

1 selezionare altri file da caricare seguendo gli stessi passi descritti in precedenza

2 effettuare lrsquooperazione di caricamento del file vero e proprio

Dallrsquoesempio abbiamo scelto di caricare un solo file

Il caricamento dei file viene eseguito premendo il bottone ldquoUpload filesrdquo che si trova in fondo alla listadei file selezionati (figura File selezionato (page 43))

Figura 45 File selezionato

Se tutto egrave stato eseguito correttamente appariragrave una finestra come quella nella figura Process files(page 44)

In questa maschera egrave possibile

1 Specificare le meta-informazioni per il singolo file come ad esempio il titolo parole chiavedescrizione

2 Avviare il processo di elaborazione multipla premendo il bottone Process selected files Con questoprocesso egrave possibile inserire o modificare le meta-informazioni per tutti i file della lista (in questocaso solo uno)

Se si vuole eseguire lrsquoinserimento delle meta-informazioni per singolo file la finestra che si apre egrave similea quella presentata in figura Elaborazione metainformazioni singolo file (page 44)

Nel caso si scelga di eseguire il processo di elaborazione multipla la maschera che compare (figuraElaborazione metainformazioni file multipli (page 45)) permette di selezionare le meta-informazioni chelrsquoutente intende inserire contemporaneamente per tutti i file della selezione

41 Caricamento e Aggiornamento di file 43

DocWeb Release 101

Figura 46 Process files

Figura 47 Elaborazione metainformazioni singolo file

41 Caricamento e Aggiornamento di file 44

DocWeb Release 101

Figura 48 Elaborazione metainformazioni file multipli

41 Caricamento e Aggiornamento di file 45

DocWeb Release 101

Se si seleziona la checkbox accanto alla voce che eventualmente saragrave inserita questa viene aggiuntaalle informazioni eventualmente giagrave presenti (modalitagrave append) Nellrsquoaltro caso le informazioni sarannosovrascritte

I campi Titolo e Descrizione sono obbligatori mentre il campo Parole chiavi puograve essere valorizzato adiscrezione dellrsquoutente Informazioni su come valorizzare i campi elencati sopra saranno descritte suapposite linee guida

Per completare lrsquoinserimentoaggiornamento delle meta-informazioni riguardanti il file caricato occorrepremere il tasto Send (figura Salva metainformazioni (page 46)) in fondo alla maschera per il salvataggiodelle informazioni

Figura 49 Salva metainformazioni

Tornando alla maschera di caricamento file e selezionando la checkbox in corrispondenza della voceSovrascrivi file esistenti (figura Carica file sovrascrivendo (page 46)) saragrave possibile aggiornare eventualifile che hanno lo stesso nome di quello che stiamo caricando

Questa procedura egrave utile quando si vuole aggiornare il contenuto di un file che egrave giagrave presente nel DAM

Figura 410 Carica file sovrascrivendo

Nel caso di aggiornamento di un file le meta-informazioni del file rimangono le stesse inserite inprecedenza Come si puograve notare non viene offerta la possibilitagrave di inserirne di nuove

Nel caso in cui un file con lo stesso nome sia giagrave caricato e non si desideri aggiornarlo il file inseritoper ultimo viene rinominato con un suffisso generato automaticamente dal DAM In questo caso la voceSovrascrivi file esistenti non deve essere selezionata (figura Carica file senza sovrascrivere (page 47))

Nellrsquoesempio in figura viene presentata la lista dei file presenti nel mount point selezionato

Da notare la presenza di un file che egrave stato rinominato dal DAM con un suffisso ldquo_01rdquo dato che nellastessa posizione era giagrave presente un file con lo stesso nome

41 Caricamento e Aggiornamento di file 46

DocWeb Release 101

Figura 411 Carica file senza sovrascrivere

41 Caricamento e Aggiornamento di file 47

DocWeb Release 101

42 Ricerca di file allrsquointerno del DAM e modifica delle meta-informazioni

Rimanendo sempre allrsquointerno del modulo Media selezioniamo la voce List egrave possibile effettuare dellericerche dei file e modificare le meta-informazioni associate ai file

Nella figura Backend media list (page 48) distinguiamo

Figura 412 Backend media list

1 Parte relativa ai Mount Point disponibili

2 Parte relativa ai tipi di file caricati nel sistema

3 Schede List Thumbnails Selection Process

Da questa sezione egrave possibile effettuare ricerche sui file caricati nel DAM

Le ricerche che si possono eseguire sono del tipo ldquotrova tutti i file pdf e docrdquo oppure ldquoelenca tutti i filedi tipo immagine ad eccezione dei file con estensione gifrdquo

Per prima cosa facendo click sul nome del tipo file (es gif oppure image) si seleziona solo quel tipo difile e si escludono tutti i criteri selezionati in precedenza

Per aggiungere un altro criterio di ricerca egrave sufficiente selezionare il ldquo+rdquo (punto 1 nella figura Criteri diselezione (page 49)) posto accanto al tipo di file che si vuole selezionare

Con il ldquo-ldquo(punto 2) saragrave possibile rimuovere il tipo di file dai criteri di ricerca

Selezionando ldquo=rdquo (punto 3) egrave possibile introdurre clausole del tipo ldquocerca un file che sia doc e presentenel Mount Point chiamato lsquoArea Testrsquordquo (ossia effettua una ricerca che risponda a tutti i criteri impostati)

Nellrsquoesempio della figura Salva selezione (page 49) sono stati selezionati tutti i tipi di immagine adeccezione dei file con estensione gif Questo risultato si ottiene nel seguente modo

1 selezionare il ldquo+rdquo accanto alla voce ldquoimagerdquo

2 premendo il tasto ldquo-ldquo in corrispondenza della voce ldquogifrdquo

I criteri impostati per la selezione possono essere salvati per un uso futuro Per salvare la selezioneoccorre (figura Salva selezione (page 49))

1 riempire il campo sotto la voce SELECTION con un nome che identifichi la ricerca

2 premere il tasto Save per salvare la modalitagrave di ricerca impostata

In questo modo saragrave possibile richiamare e rieseguire la ricerca impostata anche in futuro senza doverripetere il procedimento di scelta dei criteri mostrato in precedenza

42 Ricerca di file allrsquointerno del DAM e modifica delle meta-informazioni 48

DocWeb Release 101

Figura 413 Criteri di selezione

Figura 414 Salva selezione

42 Ricerca di file allrsquointerno del DAM e modifica delle meta-informazioni 49

DocWeb Release 101

Se in futuro saranno inseriti nuovi file che soddisfano la ricerca salvata questi verranno selezionati quandoverragrave richiamata la ricerca salvata

Dalla figura Ricerca salvata (page 50) egrave possibile notare come richiamare la ricerca salvata In questocaso abbiamo salvato la ricerca con il nome ldquoimmaginisenzagifrdquo

Figura 415 Ricerca salvata

Una volta che si egrave selezionata la ricerca egrave possibile

1 Premere il tasto Load per ricaricare la ricerca precedentemente impostata

2 Premere Remove per rimuovere la ricerca salvata

Una volta effettuata una particolare selezione di file egrave possibile (figura Schede backend media list(page 50))

Figura 416 Schede backend media list

1 vedere il contenuto della selezione (schede List e Thumbnails)

2 vedere i criteri impostati per la ricerca (scheda Selection)

3 modificare le meta-informazioni associate ai file (scheda Process) secondo quanto descritto inprecedenza

Nella figura Scheda selection (page 51) egrave visualizzato come selezionando la scheda Selection egrave possibileprendere visione dei criteri impostati nella ricerca (la ricerca egrave quella dellrsquoesempio precedente)

Selezionando le schede List e Thumbnails dopo avere effettuato una qualsiasi selezione si potrebbe avereuna situazione come quella mostrata nella figura Scheda list (page 51)

Cliccando sullrsquoicona corrispondente ad uno dei file presenti nella lista (selezionato con un cerchio rosso)egrave possibile accedere ad un menugrave contestuale (figura Menu contestuale DAM (page 51))che permette disvolgere le seguenti operazioni

Modifica Offre la possibilitagrave di visualizzare e modificare le meta-informazioni associate al file

Rinomina Selezionando la seguente voce egrave possibile assegnare un altro nome al file che si egrave caricato

Replace file Avvia lrsquooperazione di sostituzione del file

Info Visualizza informazioni relative al file

Cancella Rimuove il file dal DAM

42 Ricerca di file allrsquointerno del DAM e modifica delle meta-informazioni 50

DocWeb Release 101

Figura 417 Scheda selection

Figura 418 Scheda list

Figura 419 Menu contestuale DAM

42 Ricerca di file allrsquointerno del DAM e modifica delle meta-informazioni 51

CAPITOLO 5

Modulo Pagine di download

51 Inserimento e configurazione pagine di download

La creazione di pagine di download egrave utile quando si vuole mettere a disposizione una lista di uno o piugravefile in forma scaricabile

Per creare una pagina di download egrave necessario seguire i seguenti passi

1 Creare una pagina standard

2 Inserire il plugin DAM Download List

3 Configurare il plugin

Per creare una pagina egrave sufficiente entrare nel modulo Pagina e selezionare Crea nuovo record per accederealla finestra di creazione pagine

Nellrsquoesempio in figura Backend creazione contenuto (page 52) egrave stata creata la pagina denominata ldquoPaginadownloadrdquo come figlio della pagina ldquoPagina di provardquo

Figura 51 Backend creazione contenuto

Una volta creata la pagina occorre configurarla in maniera tale da permettere la visualizzazione di unalista di file scaricabili Per fare ciograve occorre inserire un plugin denominato ldquoDAM Download Listrdquo Unplugin egrave un contenuto speciale da inserire in una pagina

52

DocWeb Release 101

Per inserirlo come per un contenuto occorre seguire i seguenti passi (figura Backend creazione contenuto(page 52))

1 Selezionare la pagina in cui inserire il plugin Nellrsquoesempio la pagina denominata ldquoPaginadownloadrdquo

2 Selezionare la voce Clicca qui per il wizard nella maschera che compare quando si vuole inserire unnuovo record

Figura 52 Wizard nuovo contenuto

Oltre ai normali contenuti standard il wizard permette di selezionare (figura Wizard nuovo contenuto(page 53))

1 Contenuti speciali

2 Moduli

3 Plugins

Allrsquointerno della lista dei Plugins selezionare DAM Lista dei file scaricabili (punto 4 nella figura Wizardnuovo contenuto (page 53))

Dopo aver selezionato il plugin occorreragrave selezionare la posizione della pagina in cui inserire lrsquoelemento

Selezionare ldquoNormalerdquo

A questo punto il plugin egrave inserito nella pagina desiderata

51 Inserimento e configurazione pagine di download 53

DocWeb Release 101

Oltre allrsquoinserimento occorre configurare il plugin in modo da dirgli quali file far visualizzare

Una volta che il plugin viene inserito viene aperta una finestra (figura Contenuto pagina (page 54)) doveviene richiesto di selezionare dei file inseriti nel sistema

Figura 53 Contenuto pagina

Per proseguire correttamente egrave necessario salvare immediatamente il Contenuto Pagina altrimenti leoperazioni successive potrebbero andare perse

Per inserire i file nella lista occorre effettuare la seguente operazione (figura Contenuto pagina (page 54))

1 Nella parte della maschera denominata DAM Lista di file scaricabili selezionare lrsquoicona SfogliaRecord (cerchiata in rosso) per avviare la procedura di selezione dei file

Selezionando la voce Sfoglia Record verragrave aperto lrsquoElement Browser di TYPO3 che ci permette di se-lezionare i file da inserire nel plugin La finestra (figura Element browser (page 55)) egrave composta di dueschede

1 Media ndash permette di selezionare i file giagrave esistenti nel sistema

2 Upload ndash permette di caricare nuovi file

Selezionando la sezione Media egrave possibile selezionare dalla lista i file da inserire

51 Inserimento e configurazione pagine di download 54

DocWeb Release 101

Figura 54 Element browser

Se la lista dei file fosse troppo lunga egrave possibile effettuare delle ricerche per nome e per tipologia di file(doc htm )

Per cercare per nome (figura Ricerca per nome (page 55)) occorre inserire nella casella di testo Cercastringa (punto 1 nella figura sopra) il nome o parte del nome del file da cercare Una volta specificata lastringa di ricerca premere il tasto Cerca (punto 2)

Figura 55 Ricerca per nome

Per cercare un particolare tipo di file selezionare il nome dellrsquoestensione che si desidera dallrsquoelenco deitipi di file (figura Ricerca per tipo (page 56))

Nota I due tipi di ricerca possono essere usati contemporaneamente

Selezionando la voce informazioni (punto 1 nella figura Selezione file (page 56)) egrave possibile visualizzarele meta-informazioni associate al file

Premendo con il mouse sul nome del file (punto 2) o sullrsquoicona associata (punto 3) si inserisce il file nellalista dei file da far visualizzare nella pagina di download mediante lrsquoapposito plugin

Selezionando la scheda Upload si puograve inserire un file non presente nel sistema (figura Caricamentoimmediato file (page 56))

51 Inserimento e configurazione pagine di download 55

DocWeb Release 101

Figura 56 Ricerca per tipo

Figura 57 Selezione file

Figura 58 Caricamento immediato file

51 Inserimento e configurazione pagine di download 56

DocWeb Release 101

Scegliere i file dal proprio PC seguendo le operazioni giagrave descritte nel modulo DAM e selezionare dallascheda Media i nuovi file inseriti

Nella figura Plugin con file selezionati (page 57) egrave visualizzato un esempio di maschera di configurazionedel plugin con la lista dei file selezionati

Figura 59 Plugin con file selezionati

I file una volta inseriti possono essere ordinati selezionando sugli appositi bottoni posti a destra dellalista file

bull Per ordinare un determinato file occorre

bull Selezionare un file

Premere uno dei tasti (figura sopra) per

1 Spostare in prima posizione

2 Spostare in alto di una posizione

3 Spostare in basso di una posizione

4 Spostare in ultima posizione

5 Rimuovere dalla lista il file selezionato

Una volta eseguiti i passaggi sopra descritti salvare la configurazione del plugin

51 Inserimento e configurazione pagine di download 57

CAPITOLO 6

Modulo Sitemap

Ersquo possibile generare una mappa del sito scegliendo un contenuto speciale di tipo ldquoMappa del Sitordquo comemostrato nella figura Contenuto mappa del sito (page 58)

Figura 61 Contenuto mappa del sito

Per scegliere un record di tipo ldquomappa del sitordquo (per visualizzare cioegrave la vista dei contenuti possibili)saragrave necessario portarsi in modalitagrave ldquopaginardquo compiendo gli stessi passaggi descritti per la creazione dicontenuti semplici in fase di creazione delle pagine (in questo caso selezionando il contenuto specialemappa)

58

DocWeb Release 101

61 Scheda di configurazione Mappa

La scheda di configurazione si presenta come nella figura Scheda mappa del sito (page 59)

Figura 62 Scheda mappa del sito

I campi fondamentali da personalizzare sono lrsquointestazione (ossia il titolo pagina) il tipo di menugrave e ilpunto di partenza Nellrsquointestazione viene inserito come di consuetudine il titolo pagina

62 Tipo di mappa

Ersquo possibile scegliere il tipo di mappa che si desidera creare consultando il menugrave a tendina ldquotipo di menugraverdquoche ci offriragrave diverse opzioni

Le piugrave frequentemente usate sono di tipo ldquoMenugrave delle sottopagine rdquo come indicato nella figura Tipo dimenu (page 60)

Menugrave delle sottopagine di queste pagine Scegliendo questa opzione da una pagina padre sigenereragrave un record che mostreragrave al suo interno tutte le sottovoci figlio con relativo link

Menugrave delle sottopagine di queste pagine (con abstract) Genera una mappa sia delle sottopagineche dei sottotitoli

Menugrave delle sottopagine di queste pagine + sezioni Genera una mappa sia delle sottopagine chedei record (link alle intestazioni dei singoli record)

Selezionando voci di menugrave di sottopagine egrave anche possibile stabilire un determinato punto di partenzasfogliando lrsquoapposito record

61 Scheda di configurazione Mappa 59

DocWeb Release 101

Figura 63 Tipo di menu

63 Il ldquopunto di partenzardquo della mappa

Il ldquopunto di partenzardquo dei Menugrave delle sottopagine Scheda mappa del sito (page 59) costituisce la paginadalla quale il sistema partiragrave per creare la mappa

Si potragrave quindi creare una mappa (di tipo menugrave delle sottopagine) che mostri solamente il percorso diquella porzione di menugrave che si intende mostrare

63 Il ldquopunto di partenzardquo della mappa 60

CAPITOLO 7

Modulo News

71 Inserimento e modifica di news

Alcune sezioni del nostro sito potrebbero essere state configurate per permettere la visualizzazione dinotizie

Per poter visualizzare le news correttamente occorre che queste ultime vengano inserite in una determi-nata posizione allrsquointerno del backend Da questa posizione che chiameremo repository delle news lenostre pagine andranno a prelevare le news da visualizzare al loro interno

Figura 71 Backend news

Nellrsquoesempio presentato nella figura Backend news (page 61) distinguiamo

1 il repository delle news che egrave stato creato

2 Un esempio di come potrebbe apparire il contenuto del repository delle news (lista delle news)

Per poter visualizzare il contenuto del repository delle news occorre seguire i seguenti passi

1 entrare nel modulo Pagina

61

DocWeb Release 101

2 selezionare il repository delle news corrispondente (nellrsquoesempio della figura Backend news (page 61)il Repository delle news si chiama ldquoNews Area Testrdquo)

Poniamo ora la nostra attenzione alla lista delle news (figura Lista news (page 62)) Da qui egrave possibile

bull Inserire una nuova notizia

bull Modificare le notizie giagrave esistenti

Per inserire una nuova notizia occorre selezionare la voce Crea nuovo record (figura Lista news (page 62))posta in fondo alla lista delle news

Figura 72 Lista news

A questo punto si apre la finestra di creazione Nuovo record da cui occorre selezionare la voce News(figura Nuovo record news (page 62))

Figura 73 Nuovo record news

Eseguendo le operazioni sopra descritte si accede alla maschera di inserimento news (figura Inserimentonews scheda generale (page 63))

Questa si compone di due schede una denominata Generale e unrsquoaltra denominata Relations

Nella scheda Generale egrave possibile inserire

Titolo in questo spazio egrave possibile specificare un titolo della news

Nascondi questo controllo determina se la news egrave pubblicabile oppure no Come avviene per le pagineanche per le news egrave consigliabile tenere la news nascosta durante la lavorazione Facciamo notare

71 Inserimento e modifica di news 62

DocWeb Release 101

Figura 74 Inserimento news scheda generale

71 Inserimento e modifica di news 63

DocWeb Release 101

che appena viene aperta la maschera di inserimento di una nuova news il controllo appare giagrave instato nascosto

Dataora in questo spazio viene indicata la data e lrsquoora della creazione della news in base ai parametridi sistema

Data Archiviazione in questo spazio viene inserita la data di Archiviazione di una news

Autore permette di specificare un autore della news

Email permette di specificare un e-mail a cui fare riferimento

Sottointestazione questo campo conterragrave una breve descrizione (abstract) della news La sottointes-tazione egrave quella parte della news che compare quando viene visualizzata la lista delle news e serveper dare una breve descrizione al contenuto della news (si veda Esempio news (page 64))

Figura 75 Esempio news

Durante lrsquoinserimento di una news egrave consigliabile specificare sempre una sottointestazione

Testo egrave il campo che contiene il contenuto vero e proprio della news Egrave possibile utilizzare tutte lefunzionalitagrave messe a disposizione dallrsquoeditor RTE

72 Modalitagrave Relations

Nella modalitagrave Relations (figura Inserimento news scheda relations (page 65)) egrave possibile inserire

Immagini contiene una lista di immagini da associare alla news Il procedimento per la se-lezionecaricamento delle immagini egrave stato descritto nella parte dedicata alla creazione di paginedi download a cui vi rimandiamo

Didascalia permette di specificare una descrizione per lrsquoimmagine associata alla news

Image alttext e Image titletext permette di specificare un testo che in visualizzazione (Frontend)compariragrave al passaggio del mouse sopra lrsquoimmagine

News correlate permette di specificare news o pagine del sito da associare alla news Il procedimentodi selezione delle news da associare alla notizia saragrave spiegato successivamente

DAM elements permette di assegnare alla news dei documenti da scaricare come per esempioil programma di un determinato evento Anche in questo caso il procedimento per la se-lezionecaricamento dei documenti egrave quello giagrave descritto nella parte dedicata alla creazione dipagine di download

Descriviamo il procedimento da seguire per associare alcune pagine o alcune news alla notizia che stiamoinserendo

Premere il tasto di Sfoglia Record evidenziato nella figura Sfoglia record news (page 65)

Verragrave aperta una finestra che contiene un Element Browser che ci permette di selezionare le newspagine(figura Element browser news (page 66)) da associare

La finestra di selezione si suddivide nelle seguenti parti (figura sopra)

Alberatura del sito da cui egrave possibile esplorare gli elementi del nostro sito (pagine sysfolder )Premendo con il tasto sinistro del mouse sul nome della pagina o sulla freccia corrispondente verragraveaggiornata la parte di destra della finestra in cui egrave inserita la lista degli elementi associabili

72 Modalitagrave Relations 64

DocWeb Release 101

Figura 76 Inserimento news scheda relations

Figura 77 Sfoglia record news

72 Modalitagrave Relations 65

DocWeb Release 101

Figura 78 Element browser news

Lista degli elementi associabili egrave quindi possibile selezionare gli elementi da associare alla newsPer associare un elemento si puograve selezionare il simbolo ldquo+rdquo posto accanto allrsquoelemento desideratoo agendo sul nome del file Nel primo caso lrsquoelemento viene aggiunto ma la finestra non si chiuderagrave(utile per effettuare selezioni multiple) mentre nel secondo caso lrsquoelemento viene aggiunto e lafinestra si chiuderagrave (selezione singola)

Nota Per associare una o piugrave news alla notizia che stiamo inserendo occorreragrave innanzitutto selezionareil repository delle news e utilizzando i metodi descritti in precedenza indicare le news di interesse

Nella figura Selezione repository (page 66) viene visualizzato come appare lrsquoElement Browser dopo averselezionato il repository delle news denominato ldquoNews Corso Typo3rdquo

Figura 79 Selezione repository

Una volta ultimato il procedimento di inserimento di una news vedremo che nel repository compariragrave(figura News nel repository (page 67)) anche quella da noi creata Nellrsquoesempio la news creata si chiamaldquoTitolo della news di provardquo

Dalla lista delle news possiamo notare che i diversi tipi di news sono contrassegnati con icone diverse

In particolare distinguiamo

72 Modalitagrave Relations 66

DocWeb Release 101

Figura 710 News nel repository

bull News (icona ldquocelestinardquo)

bull Collegamento a URL esterna (icona ldquorosardquo)

bull Collegamento a pagina interna (icona ldquogiallinardquo)

Per modificare il contenuto di una news egrave sufficiente selezionare il simbolo di modifica (figura Modificanews (page 67)) in corrispondenza della news da modificare

Figura 711 Modifica news

73 News collegata a URL esterna e a pagina interna

Attraverso la selezione della finestra ldquoTipordquo egrave possibile scegliere diverse tipologie di news

Nella figura News collegata a url esterna (page 68) egrave stato selezionato il Collegamento a URL esterna checi offriragrave la possibilitagrave di specificare un link (ldquoURL esternordquo) da far visualizzare e che saragrave contraddistintain lista da lrsquoicona di colore rosa

Selezionando il Collegamento a pagina interna viene offerta la possibilitagrave di inserire un collegamento auna pagina del sito (evidenziato nella figura News collegata a pagina interna (page 69))

La news si presenteragrave con icona di color ldquogiallordquo e al suo interno conterragrave un link alla pagina interna alsito

73 News collegata a URL esterna e a pagina interna 67

DocWeb Release 101

Figura 712 News collegata a url esterna

73 News collegata a URL esterna e a pagina interna 68

DocWeb Release 101

Figura 713 News collegata a pagina interna

73 News collegata a URL esterna e a pagina interna 69

DocWeb Release 101

74 Eliminazione delle News

Per eliminare una news possiamo procedere tra lrsquoaltro in due modi

1 Selezionare la news da eliminare dallrsquoelenco e selezionare la voce ldquocancellardquo dal menugrave a tendinaconsultabile cliccando con il pulsante destro sullrsquoicona in corrispondenza della news (figura Eliminanews da menu contestuale (page 70))

Figura 714 Elimina news da menu contestuale

2 Entrare allrsquointerno della modalitagrave di modifica della news attraverso lrsquoicona ldquomatitardquo e selezionare lrsquoi-cona raffigurante il bidone di elimina posta in alto pagina (figura Elimina news da scheda contenuto(page 70))

Figura 715 Elimina news da scheda contenuto

75 Ordinamento delle News e ricerca

Puograve essere necessario durante la visualizzazione della lista delle news (lato backend) di dover effettuaredegli ordinamenti al fine di permettere una ricerca piugrave veloce delle news da modificare

74 Eliminazione delle News 70

DocWeb Release 101

Avvertimento Lrsquoordinamento ha valore solo come ricerca allrsquointerno del backend mentre latofrontend rispecchieragrave i parametri prestabiliti dal sistema

Supponiamo per esempio di voler effettuare un ordinamento per Titolo Seguiamo i seguenti passi(figura sotto)

1 Selezionare la voce di menugrave Lista

2 Selezionare il deposito delle news (repository) News Corso Typo3

3 Cliccare con il mouse in corrispondenza della voce ldquoTitolordquo

A questo punto (figura Ordinamento news (page 71)) le news vengono ordinate in ordine crescente(vengono visualizzate prima le news con titolo che inizia con la lettera a b e cosigrave via)

Figura 716 Ordinamento news

Se clicchiamo unrsquoaltra volta sulla voce ldquoTitolordquo il tipo di ordinamento cambia da crescente a decrescente(compariranno per prima le news con titolo che inizia per z )

Egrave inoltre possibile ordinare secondo campo da noi specificato Per definire il nome di un campo (ad estesto inizio autore ) su cui effettuare lrsquoordinamento occorreragrave spostarsi in fondo alla lista delle newsdove troveremo una lista di campi (figura Mostra campo aggiuntivo news (page 71))

Figura 717 Mostra campo aggiuntivo news

Dalla lista possiamo

bull Selezionare la voce in base alla quale effettuare lrsquoordinamento (ad esempio Immagini)

bull Premere il tasto Imposta campi per aggiungere alla lista dei campi visualizzati quello selezionato

75 Ordinamento delle News e ricerca 71

DocWeb Release 101

A questo punto il campo selezionato (nel nostro esempio il campo Immagini) compare nella lista dellenews (il campo aggiunto egrave evidenziato con un riquadro in alto a destra nella figura Ordinamento campoaggiuntivo news (page 72))

Figura 718 Ordinamento campo aggiuntivo news

Effettuare le stesse operazioni illustrate per il campo Titolo per ordinare in modo crescente e decrescentele news secondo il criterio impostato (click pulsante sinistro sul nome etichetta)

Egrave anche possibile ricercare le news in base al testo contenuto nel titolo sottotitolo descrizione eccUtilizzando la maschera di ricerca in fondo pagina (evidenziata nella figura Ricerca news (page 72))

Figura 719 Ricerca news

Per effettuare una ricerca egrave necessario seguire i seguenti passi

1 Inserire nel campo Cerca Stringa il testo da cercare (nel nostro esempio ldquonequerdquo)

2 Premere il tasto Cerca per eseguire la ricerca secondo i criteri impostati

In questo modo nella lista delle news compariranno solo quelle che contengono il testo specificatoEffettuata la ricerca egrave possibile effettuare degli ordinamenti come spiegato in precedenza

75 Ordinamento delle News e ricerca 72

CAPITOLO 8

Modulo Eventi

Avvertimento SEZIONE NON COMPLETA

Si confrontino i seguenti due tipi di contenuti

Evento egrave un tipo di contenuto adatto a descrivere qualcosa che accadragrave o che egrave accaduto in una certadata La data o le date in cui lrsquoevento ricorre sono strettamente legate ad un luogo in cui lrsquoeventosi verificheragravesi egrave verificato Gli eventi vengono rappresentati mediante la metafora dellrsquoagenda edel calendario

Notizia egrave un tipo di contenuto caratterizzato dalla data di pubblicazione secondo la metafora delgiornale online E come in un giornale online una notizia puograve riferirsi sia a fatti giagrave accaduti chea fatti a venire

Nota Per comprendere meglio la differenza tra i due tipi di contenuto si pensi che dato un eventoche ha una certa data di svolgimento (ad es 20 maggio) di tale evento posso realizzare piugrave di unanotizia Rimanendo nellrsquoesempio potrei pubblicare una notizia il 10 maggio per preannunciare lrsquoeventoe poi unrsquoaltra il 18 maggio per ricordarne lrsquoimminenza Infine potrei pubblicare una notizia di riepilogo(cronaca dellrsquoevento immagini ecc) il 22 maggio

81 Scopo del modulo Eventi

Il visitatore del sito deve poter cogliere le informazioni essenziali di un evento

bull Cosa sta per succedere

bull Dove accadragrave

bull Quando accadragrave

82 Il Backend ndash Modulo Pagina

Vedi figura Eventi vista modulo pagina (page 74)

83 Il Backend ndash Modulo Lista

Vedi figura Eventi vista modulo lista (page 74)

73

DocWeb Release 101

Figura 81 Eventi vista modulo pagina

Figura 82 Eventi vista modulo lista

83 Il Backend ndash Modulo Lista 74

DocWeb Release 101

84 Creazione di un evento

Prima di procedere poniamoci qualche domanda

bull Lrsquoevento appartiene a qualche rassegna iniziativa per la quale sono in programma altri eventiPer esempio

ndash Rassegne teatrali cinematografiche

ndash Festival

bull Lrsquoevento si ripete

ndash La replica avviene sempre nello stesso luogo

841 Creazione del record

Vedi figura Creazione nuovo evento (page 75)

Vedi figura Creazione nuovo record evento (page 76)

Figura 83 Creazione nuovo evento

842 Scheda ldquoGeneralerdquo

Vedi figura Evento scheda generale (page 76)

843 Scheda ldquoFinestra temporalerdquo

Orario repliche

Vedi figura Evento finestra temporale (page 78)

84 Creazione di un evento 75

DocWeb Release 101

Figura 84 Creazione nuovo record evento

Figura 85 Evento scheda generale

84 Creazione di un evento 76

DocWeb Release 101

bull Lrsquoorario va solo per le Finestre temporali di un giorno (data inizio = data fine)

bull Se non si conosce lrsquoora della fine impostare ora inizio = ora fine

844 Scheda ldquoTestordquo

Vedi figura Evento scheda testo (page 79)

84 Creazione di un evento 77

DocWeb Release 101

Figura 86 Evento finestra temporale

84 Creazione di un evento 78

DocWeb Release 101

Figura 87 Evento scheda testo84 Creazione di un evento 79

  • Introduzione
    • Cosegrave DocWeb
    • Concetti chiave
      • Funzionalitagrave di Base
        • Il CMS Typo3 ldquobackendrdquo e ldquofrontendrdquo
        • Cambio password di accesso
        • Albero delle pagine
        • Implementazione delle pagine ldquogenitori rdquo e ldquofiglirdquo
        • Inserimento Nuova pagina
        • Elementi standard della pagina
        • Inserimento contenuti di una pagina
        • Contenuti multipli allrsquointerno di una pagina
        • Modifica dei contenuti della pagina
        • Spostamento di pagine
        • Eliminazione pagine
        • Rich Text Editor
        • Modalitagrave Lista
        • Modalitagrave Mostra
        • Modalitagrave ldquoMonta come radice dellrsquoalberordquo
        • Ottenere il page-id di una pagina
        • Admin Panel
          • La Clipboard
            • Copia o spostamento di un contenuto singolo di pagina allrsquointerno di unrsquoaltra pagina
            • Copia o spostamento di piugrave contenuti da una pagina ad unrsquoaltra
              • Modulo DAM (Digital Asset Management)
                • Caricamento e Aggiornamento di file
                • Ricerca di file allrsquointerno del DAM e modifica delle meta-informazioni
                  • Modulo Pagine di download
                    • Inserimento e configurazione pagine di download
                      • Modulo Sitemap
                        • Scheda di configurazione Mappa
                        • Tipo di mappa
                        • Il ``punto di partenza della mappa
                          • Modulo News
                            • Inserimento e modifica di news
                            • Modalitagrave Relations
                            • News collegata a URL esterna e a pagina interna
                            • Eliminazione delle News
                            • Ordinamento delle News e ricerca
                              • Modulo Eventi
                                • Scopo del modulo Eventi
                                • Il Backend ndash Modulo Pagina
                                • Il Backend ndash Modulo Lista
                                • Creazione di un evento
Page 20: DocWeb€¦ · per la realizzazione e la gestione di siti web della Pubblica Am-ministrazione. La piattaforma tecnologica utilizzata è il CMS (Content Management System) Open SourceTypo31

DocWeb Release 101

Figura 219 Modifica contenuto normale

28 Contenuti multipli allrsquointerno di una pagina 17

DocWeb Release 101

Il contenuto non avragrave vincoli con i record precedenti pur apparendo nella stessa pagina del frontend Ciogravegarantisce una vantaggiosa gestione delle pagine che suddivise in ldquosezionirdquo potranno essere di volta involta pubblicate cancellate modificate a blocchi di contenuto senza toccare lrsquointera pagina

Si potragrave suddividere la stessa pagina in diverse aree (record) ossia ldquocontenuti multiplirdquo via via aggiornabilianche da altri utenti di redazione

Ersquo inoltre possibile effettuare una ricerca su di un contenuto di tipo testuale allrsquointerno delle pagine edei record utilizzando il campo ldquoCerca Stringardquo La ricerca puograve essere effettuata allrsquointerno della paginae dei suoi record ed estesa anche ai livelli inferiori

29 Modifica dei contenuti della pagina

Creata una pagina potremo modificarla ogni volta che saragrave necessario

Per modificare una pagina saragrave sufficiente selezionarla dal menugrave portandosi con il cursore del mouse aldi sopra del titolo e cliccando con il pulsante destro su di essa (figura Modifica pagina (page 18))

Una pagina da modificare potragrave anche essere raggiunta tramite la ricerca dellrsquoID (vedi capitolo 3 Alberodelle pagine)

Scegliere la voce ldquomodificardquo dal menugrave a tendina che si apriragrave dopo il click

Figura 220 Modifica pagina

A destra nellrsquoarea principale si apriragrave la schermata riportante il contenuto della pagina selezionata

Potremo scegliere lrsquoelemento da modificare cliccando sullrsquoicona matita

Nota Ricordarsi sempre di salvare per rendere effettive le modifiche e di ricontrollare la visualizzazionedella pagina modificata

Per modificare lrsquointestazione di una pagina egrave sufficiente selezionare la voce ldquoModifica intestazionirdquo dalmenugrave portandosi con il cursore del mouse al di sopra del titolo e cliccando con il pulsante destro su diesso (figura Menu modifica intestazioni pagina (page 19))

210 Spostamento di pagine

Oltre le modifiche stilistiche testuali e di contenuto di una pagina possiamo modificarne la posizione

29 Modifica dei contenuti della pagina 18

DocWeb Release 101

Figura 221 Menu modifica intestazioni pagina

Per spostare la posizione di una pagina allrsquointerno di un menugrave selezioniamola dal menugrave principale conclick sinistro del mouse

Nella schermata di destra scegliamo lrsquoicona

Si apriragrave un menugrave che ci mostreragrave lrsquoalberatura del nostro sito (esattamente come per lrsquoinserimento diuna nuova pagina) composto da pagine principali (genitori) e pagine ad esse collegate (figli)

A questo punto dovremo solo scegliere dove spostare la pagina muovendoci sulle frecce grigie sottostantie sovrastanti le varie voci di menugrave

Avvertimento Spostando una pagina genitore anche i figli vengono spostati con esso

211 Eliminazione pagine

Per eliminare le pagine egrave sufficiente selezionare la pagina in questione dal menugrave principale cliccando conil pulsante destro del mouse su di essa e scegliere la voce del menugrave a tendina che si apriragrave ldquoCancellardquo

Avvertimento Non egrave possibile cancellare una pagina genitore Ossia non egrave possibile cancellareuna pagina che al suo interno contiene altre pagine prima che questrsquoultime trovino una collocazionealternativa

212 Rich Text Editor

Quando si inserisce un contenuto nellrsquoarea di testo (inserito digitando direttamente allrsquointerno dellrsquoap-posita area o copiato e incollato da fonte esterna con la dovuta cautela) egrave possibile personalizzarlo eformattarlo utilizzando le funzionalitagrave previste dal Rich Text Editor (RTE)

Nota Un testo copiatoincollato da altri programmi va ldquoripulitordquo prima di essere pubblicato poicheacuteil modulo che utilizzeremo tende a mantenere la formattazione originaria del carattere delle immaginidei colori falsando la linea grafica omogenea e standard del nostro portale

In ogni modo quando si salva un documento il cui testo conteneva una formattazione proveniente ad es-empio da un documento di tipo word questo viene automaticamente ldquoripulito nel codicerdquo ed egrave opportunocontrollare la visualizzazione

211 Eliminazione pagine 19

DocWeb Release 101

Proviamo ad inserire ad esempio una semplice frase allrsquointerno del box testo (figura Box testo RTE(page 20))

Figura 222 Box testo RTE

La frase viene digitata direttamente nellrsquoarea testo mantenendo un tipo di formattazione ldquonormalerdquo

2121 Testo grassetto corsivo sottolineato (bold italic underline)

Proviamo a selezionare la frase ldquoProvincia di Pesaro e Urbinordquo tenendo premuto il pulsante sinistro delmouse trascinando il cursore dalla P di Provincia alla o di Urbino

In alternativa portare il cursore alla P di Provincia tenere tasto maiuscolo premuto e muoversi con lefrecce per selezionare il testo

Lrsquoesempio egrave utile per capire che per effettuare una determinata azione di tipo stilistico su una frase oparola egrave necessario che la frase o la parola siano preventivamente selezionate

Figura 223 Comandi box testo RTE

212 Rich Text Editor 20

DocWeb Release 101

Se il testo egrave stato selezionato correttamente vedremo la parola ldquoProvincia di Pesaro e Urbinordquo evidenziatadi blu scuro

Click sinistro sul simboloicona ldquoBrdquo (figura Comandi box testo RTE (page 20)) per creare un effettoldquograssettordquo al testo

Click sinistro sul simboloicona ldquoIrdquo per il corsivo-italico

Click sinistro sul simboloicona ldquoU ldquo per il sottolineato

Nota Il Grassetto dona alle parole un sapore piugrave incisivo e si utilizza per enfatizzare termini importantie di rilievo

LrsquoItalico viene usato comunemente per indicare le date gli indirizzi le citazioni

Il Sottolineato su web viene comunemente usato nelle parole ldquolinkaterdquo (ossia che rimandano ad altrepagine web) per cui se ne sconsiglia lrsquouso in un testo semplice per evitare confusione

2122 Elenco Puntato e Numerato

Portiamoci con il cursore allrsquointerno della box di testo

Selezioniamo lrsquoicona Lista non numerata (Elenco puntato semplice)

Vedremo comparire un simbolo tontoromboidale e potremo dare vita ad una lista

bull Voce 1

bull Voce 2

bull Voce 3 ecc

Allo stesso modo potremo creare una lista numerata avvalendoci dellrsquoicona ldquoLista numeratardquo

Lrsquoelenco viene numerato

1 Voce 1

2 Voce 2

3 Voce 3 ecc

2123 Pulsanti di Annulla e Ripristina

Compiuta una determinata azione egrave possibile tornare indietro o ripristinarla tramite i pulsanti ldquoAnnullalrsquoultima azionerdquo e ldquoRifai lrsquoultima azionerdquo

Piugrave volte si clicca sui pulsanti piugrave volte lrsquoazione viene ripetuta indietro ed avanti nel tempo

2124 Copia Taglia Incolla

Selezionando un testo potremo tagliarlo copiarlo e incollarlo

Copia selezionare il testo utilizzare lrsquoicona ldquocopia selezionerdquo per copiare

Taglia il testo viene eliminato ma resta in memoria per essere eventualmente incollato altrove odefinitivamente cancellato Ersquo possibile tenere in memoria solo lrsquoultimo testo o parola tagliato

Incolla Un testo precedentemente copiato o tagliato puograve essere incollato nuovamente o su diversoambiente

212 Rich Text Editor 21

DocWeb Release 101

2125 Rimuovi Formattazione

Ersquo possibile che il testo importato e incollato nellrsquoarea testo da altra fonte (es documento word) sildquosporchirdquo e ne acquisisca le caratteristiche stilistiche in maniera non corretta

Ersquo necessario pulire il testo selezionandolo e cliccando su ldquorimuovi formattazionerdquo

Si apriragrave un pop-up (nuova finestra) che ci proporragrave diversi elementi da pulire selezioniamo ciograve che ciinteressa e clicchiamo su OK

2126 Inserisci Caratteri Speciali

Alcune volte puograve essere necessario inserire dei caratteri o simboli non presenti sulla tastiera o nonconvenzionali per i quali esiste una mappa di caratteri speciali

Il sistema propone diversi tipi di caratteri speciali tra i piugrave comuni e frequentemente usati per adoperarliegrave sufficiente cliccare sullrsquoapposita icona ldquoInserisci Caratteri Specialirdquo

Una finestra ci mostreragrave una vasta gamma di simboli tra i quali potremo scegliere quello che ci interessa

2127 Inserisci Tabella

Per agevolare lrsquoinserimento di dati numerici in forma ldquoTabellarerdquo si puograve ricorrere allrsquoinserimento di unatabella contraddistinta dallrsquoapposito simbolo

La tabella puograve essere immaginata come una quaderno a ldquoquadrettirdquo dove ogni ldquoscacchettordquo corrispondead una cella

Scegliendo di inserire una tabella si apriragrave una finestra pop-up dove andremo ad inserire parametridi spaziatura fra celle numero di righe e colonne che compongono la tabella spessore del bordoallineamento rispetto alla pagina ecc

2128 Link

Ogni sito egrave composto da pagine consultabili e collegate tra loro tramite link

I link sono i collegamenti presenti sulle voci di menugrave parole immagini ecc

Ersquo possibile collegare pagine appartenenti ad uno stesso sito un indirizzo web di un sito esterno ounrsquoe-mail un file da scaricare un immagine ecc

Nota Immettendo nel testo un indirizzo web o e-mail completo il programma egrave in grado di capireautomaticamente che si tratta di un link e collegare gli elementi automaticamente

Volendo invece collegare elementi non scritti in forma completa si dovragrave procedere come segue

Selezioniamo la parola o frase che vogliamo collegare (come precedentemente visto) e clicchiamo sullrsquoiconaldquoInserisci Linkrdquo

Si apriragrave un pop-up come indicato nella prossima figura

Link ad una pagina interna al sito

La finestra ci propone lrsquoalberatura del nostro sito con le pagine in esso presenti (La voce attiva egraveldquopaginardquo di colore giallomarrone rispetto alle altre voci del pop-up)

Selezionando (figura Link interno (page 23)) la pagina che vorremo collegare il pop-up si chiuderagrave e laparola che avevamo selezionato precedentemente per il link cambieragrave aspetto

La vedremo blu e sottolineata il che indica che il link egrave attivato

212 Rich Text Editor 22

DocWeb Release 101

Figura 224 Link interno

Ersquo anche possibile creare dei link che aprono la pagina collegata allrsquointerno di una ldquofinestra di pop-uprdquocioegrave dentro una nuova finestra del browser Specificando le dimensioni di altezza e larghezza della nuovafinestra allrsquointerno degli appositi campi

Link ad una pagina esterna al sito

Selezioniamo una parola o frase che vogliamo collegare (come precedentemente visto) e clicchiamosullrsquoicona ldquoInserisci Linkrdquo

Scegliamo nel menugrave in alto proposto dal pop-up il bottone ldquoURL esternordquo (figura Link esterno (page 23))

Figura 225 Link esterno

Impostiamo nel campo URL lrsquoindirizzo web che vogliamo linkare prestando attenzione a scriverlo peresteso e senza cancellare http

Clicchiamo su ldquoImposta Linkrdquo

Il pop-up si chiuderagrave e la parola che avevamo selezionato precedentemente per il link cambieragrave aspetto

212 Rich Text Editor 23

DocWeb Release 101

La vedremo blu e sottolineata il che indica che il link egrave attivato

2129 Link ad unrsquoEmail

Come precedentemente visto scrivendo un indirizzo e-mail valido il programma di gestione egrave in grado dicapire che si tratta di un indirizzo di posta elettronica e il link viene impostato automaticamente

Tuttavia ci sono dei casi in cui non egrave possibile o si preferisce non indicare lrsquoindirizzo e-mail per estesoad esempio potremmo avere ldquoPer informazioni scrivicirdquo

Volendo potremmo fare in modo che sulla parola ldquoscrivicirdquo ci sia impostata la funzione di invio e-mail

Selezioniamo quindi la parola andiamo su ldquoInserisci Linkrdquo scegliendo poi ldquoEmailrdquo

Inseriamo lrsquoindirizzo E-mail nellrsquoapposito campo e clicchiamo su ldquoimposta Linkrdquo

21210 Link ad un file scaricabile

Per collegare un file (espdf txt gif ecc) egrave necessario copiarlo dal proprio PC al server web

Non egrave infatti possibile che una pagina pubblicata su internet prenda come link dei files che di fatto sonosalvati in una directory del nostro computer

Typo3 mette a disposizione un area dovrsquoegrave possibile pubblicare i files per poi essere resi disponibili ai linkossia rende disponibile lrsquo ldquoUploadrdquo dei files da pc a server

Scegliere dal menugrave di sinistra sotto la sezione ldquoMediardquo la voce ldquoFilerdquo (figura Seleziona file (page 24))

Figura 226 Seleziona file

Si apriragrave sulla destra una nuova area dove troveremo i campi utili a ldquosfogliarerdquo il contenuto del nostropc al fine di passare i file o i files dal nostro computer al manager

Effettuato il passaggio potremo ritornare alla nostra pagina e riprendere la procedura di ldquocreazione linkrdquoselezionando questa volta la voce ldquoFilerdquo del pop-up

I campi proposti sono del tutto simili a quelli di creazione di link su pagine del sito e un elenco di files(tutti quelli disponibili caricati) potranno essere collegati

213 Modalitagrave Lista

Selezionando la voce ldquolistardquo (figura Backend modalitagrave lista (page 25)) dal menugrave di sinistra egrave possibileesplorare una pagina ldquopadrerdquo e tutte le pagine ldquofiglirdquo ed essa associate

Avvertimento Ricordarsi di attivare la voce in basso ldquoVista Estesardquo

213 Modalitagrave Lista 24

DocWeb Release 101

Figura 227 Backend modalitagrave lista

Utilizzando le icone poste alla destra di ogni voce si possono compiere diverse operazioni di modificavisualizzazione spostamento copia e incolla pagina ecc come precedentemente descritto

Dunque potremo dire che la modalitagrave lista costituisce una scorciatoia per semplificare ogni sorta dioperazione soprattutto in presenza di un numero considerevole di files

214 Modalitagrave Mostra

Figura 228 Backend modalitagrave mostra

Selezionando la voce ldquoMostrardquo (figura Backend modalitagrave mostra (page 25)) dal menugrave di sinistra egrave possibilenavigare il sito allrsquointerno del docweb direttamente nel backend

214 Modalitagrave Mostra 25

DocWeb Release 101

Inoltre accanto ai vari record troveremo posta lrsquoicona matita per eseguire eventuali modifichedirettamente sul punto e la pagina prescelti

Anche la modalitagrave ldquoMostrardquo come la rdquoListardquo (cap 13) costituisce una scorciatoia particolarmente indicataper semplificare lrsquooperazione di visualizzazione del sito e di modifica

215 Modalitagrave ldquoMonta come radice dellrsquoalberordquo

Quando esistono diverse e numerose pagine egrave possibile gestire solo la porzione di contenuto che ci interessariducendo lrsquoalberatura del sito (lato backend) ai minimi termini mediante il comando ldquomonta come radicedellrsquoalberordquo

Per effettuare il comando procedere come segue

Cliccare con il pulsante destro del mouse sul titolo pagina dal menugrave centrale

Selezionare la voce ldquoaltre opzionirdquo dal menugrave a tendina (figuraMenu altre opzioni (page 26)) che compariragravecome conseguenza dellrsquoazione descritta al punto uno

Figura 229 Menu altre opzioni

Selezionare dallrsquoulteriore menugrave che si apriragrave (figura Seleziona monta come radice (page 26)) la voceldquoMonta come radice dellrsquoalberordquo

Figura 230 Seleziona monta come radice

Lrsquoalberatura si ridurragrave automaticamente mostrando solo la porzione selezionata

Per ripristinare lo stato di partenza selezionare la voce in alto nel menugrave centrale (figura Elimina DBmount (page 26)) ldquoElimina DB mount temporaneordquo

Figura 231 Elimina DB mount

Il menugrave si espanderagrave nuovamente mostrando tutte le voci esistenti

215 Modalitagrave ldquoMonta come radice dellrsquoalberordquo 26

DocWeb Release 101

216 Ottenere il page-id di una pagina

2161 Frontend (FE)

Da frontend si puograve ottenere il page-id della pagina corrente nei seguenti modi

1 dalla barra degli indirizzi del proprio browser (figura Id dallrsquourl (page 27)) Il numero della paginaegrave quello dopo la stringa ldquoid=rdquo Nella figura egrave cerchiata in verde la stringa ldquoid=rdquo e il numero dellapagina (page-id)

Figura 232 Id dallrsquourl

2 Puntando il mouse sulla scritta [id] a pieacute pagina e leggendo il tooltip (figura Id dal tooltip (page 27))

Figura 233 Id dal tooltip

3 Solo per browser Firefox dal menugrave di contesto scegliere la voce ldquoVisualizza info paginardquo si apreuna finestra consultare quindi la lista Meta sotto la scheda Generale (Id dagli attributi (page 28))

2162 Backend (BE)

Da backend egrave possibile ottenere il page-id nei seguenti modi

1 leggendo il tooltip puntando il mouse sullrsquoicona della pagina nel riquadro della struttura del sito(figura Id dal tooltip nel backend (page 28))

2 dal modulo di modifica delle intestazioni della pagina (figura Id dalle intestazioni pagina nel backend(page 28)) Il numero egrave tra le parentesi quadre dopo il titolo della pagina

217 Admin Panel

Quando si inseriscono contenuti con Typo3 (backend) egrave possibile visualizzare unrsquoanteprima della paginache si sta creando per vedere i risultati del lavoro svolto

Per visualizzare unrsquoanteprima di una pagina occorre (figura Menu mostra (page 29))

1 posizionarsi sulla pagina da visualizzare

2 premere il tasto sinistro del mouse in corrispondenza del nome

216 Ottenere il page-id di una pagina 27

DocWeb Release 101

Figura 234 Id dagli attributi

Figura 235 Id dal tooltip nel backend

Figura 236 Id dalle intestazioni pagina nel backend

217 Admin Panel 28

DocWeb Release 101

Figura 237 Menu mostra

3 selezionare la voce Mostra

In base alla pagina scelta si avragrave un risultato come quello visualizzato nella figura Anteprima pagina conAdmin panel (page 29)

Figura 238 Anteprima pagina con Admin panel

La pagina presenteragrave nella parte superiore lrsquoanteprima della pagina Nella parte inferiore vienevisualizzato uno strumento denominato Admin Panel

Questo oggetto offre lato front-end alcune funzionalitagrave (figura Moduli Admin panel (page 30)) cheaiutano i gestori di contenuti nella creazionemodifica delle pagine web del sito

NellrsquoAdmin panel (figura sopra) egrave possibile distinguere

217 Admin Panel 29

DocWeb Release 101

Figura 239 Moduli Admin panel

1 Modulo Preview ndash offre la possibilitagrave di selezionare alcune opzioni sulla pagina per simulare alcunesituazioni in cui la pagina si puograve trovare durante la visualizzazione

2 Modulo Cache ndash offre la possibilitagrave di gestire la cache

Allrsquointerno del modulo Preview abbiamo le seguenti voci

Mostra pagine nascoste selezionando la casella di controllo corrispondente a questa voce si visual-izzeranno anche quelle che attualmente non sono visibili allrsquointerno del sito o perchegrave in lavorazioneo perchegrave ancora non egrave stata data lrsquoautorizzazione alla pubblicazione

Mostra record nascosti come per le pagine questa voce offre la possibilitagrave di poter visualizzare allrsquoin-terno della pagina quei contenuti nascosti che non sono ancora ultimati o che sono in attesa di unautorizzazione per la pubblicazione

Simula data con questo controllo egrave possibile simulare il comportamento della pagina in periodi tem-porali diversi Utilizzando la casella di testo egrave possibile inserire delle date In questo modo sirende possibile la visualizzazione di quegli elementi (ad es pagine news ) che sono abilitati acomparirescomparire in base a determinati criteri temporali impostati

Simula gruppo di utenti con questo controllo egrave possibile simulare il comportamento delle pagine inbase ad un determinato gruppo di utenti che vi accede Alcune pagine possono infatti avere uncomportamento diverso in base al tipo di utente che vi accede

Nota Durante la creazione di pagine egrave possibile restringere la visione di una determinata pagina aparticolari tipi di utenti (utenti di frontend) Questa caratteristica offre la possibilitagrave di definire delle areead accesso riservato del sito ossia sezioni del sito a cui egrave possibile accedere solo dopo essersi autenticatie dopo avere avuto i necessari diritti di accesso

Una volta selezionate le opportune scelte allrsquointerno dellrsquoADMIN Panel occorreragrave premere il tasto Aggior-na (figura Aggiorna Admin panel (page 31)) per prendere visione della pagina secondo i criteri impostati

Nota Nel caso in cui lrsquoutente abbia la possibilitagrave di accedere da back-end a piugrave siti (ciascuno con unproprio dominio) bisogna tenere presente che lrsquoADMIN Panel compare soltanto per le pagine relativeal dominio con cui lrsquoutente ha fatto il login In altre parole se un operatore ad esempio egrave abilitatoa lavorare sulle pagine di backend dei siti httpwwwsitoesempio1it e httpwwwsitoesempio2it ese lrsquooperatore accede al backend di DocWeb con lrsquoindirizzo httpwwwsitoesempio1ittypo3 allora

217 Admin Panel 30

DocWeb Release 101

Figura 240 Aggiorna Admin panel

lrsquoADMIN Panel compariragrave solo sulle pagine di frontend del dominio wwwsitoesempio1it e non su quelledel dominio wwwsitoesempio2it

217 Admin Panel 31

CAPITOLO 3

La Clipboard

Lrsquooggetto clipboard (rdquoblocco degli appuntirdquo) egrave molto utile quando si ha la necessitagrave di copiare o spostareuno o piugrave elementi di contenuto o una o piugrave pagine da una sezione del sito (contenitore di pagine) adunrsquoaltra

31 Copia o spostamento di un contenuto singolo di pagina allrsquointernodi unrsquoaltra pagina

Per prima cosa egrave necessario (figura Identifica contenuto (page 32))

Figura 31 Identifica contenuto

1 selezionare la voce Lista

2 selezionare la pagina che contiene il contenuto che si intende copiare (nella figura abbiamo sceltola pagina denominata ldquoCorso di formazione su Typo3rdquo

32

DocWeb Release 101

3 identificare dalla lista dei contenuti associati alla pagina quello da spostare

Supponiamo che si desideri copiare il contenuto denominato ldquoTesto 2rdquo (figura Copia contenuto (page 33))

Figura 32 Copia contenuto

Egrave sufficiente cliccare sullrsquoicona (nella figura sopra evidenziata con un cerchio rosso) di copia incorrispondenza del contenuto da copiare

Dopo avere eseguito questa operazione nella figura Risultato copia contenuto (page 34) possiamo notare

1 Egrave comparsa unrsquoicona nuova che mette in evidenza che nella clipboard egrave presente un elemento

2 Lrsquoicona di copia in corrispondenza del contenuto da spostare ha cambiato aspetto

A questo punto lrsquooggetto che si intende copiare egrave presente nella nostra clipboard

Il passo successivo egrave quello di selezionare la pagina in cui andare a posizionare lrsquoelemento (paginadestinazione)

Rimanendo sempre allrsquointerno del modulo Lista occorreragrave selezionare dallrsquoalberatura delle pagine la pag-ina destinazione Il procedimento da seguire per posizionarsi sulla pagina egrave lo stesso descritto in prece-denza Nella figura Incolla contenuto (page 34) viene evidenziato il contenuto di una pagina (denominataldquoPagina di Provardquo) in cui vogliamo copiare il contenuto

Per copiare il contenuto della clipboard nella pagina selezionare lrsquoicona Incolla contenuto Clipboard

Confermando lrsquooperazione il contenuto saragrave copiato allrsquointerno della pagina selezionata

Per effettuare lo spostamento di un contenuto di pagina allrsquointerno di unrsquoaltra pagina cliccare sullrsquoicona

di Taglia al posto dellrsquoicona copia e ripetere le operazioni sopra descritte

1 Selezionando la casella Mostra clipboard (figura Vista clipboard (page 35)) egrave possibile visualiz-zare lrsquooggetto clipboard Nel caso in figura lrsquoelemento copiato in precedenza (Testo 2) egrave ancoradisponibile allrsquointerno della clipboard Utilizzando il procedimento descritto infatti il contenuto

31 Copia o spostamento di un contenuto singolo di pagina allrsquointerno di unrsquoaltra pagina 33

DocWeb Release 101

Figura 33 Risultato copia contenuto

Figura 34 Incolla contenuto

31 Copia o spostamento di un contenuto singolo di pagina allrsquointerno di unrsquoaltra pagina 34

DocWeb Release 101

selezionato rimane ancora a disposizione dellrsquoutente che potragrave selezionare altre pagine destinazionesu cui eventualmente andare a copiare il contenuto Nel caso in cui si selezioni un altro elementoad esempio ldquoTesto 1rdquo lrsquoelemento presente viene automaticamente sostituito

2 Dallrsquooggetto clipboard egrave possibile rimuovere un elemento premendo il bottone di Elimina postoaccanto ad esso

Figura 35 Vista clipboard

Con il procedimento descritto fino ad ora egrave possibile scegliere soltanto un contenuto alla volta

32 Copia o spostamento di piugrave contenuti da una pagina ad unrsquoaltra

Nel caso in cui ci si trovi nella necessitagrave di copiare piugrave di un contenuto da una pagina allrsquoaltra egrave necessarioseguire i passi seguenti

1 Selezionare il modulo Lista

2 Selezionare la pagina di origine da cui prelevare i contenuti

3 Selezionare la casella Mostra clipboard

4 Selezionare una clipboard tra quelle denominate ldquoClipboard 1rdquo ldquoClipboard 2rdquo ldquoClipboard 3rdquo(punto 3 figura Vista clipboard con contenuto selezionato (page 36))

Selezionando ad esempio la clipboard contrassegnata come ldquoclipboard 1rdquo si avragrave la seguente situazione

32 Copia o spostamento di piugrave contenuti da una pagina ad unrsquoaltra 35

DocWeb Release 101

Figura 36 Vista clipboard con contenuto selezionato

32 Copia o spostamento di piugrave contenuti da una pagina ad unrsquoaltra 36

DocWeb Release 101

1 In corrispondenza di ogni contenuto si evidenzia una Casella di selezione Sopra la colonna con lecaselle di selezione egrave comparsa una lista di bottoni tra cui al momento distinguiamo

2 Bottone di copia elementi nella clipboard

3 Bottone di selezione tuttinessuno

Scegliendo ad esempio i primi due elementi e premendo il pulsante di copia elementi nella clipboard sipuograve notare che (figura Copia nella clipboard (page 37))

Figura 37 Copia nella clipboard

1 La clipboard che abbiamo scelto per la selezione multipla (ldquoClipboard 1rdquo) contiene la lista deglioggetti che abbiamo scelto di copiare

2 Ersquo comparsa lrsquoicona di Incolla contenuto Clipboard

La procedura della selezione della pagina di destinazione rimane identica a quella giagrave utilizzata per lacopia di un contenuto singolo (selezionare la pagina di destinazione su cui andare a posizionare i contenutiselezionati)

Egrave importante fare notare che seguendo le operazioni descritte sopra si ottiene come risultato lospostamento dei contenuti dalla pagina origine a quella destinazione

Se si desidera copiare gli elementi selezionati egrave necessario una volta selezionati gli elementi da copiarepremere il tasto copia gli items invece di spostarli (evidenziato con un cerchio rosso nella figura Tagliadalla clipboard (page 38))

32 Copia o spostamento di piugrave contenuti da una pagina ad unrsquoaltra 37

DocWeb Release 101

Figura 38 Taglia dalla clipboard

32 Copia o spostamento di piugrave contenuti da una pagina ad unrsquoaltra 38

DocWeb Release 101

In questo modo dopo avere confermato lrsquooperazione i contenuti o le pagine da copiare saranno presentisia nella pagina origine che in quella destinazione

32 Copia o spostamento di piugrave contenuti da una pagina ad unrsquoaltra 39

CAPITOLO 4

Modulo DAM (Digital AssetManagement)

Il modulo DAM (Digital Asset Management) offre la possibilitagrave di raccogliere e catalogare contenuti informato digitale come immagini documenti presentazioni

Ogni file inserito puograve essere corredato di informazioni aggiuntive (meta-informazioni) come la descrizionelrsquoautore parole chiave ecc

Attraverso il modulo DAM egrave possibile svolgere le seguenti operazioni

bull Caricamento e Aggiornamento di file

bull Ricerca di file allrsquointerno del DAM e modifica delle meta-informazioni associate ai file

41 Caricamento e Aggiornamento di file

Lrsquooperazione di CaricamentoAggiornamento di file serve per sottoporre al sistema DAM un particolarecontenuto memorizzato in formato digitale

Lrsquoelemento caricato saragrave poi disponibile a chi inserisce contenuti

Per iniziare lrsquooperazione di caricamento di un file egrave sufficiente selezionare la voce File che si trovaallrsquointerno del modulo Media (figura Menu file (page 41))

La maschera che si apre (figura File upload (page 41)) offre le seguenti possibilitagrave

1 Selezione della posizione dove andare a caricareaggiornare il file

2 Specificare alcuni documenti da caricare (area File)

Concentrandoci sullrsquoarea File (figura Dettaglio file upload (page 42)) distinguiamo

1 Voce Show upload location browser (punto 1 figura sopra) egrave possibile visualizzare i file attualmentecaricati nel Mount Point selezionato

2 Lista di bottoni denominati Sfoglia da utilizzare nel caso in cui si desideri caricareaggiornareun file

Se si desidera caricare un file occorre cliccare sul bottone Sfoglia

La finestra che appare (figura Sfoglia file (page 42)) permette di selezionare dal proprio PC il file dacaricare

Per selezionare un file da caricare occorre

1 Esplorare le cartelle del proprio PC per trovare il file

40

DocWeb Release 101

Figura 41 Menu file

Figura 42 File upload

41 Caricamento e Aggiornamento di file 41

DocWeb Release 101

Figura 43 Dettaglio file upload

Figura 44 Sfoglia file

41 Caricamento e Aggiornamento di file 42

DocWeb Release 101

2 Inserire il nome del file nella casella di testo Nome file

3 Premere il tasto Apri

Una volta che si egrave selezionato un file egrave possibile

1 selezionare altri file da caricare seguendo gli stessi passi descritti in precedenza

2 effettuare lrsquooperazione di caricamento del file vero e proprio

Dallrsquoesempio abbiamo scelto di caricare un solo file

Il caricamento dei file viene eseguito premendo il bottone ldquoUpload filesrdquo che si trova in fondo alla listadei file selezionati (figura File selezionato (page 43))

Figura 45 File selezionato

Se tutto egrave stato eseguito correttamente appariragrave una finestra come quella nella figura Process files(page 44)

In questa maschera egrave possibile

1 Specificare le meta-informazioni per il singolo file come ad esempio il titolo parole chiavedescrizione

2 Avviare il processo di elaborazione multipla premendo il bottone Process selected files Con questoprocesso egrave possibile inserire o modificare le meta-informazioni per tutti i file della lista (in questocaso solo uno)

Se si vuole eseguire lrsquoinserimento delle meta-informazioni per singolo file la finestra che si apre egrave similea quella presentata in figura Elaborazione metainformazioni singolo file (page 44)

Nel caso si scelga di eseguire il processo di elaborazione multipla la maschera che compare (figuraElaborazione metainformazioni file multipli (page 45)) permette di selezionare le meta-informazioni chelrsquoutente intende inserire contemporaneamente per tutti i file della selezione

41 Caricamento e Aggiornamento di file 43

DocWeb Release 101

Figura 46 Process files

Figura 47 Elaborazione metainformazioni singolo file

41 Caricamento e Aggiornamento di file 44

DocWeb Release 101

Figura 48 Elaborazione metainformazioni file multipli

41 Caricamento e Aggiornamento di file 45

DocWeb Release 101

Se si seleziona la checkbox accanto alla voce che eventualmente saragrave inserita questa viene aggiuntaalle informazioni eventualmente giagrave presenti (modalitagrave append) Nellrsquoaltro caso le informazioni sarannosovrascritte

I campi Titolo e Descrizione sono obbligatori mentre il campo Parole chiavi puograve essere valorizzato adiscrezione dellrsquoutente Informazioni su come valorizzare i campi elencati sopra saranno descritte suapposite linee guida

Per completare lrsquoinserimentoaggiornamento delle meta-informazioni riguardanti il file caricato occorrepremere il tasto Send (figura Salva metainformazioni (page 46)) in fondo alla maschera per il salvataggiodelle informazioni

Figura 49 Salva metainformazioni

Tornando alla maschera di caricamento file e selezionando la checkbox in corrispondenza della voceSovrascrivi file esistenti (figura Carica file sovrascrivendo (page 46)) saragrave possibile aggiornare eventualifile che hanno lo stesso nome di quello che stiamo caricando

Questa procedura egrave utile quando si vuole aggiornare il contenuto di un file che egrave giagrave presente nel DAM

Figura 410 Carica file sovrascrivendo

Nel caso di aggiornamento di un file le meta-informazioni del file rimangono le stesse inserite inprecedenza Come si puograve notare non viene offerta la possibilitagrave di inserirne di nuove

Nel caso in cui un file con lo stesso nome sia giagrave caricato e non si desideri aggiornarlo il file inseritoper ultimo viene rinominato con un suffisso generato automaticamente dal DAM In questo caso la voceSovrascrivi file esistenti non deve essere selezionata (figura Carica file senza sovrascrivere (page 47))

Nellrsquoesempio in figura viene presentata la lista dei file presenti nel mount point selezionato

Da notare la presenza di un file che egrave stato rinominato dal DAM con un suffisso ldquo_01rdquo dato che nellastessa posizione era giagrave presente un file con lo stesso nome

41 Caricamento e Aggiornamento di file 46

DocWeb Release 101

Figura 411 Carica file senza sovrascrivere

41 Caricamento e Aggiornamento di file 47

DocWeb Release 101

42 Ricerca di file allrsquointerno del DAM e modifica delle meta-informazioni

Rimanendo sempre allrsquointerno del modulo Media selezioniamo la voce List egrave possibile effettuare dellericerche dei file e modificare le meta-informazioni associate ai file

Nella figura Backend media list (page 48) distinguiamo

Figura 412 Backend media list

1 Parte relativa ai Mount Point disponibili

2 Parte relativa ai tipi di file caricati nel sistema

3 Schede List Thumbnails Selection Process

Da questa sezione egrave possibile effettuare ricerche sui file caricati nel DAM

Le ricerche che si possono eseguire sono del tipo ldquotrova tutti i file pdf e docrdquo oppure ldquoelenca tutti i filedi tipo immagine ad eccezione dei file con estensione gifrdquo

Per prima cosa facendo click sul nome del tipo file (es gif oppure image) si seleziona solo quel tipo difile e si escludono tutti i criteri selezionati in precedenza

Per aggiungere un altro criterio di ricerca egrave sufficiente selezionare il ldquo+rdquo (punto 1 nella figura Criteri diselezione (page 49)) posto accanto al tipo di file che si vuole selezionare

Con il ldquo-ldquo(punto 2) saragrave possibile rimuovere il tipo di file dai criteri di ricerca

Selezionando ldquo=rdquo (punto 3) egrave possibile introdurre clausole del tipo ldquocerca un file che sia doc e presentenel Mount Point chiamato lsquoArea Testrsquordquo (ossia effettua una ricerca che risponda a tutti i criteri impostati)

Nellrsquoesempio della figura Salva selezione (page 49) sono stati selezionati tutti i tipi di immagine adeccezione dei file con estensione gif Questo risultato si ottiene nel seguente modo

1 selezionare il ldquo+rdquo accanto alla voce ldquoimagerdquo

2 premendo il tasto ldquo-ldquo in corrispondenza della voce ldquogifrdquo

I criteri impostati per la selezione possono essere salvati per un uso futuro Per salvare la selezioneoccorre (figura Salva selezione (page 49))

1 riempire il campo sotto la voce SELECTION con un nome che identifichi la ricerca

2 premere il tasto Save per salvare la modalitagrave di ricerca impostata

In questo modo saragrave possibile richiamare e rieseguire la ricerca impostata anche in futuro senza doverripetere il procedimento di scelta dei criteri mostrato in precedenza

42 Ricerca di file allrsquointerno del DAM e modifica delle meta-informazioni 48

DocWeb Release 101

Figura 413 Criteri di selezione

Figura 414 Salva selezione

42 Ricerca di file allrsquointerno del DAM e modifica delle meta-informazioni 49

DocWeb Release 101

Se in futuro saranno inseriti nuovi file che soddisfano la ricerca salvata questi verranno selezionati quandoverragrave richiamata la ricerca salvata

Dalla figura Ricerca salvata (page 50) egrave possibile notare come richiamare la ricerca salvata In questocaso abbiamo salvato la ricerca con il nome ldquoimmaginisenzagifrdquo

Figura 415 Ricerca salvata

Una volta che si egrave selezionata la ricerca egrave possibile

1 Premere il tasto Load per ricaricare la ricerca precedentemente impostata

2 Premere Remove per rimuovere la ricerca salvata

Una volta effettuata una particolare selezione di file egrave possibile (figura Schede backend media list(page 50))

Figura 416 Schede backend media list

1 vedere il contenuto della selezione (schede List e Thumbnails)

2 vedere i criteri impostati per la ricerca (scheda Selection)

3 modificare le meta-informazioni associate ai file (scheda Process) secondo quanto descritto inprecedenza

Nella figura Scheda selection (page 51) egrave visualizzato come selezionando la scheda Selection egrave possibileprendere visione dei criteri impostati nella ricerca (la ricerca egrave quella dellrsquoesempio precedente)

Selezionando le schede List e Thumbnails dopo avere effettuato una qualsiasi selezione si potrebbe avereuna situazione come quella mostrata nella figura Scheda list (page 51)

Cliccando sullrsquoicona corrispondente ad uno dei file presenti nella lista (selezionato con un cerchio rosso)egrave possibile accedere ad un menugrave contestuale (figura Menu contestuale DAM (page 51))che permette disvolgere le seguenti operazioni

Modifica Offre la possibilitagrave di visualizzare e modificare le meta-informazioni associate al file

Rinomina Selezionando la seguente voce egrave possibile assegnare un altro nome al file che si egrave caricato

Replace file Avvia lrsquooperazione di sostituzione del file

Info Visualizza informazioni relative al file

Cancella Rimuove il file dal DAM

42 Ricerca di file allrsquointerno del DAM e modifica delle meta-informazioni 50

DocWeb Release 101

Figura 417 Scheda selection

Figura 418 Scheda list

Figura 419 Menu contestuale DAM

42 Ricerca di file allrsquointerno del DAM e modifica delle meta-informazioni 51

CAPITOLO 5

Modulo Pagine di download

51 Inserimento e configurazione pagine di download

La creazione di pagine di download egrave utile quando si vuole mettere a disposizione una lista di uno o piugravefile in forma scaricabile

Per creare una pagina di download egrave necessario seguire i seguenti passi

1 Creare una pagina standard

2 Inserire il plugin DAM Download List

3 Configurare il plugin

Per creare una pagina egrave sufficiente entrare nel modulo Pagina e selezionare Crea nuovo record per accederealla finestra di creazione pagine

Nellrsquoesempio in figura Backend creazione contenuto (page 52) egrave stata creata la pagina denominata ldquoPaginadownloadrdquo come figlio della pagina ldquoPagina di provardquo

Figura 51 Backend creazione contenuto

Una volta creata la pagina occorre configurarla in maniera tale da permettere la visualizzazione di unalista di file scaricabili Per fare ciograve occorre inserire un plugin denominato ldquoDAM Download Listrdquo Unplugin egrave un contenuto speciale da inserire in una pagina

52

DocWeb Release 101

Per inserirlo come per un contenuto occorre seguire i seguenti passi (figura Backend creazione contenuto(page 52))

1 Selezionare la pagina in cui inserire il plugin Nellrsquoesempio la pagina denominata ldquoPaginadownloadrdquo

2 Selezionare la voce Clicca qui per il wizard nella maschera che compare quando si vuole inserire unnuovo record

Figura 52 Wizard nuovo contenuto

Oltre ai normali contenuti standard il wizard permette di selezionare (figura Wizard nuovo contenuto(page 53))

1 Contenuti speciali

2 Moduli

3 Plugins

Allrsquointerno della lista dei Plugins selezionare DAM Lista dei file scaricabili (punto 4 nella figura Wizardnuovo contenuto (page 53))

Dopo aver selezionato il plugin occorreragrave selezionare la posizione della pagina in cui inserire lrsquoelemento

Selezionare ldquoNormalerdquo

A questo punto il plugin egrave inserito nella pagina desiderata

51 Inserimento e configurazione pagine di download 53

DocWeb Release 101

Oltre allrsquoinserimento occorre configurare il plugin in modo da dirgli quali file far visualizzare

Una volta che il plugin viene inserito viene aperta una finestra (figura Contenuto pagina (page 54)) doveviene richiesto di selezionare dei file inseriti nel sistema

Figura 53 Contenuto pagina

Per proseguire correttamente egrave necessario salvare immediatamente il Contenuto Pagina altrimenti leoperazioni successive potrebbero andare perse

Per inserire i file nella lista occorre effettuare la seguente operazione (figura Contenuto pagina (page 54))

1 Nella parte della maschera denominata DAM Lista di file scaricabili selezionare lrsquoicona SfogliaRecord (cerchiata in rosso) per avviare la procedura di selezione dei file

Selezionando la voce Sfoglia Record verragrave aperto lrsquoElement Browser di TYPO3 che ci permette di se-lezionare i file da inserire nel plugin La finestra (figura Element browser (page 55)) egrave composta di dueschede

1 Media ndash permette di selezionare i file giagrave esistenti nel sistema

2 Upload ndash permette di caricare nuovi file

Selezionando la sezione Media egrave possibile selezionare dalla lista i file da inserire

51 Inserimento e configurazione pagine di download 54

DocWeb Release 101

Figura 54 Element browser

Se la lista dei file fosse troppo lunga egrave possibile effettuare delle ricerche per nome e per tipologia di file(doc htm )

Per cercare per nome (figura Ricerca per nome (page 55)) occorre inserire nella casella di testo Cercastringa (punto 1 nella figura sopra) il nome o parte del nome del file da cercare Una volta specificata lastringa di ricerca premere il tasto Cerca (punto 2)

Figura 55 Ricerca per nome

Per cercare un particolare tipo di file selezionare il nome dellrsquoestensione che si desidera dallrsquoelenco deitipi di file (figura Ricerca per tipo (page 56))

Nota I due tipi di ricerca possono essere usati contemporaneamente

Selezionando la voce informazioni (punto 1 nella figura Selezione file (page 56)) egrave possibile visualizzarele meta-informazioni associate al file

Premendo con il mouse sul nome del file (punto 2) o sullrsquoicona associata (punto 3) si inserisce il file nellalista dei file da far visualizzare nella pagina di download mediante lrsquoapposito plugin

Selezionando la scheda Upload si puograve inserire un file non presente nel sistema (figura Caricamentoimmediato file (page 56))

51 Inserimento e configurazione pagine di download 55

DocWeb Release 101

Figura 56 Ricerca per tipo

Figura 57 Selezione file

Figura 58 Caricamento immediato file

51 Inserimento e configurazione pagine di download 56

DocWeb Release 101

Scegliere i file dal proprio PC seguendo le operazioni giagrave descritte nel modulo DAM e selezionare dallascheda Media i nuovi file inseriti

Nella figura Plugin con file selezionati (page 57) egrave visualizzato un esempio di maschera di configurazionedel plugin con la lista dei file selezionati

Figura 59 Plugin con file selezionati

I file una volta inseriti possono essere ordinati selezionando sugli appositi bottoni posti a destra dellalista file

bull Per ordinare un determinato file occorre

bull Selezionare un file

Premere uno dei tasti (figura sopra) per

1 Spostare in prima posizione

2 Spostare in alto di una posizione

3 Spostare in basso di una posizione

4 Spostare in ultima posizione

5 Rimuovere dalla lista il file selezionato

Una volta eseguiti i passaggi sopra descritti salvare la configurazione del plugin

51 Inserimento e configurazione pagine di download 57

CAPITOLO 6

Modulo Sitemap

Ersquo possibile generare una mappa del sito scegliendo un contenuto speciale di tipo ldquoMappa del Sitordquo comemostrato nella figura Contenuto mappa del sito (page 58)

Figura 61 Contenuto mappa del sito

Per scegliere un record di tipo ldquomappa del sitordquo (per visualizzare cioegrave la vista dei contenuti possibili)saragrave necessario portarsi in modalitagrave ldquopaginardquo compiendo gli stessi passaggi descritti per la creazione dicontenuti semplici in fase di creazione delle pagine (in questo caso selezionando il contenuto specialemappa)

58

DocWeb Release 101

61 Scheda di configurazione Mappa

La scheda di configurazione si presenta come nella figura Scheda mappa del sito (page 59)

Figura 62 Scheda mappa del sito

I campi fondamentali da personalizzare sono lrsquointestazione (ossia il titolo pagina) il tipo di menugrave e ilpunto di partenza Nellrsquointestazione viene inserito come di consuetudine il titolo pagina

62 Tipo di mappa

Ersquo possibile scegliere il tipo di mappa che si desidera creare consultando il menugrave a tendina ldquotipo di menugraverdquoche ci offriragrave diverse opzioni

Le piugrave frequentemente usate sono di tipo ldquoMenugrave delle sottopagine rdquo come indicato nella figura Tipo dimenu (page 60)

Menugrave delle sottopagine di queste pagine Scegliendo questa opzione da una pagina padre sigenereragrave un record che mostreragrave al suo interno tutte le sottovoci figlio con relativo link

Menugrave delle sottopagine di queste pagine (con abstract) Genera una mappa sia delle sottopagineche dei sottotitoli

Menugrave delle sottopagine di queste pagine + sezioni Genera una mappa sia delle sottopagine chedei record (link alle intestazioni dei singoli record)

Selezionando voci di menugrave di sottopagine egrave anche possibile stabilire un determinato punto di partenzasfogliando lrsquoapposito record

61 Scheda di configurazione Mappa 59

DocWeb Release 101

Figura 63 Tipo di menu

63 Il ldquopunto di partenzardquo della mappa

Il ldquopunto di partenzardquo dei Menugrave delle sottopagine Scheda mappa del sito (page 59) costituisce la paginadalla quale il sistema partiragrave per creare la mappa

Si potragrave quindi creare una mappa (di tipo menugrave delle sottopagine) che mostri solamente il percorso diquella porzione di menugrave che si intende mostrare

63 Il ldquopunto di partenzardquo della mappa 60

CAPITOLO 7

Modulo News

71 Inserimento e modifica di news

Alcune sezioni del nostro sito potrebbero essere state configurate per permettere la visualizzazione dinotizie

Per poter visualizzare le news correttamente occorre che queste ultime vengano inserite in una determi-nata posizione allrsquointerno del backend Da questa posizione che chiameremo repository delle news lenostre pagine andranno a prelevare le news da visualizzare al loro interno

Figura 71 Backend news

Nellrsquoesempio presentato nella figura Backend news (page 61) distinguiamo

1 il repository delle news che egrave stato creato

2 Un esempio di come potrebbe apparire il contenuto del repository delle news (lista delle news)

Per poter visualizzare il contenuto del repository delle news occorre seguire i seguenti passi

1 entrare nel modulo Pagina

61

DocWeb Release 101

2 selezionare il repository delle news corrispondente (nellrsquoesempio della figura Backend news (page 61)il Repository delle news si chiama ldquoNews Area Testrdquo)

Poniamo ora la nostra attenzione alla lista delle news (figura Lista news (page 62)) Da qui egrave possibile

bull Inserire una nuova notizia

bull Modificare le notizie giagrave esistenti

Per inserire una nuova notizia occorre selezionare la voce Crea nuovo record (figura Lista news (page 62))posta in fondo alla lista delle news

Figura 72 Lista news

A questo punto si apre la finestra di creazione Nuovo record da cui occorre selezionare la voce News(figura Nuovo record news (page 62))

Figura 73 Nuovo record news

Eseguendo le operazioni sopra descritte si accede alla maschera di inserimento news (figura Inserimentonews scheda generale (page 63))

Questa si compone di due schede una denominata Generale e unrsquoaltra denominata Relations

Nella scheda Generale egrave possibile inserire

Titolo in questo spazio egrave possibile specificare un titolo della news

Nascondi questo controllo determina se la news egrave pubblicabile oppure no Come avviene per le pagineanche per le news egrave consigliabile tenere la news nascosta durante la lavorazione Facciamo notare

71 Inserimento e modifica di news 62

DocWeb Release 101

Figura 74 Inserimento news scheda generale

71 Inserimento e modifica di news 63

DocWeb Release 101

che appena viene aperta la maschera di inserimento di una nuova news il controllo appare giagrave instato nascosto

Dataora in questo spazio viene indicata la data e lrsquoora della creazione della news in base ai parametridi sistema

Data Archiviazione in questo spazio viene inserita la data di Archiviazione di una news

Autore permette di specificare un autore della news

Email permette di specificare un e-mail a cui fare riferimento

Sottointestazione questo campo conterragrave una breve descrizione (abstract) della news La sottointes-tazione egrave quella parte della news che compare quando viene visualizzata la lista delle news e serveper dare una breve descrizione al contenuto della news (si veda Esempio news (page 64))

Figura 75 Esempio news

Durante lrsquoinserimento di una news egrave consigliabile specificare sempre una sottointestazione

Testo egrave il campo che contiene il contenuto vero e proprio della news Egrave possibile utilizzare tutte lefunzionalitagrave messe a disposizione dallrsquoeditor RTE

72 Modalitagrave Relations

Nella modalitagrave Relations (figura Inserimento news scheda relations (page 65)) egrave possibile inserire

Immagini contiene una lista di immagini da associare alla news Il procedimento per la se-lezionecaricamento delle immagini egrave stato descritto nella parte dedicata alla creazione di paginedi download a cui vi rimandiamo

Didascalia permette di specificare una descrizione per lrsquoimmagine associata alla news

Image alttext e Image titletext permette di specificare un testo che in visualizzazione (Frontend)compariragrave al passaggio del mouse sopra lrsquoimmagine

News correlate permette di specificare news o pagine del sito da associare alla news Il procedimentodi selezione delle news da associare alla notizia saragrave spiegato successivamente

DAM elements permette di assegnare alla news dei documenti da scaricare come per esempioil programma di un determinato evento Anche in questo caso il procedimento per la se-lezionecaricamento dei documenti egrave quello giagrave descritto nella parte dedicata alla creazione dipagine di download

Descriviamo il procedimento da seguire per associare alcune pagine o alcune news alla notizia che stiamoinserendo

Premere il tasto di Sfoglia Record evidenziato nella figura Sfoglia record news (page 65)

Verragrave aperta una finestra che contiene un Element Browser che ci permette di selezionare le newspagine(figura Element browser news (page 66)) da associare

La finestra di selezione si suddivide nelle seguenti parti (figura sopra)

Alberatura del sito da cui egrave possibile esplorare gli elementi del nostro sito (pagine sysfolder )Premendo con il tasto sinistro del mouse sul nome della pagina o sulla freccia corrispondente verragraveaggiornata la parte di destra della finestra in cui egrave inserita la lista degli elementi associabili

72 Modalitagrave Relations 64

DocWeb Release 101

Figura 76 Inserimento news scheda relations

Figura 77 Sfoglia record news

72 Modalitagrave Relations 65

DocWeb Release 101

Figura 78 Element browser news

Lista degli elementi associabili egrave quindi possibile selezionare gli elementi da associare alla newsPer associare un elemento si puograve selezionare il simbolo ldquo+rdquo posto accanto allrsquoelemento desideratoo agendo sul nome del file Nel primo caso lrsquoelemento viene aggiunto ma la finestra non si chiuderagrave(utile per effettuare selezioni multiple) mentre nel secondo caso lrsquoelemento viene aggiunto e lafinestra si chiuderagrave (selezione singola)

Nota Per associare una o piugrave news alla notizia che stiamo inserendo occorreragrave innanzitutto selezionareil repository delle news e utilizzando i metodi descritti in precedenza indicare le news di interesse

Nella figura Selezione repository (page 66) viene visualizzato come appare lrsquoElement Browser dopo averselezionato il repository delle news denominato ldquoNews Corso Typo3rdquo

Figura 79 Selezione repository

Una volta ultimato il procedimento di inserimento di una news vedremo che nel repository compariragrave(figura News nel repository (page 67)) anche quella da noi creata Nellrsquoesempio la news creata si chiamaldquoTitolo della news di provardquo

Dalla lista delle news possiamo notare che i diversi tipi di news sono contrassegnati con icone diverse

In particolare distinguiamo

72 Modalitagrave Relations 66

DocWeb Release 101

Figura 710 News nel repository

bull News (icona ldquocelestinardquo)

bull Collegamento a URL esterna (icona ldquorosardquo)

bull Collegamento a pagina interna (icona ldquogiallinardquo)

Per modificare il contenuto di una news egrave sufficiente selezionare il simbolo di modifica (figura Modificanews (page 67)) in corrispondenza della news da modificare

Figura 711 Modifica news

73 News collegata a URL esterna e a pagina interna

Attraverso la selezione della finestra ldquoTipordquo egrave possibile scegliere diverse tipologie di news

Nella figura News collegata a url esterna (page 68) egrave stato selezionato il Collegamento a URL esterna checi offriragrave la possibilitagrave di specificare un link (ldquoURL esternordquo) da far visualizzare e che saragrave contraddistintain lista da lrsquoicona di colore rosa

Selezionando il Collegamento a pagina interna viene offerta la possibilitagrave di inserire un collegamento auna pagina del sito (evidenziato nella figura News collegata a pagina interna (page 69))

La news si presenteragrave con icona di color ldquogiallordquo e al suo interno conterragrave un link alla pagina interna alsito

73 News collegata a URL esterna e a pagina interna 67

DocWeb Release 101

Figura 712 News collegata a url esterna

73 News collegata a URL esterna e a pagina interna 68

DocWeb Release 101

Figura 713 News collegata a pagina interna

73 News collegata a URL esterna e a pagina interna 69

DocWeb Release 101

74 Eliminazione delle News

Per eliminare una news possiamo procedere tra lrsquoaltro in due modi

1 Selezionare la news da eliminare dallrsquoelenco e selezionare la voce ldquocancellardquo dal menugrave a tendinaconsultabile cliccando con il pulsante destro sullrsquoicona in corrispondenza della news (figura Eliminanews da menu contestuale (page 70))

Figura 714 Elimina news da menu contestuale

2 Entrare allrsquointerno della modalitagrave di modifica della news attraverso lrsquoicona ldquomatitardquo e selezionare lrsquoi-cona raffigurante il bidone di elimina posta in alto pagina (figura Elimina news da scheda contenuto(page 70))

Figura 715 Elimina news da scheda contenuto

75 Ordinamento delle News e ricerca

Puograve essere necessario durante la visualizzazione della lista delle news (lato backend) di dover effettuaredegli ordinamenti al fine di permettere una ricerca piugrave veloce delle news da modificare

74 Eliminazione delle News 70

DocWeb Release 101

Avvertimento Lrsquoordinamento ha valore solo come ricerca allrsquointerno del backend mentre latofrontend rispecchieragrave i parametri prestabiliti dal sistema

Supponiamo per esempio di voler effettuare un ordinamento per Titolo Seguiamo i seguenti passi(figura sotto)

1 Selezionare la voce di menugrave Lista

2 Selezionare il deposito delle news (repository) News Corso Typo3

3 Cliccare con il mouse in corrispondenza della voce ldquoTitolordquo

A questo punto (figura Ordinamento news (page 71)) le news vengono ordinate in ordine crescente(vengono visualizzate prima le news con titolo che inizia con la lettera a b e cosigrave via)

Figura 716 Ordinamento news

Se clicchiamo unrsquoaltra volta sulla voce ldquoTitolordquo il tipo di ordinamento cambia da crescente a decrescente(compariranno per prima le news con titolo che inizia per z )

Egrave inoltre possibile ordinare secondo campo da noi specificato Per definire il nome di un campo (ad estesto inizio autore ) su cui effettuare lrsquoordinamento occorreragrave spostarsi in fondo alla lista delle newsdove troveremo una lista di campi (figura Mostra campo aggiuntivo news (page 71))

Figura 717 Mostra campo aggiuntivo news

Dalla lista possiamo

bull Selezionare la voce in base alla quale effettuare lrsquoordinamento (ad esempio Immagini)

bull Premere il tasto Imposta campi per aggiungere alla lista dei campi visualizzati quello selezionato

75 Ordinamento delle News e ricerca 71

DocWeb Release 101

A questo punto il campo selezionato (nel nostro esempio il campo Immagini) compare nella lista dellenews (il campo aggiunto egrave evidenziato con un riquadro in alto a destra nella figura Ordinamento campoaggiuntivo news (page 72))

Figura 718 Ordinamento campo aggiuntivo news

Effettuare le stesse operazioni illustrate per il campo Titolo per ordinare in modo crescente e decrescentele news secondo il criterio impostato (click pulsante sinistro sul nome etichetta)

Egrave anche possibile ricercare le news in base al testo contenuto nel titolo sottotitolo descrizione eccUtilizzando la maschera di ricerca in fondo pagina (evidenziata nella figura Ricerca news (page 72))

Figura 719 Ricerca news

Per effettuare una ricerca egrave necessario seguire i seguenti passi

1 Inserire nel campo Cerca Stringa il testo da cercare (nel nostro esempio ldquonequerdquo)

2 Premere il tasto Cerca per eseguire la ricerca secondo i criteri impostati

In questo modo nella lista delle news compariranno solo quelle che contengono il testo specificatoEffettuata la ricerca egrave possibile effettuare degli ordinamenti come spiegato in precedenza

75 Ordinamento delle News e ricerca 72

CAPITOLO 8

Modulo Eventi

Avvertimento SEZIONE NON COMPLETA

Si confrontino i seguenti due tipi di contenuti

Evento egrave un tipo di contenuto adatto a descrivere qualcosa che accadragrave o che egrave accaduto in una certadata La data o le date in cui lrsquoevento ricorre sono strettamente legate ad un luogo in cui lrsquoeventosi verificheragravesi egrave verificato Gli eventi vengono rappresentati mediante la metafora dellrsquoagenda edel calendario

Notizia egrave un tipo di contenuto caratterizzato dalla data di pubblicazione secondo la metafora delgiornale online E come in un giornale online una notizia puograve riferirsi sia a fatti giagrave accaduti chea fatti a venire

Nota Per comprendere meglio la differenza tra i due tipi di contenuto si pensi che dato un eventoche ha una certa data di svolgimento (ad es 20 maggio) di tale evento posso realizzare piugrave di unanotizia Rimanendo nellrsquoesempio potrei pubblicare una notizia il 10 maggio per preannunciare lrsquoeventoe poi unrsquoaltra il 18 maggio per ricordarne lrsquoimminenza Infine potrei pubblicare una notizia di riepilogo(cronaca dellrsquoevento immagini ecc) il 22 maggio

81 Scopo del modulo Eventi

Il visitatore del sito deve poter cogliere le informazioni essenziali di un evento

bull Cosa sta per succedere

bull Dove accadragrave

bull Quando accadragrave

82 Il Backend ndash Modulo Pagina

Vedi figura Eventi vista modulo pagina (page 74)

83 Il Backend ndash Modulo Lista

Vedi figura Eventi vista modulo lista (page 74)

73

DocWeb Release 101

Figura 81 Eventi vista modulo pagina

Figura 82 Eventi vista modulo lista

83 Il Backend ndash Modulo Lista 74

DocWeb Release 101

84 Creazione di un evento

Prima di procedere poniamoci qualche domanda

bull Lrsquoevento appartiene a qualche rassegna iniziativa per la quale sono in programma altri eventiPer esempio

ndash Rassegne teatrali cinematografiche

ndash Festival

bull Lrsquoevento si ripete

ndash La replica avviene sempre nello stesso luogo

841 Creazione del record

Vedi figura Creazione nuovo evento (page 75)

Vedi figura Creazione nuovo record evento (page 76)

Figura 83 Creazione nuovo evento

842 Scheda ldquoGeneralerdquo

Vedi figura Evento scheda generale (page 76)

843 Scheda ldquoFinestra temporalerdquo

Orario repliche

Vedi figura Evento finestra temporale (page 78)

84 Creazione di un evento 75

DocWeb Release 101

Figura 84 Creazione nuovo record evento

Figura 85 Evento scheda generale

84 Creazione di un evento 76

DocWeb Release 101

bull Lrsquoorario va solo per le Finestre temporali di un giorno (data inizio = data fine)

bull Se non si conosce lrsquoora della fine impostare ora inizio = ora fine

844 Scheda ldquoTestordquo

Vedi figura Evento scheda testo (page 79)

84 Creazione di un evento 77

DocWeb Release 101

Figura 86 Evento finestra temporale

84 Creazione di un evento 78

DocWeb Release 101

Figura 87 Evento scheda testo84 Creazione di un evento 79

  • Introduzione
    • Cosegrave DocWeb
    • Concetti chiave
      • Funzionalitagrave di Base
        • Il CMS Typo3 ldquobackendrdquo e ldquofrontendrdquo
        • Cambio password di accesso
        • Albero delle pagine
        • Implementazione delle pagine ldquogenitori rdquo e ldquofiglirdquo
        • Inserimento Nuova pagina
        • Elementi standard della pagina
        • Inserimento contenuti di una pagina
        • Contenuti multipli allrsquointerno di una pagina
        • Modifica dei contenuti della pagina
        • Spostamento di pagine
        • Eliminazione pagine
        • Rich Text Editor
        • Modalitagrave Lista
        • Modalitagrave Mostra
        • Modalitagrave ldquoMonta come radice dellrsquoalberordquo
        • Ottenere il page-id di una pagina
        • Admin Panel
          • La Clipboard
            • Copia o spostamento di un contenuto singolo di pagina allrsquointerno di unrsquoaltra pagina
            • Copia o spostamento di piugrave contenuti da una pagina ad unrsquoaltra
              • Modulo DAM (Digital Asset Management)
                • Caricamento e Aggiornamento di file
                • Ricerca di file allrsquointerno del DAM e modifica delle meta-informazioni
                  • Modulo Pagine di download
                    • Inserimento e configurazione pagine di download
                      • Modulo Sitemap
                        • Scheda di configurazione Mappa
                        • Tipo di mappa
                        • Il ``punto di partenza della mappa
                          • Modulo News
                            • Inserimento e modifica di news
                            • Modalitagrave Relations
                            • News collegata a URL esterna e a pagina interna
                            • Eliminazione delle News
                            • Ordinamento delle News e ricerca
                              • Modulo Eventi
                                • Scopo del modulo Eventi
                                • Il Backend ndash Modulo Pagina
                                • Il Backend ndash Modulo Lista
                                • Creazione di un evento
Page 21: DocWeb€¦ · per la realizzazione e la gestione di siti web della Pubblica Am-ministrazione. La piattaforma tecnologica utilizzata è il CMS (Content Management System) Open SourceTypo31

DocWeb Release 101

Il contenuto non avragrave vincoli con i record precedenti pur apparendo nella stessa pagina del frontend Ciogravegarantisce una vantaggiosa gestione delle pagine che suddivise in ldquosezionirdquo potranno essere di volta involta pubblicate cancellate modificate a blocchi di contenuto senza toccare lrsquointera pagina

Si potragrave suddividere la stessa pagina in diverse aree (record) ossia ldquocontenuti multiplirdquo via via aggiornabilianche da altri utenti di redazione

Ersquo inoltre possibile effettuare una ricerca su di un contenuto di tipo testuale allrsquointerno delle pagine edei record utilizzando il campo ldquoCerca Stringardquo La ricerca puograve essere effettuata allrsquointerno della paginae dei suoi record ed estesa anche ai livelli inferiori

29 Modifica dei contenuti della pagina

Creata una pagina potremo modificarla ogni volta che saragrave necessario

Per modificare una pagina saragrave sufficiente selezionarla dal menugrave portandosi con il cursore del mouse aldi sopra del titolo e cliccando con il pulsante destro su di essa (figura Modifica pagina (page 18))

Una pagina da modificare potragrave anche essere raggiunta tramite la ricerca dellrsquoID (vedi capitolo 3 Alberodelle pagine)

Scegliere la voce ldquomodificardquo dal menugrave a tendina che si apriragrave dopo il click

Figura 220 Modifica pagina

A destra nellrsquoarea principale si apriragrave la schermata riportante il contenuto della pagina selezionata

Potremo scegliere lrsquoelemento da modificare cliccando sullrsquoicona matita

Nota Ricordarsi sempre di salvare per rendere effettive le modifiche e di ricontrollare la visualizzazionedella pagina modificata

Per modificare lrsquointestazione di una pagina egrave sufficiente selezionare la voce ldquoModifica intestazionirdquo dalmenugrave portandosi con il cursore del mouse al di sopra del titolo e cliccando con il pulsante destro su diesso (figura Menu modifica intestazioni pagina (page 19))

210 Spostamento di pagine

Oltre le modifiche stilistiche testuali e di contenuto di una pagina possiamo modificarne la posizione

29 Modifica dei contenuti della pagina 18

DocWeb Release 101

Figura 221 Menu modifica intestazioni pagina

Per spostare la posizione di una pagina allrsquointerno di un menugrave selezioniamola dal menugrave principale conclick sinistro del mouse

Nella schermata di destra scegliamo lrsquoicona

Si apriragrave un menugrave che ci mostreragrave lrsquoalberatura del nostro sito (esattamente come per lrsquoinserimento diuna nuova pagina) composto da pagine principali (genitori) e pagine ad esse collegate (figli)

A questo punto dovremo solo scegliere dove spostare la pagina muovendoci sulle frecce grigie sottostantie sovrastanti le varie voci di menugrave

Avvertimento Spostando una pagina genitore anche i figli vengono spostati con esso

211 Eliminazione pagine

Per eliminare le pagine egrave sufficiente selezionare la pagina in questione dal menugrave principale cliccando conil pulsante destro del mouse su di essa e scegliere la voce del menugrave a tendina che si apriragrave ldquoCancellardquo

Avvertimento Non egrave possibile cancellare una pagina genitore Ossia non egrave possibile cancellareuna pagina che al suo interno contiene altre pagine prima che questrsquoultime trovino una collocazionealternativa

212 Rich Text Editor

Quando si inserisce un contenuto nellrsquoarea di testo (inserito digitando direttamente allrsquointerno dellrsquoap-posita area o copiato e incollato da fonte esterna con la dovuta cautela) egrave possibile personalizzarlo eformattarlo utilizzando le funzionalitagrave previste dal Rich Text Editor (RTE)

Nota Un testo copiatoincollato da altri programmi va ldquoripulitordquo prima di essere pubblicato poicheacuteil modulo che utilizzeremo tende a mantenere la formattazione originaria del carattere delle immaginidei colori falsando la linea grafica omogenea e standard del nostro portale

In ogni modo quando si salva un documento il cui testo conteneva una formattazione proveniente ad es-empio da un documento di tipo word questo viene automaticamente ldquoripulito nel codicerdquo ed egrave opportunocontrollare la visualizzazione

211 Eliminazione pagine 19

DocWeb Release 101

Proviamo ad inserire ad esempio una semplice frase allrsquointerno del box testo (figura Box testo RTE(page 20))

Figura 222 Box testo RTE

La frase viene digitata direttamente nellrsquoarea testo mantenendo un tipo di formattazione ldquonormalerdquo

2121 Testo grassetto corsivo sottolineato (bold italic underline)

Proviamo a selezionare la frase ldquoProvincia di Pesaro e Urbinordquo tenendo premuto il pulsante sinistro delmouse trascinando il cursore dalla P di Provincia alla o di Urbino

In alternativa portare il cursore alla P di Provincia tenere tasto maiuscolo premuto e muoversi con lefrecce per selezionare il testo

Lrsquoesempio egrave utile per capire che per effettuare una determinata azione di tipo stilistico su una frase oparola egrave necessario che la frase o la parola siano preventivamente selezionate

Figura 223 Comandi box testo RTE

212 Rich Text Editor 20

DocWeb Release 101

Se il testo egrave stato selezionato correttamente vedremo la parola ldquoProvincia di Pesaro e Urbinordquo evidenziatadi blu scuro

Click sinistro sul simboloicona ldquoBrdquo (figura Comandi box testo RTE (page 20)) per creare un effettoldquograssettordquo al testo

Click sinistro sul simboloicona ldquoIrdquo per il corsivo-italico

Click sinistro sul simboloicona ldquoU ldquo per il sottolineato

Nota Il Grassetto dona alle parole un sapore piugrave incisivo e si utilizza per enfatizzare termini importantie di rilievo

LrsquoItalico viene usato comunemente per indicare le date gli indirizzi le citazioni

Il Sottolineato su web viene comunemente usato nelle parole ldquolinkaterdquo (ossia che rimandano ad altrepagine web) per cui se ne sconsiglia lrsquouso in un testo semplice per evitare confusione

2122 Elenco Puntato e Numerato

Portiamoci con il cursore allrsquointerno della box di testo

Selezioniamo lrsquoicona Lista non numerata (Elenco puntato semplice)

Vedremo comparire un simbolo tontoromboidale e potremo dare vita ad una lista

bull Voce 1

bull Voce 2

bull Voce 3 ecc

Allo stesso modo potremo creare una lista numerata avvalendoci dellrsquoicona ldquoLista numeratardquo

Lrsquoelenco viene numerato

1 Voce 1

2 Voce 2

3 Voce 3 ecc

2123 Pulsanti di Annulla e Ripristina

Compiuta una determinata azione egrave possibile tornare indietro o ripristinarla tramite i pulsanti ldquoAnnullalrsquoultima azionerdquo e ldquoRifai lrsquoultima azionerdquo

Piugrave volte si clicca sui pulsanti piugrave volte lrsquoazione viene ripetuta indietro ed avanti nel tempo

2124 Copia Taglia Incolla

Selezionando un testo potremo tagliarlo copiarlo e incollarlo

Copia selezionare il testo utilizzare lrsquoicona ldquocopia selezionerdquo per copiare

Taglia il testo viene eliminato ma resta in memoria per essere eventualmente incollato altrove odefinitivamente cancellato Ersquo possibile tenere in memoria solo lrsquoultimo testo o parola tagliato

Incolla Un testo precedentemente copiato o tagliato puograve essere incollato nuovamente o su diversoambiente

212 Rich Text Editor 21

DocWeb Release 101

2125 Rimuovi Formattazione

Ersquo possibile che il testo importato e incollato nellrsquoarea testo da altra fonte (es documento word) sildquosporchirdquo e ne acquisisca le caratteristiche stilistiche in maniera non corretta

Ersquo necessario pulire il testo selezionandolo e cliccando su ldquorimuovi formattazionerdquo

Si apriragrave un pop-up (nuova finestra) che ci proporragrave diversi elementi da pulire selezioniamo ciograve che ciinteressa e clicchiamo su OK

2126 Inserisci Caratteri Speciali

Alcune volte puograve essere necessario inserire dei caratteri o simboli non presenti sulla tastiera o nonconvenzionali per i quali esiste una mappa di caratteri speciali

Il sistema propone diversi tipi di caratteri speciali tra i piugrave comuni e frequentemente usati per adoperarliegrave sufficiente cliccare sullrsquoapposita icona ldquoInserisci Caratteri Specialirdquo

Una finestra ci mostreragrave una vasta gamma di simboli tra i quali potremo scegliere quello che ci interessa

2127 Inserisci Tabella

Per agevolare lrsquoinserimento di dati numerici in forma ldquoTabellarerdquo si puograve ricorrere allrsquoinserimento di unatabella contraddistinta dallrsquoapposito simbolo

La tabella puograve essere immaginata come una quaderno a ldquoquadrettirdquo dove ogni ldquoscacchettordquo corrispondead una cella

Scegliendo di inserire una tabella si apriragrave una finestra pop-up dove andremo ad inserire parametridi spaziatura fra celle numero di righe e colonne che compongono la tabella spessore del bordoallineamento rispetto alla pagina ecc

2128 Link

Ogni sito egrave composto da pagine consultabili e collegate tra loro tramite link

I link sono i collegamenti presenti sulle voci di menugrave parole immagini ecc

Ersquo possibile collegare pagine appartenenti ad uno stesso sito un indirizzo web di un sito esterno ounrsquoe-mail un file da scaricare un immagine ecc

Nota Immettendo nel testo un indirizzo web o e-mail completo il programma egrave in grado di capireautomaticamente che si tratta di un link e collegare gli elementi automaticamente

Volendo invece collegare elementi non scritti in forma completa si dovragrave procedere come segue

Selezioniamo la parola o frase che vogliamo collegare (come precedentemente visto) e clicchiamo sullrsquoiconaldquoInserisci Linkrdquo

Si apriragrave un pop-up come indicato nella prossima figura

Link ad una pagina interna al sito

La finestra ci propone lrsquoalberatura del nostro sito con le pagine in esso presenti (La voce attiva egraveldquopaginardquo di colore giallomarrone rispetto alle altre voci del pop-up)

Selezionando (figura Link interno (page 23)) la pagina che vorremo collegare il pop-up si chiuderagrave e laparola che avevamo selezionato precedentemente per il link cambieragrave aspetto

La vedremo blu e sottolineata il che indica che il link egrave attivato

212 Rich Text Editor 22

DocWeb Release 101

Figura 224 Link interno

Ersquo anche possibile creare dei link che aprono la pagina collegata allrsquointerno di una ldquofinestra di pop-uprdquocioegrave dentro una nuova finestra del browser Specificando le dimensioni di altezza e larghezza della nuovafinestra allrsquointerno degli appositi campi

Link ad una pagina esterna al sito

Selezioniamo una parola o frase che vogliamo collegare (come precedentemente visto) e clicchiamosullrsquoicona ldquoInserisci Linkrdquo

Scegliamo nel menugrave in alto proposto dal pop-up il bottone ldquoURL esternordquo (figura Link esterno (page 23))

Figura 225 Link esterno

Impostiamo nel campo URL lrsquoindirizzo web che vogliamo linkare prestando attenzione a scriverlo peresteso e senza cancellare http

Clicchiamo su ldquoImposta Linkrdquo

Il pop-up si chiuderagrave e la parola che avevamo selezionato precedentemente per il link cambieragrave aspetto

212 Rich Text Editor 23

DocWeb Release 101

La vedremo blu e sottolineata il che indica che il link egrave attivato

2129 Link ad unrsquoEmail

Come precedentemente visto scrivendo un indirizzo e-mail valido il programma di gestione egrave in grado dicapire che si tratta di un indirizzo di posta elettronica e il link viene impostato automaticamente

Tuttavia ci sono dei casi in cui non egrave possibile o si preferisce non indicare lrsquoindirizzo e-mail per estesoad esempio potremmo avere ldquoPer informazioni scrivicirdquo

Volendo potremmo fare in modo che sulla parola ldquoscrivicirdquo ci sia impostata la funzione di invio e-mail

Selezioniamo quindi la parola andiamo su ldquoInserisci Linkrdquo scegliendo poi ldquoEmailrdquo

Inseriamo lrsquoindirizzo E-mail nellrsquoapposito campo e clicchiamo su ldquoimposta Linkrdquo

21210 Link ad un file scaricabile

Per collegare un file (espdf txt gif ecc) egrave necessario copiarlo dal proprio PC al server web

Non egrave infatti possibile che una pagina pubblicata su internet prenda come link dei files che di fatto sonosalvati in una directory del nostro computer

Typo3 mette a disposizione un area dovrsquoegrave possibile pubblicare i files per poi essere resi disponibili ai linkossia rende disponibile lrsquo ldquoUploadrdquo dei files da pc a server

Scegliere dal menugrave di sinistra sotto la sezione ldquoMediardquo la voce ldquoFilerdquo (figura Seleziona file (page 24))

Figura 226 Seleziona file

Si apriragrave sulla destra una nuova area dove troveremo i campi utili a ldquosfogliarerdquo il contenuto del nostropc al fine di passare i file o i files dal nostro computer al manager

Effettuato il passaggio potremo ritornare alla nostra pagina e riprendere la procedura di ldquocreazione linkrdquoselezionando questa volta la voce ldquoFilerdquo del pop-up

I campi proposti sono del tutto simili a quelli di creazione di link su pagine del sito e un elenco di files(tutti quelli disponibili caricati) potranno essere collegati

213 Modalitagrave Lista

Selezionando la voce ldquolistardquo (figura Backend modalitagrave lista (page 25)) dal menugrave di sinistra egrave possibileesplorare una pagina ldquopadrerdquo e tutte le pagine ldquofiglirdquo ed essa associate

Avvertimento Ricordarsi di attivare la voce in basso ldquoVista Estesardquo

213 Modalitagrave Lista 24

DocWeb Release 101

Figura 227 Backend modalitagrave lista

Utilizzando le icone poste alla destra di ogni voce si possono compiere diverse operazioni di modificavisualizzazione spostamento copia e incolla pagina ecc come precedentemente descritto

Dunque potremo dire che la modalitagrave lista costituisce una scorciatoia per semplificare ogni sorta dioperazione soprattutto in presenza di un numero considerevole di files

214 Modalitagrave Mostra

Figura 228 Backend modalitagrave mostra

Selezionando la voce ldquoMostrardquo (figura Backend modalitagrave mostra (page 25)) dal menugrave di sinistra egrave possibilenavigare il sito allrsquointerno del docweb direttamente nel backend

214 Modalitagrave Mostra 25

DocWeb Release 101

Inoltre accanto ai vari record troveremo posta lrsquoicona matita per eseguire eventuali modifichedirettamente sul punto e la pagina prescelti

Anche la modalitagrave ldquoMostrardquo come la rdquoListardquo (cap 13) costituisce una scorciatoia particolarmente indicataper semplificare lrsquooperazione di visualizzazione del sito e di modifica

215 Modalitagrave ldquoMonta come radice dellrsquoalberordquo

Quando esistono diverse e numerose pagine egrave possibile gestire solo la porzione di contenuto che ci interessariducendo lrsquoalberatura del sito (lato backend) ai minimi termini mediante il comando ldquomonta come radicedellrsquoalberordquo

Per effettuare il comando procedere come segue

Cliccare con il pulsante destro del mouse sul titolo pagina dal menugrave centrale

Selezionare la voce ldquoaltre opzionirdquo dal menugrave a tendina (figuraMenu altre opzioni (page 26)) che compariragravecome conseguenza dellrsquoazione descritta al punto uno

Figura 229 Menu altre opzioni

Selezionare dallrsquoulteriore menugrave che si apriragrave (figura Seleziona monta come radice (page 26)) la voceldquoMonta come radice dellrsquoalberordquo

Figura 230 Seleziona monta come radice

Lrsquoalberatura si ridurragrave automaticamente mostrando solo la porzione selezionata

Per ripristinare lo stato di partenza selezionare la voce in alto nel menugrave centrale (figura Elimina DBmount (page 26)) ldquoElimina DB mount temporaneordquo

Figura 231 Elimina DB mount

Il menugrave si espanderagrave nuovamente mostrando tutte le voci esistenti

215 Modalitagrave ldquoMonta come radice dellrsquoalberordquo 26

DocWeb Release 101

216 Ottenere il page-id di una pagina

2161 Frontend (FE)

Da frontend si puograve ottenere il page-id della pagina corrente nei seguenti modi

1 dalla barra degli indirizzi del proprio browser (figura Id dallrsquourl (page 27)) Il numero della paginaegrave quello dopo la stringa ldquoid=rdquo Nella figura egrave cerchiata in verde la stringa ldquoid=rdquo e il numero dellapagina (page-id)

Figura 232 Id dallrsquourl

2 Puntando il mouse sulla scritta [id] a pieacute pagina e leggendo il tooltip (figura Id dal tooltip (page 27))

Figura 233 Id dal tooltip

3 Solo per browser Firefox dal menugrave di contesto scegliere la voce ldquoVisualizza info paginardquo si apreuna finestra consultare quindi la lista Meta sotto la scheda Generale (Id dagli attributi (page 28))

2162 Backend (BE)

Da backend egrave possibile ottenere il page-id nei seguenti modi

1 leggendo il tooltip puntando il mouse sullrsquoicona della pagina nel riquadro della struttura del sito(figura Id dal tooltip nel backend (page 28))

2 dal modulo di modifica delle intestazioni della pagina (figura Id dalle intestazioni pagina nel backend(page 28)) Il numero egrave tra le parentesi quadre dopo il titolo della pagina

217 Admin Panel

Quando si inseriscono contenuti con Typo3 (backend) egrave possibile visualizzare unrsquoanteprima della paginache si sta creando per vedere i risultati del lavoro svolto

Per visualizzare unrsquoanteprima di una pagina occorre (figura Menu mostra (page 29))

1 posizionarsi sulla pagina da visualizzare

2 premere il tasto sinistro del mouse in corrispondenza del nome

216 Ottenere il page-id di una pagina 27

DocWeb Release 101

Figura 234 Id dagli attributi

Figura 235 Id dal tooltip nel backend

Figura 236 Id dalle intestazioni pagina nel backend

217 Admin Panel 28

DocWeb Release 101

Figura 237 Menu mostra

3 selezionare la voce Mostra

In base alla pagina scelta si avragrave un risultato come quello visualizzato nella figura Anteprima pagina conAdmin panel (page 29)

Figura 238 Anteprima pagina con Admin panel

La pagina presenteragrave nella parte superiore lrsquoanteprima della pagina Nella parte inferiore vienevisualizzato uno strumento denominato Admin Panel

Questo oggetto offre lato front-end alcune funzionalitagrave (figura Moduli Admin panel (page 30)) cheaiutano i gestori di contenuti nella creazionemodifica delle pagine web del sito

NellrsquoAdmin panel (figura sopra) egrave possibile distinguere

217 Admin Panel 29

DocWeb Release 101

Figura 239 Moduli Admin panel

1 Modulo Preview ndash offre la possibilitagrave di selezionare alcune opzioni sulla pagina per simulare alcunesituazioni in cui la pagina si puograve trovare durante la visualizzazione

2 Modulo Cache ndash offre la possibilitagrave di gestire la cache

Allrsquointerno del modulo Preview abbiamo le seguenti voci

Mostra pagine nascoste selezionando la casella di controllo corrispondente a questa voce si visual-izzeranno anche quelle che attualmente non sono visibili allrsquointerno del sito o perchegrave in lavorazioneo perchegrave ancora non egrave stata data lrsquoautorizzazione alla pubblicazione

Mostra record nascosti come per le pagine questa voce offre la possibilitagrave di poter visualizzare allrsquoin-terno della pagina quei contenuti nascosti che non sono ancora ultimati o che sono in attesa di unautorizzazione per la pubblicazione

Simula data con questo controllo egrave possibile simulare il comportamento della pagina in periodi tem-porali diversi Utilizzando la casella di testo egrave possibile inserire delle date In questo modo sirende possibile la visualizzazione di quegli elementi (ad es pagine news ) che sono abilitati acomparirescomparire in base a determinati criteri temporali impostati

Simula gruppo di utenti con questo controllo egrave possibile simulare il comportamento delle pagine inbase ad un determinato gruppo di utenti che vi accede Alcune pagine possono infatti avere uncomportamento diverso in base al tipo di utente che vi accede

Nota Durante la creazione di pagine egrave possibile restringere la visione di una determinata pagina aparticolari tipi di utenti (utenti di frontend) Questa caratteristica offre la possibilitagrave di definire delle areead accesso riservato del sito ossia sezioni del sito a cui egrave possibile accedere solo dopo essersi autenticatie dopo avere avuto i necessari diritti di accesso

Una volta selezionate le opportune scelte allrsquointerno dellrsquoADMIN Panel occorreragrave premere il tasto Aggior-na (figura Aggiorna Admin panel (page 31)) per prendere visione della pagina secondo i criteri impostati

Nota Nel caso in cui lrsquoutente abbia la possibilitagrave di accedere da back-end a piugrave siti (ciascuno con unproprio dominio) bisogna tenere presente che lrsquoADMIN Panel compare soltanto per le pagine relativeal dominio con cui lrsquoutente ha fatto il login In altre parole se un operatore ad esempio egrave abilitatoa lavorare sulle pagine di backend dei siti httpwwwsitoesempio1it e httpwwwsitoesempio2it ese lrsquooperatore accede al backend di DocWeb con lrsquoindirizzo httpwwwsitoesempio1ittypo3 allora

217 Admin Panel 30

DocWeb Release 101

Figura 240 Aggiorna Admin panel

lrsquoADMIN Panel compariragrave solo sulle pagine di frontend del dominio wwwsitoesempio1it e non su quelledel dominio wwwsitoesempio2it

217 Admin Panel 31

CAPITOLO 3

La Clipboard

Lrsquooggetto clipboard (rdquoblocco degli appuntirdquo) egrave molto utile quando si ha la necessitagrave di copiare o spostareuno o piugrave elementi di contenuto o una o piugrave pagine da una sezione del sito (contenitore di pagine) adunrsquoaltra

31 Copia o spostamento di un contenuto singolo di pagina allrsquointernodi unrsquoaltra pagina

Per prima cosa egrave necessario (figura Identifica contenuto (page 32))

Figura 31 Identifica contenuto

1 selezionare la voce Lista

2 selezionare la pagina che contiene il contenuto che si intende copiare (nella figura abbiamo sceltola pagina denominata ldquoCorso di formazione su Typo3rdquo

32

DocWeb Release 101

3 identificare dalla lista dei contenuti associati alla pagina quello da spostare

Supponiamo che si desideri copiare il contenuto denominato ldquoTesto 2rdquo (figura Copia contenuto (page 33))

Figura 32 Copia contenuto

Egrave sufficiente cliccare sullrsquoicona (nella figura sopra evidenziata con un cerchio rosso) di copia incorrispondenza del contenuto da copiare

Dopo avere eseguito questa operazione nella figura Risultato copia contenuto (page 34) possiamo notare

1 Egrave comparsa unrsquoicona nuova che mette in evidenza che nella clipboard egrave presente un elemento

2 Lrsquoicona di copia in corrispondenza del contenuto da spostare ha cambiato aspetto

A questo punto lrsquooggetto che si intende copiare egrave presente nella nostra clipboard

Il passo successivo egrave quello di selezionare la pagina in cui andare a posizionare lrsquoelemento (paginadestinazione)

Rimanendo sempre allrsquointerno del modulo Lista occorreragrave selezionare dallrsquoalberatura delle pagine la pag-ina destinazione Il procedimento da seguire per posizionarsi sulla pagina egrave lo stesso descritto in prece-denza Nella figura Incolla contenuto (page 34) viene evidenziato il contenuto di una pagina (denominataldquoPagina di Provardquo) in cui vogliamo copiare il contenuto

Per copiare il contenuto della clipboard nella pagina selezionare lrsquoicona Incolla contenuto Clipboard

Confermando lrsquooperazione il contenuto saragrave copiato allrsquointerno della pagina selezionata

Per effettuare lo spostamento di un contenuto di pagina allrsquointerno di unrsquoaltra pagina cliccare sullrsquoicona

di Taglia al posto dellrsquoicona copia e ripetere le operazioni sopra descritte

1 Selezionando la casella Mostra clipboard (figura Vista clipboard (page 35)) egrave possibile visualiz-zare lrsquooggetto clipboard Nel caso in figura lrsquoelemento copiato in precedenza (Testo 2) egrave ancoradisponibile allrsquointerno della clipboard Utilizzando il procedimento descritto infatti il contenuto

31 Copia o spostamento di un contenuto singolo di pagina allrsquointerno di unrsquoaltra pagina 33

DocWeb Release 101

Figura 33 Risultato copia contenuto

Figura 34 Incolla contenuto

31 Copia o spostamento di un contenuto singolo di pagina allrsquointerno di unrsquoaltra pagina 34

DocWeb Release 101

selezionato rimane ancora a disposizione dellrsquoutente che potragrave selezionare altre pagine destinazionesu cui eventualmente andare a copiare il contenuto Nel caso in cui si selezioni un altro elementoad esempio ldquoTesto 1rdquo lrsquoelemento presente viene automaticamente sostituito

2 Dallrsquooggetto clipboard egrave possibile rimuovere un elemento premendo il bottone di Elimina postoaccanto ad esso

Figura 35 Vista clipboard

Con il procedimento descritto fino ad ora egrave possibile scegliere soltanto un contenuto alla volta

32 Copia o spostamento di piugrave contenuti da una pagina ad unrsquoaltra

Nel caso in cui ci si trovi nella necessitagrave di copiare piugrave di un contenuto da una pagina allrsquoaltra egrave necessarioseguire i passi seguenti

1 Selezionare il modulo Lista

2 Selezionare la pagina di origine da cui prelevare i contenuti

3 Selezionare la casella Mostra clipboard

4 Selezionare una clipboard tra quelle denominate ldquoClipboard 1rdquo ldquoClipboard 2rdquo ldquoClipboard 3rdquo(punto 3 figura Vista clipboard con contenuto selezionato (page 36))

Selezionando ad esempio la clipboard contrassegnata come ldquoclipboard 1rdquo si avragrave la seguente situazione

32 Copia o spostamento di piugrave contenuti da una pagina ad unrsquoaltra 35

DocWeb Release 101

Figura 36 Vista clipboard con contenuto selezionato

32 Copia o spostamento di piugrave contenuti da una pagina ad unrsquoaltra 36

DocWeb Release 101

1 In corrispondenza di ogni contenuto si evidenzia una Casella di selezione Sopra la colonna con lecaselle di selezione egrave comparsa una lista di bottoni tra cui al momento distinguiamo

2 Bottone di copia elementi nella clipboard

3 Bottone di selezione tuttinessuno

Scegliendo ad esempio i primi due elementi e premendo il pulsante di copia elementi nella clipboard sipuograve notare che (figura Copia nella clipboard (page 37))

Figura 37 Copia nella clipboard

1 La clipboard che abbiamo scelto per la selezione multipla (ldquoClipboard 1rdquo) contiene la lista deglioggetti che abbiamo scelto di copiare

2 Ersquo comparsa lrsquoicona di Incolla contenuto Clipboard

La procedura della selezione della pagina di destinazione rimane identica a quella giagrave utilizzata per lacopia di un contenuto singolo (selezionare la pagina di destinazione su cui andare a posizionare i contenutiselezionati)

Egrave importante fare notare che seguendo le operazioni descritte sopra si ottiene come risultato lospostamento dei contenuti dalla pagina origine a quella destinazione

Se si desidera copiare gli elementi selezionati egrave necessario una volta selezionati gli elementi da copiarepremere il tasto copia gli items invece di spostarli (evidenziato con un cerchio rosso nella figura Tagliadalla clipboard (page 38))

32 Copia o spostamento di piugrave contenuti da una pagina ad unrsquoaltra 37

DocWeb Release 101

Figura 38 Taglia dalla clipboard

32 Copia o spostamento di piugrave contenuti da una pagina ad unrsquoaltra 38

DocWeb Release 101

In questo modo dopo avere confermato lrsquooperazione i contenuti o le pagine da copiare saranno presentisia nella pagina origine che in quella destinazione

32 Copia o spostamento di piugrave contenuti da una pagina ad unrsquoaltra 39

CAPITOLO 4

Modulo DAM (Digital AssetManagement)

Il modulo DAM (Digital Asset Management) offre la possibilitagrave di raccogliere e catalogare contenuti informato digitale come immagini documenti presentazioni

Ogni file inserito puograve essere corredato di informazioni aggiuntive (meta-informazioni) come la descrizionelrsquoautore parole chiave ecc

Attraverso il modulo DAM egrave possibile svolgere le seguenti operazioni

bull Caricamento e Aggiornamento di file

bull Ricerca di file allrsquointerno del DAM e modifica delle meta-informazioni associate ai file

41 Caricamento e Aggiornamento di file

Lrsquooperazione di CaricamentoAggiornamento di file serve per sottoporre al sistema DAM un particolarecontenuto memorizzato in formato digitale

Lrsquoelemento caricato saragrave poi disponibile a chi inserisce contenuti

Per iniziare lrsquooperazione di caricamento di un file egrave sufficiente selezionare la voce File che si trovaallrsquointerno del modulo Media (figura Menu file (page 41))

La maschera che si apre (figura File upload (page 41)) offre le seguenti possibilitagrave

1 Selezione della posizione dove andare a caricareaggiornare il file

2 Specificare alcuni documenti da caricare (area File)

Concentrandoci sullrsquoarea File (figura Dettaglio file upload (page 42)) distinguiamo

1 Voce Show upload location browser (punto 1 figura sopra) egrave possibile visualizzare i file attualmentecaricati nel Mount Point selezionato

2 Lista di bottoni denominati Sfoglia da utilizzare nel caso in cui si desideri caricareaggiornareun file

Se si desidera caricare un file occorre cliccare sul bottone Sfoglia

La finestra che appare (figura Sfoglia file (page 42)) permette di selezionare dal proprio PC il file dacaricare

Per selezionare un file da caricare occorre

1 Esplorare le cartelle del proprio PC per trovare il file

40

DocWeb Release 101

Figura 41 Menu file

Figura 42 File upload

41 Caricamento e Aggiornamento di file 41

DocWeb Release 101

Figura 43 Dettaglio file upload

Figura 44 Sfoglia file

41 Caricamento e Aggiornamento di file 42

DocWeb Release 101

2 Inserire il nome del file nella casella di testo Nome file

3 Premere il tasto Apri

Una volta che si egrave selezionato un file egrave possibile

1 selezionare altri file da caricare seguendo gli stessi passi descritti in precedenza

2 effettuare lrsquooperazione di caricamento del file vero e proprio

Dallrsquoesempio abbiamo scelto di caricare un solo file

Il caricamento dei file viene eseguito premendo il bottone ldquoUpload filesrdquo che si trova in fondo alla listadei file selezionati (figura File selezionato (page 43))

Figura 45 File selezionato

Se tutto egrave stato eseguito correttamente appariragrave una finestra come quella nella figura Process files(page 44)

In questa maschera egrave possibile

1 Specificare le meta-informazioni per il singolo file come ad esempio il titolo parole chiavedescrizione

2 Avviare il processo di elaborazione multipla premendo il bottone Process selected files Con questoprocesso egrave possibile inserire o modificare le meta-informazioni per tutti i file della lista (in questocaso solo uno)

Se si vuole eseguire lrsquoinserimento delle meta-informazioni per singolo file la finestra che si apre egrave similea quella presentata in figura Elaborazione metainformazioni singolo file (page 44)

Nel caso si scelga di eseguire il processo di elaborazione multipla la maschera che compare (figuraElaborazione metainformazioni file multipli (page 45)) permette di selezionare le meta-informazioni chelrsquoutente intende inserire contemporaneamente per tutti i file della selezione

41 Caricamento e Aggiornamento di file 43

DocWeb Release 101

Figura 46 Process files

Figura 47 Elaborazione metainformazioni singolo file

41 Caricamento e Aggiornamento di file 44

DocWeb Release 101

Figura 48 Elaborazione metainformazioni file multipli

41 Caricamento e Aggiornamento di file 45

DocWeb Release 101

Se si seleziona la checkbox accanto alla voce che eventualmente saragrave inserita questa viene aggiuntaalle informazioni eventualmente giagrave presenti (modalitagrave append) Nellrsquoaltro caso le informazioni sarannosovrascritte

I campi Titolo e Descrizione sono obbligatori mentre il campo Parole chiavi puograve essere valorizzato adiscrezione dellrsquoutente Informazioni su come valorizzare i campi elencati sopra saranno descritte suapposite linee guida

Per completare lrsquoinserimentoaggiornamento delle meta-informazioni riguardanti il file caricato occorrepremere il tasto Send (figura Salva metainformazioni (page 46)) in fondo alla maschera per il salvataggiodelle informazioni

Figura 49 Salva metainformazioni

Tornando alla maschera di caricamento file e selezionando la checkbox in corrispondenza della voceSovrascrivi file esistenti (figura Carica file sovrascrivendo (page 46)) saragrave possibile aggiornare eventualifile che hanno lo stesso nome di quello che stiamo caricando

Questa procedura egrave utile quando si vuole aggiornare il contenuto di un file che egrave giagrave presente nel DAM

Figura 410 Carica file sovrascrivendo

Nel caso di aggiornamento di un file le meta-informazioni del file rimangono le stesse inserite inprecedenza Come si puograve notare non viene offerta la possibilitagrave di inserirne di nuove

Nel caso in cui un file con lo stesso nome sia giagrave caricato e non si desideri aggiornarlo il file inseritoper ultimo viene rinominato con un suffisso generato automaticamente dal DAM In questo caso la voceSovrascrivi file esistenti non deve essere selezionata (figura Carica file senza sovrascrivere (page 47))

Nellrsquoesempio in figura viene presentata la lista dei file presenti nel mount point selezionato

Da notare la presenza di un file che egrave stato rinominato dal DAM con un suffisso ldquo_01rdquo dato che nellastessa posizione era giagrave presente un file con lo stesso nome

41 Caricamento e Aggiornamento di file 46

DocWeb Release 101

Figura 411 Carica file senza sovrascrivere

41 Caricamento e Aggiornamento di file 47

DocWeb Release 101

42 Ricerca di file allrsquointerno del DAM e modifica delle meta-informazioni

Rimanendo sempre allrsquointerno del modulo Media selezioniamo la voce List egrave possibile effettuare dellericerche dei file e modificare le meta-informazioni associate ai file

Nella figura Backend media list (page 48) distinguiamo

Figura 412 Backend media list

1 Parte relativa ai Mount Point disponibili

2 Parte relativa ai tipi di file caricati nel sistema

3 Schede List Thumbnails Selection Process

Da questa sezione egrave possibile effettuare ricerche sui file caricati nel DAM

Le ricerche che si possono eseguire sono del tipo ldquotrova tutti i file pdf e docrdquo oppure ldquoelenca tutti i filedi tipo immagine ad eccezione dei file con estensione gifrdquo

Per prima cosa facendo click sul nome del tipo file (es gif oppure image) si seleziona solo quel tipo difile e si escludono tutti i criteri selezionati in precedenza

Per aggiungere un altro criterio di ricerca egrave sufficiente selezionare il ldquo+rdquo (punto 1 nella figura Criteri diselezione (page 49)) posto accanto al tipo di file che si vuole selezionare

Con il ldquo-ldquo(punto 2) saragrave possibile rimuovere il tipo di file dai criteri di ricerca

Selezionando ldquo=rdquo (punto 3) egrave possibile introdurre clausole del tipo ldquocerca un file che sia doc e presentenel Mount Point chiamato lsquoArea Testrsquordquo (ossia effettua una ricerca che risponda a tutti i criteri impostati)

Nellrsquoesempio della figura Salva selezione (page 49) sono stati selezionati tutti i tipi di immagine adeccezione dei file con estensione gif Questo risultato si ottiene nel seguente modo

1 selezionare il ldquo+rdquo accanto alla voce ldquoimagerdquo

2 premendo il tasto ldquo-ldquo in corrispondenza della voce ldquogifrdquo

I criteri impostati per la selezione possono essere salvati per un uso futuro Per salvare la selezioneoccorre (figura Salva selezione (page 49))

1 riempire il campo sotto la voce SELECTION con un nome che identifichi la ricerca

2 premere il tasto Save per salvare la modalitagrave di ricerca impostata

In questo modo saragrave possibile richiamare e rieseguire la ricerca impostata anche in futuro senza doverripetere il procedimento di scelta dei criteri mostrato in precedenza

42 Ricerca di file allrsquointerno del DAM e modifica delle meta-informazioni 48

DocWeb Release 101

Figura 413 Criteri di selezione

Figura 414 Salva selezione

42 Ricerca di file allrsquointerno del DAM e modifica delle meta-informazioni 49

DocWeb Release 101

Se in futuro saranno inseriti nuovi file che soddisfano la ricerca salvata questi verranno selezionati quandoverragrave richiamata la ricerca salvata

Dalla figura Ricerca salvata (page 50) egrave possibile notare come richiamare la ricerca salvata In questocaso abbiamo salvato la ricerca con il nome ldquoimmaginisenzagifrdquo

Figura 415 Ricerca salvata

Una volta che si egrave selezionata la ricerca egrave possibile

1 Premere il tasto Load per ricaricare la ricerca precedentemente impostata

2 Premere Remove per rimuovere la ricerca salvata

Una volta effettuata una particolare selezione di file egrave possibile (figura Schede backend media list(page 50))

Figura 416 Schede backend media list

1 vedere il contenuto della selezione (schede List e Thumbnails)

2 vedere i criteri impostati per la ricerca (scheda Selection)

3 modificare le meta-informazioni associate ai file (scheda Process) secondo quanto descritto inprecedenza

Nella figura Scheda selection (page 51) egrave visualizzato come selezionando la scheda Selection egrave possibileprendere visione dei criteri impostati nella ricerca (la ricerca egrave quella dellrsquoesempio precedente)

Selezionando le schede List e Thumbnails dopo avere effettuato una qualsiasi selezione si potrebbe avereuna situazione come quella mostrata nella figura Scheda list (page 51)

Cliccando sullrsquoicona corrispondente ad uno dei file presenti nella lista (selezionato con un cerchio rosso)egrave possibile accedere ad un menugrave contestuale (figura Menu contestuale DAM (page 51))che permette disvolgere le seguenti operazioni

Modifica Offre la possibilitagrave di visualizzare e modificare le meta-informazioni associate al file

Rinomina Selezionando la seguente voce egrave possibile assegnare un altro nome al file che si egrave caricato

Replace file Avvia lrsquooperazione di sostituzione del file

Info Visualizza informazioni relative al file

Cancella Rimuove il file dal DAM

42 Ricerca di file allrsquointerno del DAM e modifica delle meta-informazioni 50

DocWeb Release 101

Figura 417 Scheda selection

Figura 418 Scheda list

Figura 419 Menu contestuale DAM

42 Ricerca di file allrsquointerno del DAM e modifica delle meta-informazioni 51

CAPITOLO 5

Modulo Pagine di download

51 Inserimento e configurazione pagine di download

La creazione di pagine di download egrave utile quando si vuole mettere a disposizione una lista di uno o piugravefile in forma scaricabile

Per creare una pagina di download egrave necessario seguire i seguenti passi

1 Creare una pagina standard

2 Inserire il plugin DAM Download List

3 Configurare il plugin

Per creare una pagina egrave sufficiente entrare nel modulo Pagina e selezionare Crea nuovo record per accederealla finestra di creazione pagine

Nellrsquoesempio in figura Backend creazione contenuto (page 52) egrave stata creata la pagina denominata ldquoPaginadownloadrdquo come figlio della pagina ldquoPagina di provardquo

Figura 51 Backend creazione contenuto

Una volta creata la pagina occorre configurarla in maniera tale da permettere la visualizzazione di unalista di file scaricabili Per fare ciograve occorre inserire un plugin denominato ldquoDAM Download Listrdquo Unplugin egrave un contenuto speciale da inserire in una pagina

52

DocWeb Release 101

Per inserirlo come per un contenuto occorre seguire i seguenti passi (figura Backend creazione contenuto(page 52))

1 Selezionare la pagina in cui inserire il plugin Nellrsquoesempio la pagina denominata ldquoPaginadownloadrdquo

2 Selezionare la voce Clicca qui per il wizard nella maschera che compare quando si vuole inserire unnuovo record

Figura 52 Wizard nuovo contenuto

Oltre ai normali contenuti standard il wizard permette di selezionare (figura Wizard nuovo contenuto(page 53))

1 Contenuti speciali

2 Moduli

3 Plugins

Allrsquointerno della lista dei Plugins selezionare DAM Lista dei file scaricabili (punto 4 nella figura Wizardnuovo contenuto (page 53))

Dopo aver selezionato il plugin occorreragrave selezionare la posizione della pagina in cui inserire lrsquoelemento

Selezionare ldquoNormalerdquo

A questo punto il plugin egrave inserito nella pagina desiderata

51 Inserimento e configurazione pagine di download 53

DocWeb Release 101

Oltre allrsquoinserimento occorre configurare il plugin in modo da dirgli quali file far visualizzare

Una volta che il plugin viene inserito viene aperta una finestra (figura Contenuto pagina (page 54)) doveviene richiesto di selezionare dei file inseriti nel sistema

Figura 53 Contenuto pagina

Per proseguire correttamente egrave necessario salvare immediatamente il Contenuto Pagina altrimenti leoperazioni successive potrebbero andare perse

Per inserire i file nella lista occorre effettuare la seguente operazione (figura Contenuto pagina (page 54))

1 Nella parte della maschera denominata DAM Lista di file scaricabili selezionare lrsquoicona SfogliaRecord (cerchiata in rosso) per avviare la procedura di selezione dei file

Selezionando la voce Sfoglia Record verragrave aperto lrsquoElement Browser di TYPO3 che ci permette di se-lezionare i file da inserire nel plugin La finestra (figura Element browser (page 55)) egrave composta di dueschede

1 Media ndash permette di selezionare i file giagrave esistenti nel sistema

2 Upload ndash permette di caricare nuovi file

Selezionando la sezione Media egrave possibile selezionare dalla lista i file da inserire

51 Inserimento e configurazione pagine di download 54

DocWeb Release 101

Figura 54 Element browser

Se la lista dei file fosse troppo lunga egrave possibile effettuare delle ricerche per nome e per tipologia di file(doc htm )

Per cercare per nome (figura Ricerca per nome (page 55)) occorre inserire nella casella di testo Cercastringa (punto 1 nella figura sopra) il nome o parte del nome del file da cercare Una volta specificata lastringa di ricerca premere il tasto Cerca (punto 2)

Figura 55 Ricerca per nome

Per cercare un particolare tipo di file selezionare il nome dellrsquoestensione che si desidera dallrsquoelenco deitipi di file (figura Ricerca per tipo (page 56))

Nota I due tipi di ricerca possono essere usati contemporaneamente

Selezionando la voce informazioni (punto 1 nella figura Selezione file (page 56)) egrave possibile visualizzarele meta-informazioni associate al file

Premendo con il mouse sul nome del file (punto 2) o sullrsquoicona associata (punto 3) si inserisce il file nellalista dei file da far visualizzare nella pagina di download mediante lrsquoapposito plugin

Selezionando la scheda Upload si puograve inserire un file non presente nel sistema (figura Caricamentoimmediato file (page 56))

51 Inserimento e configurazione pagine di download 55

DocWeb Release 101

Figura 56 Ricerca per tipo

Figura 57 Selezione file

Figura 58 Caricamento immediato file

51 Inserimento e configurazione pagine di download 56

DocWeb Release 101

Scegliere i file dal proprio PC seguendo le operazioni giagrave descritte nel modulo DAM e selezionare dallascheda Media i nuovi file inseriti

Nella figura Plugin con file selezionati (page 57) egrave visualizzato un esempio di maschera di configurazionedel plugin con la lista dei file selezionati

Figura 59 Plugin con file selezionati

I file una volta inseriti possono essere ordinati selezionando sugli appositi bottoni posti a destra dellalista file

bull Per ordinare un determinato file occorre

bull Selezionare un file

Premere uno dei tasti (figura sopra) per

1 Spostare in prima posizione

2 Spostare in alto di una posizione

3 Spostare in basso di una posizione

4 Spostare in ultima posizione

5 Rimuovere dalla lista il file selezionato

Una volta eseguiti i passaggi sopra descritti salvare la configurazione del plugin

51 Inserimento e configurazione pagine di download 57

CAPITOLO 6

Modulo Sitemap

Ersquo possibile generare una mappa del sito scegliendo un contenuto speciale di tipo ldquoMappa del Sitordquo comemostrato nella figura Contenuto mappa del sito (page 58)

Figura 61 Contenuto mappa del sito

Per scegliere un record di tipo ldquomappa del sitordquo (per visualizzare cioegrave la vista dei contenuti possibili)saragrave necessario portarsi in modalitagrave ldquopaginardquo compiendo gli stessi passaggi descritti per la creazione dicontenuti semplici in fase di creazione delle pagine (in questo caso selezionando il contenuto specialemappa)

58

DocWeb Release 101

61 Scheda di configurazione Mappa

La scheda di configurazione si presenta come nella figura Scheda mappa del sito (page 59)

Figura 62 Scheda mappa del sito

I campi fondamentali da personalizzare sono lrsquointestazione (ossia il titolo pagina) il tipo di menugrave e ilpunto di partenza Nellrsquointestazione viene inserito come di consuetudine il titolo pagina

62 Tipo di mappa

Ersquo possibile scegliere il tipo di mappa che si desidera creare consultando il menugrave a tendina ldquotipo di menugraverdquoche ci offriragrave diverse opzioni

Le piugrave frequentemente usate sono di tipo ldquoMenugrave delle sottopagine rdquo come indicato nella figura Tipo dimenu (page 60)

Menugrave delle sottopagine di queste pagine Scegliendo questa opzione da una pagina padre sigenereragrave un record che mostreragrave al suo interno tutte le sottovoci figlio con relativo link

Menugrave delle sottopagine di queste pagine (con abstract) Genera una mappa sia delle sottopagineche dei sottotitoli

Menugrave delle sottopagine di queste pagine + sezioni Genera una mappa sia delle sottopagine chedei record (link alle intestazioni dei singoli record)

Selezionando voci di menugrave di sottopagine egrave anche possibile stabilire un determinato punto di partenzasfogliando lrsquoapposito record

61 Scheda di configurazione Mappa 59

DocWeb Release 101

Figura 63 Tipo di menu

63 Il ldquopunto di partenzardquo della mappa

Il ldquopunto di partenzardquo dei Menugrave delle sottopagine Scheda mappa del sito (page 59) costituisce la paginadalla quale il sistema partiragrave per creare la mappa

Si potragrave quindi creare una mappa (di tipo menugrave delle sottopagine) che mostri solamente il percorso diquella porzione di menugrave che si intende mostrare

63 Il ldquopunto di partenzardquo della mappa 60

CAPITOLO 7

Modulo News

71 Inserimento e modifica di news

Alcune sezioni del nostro sito potrebbero essere state configurate per permettere la visualizzazione dinotizie

Per poter visualizzare le news correttamente occorre che queste ultime vengano inserite in una determi-nata posizione allrsquointerno del backend Da questa posizione che chiameremo repository delle news lenostre pagine andranno a prelevare le news da visualizzare al loro interno

Figura 71 Backend news

Nellrsquoesempio presentato nella figura Backend news (page 61) distinguiamo

1 il repository delle news che egrave stato creato

2 Un esempio di come potrebbe apparire il contenuto del repository delle news (lista delle news)

Per poter visualizzare il contenuto del repository delle news occorre seguire i seguenti passi

1 entrare nel modulo Pagina

61

DocWeb Release 101

2 selezionare il repository delle news corrispondente (nellrsquoesempio della figura Backend news (page 61)il Repository delle news si chiama ldquoNews Area Testrdquo)

Poniamo ora la nostra attenzione alla lista delle news (figura Lista news (page 62)) Da qui egrave possibile

bull Inserire una nuova notizia

bull Modificare le notizie giagrave esistenti

Per inserire una nuova notizia occorre selezionare la voce Crea nuovo record (figura Lista news (page 62))posta in fondo alla lista delle news

Figura 72 Lista news

A questo punto si apre la finestra di creazione Nuovo record da cui occorre selezionare la voce News(figura Nuovo record news (page 62))

Figura 73 Nuovo record news

Eseguendo le operazioni sopra descritte si accede alla maschera di inserimento news (figura Inserimentonews scheda generale (page 63))

Questa si compone di due schede una denominata Generale e unrsquoaltra denominata Relations

Nella scheda Generale egrave possibile inserire

Titolo in questo spazio egrave possibile specificare un titolo della news

Nascondi questo controllo determina se la news egrave pubblicabile oppure no Come avviene per le pagineanche per le news egrave consigliabile tenere la news nascosta durante la lavorazione Facciamo notare

71 Inserimento e modifica di news 62

DocWeb Release 101

Figura 74 Inserimento news scheda generale

71 Inserimento e modifica di news 63

DocWeb Release 101

che appena viene aperta la maschera di inserimento di una nuova news il controllo appare giagrave instato nascosto

Dataora in questo spazio viene indicata la data e lrsquoora della creazione della news in base ai parametridi sistema

Data Archiviazione in questo spazio viene inserita la data di Archiviazione di una news

Autore permette di specificare un autore della news

Email permette di specificare un e-mail a cui fare riferimento

Sottointestazione questo campo conterragrave una breve descrizione (abstract) della news La sottointes-tazione egrave quella parte della news che compare quando viene visualizzata la lista delle news e serveper dare una breve descrizione al contenuto della news (si veda Esempio news (page 64))

Figura 75 Esempio news

Durante lrsquoinserimento di una news egrave consigliabile specificare sempre una sottointestazione

Testo egrave il campo che contiene il contenuto vero e proprio della news Egrave possibile utilizzare tutte lefunzionalitagrave messe a disposizione dallrsquoeditor RTE

72 Modalitagrave Relations

Nella modalitagrave Relations (figura Inserimento news scheda relations (page 65)) egrave possibile inserire

Immagini contiene una lista di immagini da associare alla news Il procedimento per la se-lezionecaricamento delle immagini egrave stato descritto nella parte dedicata alla creazione di paginedi download a cui vi rimandiamo

Didascalia permette di specificare una descrizione per lrsquoimmagine associata alla news

Image alttext e Image titletext permette di specificare un testo che in visualizzazione (Frontend)compariragrave al passaggio del mouse sopra lrsquoimmagine

News correlate permette di specificare news o pagine del sito da associare alla news Il procedimentodi selezione delle news da associare alla notizia saragrave spiegato successivamente

DAM elements permette di assegnare alla news dei documenti da scaricare come per esempioil programma di un determinato evento Anche in questo caso il procedimento per la se-lezionecaricamento dei documenti egrave quello giagrave descritto nella parte dedicata alla creazione dipagine di download

Descriviamo il procedimento da seguire per associare alcune pagine o alcune news alla notizia che stiamoinserendo

Premere il tasto di Sfoglia Record evidenziato nella figura Sfoglia record news (page 65)

Verragrave aperta una finestra che contiene un Element Browser che ci permette di selezionare le newspagine(figura Element browser news (page 66)) da associare

La finestra di selezione si suddivide nelle seguenti parti (figura sopra)

Alberatura del sito da cui egrave possibile esplorare gli elementi del nostro sito (pagine sysfolder )Premendo con il tasto sinistro del mouse sul nome della pagina o sulla freccia corrispondente verragraveaggiornata la parte di destra della finestra in cui egrave inserita la lista degli elementi associabili

72 Modalitagrave Relations 64

DocWeb Release 101

Figura 76 Inserimento news scheda relations

Figura 77 Sfoglia record news

72 Modalitagrave Relations 65

DocWeb Release 101

Figura 78 Element browser news

Lista degli elementi associabili egrave quindi possibile selezionare gli elementi da associare alla newsPer associare un elemento si puograve selezionare il simbolo ldquo+rdquo posto accanto allrsquoelemento desideratoo agendo sul nome del file Nel primo caso lrsquoelemento viene aggiunto ma la finestra non si chiuderagrave(utile per effettuare selezioni multiple) mentre nel secondo caso lrsquoelemento viene aggiunto e lafinestra si chiuderagrave (selezione singola)

Nota Per associare una o piugrave news alla notizia che stiamo inserendo occorreragrave innanzitutto selezionareil repository delle news e utilizzando i metodi descritti in precedenza indicare le news di interesse

Nella figura Selezione repository (page 66) viene visualizzato come appare lrsquoElement Browser dopo averselezionato il repository delle news denominato ldquoNews Corso Typo3rdquo

Figura 79 Selezione repository

Una volta ultimato il procedimento di inserimento di una news vedremo che nel repository compariragrave(figura News nel repository (page 67)) anche quella da noi creata Nellrsquoesempio la news creata si chiamaldquoTitolo della news di provardquo

Dalla lista delle news possiamo notare che i diversi tipi di news sono contrassegnati con icone diverse

In particolare distinguiamo

72 Modalitagrave Relations 66

DocWeb Release 101

Figura 710 News nel repository

bull News (icona ldquocelestinardquo)

bull Collegamento a URL esterna (icona ldquorosardquo)

bull Collegamento a pagina interna (icona ldquogiallinardquo)

Per modificare il contenuto di una news egrave sufficiente selezionare il simbolo di modifica (figura Modificanews (page 67)) in corrispondenza della news da modificare

Figura 711 Modifica news

73 News collegata a URL esterna e a pagina interna

Attraverso la selezione della finestra ldquoTipordquo egrave possibile scegliere diverse tipologie di news

Nella figura News collegata a url esterna (page 68) egrave stato selezionato il Collegamento a URL esterna checi offriragrave la possibilitagrave di specificare un link (ldquoURL esternordquo) da far visualizzare e che saragrave contraddistintain lista da lrsquoicona di colore rosa

Selezionando il Collegamento a pagina interna viene offerta la possibilitagrave di inserire un collegamento auna pagina del sito (evidenziato nella figura News collegata a pagina interna (page 69))

La news si presenteragrave con icona di color ldquogiallordquo e al suo interno conterragrave un link alla pagina interna alsito

73 News collegata a URL esterna e a pagina interna 67

DocWeb Release 101

Figura 712 News collegata a url esterna

73 News collegata a URL esterna e a pagina interna 68

DocWeb Release 101

Figura 713 News collegata a pagina interna

73 News collegata a URL esterna e a pagina interna 69

DocWeb Release 101

74 Eliminazione delle News

Per eliminare una news possiamo procedere tra lrsquoaltro in due modi

1 Selezionare la news da eliminare dallrsquoelenco e selezionare la voce ldquocancellardquo dal menugrave a tendinaconsultabile cliccando con il pulsante destro sullrsquoicona in corrispondenza della news (figura Eliminanews da menu contestuale (page 70))

Figura 714 Elimina news da menu contestuale

2 Entrare allrsquointerno della modalitagrave di modifica della news attraverso lrsquoicona ldquomatitardquo e selezionare lrsquoi-cona raffigurante il bidone di elimina posta in alto pagina (figura Elimina news da scheda contenuto(page 70))

Figura 715 Elimina news da scheda contenuto

75 Ordinamento delle News e ricerca

Puograve essere necessario durante la visualizzazione della lista delle news (lato backend) di dover effettuaredegli ordinamenti al fine di permettere una ricerca piugrave veloce delle news da modificare

74 Eliminazione delle News 70

DocWeb Release 101

Avvertimento Lrsquoordinamento ha valore solo come ricerca allrsquointerno del backend mentre latofrontend rispecchieragrave i parametri prestabiliti dal sistema

Supponiamo per esempio di voler effettuare un ordinamento per Titolo Seguiamo i seguenti passi(figura sotto)

1 Selezionare la voce di menugrave Lista

2 Selezionare il deposito delle news (repository) News Corso Typo3

3 Cliccare con il mouse in corrispondenza della voce ldquoTitolordquo

A questo punto (figura Ordinamento news (page 71)) le news vengono ordinate in ordine crescente(vengono visualizzate prima le news con titolo che inizia con la lettera a b e cosigrave via)

Figura 716 Ordinamento news

Se clicchiamo unrsquoaltra volta sulla voce ldquoTitolordquo il tipo di ordinamento cambia da crescente a decrescente(compariranno per prima le news con titolo che inizia per z )

Egrave inoltre possibile ordinare secondo campo da noi specificato Per definire il nome di un campo (ad estesto inizio autore ) su cui effettuare lrsquoordinamento occorreragrave spostarsi in fondo alla lista delle newsdove troveremo una lista di campi (figura Mostra campo aggiuntivo news (page 71))

Figura 717 Mostra campo aggiuntivo news

Dalla lista possiamo

bull Selezionare la voce in base alla quale effettuare lrsquoordinamento (ad esempio Immagini)

bull Premere il tasto Imposta campi per aggiungere alla lista dei campi visualizzati quello selezionato

75 Ordinamento delle News e ricerca 71

DocWeb Release 101

A questo punto il campo selezionato (nel nostro esempio il campo Immagini) compare nella lista dellenews (il campo aggiunto egrave evidenziato con un riquadro in alto a destra nella figura Ordinamento campoaggiuntivo news (page 72))

Figura 718 Ordinamento campo aggiuntivo news

Effettuare le stesse operazioni illustrate per il campo Titolo per ordinare in modo crescente e decrescentele news secondo il criterio impostato (click pulsante sinistro sul nome etichetta)

Egrave anche possibile ricercare le news in base al testo contenuto nel titolo sottotitolo descrizione eccUtilizzando la maschera di ricerca in fondo pagina (evidenziata nella figura Ricerca news (page 72))

Figura 719 Ricerca news

Per effettuare una ricerca egrave necessario seguire i seguenti passi

1 Inserire nel campo Cerca Stringa il testo da cercare (nel nostro esempio ldquonequerdquo)

2 Premere il tasto Cerca per eseguire la ricerca secondo i criteri impostati

In questo modo nella lista delle news compariranno solo quelle che contengono il testo specificatoEffettuata la ricerca egrave possibile effettuare degli ordinamenti come spiegato in precedenza

75 Ordinamento delle News e ricerca 72

CAPITOLO 8

Modulo Eventi

Avvertimento SEZIONE NON COMPLETA

Si confrontino i seguenti due tipi di contenuti

Evento egrave un tipo di contenuto adatto a descrivere qualcosa che accadragrave o che egrave accaduto in una certadata La data o le date in cui lrsquoevento ricorre sono strettamente legate ad un luogo in cui lrsquoeventosi verificheragravesi egrave verificato Gli eventi vengono rappresentati mediante la metafora dellrsquoagenda edel calendario

Notizia egrave un tipo di contenuto caratterizzato dalla data di pubblicazione secondo la metafora delgiornale online E come in un giornale online una notizia puograve riferirsi sia a fatti giagrave accaduti chea fatti a venire

Nota Per comprendere meglio la differenza tra i due tipi di contenuto si pensi che dato un eventoche ha una certa data di svolgimento (ad es 20 maggio) di tale evento posso realizzare piugrave di unanotizia Rimanendo nellrsquoesempio potrei pubblicare una notizia il 10 maggio per preannunciare lrsquoeventoe poi unrsquoaltra il 18 maggio per ricordarne lrsquoimminenza Infine potrei pubblicare una notizia di riepilogo(cronaca dellrsquoevento immagini ecc) il 22 maggio

81 Scopo del modulo Eventi

Il visitatore del sito deve poter cogliere le informazioni essenziali di un evento

bull Cosa sta per succedere

bull Dove accadragrave

bull Quando accadragrave

82 Il Backend ndash Modulo Pagina

Vedi figura Eventi vista modulo pagina (page 74)

83 Il Backend ndash Modulo Lista

Vedi figura Eventi vista modulo lista (page 74)

73

DocWeb Release 101

Figura 81 Eventi vista modulo pagina

Figura 82 Eventi vista modulo lista

83 Il Backend ndash Modulo Lista 74

DocWeb Release 101

84 Creazione di un evento

Prima di procedere poniamoci qualche domanda

bull Lrsquoevento appartiene a qualche rassegna iniziativa per la quale sono in programma altri eventiPer esempio

ndash Rassegne teatrali cinematografiche

ndash Festival

bull Lrsquoevento si ripete

ndash La replica avviene sempre nello stesso luogo

841 Creazione del record

Vedi figura Creazione nuovo evento (page 75)

Vedi figura Creazione nuovo record evento (page 76)

Figura 83 Creazione nuovo evento

842 Scheda ldquoGeneralerdquo

Vedi figura Evento scheda generale (page 76)

843 Scheda ldquoFinestra temporalerdquo

Orario repliche

Vedi figura Evento finestra temporale (page 78)

84 Creazione di un evento 75

DocWeb Release 101

Figura 84 Creazione nuovo record evento

Figura 85 Evento scheda generale

84 Creazione di un evento 76

DocWeb Release 101

bull Lrsquoorario va solo per le Finestre temporali di un giorno (data inizio = data fine)

bull Se non si conosce lrsquoora della fine impostare ora inizio = ora fine

844 Scheda ldquoTestordquo

Vedi figura Evento scheda testo (page 79)

84 Creazione di un evento 77

DocWeb Release 101

Figura 86 Evento finestra temporale

84 Creazione di un evento 78

DocWeb Release 101

Figura 87 Evento scheda testo84 Creazione di un evento 79

  • Introduzione
    • Cosegrave DocWeb
    • Concetti chiave
      • Funzionalitagrave di Base
        • Il CMS Typo3 ldquobackendrdquo e ldquofrontendrdquo
        • Cambio password di accesso
        • Albero delle pagine
        • Implementazione delle pagine ldquogenitori rdquo e ldquofiglirdquo
        • Inserimento Nuova pagina
        • Elementi standard della pagina
        • Inserimento contenuti di una pagina
        • Contenuti multipli allrsquointerno di una pagina
        • Modifica dei contenuti della pagina
        • Spostamento di pagine
        • Eliminazione pagine
        • Rich Text Editor
        • Modalitagrave Lista
        • Modalitagrave Mostra
        • Modalitagrave ldquoMonta come radice dellrsquoalberordquo
        • Ottenere il page-id di una pagina
        • Admin Panel
          • La Clipboard
            • Copia o spostamento di un contenuto singolo di pagina allrsquointerno di unrsquoaltra pagina
            • Copia o spostamento di piugrave contenuti da una pagina ad unrsquoaltra
              • Modulo DAM (Digital Asset Management)
                • Caricamento e Aggiornamento di file
                • Ricerca di file allrsquointerno del DAM e modifica delle meta-informazioni
                  • Modulo Pagine di download
                    • Inserimento e configurazione pagine di download
                      • Modulo Sitemap
                        • Scheda di configurazione Mappa
                        • Tipo di mappa
                        • Il ``punto di partenza della mappa
                          • Modulo News
                            • Inserimento e modifica di news
                            • Modalitagrave Relations
                            • News collegata a URL esterna e a pagina interna
                            • Eliminazione delle News
                            • Ordinamento delle News e ricerca
                              • Modulo Eventi
                                • Scopo del modulo Eventi
                                • Il Backend ndash Modulo Pagina
                                • Il Backend ndash Modulo Lista
                                • Creazione di un evento
Page 22: DocWeb€¦ · per la realizzazione e la gestione di siti web della Pubblica Am-ministrazione. La piattaforma tecnologica utilizzata è il CMS (Content Management System) Open SourceTypo31

DocWeb Release 101

Figura 221 Menu modifica intestazioni pagina

Per spostare la posizione di una pagina allrsquointerno di un menugrave selezioniamola dal menugrave principale conclick sinistro del mouse

Nella schermata di destra scegliamo lrsquoicona

Si apriragrave un menugrave che ci mostreragrave lrsquoalberatura del nostro sito (esattamente come per lrsquoinserimento diuna nuova pagina) composto da pagine principali (genitori) e pagine ad esse collegate (figli)

A questo punto dovremo solo scegliere dove spostare la pagina muovendoci sulle frecce grigie sottostantie sovrastanti le varie voci di menugrave

Avvertimento Spostando una pagina genitore anche i figli vengono spostati con esso

211 Eliminazione pagine

Per eliminare le pagine egrave sufficiente selezionare la pagina in questione dal menugrave principale cliccando conil pulsante destro del mouse su di essa e scegliere la voce del menugrave a tendina che si apriragrave ldquoCancellardquo

Avvertimento Non egrave possibile cancellare una pagina genitore Ossia non egrave possibile cancellareuna pagina che al suo interno contiene altre pagine prima che questrsquoultime trovino una collocazionealternativa

212 Rich Text Editor

Quando si inserisce un contenuto nellrsquoarea di testo (inserito digitando direttamente allrsquointerno dellrsquoap-posita area o copiato e incollato da fonte esterna con la dovuta cautela) egrave possibile personalizzarlo eformattarlo utilizzando le funzionalitagrave previste dal Rich Text Editor (RTE)

Nota Un testo copiatoincollato da altri programmi va ldquoripulitordquo prima di essere pubblicato poicheacuteil modulo che utilizzeremo tende a mantenere la formattazione originaria del carattere delle immaginidei colori falsando la linea grafica omogenea e standard del nostro portale

In ogni modo quando si salva un documento il cui testo conteneva una formattazione proveniente ad es-empio da un documento di tipo word questo viene automaticamente ldquoripulito nel codicerdquo ed egrave opportunocontrollare la visualizzazione

211 Eliminazione pagine 19

DocWeb Release 101

Proviamo ad inserire ad esempio una semplice frase allrsquointerno del box testo (figura Box testo RTE(page 20))

Figura 222 Box testo RTE

La frase viene digitata direttamente nellrsquoarea testo mantenendo un tipo di formattazione ldquonormalerdquo

2121 Testo grassetto corsivo sottolineato (bold italic underline)

Proviamo a selezionare la frase ldquoProvincia di Pesaro e Urbinordquo tenendo premuto il pulsante sinistro delmouse trascinando il cursore dalla P di Provincia alla o di Urbino

In alternativa portare il cursore alla P di Provincia tenere tasto maiuscolo premuto e muoversi con lefrecce per selezionare il testo

Lrsquoesempio egrave utile per capire che per effettuare una determinata azione di tipo stilistico su una frase oparola egrave necessario che la frase o la parola siano preventivamente selezionate

Figura 223 Comandi box testo RTE

212 Rich Text Editor 20

DocWeb Release 101

Se il testo egrave stato selezionato correttamente vedremo la parola ldquoProvincia di Pesaro e Urbinordquo evidenziatadi blu scuro

Click sinistro sul simboloicona ldquoBrdquo (figura Comandi box testo RTE (page 20)) per creare un effettoldquograssettordquo al testo

Click sinistro sul simboloicona ldquoIrdquo per il corsivo-italico

Click sinistro sul simboloicona ldquoU ldquo per il sottolineato

Nota Il Grassetto dona alle parole un sapore piugrave incisivo e si utilizza per enfatizzare termini importantie di rilievo

LrsquoItalico viene usato comunemente per indicare le date gli indirizzi le citazioni

Il Sottolineato su web viene comunemente usato nelle parole ldquolinkaterdquo (ossia che rimandano ad altrepagine web) per cui se ne sconsiglia lrsquouso in un testo semplice per evitare confusione

2122 Elenco Puntato e Numerato

Portiamoci con il cursore allrsquointerno della box di testo

Selezioniamo lrsquoicona Lista non numerata (Elenco puntato semplice)

Vedremo comparire un simbolo tontoromboidale e potremo dare vita ad una lista

bull Voce 1

bull Voce 2

bull Voce 3 ecc

Allo stesso modo potremo creare una lista numerata avvalendoci dellrsquoicona ldquoLista numeratardquo

Lrsquoelenco viene numerato

1 Voce 1

2 Voce 2

3 Voce 3 ecc

2123 Pulsanti di Annulla e Ripristina

Compiuta una determinata azione egrave possibile tornare indietro o ripristinarla tramite i pulsanti ldquoAnnullalrsquoultima azionerdquo e ldquoRifai lrsquoultima azionerdquo

Piugrave volte si clicca sui pulsanti piugrave volte lrsquoazione viene ripetuta indietro ed avanti nel tempo

2124 Copia Taglia Incolla

Selezionando un testo potremo tagliarlo copiarlo e incollarlo

Copia selezionare il testo utilizzare lrsquoicona ldquocopia selezionerdquo per copiare

Taglia il testo viene eliminato ma resta in memoria per essere eventualmente incollato altrove odefinitivamente cancellato Ersquo possibile tenere in memoria solo lrsquoultimo testo o parola tagliato

Incolla Un testo precedentemente copiato o tagliato puograve essere incollato nuovamente o su diversoambiente

212 Rich Text Editor 21

DocWeb Release 101

2125 Rimuovi Formattazione

Ersquo possibile che il testo importato e incollato nellrsquoarea testo da altra fonte (es documento word) sildquosporchirdquo e ne acquisisca le caratteristiche stilistiche in maniera non corretta

Ersquo necessario pulire il testo selezionandolo e cliccando su ldquorimuovi formattazionerdquo

Si apriragrave un pop-up (nuova finestra) che ci proporragrave diversi elementi da pulire selezioniamo ciograve che ciinteressa e clicchiamo su OK

2126 Inserisci Caratteri Speciali

Alcune volte puograve essere necessario inserire dei caratteri o simboli non presenti sulla tastiera o nonconvenzionali per i quali esiste una mappa di caratteri speciali

Il sistema propone diversi tipi di caratteri speciali tra i piugrave comuni e frequentemente usati per adoperarliegrave sufficiente cliccare sullrsquoapposita icona ldquoInserisci Caratteri Specialirdquo

Una finestra ci mostreragrave una vasta gamma di simboli tra i quali potremo scegliere quello che ci interessa

2127 Inserisci Tabella

Per agevolare lrsquoinserimento di dati numerici in forma ldquoTabellarerdquo si puograve ricorrere allrsquoinserimento di unatabella contraddistinta dallrsquoapposito simbolo

La tabella puograve essere immaginata come una quaderno a ldquoquadrettirdquo dove ogni ldquoscacchettordquo corrispondead una cella

Scegliendo di inserire una tabella si apriragrave una finestra pop-up dove andremo ad inserire parametridi spaziatura fra celle numero di righe e colonne che compongono la tabella spessore del bordoallineamento rispetto alla pagina ecc

2128 Link

Ogni sito egrave composto da pagine consultabili e collegate tra loro tramite link

I link sono i collegamenti presenti sulle voci di menugrave parole immagini ecc

Ersquo possibile collegare pagine appartenenti ad uno stesso sito un indirizzo web di un sito esterno ounrsquoe-mail un file da scaricare un immagine ecc

Nota Immettendo nel testo un indirizzo web o e-mail completo il programma egrave in grado di capireautomaticamente che si tratta di un link e collegare gli elementi automaticamente

Volendo invece collegare elementi non scritti in forma completa si dovragrave procedere come segue

Selezioniamo la parola o frase che vogliamo collegare (come precedentemente visto) e clicchiamo sullrsquoiconaldquoInserisci Linkrdquo

Si apriragrave un pop-up come indicato nella prossima figura

Link ad una pagina interna al sito

La finestra ci propone lrsquoalberatura del nostro sito con le pagine in esso presenti (La voce attiva egraveldquopaginardquo di colore giallomarrone rispetto alle altre voci del pop-up)

Selezionando (figura Link interno (page 23)) la pagina che vorremo collegare il pop-up si chiuderagrave e laparola che avevamo selezionato precedentemente per il link cambieragrave aspetto

La vedremo blu e sottolineata il che indica che il link egrave attivato

212 Rich Text Editor 22

DocWeb Release 101

Figura 224 Link interno

Ersquo anche possibile creare dei link che aprono la pagina collegata allrsquointerno di una ldquofinestra di pop-uprdquocioegrave dentro una nuova finestra del browser Specificando le dimensioni di altezza e larghezza della nuovafinestra allrsquointerno degli appositi campi

Link ad una pagina esterna al sito

Selezioniamo una parola o frase che vogliamo collegare (come precedentemente visto) e clicchiamosullrsquoicona ldquoInserisci Linkrdquo

Scegliamo nel menugrave in alto proposto dal pop-up il bottone ldquoURL esternordquo (figura Link esterno (page 23))

Figura 225 Link esterno

Impostiamo nel campo URL lrsquoindirizzo web che vogliamo linkare prestando attenzione a scriverlo peresteso e senza cancellare http

Clicchiamo su ldquoImposta Linkrdquo

Il pop-up si chiuderagrave e la parola che avevamo selezionato precedentemente per il link cambieragrave aspetto

212 Rich Text Editor 23

DocWeb Release 101

La vedremo blu e sottolineata il che indica che il link egrave attivato

2129 Link ad unrsquoEmail

Come precedentemente visto scrivendo un indirizzo e-mail valido il programma di gestione egrave in grado dicapire che si tratta di un indirizzo di posta elettronica e il link viene impostato automaticamente

Tuttavia ci sono dei casi in cui non egrave possibile o si preferisce non indicare lrsquoindirizzo e-mail per estesoad esempio potremmo avere ldquoPer informazioni scrivicirdquo

Volendo potremmo fare in modo che sulla parola ldquoscrivicirdquo ci sia impostata la funzione di invio e-mail

Selezioniamo quindi la parola andiamo su ldquoInserisci Linkrdquo scegliendo poi ldquoEmailrdquo

Inseriamo lrsquoindirizzo E-mail nellrsquoapposito campo e clicchiamo su ldquoimposta Linkrdquo

21210 Link ad un file scaricabile

Per collegare un file (espdf txt gif ecc) egrave necessario copiarlo dal proprio PC al server web

Non egrave infatti possibile che una pagina pubblicata su internet prenda come link dei files che di fatto sonosalvati in una directory del nostro computer

Typo3 mette a disposizione un area dovrsquoegrave possibile pubblicare i files per poi essere resi disponibili ai linkossia rende disponibile lrsquo ldquoUploadrdquo dei files da pc a server

Scegliere dal menugrave di sinistra sotto la sezione ldquoMediardquo la voce ldquoFilerdquo (figura Seleziona file (page 24))

Figura 226 Seleziona file

Si apriragrave sulla destra una nuova area dove troveremo i campi utili a ldquosfogliarerdquo il contenuto del nostropc al fine di passare i file o i files dal nostro computer al manager

Effettuato il passaggio potremo ritornare alla nostra pagina e riprendere la procedura di ldquocreazione linkrdquoselezionando questa volta la voce ldquoFilerdquo del pop-up

I campi proposti sono del tutto simili a quelli di creazione di link su pagine del sito e un elenco di files(tutti quelli disponibili caricati) potranno essere collegati

213 Modalitagrave Lista

Selezionando la voce ldquolistardquo (figura Backend modalitagrave lista (page 25)) dal menugrave di sinistra egrave possibileesplorare una pagina ldquopadrerdquo e tutte le pagine ldquofiglirdquo ed essa associate

Avvertimento Ricordarsi di attivare la voce in basso ldquoVista Estesardquo

213 Modalitagrave Lista 24

DocWeb Release 101

Figura 227 Backend modalitagrave lista

Utilizzando le icone poste alla destra di ogni voce si possono compiere diverse operazioni di modificavisualizzazione spostamento copia e incolla pagina ecc come precedentemente descritto

Dunque potremo dire che la modalitagrave lista costituisce una scorciatoia per semplificare ogni sorta dioperazione soprattutto in presenza di un numero considerevole di files

214 Modalitagrave Mostra

Figura 228 Backend modalitagrave mostra

Selezionando la voce ldquoMostrardquo (figura Backend modalitagrave mostra (page 25)) dal menugrave di sinistra egrave possibilenavigare il sito allrsquointerno del docweb direttamente nel backend

214 Modalitagrave Mostra 25

DocWeb Release 101

Inoltre accanto ai vari record troveremo posta lrsquoicona matita per eseguire eventuali modifichedirettamente sul punto e la pagina prescelti

Anche la modalitagrave ldquoMostrardquo come la rdquoListardquo (cap 13) costituisce una scorciatoia particolarmente indicataper semplificare lrsquooperazione di visualizzazione del sito e di modifica

215 Modalitagrave ldquoMonta come radice dellrsquoalberordquo

Quando esistono diverse e numerose pagine egrave possibile gestire solo la porzione di contenuto che ci interessariducendo lrsquoalberatura del sito (lato backend) ai minimi termini mediante il comando ldquomonta come radicedellrsquoalberordquo

Per effettuare il comando procedere come segue

Cliccare con il pulsante destro del mouse sul titolo pagina dal menugrave centrale

Selezionare la voce ldquoaltre opzionirdquo dal menugrave a tendina (figuraMenu altre opzioni (page 26)) che compariragravecome conseguenza dellrsquoazione descritta al punto uno

Figura 229 Menu altre opzioni

Selezionare dallrsquoulteriore menugrave che si apriragrave (figura Seleziona monta come radice (page 26)) la voceldquoMonta come radice dellrsquoalberordquo

Figura 230 Seleziona monta come radice

Lrsquoalberatura si ridurragrave automaticamente mostrando solo la porzione selezionata

Per ripristinare lo stato di partenza selezionare la voce in alto nel menugrave centrale (figura Elimina DBmount (page 26)) ldquoElimina DB mount temporaneordquo

Figura 231 Elimina DB mount

Il menugrave si espanderagrave nuovamente mostrando tutte le voci esistenti

215 Modalitagrave ldquoMonta come radice dellrsquoalberordquo 26

DocWeb Release 101

216 Ottenere il page-id di una pagina

2161 Frontend (FE)

Da frontend si puograve ottenere il page-id della pagina corrente nei seguenti modi

1 dalla barra degli indirizzi del proprio browser (figura Id dallrsquourl (page 27)) Il numero della paginaegrave quello dopo la stringa ldquoid=rdquo Nella figura egrave cerchiata in verde la stringa ldquoid=rdquo e il numero dellapagina (page-id)

Figura 232 Id dallrsquourl

2 Puntando il mouse sulla scritta [id] a pieacute pagina e leggendo il tooltip (figura Id dal tooltip (page 27))

Figura 233 Id dal tooltip

3 Solo per browser Firefox dal menugrave di contesto scegliere la voce ldquoVisualizza info paginardquo si apreuna finestra consultare quindi la lista Meta sotto la scheda Generale (Id dagli attributi (page 28))

2162 Backend (BE)

Da backend egrave possibile ottenere il page-id nei seguenti modi

1 leggendo il tooltip puntando il mouse sullrsquoicona della pagina nel riquadro della struttura del sito(figura Id dal tooltip nel backend (page 28))

2 dal modulo di modifica delle intestazioni della pagina (figura Id dalle intestazioni pagina nel backend(page 28)) Il numero egrave tra le parentesi quadre dopo il titolo della pagina

217 Admin Panel

Quando si inseriscono contenuti con Typo3 (backend) egrave possibile visualizzare unrsquoanteprima della paginache si sta creando per vedere i risultati del lavoro svolto

Per visualizzare unrsquoanteprima di una pagina occorre (figura Menu mostra (page 29))

1 posizionarsi sulla pagina da visualizzare

2 premere il tasto sinistro del mouse in corrispondenza del nome

216 Ottenere il page-id di una pagina 27

DocWeb Release 101

Figura 234 Id dagli attributi

Figura 235 Id dal tooltip nel backend

Figura 236 Id dalle intestazioni pagina nel backend

217 Admin Panel 28

DocWeb Release 101

Figura 237 Menu mostra

3 selezionare la voce Mostra

In base alla pagina scelta si avragrave un risultato come quello visualizzato nella figura Anteprima pagina conAdmin panel (page 29)

Figura 238 Anteprima pagina con Admin panel

La pagina presenteragrave nella parte superiore lrsquoanteprima della pagina Nella parte inferiore vienevisualizzato uno strumento denominato Admin Panel

Questo oggetto offre lato front-end alcune funzionalitagrave (figura Moduli Admin panel (page 30)) cheaiutano i gestori di contenuti nella creazionemodifica delle pagine web del sito

NellrsquoAdmin panel (figura sopra) egrave possibile distinguere

217 Admin Panel 29

DocWeb Release 101

Figura 239 Moduli Admin panel

1 Modulo Preview ndash offre la possibilitagrave di selezionare alcune opzioni sulla pagina per simulare alcunesituazioni in cui la pagina si puograve trovare durante la visualizzazione

2 Modulo Cache ndash offre la possibilitagrave di gestire la cache

Allrsquointerno del modulo Preview abbiamo le seguenti voci

Mostra pagine nascoste selezionando la casella di controllo corrispondente a questa voce si visual-izzeranno anche quelle che attualmente non sono visibili allrsquointerno del sito o perchegrave in lavorazioneo perchegrave ancora non egrave stata data lrsquoautorizzazione alla pubblicazione

Mostra record nascosti come per le pagine questa voce offre la possibilitagrave di poter visualizzare allrsquoin-terno della pagina quei contenuti nascosti che non sono ancora ultimati o che sono in attesa di unautorizzazione per la pubblicazione

Simula data con questo controllo egrave possibile simulare il comportamento della pagina in periodi tem-porali diversi Utilizzando la casella di testo egrave possibile inserire delle date In questo modo sirende possibile la visualizzazione di quegli elementi (ad es pagine news ) che sono abilitati acomparirescomparire in base a determinati criteri temporali impostati

Simula gruppo di utenti con questo controllo egrave possibile simulare il comportamento delle pagine inbase ad un determinato gruppo di utenti che vi accede Alcune pagine possono infatti avere uncomportamento diverso in base al tipo di utente che vi accede

Nota Durante la creazione di pagine egrave possibile restringere la visione di una determinata pagina aparticolari tipi di utenti (utenti di frontend) Questa caratteristica offre la possibilitagrave di definire delle areead accesso riservato del sito ossia sezioni del sito a cui egrave possibile accedere solo dopo essersi autenticatie dopo avere avuto i necessari diritti di accesso

Una volta selezionate le opportune scelte allrsquointerno dellrsquoADMIN Panel occorreragrave premere il tasto Aggior-na (figura Aggiorna Admin panel (page 31)) per prendere visione della pagina secondo i criteri impostati

Nota Nel caso in cui lrsquoutente abbia la possibilitagrave di accedere da back-end a piugrave siti (ciascuno con unproprio dominio) bisogna tenere presente che lrsquoADMIN Panel compare soltanto per le pagine relativeal dominio con cui lrsquoutente ha fatto il login In altre parole se un operatore ad esempio egrave abilitatoa lavorare sulle pagine di backend dei siti httpwwwsitoesempio1it e httpwwwsitoesempio2it ese lrsquooperatore accede al backend di DocWeb con lrsquoindirizzo httpwwwsitoesempio1ittypo3 allora

217 Admin Panel 30

DocWeb Release 101

Figura 240 Aggiorna Admin panel

lrsquoADMIN Panel compariragrave solo sulle pagine di frontend del dominio wwwsitoesempio1it e non su quelledel dominio wwwsitoesempio2it

217 Admin Panel 31

CAPITOLO 3

La Clipboard

Lrsquooggetto clipboard (rdquoblocco degli appuntirdquo) egrave molto utile quando si ha la necessitagrave di copiare o spostareuno o piugrave elementi di contenuto o una o piugrave pagine da una sezione del sito (contenitore di pagine) adunrsquoaltra

31 Copia o spostamento di un contenuto singolo di pagina allrsquointernodi unrsquoaltra pagina

Per prima cosa egrave necessario (figura Identifica contenuto (page 32))

Figura 31 Identifica contenuto

1 selezionare la voce Lista

2 selezionare la pagina che contiene il contenuto che si intende copiare (nella figura abbiamo sceltola pagina denominata ldquoCorso di formazione su Typo3rdquo

32

DocWeb Release 101

3 identificare dalla lista dei contenuti associati alla pagina quello da spostare

Supponiamo che si desideri copiare il contenuto denominato ldquoTesto 2rdquo (figura Copia contenuto (page 33))

Figura 32 Copia contenuto

Egrave sufficiente cliccare sullrsquoicona (nella figura sopra evidenziata con un cerchio rosso) di copia incorrispondenza del contenuto da copiare

Dopo avere eseguito questa operazione nella figura Risultato copia contenuto (page 34) possiamo notare

1 Egrave comparsa unrsquoicona nuova che mette in evidenza che nella clipboard egrave presente un elemento

2 Lrsquoicona di copia in corrispondenza del contenuto da spostare ha cambiato aspetto

A questo punto lrsquooggetto che si intende copiare egrave presente nella nostra clipboard

Il passo successivo egrave quello di selezionare la pagina in cui andare a posizionare lrsquoelemento (paginadestinazione)

Rimanendo sempre allrsquointerno del modulo Lista occorreragrave selezionare dallrsquoalberatura delle pagine la pag-ina destinazione Il procedimento da seguire per posizionarsi sulla pagina egrave lo stesso descritto in prece-denza Nella figura Incolla contenuto (page 34) viene evidenziato il contenuto di una pagina (denominataldquoPagina di Provardquo) in cui vogliamo copiare il contenuto

Per copiare il contenuto della clipboard nella pagina selezionare lrsquoicona Incolla contenuto Clipboard

Confermando lrsquooperazione il contenuto saragrave copiato allrsquointerno della pagina selezionata

Per effettuare lo spostamento di un contenuto di pagina allrsquointerno di unrsquoaltra pagina cliccare sullrsquoicona

di Taglia al posto dellrsquoicona copia e ripetere le operazioni sopra descritte

1 Selezionando la casella Mostra clipboard (figura Vista clipboard (page 35)) egrave possibile visualiz-zare lrsquooggetto clipboard Nel caso in figura lrsquoelemento copiato in precedenza (Testo 2) egrave ancoradisponibile allrsquointerno della clipboard Utilizzando il procedimento descritto infatti il contenuto

31 Copia o spostamento di un contenuto singolo di pagina allrsquointerno di unrsquoaltra pagina 33

DocWeb Release 101

Figura 33 Risultato copia contenuto

Figura 34 Incolla contenuto

31 Copia o spostamento di un contenuto singolo di pagina allrsquointerno di unrsquoaltra pagina 34

DocWeb Release 101

selezionato rimane ancora a disposizione dellrsquoutente che potragrave selezionare altre pagine destinazionesu cui eventualmente andare a copiare il contenuto Nel caso in cui si selezioni un altro elementoad esempio ldquoTesto 1rdquo lrsquoelemento presente viene automaticamente sostituito

2 Dallrsquooggetto clipboard egrave possibile rimuovere un elemento premendo il bottone di Elimina postoaccanto ad esso

Figura 35 Vista clipboard

Con il procedimento descritto fino ad ora egrave possibile scegliere soltanto un contenuto alla volta

32 Copia o spostamento di piugrave contenuti da una pagina ad unrsquoaltra

Nel caso in cui ci si trovi nella necessitagrave di copiare piugrave di un contenuto da una pagina allrsquoaltra egrave necessarioseguire i passi seguenti

1 Selezionare il modulo Lista

2 Selezionare la pagina di origine da cui prelevare i contenuti

3 Selezionare la casella Mostra clipboard

4 Selezionare una clipboard tra quelle denominate ldquoClipboard 1rdquo ldquoClipboard 2rdquo ldquoClipboard 3rdquo(punto 3 figura Vista clipboard con contenuto selezionato (page 36))

Selezionando ad esempio la clipboard contrassegnata come ldquoclipboard 1rdquo si avragrave la seguente situazione

32 Copia o spostamento di piugrave contenuti da una pagina ad unrsquoaltra 35

DocWeb Release 101

Figura 36 Vista clipboard con contenuto selezionato

32 Copia o spostamento di piugrave contenuti da una pagina ad unrsquoaltra 36

DocWeb Release 101

1 In corrispondenza di ogni contenuto si evidenzia una Casella di selezione Sopra la colonna con lecaselle di selezione egrave comparsa una lista di bottoni tra cui al momento distinguiamo

2 Bottone di copia elementi nella clipboard

3 Bottone di selezione tuttinessuno

Scegliendo ad esempio i primi due elementi e premendo il pulsante di copia elementi nella clipboard sipuograve notare che (figura Copia nella clipboard (page 37))

Figura 37 Copia nella clipboard

1 La clipboard che abbiamo scelto per la selezione multipla (ldquoClipboard 1rdquo) contiene la lista deglioggetti che abbiamo scelto di copiare

2 Ersquo comparsa lrsquoicona di Incolla contenuto Clipboard

La procedura della selezione della pagina di destinazione rimane identica a quella giagrave utilizzata per lacopia di un contenuto singolo (selezionare la pagina di destinazione su cui andare a posizionare i contenutiselezionati)

Egrave importante fare notare che seguendo le operazioni descritte sopra si ottiene come risultato lospostamento dei contenuti dalla pagina origine a quella destinazione

Se si desidera copiare gli elementi selezionati egrave necessario una volta selezionati gli elementi da copiarepremere il tasto copia gli items invece di spostarli (evidenziato con un cerchio rosso nella figura Tagliadalla clipboard (page 38))

32 Copia o spostamento di piugrave contenuti da una pagina ad unrsquoaltra 37

DocWeb Release 101

Figura 38 Taglia dalla clipboard

32 Copia o spostamento di piugrave contenuti da una pagina ad unrsquoaltra 38

DocWeb Release 101

In questo modo dopo avere confermato lrsquooperazione i contenuti o le pagine da copiare saranno presentisia nella pagina origine che in quella destinazione

32 Copia o spostamento di piugrave contenuti da una pagina ad unrsquoaltra 39

CAPITOLO 4

Modulo DAM (Digital AssetManagement)

Il modulo DAM (Digital Asset Management) offre la possibilitagrave di raccogliere e catalogare contenuti informato digitale come immagini documenti presentazioni

Ogni file inserito puograve essere corredato di informazioni aggiuntive (meta-informazioni) come la descrizionelrsquoautore parole chiave ecc

Attraverso il modulo DAM egrave possibile svolgere le seguenti operazioni

bull Caricamento e Aggiornamento di file

bull Ricerca di file allrsquointerno del DAM e modifica delle meta-informazioni associate ai file

41 Caricamento e Aggiornamento di file

Lrsquooperazione di CaricamentoAggiornamento di file serve per sottoporre al sistema DAM un particolarecontenuto memorizzato in formato digitale

Lrsquoelemento caricato saragrave poi disponibile a chi inserisce contenuti

Per iniziare lrsquooperazione di caricamento di un file egrave sufficiente selezionare la voce File che si trovaallrsquointerno del modulo Media (figura Menu file (page 41))

La maschera che si apre (figura File upload (page 41)) offre le seguenti possibilitagrave

1 Selezione della posizione dove andare a caricareaggiornare il file

2 Specificare alcuni documenti da caricare (area File)

Concentrandoci sullrsquoarea File (figura Dettaglio file upload (page 42)) distinguiamo

1 Voce Show upload location browser (punto 1 figura sopra) egrave possibile visualizzare i file attualmentecaricati nel Mount Point selezionato

2 Lista di bottoni denominati Sfoglia da utilizzare nel caso in cui si desideri caricareaggiornareun file

Se si desidera caricare un file occorre cliccare sul bottone Sfoglia

La finestra che appare (figura Sfoglia file (page 42)) permette di selezionare dal proprio PC il file dacaricare

Per selezionare un file da caricare occorre

1 Esplorare le cartelle del proprio PC per trovare il file

40

DocWeb Release 101

Figura 41 Menu file

Figura 42 File upload

41 Caricamento e Aggiornamento di file 41

DocWeb Release 101

Figura 43 Dettaglio file upload

Figura 44 Sfoglia file

41 Caricamento e Aggiornamento di file 42

DocWeb Release 101

2 Inserire il nome del file nella casella di testo Nome file

3 Premere il tasto Apri

Una volta che si egrave selezionato un file egrave possibile

1 selezionare altri file da caricare seguendo gli stessi passi descritti in precedenza

2 effettuare lrsquooperazione di caricamento del file vero e proprio

Dallrsquoesempio abbiamo scelto di caricare un solo file

Il caricamento dei file viene eseguito premendo il bottone ldquoUpload filesrdquo che si trova in fondo alla listadei file selezionati (figura File selezionato (page 43))

Figura 45 File selezionato

Se tutto egrave stato eseguito correttamente appariragrave una finestra come quella nella figura Process files(page 44)

In questa maschera egrave possibile

1 Specificare le meta-informazioni per il singolo file come ad esempio il titolo parole chiavedescrizione

2 Avviare il processo di elaborazione multipla premendo il bottone Process selected files Con questoprocesso egrave possibile inserire o modificare le meta-informazioni per tutti i file della lista (in questocaso solo uno)

Se si vuole eseguire lrsquoinserimento delle meta-informazioni per singolo file la finestra che si apre egrave similea quella presentata in figura Elaborazione metainformazioni singolo file (page 44)

Nel caso si scelga di eseguire il processo di elaborazione multipla la maschera che compare (figuraElaborazione metainformazioni file multipli (page 45)) permette di selezionare le meta-informazioni chelrsquoutente intende inserire contemporaneamente per tutti i file della selezione

41 Caricamento e Aggiornamento di file 43

DocWeb Release 101

Figura 46 Process files

Figura 47 Elaborazione metainformazioni singolo file

41 Caricamento e Aggiornamento di file 44

DocWeb Release 101

Figura 48 Elaborazione metainformazioni file multipli

41 Caricamento e Aggiornamento di file 45

DocWeb Release 101

Se si seleziona la checkbox accanto alla voce che eventualmente saragrave inserita questa viene aggiuntaalle informazioni eventualmente giagrave presenti (modalitagrave append) Nellrsquoaltro caso le informazioni sarannosovrascritte

I campi Titolo e Descrizione sono obbligatori mentre il campo Parole chiavi puograve essere valorizzato adiscrezione dellrsquoutente Informazioni su come valorizzare i campi elencati sopra saranno descritte suapposite linee guida

Per completare lrsquoinserimentoaggiornamento delle meta-informazioni riguardanti il file caricato occorrepremere il tasto Send (figura Salva metainformazioni (page 46)) in fondo alla maschera per il salvataggiodelle informazioni

Figura 49 Salva metainformazioni

Tornando alla maschera di caricamento file e selezionando la checkbox in corrispondenza della voceSovrascrivi file esistenti (figura Carica file sovrascrivendo (page 46)) saragrave possibile aggiornare eventualifile che hanno lo stesso nome di quello che stiamo caricando

Questa procedura egrave utile quando si vuole aggiornare il contenuto di un file che egrave giagrave presente nel DAM

Figura 410 Carica file sovrascrivendo

Nel caso di aggiornamento di un file le meta-informazioni del file rimangono le stesse inserite inprecedenza Come si puograve notare non viene offerta la possibilitagrave di inserirne di nuove

Nel caso in cui un file con lo stesso nome sia giagrave caricato e non si desideri aggiornarlo il file inseritoper ultimo viene rinominato con un suffisso generato automaticamente dal DAM In questo caso la voceSovrascrivi file esistenti non deve essere selezionata (figura Carica file senza sovrascrivere (page 47))

Nellrsquoesempio in figura viene presentata la lista dei file presenti nel mount point selezionato

Da notare la presenza di un file che egrave stato rinominato dal DAM con un suffisso ldquo_01rdquo dato che nellastessa posizione era giagrave presente un file con lo stesso nome

41 Caricamento e Aggiornamento di file 46

DocWeb Release 101

Figura 411 Carica file senza sovrascrivere

41 Caricamento e Aggiornamento di file 47

DocWeb Release 101

42 Ricerca di file allrsquointerno del DAM e modifica delle meta-informazioni

Rimanendo sempre allrsquointerno del modulo Media selezioniamo la voce List egrave possibile effettuare dellericerche dei file e modificare le meta-informazioni associate ai file

Nella figura Backend media list (page 48) distinguiamo

Figura 412 Backend media list

1 Parte relativa ai Mount Point disponibili

2 Parte relativa ai tipi di file caricati nel sistema

3 Schede List Thumbnails Selection Process

Da questa sezione egrave possibile effettuare ricerche sui file caricati nel DAM

Le ricerche che si possono eseguire sono del tipo ldquotrova tutti i file pdf e docrdquo oppure ldquoelenca tutti i filedi tipo immagine ad eccezione dei file con estensione gifrdquo

Per prima cosa facendo click sul nome del tipo file (es gif oppure image) si seleziona solo quel tipo difile e si escludono tutti i criteri selezionati in precedenza

Per aggiungere un altro criterio di ricerca egrave sufficiente selezionare il ldquo+rdquo (punto 1 nella figura Criteri diselezione (page 49)) posto accanto al tipo di file che si vuole selezionare

Con il ldquo-ldquo(punto 2) saragrave possibile rimuovere il tipo di file dai criteri di ricerca

Selezionando ldquo=rdquo (punto 3) egrave possibile introdurre clausole del tipo ldquocerca un file che sia doc e presentenel Mount Point chiamato lsquoArea Testrsquordquo (ossia effettua una ricerca che risponda a tutti i criteri impostati)

Nellrsquoesempio della figura Salva selezione (page 49) sono stati selezionati tutti i tipi di immagine adeccezione dei file con estensione gif Questo risultato si ottiene nel seguente modo

1 selezionare il ldquo+rdquo accanto alla voce ldquoimagerdquo

2 premendo il tasto ldquo-ldquo in corrispondenza della voce ldquogifrdquo

I criteri impostati per la selezione possono essere salvati per un uso futuro Per salvare la selezioneoccorre (figura Salva selezione (page 49))

1 riempire il campo sotto la voce SELECTION con un nome che identifichi la ricerca

2 premere il tasto Save per salvare la modalitagrave di ricerca impostata

In questo modo saragrave possibile richiamare e rieseguire la ricerca impostata anche in futuro senza doverripetere il procedimento di scelta dei criteri mostrato in precedenza

42 Ricerca di file allrsquointerno del DAM e modifica delle meta-informazioni 48

DocWeb Release 101

Figura 413 Criteri di selezione

Figura 414 Salva selezione

42 Ricerca di file allrsquointerno del DAM e modifica delle meta-informazioni 49

DocWeb Release 101

Se in futuro saranno inseriti nuovi file che soddisfano la ricerca salvata questi verranno selezionati quandoverragrave richiamata la ricerca salvata

Dalla figura Ricerca salvata (page 50) egrave possibile notare come richiamare la ricerca salvata In questocaso abbiamo salvato la ricerca con il nome ldquoimmaginisenzagifrdquo

Figura 415 Ricerca salvata

Una volta che si egrave selezionata la ricerca egrave possibile

1 Premere il tasto Load per ricaricare la ricerca precedentemente impostata

2 Premere Remove per rimuovere la ricerca salvata

Una volta effettuata una particolare selezione di file egrave possibile (figura Schede backend media list(page 50))

Figura 416 Schede backend media list

1 vedere il contenuto della selezione (schede List e Thumbnails)

2 vedere i criteri impostati per la ricerca (scheda Selection)

3 modificare le meta-informazioni associate ai file (scheda Process) secondo quanto descritto inprecedenza

Nella figura Scheda selection (page 51) egrave visualizzato come selezionando la scheda Selection egrave possibileprendere visione dei criteri impostati nella ricerca (la ricerca egrave quella dellrsquoesempio precedente)

Selezionando le schede List e Thumbnails dopo avere effettuato una qualsiasi selezione si potrebbe avereuna situazione come quella mostrata nella figura Scheda list (page 51)

Cliccando sullrsquoicona corrispondente ad uno dei file presenti nella lista (selezionato con un cerchio rosso)egrave possibile accedere ad un menugrave contestuale (figura Menu contestuale DAM (page 51))che permette disvolgere le seguenti operazioni

Modifica Offre la possibilitagrave di visualizzare e modificare le meta-informazioni associate al file

Rinomina Selezionando la seguente voce egrave possibile assegnare un altro nome al file che si egrave caricato

Replace file Avvia lrsquooperazione di sostituzione del file

Info Visualizza informazioni relative al file

Cancella Rimuove il file dal DAM

42 Ricerca di file allrsquointerno del DAM e modifica delle meta-informazioni 50

DocWeb Release 101

Figura 417 Scheda selection

Figura 418 Scheda list

Figura 419 Menu contestuale DAM

42 Ricerca di file allrsquointerno del DAM e modifica delle meta-informazioni 51

CAPITOLO 5

Modulo Pagine di download

51 Inserimento e configurazione pagine di download

La creazione di pagine di download egrave utile quando si vuole mettere a disposizione una lista di uno o piugravefile in forma scaricabile

Per creare una pagina di download egrave necessario seguire i seguenti passi

1 Creare una pagina standard

2 Inserire il plugin DAM Download List

3 Configurare il plugin

Per creare una pagina egrave sufficiente entrare nel modulo Pagina e selezionare Crea nuovo record per accederealla finestra di creazione pagine

Nellrsquoesempio in figura Backend creazione contenuto (page 52) egrave stata creata la pagina denominata ldquoPaginadownloadrdquo come figlio della pagina ldquoPagina di provardquo

Figura 51 Backend creazione contenuto

Una volta creata la pagina occorre configurarla in maniera tale da permettere la visualizzazione di unalista di file scaricabili Per fare ciograve occorre inserire un plugin denominato ldquoDAM Download Listrdquo Unplugin egrave un contenuto speciale da inserire in una pagina

52

DocWeb Release 101

Per inserirlo come per un contenuto occorre seguire i seguenti passi (figura Backend creazione contenuto(page 52))

1 Selezionare la pagina in cui inserire il plugin Nellrsquoesempio la pagina denominata ldquoPaginadownloadrdquo

2 Selezionare la voce Clicca qui per il wizard nella maschera che compare quando si vuole inserire unnuovo record

Figura 52 Wizard nuovo contenuto

Oltre ai normali contenuti standard il wizard permette di selezionare (figura Wizard nuovo contenuto(page 53))

1 Contenuti speciali

2 Moduli

3 Plugins

Allrsquointerno della lista dei Plugins selezionare DAM Lista dei file scaricabili (punto 4 nella figura Wizardnuovo contenuto (page 53))

Dopo aver selezionato il plugin occorreragrave selezionare la posizione della pagina in cui inserire lrsquoelemento

Selezionare ldquoNormalerdquo

A questo punto il plugin egrave inserito nella pagina desiderata

51 Inserimento e configurazione pagine di download 53

DocWeb Release 101

Oltre allrsquoinserimento occorre configurare il plugin in modo da dirgli quali file far visualizzare

Una volta che il plugin viene inserito viene aperta una finestra (figura Contenuto pagina (page 54)) doveviene richiesto di selezionare dei file inseriti nel sistema

Figura 53 Contenuto pagina

Per proseguire correttamente egrave necessario salvare immediatamente il Contenuto Pagina altrimenti leoperazioni successive potrebbero andare perse

Per inserire i file nella lista occorre effettuare la seguente operazione (figura Contenuto pagina (page 54))

1 Nella parte della maschera denominata DAM Lista di file scaricabili selezionare lrsquoicona SfogliaRecord (cerchiata in rosso) per avviare la procedura di selezione dei file

Selezionando la voce Sfoglia Record verragrave aperto lrsquoElement Browser di TYPO3 che ci permette di se-lezionare i file da inserire nel plugin La finestra (figura Element browser (page 55)) egrave composta di dueschede

1 Media ndash permette di selezionare i file giagrave esistenti nel sistema

2 Upload ndash permette di caricare nuovi file

Selezionando la sezione Media egrave possibile selezionare dalla lista i file da inserire

51 Inserimento e configurazione pagine di download 54

DocWeb Release 101

Figura 54 Element browser

Se la lista dei file fosse troppo lunga egrave possibile effettuare delle ricerche per nome e per tipologia di file(doc htm )

Per cercare per nome (figura Ricerca per nome (page 55)) occorre inserire nella casella di testo Cercastringa (punto 1 nella figura sopra) il nome o parte del nome del file da cercare Una volta specificata lastringa di ricerca premere il tasto Cerca (punto 2)

Figura 55 Ricerca per nome

Per cercare un particolare tipo di file selezionare il nome dellrsquoestensione che si desidera dallrsquoelenco deitipi di file (figura Ricerca per tipo (page 56))

Nota I due tipi di ricerca possono essere usati contemporaneamente

Selezionando la voce informazioni (punto 1 nella figura Selezione file (page 56)) egrave possibile visualizzarele meta-informazioni associate al file

Premendo con il mouse sul nome del file (punto 2) o sullrsquoicona associata (punto 3) si inserisce il file nellalista dei file da far visualizzare nella pagina di download mediante lrsquoapposito plugin

Selezionando la scheda Upload si puograve inserire un file non presente nel sistema (figura Caricamentoimmediato file (page 56))

51 Inserimento e configurazione pagine di download 55

DocWeb Release 101

Figura 56 Ricerca per tipo

Figura 57 Selezione file

Figura 58 Caricamento immediato file

51 Inserimento e configurazione pagine di download 56

DocWeb Release 101

Scegliere i file dal proprio PC seguendo le operazioni giagrave descritte nel modulo DAM e selezionare dallascheda Media i nuovi file inseriti

Nella figura Plugin con file selezionati (page 57) egrave visualizzato un esempio di maschera di configurazionedel plugin con la lista dei file selezionati

Figura 59 Plugin con file selezionati

I file una volta inseriti possono essere ordinati selezionando sugli appositi bottoni posti a destra dellalista file

bull Per ordinare un determinato file occorre

bull Selezionare un file

Premere uno dei tasti (figura sopra) per

1 Spostare in prima posizione

2 Spostare in alto di una posizione

3 Spostare in basso di una posizione

4 Spostare in ultima posizione

5 Rimuovere dalla lista il file selezionato

Una volta eseguiti i passaggi sopra descritti salvare la configurazione del plugin

51 Inserimento e configurazione pagine di download 57

CAPITOLO 6

Modulo Sitemap

Ersquo possibile generare una mappa del sito scegliendo un contenuto speciale di tipo ldquoMappa del Sitordquo comemostrato nella figura Contenuto mappa del sito (page 58)

Figura 61 Contenuto mappa del sito

Per scegliere un record di tipo ldquomappa del sitordquo (per visualizzare cioegrave la vista dei contenuti possibili)saragrave necessario portarsi in modalitagrave ldquopaginardquo compiendo gli stessi passaggi descritti per la creazione dicontenuti semplici in fase di creazione delle pagine (in questo caso selezionando il contenuto specialemappa)

58

DocWeb Release 101

61 Scheda di configurazione Mappa

La scheda di configurazione si presenta come nella figura Scheda mappa del sito (page 59)

Figura 62 Scheda mappa del sito

I campi fondamentali da personalizzare sono lrsquointestazione (ossia il titolo pagina) il tipo di menugrave e ilpunto di partenza Nellrsquointestazione viene inserito come di consuetudine il titolo pagina

62 Tipo di mappa

Ersquo possibile scegliere il tipo di mappa che si desidera creare consultando il menugrave a tendina ldquotipo di menugraverdquoche ci offriragrave diverse opzioni

Le piugrave frequentemente usate sono di tipo ldquoMenugrave delle sottopagine rdquo come indicato nella figura Tipo dimenu (page 60)

Menugrave delle sottopagine di queste pagine Scegliendo questa opzione da una pagina padre sigenereragrave un record che mostreragrave al suo interno tutte le sottovoci figlio con relativo link

Menugrave delle sottopagine di queste pagine (con abstract) Genera una mappa sia delle sottopagineche dei sottotitoli

Menugrave delle sottopagine di queste pagine + sezioni Genera una mappa sia delle sottopagine chedei record (link alle intestazioni dei singoli record)

Selezionando voci di menugrave di sottopagine egrave anche possibile stabilire un determinato punto di partenzasfogliando lrsquoapposito record

61 Scheda di configurazione Mappa 59

DocWeb Release 101

Figura 63 Tipo di menu

63 Il ldquopunto di partenzardquo della mappa

Il ldquopunto di partenzardquo dei Menugrave delle sottopagine Scheda mappa del sito (page 59) costituisce la paginadalla quale il sistema partiragrave per creare la mappa

Si potragrave quindi creare una mappa (di tipo menugrave delle sottopagine) che mostri solamente il percorso diquella porzione di menugrave che si intende mostrare

63 Il ldquopunto di partenzardquo della mappa 60

CAPITOLO 7

Modulo News

71 Inserimento e modifica di news

Alcune sezioni del nostro sito potrebbero essere state configurate per permettere la visualizzazione dinotizie

Per poter visualizzare le news correttamente occorre che queste ultime vengano inserite in una determi-nata posizione allrsquointerno del backend Da questa posizione che chiameremo repository delle news lenostre pagine andranno a prelevare le news da visualizzare al loro interno

Figura 71 Backend news

Nellrsquoesempio presentato nella figura Backend news (page 61) distinguiamo

1 il repository delle news che egrave stato creato

2 Un esempio di come potrebbe apparire il contenuto del repository delle news (lista delle news)

Per poter visualizzare il contenuto del repository delle news occorre seguire i seguenti passi

1 entrare nel modulo Pagina

61

DocWeb Release 101

2 selezionare il repository delle news corrispondente (nellrsquoesempio della figura Backend news (page 61)il Repository delle news si chiama ldquoNews Area Testrdquo)

Poniamo ora la nostra attenzione alla lista delle news (figura Lista news (page 62)) Da qui egrave possibile

bull Inserire una nuova notizia

bull Modificare le notizie giagrave esistenti

Per inserire una nuova notizia occorre selezionare la voce Crea nuovo record (figura Lista news (page 62))posta in fondo alla lista delle news

Figura 72 Lista news

A questo punto si apre la finestra di creazione Nuovo record da cui occorre selezionare la voce News(figura Nuovo record news (page 62))

Figura 73 Nuovo record news

Eseguendo le operazioni sopra descritte si accede alla maschera di inserimento news (figura Inserimentonews scheda generale (page 63))

Questa si compone di due schede una denominata Generale e unrsquoaltra denominata Relations

Nella scheda Generale egrave possibile inserire

Titolo in questo spazio egrave possibile specificare un titolo della news

Nascondi questo controllo determina se la news egrave pubblicabile oppure no Come avviene per le pagineanche per le news egrave consigliabile tenere la news nascosta durante la lavorazione Facciamo notare

71 Inserimento e modifica di news 62

DocWeb Release 101

Figura 74 Inserimento news scheda generale

71 Inserimento e modifica di news 63

DocWeb Release 101

che appena viene aperta la maschera di inserimento di una nuova news il controllo appare giagrave instato nascosto

Dataora in questo spazio viene indicata la data e lrsquoora della creazione della news in base ai parametridi sistema

Data Archiviazione in questo spazio viene inserita la data di Archiviazione di una news

Autore permette di specificare un autore della news

Email permette di specificare un e-mail a cui fare riferimento

Sottointestazione questo campo conterragrave una breve descrizione (abstract) della news La sottointes-tazione egrave quella parte della news che compare quando viene visualizzata la lista delle news e serveper dare una breve descrizione al contenuto della news (si veda Esempio news (page 64))

Figura 75 Esempio news

Durante lrsquoinserimento di una news egrave consigliabile specificare sempre una sottointestazione

Testo egrave il campo che contiene il contenuto vero e proprio della news Egrave possibile utilizzare tutte lefunzionalitagrave messe a disposizione dallrsquoeditor RTE

72 Modalitagrave Relations

Nella modalitagrave Relations (figura Inserimento news scheda relations (page 65)) egrave possibile inserire

Immagini contiene una lista di immagini da associare alla news Il procedimento per la se-lezionecaricamento delle immagini egrave stato descritto nella parte dedicata alla creazione di paginedi download a cui vi rimandiamo

Didascalia permette di specificare una descrizione per lrsquoimmagine associata alla news

Image alttext e Image titletext permette di specificare un testo che in visualizzazione (Frontend)compariragrave al passaggio del mouse sopra lrsquoimmagine

News correlate permette di specificare news o pagine del sito da associare alla news Il procedimentodi selezione delle news da associare alla notizia saragrave spiegato successivamente

DAM elements permette di assegnare alla news dei documenti da scaricare come per esempioil programma di un determinato evento Anche in questo caso il procedimento per la se-lezionecaricamento dei documenti egrave quello giagrave descritto nella parte dedicata alla creazione dipagine di download

Descriviamo il procedimento da seguire per associare alcune pagine o alcune news alla notizia che stiamoinserendo

Premere il tasto di Sfoglia Record evidenziato nella figura Sfoglia record news (page 65)

Verragrave aperta una finestra che contiene un Element Browser che ci permette di selezionare le newspagine(figura Element browser news (page 66)) da associare

La finestra di selezione si suddivide nelle seguenti parti (figura sopra)

Alberatura del sito da cui egrave possibile esplorare gli elementi del nostro sito (pagine sysfolder )Premendo con il tasto sinistro del mouse sul nome della pagina o sulla freccia corrispondente verragraveaggiornata la parte di destra della finestra in cui egrave inserita la lista degli elementi associabili

72 Modalitagrave Relations 64

DocWeb Release 101

Figura 76 Inserimento news scheda relations

Figura 77 Sfoglia record news

72 Modalitagrave Relations 65

DocWeb Release 101

Figura 78 Element browser news

Lista degli elementi associabili egrave quindi possibile selezionare gli elementi da associare alla newsPer associare un elemento si puograve selezionare il simbolo ldquo+rdquo posto accanto allrsquoelemento desideratoo agendo sul nome del file Nel primo caso lrsquoelemento viene aggiunto ma la finestra non si chiuderagrave(utile per effettuare selezioni multiple) mentre nel secondo caso lrsquoelemento viene aggiunto e lafinestra si chiuderagrave (selezione singola)

Nota Per associare una o piugrave news alla notizia che stiamo inserendo occorreragrave innanzitutto selezionareil repository delle news e utilizzando i metodi descritti in precedenza indicare le news di interesse

Nella figura Selezione repository (page 66) viene visualizzato come appare lrsquoElement Browser dopo averselezionato il repository delle news denominato ldquoNews Corso Typo3rdquo

Figura 79 Selezione repository

Una volta ultimato il procedimento di inserimento di una news vedremo che nel repository compariragrave(figura News nel repository (page 67)) anche quella da noi creata Nellrsquoesempio la news creata si chiamaldquoTitolo della news di provardquo

Dalla lista delle news possiamo notare che i diversi tipi di news sono contrassegnati con icone diverse

In particolare distinguiamo

72 Modalitagrave Relations 66

DocWeb Release 101

Figura 710 News nel repository

bull News (icona ldquocelestinardquo)

bull Collegamento a URL esterna (icona ldquorosardquo)

bull Collegamento a pagina interna (icona ldquogiallinardquo)

Per modificare il contenuto di una news egrave sufficiente selezionare il simbolo di modifica (figura Modificanews (page 67)) in corrispondenza della news da modificare

Figura 711 Modifica news

73 News collegata a URL esterna e a pagina interna

Attraverso la selezione della finestra ldquoTipordquo egrave possibile scegliere diverse tipologie di news

Nella figura News collegata a url esterna (page 68) egrave stato selezionato il Collegamento a URL esterna checi offriragrave la possibilitagrave di specificare un link (ldquoURL esternordquo) da far visualizzare e che saragrave contraddistintain lista da lrsquoicona di colore rosa

Selezionando il Collegamento a pagina interna viene offerta la possibilitagrave di inserire un collegamento auna pagina del sito (evidenziato nella figura News collegata a pagina interna (page 69))

La news si presenteragrave con icona di color ldquogiallordquo e al suo interno conterragrave un link alla pagina interna alsito

73 News collegata a URL esterna e a pagina interna 67

DocWeb Release 101

Figura 712 News collegata a url esterna

73 News collegata a URL esterna e a pagina interna 68

DocWeb Release 101

Figura 713 News collegata a pagina interna

73 News collegata a URL esterna e a pagina interna 69

DocWeb Release 101

74 Eliminazione delle News

Per eliminare una news possiamo procedere tra lrsquoaltro in due modi

1 Selezionare la news da eliminare dallrsquoelenco e selezionare la voce ldquocancellardquo dal menugrave a tendinaconsultabile cliccando con il pulsante destro sullrsquoicona in corrispondenza della news (figura Eliminanews da menu contestuale (page 70))

Figura 714 Elimina news da menu contestuale

2 Entrare allrsquointerno della modalitagrave di modifica della news attraverso lrsquoicona ldquomatitardquo e selezionare lrsquoi-cona raffigurante il bidone di elimina posta in alto pagina (figura Elimina news da scheda contenuto(page 70))

Figura 715 Elimina news da scheda contenuto

75 Ordinamento delle News e ricerca

Puograve essere necessario durante la visualizzazione della lista delle news (lato backend) di dover effettuaredegli ordinamenti al fine di permettere una ricerca piugrave veloce delle news da modificare

74 Eliminazione delle News 70

DocWeb Release 101

Avvertimento Lrsquoordinamento ha valore solo come ricerca allrsquointerno del backend mentre latofrontend rispecchieragrave i parametri prestabiliti dal sistema

Supponiamo per esempio di voler effettuare un ordinamento per Titolo Seguiamo i seguenti passi(figura sotto)

1 Selezionare la voce di menugrave Lista

2 Selezionare il deposito delle news (repository) News Corso Typo3

3 Cliccare con il mouse in corrispondenza della voce ldquoTitolordquo

A questo punto (figura Ordinamento news (page 71)) le news vengono ordinate in ordine crescente(vengono visualizzate prima le news con titolo che inizia con la lettera a b e cosigrave via)

Figura 716 Ordinamento news

Se clicchiamo unrsquoaltra volta sulla voce ldquoTitolordquo il tipo di ordinamento cambia da crescente a decrescente(compariranno per prima le news con titolo che inizia per z )

Egrave inoltre possibile ordinare secondo campo da noi specificato Per definire il nome di un campo (ad estesto inizio autore ) su cui effettuare lrsquoordinamento occorreragrave spostarsi in fondo alla lista delle newsdove troveremo una lista di campi (figura Mostra campo aggiuntivo news (page 71))

Figura 717 Mostra campo aggiuntivo news

Dalla lista possiamo

bull Selezionare la voce in base alla quale effettuare lrsquoordinamento (ad esempio Immagini)

bull Premere il tasto Imposta campi per aggiungere alla lista dei campi visualizzati quello selezionato

75 Ordinamento delle News e ricerca 71

DocWeb Release 101

A questo punto il campo selezionato (nel nostro esempio il campo Immagini) compare nella lista dellenews (il campo aggiunto egrave evidenziato con un riquadro in alto a destra nella figura Ordinamento campoaggiuntivo news (page 72))

Figura 718 Ordinamento campo aggiuntivo news

Effettuare le stesse operazioni illustrate per il campo Titolo per ordinare in modo crescente e decrescentele news secondo il criterio impostato (click pulsante sinistro sul nome etichetta)

Egrave anche possibile ricercare le news in base al testo contenuto nel titolo sottotitolo descrizione eccUtilizzando la maschera di ricerca in fondo pagina (evidenziata nella figura Ricerca news (page 72))

Figura 719 Ricerca news

Per effettuare una ricerca egrave necessario seguire i seguenti passi

1 Inserire nel campo Cerca Stringa il testo da cercare (nel nostro esempio ldquonequerdquo)

2 Premere il tasto Cerca per eseguire la ricerca secondo i criteri impostati

In questo modo nella lista delle news compariranno solo quelle che contengono il testo specificatoEffettuata la ricerca egrave possibile effettuare degli ordinamenti come spiegato in precedenza

75 Ordinamento delle News e ricerca 72

CAPITOLO 8

Modulo Eventi

Avvertimento SEZIONE NON COMPLETA

Si confrontino i seguenti due tipi di contenuti

Evento egrave un tipo di contenuto adatto a descrivere qualcosa che accadragrave o che egrave accaduto in una certadata La data o le date in cui lrsquoevento ricorre sono strettamente legate ad un luogo in cui lrsquoeventosi verificheragravesi egrave verificato Gli eventi vengono rappresentati mediante la metafora dellrsquoagenda edel calendario

Notizia egrave un tipo di contenuto caratterizzato dalla data di pubblicazione secondo la metafora delgiornale online E come in un giornale online una notizia puograve riferirsi sia a fatti giagrave accaduti chea fatti a venire

Nota Per comprendere meglio la differenza tra i due tipi di contenuto si pensi che dato un eventoche ha una certa data di svolgimento (ad es 20 maggio) di tale evento posso realizzare piugrave di unanotizia Rimanendo nellrsquoesempio potrei pubblicare una notizia il 10 maggio per preannunciare lrsquoeventoe poi unrsquoaltra il 18 maggio per ricordarne lrsquoimminenza Infine potrei pubblicare una notizia di riepilogo(cronaca dellrsquoevento immagini ecc) il 22 maggio

81 Scopo del modulo Eventi

Il visitatore del sito deve poter cogliere le informazioni essenziali di un evento

bull Cosa sta per succedere

bull Dove accadragrave

bull Quando accadragrave

82 Il Backend ndash Modulo Pagina

Vedi figura Eventi vista modulo pagina (page 74)

83 Il Backend ndash Modulo Lista

Vedi figura Eventi vista modulo lista (page 74)

73

DocWeb Release 101

Figura 81 Eventi vista modulo pagina

Figura 82 Eventi vista modulo lista

83 Il Backend ndash Modulo Lista 74

DocWeb Release 101

84 Creazione di un evento

Prima di procedere poniamoci qualche domanda

bull Lrsquoevento appartiene a qualche rassegna iniziativa per la quale sono in programma altri eventiPer esempio

ndash Rassegne teatrali cinematografiche

ndash Festival

bull Lrsquoevento si ripete

ndash La replica avviene sempre nello stesso luogo

841 Creazione del record

Vedi figura Creazione nuovo evento (page 75)

Vedi figura Creazione nuovo record evento (page 76)

Figura 83 Creazione nuovo evento

842 Scheda ldquoGeneralerdquo

Vedi figura Evento scheda generale (page 76)

843 Scheda ldquoFinestra temporalerdquo

Orario repliche

Vedi figura Evento finestra temporale (page 78)

84 Creazione di un evento 75

DocWeb Release 101

Figura 84 Creazione nuovo record evento

Figura 85 Evento scheda generale

84 Creazione di un evento 76

DocWeb Release 101

bull Lrsquoorario va solo per le Finestre temporali di un giorno (data inizio = data fine)

bull Se non si conosce lrsquoora della fine impostare ora inizio = ora fine

844 Scheda ldquoTestordquo

Vedi figura Evento scheda testo (page 79)

84 Creazione di un evento 77

DocWeb Release 101

Figura 86 Evento finestra temporale

84 Creazione di un evento 78

DocWeb Release 101

Figura 87 Evento scheda testo84 Creazione di un evento 79

  • Introduzione
    • Cosegrave DocWeb
    • Concetti chiave
      • Funzionalitagrave di Base
        • Il CMS Typo3 ldquobackendrdquo e ldquofrontendrdquo
        • Cambio password di accesso
        • Albero delle pagine
        • Implementazione delle pagine ldquogenitori rdquo e ldquofiglirdquo
        • Inserimento Nuova pagina
        • Elementi standard della pagina
        • Inserimento contenuti di una pagina
        • Contenuti multipli allrsquointerno di una pagina
        • Modifica dei contenuti della pagina
        • Spostamento di pagine
        • Eliminazione pagine
        • Rich Text Editor
        • Modalitagrave Lista
        • Modalitagrave Mostra
        • Modalitagrave ldquoMonta come radice dellrsquoalberordquo
        • Ottenere il page-id di una pagina
        • Admin Panel
          • La Clipboard
            • Copia o spostamento di un contenuto singolo di pagina allrsquointerno di unrsquoaltra pagina
            • Copia o spostamento di piugrave contenuti da una pagina ad unrsquoaltra
              • Modulo DAM (Digital Asset Management)
                • Caricamento e Aggiornamento di file
                • Ricerca di file allrsquointerno del DAM e modifica delle meta-informazioni
                  • Modulo Pagine di download
                    • Inserimento e configurazione pagine di download
                      • Modulo Sitemap
                        • Scheda di configurazione Mappa
                        • Tipo di mappa
                        • Il ``punto di partenza della mappa
                          • Modulo News
                            • Inserimento e modifica di news
                            • Modalitagrave Relations
                            • News collegata a URL esterna e a pagina interna
                            • Eliminazione delle News
                            • Ordinamento delle News e ricerca
                              • Modulo Eventi
                                • Scopo del modulo Eventi
                                • Il Backend ndash Modulo Pagina
                                • Il Backend ndash Modulo Lista
                                • Creazione di un evento
Page 23: DocWeb€¦ · per la realizzazione e la gestione di siti web della Pubblica Am-ministrazione. La piattaforma tecnologica utilizzata è il CMS (Content Management System) Open SourceTypo31

DocWeb Release 101

Proviamo ad inserire ad esempio una semplice frase allrsquointerno del box testo (figura Box testo RTE(page 20))

Figura 222 Box testo RTE

La frase viene digitata direttamente nellrsquoarea testo mantenendo un tipo di formattazione ldquonormalerdquo

2121 Testo grassetto corsivo sottolineato (bold italic underline)

Proviamo a selezionare la frase ldquoProvincia di Pesaro e Urbinordquo tenendo premuto il pulsante sinistro delmouse trascinando il cursore dalla P di Provincia alla o di Urbino

In alternativa portare il cursore alla P di Provincia tenere tasto maiuscolo premuto e muoversi con lefrecce per selezionare il testo

Lrsquoesempio egrave utile per capire che per effettuare una determinata azione di tipo stilistico su una frase oparola egrave necessario che la frase o la parola siano preventivamente selezionate

Figura 223 Comandi box testo RTE

212 Rich Text Editor 20

DocWeb Release 101

Se il testo egrave stato selezionato correttamente vedremo la parola ldquoProvincia di Pesaro e Urbinordquo evidenziatadi blu scuro

Click sinistro sul simboloicona ldquoBrdquo (figura Comandi box testo RTE (page 20)) per creare un effettoldquograssettordquo al testo

Click sinistro sul simboloicona ldquoIrdquo per il corsivo-italico

Click sinistro sul simboloicona ldquoU ldquo per il sottolineato

Nota Il Grassetto dona alle parole un sapore piugrave incisivo e si utilizza per enfatizzare termini importantie di rilievo

LrsquoItalico viene usato comunemente per indicare le date gli indirizzi le citazioni

Il Sottolineato su web viene comunemente usato nelle parole ldquolinkaterdquo (ossia che rimandano ad altrepagine web) per cui se ne sconsiglia lrsquouso in un testo semplice per evitare confusione

2122 Elenco Puntato e Numerato

Portiamoci con il cursore allrsquointerno della box di testo

Selezioniamo lrsquoicona Lista non numerata (Elenco puntato semplice)

Vedremo comparire un simbolo tontoromboidale e potremo dare vita ad una lista

bull Voce 1

bull Voce 2

bull Voce 3 ecc

Allo stesso modo potremo creare una lista numerata avvalendoci dellrsquoicona ldquoLista numeratardquo

Lrsquoelenco viene numerato

1 Voce 1

2 Voce 2

3 Voce 3 ecc

2123 Pulsanti di Annulla e Ripristina

Compiuta una determinata azione egrave possibile tornare indietro o ripristinarla tramite i pulsanti ldquoAnnullalrsquoultima azionerdquo e ldquoRifai lrsquoultima azionerdquo

Piugrave volte si clicca sui pulsanti piugrave volte lrsquoazione viene ripetuta indietro ed avanti nel tempo

2124 Copia Taglia Incolla

Selezionando un testo potremo tagliarlo copiarlo e incollarlo

Copia selezionare il testo utilizzare lrsquoicona ldquocopia selezionerdquo per copiare

Taglia il testo viene eliminato ma resta in memoria per essere eventualmente incollato altrove odefinitivamente cancellato Ersquo possibile tenere in memoria solo lrsquoultimo testo o parola tagliato

Incolla Un testo precedentemente copiato o tagliato puograve essere incollato nuovamente o su diversoambiente

212 Rich Text Editor 21

DocWeb Release 101

2125 Rimuovi Formattazione

Ersquo possibile che il testo importato e incollato nellrsquoarea testo da altra fonte (es documento word) sildquosporchirdquo e ne acquisisca le caratteristiche stilistiche in maniera non corretta

Ersquo necessario pulire il testo selezionandolo e cliccando su ldquorimuovi formattazionerdquo

Si apriragrave un pop-up (nuova finestra) che ci proporragrave diversi elementi da pulire selezioniamo ciograve che ciinteressa e clicchiamo su OK

2126 Inserisci Caratteri Speciali

Alcune volte puograve essere necessario inserire dei caratteri o simboli non presenti sulla tastiera o nonconvenzionali per i quali esiste una mappa di caratteri speciali

Il sistema propone diversi tipi di caratteri speciali tra i piugrave comuni e frequentemente usati per adoperarliegrave sufficiente cliccare sullrsquoapposita icona ldquoInserisci Caratteri Specialirdquo

Una finestra ci mostreragrave una vasta gamma di simboli tra i quali potremo scegliere quello che ci interessa

2127 Inserisci Tabella

Per agevolare lrsquoinserimento di dati numerici in forma ldquoTabellarerdquo si puograve ricorrere allrsquoinserimento di unatabella contraddistinta dallrsquoapposito simbolo

La tabella puograve essere immaginata come una quaderno a ldquoquadrettirdquo dove ogni ldquoscacchettordquo corrispondead una cella

Scegliendo di inserire una tabella si apriragrave una finestra pop-up dove andremo ad inserire parametridi spaziatura fra celle numero di righe e colonne che compongono la tabella spessore del bordoallineamento rispetto alla pagina ecc

2128 Link

Ogni sito egrave composto da pagine consultabili e collegate tra loro tramite link

I link sono i collegamenti presenti sulle voci di menugrave parole immagini ecc

Ersquo possibile collegare pagine appartenenti ad uno stesso sito un indirizzo web di un sito esterno ounrsquoe-mail un file da scaricare un immagine ecc

Nota Immettendo nel testo un indirizzo web o e-mail completo il programma egrave in grado di capireautomaticamente che si tratta di un link e collegare gli elementi automaticamente

Volendo invece collegare elementi non scritti in forma completa si dovragrave procedere come segue

Selezioniamo la parola o frase che vogliamo collegare (come precedentemente visto) e clicchiamo sullrsquoiconaldquoInserisci Linkrdquo

Si apriragrave un pop-up come indicato nella prossima figura

Link ad una pagina interna al sito

La finestra ci propone lrsquoalberatura del nostro sito con le pagine in esso presenti (La voce attiva egraveldquopaginardquo di colore giallomarrone rispetto alle altre voci del pop-up)

Selezionando (figura Link interno (page 23)) la pagina che vorremo collegare il pop-up si chiuderagrave e laparola che avevamo selezionato precedentemente per il link cambieragrave aspetto

La vedremo blu e sottolineata il che indica che il link egrave attivato

212 Rich Text Editor 22

DocWeb Release 101

Figura 224 Link interno

Ersquo anche possibile creare dei link che aprono la pagina collegata allrsquointerno di una ldquofinestra di pop-uprdquocioegrave dentro una nuova finestra del browser Specificando le dimensioni di altezza e larghezza della nuovafinestra allrsquointerno degli appositi campi

Link ad una pagina esterna al sito

Selezioniamo una parola o frase che vogliamo collegare (come precedentemente visto) e clicchiamosullrsquoicona ldquoInserisci Linkrdquo

Scegliamo nel menugrave in alto proposto dal pop-up il bottone ldquoURL esternordquo (figura Link esterno (page 23))

Figura 225 Link esterno

Impostiamo nel campo URL lrsquoindirizzo web che vogliamo linkare prestando attenzione a scriverlo peresteso e senza cancellare http

Clicchiamo su ldquoImposta Linkrdquo

Il pop-up si chiuderagrave e la parola che avevamo selezionato precedentemente per il link cambieragrave aspetto

212 Rich Text Editor 23

DocWeb Release 101

La vedremo blu e sottolineata il che indica che il link egrave attivato

2129 Link ad unrsquoEmail

Come precedentemente visto scrivendo un indirizzo e-mail valido il programma di gestione egrave in grado dicapire che si tratta di un indirizzo di posta elettronica e il link viene impostato automaticamente

Tuttavia ci sono dei casi in cui non egrave possibile o si preferisce non indicare lrsquoindirizzo e-mail per estesoad esempio potremmo avere ldquoPer informazioni scrivicirdquo

Volendo potremmo fare in modo che sulla parola ldquoscrivicirdquo ci sia impostata la funzione di invio e-mail

Selezioniamo quindi la parola andiamo su ldquoInserisci Linkrdquo scegliendo poi ldquoEmailrdquo

Inseriamo lrsquoindirizzo E-mail nellrsquoapposito campo e clicchiamo su ldquoimposta Linkrdquo

21210 Link ad un file scaricabile

Per collegare un file (espdf txt gif ecc) egrave necessario copiarlo dal proprio PC al server web

Non egrave infatti possibile che una pagina pubblicata su internet prenda come link dei files che di fatto sonosalvati in una directory del nostro computer

Typo3 mette a disposizione un area dovrsquoegrave possibile pubblicare i files per poi essere resi disponibili ai linkossia rende disponibile lrsquo ldquoUploadrdquo dei files da pc a server

Scegliere dal menugrave di sinistra sotto la sezione ldquoMediardquo la voce ldquoFilerdquo (figura Seleziona file (page 24))

Figura 226 Seleziona file

Si apriragrave sulla destra una nuova area dove troveremo i campi utili a ldquosfogliarerdquo il contenuto del nostropc al fine di passare i file o i files dal nostro computer al manager

Effettuato il passaggio potremo ritornare alla nostra pagina e riprendere la procedura di ldquocreazione linkrdquoselezionando questa volta la voce ldquoFilerdquo del pop-up

I campi proposti sono del tutto simili a quelli di creazione di link su pagine del sito e un elenco di files(tutti quelli disponibili caricati) potranno essere collegati

213 Modalitagrave Lista

Selezionando la voce ldquolistardquo (figura Backend modalitagrave lista (page 25)) dal menugrave di sinistra egrave possibileesplorare una pagina ldquopadrerdquo e tutte le pagine ldquofiglirdquo ed essa associate

Avvertimento Ricordarsi di attivare la voce in basso ldquoVista Estesardquo

213 Modalitagrave Lista 24

DocWeb Release 101

Figura 227 Backend modalitagrave lista

Utilizzando le icone poste alla destra di ogni voce si possono compiere diverse operazioni di modificavisualizzazione spostamento copia e incolla pagina ecc come precedentemente descritto

Dunque potremo dire che la modalitagrave lista costituisce una scorciatoia per semplificare ogni sorta dioperazione soprattutto in presenza di un numero considerevole di files

214 Modalitagrave Mostra

Figura 228 Backend modalitagrave mostra

Selezionando la voce ldquoMostrardquo (figura Backend modalitagrave mostra (page 25)) dal menugrave di sinistra egrave possibilenavigare il sito allrsquointerno del docweb direttamente nel backend

214 Modalitagrave Mostra 25

DocWeb Release 101

Inoltre accanto ai vari record troveremo posta lrsquoicona matita per eseguire eventuali modifichedirettamente sul punto e la pagina prescelti

Anche la modalitagrave ldquoMostrardquo come la rdquoListardquo (cap 13) costituisce una scorciatoia particolarmente indicataper semplificare lrsquooperazione di visualizzazione del sito e di modifica

215 Modalitagrave ldquoMonta come radice dellrsquoalberordquo

Quando esistono diverse e numerose pagine egrave possibile gestire solo la porzione di contenuto che ci interessariducendo lrsquoalberatura del sito (lato backend) ai minimi termini mediante il comando ldquomonta come radicedellrsquoalberordquo

Per effettuare il comando procedere come segue

Cliccare con il pulsante destro del mouse sul titolo pagina dal menugrave centrale

Selezionare la voce ldquoaltre opzionirdquo dal menugrave a tendina (figuraMenu altre opzioni (page 26)) che compariragravecome conseguenza dellrsquoazione descritta al punto uno

Figura 229 Menu altre opzioni

Selezionare dallrsquoulteriore menugrave che si apriragrave (figura Seleziona monta come radice (page 26)) la voceldquoMonta come radice dellrsquoalberordquo

Figura 230 Seleziona monta come radice

Lrsquoalberatura si ridurragrave automaticamente mostrando solo la porzione selezionata

Per ripristinare lo stato di partenza selezionare la voce in alto nel menugrave centrale (figura Elimina DBmount (page 26)) ldquoElimina DB mount temporaneordquo

Figura 231 Elimina DB mount

Il menugrave si espanderagrave nuovamente mostrando tutte le voci esistenti

215 Modalitagrave ldquoMonta come radice dellrsquoalberordquo 26

DocWeb Release 101

216 Ottenere il page-id di una pagina

2161 Frontend (FE)

Da frontend si puograve ottenere il page-id della pagina corrente nei seguenti modi

1 dalla barra degli indirizzi del proprio browser (figura Id dallrsquourl (page 27)) Il numero della paginaegrave quello dopo la stringa ldquoid=rdquo Nella figura egrave cerchiata in verde la stringa ldquoid=rdquo e il numero dellapagina (page-id)

Figura 232 Id dallrsquourl

2 Puntando il mouse sulla scritta [id] a pieacute pagina e leggendo il tooltip (figura Id dal tooltip (page 27))

Figura 233 Id dal tooltip

3 Solo per browser Firefox dal menugrave di contesto scegliere la voce ldquoVisualizza info paginardquo si apreuna finestra consultare quindi la lista Meta sotto la scheda Generale (Id dagli attributi (page 28))

2162 Backend (BE)

Da backend egrave possibile ottenere il page-id nei seguenti modi

1 leggendo il tooltip puntando il mouse sullrsquoicona della pagina nel riquadro della struttura del sito(figura Id dal tooltip nel backend (page 28))

2 dal modulo di modifica delle intestazioni della pagina (figura Id dalle intestazioni pagina nel backend(page 28)) Il numero egrave tra le parentesi quadre dopo il titolo della pagina

217 Admin Panel

Quando si inseriscono contenuti con Typo3 (backend) egrave possibile visualizzare unrsquoanteprima della paginache si sta creando per vedere i risultati del lavoro svolto

Per visualizzare unrsquoanteprima di una pagina occorre (figura Menu mostra (page 29))

1 posizionarsi sulla pagina da visualizzare

2 premere il tasto sinistro del mouse in corrispondenza del nome

216 Ottenere il page-id di una pagina 27

DocWeb Release 101

Figura 234 Id dagli attributi

Figura 235 Id dal tooltip nel backend

Figura 236 Id dalle intestazioni pagina nel backend

217 Admin Panel 28

DocWeb Release 101

Figura 237 Menu mostra

3 selezionare la voce Mostra

In base alla pagina scelta si avragrave un risultato come quello visualizzato nella figura Anteprima pagina conAdmin panel (page 29)

Figura 238 Anteprima pagina con Admin panel

La pagina presenteragrave nella parte superiore lrsquoanteprima della pagina Nella parte inferiore vienevisualizzato uno strumento denominato Admin Panel

Questo oggetto offre lato front-end alcune funzionalitagrave (figura Moduli Admin panel (page 30)) cheaiutano i gestori di contenuti nella creazionemodifica delle pagine web del sito

NellrsquoAdmin panel (figura sopra) egrave possibile distinguere

217 Admin Panel 29

DocWeb Release 101

Figura 239 Moduli Admin panel

1 Modulo Preview ndash offre la possibilitagrave di selezionare alcune opzioni sulla pagina per simulare alcunesituazioni in cui la pagina si puograve trovare durante la visualizzazione

2 Modulo Cache ndash offre la possibilitagrave di gestire la cache

Allrsquointerno del modulo Preview abbiamo le seguenti voci

Mostra pagine nascoste selezionando la casella di controllo corrispondente a questa voce si visual-izzeranno anche quelle che attualmente non sono visibili allrsquointerno del sito o perchegrave in lavorazioneo perchegrave ancora non egrave stata data lrsquoautorizzazione alla pubblicazione

Mostra record nascosti come per le pagine questa voce offre la possibilitagrave di poter visualizzare allrsquoin-terno della pagina quei contenuti nascosti che non sono ancora ultimati o che sono in attesa di unautorizzazione per la pubblicazione

Simula data con questo controllo egrave possibile simulare il comportamento della pagina in periodi tem-porali diversi Utilizzando la casella di testo egrave possibile inserire delle date In questo modo sirende possibile la visualizzazione di quegli elementi (ad es pagine news ) che sono abilitati acomparirescomparire in base a determinati criteri temporali impostati

Simula gruppo di utenti con questo controllo egrave possibile simulare il comportamento delle pagine inbase ad un determinato gruppo di utenti che vi accede Alcune pagine possono infatti avere uncomportamento diverso in base al tipo di utente che vi accede

Nota Durante la creazione di pagine egrave possibile restringere la visione di una determinata pagina aparticolari tipi di utenti (utenti di frontend) Questa caratteristica offre la possibilitagrave di definire delle areead accesso riservato del sito ossia sezioni del sito a cui egrave possibile accedere solo dopo essersi autenticatie dopo avere avuto i necessari diritti di accesso

Una volta selezionate le opportune scelte allrsquointerno dellrsquoADMIN Panel occorreragrave premere il tasto Aggior-na (figura Aggiorna Admin panel (page 31)) per prendere visione della pagina secondo i criteri impostati

Nota Nel caso in cui lrsquoutente abbia la possibilitagrave di accedere da back-end a piugrave siti (ciascuno con unproprio dominio) bisogna tenere presente che lrsquoADMIN Panel compare soltanto per le pagine relativeal dominio con cui lrsquoutente ha fatto il login In altre parole se un operatore ad esempio egrave abilitatoa lavorare sulle pagine di backend dei siti httpwwwsitoesempio1it e httpwwwsitoesempio2it ese lrsquooperatore accede al backend di DocWeb con lrsquoindirizzo httpwwwsitoesempio1ittypo3 allora

217 Admin Panel 30

DocWeb Release 101

Figura 240 Aggiorna Admin panel

lrsquoADMIN Panel compariragrave solo sulle pagine di frontend del dominio wwwsitoesempio1it e non su quelledel dominio wwwsitoesempio2it

217 Admin Panel 31

CAPITOLO 3

La Clipboard

Lrsquooggetto clipboard (rdquoblocco degli appuntirdquo) egrave molto utile quando si ha la necessitagrave di copiare o spostareuno o piugrave elementi di contenuto o una o piugrave pagine da una sezione del sito (contenitore di pagine) adunrsquoaltra

31 Copia o spostamento di un contenuto singolo di pagina allrsquointernodi unrsquoaltra pagina

Per prima cosa egrave necessario (figura Identifica contenuto (page 32))

Figura 31 Identifica contenuto

1 selezionare la voce Lista

2 selezionare la pagina che contiene il contenuto che si intende copiare (nella figura abbiamo sceltola pagina denominata ldquoCorso di formazione su Typo3rdquo

32

DocWeb Release 101

3 identificare dalla lista dei contenuti associati alla pagina quello da spostare

Supponiamo che si desideri copiare il contenuto denominato ldquoTesto 2rdquo (figura Copia contenuto (page 33))

Figura 32 Copia contenuto

Egrave sufficiente cliccare sullrsquoicona (nella figura sopra evidenziata con un cerchio rosso) di copia incorrispondenza del contenuto da copiare

Dopo avere eseguito questa operazione nella figura Risultato copia contenuto (page 34) possiamo notare

1 Egrave comparsa unrsquoicona nuova che mette in evidenza che nella clipboard egrave presente un elemento

2 Lrsquoicona di copia in corrispondenza del contenuto da spostare ha cambiato aspetto

A questo punto lrsquooggetto che si intende copiare egrave presente nella nostra clipboard

Il passo successivo egrave quello di selezionare la pagina in cui andare a posizionare lrsquoelemento (paginadestinazione)

Rimanendo sempre allrsquointerno del modulo Lista occorreragrave selezionare dallrsquoalberatura delle pagine la pag-ina destinazione Il procedimento da seguire per posizionarsi sulla pagina egrave lo stesso descritto in prece-denza Nella figura Incolla contenuto (page 34) viene evidenziato il contenuto di una pagina (denominataldquoPagina di Provardquo) in cui vogliamo copiare il contenuto

Per copiare il contenuto della clipboard nella pagina selezionare lrsquoicona Incolla contenuto Clipboard

Confermando lrsquooperazione il contenuto saragrave copiato allrsquointerno della pagina selezionata

Per effettuare lo spostamento di un contenuto di pagina allrsquointerno di unrsquoaltra pagina cliccare sullrsquoicona

di Taglia al posto dellrsquoicona copia e ripetere le operazioni sopra descritte

1 Selezionando la casella Mostra clipboard (figura Vista clipboard (page 35)) egrave possibile visualiz-zare lrsquooggetto clipboard Nel caso in figura lrsquoelemento copiato in precedenza (Testo 2) egrave ancoradisponibile allrsquointerno della clipboard Utilizzando il procedimento descritto infatti il contenuto

31 Copia o spostamento di un contenuto singolo di pagina allrsquointerno di unrsquoaltra pagina 33

DocWeb Release 101

Figura 33 Risultato copia contenuto

Figura 34 Incolla contenuto

31 Copia o spostamento di un contenuto singolo di pagina allrsquointerno di unrsquoaltra pagina 34

DocWeb Release 101

selezionato rimane ancora a disposizione dellrsquoutente che potragrave selezionare altre pagine destinazionesu cui eventualmente andare a copiare il contenuto Nel caso in cui si selezioni un altro elementoad esempio ldquoTesto 1rdquo lrsquoelemento presente viene automaticamente sostituito

2 Dallrsquooggetto clipboard egrave possibile rimuovere un elemento premendo il bottone di Elimina postoaccanto ad esso

Figura 35 Vista clipboard

Con il procedimento descritto fino ad ora egrave possibile scegliere soltanto un contenuto alla volta

32 Copia o spostamento di piugrave contenuti da una pagina ad unrsquoaltra

Nel caso in cui ci si trovi nella necessitagrave di copiare piugrave di un contenuto da una pagina allrsquoaltra egrave necessarioseguire i passi seguenti

1 Selezionare il modulo Lista

2 Selezionare la pagina di origine da cui prelevare i contenuti

3 Selezionare la casella Mostra clipboard

4 Selezionare una clipboard tra quelle denominate ldquoClipboard 1rdquo ldquoClipboard 2rdquo ldquoClipboard 3rdquo(punto 3 figura Vista clipboard con contenuto selezionato (page 36))

Selezionando ad esempio la clipboard contrassegnata come ldquoclipboard 1rdquo si avragrave la seguente situazione

32 Copia o spostamento di piugrave contenuti da una pagina ad unrsquoaltra 35

DocWeb Release 101

Figura 36 Vista clipboard con contenuto selezionato

32 Copia o spostamento di piugrave contenuti da una pagina ad unrsquoaltra 36

DocWeb Release 101

1 In corrispondenza di ogni contenuto si evidenzia una Casella di selezione Sopra la colonna con lecaselle di selezione egrave comparsa una lista di bottoni tra cui al momento distinguiamo

2 Bottone di copia elementi nella clipboard

3 Bottone di selezione tuttinessuno

Scegliendo ad esempio i primi due elementi e premendo il pulsante di copia elementi nella clipboard sipuograve notare che (figura Copia nella clipboard (page 37))

Figura 37 Copia nella clipboard

1 La clipboard che abbiamo scelto per la selezione multipla (ldquoClipboard 1rdquo) contiene la lista deglioggetti che abbiamo scelto di copiare

2 Ersquo comparsa lrsquoicona di Incolla contenuto Clipboard

La procedura della selezione della pagina di destinazione rimane identica a quella giagrave utilizzata per lacopia di un contenuto singolo (selezionare la pagina di destinazione su cui andare a posizionare i contenutiselezionati)

Egrave importante fare notare che seguendo le operazioni descritte sopra si ottiene come risultato lospostamento dei contenuti dalla pagina origine a quella destinazione

Se si desidera copiare gli elementi selezionati egrave necessario una volta selezionati gli elementi da copiarepremere il tasto copia gli items invece di spostarli (evidenziato con un cerchio rosso nella figura Tagliadalla clipboard (page 38))

32 Copia o spostamento di piugrave contenuti da una pagina ad unrsquoaltra 37

DocWeb Release 101

Figura 38 Taglia dalla clipboard

32 Copia o spostamento di piugrave contenuti da una pagina ad unrsquoaltra 38

DocWeb Release 101

In questo modo dopo avere confermato lrsquooperazione i contenuti o le pagine da copiare saranno presentisia nella pagina origine che in quella destinazione

32 Copia o spostamento di piugrave contenuti da una pagina ad unrsquoaltra 39

CAPITOLO 4

Modulo DAM (Digital AssetManagement)

Il modulo DAM (Digital Asset Management) offre la possibilitagrave di raccogliere e catalogare contenuti informato digitale come immagini documenti presentazioni

Ogni file inserito puograve essere corredato di informazioni aggiuntive (meta-informazioni) come la descrizionelrsquoautore parole chiave ecc

Attraverso il modulo DAM egrave possibile svolgere le seguenti operazioni

bull Caricamento e Aggiornamento di file

bull Ricerca di file allrsquointerno del DAM e modifica delle meta-informazioni associate ai file

41 Caricamento e Aggiornamento di file

Lrsquooperazione di CaricamentoAggiornamento di file serve per sottoporre al sistema DAM un particolarecontenuto memorizzato in formato digitale

Lrsquoelemento caricato saragrave poi disponibile a chi inserisce contenuti

Per iniziare lrsquooperazione di caricamento di un file egrave sufficiente selezionare la voce File che si trovaallrsquointerno del modulo Media (figura Menu file (page 41))

La maschera che si apre (figura File upload (page 41)) offre le seguenti possibilitagrave

1 Selezione della posizione dove andare a caricareaggiornare il file

2 Specificare alcuni documenti da caricare (area File)

Concentrandoci sullrsquoarea File (figura Dettaglio file upload (page 42)) distinguiamo

1 Voce Show upload location browser (punto 1 figura sopra) egrave possibile visualizzare i file attualmentecaricati nel Mount Point selezionato

2 Lista di bottoni denominati Sfoglia da utilizzare nel caso in cui si desideri caricareaggiornareun file

Se si desidera caricare un file occorre cliccare sul bottone Sfoglia

La finestra che appare (figura Sfoglia file (page 42)) permette di selezionare dal proprio PC il file dacaricare

Per selezionare un file da caricare occorre

1 Esplorare le cartelle del proprio PC per trovare il file

40

DocWeb Release 101

Figura 41 Menu file

Figura 42 File upload

41 Caricamento e Aggiornamento di file 41

DocWeb Release 101

Figura 43 Dettaglio file upload

Figura 44 Sfoglia file

41 Caricamento e Aggiornamento di file 42

DocWeb Release 101

2 Inserire il nome del file nella casella di testo Nome file

3 Premere il tasto Apri

Una volta che si egrave selezionato un file egrave possibile

1 selezionare altri file da caricare seguendo gli stessi passi descritti in precedenza

2 effettuare lrsquooperazione di caricamento del file vero e proprio

Dallrsquoesempio abbiamo scelto di caricare un solo file

Il caricamento dei file viene eseguito premendo il bottone ldquoUpload filesrdquo che si trova in fondo alla listadei file selezionati (figura File selezionato (page 43))

Figura 45 File selezionato

Se tutto egrave stato eseguito correttamente appariragrave una finestra come quella nella figura Process files(page 44)

In questa maschera egrave possibile

1 Specificare le meta-informazioni per il singolo file come ad esempio il titolo parole chiavedescrizione

2 Avviare il processo di elaborazione multipla premendo il bottone Process selected files Con questoprocesso egrave possibile inserire o modificare le meta-informazioni per tutti i file della lista (in questocaso solo uno)

Se si vuole eseguire lrsquoinserimento delle meta-informazioni per singolo file la finestra che si apre egrave similea quella presentata in figura Elaborazione metainformazioni singolo file (page 44)

Nel caso si scelga di eseguire il processo di elaborazione multipla la maschera che compare (figuraElaborazione metainformazioni file multipli (page 45)) permette di selezionare le meta-informazioni chelrsquoutente intende inserire contemporaneamente per tutti i file della selezione

41 Caricamento e Aggiornamento di file 43

DocWeb Release 101

Figura 46 Process files

Figura 47 Elaborazione metainformazioni singolo file

41 Caricamento e Aggiornamento di file 44

DocWeb Release 101

Figura 48 Elaborazione metainformazioni file multipli

41 Caricamento e Aggiornamento di file 45

DocWeb Release 101

Se si seleziona la checkbox accanto alla voce che eventualmente saragrave inserita questa viene aggiuntaalle informazioni eventualmente giagrave presenti (modalitagrave append) Nellrsquoaltro caso le informazioni sarannosovrascritte

I campi Titolo e Descrizione sono obbligatori mentre il campo Parole chiavi puograve essere valorizzato adiscrezione dellrsquoutente Informazioni su come valorizzare i campi elencati sopra saranno descritte suapposite linee guida

Per completare lrsquoinserimentoaggiornamento delle meta-informazioni riguardanti il file caricato occorrepremere il tasto Send (figura Salva metainformazioni (page 46)) in fondo alla maschera per il salvataggiodelle informazioni

Figura 49 Salva metainformazioni

Tornando alla maschera di caricamento file e selezionando la checkbox in corrispondenza della voceSovrascrivi file esistenti (figura Carica file sovrascrivendo (page 46)) saragrave possibile aggiornare eventualifile che hanno lo stesso nome di quello che stiamo caricando

Questa procedura egrave utile quando si vuole aggiornare il contenuto di un file che egrave giagrave presente nel DAM

Figura 410 Carica file sovrascrivendo

Nel caso di aggiornamento di un file le meta-informazioni del file rimangono le stesse inserite inprecedenza Come si puograve notare non viene offerta la possibilitagrave di inserirne di nuove

Nel caso in cui un file con lo stesso nome sia giagrave caricato e non si desideri aggiornarlo il file inseritoper ultimo viene rinominato con un suffisso generato automaticamente dal DAM In questo caso la voceSovrascrivi file esistenti non deve essere selezionata (figura Carica file senza sovrascrivere (page 47))

Nellrsquoesempio in figura viene presentata la lista dei file presenti nel mount point selezionato

Da notare la presenza di un file che egrave stato rinominato dal DAM con un suffisso ldquo_01rdquo dato che nellastessa posizione era giagrave presente un file con lo stesso nome

41 Caricamento e Aggiornamento di file 46

DocWeb Release 101

Figura 411 Carica file senza sovrascrivere

41 Caricamento e Aggiornamento di file 47

DocWeb Release 101

42 Ricerca di file allrsquointerno del DAM e modifica delle meta-informazioni

Rimanendo sempre allrsquointerno del modulo Media selezioniamo la voce List egrave possibile effettuare dellericerche dei file e modificare le meta-informazioni associate ai file

Nella figura Backend media list (page 48) distinguiamo

Figura 412 Backend media list

1 Parte relativa ai Mount Point disponibili

2 Parte relativa ai tipi di file caricati nel sistema

3 Schede List Thumbnails Selection Process

Da questa sezione egrave possibile effettuare ricerche sui file caricati nel DAM

Le ricerche che si possono eseguire sono del tipo ldquotrova tutti i file pdf e docrdquo oppure ldquoelenca tutti i filedi tipo immagine ad eccezione dei file con estensione gifrdquo

Per prima cosa facendo click sul nome del tipo file (es gif oppure image) si seleziona solo quel tipo difile e si escludono tutti i criteri selezionati in precedenza

Per aggiungere un altro criterio di ricerca egrave sufficiente selezionare il ldquo+rdquo (punto 1 nella figura Criteri diselezione (page 49)) posto accanto al tipo di file che si vuole selezionare

Con il ldquo-ldquo(punto 2) saragrave possibile rimuovere il tipo di file dai criteri di ricerca

Selezionando ldquo=rdquo (punto 3) egrave possibile introdurre clausole del tipo ldquocerca un file che sia doc e presentenel Mount Point chiamato lsquoArea Testrsquordquo (ossia effettua una ricerca che risponda a tutti i criteri impostati)

Nellrsquoesempio della figura Salva selezione (page 49) sono stati selezionati tutti i tipi di immagine adeccezione dei file con estensione gif Questo risultato si ottiene nel seguente modo

1 selezionare il ldquo+rdquo accanto alla voce ldquoimagerdquo

2 premendo il tasto ldquo-ldquo in corrispondenza della voce ldquogifrdquo

I criteri impostati per la selezione possono essere salvati per un uso futuro Per salvare la selezioneoccorre (figura Salva selezione (page 49))

1 riempire il campo sotto la voce SELECTION con un nome che identifichi la ricerca

2 premere il tasto Save per salvare la modalitagrave di ricerca impostata

In questo modo saragrave possibile richiamare e rieseguire la ricerca impostata anche in futuro senza doverripetere il procedimento di scelta dei criteri mostrato in precedenza

42 Ricerca di file allrsquointerno del DAM e modifica delle meta-informazioni 48

DocWeb Release 101

Figura 413 Criteri di selezione

Figura 414 Salva selezione

42 Ricerca di file allrsquointerno del DAM e modifica delle meta-informazioni 49

DocWeb Release 101

Se in futuro saranno inseriti nuovi file che soddisfano la ricerca salvata questi verranno selezionati quandoverragrave richiamata la ricerca salvata

Dalla figura Ricerca salvata (page 50) egrave possibile notare come richiamare la ricerca salvata In questocaso abbiamo salvato la ricerca con il nome ldquoimmaginisenzagifrdquo

Figura 415 Ricerca salvata

Una volta che si egrave selezionata la ricerca egrave possibile

1 Premere il tasto Load per ricaricare la ricerca precedentemente impostata

2 Premere Remove per rimuovere la ricerca salvata

Una volta effettuata una particolare selezione di file egrave possibile (figura Schede backend media list(page 50))

Figura 416 Schede backend media list

1 vedere il contenuto della selezione (schede List e Thumbnails)

2 vedere i criteri impostati per la ricerca (scheda Selection)

3 modificare le meta-informazioni associate ai file (scheda Process) secondo quanto descritto inprecedenza

Nella figura Scheda selection (page 51) egrave visualizzato come selezionando la scheda Selection egrave possibileprendere visione dei criteri impostati nella ricerca (la ricerca egrave quella dellrsquoesempio precedente)

Selezionando le schede List e Thumbnails dopo avere effettuato una qualsiasi selezione si potrebbe avereuna situazione come quella mostrata nella figura Scheda list (page 51)

Cliccando sullrsquoicona corrispondente ad uno dei file presenti nella lista (selezionato con un cerchio rosso)egrave possibile accedere ad un menugrave contestuale (figura Menu contestuale DAM (page 51))che permette disvolgere le seguenti operazioni

Modifica Offre la possibilitagrave di visualizzare e modificare le meta-informazioni associate al file

Rinomina Selezionando la seguente voce egrave possibile assegnare un altro nome al file che si egrave caricato

Replace file Avvia lrsquooperazione di sostituzione del file

Info Visualizza informazioni relative al file

Cancella Rimuove il file dal DAM

42 Ricerca di file allrsquointerno del DAM e modifica delle meta-informazioni 50

DocWeb Release 101

Figura 417 Scheda selection

Figura 418 Scheda list

Figura 419 Menu contestuale DAM

42 Ricerca di file allrsquointerno del DAM e modifica delle meta-informazioni 51

CAPITOLO 5

Modulo Pagine di download

51 Inserimento e configurazione pagine di download

La creazione di pagine di download egrave utile quando si vuole mettere a disposizione una lista di uno o piugravefile in forma scaricabile

Per creare una pagina di download egrave necessario seguire i seguenti passi

1 Creare una pagina standard

2 Inserire il plugin DAM Download List

3 Configurare il plugin

Per creare una pagina egrave sufficiente entrare nel modulo Pagina e selezionare Crea nuovo record per accederealla finestra di creazione pagine

Nellrsquoesempio in figura Backend creazione contenuto (page 52) egrave stata creata la pagina denominata ldquoPaginadownloadrdquo come figlio della pagina ldquoPagina di provardquo

Figura 51 Backend creazione contenuto

Una volta creata la pagina occorre configurarla in maniera tale da permettere la visualizzazione di unalista di file scaricabili Per fare ciograve occorre inserire un plugin denominato ldquoDAM Download Listrdquo Unplugin egrave un contenuto speciale da inserire in una pagina

52

DocWeb Release 101

Per inserirlo come per un contenuto occorre seguire i seguenti passi (figura Backend creazione contenuto(page 52))

1 Selezionare la pagina in cui inserire il plugin Nellrsquoesempio la pagina denominata ldquoPaginadownloadrdquo

2 Selezionare la voce Clicca qui per il wizard nella maschera che compare quando si vuole inserire unnuovo record

Figura 52 Wizard nuovo contenuto

Oltre ai normali contenuti standard il wizard permette di selezionare (figura Wizard nuovo contenuto(page 53))

1 Contenuti speciali

2 Moduli

3 Plugins

Allrsquointerno della lista dei Plugins selezionare DAM Lista dei file scaricabili (punto 4 nella figura Wizardnuovo contenuto (page 53))

Dopo aver selezionato il plugin occorreragrave selezionare la posizione della pagina in cui inserire lrsquoelemento

Selezionare ldquoNormalerdquo

A questo punto il plugin egrave inserito nella pagina desiderata

51 Inserimento e configurazione pagine di download 53

DocWeb Release 101

Oltre allrsquoinserimento occorre configurare il plugin in modo da dirgli quali file far visualizzare

Una volta che il plugin viene inserito viene aperta una finestra (figura Contenuto pagina (page 54)) doveviene richiesto di selezionare dei file inseriti nel sistema

Figura 53 Contenuto pagina

Per proseguire correttamente egrave necessario salvare immediatamente il Contenuto Pagina altrimenti leoperazioni successive potrebbero andare perse

Per inserire i file nella lista occorre effettuare la seguente operazione (figura Contenuto pagina (page 54))

1 Nella parte della maschera denominata DAM Lista di file scaricabili selezionare lrsquoicona SfogliaRecord (cerchiata in rosso) per avviare la procedura di selezione dei file

Selezionando la voce Sfoglia Record verragrave aperto lrsquoElement Browser di TYPO3 che ci permette di se-lezionare i file da inserire nel plugin La finestra (figura Element browser (page 55)) egrave composta di dueschede

1 Media ndash permette di selezionare i file giagrave esistenti nel sistema

2 Upload ndash permette di caricare nuovi file

Selezionando la sezione Media egrave possibile selezionare dalla lista i file da inserire

51 Inserimento e configurazione pagine di download 54

DocWeb Release 101

Figura 54 Element browser

Se la lista dei file fosse troppo lunga egrave possibile effettuare delle ricerche per nome e per tipologia di file(doc htm )

Per cercare per nome (figura Ricerca per nome (page 55)) occorre inserire nella casella di testo Cercastringa (punto 1 nella figura sopra) il nome o parte del nome del file da cercare Una volta specificata lastringa di ricerca premere il tasto Cerca (punto 2)

Figura 55 Ricerca per nome

Per cercare un particolare tipo di file selezionare il nome dellrsquoestensione che si desidera dallrsquoelenco deitipi di file (figura Ricerca per tipo (page 56))

Nota I due tipi di ricerca possono essere usati contemporaneamente

Selezionando la voce informazioni (punto 1 nella figura Selezione file (page 56)) egrave possibile visualizzarele meta-informazioni associate al file

Premendo con il mouse sul nome del file (punto 2) o sullrsquoicona associata (punto 3) si inserisce il file nellalista dei file da far visualizzare nella pagina di download mediante lrsquoapposito plugin

Selezionando la scheda Upload si puograve inserire un file non presente nel sistema (figura Caricamentoimmediato file (page 56))

51 Inserimento e configurazione pagine di download 55

DocWeb Release 101

Figura 56 Ricerca per tipo

Figura 57 Selezione file

Figura 58 Caricamento immediato file

51 Inserimento e configurazione pagine di download 56

DocWeb Release 101

Scegliere i file dal proprio PC seguendo le operazioni giagrave descritte nel modulo DAM e selezionare dallascheda Media i nuovi file inseriti

Nella figura Plugin con file selezionati (page 57) egrave visualizzato un esempio di maschera di configurazionedel plugin con la lista dei file selezionati

Figura 59 Plugin con file selezionati

I file una volta inseriti possono essere ordinati selezionando sugli appositi bottoni posti a destra dellalista file

bull Per ordinare un determinato file occorre

bull Selezionare un file

Premere uno dei tasti (figura sopra) per

1 Spostare in prima posizione

2 Spostare in alto di una posizione

3 Spostare in basso di una posizione

4 Spostare in ultima posizione

5 Rimuovere dalla lista il file selezionato

Una volta eseguiti i passaggi sopra descritti salvare la configurazione del plugin

51 Inserimento e configurazione pagine di download 57

CAPITOLO 6

Modulo Sitemap

Ersquo possibile generare una mappa del sito scegliendo un contenuto speciale di tipo ldquoMappa del Sitordquo comemostrato nella figura Contenuto mappa del sito (page 58)

Figura 61 Contenuto mappa del sito

Per scegliere un record di tipo ldquomappa del sitordquo (per visualizzare cioegrave la vista dei contenuti possibili)saragrave necessario portarsi in modalitagrave ldquopaginardquo compiendo gli stessi passaggi descritti per la creazione dicontenuti semplici in fase di creazione delle pagine (in questo caso selezionando il contenuto specialemappa)

58

DocWeb Release 101

61 Scheda di configurazione Mappa

La scheda di configurazione si presenta come nella figura Scheda mappa del sito (page 59)

Figura 62 Scheda mappa del sito

I campi fondamentali da personalizzare sono lrsquointestazione (ossia il titolo pagina) il tipo di menugrave e ilpunto di partenza Nellrsquointestazione viene inserito come di consuetudine il titolo pagina

62 Tipo di mappa

Ersquo possibile scegliere il tipo di mappa che si desidera creare consultando il menugrave a tendina ldquotipo di menugraverdquoche ci offriragrave diverse opzioni

Le piugrave frequentemente usate sono di tipo ldquoMenugrave delle sottopagine rdquo come indicato nella figura Tipo dimenu (page 60)

Menugrave delle sottopagine di queste pagine Scegliendo questa opzione da una pagina padre sigenereragrave un record che mostreragrave al suo interno tutte le sottovoci figlio con relativo link

Menugrave delle sottopagine di queste pagine (con abstract) Genera una mappa sia delle sottopagineche dei sottotitoli

Menugrave delle sottopagine di queste pagine + sezioni Genera una mappa sia delle sottopagine chedei record (link alle intestazioni dei singoli record)

Selezionando voci di menugrave di sottopagine egrave anche possibile stabilire un determinato punto di partenzasfogliando lrsquoapposito record

61 Scheda di configurazione Mappa 59

DocWeb Release 101

Figura 63 Tipo di menu

63 Il ldquopunto di partenzardquo della mappa

Il ldquopunto di partenzardquo dei Menugrave delle sottopagine Scheda mappa del sito (page 59) costituisce la paginadalla quale il sistema partiragrave per creare la mappa

Si potragrave quindi creare una mappa (di tipo menugrave delle sottopagine) che mostri solamente il percorso diquella porzione di menugrave che si intende mostrare

63 Il ldquopunto di partenzardquo della mappa 60

CAPITOLO 7

Modulo News

71 Inserimento e modifica di news

Alcune sezioni del nostro sito potrebbero essere state configurate per permettere la visualizzazione dinotizie

Per poter visualizzare le news correttamente occorre che queste ultime vengano inserite in una determi-nata posizione allrsquointerno del backend Da questa posizione che chiameremo repository delle news lenostre pagine andranno a prelevare le news da visualizzare al loro interno

Figura 71 Backend news

Nellrsquoesempio presentato nella figura Backend news (page 61) distinguiamo

1 il repository delle news che egrave stato creato

2 Un esempio di come potrebbe apparire il contenuto del repository delle news (lista delle news)

Per poter visualizzare il contenuto del repository delle news occorre seguire i seguenti passi

1 entrare nel modulo Pagina

61

DocWeb Release 101

2 selezionare il repository delle news corrispondente (nellrsquoesempio della figura Backend news (page 61)il Repository delle news si chiama ldquoNews Area Testrdquo)

Poniamo ora la nostra attenzione alla lista delle news (figura Lista news (page 62)) Da qui egrave possibile

bull Inserire una nuova notizia

bull Modificare le notizie giagrave esistenti

Per inserire una nuova notizia occorre selezionare la voce Crea nuovo record (figura Lista news (page 62))posta in fondo alla lista delle news

Figura 72 Lista news

A questo punto si apre la finestra di creazione Nuovo record da cui occorre selezionare la voce News(figura Nuovo record news (page 62))

Figura 73 Nuovo record news

Eseguendo le operazioni sopra descritte si accede alla maschera di inserimento news (figura Inserimentonews scheda generale (page 63))

Questa si compone di due schede una denominata Generale e unrsquoaltra denominata Relations

Nella scheda Generale egrave possibile inserire

Titolo in questo spazio egrave possibile specificare un titolo della news

Nascondi questo controllo determina se la news egrave pubblicabile oppure no Come avviene per le pagineanche per le news egrave consigliabile tenere la news nascosta durante la lavorazione Facciamo notare

71 Inserimento e modifica di news 62

DocWeb Release 101

Figura 74 Inserimento news scheda generale

71 Inserimento e modifica di news 63

DocWeb Release 101

che appena viene aperta la maschera di inserimento di una nuova news il controllo appare giagrave instato nascosto

Dataora in questo spazio viene indicata la data e lrsquoora della creazione della news in base ai parametridi sistema

Data Archiviazione in questo spazio viene inserita la data di Archiviazione di una news

Autore permette di specificare un autore della news

Email permette di specificare un e-mail a cui fare riferimento

Sottointestazione questo campo conterragrave una breve descrizione (abstract) della news La sottointes-tazione egrave quella parte della news che compare quando viene visualizzata la lista delle news e serveper dare una breve descrizione al contenuto della news (si veda Esempio news (page 64))

Figura 75 Esempio news

Durante lrsquoinserimento di una news egrave consigliabile specificare sempre una sottointestazione

Testo egrave il campo che contiene il contenuto vero e proprio della news Egrave possibile utilizzare tutte lefunzionalitagrave messe a disposizione dallrsquoeditor RTE

72 Modalitagrave Relations

Nella modalitagrave Relations (figura Inserimento news scheda relations (page 65)) egrave possibile inserire

Immagini contiene una lista di immagini da associare alla news Il procedimento per la se-lezionecaricamento delle immagini egrave stato descritto nella parte dedicata alla creazione di paginedi download a cui vi rimandiamo

Didascalia permette di specificare una descrizione per lrsquoimmagine associata alla news

Image alttext e Image titletext permette di specificare un testo che in visualizzazione (Frontend)compariragrave al passaggio del mouse sopra lrsquoimmagine

News correlate permette di specificare news o pagine del sito da associare alla news Il procedimentodi selezione delle news da associare alla notizia saragrave spiegato successivamente

DAM elements permette di assegnare alla news dei documenti da scaricare come per esempioil programma di un determinato evento Anche in questo caso il procedimento per la se-lezionecaricamento dei documenti egrave quello giagrave descritto nella parte dedicata alla creazione dipagine di download

Descriviamo il procedimento da seguire per associare alcune pagine o alcune news alla notizia che stiamoinserendo

Premere il tasto di Sfoglia Record evidenziato nella figura Sfoglia record news (page 65)

Verragrave aperta una finestra che contiene un Element Browser che ci permette di selezionare le newspagine(figura Element browser news (page 66)) da associare

La finestra di selezione si suddivide nelle seguenti parti (figura sopra)

Alberatura del sito da cui egrave possibile esplorare gli elementi del nostro sito (pagine sysfolder )Premendo con il tasto sinistro del mouse sul nome della pagina o sulla freccia corrispondente verragraveaggiornata la parte di destra della finestra in cui egrave inserita la lista degli elementi associabili

72 Modalitagrave Relations 64

DocWeb Release 101

Figura 76 Inserimento news scheda relations

Figura 77 Sfoglia record news

72 Modalitagrave Relations 65

DocWeb Release 101

Figura 78 Element browser news

Lista degli elementi associabili egrave quindi possibile selezionare gli elementi da associare alla newsPer associare un elemento si puograve selezionare il simbolo ldquo+rdquo posto accanto allrsquoelemento desideratoo agendo sul nome del file Nel primo caso lrsquoelemento viene aggiunto ma la finestra non si chiuderagrave(utile per effettuare selezioni multiple) mentre nel secondo caso lrsquoelemento viene aggiunto e lafinestra si chiuderagrave (selezione singola)

Nota Per associare una o piugrave news alla notizia che stiamo inserendo occorreragrave innanzitutto selezionareil repository delle news e utilizzando i metodi descritti in precedenza indicare le news di interesse

Nella figura Selezione repository (page 66) viene visualizzato come appare lrsquoElement Browser dopo averselezionato il repository delle news denominato ldquoNews Corso Typo3rdquo

Figura 79 Selezione repository

Una volta ultimato il procedimento di inserimento di una news vedremo che nel repository compariragrave(figura News nel repository (page 67)) anche quella da noi creata Nellrsquoesempio la news creata si chiamaldquoTitolo della news di provardquo

Dalla lista delle news possiamo notare che i diversi tipi di news sono contrassegnati con icone diverse

In particolare distinguiamo

72 Modalitagrave Relations 66

DocWeb Release 101

Figura 710 News nel repository

bull News (icona ldquocelestinardquo)

bull Collegamento a URL esterna (icona ldquorosardquo)

bull Collegamento a pagina interna (icona ldquogiallinardquo)

Per modificare il contenuto di una news egrave sufficiente selezionare il simbolo di modifica (figura Modificanews (page 67)) in corrispondenza della news da modificare

Figura 711 Modifica news

73 News collegata a URL esterna e a pagina interna

Attraverso la selezione della finestra ldquoTipordquo egrave possibile scegliere diverse tipologie di news

Nella figura News collegata a url esterna (page 68) egrave stato selezionato il Collegamento a URL esterna checi offriragrave la possibilitagrave di specificare un link (ldquoURL esternordquo) da far visualizzare e che saragrave contraddistintain lista da lrsquoicona di colore rosa

Selezionando il Collegamento a pagina interna viene offerta la possibilitagrave di inserire un collegamento auna pagina del sito (evidenziato nella figura News collegata a pagina interna (page 69))

La news si presenteragrave con icona di color ldquogiallordquo e al suo interno conterragrave un link alla pagina interna alsito

73 News collegata a URL esterna e a pagina interna 67

DocWeb Release 101

Figura 712 News collegata a url esterna

73 News collegata a URL esterna e a pagina interna 68

DocWeb Release 101

Figura 713 News collegata a pagina interna

73 News collegata a URL esterna e a pagina interna 69

DocWeb Release 101

74 Eliminazione delle News

Per eliminare una news possiamo procedere tra lrsquoaltro in due modi

1 Selezionare la news da eliminare dallrsquoelenco e selezionare la voce ldquocancellardquo dal menugrave a tendinaconsultabile cliccando con il pulsante destro sullrsquoicona in corrispondenza della news (figura Eliminanews da menu contestuale (page 70))

Figura 714 Elimina news da menu contestuale

2 Entrare allrsquointerno della modalitagrave di modifica della news attraverso lrsquoicona ldquomatitardquo e selezionare lrsquoi-cona raffigurante il bidone di elimina posta in alto pagina (figura Elimina news da scheda contenuto(page 70))

Figura 715 Elimina news da scheda contenuto

75 Ordinamento delle News e ricerca

Puograve essere necessario durante la visualizzazione della lista delle news (lato backend) di dover effettuaredegli ordinamenti al fine di permettere una ricerca piugrave veloce delle news da modificare

74 Eliminazione delle News 70

DocWeb Release 101

Avvertimento Lrsquoordinamento ha valore solo come ricerca allrsquointerno del backend mentre latofrontend rispecchieragrave i parametri prestabiliti dal sistema

Supponiamo per esempio di voler effettuare un ordinamento per Titolo Seguiamo i seguenti passi(figura sotto)

1 Selezionare la voce di menugrave Lista

2 Selezionare il deposito delle news (repository) News Corso Typo3

3 Cliccare con il mouse in corrispondenza della voce ldquoTitolordquo

A questo punto (figura Ordinamento news (page 71)) le news vengono ordinate in ordine crescente(vengono visualizzate prima le news con titolo che inizia con la lettera a b e cosigrave via)

Figura 716 Ordinamento news

Se clicchiamo unrsquoaltra volta sulla voce ldquoTitolordquo il tipo di ordinamento cambia da crescente a decrescente(compariranno per prima le news con titolo che inizia per z )

Egrave inoltre possibile ordinare secondo campo da noi specificato Per definire il nome di un campo (ad estesto inizio autore ) su cui effettuare lrsquoordinamento occorreragrave spostarsi in fondo alla lista delle newsdove troveremo una lista di campi (figura Mostra campo aggiuntivo news (page 71))

Figura 717 Mostra campo aggiuntivo news

Dalla lista possiamo

bull Selezionare la voce in base alla quale effettuare lrsquoordinamento (ad esempio Immagini)

bull Premere il tasto Imposta campi per aggiungere alla lista dei campi visualizzati quello selezionato

75 Ordinamento delle News e ricerca 71

DocWeb Release 101

A questo punto il campo selezionato (nel nostro esempio il campo Immagini) compare nella lista dellenews (il campo aggiunto egrave evidenziato con un riquadro in alto a destra nella figura Ordinamento campoaggiuntivo news (page 72))

Figura 718 Ordinamento campo aggiuntivo news

Effettuare le stesse operazioni illustrate per il campo Titolo per ordinare in modo crescente e decrescentele news secondo il criterio impostato (click pulsante sinistro sul nome etichetta)

Egrave anche possibile ricercare le news in base al testo contenuto nel titolo sottotitolo descrizione eccUtilizzando la maschera di ricerca in fondo pagina (evidenziata nella figura Ricerca news (page 72))

Figura 719 Ricerca news

Per effettuare una ricerca egrave necessario seguire i seguenti passi

1 Inserire nel campo Cerca Stringa il testo da cercare (nel nostro esempio ldquonequerdquo)

2 Premere il tasto Cerca per eseguire la ricerca secondo i criteri impostati

In questo modo nella lista delle news compariranno solo quelle che contengono il testo specificatoEffettuata la ricerca egrave possibile effettuare degli ordinamenti come spiegato in precedenza

75 Ordinamento delle News e ricerca 72

CAPITOLO 8

Modulo Eventi

Avvertimento SEZIONE NON COMPLETA

Si confrontino i seguenti due tipi di contenuti

Evento egrave un tipo di contenuto adatto a descrivere qualcosa che accadragrave o che egrave accaduto in una certadata La data o le date in cui lrsquoevento ricorre sono strettamente legate ad un luogo in cui lrsquoeventosi verificheragravesi egrave verificato Gli eventi vengono rappresentati mediante la metafora dellrsquoagenda edel calendario

Notizia egrave un tipo di contenuto caratterizzato dalla data di pubblicazione secondo la metafora delgiornale online E come in un giornale online una notizia puograve riferirsi sia a fatti giagrave accaduti chea fatti a venire

Nota Per comprendere meglio la differenza tra i due tipi di contenuto si pensi che dato un eventoche ha una certa data di svolgimento (ad es 20 maggio) di tale evento posso realizzare piugrave di unanotizia Rimanendo nellrsquoesempio potrei pubblicare una notizia il 10 maggio per preannunciare lrsquoeventoe poi unrsquoaltra il 18 maggio per ricordarne lrsquoimminenza Infine potrei pubblicare una notizia di riepilogo(cronaca dellrsquoevento immagini ecc) il 22 maggio

81 Scopo del modulo Eventi

Il visitatore del sito deve poter cogliere le informazioni essenziali di un evento

bull Cosa sta per succedere

bull Dove accadragrave

bull Quando accadragrave

82 Il Backend ndash Modulo Pagina

Vedi figura Eventi vista modulo pagina (page 74)

83 Il Backend ndash Modulo Lista

Vedi figura Eventi vista modulo lista (page 74)

73

DocWeb Release 101

Figura 81 Eventi vista modulo pagina

Figura 82 Eventi vista modulo lista

83 Il Backend ndash Modulo Lista 74

DocWeb Release 101

84 Creazione di un evento

Prima di procedere poniamoci qualche domanda

bull Lrsquoevento appartiene a qualche rassegna iniziativa per la quale sono in programma altri eventiPer esempio

ndash Rassegne teatrali cinematografiche

ndash Festival

bull Lrsquoevento si ripete

ndash La replica avviene sempre nello stesso luogo

841 Creazione del record

Vedi figura Creazione nuovo evento (page 75)

Vedi figura Creazione nuovo record evento (page 76)

Figura 83 Creazione nuovo evento

842 Scheda ldquoGeneralerdquo

Vedi figura Evento scheda generale (page 76)

843 Scheda ldquoFinestra temporalerdquo

Orario repliche

Vedi figura Evento finestra temporale (page 78)

84 Creazione di un evento 75

DocWeb Release 101

Figura 84 Creazione nuovo record evento

Figura 85 Evento scheda generale

84 Creazione di un evento 76

DocWeb Release 101

bull Lrsquoorario va solo per le Finestre temporali di un giorno (data inizio = data fine)

bull Se non si conosce lrsquoora della fine impostare ora inizio = ora fine

844 Scheda ldquoTestordquo

Vedi figura Evento scheda testo (page 79)

84 Creazione di un evento 77

DocWeb Release 101

Figura 86 Evento finestra temporale

84 Creazione di un evento 78

DocWeb Release 101

Figura 87 Evento scheda testo84 Creazione di un evento 79

  • Introduzione
    • Cosegrave DocWeb
    • Concetti chiave
      • Funzionalitagrave di Base
        • Il CMS Typo3 ldquobackendrdquo e ldquofrontendrdquo
        • Cambio password di accesso
        • Albero delle pagine
        • Implementazione delle pagine ldquogenitori rdquo e ldquofiglirdquo
        • Inserimento Nuova pagina
        • Elementi standard della pagina
        • Inserimento contenuti di una pagina
        • Contenuti multipli allrsquointerno di una pagina
        • Modifica dei contenuti della pagina
        • Spostamento di pagine
        • Eliminazione pagine
        • Rich Text Editor
        • Modalitagrave Lista
        • Modalitagrave Mostra
        • Modalitagrave ldquoMonta come radice dellrsquoalberordquo
        • Ottenere il page-id di una pagina
        • Admin Panel
          • La Clipboard
            • Copia o spostamento di un contenuto singolo di pagina allrsquointerno di unrsquoaltra pagina
            • Copia o spostamento di piugrave contenuti da una pagina ad unrsquoaltra
              • Modulo DAM (Digital Asset Management)
                • Caricamento e Aggiornamento di file
                • Ricerca di file allrsquointerno del DAM e modifica delle meta-informazioni
                  • Modulo Pagine di download
                    • Inserimento e configurazione pagine di download
                      • Modulo Sitemap
                        • Scheda di configurazione Mappa
                        • Tipo di mappa
                        • Il ``punto di partenza della mappa
                          • Modulo News
                            • Inserimento e modifica di news
                            • Modalitagrave Relations
                            • News collegata a URL esterna e a pagina interna
                            • Eliminazione delle News
                            • Ordinamento delle News e ricerca
                              • Modulo Eventi
                                • Scopo del modulo Eventi
                                • Il Backend ndash Modulo Pagina
                                • Il Backend ndash Modulo Lista
                                • Creazione di un evento
Page 24: DocWeb€¦ · per la realizzazione e la gestione di siti web della Pubblica Am-ministrazione. La piattaforma tecnologica utilizzata è il CMS (Content Management System) Open SourceTypo31

DocWeb Release 101

Se il testo egrave stato selezionato correttamente vedremo la parola ldquoProvincia di Pesaro e Urbinordquo evidenziatadi blu scuro

Click sinistro sul simboloicona ldquoBrdquo (figura Comandi box testo RTE (page 20)) per creare un effettoldquograssettordquo al testo

Click sinistro sul simboloicona ldquoIrdquo per il corsivo-italico

Click sinistro sul simboloicona ldquoU ldquo per il sottolineato

Nota Il Grassetto dona alle parole un sapore piugrave incisivo e si utilizza per enfatizzare termini importantie di rilievo

LrsquoItalico viene usato comunemente per indicare le date gli indirizzi le citazioni

Il Sottolineato su web viene comunemente usato nelle parole ldquolinkaterdquo (ossia che rimandano ad altrepagine web) per cui se ne sconsiglia lrsquouso in un testo semplice per evitare confusione

2122 Elenco Puntato e Numerato

Portiamoci con il cursore allrsquointerno della box di testo

Selezioniamo lrsquoicona Lista non numerata (Elenco puntato semplice)

Vedremo comparire un simbolo tontoromboidale e potremo dare vita ad una lista

bull Voce 1

bull Voce 2

bull Voce 3 ecc

Allo stesso modo potremo creare una lista numerata avvalendoci dellrsquoicona ldquoLista numeratardquo

Lrsquoelenco viene numerato

1 Voce 1

2 Voce 2

3 Voce 3 ecc

2123 Pulsanti di Annulla e Ripristina

Compiuta una determinata azione egrave possibile tornare indietro o ripristinarla tramite i pulsanti ldquoAnnullalrsquoultima azionerdquo e ldquoRifai lrsquoultima azionerdquo

Piugrave volte si clicca sui pulsanti piugrave volte lrsquoazione viene ripetuta indietro ed avanti nel tempo

2124 Copia Taglia Incolla

Selezionando un testo potremo tagliarlo copiarlo e incollarlo

Copia selezionare il testo utilizzare lrsquoicona ldquocopia selezionerdquo per copiare

Taglia il testo viene eliminato ma resta in memoria per essere eventualmente incollato altrove odefinitivamente cancellato Ersquo possibile tenere in memoria solo lrsquoultimo testo o parola tagliato

Incolla Un testo precedentemente copiato o tagliato puograve essere incollato nuovamente o su diversoambiente

212 Rich Text Editor 21

DocWeb Release 101

2125 Rimuovi Formattazione

Ersquo possibile che il testo importato e incollato nellrsquoarea testo da altra fonte (es documento word) sildquosporchirdquo e ne acquisisca le caratteristiche stilistiche in maniera non corretta

Ersquo necessario pulire il testo selezionandolo e cliccando su ldquorimuovi formattazionerdquo

Si apriragrave un pop-up (nuova finestra) che ci proporragrave diversi elementi da pulire selezioniamo ciograve che ciinteressa e clicchiamo su OK

2126 Inserisci Caratteri Speciali

Alcune volte puograve essere necessario inserire dei caratteri o simboli non presenti sulla tastiera o nonconvenzionali per i quali esiste una mappa di caratteri speciali

Il sistema propone diversi tipi di caratteri speciali tra i piugrave comuni e frequentemente usati per adoperarliegrave sufficiente cliccare sullrsquoapposita icona ldquoInserisci Caratteri Specialirdquo

Una finestra ci mostreragrave una vasta gamma di simboli tra i quali potremo scegliere quello che ci interessa

2127 Inserisci Tabella

Per agevolare lrsquoinserimento di dati numerici in forma ldquoTabellarerdquo si puograve ricorrere allrsquoinserimento di unatabella contraddistinta dallrsquoapposito simbolo

La tabella puograve essere immaginata come una quaderno a ldquoquadrettirdquo dove ogni ldquoscacchettordquo corrispondead una cella

Scegliendo di inserire una tabella si apriragrave una finestra pop-up dove andremo ad inserire parametridi spaziatura fra celle numero di righe e colonne che compongono la tabella spessore del bordoallineamento rispetto alla pagina ecc

2128 Link

Ogni sito egrave composto da pagine consultabili e collegate tra loro tramite link

I link sono i collegamenti presenti sulle voci di menugrave parole immagini ecc

Ersquo possibile collegare pagine appartenenti ad uno stesso sito un indirizzo web di un sito esterno ounrsquoe-mail un file da scaricare un immagine ecc

Nota Immettendo nel testo un indirizzo web o e-mail completo il programma egrave in grado di capireautomaticamente che si tratta di un link e collegare gli elementi automaticamente

Volendo invece collegare elementi non scritti in forma completa si dovragrave procedere come segue

Selezioniamo la parola o frase che vogliamo collegare (come precedentemente visto) e clicchiamo sullrsquoiconaldquoInserisci Linkrdquo

Si apriragrave un pop-up come indicato nella prossima figura

Link ad una pagina interna al sito

La finestra ci propone lrsquoalberatura del nostro sito con le pagine in esso presenti (La voce attiva egraveldquopaginardquo di colore giallomarrone rispetto alle altre voci del pop-up)

Selezionando (figura Link interno (page 23)) la pagina che vorremo collegare il pop-up si chiuderagrave e laparola che avevamo selezionato precedentemente per il link cambieragrave aspetto

La vedremo blu e sottolineata il che indica che il link egrave attivato

212 Rich Text Editor 22

DocWeb Release 101

Figura 224 Link interno

Ersquo anche possibile creare dei link che aprono la pagina collegata allrsquointerno di una ldquofinestra di pop-uprdquocioegrave dentro una nuova finestra del browser Specificando le dimensioni di altezza e larghezza della nuovafinestra allrsquointerno degli appositi campi

Link ad una pagina esterna al sito

Selezioniamo una parola o frase che vogliamo collegare (come precedentemente visto) e clicchiamosullrsquoicona ldquoInserisci Linkrdquo

Scegliamo nel menugrave in alto proposto dal pop-up il bottone ldquoURL esternordquo (figura Link esterno (page 23))

Figura 225 Link esterno

Impostiamo nel campo URL lrsquoindirizzo web che vogliamo linkare prestando attenzione a scriverlo peresteso e senza cancellare http

Clicchiamo su ldquoImposta Linkrdquo

Il pop-up si chiuderagrave e la parola che avevamo selezionato precedentemente per il link cambieragrave aspetto

212 Rich Text Editor 23

DocWeb Release 101

La vedremo blu e sottolineata il che indica che il link egrave attivato

2129 Link ad unrsquoEmail

Come precedentemente visto scrivendo un indirizzo e-mail valido il programma di gestione egrave in grado dicapire che si tratta di un indirizzo di posta elettronica e il link viene impostato automaticamente

Tuttavia ci sono dei casi in cui non egrave possibile o si preferisce non indicare lrsquoindirizzo e-mail per estesoad esempio potremmo avere ldquoPer informazioni scrivicirdquo

Volendo potremmo fare in modo che sulla parola ldquoscrivicirdquo ci sia impostata la funzione di invio e-mail

Selezioniamo quindi la parola andiamo su ldquoInserisci Linkrdquo scegliendo poi ldquoEmailrdquo

Inseriamo lrsquoindirizzo E-mail nellrsquoapposito campo e clicchiamo su ldquoimposta Linkrdquo

21210 Link ad un file scaricabile

Per collegare un file (espdf txt gif ecc) egrave necessario copiarlo dal proprio PC al server web

Non egrave infatti possibile che una pagina pubblicata su internet prenda come link dei files che di fatto sonosalvati in una directory del nostro computer

Typo3 mette a disposizione un area dovrsquoegrave possibile pubblicare i files per poi essere resi disponibili ai linkossia rende disponibile lrsquo ldquoUploadrdquo dei files da pc a server

Scegliere dal menugrave di sinistra sotto la sezione ldquoMediardquo la voce ldquoFilerdquo (figura Seleziona file (page 24))

Figura 226 Seleziona file

Si apriragrave sulla destra una nuova area dove troveremo i campi utili a ldquosfogliarerdquo il contenuto del nostropc al fine di passare i file o i files dal nostro computer al manager

Effettuato il passaggio potremo ritornare alla nostra pagina e riprendere la procedura di ldquocreazione linkrdquoselezionando questa volta la voce ldquoFilerdquo del pop-up

I campi proposti sono del tutto simili a quelli di creazione di link su pagine del sito e un elenco di files(tutti quelli disponibili caricati) potranno essere collegati

213 Modalitagrave Lista

Selezionando la voce ldquolistardquo (figura Backend modalitagrave lista (page 25)) dal menugrave di sinistra egrave possibileesplorare una pagina ldquopadrerdquo e tutte le pagine ldquofiglirdquo ed essa associate

Avvertimento Ricordarsi di attivare la voce in basso ldquoVista Estesardquo

213 Modalitagrave Lista 24

DocWeb Release 101

Figura 227 Backend modalitagrave lista

Utilizzando le icone poste alla destra di ogni voce si possono compiere diverse operazioni di modificavisualizzazione spostamento copia e incolla pagina ecc come precedentemente descritto

Dunque potremo dire che la modalitagrave lista costituisce una scorciatoia per semplificare ogni sorta dioperazione soprattutto in presenza di un numero considerevole di files

214 Modalitagrave Mostra

Figura 228 Backend modalitagrave mostra

Selezionando la voce ldquoMostrardquo (figura Backend modalitagrave mostra (page 25)) dal menugrave di sinistra egrave possibilenavigare il sito allrsquointerno del docweb direttamente nel backend

214 Modalitagrave Mostra 25

DocWeb Release 101

Inoltre accanto ai vari record troveremo posta lrsquoicona matita per eseguire eventuali modifichedirettamente sul punto e la pagina prescelti

Anche la modalitagrave ldquoMostrardquo come la rdquoListardquo (cap 13) costituisce una scorciatoia particolarmente indicataper semplificare lrsquooperazione di visualizzazione del sito e di modifica

215 Modalitagrave ldquoMonta come radice dellrsquoalberordquo

Quando esistono diverse e numerose pagine egrave possibile gestire solo la porzione di contenuto che ci interessariducendo lrsquoalberatura del sito (lato backend) ai minimi termini mediante il comando ldquomonta come radicedellrsquoalberordquo

Per effettuare il comando procedere come segue

Cliccare con il pulsante destro del mouse sul titolo pagina dal menugrave centrale

Selezionare la voce ldquoaltre opzionirdquo dal menugrave a tendina (figuraMenu altre opzioni (page 26)) che compariragravecome conseguenza dellrsquoazione descritta al punto uno

Figura 229 Menu altre opzioni

Selezionare dallrsquoulteriore menugrave che si apriragrave (figura Seleziona monta come radice (page 26)) la voceldquoMonta come radice dellrsquoalberordquo

Figura 230 Seleziona monta come radice

Lrsquoalberatura si ridurragrave automaticamente mostrando solo la porzione selezionata

Per ripristinare lo stato di partenza selezionare la voce in alto nel menugrave centrale (figura Elimina DBmount (page 26)) ldquoElimina DB mount temporaneordquo

Figura 231 Elimina DB mount

Il menugrave si espanderagrave nuovamente mostrando tutte le voci esistenti

215 Modalitagrave ldquoMonta come radice dellrsquoalberordquo 26

DocWeb Release 101

216 Ottenere il page-id di una pagina

2161 Frontend (FE)

Da frontend si puograve ottenere il page-id della pagina corrente nei seguenti modi

1 dalla barra degli indirizzi del proprio browser (figura Id dallrsquourl (page 27)) Il numero della paginaegrave quello dopo la stringa ldquoid=rdquo Nella figura egrave cerchiata in verde la stringa ldquoid=rdquo e il numero dellapagina (page-id)

Figura 232 Id dallrsquourl

2 Puntando il mouse sulla scritta [id] a pieacute pagina e leggendo il tooltip (figura Id dal tooltip (page 27))

Figura 233 Id dal tooltip

3 Solo per browser Firefox dal menugrave di contesto scegliere la voce ldquoVisualizza info paginardquo si apreuna finestra consultare quindi la lista Meta sotto la scheda Generale (Id dagli attributi (page 28))

2162 Backend (BE)

Da backend egrave possibile ottenere il page-id nei seguenti modi

1 leggendo il tooltip puntando il mouse sullrsquoicona della pagina nel riquadro della struttura del sito(figura Id dal tooltip nel backend (page 28))

2 dal modulo di modifica delle intestazioni della pagina (figura Id dalle intestazioni pagina nel backend(page 28)) Il numero egrave tra le parentesi quadre dopo il titolo della pagina

217 Admin Panel

Quando si inseriscono contenuti con Typo3 (backend) egrave possibile visualizzare unrsquoanteprima della paginache si sta creando per vedere i risultati del lavoro svolto

Per visualizzare unrsquoanteprima di una pagina occorre (figura Menu mostra (page 29))

1 posizionarsi sulla pagina da visualizzare

2 premere il tasto sinistro del mouse in corrispondenza del nome

216 Ottenere il page-id di una pagina 27

DocWeb Release 101

Figura 234 Id dagli attributi

Figura 235 Id dal tooltip nel backend

Figura 236 Id dalle intestazioni pagina nel backend

217 Admin Panel 28

DocWeb Release 101

Figura 237 Menu mostra

3 selezionare la voce Mostra

In base alla pagina scelta si avragrave un risultato come quello visualizzato nella figura Anteprima pagina conAdmin panel (page 29)

Figura 238 Anteprima pagina con Admin panel

La pagina presenteragrave nella parte superiore lrsquoanteprima della pagina Nella parte inferiore vienevisualizzato uno strumento denominato Admin Panel

Questo oggetto offre lato front-end alcune funzionalitagrave (figura Moduli Admin panel (page 30)) cheaiutano i gestori di contenuti nella creazionemodifica delle pagine web del sito

NellrsquoAdmin panel (figura sopra) egrave possibile distinguere

217 Admin Panel 29

DocWeb Release 101

Figura 239 Moduli Admin panel

1 Modulo Preview ndash offre la possibilitagrave di selezionare alcune opzioni sulla pagina per simulare alcunesituazioni in cui la pagina si puograve trovare durante la visualizzazione

2 Modulo Cache ndash offre la possibilitagrave di gestire la cache

Allrsquointerno del modulo Preview abbiamo le seguenti voci

Mostra pagine nascoste selezionando la casella di controllo corrispondente a questa voce si visual-izzeranno anche quelle che attualmente non sono visibili allrsquointerno del sito o perchegrave in lavorazioneo perchegrave ancora non egrave stata data lrsquoautorizzazione alla pubblicazione

Mostra record nascosti come per le pagine questa voce offre la possibilitagrave di poter visualizzare allrsquoin-terno della pagina quei contenuti nascosti che non sono ancora ultimati o che sono in attesa di unautorizzazione per la pubblicazione

Simula data con questo controllo egrave possibile simulare il comportamento della pagina in periodi tem-porali diversi Utilizzando la casella di testo egrave possibile inserire delle date In questo modo sirende possibile la visualizzazione di quegli elementi (ad es pagine news ) che sono abilitati acomparirescomparire in base a determinati criteri temporali impostati

Simula gruppo di utenti con questo controllo egrave possibile simulare il comportamento delle pagine inbase ad un determinato gruppo di utenti che vi accede Alcune pagine possono infatti avere uncomportamento diverso in base al tipo di utente che vi accede

Nota Durante la creazione di pagine egrave possibile restringere la visione di una determinata pagina aparticolari tipi di utenti (utenti di frontend) Questa caratteristica offre la possibilitagrave di definire delle areead accesso riservato del sito ossia sezioni del sito a cui egrave possibile accedere solo dopo essersi autenticatie dopo avere avuto i necessari diritti di accesso

Una volta selezionate le opportune scelte allrsquointerno dellrsquoADMIN Panel occorreragrave premere il tasto Aggior-na (figura Aggiorna Admin panel (page 31)) per prendere visione della pagina secondo i criteri impostati

Nota Nel caso in cui lrsquoutente abbia la possibilitagrave di accedere da back-end a piugrave siti (ciascuno con unproprio dominio) bisogna tenere presente che lrsquoADMIN Panel compare soltanto per le pagine relativeal dominio con cui lrsquoutente ha fatto il login In altre parole se un operatore ad esempio egrave abilitatoa lavorare sulle pagine di backend dei siti httpwwwsitoesempio1it e httpwwwsitoesempio2it ese lrsquooperatore accede al backend di DocWeb con lrsquoindirizzo httpwwwsitoesempio1ittypo3 allora

217 Admin Panel 30

DocWeb Release 101

Figura 240 Aggiorna Admin panel

lrsquoADMIN Panel compariragrave solo sulle pagine di frontend del dominio wwwsitoesempio1it e non su quelledel dominio wwwsitoesempio2it

217 Admin Panel 31

CAPITOLO 3

La Clipboard

Lrsquooggetto clipboard (rdquoblocco degli appuntirdquo) egrave molto utile quando si ha la necessitagrave di copiare o spostareuno o piugrave elementi di contenuto o una o piugrave pagine da una sezione del sito (contenitore di pagine) adunrsquoaltra

31 Copia o spostamento di un contenuto singolo di pagina allrsquointernodi unrsquoaltra pagina

Per prima cosa egrave necessario (figura Identifica contenuto (page 32))

Figura 31 Identifica contenuto

1 selezionare la voce Lista

2 selezionare la pagina che contiene il contenuto che si intende copiare (nella figura abbiamo sceltola pagina denominata ldquoCorso di formazione su Typo3rdquo

32

DocWeb Release 101

3 identificare dalla lista dei contenuti associati alla pagina quello da spostare

Supponiamo che si desideri copiare il contenuto denominato ldquoTesto 2rdquo (figura Copia contenuto (page 33))

Figura 32 Copia contenuto

Egrave sufficiente cliccare sullrsquoicona (nella figura sopra evidenziata con un cerchio rosso) di copia incorrispondenza del contenuto da copiare

Dopo avere eseguito questa operazione nella figura Risultato copia contenuto (page 34) possiamo notare

1 Egrave comparsa unrsquoicona nuova che mette in evidenza che nella clipboard egrave presente un elemento

2 Lrsquoicona di copia in corrispondenza del contenuto da spostare ha cambiato aspetto

A questo punto lrsquooggetto che si intende copiare egrave presente nella nostra clipboard

Il passo successivo egrave quello di selezionare la pagina in cui andare a posizionare lrsquoelemento (paginadestinazione)

Rimanendo sempre allrsquointerno del modulo Lista occorreragrave selezionare dallrsquoalberatura delle pagine la pag-ina destinazione Il procedimento da seguire per posizionarsi sulla pagina egrave lo stesso descritto in prece-denza Nella figura Incolla contenuto (page 34) viene evidenziato il contenuto di una pagina (denominataldquoPagina di Provardquo) in cui vogliamo copiare il contenuto

Per copiare il contenuto della clipboard nella pagina selezionare lrsquoicona Incolla contenuto Clipboard

Confermando lrsquooperazione il contenuto saragrave copiato allrsquointerno della pagina selezionata

Per effettuare lo spostamento di un contenuto di pagina allrsquointerno di unrsquoaltra pagina cliccare sullrsquoicona

di Taglia al posto dellrsquoicona copia e ripetere le operazioni sopra descritte

1 Selezionando la casella Mostra clipboard (figura Vista clipboard (page 35)) egrave possibile visualiz-zare lrsquooggetto clipboard Nel caso in figura lrsquoelemento copiato in precedenza (Testo 2) egrave ancoradisponibile allrsquointerno della clipboard Utilizzando il procedimento descritto infatti il contenuto

31 Copia o spostamento di un contenuto singolo di pagina allrsquointerno di unrsquoaltra pagina 33

DocWeb Release 101

Figura 33 Risultato copia contenuto

Figura 34 Incolla contenuto

31 Copia o spostamento di un contenuto singolo di pagina allrsquointerno di unrsquoaltra pagina 34

DocWeb Release 101

selezionato rimane ancora a disposizione dellrsquoutente che potragrave selezionare altre pagine destinazionesu cui eventualmente andare a copiare il contenuto Nel caso in cui si selezioni un altro elementoad esempio ldquoTesto 1rdquo lrsquoelemento presente viene automaticamente sostituito

2 Dallrsquooggetto clipboard egrave possibile rimuovere un elemento premendo il bottone di Elimina postoaccanto ad esso

Figura 35 Vista clipboard

Con il procedimento descritto fino ad ora egrave possibile scegliere soltanto un contenuto alla volta

32 Copia o spostamento di piugrave contenuti da una pagina ad unrsquoaltra

Nel caso in cui ci si trovi nella necessitagrave di copiare piugrave di un contenuto da una pagina allrsquoaltra egrave necessarioseguire i passi seguenti

1 Selezionare il modulo Lista

2 Selezionare la pagina di origine da cui prelevare i contenuti

3 Selezionare la casella Mostra clipboard

4 Selezionare una clipboard tra quelle denominate ldquoClipboard 1rdquo ldquoClipboard 2rdquo ldquoClipboard 3rdquo(punto 3 figura Vista clipboard con contenuto selezionato (page 36))

Selezionando ad esempio la clipboard contrassegnata come ldquoclipboard 1rdquo si avragrave la seguente situazione

32 Copia o spostamento di piugrave contenuti da una pagina ad unrsquoaltra 35

DocWeb Release 101

Figura 36 Vista clipboard con contenuto selezionato

32 Copia o spostamento di piugrave contenuti da una pagina ad unrsquoaltra 36

DocWeb Release 101

1 In corrispondenza di ogni contenuto si evidenzia una Casella di selezione Sopra la colonna con lecaselle di selezione egrave comparsa una lista di bottoni tra cui al momento distinguiamo

2 Bottone di copia elementi nella clipboard

3 Bottone di selezione tuttinessuno

Scegliendo ad esempio i primi due elementi e premendo il pulsante di copia elementi nella clipboard sipuograve notare che (figura Copia nella clipboard (page 37))

Figura 37 Copia nella clipboard

1 La clipboard che abbiamo scelto per la selezione multipla (ldquoClipboard 1rdquo) contiene la lista deglioggetti che abbiamo scelto di copiare

2 Ersquo comparsa lrsquoicona di Incolla contenuto Clipboard

La procedura della selezione della pagina di destinazione rimane identica a quella giagrave utilizzata per lacopia di un contenuto singolo (selezionare la pagina di destinazione su cui andare a posizionare i contenutiselezionati)

Egrave importante fare notare che seguendo le operazioni descritte sopra si ottiene come risultato lospostamento dei contenuti dalla pagina origine a quella destinazione

Se si desidera copiare gli elementi selezionati egrave necessario una volta selezionati gli elementi da copiarepremere il tasto copia gli items invece di spostarli (evidenziato con un cerchio rosso nella figura Tagliadalla clipboard (page 38))

32 Copia o spostamento di piugrave contenuti da una pagina ad unrsquoaltra 37

DocWeb Release 101

Figura 38 Taglia dalla clipboard

32 Copia o spostamento di piugrave contenuti da una pagina ad unrsquoaltra 38

DocWeb Release 101

In questo modo dopo avere confermato lrsquooperazione i contenuti o le pagine da copiare saranno presentisia nella pagina origine che in quella destinazione

32 Copia o spostamento di piugrave contenuti da una pagina ad unrsquoaltra 39

CAPITOLO 4

Modulo DAM (Digital AssetManagement)

Il modulo DAM (Digital Asset Management) offre la possibilitagrave di raccogliere e catalogare contenuti informato digitale come immagini documenti presentazioni

Ogni file inserito puograve essere corredato di informazioni aggiuntive (meta-informazioni) come la descrizionelrsquoautore parole chiave ecc

Attraverso il modulo DAM egrave possibile svolgere le seguenti operazioni

bull Caricamento e Aggiornamento di file

bull Ricerca di file allrsquointerno del DAM e modifica delle meta-informazioni associate ai file

41 Caricamento e Aggiornamento di file

Lrsquooperazione di CaricamentoAggiornamento di file serve per sottoporre al sistema DAM un particolarecontenuto memorizzato in formato digitale

Lrsquoelemento caricato saragrave poi disponibile a chi inserisce contenuti

Per iniziare lrsquooperazione di caricamento di un file egrave sufficiente selezionare la voce File che si trovaallrsquointerno del modulo Media (figura Menu file (page 41))

La maschera che si apre (figura File upload (page 41)) offre le seguenti possibilitagrave

1 Selezione della posizione dove andare a caricareaggiornare il file

2 Specificare alcuni documenti da caricare (area File)

Concentrandoci sullrsquoarea File (figura Dettaglio file upload (page 42)) distinguiamo

1 Voce Show upload location browser (punto 1 figura sopra) egrave possibile visualizzare i file attualmentecaricati nel Mount Point selezionato

2 Lista di bottoni denominati Sfoglia da utilizzare nel caso in cui si desideri caricareaggiornareun file

Se si desidera caricare un file occorre cliccare sul bottone Sfoglia

La finestra che appare (figura Sfoglia file (page 42)) permette di selezionare dal proprio PC il file dacaricare

Per selezionare un file da caricare occorre

1 Esplorare le cartelle del proprio PC per trovare il file

40

DocWeb Release 101

Figura 41 Menu file

Figura 42 File upload

41 Caricamento e Aggiornamento di file 41

DocWeb Release 101

Figura 43 Dettaglio file upload

Figura 44 Sfoglia file

41 Caricamento e Aggiornamento di file 42

DocWeb Release 101

2 Inserire il nome del file nella casella di testo Nome file

3 Premere il tasto Apri

Una volta che si egrave selezionato un file egrave possibile

1 selezionare altri file da caricare seguendo gli stessi passi descritti in precedenza

2 effettuare lrsquooperazione di caricamento del file vero e proprio

Dallrsquoesempio abbiamo scelto di caricare un solo file

Il caricamento dei file viene eseguito premendo il bottone ldquoUpload filesrdquo che si trova in fondo alla listadei file selezionati (figura File selezionato (page 43))

Figura 45 File selezionato

Se tutto egrave stato eseguito correttamente appariragrave una finestra come quella nella figura Process files(page 44)

In questa maschera egrave possibile

1 Specificare le meta-informazioni per il singolo file come ad esempio il titolo parole chiavedescrizione

2 Avviare il processo di elaborazione multipla premendo il bottone Process selected files Con questoprocesso egrave possibile inserire o modificare le meta-informazioni per tutti i file della lista (in questocaso solo uno)

Se si vuole eseguire lrsquoinserimento delle meta-informazioni per singolo file la finestra che si apre egrave similea quella presentata in figura Elaborazione metainformazioni singolo file (page 44)

Nel caso si scelga di eseguire il processo di elaborazione multipla la maschera che compare (figuraElaborazione metainformazioni file multipli (page 45)) permette di selezionare le meta-informazioni chelrsquoutente intende inserire contemporaneamente per tutti i file della selezione

41 Caricamento e Aggiornamento di file 43

DocWeb Release 101

Figura 46 Process files

Figura 47 Elaborazione metainformazioni singolo file

41 Caricamento e Aggiornamento di file 44

DocWeb Release 101

Figura 48 Elaborazione metainformazioni file multipli

41 Caricamento e Aggiornamento di file 45

DocWeb Release 101

Se si seleziona la checkbox accanto alla voce che eventualmente saragrave inserita questa viene aggiuntaalle informazioni eventualmente giagrave presenti (modalitagrave append) Nellrsquoaltro caso le informazioni sarannosovrascritte

I campi Titolo e Descrizione sono obbligatori mentre il campo Parole chiavi puograve essere valorizzato adiscrezione dellrsquoutente Informazioni su come valorizzare i campi elencati sopra saranno descritte suapposite linee guida

Per completare lrsquoinserimentoaggiornamento delle meta-informazioni riguardanti il file caricato occorrepremere il tasto Send (figura Salva metainformazioni (page 46)) in fondo alla maschera per il salvataggiodelle informazioni

Figura 49 Salva metainformazioni

Tornando alla maschera di caricamento file e selezionando la checkbox in corrispondenza della voceSovrascrivi file esistenti (figura Carica file sovrascrivendo (page 46)) saragrave possibile aggiornare eventualifile che hanno lo stesso nome di quello che stiamo caricando

Questa procedura egrave utile quando si vuole aggiornare il contenuto di un file che egrave giagrave presente nel DAM

Figura 410 Carica file sovrascrivendo

Nel caso di aggiornamento di un file le meta-informazioni del file rimangono le stesse inserite inprecedenza Come si puograve notare non viene offerta la possibilitagrave di inserirne di nuove

Nel caso in cui un file con lo stesso nome sia giagrave caricato e non si desideri aggiornarlo il file inseritoper ultimo viene rinominato con un suffisso generato automaticamente dal DAM In questo caso la voceSovrascrivi file esistenti non deve essere selezionata (figura Carica file senza sovrascrivere (page 47))

Nellrsquoesempio in figura viene presentata la lista dei file presenti nel mount point selezionato

Da notare la presenza di un file che egrave stato rinominato dal DAM con un suffisso ldquo_01rdquo dato che nellastessa posizione era giagrave presente un file con lo stesso nome

41 Caricamento e Aggiornamento di file 46

DocWeb Release 101

Figura 411 Carica file senza sovrascrivere

41 Caricamento e Aggiornamento di file 47

DocWeb Release 101

42 Ricerca di file allrsquointerno del DAM e modifica delle meta-informazioni

Rimanendo sempre allrsquointerno del modulo Media selezioniamo la voce List egrave possibile effettuare dellericerche dei file e modificare le meta-informazioni associate ai file

Nella figura Backend media list (page 48) distinguiamo

Figura 412 Backend media list

1 Parte relativa ai Mount Point disponibili

2 Parte relativa ai tipi di file caricati nel sistema

3 Schede List Thumbnails Selection Process

Da questa sezione egrave possibile effettuare ricerche sui file caricati nel DAM

Le ricerche che si possono eseguire sono del tipo ldquotrova tutti i file pdf e docrdquo oppure ldquoelenca tutti i filedi tipo immagine ad eccezione dei file con estensione gifrdquo

Per prima cosa facendo click sul nome del tipo file (es gif oppure image) si seleziona solo quel tipo difile e si escludono tutti i criteri selezionati in precedenza

Per aggiungere un altro criterio di ricerca egrave sufficiente selezionare il ldquo+rdquo (punto 1 nella figura Criteri diselezione (page 49)) posto accanto al tipo di file che si vuole selezionare

Con il ldquo-ldquo(punto 2) saragrave possibile rimuovere il tipo di file dai criteri di ricerca

Selezionando ldquo=rdquo (punto 3) egrave possibile introdurre clausole del tipo ldquocerca un file che sia doc e presentenel Mount Point chiamato lsquoArea Testrsquordquo (ossia effettua una ricerca che risponda a tutti i criteri impostati)

Nellrsquoesempio della figura Salva selezione (page 49) sono stati selezionati tutti i tipi di immagine adeccezione dei file con estensione gif Questo risultato si ottiene nel seguente modo

1 selezionare il ldquo+rdquo accanto alla voce ldquoimagerdquo

2 premendo il tasto ldquo-ldquo in corrispondenza della voce ldquogifrdquo

I criteri impostati per la selezione possono essere salvati per un uso futuro Per salvare la selezioneoccorre (figura Salva selezione (page 49))

1 riempire il campo sotto la voce SELECTION con un nome che identifichi la ricerca

2 premere il tasto Save per salvare la modalitagrave di ricerca impostata

In questo modo saragrave possibile richiamare e rieseguire la ricerca impostata anche in futuro senza doverripetere il procedimento di scelta dei criteri mostrato in precedenza

42 Ricerca di file allrsquointerno del DAM e modifica delle meta-informazioni 48

DocWeb Release 101

Figura 413 Criteri di selezione

Figura 414 Salva selezione

42 Ricerca di file allrsquointerno del DAM e modifica delle meta-informazioni 49

DocWeb Release 101

Se in futuro saranno inseriti nuovi file che soddisfano la ricerca salvata questi verranno selezionati quandoverragrave richiamata la ricerca salvata

Dalla figura Ricerca salvata (page 50) egrave possibile notare come richiamare la ricerca salvata In questocaso abbiamo salvato la ricerca con il nome ldquoimmaginisenzagifrdquo

Figura 415 Ricerca salvata

Una volta che si egrave selezionata la ricerca egrave possibile

1 Premere il tasto Load per ricaricare la ricerca precedentemente impostata

2 Premere Remove per rimuovere la ricerca salvata

Una volta effettuata una particolare selezione di file egrave possibile (figura Schede backend media list(page 50))

Figura 416 Schede backend media list

1 vedere il contenuto della selezione (schede List e Thumbnails)

2 vedere i criteri impostati per la ricerca (scheda Selection)

3 modificare le meta-informazioni associate ai file (scheda Process) secondo quanto descritto inprecedenza

Nella figura Scheda selection (page 51) egrave visualizzato come selezionando la scheda Selection egrave possibileprendere visione dei criteri impostati nella ricerca (la ricerca egrave quella dellrsquoesempio precedente)

Selezionando le schede List e Thumbnails dopo avere effettuato una qualsiasi selezione si potrebbe avereuna situazione come quella mostrata nella figura Scheda list (page 51)

Cliccando sullrsquoicona corrispondente ad uno dei file presenti nella lista (selezionato con un cerchio rosso)egrave possibile accedere ad un menugrave contestuale (figura Menu contestuale DAM (page 51))che permette disvolgere le seguenti operazioni

Modifica Offre la possibilitagrave di visualizzare e modificare le meta-informazioni associate al file

Rinomina Selezionando la seguente voce egrave possibile assegnare un altro nome al file che si egrave caricato

Replace file Avvia lrsquooperazione di sostituzione del file

Info Visualizza informazioni relative al file

Cancella Rimuove il file dal DAM

42 Ricerca di file allrsquointerno del DAM e modifica delle meta-informazioni 50

DocWeb Release 101

Figura 417 Scheda selection

Figura 418 Scheda list

Figura 419 Menu contestuale DAM

42 Ricerca di file allrsquointerno del DAM e modifica delle meta-informazioni 51

CAPITOLO 5

Modulo Pagine di download

51 Inserimento e configurazione pagine di download

La creazione di pagine di download egrave utile quando si vuole mettere a disposizione una lista di uno o piugravefile in forma scaricabile

Per creare una pagina di download egrave necessario seguire i seguenti passi

1 Creare una pagina standard

2 Inserire il plugin DAM Download List

3 Configurare il plugin

Per creare una pagina egrave sufficiente entrare nel modulo Pagina e selezionare Crea nuovo record per accederealla finestra di creazione pagine

Nellrsquoesempio in figura Backend creazione contenuto (page 52) egrave stata creata la pagina denominata ldquoPaginadownloadrdquo come figlio della pagina ldquoPagina di provardquo

Figura 51 Backend creazione contenuto

Una volta creata la pagina occorre configurarla in maniera tale da permettere la visualizzazione di unalista di file scaricabili Per fare ciograve occorre inserire un plugin denominato ldquoDAM Download Listrdquo Unplugin egrave un contenuto speciale da inserire in una pagina

52

DocWeb Release 101

Per inserirlo come per un contenuto occorre seguire i seguenti passi (figura Backend creazione contenuto(page 52))

1 Selezionare la pagina in cui inserire il plugin Nellrsquoesempio la pagina denominata ldquoPaginadownloadrdquo

2 Selezionare la voce Clicca qui per il wizard nella maschera che compare quando si vuole inserire unnuovo record

Figura 52 Wizard nuovo contenuto

Oltre ai normali contenuti standard il wizard permette di selezionare (figura Wizard nuovo contenuto(page 53))

1 Contenuti speciali

2 Moduli

3 Plugins

Allrsquointerno della lista dei Plugins selezionare DAM Lista dei file scaricabili (punto 4 nella figura Wizardnuovo contenuto (page 53))

Dopo aver selezionato il plugin occorreragrave selezionare la posizione della pagina in cui inserire lrsquoelemento

Selezionare ldquoNormalerdquo

A questo punto il plugin egrave inserito nella pagina desiderata

51 Inserimento e configurazione pagine di download 53

DocWeb Release 101

Oltre allrsquoinserimento occorre configurare il plugin in modo da dirgli quali file far visualizzare

Una volta che il plugin viene inserito viene aperta una finestra (figura Contenuto pagina (page 54)) doveviene richiesto di selezionare dei file inseriti nel sistema

Figura 53 Contenuto pagina

Per proseguire correttamente egrave necessario salvare immediatamente il Contenuto Pagina altrimenti leoperazioni successive potrebbero andare perse

Per inserire i file nella lista occorre effettuare la seguente operazione (figura Contenuto pagina (page 54))

1 Nella parte della maschera denominata DAM Lista di file scaricabili selezionare lrsquoicona SfogliaRecord (cerchiata in rosso) per avviare la procedura di selezione dei file

Selezionando la voce Sfoglia Record verragrave aperto lrsquoElement Browser di TYPO3 che ci permette di se-lezionare i file da inserire nel plugin La finestra (figura Element browser (page 55)) egrave composta di dueschede

1 Media ndash permette di selezionare i file giagrave esistenti nel sistema

2 Upload ndash permette di caricare nuovi file

Selezionando la sezione Media egrave possibile selezionare dalla lista i file da inserire

51 Inserimento e configurazione pagine di download 54

DocWeb Release 101

Figura 54 Element browser

Se la lista dei file fosse troppo lunga egrave possibile effettuare delle ricerche per nome e per tipologia di file(doc htm )

Per cercare per nome (figura Ricerca per nome (page 55)) occorre inserire nella casella di testo Cercastringa (punto 1 nella figura sopra) il nome o parte del nome del file da cercare Una volta specificata lastringa di ricerca premere il tasto Cerca (punto 2)

Figura 55 Ricerca per nome

Per cercare un particolare tipo di file selezionare il nome dellrsquoestensione che si desidera dallrsquoelenco deitipi di file (figura Ricerca per tipo (page 56))

Nota I due tipi di ricerca possono essere usati contemporaneamente

Selezionando la voce informazioni (punto 1 nella figura Selezione file (page 56)) egrave possibile visualizzarele meta-informazioni associate al file

Premendo con il mouse sul nome del file (punto 2) o sullrsquoicona associata (punto 3) si inserisce il file nellalista dei file da far visualizzare nella pagina di download mediante lrsquoapposito plugin

Selezionando la scheda Upload si puograve inserire un file non presente nel sistema (figura Caricamentoimmediato file (page 56))

51 Inserimento e configurazione pagine di download 55

DocWeb Release 101

Figura 56 Ricerca per tipo

Figura 57 Selezione file

Figura 58 Caricamento immediato file

51 Inserimento e configurazione pagine di download 56

DocWeb Release 101

Scegliere i file dal proprio PC seguendo le operazioni giagrave descritte nel modulo DAM e selezionare dallascheda Media i nuovi file inseriti

Nella figura Plugin con file selezionati (page 57) egrave visualizzato un esempio di maschera di configurazionedel plugin con la lista dei file selezionati

Figura 59 Plugin con file selezionati

I file una volta inseriti possono essere ordinati selezionando sugli appositi bottoni posti a destra dellalista file

bull Per ordinare un determinato file occorre

bull Selezionare un file

Premere uno dei tasti (figura sopra) per

1 Spostare in prima posizione

2 Spostare in alto di una posizione

3 Spostare in basso di una posizione

4 Spostare in ultima posizione

5 Rimuovere dalla lista il file selezionato

Una volta eseguiti i passaggi sopra descritti salvare la configurazione del plugin

51 Inserimento e configurazione pagine di download 57

CAPITOLO 6

Modulo Sitemap

Ersquo possibile generare una mappa del sito scegliendo un contenuto speciale di tipo ldquoMappa del Sitordquo comemostrato nella figura Contenuto mappa del sito (page 58)

Figura 61 Contenuto mappa del sito

Per scegliere un record di tipo ldquomappa del sitordquo (per visualizzare cioegrave la vista dei contenuti possibili)saragrave necessario portarsi in modalitagrave ldquopaginardquo compiendo gli stessi passaggi descritti per la creazione dicontenuti semplici in fase di creazione delle pagine (in questo caso selezionando il contenuto specialemappa)

58

DocWeb Release 101

61 Scheda di configurazione Mappa

La scheda di configurazione si presenta come nella figura Scheda mappa del sito (page 59)

Figura 62 Scheda mappa del sito

I campi fondamentali da personalizzare sono lrsquointestazione (ossia il titolo pagina) il tipo di menugrave e ilpunto di partenza Nellrsquointestazione viene inserito come di consuetudine il titolo pagina

62 Tipo di mappa

Ersquo possibile scegliere il tipo di mappa che si desidera creare consultando il menugrave a tendina ldquotipo di menugraverdquoche ci offriragrave diverse opzioni

Le piugrave frequentemente usate sono di tipo ldquoMenugrave delle sottopagine rdquo come indicato nella figura Tipo dimenu (page 60)

Menugrave delle sottopagine di queste pagine Scegliendo questa opzione da una pagina padre sigenereragrave un record che mostreragrave al suo interno tutte le sottovoci figlio con relativo link

Menugrave delle sottopagine di queste pagine (con abstract) Genera una mappa sia delle sottopagineche dei sottotitoli

Menugrave delle sottopagine di queste pagine + sezioni Genera una mappa sia delle sottopagine chedei record (link alle intestazioni dei singoli record)

Selezionando voci di menugrave di sottopagine egrave anche possibile stabilire un determinato punto di partenzasfogliando lrsquoapposito record

61 Scheda di configurazione Mappa 59

DocWeb Release 101

Figura 63 Tipo di menu

63 Il ldquopunto di partenzardquo della mappa

Il ldquopunto di partenzardquo dei Menugrave delle sottopagine Scheda mappa del sito (page 59) costituisce la paginadalla quale il sistema partiragrave per creare la mappa

Si potragrave quindi creare una mappa (di tipo menugrave delle sottopagine) che mostri solamente il percorso diquella porzione di menugrave che si intende mostrare

63 Il ldquopunto di partenzardquo della mappa 60

CAPITOLO 7

Modulo News

71 Inserimento e modifica di news

Alcune sezioni del nostro sito potrebbero essere state configurate per permettere la visualizzazione dinotizie

Per poter visualizzare le news correttamente occorre che queste ultime vengano inserite in una determi-nata posizione allrsquointerno del backend Da questa posizione che chiameremo repository delle news lenostre pagine andranno a prelevare le news da visualizzare al loro interno

Figura 71 Backend news

Nellrsquoesempio presentato nella figura Backend news (page 61) distinguiamo

1 il repository delle news che egrave stato creato

2 Un esempio di come potrebbe apparire il contenuto del repository delle news (lista delle news)

Per poter visualizzare il contenuto del repository delle news occorre seguire i seguenti passi

1 entrare nel modulo Pagina

61

DocWeb Release 101

2 selezionare il repository delle news corrispondente (nellrsquoesempio della figura Backend news (page 61)il Repository delle news si chiama ldquoNews Area Testrdquo)

Poniamo ora la nostra attenzione alla lista delle news (figura Lista news (page 62)) Da qui egrave possibile

bull Inserire una nuova notizia

bull Modificare le notizie giagrave esistenti

Per inserire una nuova notizia occorre selezionare la voce Crea nuovo record (figura Lista news (page 62))posta in fondo alla lista delle news

Figura 72 Lista news

A questo punto si apre la finestra di creazione Nuovo record da cui occorre selezionare la voce News(figura Nuovo record news (page 62))

Figura 73 Nuovo record news

Eseguendo le operazioni sopra descritte si accede alla maschera di inserimento news (figura Inserimentonews scheda generale (page 63))

Questa si compone di due schede una denominata Generale e unrsquoaltra denominata Relations

Nella scheda Generale egrave possibile inserire

Titolo in questo spazio egrave possibile specificare un titolo della news

Nascondi questo controllo determina se la news egrave pubblicabile oppure no Come avviene per le pagineanche per le news egrave consigliabile tenere la news nascosta durante la lavorazione Facciamo notare

71 Inserimento e modifica di news 62

DocWeb Release 101

Figura 74 Inserimento news scheda generale

71 Inserimento e modifica di news 63

DocWeb Release 101

che appena viene aperta la maschera di inserimento di una nuova news il controllo appare giagrave instato nascosto

Dataora in questo spazio viene indicata la data e lrsquoora della creazione della news in base ai parametridi sistema

Data Archiviazione in questo spazio viene inserita la data di Archiviazione di una news

Autore permette di specificare un autore della news

Email permette di specificare un e-mail a cui fare riferimento

Sottointestazione questo campo conterragrave una breve descrizione (abstract) della news La sottointes-tazione egrave quella parte della news che compare quando viene visualizzata la lista delle news e serveper dare una breve descrizione al contenuto della news (si veda Esempio news (page 64))

Figura 75 Esempio news

Durante lrsquoinserimento di una news egrave consigliabile specificare sempre una sottointestazione

Testo egrave il campo che contiene il contenuto vero e proprio della news Egrave possibile utilizzare tutte lefunzionalitagrave messe a disposizione dallrsquoeditor RTE

72 Modalitagrave Relations

Nella modalitagrave Relations (figura Inserimento news scheda relations (page 65)) egrave possibile inserire

Immagini contiene una lista di immagini da associare alla news Il procedimento per la se-lezionecaricamento delle immagini egrave stato descritto nella parte dedicata alla creazione di paginedi download a cui vi rimandiamo

Didascalia permette di specificare una descrizione per lrsquoimmagine associata alla news

Image alttext e Image titletext permette di specificare un testo che in visualizzazione (Frontend)compariragrave al passaggio del mouse sopra lrsquoimmagine

News correlate permette di specificare news o pagine del sito da associare alla news Il procedimentodi selezione delle news da associare alla notizia saragrave spiegato successivamente

DAM elements permette di assegnare alla news dei documenti da scaricare come per esempioil programma di un determinato evento Anche in questo caso il procedimento per la se-lezionecaricamento dei documenti egrave quello giagrave descritto nella parte dedicata alla creazione dipagine di download

Descriviamo il procedimento da seguire per associare alcune pagine o alcune news alla notizia che stiamoinserendo

Premere il tasto di Sfoglia Record evidenziato nella figura Sfoglia record news (page 65)

Verragrave aperta una finestra che contiene un Element Browser che ci permette di selezionare le newspagine(figura Element browser news (page 66)) da associare

La finestra di selezione si suddivide nelle seguenti parti (figura sopra)

Alberatura del sito da cui egrave possibile esplorare gli elementi del nostro sito (pagine sysfolder )Premendo con il tasto sinistro del mouse sul nome della pagina o sulla freccia corrispondente verragraveaggiornata la parte di destra della finestra in cui egrave inserita la lista degli elementi associabili

72 Modalitagrave Relations 64

DocWeb Release 101

Figura 76 Inserimento news scheda relations

Figura 77 Sfoglia record news

72 Modalitagrave Relations 65

DocWeb Release 101

Figura 78 Element browser news

Lista degli elementi associabili egrave quindi possibile selezionare gli elementi da associare alla newsPer associare un elemento si puograve selezionare il simbolo ldquo+rdquo posto accanto allrsquoelemento desideratoo agendo sul nome del file Nel primo caso lrsquoelemento viene aggiunto ma la finestra non si chiuderagrave(utile per effettuare selezioni multiple) mentre nel secondo caso lrsquoelemento viene aggiunto e lafinestra si chiuderagrave (selezione singola)

Nota Per associare una o piugrave news alla notizia che stiamo inserendo occorreragrave innanzitutto selezionareil repository delle news e utilizzando i metodi descritti in precedenza indicare le news di interesse

Nella figura Selezione repository (page 66) viene visualizzato come appare lrsquoElement Browser dopo averselezionato il repository delle news denominato ldquoNews Corso Typo3rdquo

Figura 79 Selezione repository

Una volta ultimato il procedimento di inserimento di una news vedremo che nel repository compariragrave(figura News nel repository (page 67)) anche quella da noi creata Nellrsquoesempio la news creata si chiamaldquoTitolo della news di provardquo

Dalla lista delle news possiamo notare che i diversi tipi di news sono contrassegnati con icone diverse

In particolare distinguiamo

72 Modalitagrave Relations 66

DocWeb Release 101

Figura 710 News nel repository

bull News (icona ldquocelestinardquo)

bull Collegamento a URL esterna (icona ldquorosardquo)

bull Collegamento a pagina interna (icona ldquogiallinardquo)

Per modificare il contenuto di una news egrave sufficiente selezionare il simbolo di modifica (figura Modificanews (page 67)) in corrispondenza della news da modificare

Figura 711 Modifica news

73 News collegata a URL esterna e a pagina interna

Attraverso la selezione della finestra ldquoTipordquo egrave possibile scegliere diverse tipologie di news

Nella figura News collegata a url esterna (page 68) egrave stato selezionato il Collegamento a URL esterna checi offriragrave la possibilitagrave di specificare un link (ldquoURL esternordquo) da far visualizzare e che saragrave contraddistintain lista da lrsquoicona di colore rosa

Selezionando il Collegamento a pagina interna viene offerta la possibilitagrave di inserire un collegamento auna pagina del sito (evidenziato nella figura News collegata a pagina interna (page 69))

La news si presenteragrave con icona di color ldquogiallordquo e al suo interno conterragrave un link alla pagina interna alsito

73 News collegata a URL esterna e a pagina interna 67

DocWeb Release 101

Figura 712 News collegata a url esterna

73 News collegata a URL esterna e a pagina interna 68

DocWeb Release 101

Figura 713 News collegata a pagina interna

73 News collegata a URL esterna e a pagina interna 69

DocWeb Release 101

74 Eliminazione delle News

Per eliminare una news possiamo procedere tra lrsquoaltro in due modi

1 Selezionare la news da eliminare dallrsquoelenco e selezionare la voce ldquocancellardquo dal menugrave a tendinaconsultabile cliccando con il pulsante destro sullrsquoicona in corrispondenza della news (figura Eliminanews da menu contestuale (page 70))

Figura 714 Elimina news da menu contestuale

2 Entrare allrsquointerno della modalitagrave di modifica della news attraverso lrsquoicona ldquomatitardquo e selezionare lrsquoi-cona raffigurante il bidone di elimina posta in alto pagina (figura Elimina news da scheda contenuto(page 70))

Figura 715 Elimina news da scheda contenuto

75 Ordinamento delle News e ricerca

Puograve essere necessario durante la visualizzazione della lista delle news (lato backend) di dover effettuaredegli ordinamenti al fine di permettere una ricerca piugrave veloce delle news da modificare

74 Eliminazione delle News 70

DocWeb Release 101

Avvertimento Lrsquoordinamento ha valore solo come ricerca allrsquointerno del backend mentre latofrontend rispecchieragrave i parametri prestabiliti dal sistema

Supponiamo per esempio di voler effettuare un ordinamento per Titolo Seguiamo i seguenti passi(figura sotto)

1 Selezionare la voce di menugrave Lista

2 Selezionare il deposito delle news (repository) News Corso Typo3

3 Cliccare con il mouse in corrispondenza della voce ldquoTitolordquo

A questo punto (figura Ordinamento news (page 71)) le news vengono ordinate in ordine crescente(vengono visualizzate prima le news con titolo che inizia con la lettera a b e cosigrave via)

Figura 716 Ordinamento news

Se clicchiamo unrsquoaltra volta sulla voce ldquoTitolordquo il tipo di ordinamento cambia da crescente a decrescente(compariranno per prima le news con titolo che inizia per z )

Egrave inoltre possibile ordinare secondo campo da noi specificato Per definire il nome di un campo (ad estesto inizio autore ) su cui effettuare lrsquoordinamento occorreragrave spostarsi in fondo alla lista delle newsdove troveremo una lista di campi (figura Mostra campo aggiuntivo news (page 71))

Figura 717 Mostra campo aggiuntivo news

Dalla lista possiamo

bull Selezionare la voce in base alla quale effettuare lrsquoordinamento (ad esempio Immagini)

bull Premere il tasto Imposta campi per aggiungere alla lista dei campi visualizzati quello selezionato

75 Ordinamento delle News e ricerca 71

DocWeb Release 101

A questo punto il campo selezionato (nel nostro esempio il campo Immagini) compare nella lista dellenews (il campo aggiunto egrave evidenziato con un riquadro in alto a destra nella figura Ordinamento campoaggiuntivo news (page 72))

Figura 718 Ordinamento campo aggiuntivo news

Effettuare le stesse operazioni illustrate per il campo Titolo per ordinare in modo crescente e decrescentele news secondo il criterio impostato (click pulsante sinistro sul nome etichetta)

Egrave anche possibile ricercare le news in base al testo contenuto nel titolo sottotitolo descrizione eccUtilizzando la maschera di ricerca in fondo pagina (evidenziata nella figura Ricerca news (page 72))

Figura 719 Ricerca news

Per effettuare una ricerca egrave necessario seguire i seguenti passi

1 Inserire nel campo Cerca Stringa il testo da cercare (nel nostro esempio ldquonequerdquo)

2 Premere il tasto Cerca per eseguire la ricerca secondo i criteri impostati

In questo modo nella lista delle news compariranno solo quelle che contengono il testo specificatoEffettuata la ricerca egrave possibile effettuare degli ordinamenti come spiegato in precedenza

75 Ordinamento delle News e ricerca 72

CAPITOLO 8

Modulo Eventi

Avvertimento SEZIONE NON COMPLETA

Si confrontino i seguenti due tipi di contenuti

Evento egrave un tipo di contenuto adatto a descrivere qualcosa che accadragrave o che egrave accaduto in una certadata La data o le date in cui lrsquoevento ricorre sono strettamente legate ad un luogo in cui lrsquoeventosi verificheragravesi egrave verificato Gli eventi vengono rappresentati mediante la metafora dellrsquoagenda edel calendario

Notizia egrave un tipo di contenuto caratterizzato dalla data di pubblicazione secondo la metafora delgiornale online E come in un giornale online una notizia puograve riferirsi sia a fatti giagrave accaduti chea fatti a venire

Nota Per comprendere meglio la differenza tra i due tipi di contenuto si pensi che dato un eventoche ha una certa data di svolgimento (ad es 20 maggio) di tale evento posso realizzare piugrave di unanotizia Rimanendo nellrsquoesempio potrei pubblicare una notizia il 10 maggio per preannunciare lrsquoeventoe poi unrsquoaltra il 18 maggio per ricordarne lrsquoimminenza Infine potrei pubblicare una notizia di riepilogo(cronaca dellrsquoevento immagini ecc) il 22 maggio

81 Scopo del modulo Eventi

Il visitatore del sito deve poter cogliere le informazioni essenziali di un evento

bull Cosa sta per succedere

bull Dove accadragrave

bull Quando accadragrave

82 Il Backend ndash Modulo Pagina

Vedi figura Eventi vista modulo pagina (page 74)

83 Il Backend ndash Modulo Lista

Vedi figura Eventi vista modulo lista (page 74)

73

DocWeb Release 101

Figura 81 Eventi vista modulo pagina

Figura 82 Eventi vista modulo lista

83 Il Backend ndash Modulo Lista 74

DocWeb Release 101

84 Creazione di un evento

Prima di procedere poniamoci qualche domanda

bull Lrsquoevento appartiene a qualche rassegna iniziativa per la quale sono in programma altri eventiPer esempio

ndash Rassegne teatrali cinematografiche

ndash Festival

bull Lrsquoevento si ripete

ndash La replica avviene sempre nello stesso luogo

841 Creazione del record

Vedi figura Creazione nuovo evento (page 75)

Vedi figura Creazione nuovo record evento (page 76)

Figura 83 Creazione nuovo evento

842 Scheda ldquoGeneralerdquo

Vedi figura Evento scheda generale (page 76)

843 Scheda ldquoFinestra temporalerdquo

Orario repliche

Vedi figura Evento finestra temporale (page 78)

84 Creazione di un evento 75

DocWeb Release 101

Figura 84 Creazione nuovo record evento

Figura 85 Evento scheda generale

84 Creazione di un evento 76

DocWeb Release 101

bull Lrsquoorario va solo per le Finestre temporali di un giorno (data inizio = data fine)

bull Se non si conosce lrsquoora della fine impostare ora inizio = ora fine

844 Scheda ldquoTestordquo

Vedi figura Evento scheda testo (page 79)

84 Creazione di un evento 77

DocWeb Release 101

Figura 86 Evento finestra temporale

84 Creazione di un evento 78

DocWeb Release 101

Figura 87 Evento scheda testo84 Creazione di un evento 79

  • Introduzione
    • Cosegrave DocWeb
    • Concetti chiave
      • Funzionalitagrave di Base
        • Il CMS Typo3 ldquobackendrdquo e ldquofrontendrdquo
        • Cambio password di accesso
        • Albero delle pagine
        • Implementazione delle pagine ldquogenitori rdquo e ldquofiglirdquo
        • Inserimento Nuova pagina
        • Elementi standard della pagina
        • Inserimento contenuti di una pagina
        • Contenuti multipli allrsquointerno di una pagina
        • Modifica dei contenuti della pagina
        • Spostamento di pagine
        • Eliminazione pagine
        • Rich Text Editor
        • Modalitagrave Lista
        • Modalitagrave Mostra
        • Modalitagrave ldquoMonta come radice dellrsquoalberordquo
        • Ottenere il page-id di una pagina
        • Admin Panel
          • La Clipboard
            • Copia o spostamento di un contenuto singolo di pagina allrsquointerno di unrsquoaltra pagina
            • Copia o spostamento di piugrave contenuti da una pagina ad unrsquoaltra
              • Modulo DAM (Digital Asset Management)
                • Caricamento e Aggiornamento di file
                • Ricerca di file allrsquointerno del DAM e modifica delle meta-informazioni
                  • Modulo Pagine di download
                    • Inserimento e configurazione pagine di download
                      • Modulo Sitemap
                        • Scheda di configurazione Mappa
                        • Tipo di mappa
                        • Il ``punto di partenza della mappa
                          • Modulo News
                            • Inserimento e modifica di news
                            • Modalitagrave Relations
                            • News collegata a URL esterna e a pagina interna
                            • Eliminazione delle News
                            • Ordinamento delle News e ricerca
                              • Modulo Eventi
                                • Scopo del modulo Eventi
                                • Il Backend ndash Modulo Pagina
                                • Il Backend ndash Modulo Lista
                                • Creazione di un evento
Page 25: DocWeb€¦ · per la realizzazione e la gestione di siti web della Pubblica Am-ministrazione. La piattaforma tecnologica utilizzata è il CMS (Content Management System) Open SourceTypo31

DocWeb Release 101

2125 Rimuovi Formattazione

Ersquo possibile che il testo importato e incollato nellrsquoarea testo da altra fonte (es documento word) sildquosporchirdquo e ne acquisisca le caratteristiche stilistiche in maniera non corretta

Ersquo necessario pulire il testo selezionandolo e cliccando su ldquorimuovi formattazionerdquo

Si apriragrave un pop-up (nuova finestra) che ci proporragrave diversi elementi da pulire selezioniamo ciograve che ciinteressa e clicchiamo su OK

2126 Inserisci Caratteri Speciali

Alcune volte puograve essere necessario inserire dei caratteri o simboli non presenti sulla tastiera o nonconvenzionali per i quali esiste una mappa di caratteri speciali

Il sistema propone diversi tipi di caratteri speciali tra i piugrave comuni e frequentemente usati per adoperarliegrave sufficiente cliccare sullrsquoapposita icona ldquoInserisci Caratteri Specialirdquo

Una finestra ci mostreragrave una vasta gamma di simboli tra i quali potremo scegliere quello che ci interessa

2127 Inserisci Tabella

Per agevolare lrsquoinserimento di dati numerici in forma ldquoTabellarerdquo si puograve ricorrere allrsquoinserimento di unatabella contraddistinta dallrsquoapposito simbolo

La tabella puograve essere immaginata come una quaderno a ldquoquadrettirdquo dove ogni ldquoscacchettordquo corrispondead una cella

Scegliendo di inserire una tabella si apriragrave una finestra pop-up dove andremo ad inserire parametridi spaziatura fra celle numero di righe e colonne che compongono la tabella spessore del bordoallineamento rispetto alla pagina ecc

2128 Link

Ogni sito egrave composto da pagine consultabili e collegate tra loro tramite link

I link sono i collegamenti presenti sulle voci di menugrave parole immagini ecc

Ersquo possibile collegare pagine appartenenti ad uno stesso sito un indirizzo web di un sito esterno ounrsquoe-mail un file da scaricare un immagine ecc

Nota Immettendo nel testo un indirizzo web o e-mail completo il programma egrave in grado di capireautomaticamente che si tratta di un link e collegare gli elementi automaticamente

Volendo invece collegare elementi non scritti in forma completa si dovragrave procedere come segue

Selezioniamo la parola o frase che vogliamo collegare (come precedentemente visto) e clicchiamo sullrsquoiconaldquoInserisci Linkrdquo

Si apriragrave un pop-up come indicato nella prossima figura

Link ad una pagina interna al sito

La finestra ci propone lrsquoalberatura del nostro sito con le pagine in esso presenti (La voce attiva egraveldquopaginardquo di colore giallomarrone rispetto alle altre voci del pop-up)

Selezionando (figura Link interno (page 23)) la pagina che vorremo collegare il pop-up si chiuderagrave e laparola che avevamo selezionato precedentemente per il link cambieragrave aspetto

La vedremo blu e sottolineata il che indica che il link egrave attivato

212 Rich Text Editor 22

DocWeb Release 101

Figura 224 Link interno

Ersquo anche possibile creare dei link che aprono la pagina collegata allrsquointerno di una ldquofinestra di pop-uprdquocioegrave dentro una nuova finestra del browser Specificando le dimensioni di altezza e larghezza della nuovafinestra allrsquointerno degli appositi campi

Link ad una pagina esterna al sito

Selezioniamo una parola o frase che vogliamo collegare (come precedentemente visto) e clicchiamosullrsquoicona ldquoInserisci Linkrdquo

Scegliamo nel menugrave in alto proposto dal pop-up il bottone ldquoURL esternordquo (figura Link esterno (page 23))

Figura 225 Link esterno

Impostiamo nel campo URL lrsquoindirizzo web che vogliamo linkare prestando attenzione a scriverlo peresteso e senza cancellare http

Clicchiamo su ldquoImposta Linkrdquo

Il pop-up si chiuderagrave e la parola che avevamo selezionato precedentemente per il link cambieragrave aspetto

212 Rich Text Editor 23

DocWeb Release 101

La vedremo blu e sottolineata il che indica che il link egrave attivato

2129 Link ad unrsquoEmail

Come precedentemente visto scrivendo un indirizzo e-mail valido il programma di gestione egrave in grado dicapire che si tratta di un indirizzo di posta elettronica e il link viene impostato automaticamente

Tuttavia ci sono dei casi in cui non egrave possibile o si preferisce non indicare lrsquoindirizzo e-mail per estesoad esempio potremmo avere ldquoPer informazioni scrivicirdquo

Volendo potremmo fare in modo che sulla parola ldquoscrivicirdquo ci sia impostata la funzione di invio e-mail

Selezioniamo quindi la parola andiamo su ldquoInserisci Linkrdquo scegliendo poi ldquoEmailrdquo

Inseriamo lrsquoindirizzo E-mail nellrsquoapposito campo e clicchiamo su ldquoimposta Linkrdquo

21210 Link ad un file scaricabile

Per collegare un file (espdf txt gif ecc) egrave necessario copiarlo dal proprio PC al server web

Non egrave infatti possibile che una pagina pubblicata su internet prenda come link dei files che di fatto sonosalvati in una directory del nostro computer

Typo3 mette a disposizione un area dovrsquoegrave possibile pubblicare i files per poi essere resi disponibili ai linkossia rende disponibile lrsquo ldquoUploadrdquo dei files da pc a server

Scegliere dal menugrave di sinistra sotto la sezione ldquoMediardquo la voce ldquoFilerdquo (figura Seleziona file (page 24))

Figura 226 Seleziona file

Si apriragrave sulla destra una nuova area dove troveremo i campi utili a ldquosfogliarerdquo il contenuto del nostropc al fine di passare i file o i files dal nostro computer al manager

Effettuato il passaggio potremo ritornare alla nostra pagina e riprendere la procedura di ldquocreazione linkrdquoselezionando questa volta la voce ldquoFilerdquo del pop-up

I campi proposti sono del tutto simili a quelli di creazione di link su pagine del sito e un elenco di files(tutti quelli disponibili caricati) potranno essere collegati

213 Modalitagrave Lista

Selezionando la voce ldquolistardquo (figura Backend modalitagrave lista (page 25)) dal menugrave di sinistra egrave possibileesplorare una pagina ldquopadrerdquo e tutte le pagine ldquofiglirdquo ed essa associate

Avvertimento Ricordarsi di attivare la voce in basso ldquoVista Estesardquo

213 Modalitagrave Lista 24

DocWeb Release 101

Figura 227 Backend modalitagrave lista

Utilizzando le icone poste alla destra di ogni voce si possono compiere diverse operazioni di modificavisualizzazione spostamento copia e incolla pagina ecc come precedentemente descritto

Dunque potremo dire che la modalitagrave lista costituisce una scorciatoia per semplificare ogni sorta dioperazione soprattutto in presenza di un numero considerevole di files

214 Modalitagrave Mostra

Figura 228 Backend modalitagrave mostra

Selezionando la voce ldquoMostrardquo (figura Backend modalitagrave mostra (page 25)) dal menugrave di sinistra egrave possibilenavigare il sito allrsquointerno del docweb direttamente nel backend

214 Modalitagrave Mostra 25

DocWeb Release 101

Inoltre accanto ai vari record troveremo posta lrsquoicona matita per eseguire eventuali modifichedirettamente sul punto e la pagina prescelti

Anche la modalitagrave ldquoMostrardquo come la rdquoListardquo (cap 13) costituisce una scorciatoia particolarmente indicataper semplificare lrsquooperazione di visualizzazione del sito e di modifica

215 Modalitagrave ldquoMonta come radice dellrsquoalberordquo

Quando esistono diverse e numerose pagine egrave possibile gestire solo la porzione di contenuto che ci interessariducendo lrsquoalberatura del sito (lato backend) ai minimi termini mediante il comando ldquomonta come radicedellrsquoalberordquo

Per effettuare il comando procedere come segue

Cliccare con il pulsante destro del mouse sul titolo pagina dal menugrave centrale

Selezionare la voce ldquoaltre opzionirdquo dal menugrave a tendina (figuraMenu altre opzioni (page 26)) che compariragravecome conseguenza dellrsquoazione descritta al punto uno

Figura 229 Menu altre opzioni

Selezionare dallrsquoulteriore menugrave che si apriragrave (figura Seleziona monta come radice (page 26)) la voceldquoMonta come radice dellrsquoalberordquo

Figura 230 Seleziona monta come radice

Lrsquoalberatura si ridurragrave automaticamente mostrando solo la porzione selezionata

Per ripristinare lo stato di partenza selezionare la voce in alto nel menugrave centrale (figura Elimina DBmount (page 26)) ldquoElimina DB mount temporaneordquo

Figura 231 Elimina DB mount

Il menugrave si espanderagrave nuovamente mostrando tutte le voci esistenti

215 Modalitagrave ldquoMonta come radice dellrsquoalberordquo 26

DocWeb Release 101

216 Ottenere il page-id di una pagina

2161 Frontend (FE)

Da frontend si puograve ottenere il page-id della pagina corrente nei seguenti modi

1 dalla barra degli indirizzi del proprio browser (figura Id dallrsquourl (page 27)) Il numero della paginaegrave quello dopo la stringa ldquoid=rdquo Nella figura egrave cerchiata in verde la stringa ldquoid=rdquo e il numero dellapagina (page-id)

Figura 232 Id dallrsquourl

2 Puntando il mouse sulla scritta [id] a pieacute pagina e leggendo il tooltip (figura Id dal tooltip (page 27))

Figura 233 Id dal tooltip

3 Solo per browser Firefox dal menugrave di contesto scegliere la voce ldquoVisualizza info paginardquo si apreuna finestra consultare quindi la lista Meta sotto la scheda Generale (Id dagli attributi (page 28))

2162 Backend (BE)

Da backend egrave possibile ottenere il page-id nei seguenti modi

1 leggendo il tooltip puntando il mouse sullrsquoicona della pagina nel riquadro della struttura del sito(figura Id dal tooltip nel backend (page 28))

2 dal modulo di modifica delle intestazioni della pagina (figura Id dalle intestazioni pagina nel backend(page 28)) Il numero egrave tra le parentesi quadre dopo il titolo della pagina

217 Admin Panel

Quando si inseriscono contenuti con Typo3 (backend) egrave possibile visualizzare unrsquoanteprima della paginache si sta creando per vedere i risultati del lavoro svolto

Per visualizzare unrsquoanteprima di una pagina occorre (figura Menu mostra (page 29))

1 posizionarsi sulla pagina da visualizzare

2 premere il tasto sinistro del mouse in corrispondenza del nome

216 Ottenere il page-id di una pagina 27

DocWeb Release 101

Figura 234 Id dagli attributi

Figura 235 Id dal tooltip nel backend

Figura 236 Id dalle intestazioni pagina nel backend

217 Admin Panel 28

DocWeb Release 101

Figura 237 Menu mostra

3 selezionare la voce Mostra

In base alla pagina scelta si avragrave un risultato come quello visualizzato nella figura Anteprima pagina conAdmin panel (page 29)

Figura 238 Anteprima pagina con Admin panel

La pagina presenteragrave nella parte superiore lrsquoanteprima della pagina Nella parte inferiore vienevisualizzato uno strumento denominato Admin Panel

Questo oggetto offre lato front-end alcune funzionalitagrave (figura Moduli Admin panel (page 30)) cheaiutano i gestori di contenuti nella creazionemodifica delle pagine web del sito

NellrsquoAdmin panel (figura sopra) egrave possibile distinguere

217 Admin Panel 29

DocWeb Release 101

Figura 239 Moduli Admin panel

1 Modulo Preview ndash offre la possibilitagrave di selezionare alcune opzioni sulla pagina per simulare alcunesituazioni in cui la pagina si puograve trovare durante la visualizzazione

2 Modulo Cache ndash offre la possibilitagrave di gestire la cache

Allrsquointerno del modulo Preview abbiamo le seguenti voci

Mostra pagine nascoste selezionando la casella di controllo corrispondente a questa voce si visual-izzeranno anche quelle che attualmente non sono visibili allrsquointerno del sito o perchegrave in lavorazioneo perchegrave ancora non egrave stata data lrsquoautorizzazione alla pubblicazione

Mostra record nascosti come per le pagine questa voce offre la possibilitagrave di poter visualizzare allrsquoin-terno della pagina quei contenuti nascosti che non sono ancora ultimati o che sono in attesa di unautorizzazione per la pubblicazione

Simula data con questo controllo egrave possibile simulare il comportamento della pagina in periodi tem-porali diversi Utilizzando la casella di testo egrave possibile inserire delle date In questo modo sirende possibile la visualizzazione di quegli elementi (ad es pagine news ) che sono abilitati acomparirescomparire in base a determinati criteri temporali impostati

Simula gruppo di utenti con questo controllo egrave possibile simulare il comportamento delle pagine inbase ad un determinato gruppo di utenti che vi accede Alcune pagine possono infatti avere uncomportamento diverso in base al tipo di utente che vi accede

Nota Durante la creazione di pagine egrave possibile restringere la visione di una determinata pagina aparticolari tipi di utenti (utenti di frontend) Questa caratteristica offre la possibilitagrave di definire delle areead accesso riservato del sito ossia sezioni del sito a cui egrave possibile accedere solo dopo essersi autenticatie dopo avere avuto i necessari diritti di accesso

Una volta selezionate le opportune scelte allrsquointerno dellrsquoADMIN Panel occorreragrave premere il tasto Aggior-na (figura Aggiorna Admin panel (page 31)) per prendere visione della pagina secondo i criteri impostati

Nota Nel caso in cui lrsquoutente abbia la possibilitagrave di accedere da back-end a piugrave siti (ciascuno con unproprio dominio) bisogna tenere presente che lrsquoADMIN Panel compare soltanto per le pagine relativeal dominio con cui lrsquoutente ha fatto il login In altre parole se un operatore ad esempio egrave abilitatoa lavorare sulle pagine di backend dei siti httpwwwsitoesempio1it e httpwwwsitoesempio2it ese lrsquooperatore accede al backend di DocWeb con lrsquoindirizzo httpwwwsitoesempio1ittypo3 allora

217 Admin Panel 30

DocWeb Release 101

Figura 240 Aggiorna Admin panel

lrsquoADMIN Panel compariragrave solo sulle pagine di frontend del dominio wwwsitoesempio1it e non su quelledel dominio wwwsitoesempio2it

217 Admin Panel 31

CAPITOLO 3

La Clipboard

Lrsquooggetto clipboard (rdquoblocco degli appuntirdquo) egrave molto utile quando si ha la necessitagrave di copiare o spostareuno o piugrave elementi di contenuto o una o piugrave pagine da una sezione del sito (contenitore di pagine) adunrsquoaltra

31 Copia o spostamento di un contenuto singolo di pagina allrsquointernodi unrsquoaltra pagina

Per prima cosa egrave necessario (figura Identifica contenuto (page 32))

Figura 31 Identifica contenuto

1 selezionare la voce Lista

2 selezionare la pagina che contiene il contenuto che si intende copiare (nella figura abbiamo sceltola pagina denominata ldquoCorso di formazione su Typo3rdquo

32

DocWeb Release 101

3 identificare dalla lista dei contenuti associati alla pagina quello da spostare

Supponiamo che si desideri copiare il contenuto denominato ldquoTesto 2rdquo (figura Copia contenuto (page 33))

Figura 32 Copia contenuto

Egrave sufficiente cliccare sullrsquoicona (nella figura sopra evidenziata con un cerchio rosso) di copia incorrispondenza del contenuto da copiare

Dopo avere eseguito questa operazione nella figura Risultato copia contenuto (page 34) possiamo notare

1 Egrave comparsa unrsquoicona nuova che mette in evidenza che nella clipboard egrave presente un elemento

2 Lrsquoicona di copia in corrispondenza del contenuto da spostare ha cambiato aspetto

A questo punto lrsquooggetto che si intende copiare egrave presente nella nostra clipboard

Il passo successivo egrave quello di selezionare la pagina in cui andare a posizionare lrsquoelemento (paginadestinazione)

Rimanendo sempre allrsquointerno del modulo Lista occorreragrave selezionare dallrsquoalberatura delle pagine la pag-ina destinazione Il procedimento da seguire per posizionarsi sulla pagina egrave lo stesso descritto in prece-denza Nella figura Incolla contenuto (page 34) viene evidenziato il contenuto di una pagina (denominataldquoPagina di Provardquo) in cui vogliamo copiare il contenuto

Per copiare il contenuto della clipboard nella pagina selezionare lrsquoicona Incolla contenuto Clipboard

Confermando lrsquooperazione il contenuto saragrave copiato allrsquointerno della pagina selezionata

Per effettuare lo spostamento di un contenuto di pagina allrsquointerno di unrsquoaltra pagina cliccare sullrsquoicona

di Taglia al posto dellrsquoicona copia e ripetere le operazioni sopra descritte

1 Selezionando la casella Mostra clipboard (figura Vista clipboard (page 35)) egrave possibile visualiz-zare lrsquooggetto clipboard Nel caso in figura lrsquoelemento copiato in precedenza (Testo 2) egrave ancoradisponibile allrsquointerno della clipboard Utilizzando il procedimento descritto infatti il contenuto

31 Copia o spostamento di un contenuto singolo di pagina allrsquointerno di unrsquoaltra pagina 33

DocWeb Release 101

Figura 33 Risultato copia contenuto

Figura 34 Incolla contenuto

31 Copia o spostamento di un contenuto singolo di pagina allrsquointerno di unrsquoaltra pagina 34

DocWeb Release 101

selezionato rimane ancora a disposizione dellrsquoutente che potragrave selezionare altre pagine destinazionesu cui eventualmente andare a copiare il contenuto Nel caso in cui si selezioni un altro elementoad esempio ldquoTesto 1rdquo lrsquoelemento presente viene automaticamente sostituito

2 Dallrsquooggetto clipboard egrave possibile rimuovere un elemento premendo il bottone di Elimina postoaccanto ad esso

Figura 35 Vista clipboard

Con il procedimento descritto fino ad ora egrave possibile scegliere soltanto un contenuto alla volta

32 Copia o spostamento di piugrave contenuti da una pagina ad unrsquoaltra

Nel caso in cui ci si trovi nella necessitagrave di copiare piugrave di un contenuto da una pagina allrsquoaltra egrave necessarioseguire i passi seguenti

1 Selezionare il modulo Lista

2 Selezionare la pagina di origine da cui prelevare i contenuti

3 Selezionare la casella Mostra clipboard

4 Selezionare una clipboard tra quelle denominate ldquoClipboard 1rdquo ldquoClipboard 2rdquo ldquoClipboard 3rdquo(punto 3 figura Vista clipboard con contenuto selezionato (page 36))

Selezionando ad esempio la clipboard contrassegnata come ldquoclipboard 1rdquo si avragrave la seguente situazione

32 Copia o spostamento di piugrave contenuti da una pagina ad unrsquoaltra 35

DocWeb Release 101

Figura 36 Vista clipboard con contenuto selezionato

32 Copia o spostamento di piugrave contenuti da una pagina ad unrsquoaltra 36

DocWeb Release 101

1 In corrispondenza di ogni contenuto si evidenzia una Casella di selezione Sopra la colonna con lecaselle di selezione egrave comparsa una lista di bottoni tra cui al momento distinguiamo

2 Bottone di copia elementi nella clipboard

3 Bottone di selezione tuttinessuno

Scegliendo ad esempio i primi due elementi e premendo il pulsante di copia elementi nella clipboard sipuograve notare che (figura Copia nella clipboard (page 37))

Figura 37 Copia nella clipboard

1 La clipboard che abbiamo scelto per la selezione multipla (ldquoClipboard 1rdquo) contiene la lista deglioggetti che abbiamo scelto di copiare

2 Ersquo comparsa lrsquoicona di Incolla contenuto Clipboard

La procedura della selezione della pagina di destinazione rimane identica a quella giagrave utilizzata per lacopia di un contenuto singolo (selezionare la pagina di destinazione su cui andare a posizionare i contenutiselezionati)

Egrave importante fare notare che seguendo le operazioni descritte sopra si ottiene come risultato lospostamento dei contenuti dalla pagina origine a quella destinazione

Se si desidera copiare gli elementi selezionati egrave necessario una volta selezionati gli elementi da copiarepremere il tasto copia gli items invece di spostarli (evidenziato con un cerchio rosso nella figura Tagliadalla clipboard (page 38))

32 Copia o spostamento di piugrave contenuti da una pagina ad unrsquoaltra 37

DocWeb Release 101

Figura 38 Taglia dalla clipboard

32 Copia o spostamento di piugrave contenuti da una pagina ad unrsquoaltra 38

DocWeb Release 101

In questo modo dopo avere confermato lrsquooperazione i contenuti o le pagine da copiare saranno presentisia nella pagina origine che in quella destinazione

32 Copia o spostamento di piugrave contenuti da una pagina ad unrsquoaltra 39

CAPITOLO 4

Modulo DAM (Digital AssetManagement)

Il modulo DAM (Digital Asset Management) offre la possibilitagrave di raccogliere e catalogare contenuti informato digitale come immagini documenti presentazioni

Ogni file inserito puograve essere corredato di informazioni aggiuntive (meta-informazioni) come la descrizionelrsquoautore parole chiave ecc

Attraverso il modulo DAM egrave possibile svolgere le seguenti operazioni

bull Caricamento e Aggiornamento di file

bull Ricerca di file allrsquointerno del DAM e modifica delle meta-informazioni associate ai file

41 Caricamento e Aggiornamento di file

Lrsquooperazione di CaricamentoAggiornamento di file serve per sottoporre al sistema DAM un particolarecontenuto memorizzato in formato digitale

Lrsquoelemento caricato saragrave poi disponibile a chi inserisce contenuti

Per iniziare lrsquooperazione di caricamento di un file egrave sufficiente selezionare la voce File che si trovaallrsquointerno del modulo Media (figura Menu file (page 41))

La maschera che si apre (figura File upload (page 41)) offre le seguenti possibilitagrave

1 Selezione della posizione dove andare a caricareaggiornare il file

2 Specificare alcuni documenti da caricare (area File)

Concentrandoci sullrsquoarea File (figura Dettaglio file upload (page 42)) distinguiamo

1 Voce Show upload location browser (punto 1 figura sopra) egrave possibile visualizzare i file attualmentecaricati nel Mount Point selezionato

2 Lista di bottoni denominati Sfoglia da utilizzare nel caso in cui si desideri caricareaggiornareun file

Se si desidera caricare un file occorre cliccare sul bottone Sfoglia

La finestra che appare (figura Sfoglia file (page 42)) permette di selezionare dal proprio PC il file dacaricare

Per selezionare un file da caricare occorre

1 Esplorare le cartelle del proprio PC per trovare il file

40

DocWeb Release 101

Figura 41 Menu file

Figura 42 File upload

41 Caricamento e Aggiornamento di file 41

DocWeb Release 101

Figura 43 Dettaglio file upload

Figura 44 Sfoglia file

41 Caricamento e Aggiornamento di file 42

DocWeb Release 101

2 Inserire il nome del file nella casella di testo Nome file

3 Premere il tasto Apri

Una volta che si egrave selezionato un file egrave possibile

1 selezionare altri file da caricare seguendo gli stessi passi descritti in precedenza

2 effettuare lrsquooperazione di caricamento del file vero e proprio

Dallrsquoesempio abbiamo scelto di caricare un solo file

Il caricamento dei file viene eseguito premendo il bottone ldquoUpload filesrdquo che si trova in fondo alla listadei file selezionati (figura File selezionato (page 43))

Figura 45 File selezionato

Se tutto egrave stato eseguito correttamente appariragrave una finestra come quella nella figura Process files(page 44)

In questa maschera egrave possibile

1 Specificare le meta-informazioni per il singolo file come ad esempio il titolo parole chiavedescrizione

2 Avviare il processo di elaborazione multipla premendo il bottone Process selected files Con questoprocesso egrave possibile inserire o modificare le meta-informazioni per tutti i file della lista (in questocaso solo uno)

Se si vuole eseguire lrsquoinserimento delle meta-informazioni per singolo file la finestra che si apre egrave similea quella presentata in figura Elaborazione metainformazioni singolo file (page 44)

Nel caso si scelga di eseguire il processo di elaborazione multipla la maschera che compare (figuraElaborazione metainformazioni file multipli (page 45)) permette di selezionare le meta-informazioni chelrsquoutente intende inserire contemporaneamente per tutti i file della selezione

41 Caricamento e Aggiornamento di file 43

DocWeb Release 101

Figura 46 Process files

Figura 47 Elaborazione metainformazioni singolo file

41 Caricamento e Aggiornamento di file 44

DocWeb Release 101

Figura 48 Elaborazione metainformazioni file multipli

41 Caricamento e Aggiornamento di file 45

DocWeb Release 101

Se si seleziona la checkbox accanto alla voce che eventualmente saragrave inserita questa viene aggiuntaalle informazioni eventualmente giagrave presenti (modalitagrave append) Nellrsquoaltro caso le informazioni sarannosovrascritte

I campi Titolo e Descrizione sono obbligatori mentre il campo Parole chiavi puograve essere valorizzato adiscrezione dellrsquoutente Informazioni su come valorizzare i campi elencati sopra saranno descritte suapposite linee guida

Per completare lrsquoinserimentoaggiornamento delle meta-informazioni riguardanti il file caricato occorrepremere il tasto Send (figura Salva metainformazioni (page 46)) in fondo alla maschera per il salvataggiodelle informazioni

Figura 49 Salva metainformazioni

Tornando alla maschera di caricamento file e selezionando la checkbox in corrispondenza della voceSovrascrivi file esistenti (figura Carica file sovrascrivendo (page 46)) saragrave possibile aggiornare eventualifile che hanno lo stesso nome di quello che stiamo caricando

Questa procedura egrave utile quando si vuole aggiornare il contenuto di un file che egrave giagrave presente nel DAM

Figura 410 Carica file sovrascrivendo

Nel caso di aggiornamento di un file le meta-informazioni del file rimangono le stesse inserite inprecedenza Come si puograve notare non viene offerta la possibilitagrave di inserirne di nuove

Nel caso in cui un file con lo stesso nome sia giagrave caricato e non si desideri aggiornarlo il file inseritoper ultimo viene rinominato con un suffisso generato automaticamente dal DAM In questo caso la voceSovrascrivi file esistenti non deve essere selezionata (figura Carica file senza sovrascrivere (page 47))

Nellrsquoesempio in figura viene presentata la lista dei file presenti nel mount point selezionato

Da notare la presenza di un file che egrave stato rinominato dal DAM con un suffisso ldquo_01rdquo dato che nellastessa posizione era giagrave presente un file con lo stesso nome

41 Caricamento e Aggiornamento di file 46

DocWeb Release 101

Figura 411 Carica file senza sovrascrivere

41 Caricamento e Aggiornamento di file 47

DocWeb Release 101

42 Ricerca di file allrsquointerno del DAM e modifica delle meta-informazioni

Rimanendo sempre allrsquointerno del modulo Media selezioniamo la voce List egrave possibile effettuare dellericerche dei file e modificare le meta-informazioni associate ai file

Nella figura Backend media list (page 48) distinguiamo

Figura 412 Backend media list

1 Parte relativa ai Mount Point disponibili

2 Parte relativa ai tipi di file caricati nel sistema

3 Schede List Thumbnails Selection Process

Da questa sezione egrave possibile effettuare ricerche sui file caricati nel DAM

Le ricerche che si possono eseguire sono del tipo ldquotrova tutti i file pdf e docrdquo oppure ldquoelenca tutti i filedi tipo immagine ad eccezione dei file con estensione gifrdquo

Per prima cosa facendo click sul nome del tipo file (es gif oppure image) si seleziona solo quel tipo difile e si escludono tutti i criteri selezionati in precedenza

Per aggiungere un altro criterio di ricerca egrave sufficiente selezionare il ldquo+rdquo (punto 1 nella figura Criteri diselezione (page 49)) posto accanto al tipo di file che si vuole selezionare

Con il ldquo-ldquo(punto 2) saragrave possibile rimuovere il tipo di file dai criteri di ricerca

Selezionando ldquo=rdquo (punto 3) egrave possibile introdurre clausole del tipo ldquocerca un file che sia doc e presentenel Mount Point chiamato lsquoArea Testrsquordquo (ossia effettua una ricerca che risponda a tutti i criteri impostati)

Nellrsquoesempio della figura Salva selezione (page 49) sono stati selezionati tutti i tipi di immagine adeccezione dei file con estensione gif Questo risultato si ottiene nel seguente modo

1 selezionare il ldquo+rdquo accanto alla voce ldquoimagerdquo

2 premendo il tasto ldquo-ldquo in corrispondenza della voce ldquogifrdquo

I criteri impostati per la selezione possono essere salvati per un uso futuro Per salvare la selezioneoccorre (figura Salva selezione (page 49))

1 riempire il campo sotto la voce SELECTION con un nome che identifichi la ricerca

2 premere il tasto Save per salvare la modalitagrave di ricerca impostata

In questo modo saragrave possibile richiamare e rieseguire la ricerca impostata anche in futuro senza doverripetere il procedimento di scelta dei criteri mostrato in precedenza

42 Ricerca di file allrsquointerno del DAM e modifica delle meta-informazioni 48

DocWeb Release 101

Figura 413 Criteri di selezione

Figura 414 Salva selezione

42 Ricerca di file allrsquointerno del DAM e modifica delle meta-informazioni 49

DocWeb Release 101

Se in futuro saranno inseriti nuovi file che soddisfano la ricerca salvata questi verranno selezionati quandoverragrave richiamata la ricerca salvata

Dalla figura Ricerca salvata (page 50) egrave possibile notare come richiamare la ricerca salvata In questocaso abbiamo salvato la ricerca con il nome ldquoimmaginisenzagifrdquo

Figura 415 Ricerca salvata

Una volta che si egrave selezionata la ricerca egrave possibile

1 Premere il tasto Load per ricaricare la ricerca precedentemente impostata

2 Premere Remove per rimuovere la ricerca salvata

Una volta effettuata una particolare selezione di file egrave possibile (figura Schede backend media list(page 50))

Figura 416 Schede backend media list

1 vedere il contenuto della selezione (schede List e Thumbnails)

2 vedere i criteri impostati per la ricerca (scheda Selection)

3 modificare le meta-informazioni associate ai file (scheda Process) secondo quanto descritto inprecedenza

Nella figura Scheda selection (page 51) egrave visualizzato come selezionando la scheda Selection egrave possibileprendere visione dei criteri impostati nella ricerca (la ricerca egrave quella dellrsquoesempio precedente)

Selezionando le schede List e Thumbnails dopo avere effettuato una qualsiasi selezione si potrebbe avereuna situazione come quella mostrata nella figura Scheda list (page 51)

Cliccando sullrsquoicona corrispondente ad uno dei file presenti nella lista (selezionato con un cerchio rosso)egrave possibile accedere ad un menugrave contestuale (figura Menu contestuale DAM (page 51))che permette disvolgere le seguenti operazioni

Modifica Offre la possibilitagrave di visualizzare e modificare le meta-informazioni associate al file

Rinomina Selezionando la seguente voce egrave possibile assegnare un altro nome al file che si egrave caricato

Replace file Avvia lrsquooperazione di sostituzione del file

Info Visualizza informazioni relative al file

Cancella Rimuove il file dal DAM

42 Ricerca di file allrsquointerno del DAM e modifica delle meta-informazioni 50

DocWeb Release 101

Figura 417 Scheda selection

Figura 418 Scheda list

Figura 419 Menu contestuale DAM

42 Ricerca di file allrsquointerno del DAM e modifica delle meta-informazioni 51

CAPITOLO 5

Modulo Pagine di download

51 Inserimento e configurazione pagine di download

La creazione di pagine di download egrave utile quando si vuole mettere a disposizione una lista di uno o piugravefile in forma scaricabile

Per creare una pagina di download egrave necessario seguire i seguenti passi

1 Creare una pagina standard

2 Inserire il plugin DAM Download List

3 Configurare il plugin

Per creare una pagina egrave sufficiente entrare nel modulo Pagina e selezionare Crea nuovo record per accederealla finestra di creazione pagine

Nellrsquoesempio in figura Backend creazione contenuto (page 52) egrave stata creata la pagina denominata ldquoPaginadownloadrdquo come figlio della pagina ldquoPagina di provardquo

Figura 51 Backend creazione contenuto

Una volta creata la pagina occorre configurarla in maniera tale da permettere la visualizzazione di unalista di file scaricabili Per fare ciograve occorre inserire un plugin denominato ldquoDAM Download Listrdquo Unplugin egrave un contenuto speciale da inserire in una pagina

52

DocWeb Release 101

Per inserirlo come per un contenuto occorre seguire i seguenti passi (figura Backend creazione contenuto(page 52))

1 Selezionare la pagina in cui inserire il plugin Nellrsquoesempio la pagina denominata ldquoPaginadownloadrdquo

2 Selezionare la voce Clicca qui per il wizard nella maschera che compare quando si vuole inserire unnuovo record

Figura 52 Wizard nuovo contenuto

Oltre ai normali contenuti standard il wizard permette di selezionare (figura Wizard nuovo contenuto(page 53))

1 Contenuti speciali

2 Moduli

3 Plugins

Allrsquointerno della lista dei Plugins selezionare DAM Lista dei file scaricabili (punto 4 nella figura Wizardnuovo contenuto (page 53))

Dopo aver selezionato il plugin occorreragrave selezionare la posizione della pagina in cui inserire lrsquoelemento

Selezionare ldquoNormalerdquo

A questo punto il plugin egrave inserito nella pagina desiderata

51 Inserimento e configurazione pagine di download 53

DocWeb Release 101

Oltre allrsquoinserimento occorre configurare il plugin in modo da dirgli quali file far visualizzare

Una volta che il plugin viene inserito viene aperta una finestra (figura Contenuto pagina (page 54)) doveviene richiesto di selezionare dei file inseriti nel sistema

Figura 53 Contenuto pagina

Per proseguire correttamente egrave necessario salvare immediatamente il Contenuto Pagina altrimenti leoperazioni successive potrebbero andare perse

Per inserire i file nella lista occorre effettuare la seguente operazione (figura Contenuto pagina (page 54))

1 Nella parte della maschera denominata DAM Lista di file scaricabili selezionare lrsquoicona SfogliaRecord (cerchiata in rosso) per avviare la procedura di selezione dei file

Selezionando la voce Sfoglia Record verragrave aperto lrsquoElement Browser di TYPO3 che ci permette di se-lezionare i file da inserire nel plugin La finestra (figura Element browser (page 55)) egrave composta di dueschede

1 Media ndash permette di selezionare i file giagrave esistenti nel sistema

2 Upload ndash permette di caricare nuovi file

Selezionando la sezione Media egrave possibile selezionare dalla lista i file da inserire

51 Inserimento e configurazione pagine di download 54

DocWeb Release 101

Figura 54 Element browser

Se la lista dei file fosse troppo lunga egrave possibile effettuare delle ricerche per nome e per tipologia di file(doc htm )

Per cercare per nome (figura Ricerca per nome (page 55)) occorre inserire nella casella di testo Cercastringa (punto 1 nella figura sopra) il nome o parte del nome del file da cercare Una volta specificata lastringa di ricerca premere il tasto Cerca (punto 2)

Figura 55 Ricerca per nome

Per cercare un particolare tipo di file selezionare il nome dellrsquoestensione che si desidera dallrsquoelenco deitipi di file (figura Ricerca per tipo (page 56))

Nota I due tipi di ricerca possono essere usati contemporaneamente

Selezionando la voce informazioni (punto 1 nella figura Selezione file (page 56)) egrave possibile visualizzarele meta-informazioni associate al file

Premendo con il mouse sul nome del file (punto 2) o sullrsquoicona associata (punto 3) si inserisce il file nellalista dei file da far visualizzare nella pagina di download mediante lrsquoapposito plugin

Selezionando la scheda Upload si puograve inserire un file non presente nel sistema (figura Caricamentoimmediato file (page 56))

51 Inserimento e configurazione pagine di download 55

DocWeb Release 101

Figura 56 Ricerca per tipo

Figura 57 Selezione file

Figura 58 Caricamento immediato file

51 Inserimento e configurazione pagine di download 56

DocWeb Release 101

Scegliere i file dal proprio PC seguendo le operazioni giagrave descritte nel modulo DAM e selezionare dallascheda Media i nuovi file inseriti

Nella figura Plugin con file selezionati (page 57) egrave visualizzato un esempio di maschera di configurazionedel plugin con la lista dei file selezionati

Figura 59 Plugin con file selezionati

I file una volta inseriti possono essere ordinati selezionando sugli appositi bottoni posti a destra dellalista file

bull Per ordinare un determinato file occorre

bull Selezionare un file

Premere uno dei tasti (figura sopra) per

1 Spostare in prima posizione

2 Spostare in alto di una posizione

3 Spostare in basso di una posizione

4 Spostare in ultima posizione

5 Rimuovere dalla lista il file selezionato

Una volta eseguiti i passaggi sopra descritti salvare la configurazione del plugin

51 Inserimento e configurazione pagine di download 57

CAPITOLO 6

Modulo Sitemap

Ersquo possibile generare una mappa del sito scegliendo un contenuto speciale di tipo ldquoMappa del Sitordquo comemostrato nella figura Contenuto mappa del sito (page 58)

Figura 61 Contenuto mappa del sito

Per scegliere un record di tipo ldquomappa del sitordquo (per visualizzare cioegrave la vista dei contenuti possibili)saragrave necessario portarsi in modalitagrave ldquopaginardquo compiendo gli stessi passaggi descritti per la creazione dicontenuti semplici in fase di creazione delle pagine (in questo caso selezionando il contenuto specialemappa)

58

DocWeb Release 101

61 Scheda di configurazione Mappa

La scheda di configurazione si presenta come nella figura Scheda mappa del sito (page 59)

Figura 62 Scheda mappa del sito

I campi fondamentali da personalizzare sono lrsquointestazione (ossia il titolo pagina) il tipo di menugrave e ilpunto di partenza Nellrsquointestazione viene inserito come di consuetudine il titolo pagina

62 Tipo di mappa

Ersquo possibile scegliere il tipo di mappa che si desidera creare consultando il menugrave a tendina ldquotipo di menugraverdquoche ci offriragrave diverse opzioni

Le piugrave frequentemente usate sono di tipo ldquoMenugrave delle sottopagine rdquo come indicato nella figura Tipo dimenu (page 60)

Menugrave delle sottopagine di queste pagine Scegliendo questa opzione da una pagina padre sigenereragrave un record che mostreragrave al suo interno tutte le sottovoci figlio con relativo link

Menugrave delle sottopagine di queste pagine (con abstract) Genera una mappa sia delle sottopagineche dei sottotitoli

Menugrave delle sottopagine di queste pagine + sezioni Genera una mappa sia delle sottopagine chedei record (link alle intestazioni dei singoli record)

Selezionando voci di menugrave di sottopagine egrave anche possibile stabilire un determinato punto di partenzasfogliando lrsquoapposito record

61 Scheda di configurazione Mappa 59

DocWeb Release 101

Figura 63 Tipo di menu

63 Il ldquopunto di partenzardquo della mappa

Il ldquopunto di partenzardquo dei Menugrave delle sottopagine Scheda mappa del sito (page 59) costituisce la paginadalla quale il sistema partiragrave per creare la mappa

Si potragrave quindi creare una mappa (di tipo menugrave delle sottopagine) che mostri solamente il percorso diquella porzione di menugrave che si intende mostrare

63 Il ldquopunto di partenzardquo della mappa 60

CAPITOLO 7

Modulo News

71 Inserimento e modifica di news

Alcune sezioni del nostro sito potrebbero essere state configurate per permettere la visualizzazione dinotizie

Per poter visualizzare le news correttamente occorre che queste ultime vengano inserite in una determi-nata posizione allrsquointerno del backend Da questa posizione che chiameremo repository delle news lenostre pagine andranno a prelevare le news da visualizzare al loro interno

Figura 71 Backend news

Nellrsquoesempio presentato nella figura Backend news (page 61) distinguiamo

1 il repository delle news che egrave stato creato

2 Un esempio di come potrebbe apparire il contenuto del repository delle news (lista delle news)

Per poter visualizzare il contenuto del repository delle news occorre seguire i seguenti passi

1 entrare nel modulo Pagina

61

DocWeb Release 101

2 selezionare il repository delle news corrispondente (nellrsquoesempio della figura Backend news (page 61)il Repository delle news si chiama ldquoNews Area Testrdquo)

Poniamo ora la nostra attenzione alla lista delle news (figura Lista news (page 62)) Da qui egrave possibile

bull Inserire una nuova notizia

bull Modificare le notizie giagrave esistenti

Per inserire una nuova notizia occorre selezionare la voce Crea nuovo record (figura Lista news (page 62))posta in fondo alla lista delle news

Figura 72 Lista news

A questo punto si apre la finestra di creazione Nuovo record da cui occorre selezionare la voce News(figura Nuovo record news (page 62))

Figura 73 Nuovo record news

Eseguendo le operazioni sopra descritte si accede alla maschera di inserimento news (figura Inserimentonews scheda generale (page 63))

Questa si compone di due schede una denominata Generale e unrsquoaltra denominata Relations

Nella scheda Generale egrave possibile inserire

Titolo in questo spazio egrave possibile specificare un titolo della news

Nascondi questo controllo determina se la news egrave pubblicabile oppure no Come avviene per le pagineanche per le news egrave consigliabile tenere la news nascosta durante la lavorazione Facciamo notare

71 Inserimento e modifica di news 62

DocWeb Release 101

Figura 74 Inserimento news scheda generale

71 Inserimento e modifica di news 63

DocWeb Release 101

che appena viene aperta la maschera di inserimento di una nuova news il controllo appare giagrave instato nascosto

Dataora in questo spazio viene indicata la data e lrsquoora della creazione della news in base ai parametridi sistema

Data Archiviazione in questo spazio viene inserita la data di Archiviazione di una news

Autore permette di specificare un autore della news

Email permette di specificare un e-mail a cui fare riferimento

Sottointestazione questo campo conterragrave una breve descrizione (abstract) della news La sottointes-tazione egrave quella parte della news che compare quando viene visualizzata la lista delle news e serveper dare una breve descrizione al contenuto della news (si veda Esempio news (page 64))

Figura 75 Esempio news

Durante lrsquoinserimento di una news egrave consigliabile specificare sempre una sottointestazione

Testo egrave il campo che contiene il contenuto vero e proprio della news Egrave possibile utilizzare tutte lefunzionalitagrave messe a disposizione dallrsquoeditor RTE

72 Modalitagrave Relations

Nella modalitagrave Relations (figura Inserimento news scheda relations (page 65)) egrave possibile inserire

Immagini contiene una lista di immagini da associare alla news Il procedimento per la se-lezionecaricamento delle immagini egrave stato descritto nella parte dedicata alla creazione di paginedi download a cui vi rimandiamo

Didascalia permette di specificare una descrizione per lrsquoimmagine associata alla news

Image alttext e Image titletext permette di specificare un testo che in visualizzazione (Frontend)compariragrave al passaggio del mouse sopra lrsquoimmagine

News correlate permette di specificare news o pagine del sito da associare alla news Il procedimentodi selezione delle news da associare alla notizia saragrave spiegato successivamente

DAM elements permette di assegnare alla news dei documenti da scaricare come per esempioil programma di un determinato evento Anche in questo caso il procedimento per la se-lezionecaricamento dei documenti egrave quello giagrave descritto nella parte dedicata alla creazione dipagine di download

Descriviamo il procedimento da seguire per associare alcune pagine o alcune news alla notizia che stiamoinserendo

Premere il tasto di Sfoglia Record evidenziato nella figura Sfoglia record news (page 65)

Verragrave aperta una finestra che contiene un Element Browser che ci permette di selezionare le newspagine(figura Element browser news (page 66)) da associare

La finestra di selezione si suddivide nelle seguenti parti (figura sopra)

Alberatura del sito da cui egrave possibile esplorare gli elementi del nostro sito (pagine sysfolder )Premendo con il tasto sinistro del mouse sul nome della pagina o sulla freccia corrispondente verragraveaggiornata la parte di destra della finestra in cui egrave inserita la lista degli elementi associabili

72 Modalitagrave Relations 64

DocWeb Release 101

Figura 76 Inserimento news scheda relations

Figura 77 Sfoglia record news

72 Modalitagrave Relations 65

DocWeb Release 101

Figura 78 Element browser news

Lista degli elementi associabili egrave quindi possibile selezionare gli elementi da associare alla newsPer associare un elemento si puograve selezionare il simbolo ldquo+rdquo posto accanto allrsquoelemento desideratoo agendo sul nome del file Nel primo caso lrsquoelemento viene aggiunto ma la finestra non si chiuderagrave(utile per effettuare selezioni multiple) mentre nel secondo caso lrsquoelemento viene aggiunto e lafinestra si chiuderagrave (selezione singola)

Nota Per associare una o piugrave news alla notizia che stiamo inserendo occorreragrave innanzitutto selezionareil repository delle news e utilizzando i metodi descritti in precedenza indicare le news di interesse

Nella figura Selezione repository (page 66) viene visualizzato come appare lrsquoElement Browser dopo averselezionato il repository delle news denominato ldquoNews Corso Typo3rdquo

Figura 79 Selezione repository

Una volta ultimato il procedimento di inserimento di una news vedremo che nel repository compariragrave(figura News nel repository (page 67)) anche quella da noi creata Nellrsquoesempio la news creata si chiamaldquoTitolo della news di provardquo

Dalla lista delle news possiamo notare che i diversi tipi di news sono contrassegnati con icone diverse

In particolare distinguiamo

72 Modalitagrave Relations 66

DocWeb Release 101

Figura 710 News nel repository

bull News (icona ldquocelestinardquo)

bull Collegamento a URL esterna (icona ldquorosardquo)

bull Collegamento a pagina interna (icona ldquogiallinardquo)

Per modificare il contenuto di una news egrave sufficiente selezionare il simbolo di modifica (figura Modificanews (page 67)) in corrispondenza della news da modificare

Figura 711 Modifica news

73 News collegata a URL esterna e a pagina interna

Attraverso la selezione della finestra ldquoTipordquo egrave possibile scegliere diverse tipologie di news

Nella figura News collegata a url esterna (page 68) egrave stato selezionato il Collegamento a URL esterna checi offriragrave la possibilitagrave di specificare un link (ldquoURL esternordquo) da far visualizzare e che saragrave contraddistintain lista da lrsquoicona di colore rosa

Selezionando il Collegamento a pagina interna viene offerta la possibilitagrave di inserire un collegamento auna pagina del sito (evidenziato nella figura News collegata a pagina interna (page 69))

La news si presenteragrave con icona di color ldquogiallordquo e al suo interno conterragrave un link alla pagina interna alsito

73 News collegata a URL esterna e a pagina interna 67

DocWeb Release 101

Figura 712 News collegata a url esterna

73 News collegata a URL esterna e a pagina interna 68

DocWeb Release 101

Figura 713 News collegata a pagina interna

73 News collegata a URL esterna e a pagina interna 69

DocWeb Release 101

74 Eliminazione delle News

Per eliminare una news possiamo procedere tra lrsquoaltro in due modi

1 Selezionare la news da eliminare dallrsquoelenco e selezionare la voce ldquocancellardquo dal menugrave a tendinaconsultabile cliccando con il pulsante destro sullrsquoicona in corrispondenza della news (figura Eliminanews da menu contestuale (page 70))

Figura 714 Elimina news da menu contestuale

2 Entrare allrsquointerno della modalitagrave di modifica della news attraverso lrsquoicona ldquomatitardquo e selezionare lrsquoi-cona raffigurante il bidone di elimina posta in alto pagina (figura Elimina news da scheda contenuto(page 70))

Figura 715 Elimina news da scheda contenuto

75 Ordinamento delle News e ricerca

Puograve essere necessario durante la visualizzazione della lista delle news (lato backend) di dover effettuaredegli ordinamenti al fine di permettere una ricerca piugrave veloce delle news da modificare

74 Eliminazione delle News 70

DocWeb Release 101

Avvertimento Lrsquoordinamento ha valore solo come ricerca allrsquointerno del backend mentre latofrontend rispecchieragrave i parametri prestabiliti dal sistema

Supponiamo per esempio di voler effettuare un ordinamento per Titolo Seguiamo i seguenti passi(figura sotto)

1 Selezionare la voce di menugrave Lista

2 Selezionare il deposito delle news (repository) News Corso Typo3

3 Cliccare con il mouse in corrispondenza della voce ldquoTitolordquo

A questo punto (figura Ordinamento news (page 71)) le news vengono ordinate in ordine crescente(vengono visualizzate prima le news con titolo che inizia con la lettera a b e cosigrave via)

Figura 716 Ordinamento news

Se clicchiamo unrsquoaltra volta sulla voce ldquoTitolordquo il tipo di ordinamento cambia da crescente a decrescente(compariranno per prima le news con titolo che inizia per z )

Egrave inoltre possibile ordinare secondo campo da noi specificato Per definire il nome di un campo (ad estesto inizio autore ) su cui effettuare lrsquoordinamento occorreragrave spostarsi in fondo alla lista delle newsdove troveremo una lista di campi (figura Mostra campo aggiuntivo news (page 71))

Figura 717 Mostra campo aggiuntivo news

Dalla lista possiamo

bull Selezionare la voce in base alla quale effettuare lrsquoordinamento (ad esempio Immagini)

bull Premere il tasto Imposta campi per aggiungere alla lista dei campi visualizzati quello selezionato

75 Ordinamento delle News e ricerca 71

DocWeb Release 101

A questo punto il campo selezionato (nel nostro esempio il campo Immagini) compare nella lista dellenews (il campo aggiunto egrave evidenziato con un riquadro in alto a destra nella figura Ordinamento campoaggiuntivo news (page 72))

Figura 718 Ordinamento campo aggiuntivo news

Effettuare le stesse operazioni illustrate per il campo Titolo per ordinare in modo crescente e decrescentele news secondo il criterio impostato (click pulsante sinistro sul nome etichetta)

Egrave anche possibile ricercare le news in base al testo contenuto nel titolo sottotitolo descrizione eccUtilizzando la maschera di ricerca in fondo pagina (evidenziata nella figura Ricerca news (page 72))

Figura 719 Ricerca news

Per effettuare una ricerca egrave necessario seguire i seguenti passi

1 Inserire nel campo Cerca Stringa il testo da cercare (nel nostro esempio ldquonequerdquo)

2 Premere il tasto Cerca per eseguire la ricerca secondo i criteri impostati

In questo modo nella lista delle news compariranno solo quelle che contengono il testo specificatoEffettuata la ricerca egrave possibile effettuare degli ordinamenti come spiegato in precedenza

75 Ordinamento delle News e ricerca 72

CAPITOLO 8

Modulo Eventi

Avvertimento SEZIONE NON COMPLETA

Si confrontino i seguenti due tipi di contenuti

Evento egrave un tipo di contenuto adatto a descrivere qualcosa che accadragrave o che egrave accaduto in una certadata La data o le date in cui lrsquoevento ricorre sono strettamente legate ad un luogo in cui lrsquoeventosi verificheragravesi egrave verificato Gli eventi vengono rappresentati mediante la metafora dellrsquoagenda edel calendario

Notizia egrave un tipo di contenuto caratterizzato dalla data di pubblicazione secondo la metafora delgiornale online E come in un giornale online una notizia puograve riferirsi sia a fatti giagrave accaduti chea fatti a venire

Nota Per comprendere meglio la differenza tra i due tipi di contenuto si pensi che dato un eventoche ha una certa data di svolgimento (ad es 20 maggio) di tale evento posso realizzare piugrave di unanotizia Rimanendo nellrsquoesempio potrei pubblicare una notizia il 10 maggio per preannunciare lrsquoeventoe poi unrsquoaltra il 18 maggio per ricordarne lrsquoimminenza Infine potrei pubblicare una notizia di riepilogo(cronaca dellrsquoevento immagini ecc) il 22 maggio

81 Scopo del modulo Eventi

Il visitatore del sito deve poter cogliere le informazioni essenziali di un evento

bull Cosa sta per succedere

bull Dove accadragrave

bull Quando accadragrave

82 Il Backend ndash Modulo Pagina

Vedi figura Eventi vista modulo pagina (page 74)

83 Il Backend ndash Modulo Lista

Vedi figura Eventi vista modulo lista (page 74)

73

DocWeb Release 101

Figura 81 Eventi vista modulo pagina

Figura 82 Eventi vista modulo lista

83 Il Backend ndash Modulo Lista 74

DocWeb Release 101

84 Creazione di un evento

Prima di procedere poniamoci qualche domanda

bull Lrsquoevento appartiene a qualche rassegna iniziativa per la quale sono in programma altri eventiPer esempio

ndash Rassegne teatrali cinematografiche

ndash Festival

bull Lrsquoevento si ripete

ndash La replica avviene sempre nello stesso luogo

841 Creazione del record

Vedi figura Creazione nuovo evento (page 75)

Vedi figura Creazione nuovo record evento (page 76)

Figura 83 Creazione nuovo evento

842 Scheda ldquoGeneralerdquo

Vedi figura Evento scheda generale (page 76)

843 Scheda ldquoFinestra temporalerdquo

Orario repliche

Vedi figura Evento finestra temporale (page 78)

84 Creazione di un evento 75

DocWeb Release 101

Figura 84 Creazione nuovo record evento

Figura 85 Evento scheda generale

84 Creazione di un evento 76

DocWeb Release 101

bull Lrsquoorario va solo per le Finestre temporali di un giorno (data inizio = data fine)

bull Se non si conosce lrsquoora della fine impostare ora inizio = ora fine

844 Scheda ldquoTestordquo

Vedi figura Evento scheda testo (page 79)

84 Creazione di un evento 77

DocWeb Release 101

Figura 86 Evento finestra temporale

84 Creazione di un evento 78

DocWeb Release 101

Figura 87 Evento scheda testo84 Creazione di un evento 79

  • Introduzione
    • Cosegrave DocWeb
    • Concetti chiave
      • Funzionalitagrave di Base
        • Il CMS Typo3 ldquobackendrdquo e ldquofrontendrdquo
        • Cambio password di accesso
        • Albero delle pagine
        • Implementazione delle pagine ldquogenitori rdquo e ldquofiglirdquo
        • Inserimento Nuova pagina
        • Elementi standard della pagina
        • Inserimento contenuti di una pagina
        • Contenuti multipli allrsquointerno di una pagina
        • Modifica dei contenuti della pagina
        • Spostamento di pagine
        • Eliminazione pagine
        • Rich Text Editor
        • Modalitagrave Lista
        • Modalitagrave Mostra
        • Modalitagrave ldquoMonta come radice dellrsquoalberordquo
        • Ottenere il page-id di una pagina
        • Admin Panel
          • La Clipboard
            • Copia o spostamento di un contenuto singolo di pagina allrsquointerno di unrsquoaltra pagina
            • Copia o spostamento di piugrave contenuti da una pagina ad unrsquoaltra
              • Modulo DAM (Digital Asset Management)
                • Caricamento e Aggiornamento di file
                • Ricerca di file allrsquointerno del DAM e modifica delle meta-informazioni
                  • Modulo Pagine di download
                    • Inserimento e configurazione pagine di download
                      • Modulo Sitemap
                        • Scheda di configurazione Mappa
                        • Tipo di mappa
                        • Il ``punto di partenza della mappa
                          • Modulo News
                            • Inserimento e modifica di news
                            • Modalitagrave Relations
                            • News collegata a URL esterna e a pagina interna
                            • Eliminazione delle News
                            • Ordinamento delle News e ricerca
                              • Modulo Eventi
                                • Scopo del modulo Eventi
                                • Il Backend ndash Modulo Pagina
                                • Il Backend ndash Modulo Lista
                                • Creazione di un evento
Page 26: DocWeb€¦ · per la realizzazione e la gestione di siti web della Pubblica Am-ministrazione. La piattaforma tecnologica utilizzata è il CMS (Content Management System) Open SourceTypo31

DocWeb Release 101

Figura 224 Link interno

Ersquo anche possibile creare dei link che aprono la pagina collegata allrsquointerno di una ldquofinestra di pop-uprdquocioegrave dentro una nuova finestra del browser Specificando le dimensioni di altezza e larghezza della nuovafinestra allrsquointerno degli appositi campi

Link ad una pagina esterna al sito

Selezioniamo una parola o frase che vogliamo collegare (come precedentemente visto) e clicchiamosullrsquoicona ldquoInserisci Linkrdquo

Scegliamo nel menugrave in alto proposto dal pop-up il bottone ldquoURL esternordquo (figura Link esterno (page 23))

Figura 225 Link esterno

Impostiamo nel campo URL lrsquoindirizzo web che vogliamo linkare prestando attenzione a scriverlo peresteso e senza cancellare http

Clicchiamo su ldquoImposta Linkrdquo

Il pop-up si chiuderagrave e la parola che avevamo selezionato precedentemente per il link cambieragrave aspetto

212 Rich Text Editor 23

DocWeb Release 101

La vedremo blu e sottolineata il che indica che il link egrave attivato

2129 Link ad unrsquoEmail

Come precedentemente visto scrivendo un indirizzo e-mail valido il programma di gestione egrave in grado dicapire che si tratta di un indirizzo di posta elettronica e il link viene impostato automaticamente

Tuttavia ci sono dei casi in cui non egrave possibile o si preferisce non indicare lrsquoindirizzo e-mail per estesoad esempio potremmo avere ldquoPer informazioni scrivicirdquo

Volendo potremmo fare in modo che sulla parola ldquoscrivicirdquo ci sia impostata la funzione di invio e-mail

Selezioniamo quindi la parola andiamo su ldquoInserisci Linkrdquo scegliendo poi ldquoEmailrdquo

Inseriamo lrsquoindirizzo E-mail nellrsquoapposito campo e clicchiamo su ldquoimposta Linkrdquo

21210 Link ad un file scaricabile

Per collegare un file (espdf txt gif ecc) egrave necessario copiarlo dal proprio PC al server web

Non egrave infatti possibile che una pagina pubblicata su internet prenda come link dei files che di fatto sonosalvati in una directory del nostro computer

Typo3 mette a disposizione un area dovrsquoegrave possibile pubblicare i files per poi essere resi disponibili ai linkossia rende disponibile lrsquo ldquoUploadrdquo dei files da pc a server

Scegliere dal menugrave di sinistra sotto la sezione ldquoMediardquo la voce ldquoFilerdquo (figura Seleziona file (page 24))

Figura 226 Seleziona file

Si apriragrave sulla destra una nuova area dove troveremo i campi utili a ldquosfogliarerdquo il contenuto del nostropc al fine di passare i file o i files dal nostro computer al manager

Effettuato il passaggio potremo ritornare alla nostra pagina e riprendere la procedura di ldquocreazione linkrdquoselezionando questa volta la voce ldquoFilerdquo del pop-up

I campi proposti sono del tutto simili a quelli di creazione di link su pagine del sito e un elenco di files(tutti quelli disponibili caricati) potranno essere collegati

213 Modalitagrave Lista

Selezionando la voce ldquolistardquo (figura Backend modalitagrave lista (page 25)) dal menugrave di sinistra egrave possibileesplorare una pagina ldquopadrerdquo e tutte le pagine ldquofiglirdquo ed essa associate

Avvertimento Ricordarsi di attivare la voce in basso ldquoVista Estesardquo

213 Modalitagrave Lista 24

DocWeb Release 101

Figura 227 Backend modalitagrave lista

Utilizzando le icone poste alla destra di ogni voce si possono compiere diverse operazioni di modificavisualizzazione spostamento copia e incolla pagina ecc come precedentemente descritto

Dunque potremo dire che la modalitagrave lista costituisce una scorciatoia per semplificare ogni sorta dioperazione soprattutto in presenza di un numero considerevole di files

214 Modalitagrave Mostra

Figura 228 Backend modalitagrave mostra

Selezionando la voce ldquoMostrardquo (figura Backend modalitagrave mostra (page 25)) dal menugrave di sinistra egrave possibilenavigare il sito allrsquointerno del docweb direttamente nel backend

214 Modalitagrave Mostra 25

DocWeb Release 101

Inoltre accanto ai vari record troveremo posta lrsquoicona matita per eseguire eventuali modifichedirettamente sul punto e la pagina prescelti

Anche la modalitagrave ldquoMostrardquo come la rdquoListardquo (cap 13) costituisce una scorciatoia particolarmente indicataper semplificare lrsquooperazione di visualizzazione del sito e di modifica

215 Modalitagrave ldquoMonta come radice dellrsquoalberordquo

Quando esistono diverse e numerose pagine egrave possibile gestire solo la porzione di contenuto che ci interessariducendo lrsquoalberatura del sito (lato backend) ai minimi termini mediante il comando ldquomonta come radicedellrsquoalberordquo

Per effettuare il comando procedere come segue

Cliccare con il pulsante destro del mouse sul titolo pagina dal menugrave centrale

Selezionare la voce ldquoaltre opzionirdquo dal menugrave a tendina (figuraMenu altre opzioni (page 26)) che compariragravecome conseguenza dellrsquoazione descritta al punto uno

Figura 229 Menu altre opzioni

Selezionare dallrsquoulteriore menugrave che si apriragrave (figura Seleziona monta come radice (page 26)) la voceldquoMonta come radice dellrsquoalberordquo

Figura 230 Seleziona monta come radice

Lrsquoalberatura si ridurragrave automaticamente mostrando solo la porzione selezionata

Per ripristinare lo stato di partenza selezionare la voce in alto nel menugrave centrale (figura Elimina DBmount (page 26)) ldquoElimina DB mount temporaneordquo

Figura 231 Elimina DB mount

Il menugrave si espanderagrave nuovamente mostrando tutte le voci esistenti

215 Modalitagrave ldquoMonta come radice dellrsquoalberordquo 26

DocWeb Release 101

216 Ottenere il page-id di una pagina

2161 Frontend (FE)

Da frontend si puograve ottenere il page-id della pagina corrente nei seguenti modi

1 dalla barra degli indirizzi del proprio browser (figura Id dallrsquourl (page 27)) Il numero della paginaegrave quello dopo la stringa ldquoid=rdquo Nella figura egrave cerchiata in verde la stringa ldquoid=rdquo e il numero dellapagina (page-id)

Figura 232 Id dallrsquourl

2 Puntando il mouse sulla scritta [id] a pieacute pagina e leggendo il tooltip (figura Id dal tooltip (page 27))

Figura 233 Id dal tooltip

3 Solo per browser Firefox dal menugrave di contesto scegliere la voce ldquoVisualizza info paginardquo si apreuna finestra consultare quindi la lista Meta sotto la scheda Generale (Id dagli attributi (page 28))

2162 Backend (BE)

Da backend egrave possibile ottenere il page-id nei seguenti modi

1 leggendo il tooltip puntando il mouse sullrsquoicona della pagina nel riquadro della struttura del sito(figura Id dal tooltip nel backend (page 28))

2 dal modulo di modifica delle intestazioni della pagina (figura Id dalle intestazioni pagina nel backend(page 28)) Il numero egrave tra le parentesi quadre dopo il titolo della pagina

217 Admin Panel

Quando si inseriscono contenuti con Typo3 (backend) egrave possibile visualizzare unrsquoanteprima della paginache si sta creando per vedere i risultati del lavoro svolto

Per visualizzare unrsquoanteprima di una pagina occorre (figura Menu mostra (page 29))

1 posizionarsi sulla pagina da visualizzare

2 premere il tasto sinistro del mouse in corrispondenza del nome

216 Ottenere il page-id di una pagina 27

DocWeb Release 101

Figura 234 Id dagli attributi

Figura 235 Id dal tooltip nel backend

Figura 236 Id dalle intestazioni pagina nel backend

217 Admin Panel 28

DocWeb Release 101

Figura 237 Menu mostra

3 selezionare la voce Mostra

In base alla pagina scelta si avragrave un risultato come quello visualizzato nella figura Anteprima pagina conAdmin panel (page 29)

Figura 238 Anteprima pagina con Admin panel

La pagina presenteragrave nella parte superiore lrsquoanteprima della pagina Nella parte inferiore vienevisualizzato uno strumento denominato Admin Panel

Questo oggetto offre lato front-end alcune funzionalitagrave (figura Moduli Admin panel (page 30)) cheaiutano i gestori di contenuti nella creazionemodifica delle pagine web del sito

NellrsquoAdmin panel (figura sopra) egrave possibile distinguere

217 Admin Panel 29

DocWeb Release 101

Figura 239 Moduli Admin panel

1 Modulo Preview ndash offre la possibilitagrave di selezionare alcune opzioni sulla pagina per simulare alcunesituazioni in cui la pagina si puograve trovare durante la visualizzazione

2 Modulo Cache ndash offre la possibilitagrave di gestire la cache

Allrsquointerno del modulo Preview abbiamo le seguenti voci

Mostra pagine nascoste selezionando la casella di controllo corrispondente a questa voce si visual-izzeranno anche quelle che attualmente non sono visibili allrsquointerno del sito o perchegrave in lavorazioneo perchegrave ancora non egrave stata data lrsquoautorizzazione alla pubblicazione

Mostra record nascosti come per le pagine questa voce offre la possibilitagrave di poter visualizzare allrsquoin-terno della pagina quei contenuti nascosti che non sono ancora ultimati o che sono in attesa di unautorizzazione per la pubblicazione

Simula data con questo controllo egrave possibile simulare il comportamento della pagina in periodi tem-porali diversi Utilizzando la casella di testo egrave possibile inserire delle date In questo modo sirende possibile la visualizzazione di quegli elementi (ad es pagine news ) che sono abilitati acomparirescomparire in base a determinati criteri temporali impostati

Simula gruppo di utenti con questo controllo egrave possibile simulare il comportamento delle pagine inbase ad un determinato gruppo di utenti che vi accede Alcune pagine possono infatti avere uncomportamento diverso in base al tipo di utente che vi accede

Nota Durante la creazione di pagine egrave possibile restringere la visione di una determinata pagina aparticolari tipi di utenti (utenti di frontend) Questa caratteristica offre la possibilitagrave di definire delle areead accesso riservato del sito ossia sezioni del sito a cui egrave possibile accedere solo dopo essersi autenticatie dopo avere avuto i necessari diritti di accesso

Una volta selezionate le opportune scelte allrsquointerno dellrsquoADMIN Panel occorreragrave premere il tasto Aggior-na (figura Aggiorna Admin panel (page 31)) per prendere visione della pagina secondo i criteri impostati

Nota Nel caso in cui lrsquoutente abbia la possibilitagrave di accedere da back-end a piugrave siti (ciascuno con unproprio dominio) bisogna tenere presente che lrsquoADMIN Panel compare soltanto per le pagine relativeal dominio con cui lrsquoutente ha fatto il login In altre parole se un operatore ad esempio egrave abilitatoa lavorare sulle pagine di backend dei siti httpwwwsitoesempio1it e httpwwwsitoesempio2it ese lrsquooperatore accede al backend di DocWeb con lrsquoindirizzo httpwwwsitoesempio1ittypo3 allora

217 Admin Panel 30

DocWeb Release 101

Figura 240 Aggiorna Admin panel

lrsquoADMIN Panel compariragrave solo sulle pagine di frontend del dominio wwwsitoesempio1it e non su quelledel dominio wwwsitoesempio2it

217 Admin Panel 31

CAPITOLO 3

La Clipboard

Lrsquooggetto clipboard (rdquoblocco degli appuntirdquo) egrave molto utile quando si ha la necessitagrave di copiare o spostareuno o piugrave elementi di contenuto o una o piugrave pagine da una sezione del sito (contenitore di pagine) adunrsquoaltra

31 Copia o spostamento di un contenuto singolo di pagina allrsquointernodi unrsquoaltra pagina

Per prima cosa egrave necessario (figura Identifica contenuto (page 32))

Figura 31 Identifica contenuto

1 selezionare la voce Lista

2 selezionare la pagina che contiene il contenuto che si intende copiare (nella figura abbiamo sceltola pagina denominata ldquoCorso di formazione su Typo3rdquo

32

DocWeb Release 101

3 identificare dalla lista dei contenuti associati alla pagina quello da spostare

Supponiamo che si desideri copiare il contenuto denominato ldquoTesto 2rdquo (figura Copia contenuto (page 33))

Figura 32 Copia contenuto

Egrave sufficiente cliccare sullrsquoicona (nella figura sopra evidenziata con un cerchio rosso) di copia incorrispondenza del contenuto da copiare

Dopo avere eseguito questa operazione nella figura Risultato copia contenuto (page 34) possiamo notare

1 Egrave comparsa unrsquoicona nuova che mette in evidenza che nella clipboard egrave presente un elemento

2 Lrsquoicona di copia in corrispondenza del contenuto da spostare ha cambiato aspetto

A questo punto lrsquooggetto che si intende copiare egrave presente nella nostra clipboard

Il passo successivo egrave quello di selezionare la pagina in cui andare a posizionare lrsquoelemento (paginadestinazione)

Rimanendo sempre allrsquointerno del modulo Lista occorreragrave selezionare dallrsquoalberatura delle pagine la pag-ina destinazione Il procedimento da seguire per posizionarsi sulla pagina egrave lo stesso descritto in prece-denza Nella figura Incolla contenuto (page 34) viene evidenziato il contenuto di una pagina (denominataldquoPagina di Provardquo) in cui vogliamo copiare il contenuto

Per copiare il contenuto della clipboard nella pagina selezionare lrsquoicona Incolla contenuto Clipboard

Confermando lrsquooperazione il contenuto saragrave copiato allrsquointerno della pagina selezionata

Per effettuare lo spostamento di un contenuto di pagina allrsquointerno di unrsquoaltra pagina cliccare sullrsquoicona

di Taglia al posto dellrsquoicona copia e ripetere le operazioni sopra descritte

1 Selezionando la casella Mostra clipboard (figura Vista clipboard (page 35)) egrave possibile visualiz-zare lrsquooggetto clipboard Nel caso in figura lrsquoelemento copiato in precedenza (Testo 2) egrave ancoradisponibile allrsquointerno della clipboard Utilizzando il procedimento descritto infatti il contenuto

31 Copia o spostamento di un contenuto singolo di pagina allrsquointerno di unrsquoaltra pagina 33

DocWeb Release 101

Figura 33 Risultato copia contenuto

Figura 34 Incolla contenuto

31 Copia o spostamento di un contenuto singolo di pagina allrsquointerno di unrsquoaltra pagina 34

DocWeb Release 101

selezionato rimane ancora a disposizione dellrsquoutente che potragrave selezionare altre pagine destinazionesu cui eventualmente andare a copiare il contenuto Nel caso in cui si selezioni un altro elementoad esempio ldquoTesto 1rdquo lrsquoelemento presente viene automaticamente sostituito

2 Dallrsquooggetto clipboard egrave possibile rimuovere un elemento premendo il bottone di Elimina postoaccanto ad esso

Figura 35 Vista clipboard

Con il procedimento descritto fino ad ora egrave possibile scegliere soltanto un contenuto alla volta

32 Copia o spostamento di piugrave contenuti da una pagina ad unrsquoaltra

Nel caso in cui ci si trovi nella necessitagrave di copiare piugrave di un contenuto da una pagina allrsquoaltra egrave necessarioseguire i passi seguenti

1 Selezionare il modulo Lista

2 Selezionare la pagina di origine da cui prelevare i contenuti

3 Selezionare la casella Mostra clipboard

4 Selezionare una clipboard tra quelle denominate ldquoClipboard 1rdquo ldquoClipboard 2rdquo ldquoClipboard 3rdquo(punto 3 figura Vista clipboard con contenuto selezionato (page 36))

Selezionando ad esempio la clipboard contrassegnata come ldquoclipboard 1rdquo si avragrave la seguente situazione

32 Copia o spostamento di piugrave contenuti da una pagina ad unrsquoaltra 35

DocWeb Release 101

Figura 36 Vista clipboard con contenuto selezionato

32 Copia o spostamento di piugrave contenuti da una pagina ad unrsquoaltra 36

DocWeb Release 101

1 In corrispondenza di ogni contenuto si evidenzia una Casella di selezione Sopra la colonna con lecaselle di selezione egrave comparsa una lista di bottoni tra cui al momento distinguiamo

2 Bottone di copia elementi nella clipboard

3 Bottone di selezione tuttinessuno

Scegliendo ad esempio i primi due elementi e premendo il pulsante di copia elementi nella clipboard sipuograve notare che (figura Copia nella clipboard (page 37))

Figura 37 Copia nella clipboard

1 La clipboard che abbiamo scelto per la selezione multipla (ldquoClipboard 1rdquo) contiene la lista deglioggetti che abbiamo scelto di copiare

2 Ersquo comparsa lrsquoicona di Incolla contenuto Clipboard

La procedura della selezione della pagina di destinazione rimane identica a quella giagrave utilizzata per lacopia di un contenuto singolo (selezionare la pagina di destinazione su cui andare a posizionare i contenutiselezionati)

Egrave importante fare notare che seguendo le operazioni descritte sopra si ottiene come risultato lospostamento dei contenuti dalla pagina origine a quella destinazione

Se si desidera copiare gli elementi selezionati egrave necessario una volta selezionati gli elementi da copiarepremere il tasto copia gli items invece di spostarli (evidenziato con un cerchio rosso nella figura Tagliadalla clipboard (page 38))

32 Copia o spostamento di piugrave contenuti da una pagina ad unrsquoaltra 37

DocWeb Release 101

Figura 38 Taglia dalla clipboard

32 Copia o spostamento di piugrave contenuti da una pagina ad unrsquoaltra 38

DocWeb Release 101

In questo modo dopo avere confermato lrsquooperazione i contenuti o le pagine da copiare saranno presentisia nella pagina origine che in quella destinazione

32 Copia o spostamento di piugrave contenuti da una pagina ad unrsquoaltra 39

CAPITOLO 4

Modulo DAM (Digital AssetManagement)

Il modulo DAM (Digital Asset Management) offre la possibilitagrave di raccogliere e catalogare contenuti informato digitale come immagini documenti presentazioni

Ogni file inserito puograve essere corredato di informazioni aggiuntive (meta-informazioni) come la descrizionelrsquoautore parole chiave ecc

Attraverso il modulo DAM egrave possibile svolgere le seguenti operazioni

bull Caricamento e Aggiornamento di file

bull Ricerca di file allrsquointerno del DAM e modifica delle meta-informazioni associate ai file

41 Caricamento e Aggiornamento di file

Lrsquooperazione di CaricamentoAggiornamento di file serve per sottoporre al sistema DAM un particolarecontenuto memorizzato in formato digitale

Lrsquoelemento caricato saragrave poi disponibile a chi inserisce contenuti

Per iniziare lrsquooperazione di caricamento di un file egrave sufficiente selezionare la voce File che si trovaallrsquointerno del modulo Media (figura Menu file (page 41))

La maschera che si apre (figura File upload (page 41)) offre le seguenti possibilitagrave

1 Selezione della posizione dove andare a caricareaggiornare il file

2 Specificare alcuni documenti da caricare (area File)

Concentrandoci sullrsquoarea File (figura Dettaglio file upload (page 42)) distinguiamo

1 Voce Show upload location browser (punto 1 figura sopra) egrave possibile visualizzare i file attualmentecaricati nel Mount Point selezionato

2 Lista di bottoni denominati Sfoglia da utilizzare nel caso in cui si desideri caricareaggiornareun file

Se si desidera caricare un file occorre cliccare sul bottone Sfoglia

La finestra che appare (figura Sfoglia file (page 42)) permette di selezionare dal proprio PC il file dacaricare

Per selezionare un file da caricare occorre

1 Esplorare le cartelle del proprio PC per trovare il file

40

DocWeb Release 101

Figura 41 Menu file

Figura 42 File upload

41 Caricamento e Aggiornamento di file 41

DocWeb Release 101

Figura 43 Dettaglio file upload

Figura 44 Sfoglia file

41 Caricamento e Aggiornamento di file 42

DocWeb Release 101

2 Inserire il nome del file nella casella di testo Nome file

3 Premere il tasto Apri

Una volta che si egrave selezionato un file egrave possibile

1 selezionare altri file da caricare seguendo gli stessi passi descritti in precedenza

2 effettuare lrsquooperazione di caricamento del file vero e proprio

Dallrsquoesempio abbiamo scelto di caricare un solo file

Il caricamento dei file viene eseguito premendo il bottone ldquoUpload filesrdquo che si trova in fondo alla listadei file selezionati (figura File selezionato (page 43))

Figura 45 File selezionato

Se tutto egrave stato eseguito correttamente appariragrave una finestra come quella nella figura Process files(page 44)

In questa maschera egrave possibile

1 Specificare le meta-informazioni per il singolo file come ad esempio il titolo parole chiavedescrizione

2 Avviare il processo di elaborazione multipla premendo il bottone Process selected files Con questoprocesso egrave possibile inserire o modificare le meta-informazioni per tutti i file della lista (in questocaso solo uno)

Se si vuole eseguire lrsquoinserimento delle meta-informazioni per singolo file la finestra che si apre egrave similea quella presentata in figura Elaborazione metainformazioni singolo file (page 44)

Nel caso si scelga di eseguire il processo di elaborazione multipla la maschera che compare (figuraElaborazione metainformazioni file multipli (page 45)) permette di selezionare le meta-informazioni chelrsquoutente intende inserire contemporaneamente per tutti i file della selezione

41 Caricamento e Aggiornamento di file 43

DocWeb Release 101

Figura 46 Process files

Figura 47 Elaborazione metainformazioni singolo file

41 Caricamento e Aggiornamento di file 44

DocWeb Release 101

Figura 48 Elaborazione metainformazioni file multipli

41 Caricamento e Aggiornamento di file 45

DocWeb Release 101

Se si seleziona la checkbox accanto alla voce che eventualmente saragrave inserita questa viene aggiuntaalle informazioni eventualmente giagrave presenti (modalitagrave append) Nellrsquoaltro caso le informazioni sarannosovrascritte

I campi Titolo e Descrizione sono obbligatori mentre il campo Parole chiavi puograve essere valorizzato adiscrezione dellrsquoutente Informazioni su come valorizzare i campi elencati sopra saranno descritte suapposite linee guida

Per completare lrsquoinserimentoaggiornamento delle meta-informazioni riguardanti il file caricato occorrepremere il tasto Send (figura Salva metainformazioni (page 46)) in fondo alla maschera per il salvataggiodelle informazioni

Figura 49 Salva metainformazioni

Tornando alla maschera di caricamento file e selezionando la checkbox in corrispondenza della voceSovrascrivi file esistenti (figura Carica file sovrascrivendo (page 46)) saragrave possibile aggiornare eventualifile che hanno lo stesso nome di quello che stiamo caricando

Questa procedura egrave utile quando si vuole aggiornare il contenuto di un file che egrave giagrave presente nel DAM

Figura 410 Carica file sovrascrivendo

Nel caso di aggiornamento di un file le meta-informazioni del file rimangono le stesse inserite inprecedenza Come si puograve notare non viene offerta la possibilitagrave di inserirne di nuove

Nel caso in cui un file con lo stesso nome sia giagrave caricato e non si desideri aggiornarlo il file inseritoper ultimo viene rinominato con un suffisso generato automaticamente dal DAM In questo caso la voceSovrascrivi file esistenti non deve essere selezionata (figura Carica file senza sovrascrivere (page 47))

Nellrsquoesempio in figura viene presentata la lista dei file presenti nel mount point selezionato

Da notare la presenza di un file che egrave stato rinominato dal DAM con un suffisso ldquo_01rdquo dato che nellastessa posizione era giagrave presente un file con lo stesso nome

41 Caricamento e Aggiornamento di file 46

DocWeb Release 101

Figura 411 Carica file senza sovrascrivere

41 Caricamento e Aggiornamento di file 47

DocWeb Release 101

42 Ricerca di file allrsquointerno del DAM e modifica delle meta-informazioni

Rimanendo sempre allrsquointerno del modulo Media selezioniamo la voce List egrave possibile effettuare dellericerche dei file e modificare le meta-informazioni associate ai file

Nella figura Backend media list (page 48) distinguiamo

Figura 412 Backend media list

1 Parte relativa ai Mount Point disponibili

2 Parte relativa ai tipi di file caricati nel sistema

3 Schede List Thumbnails Selection Process

Da questa sezione egrave possibile effettuare ricerche sui file caricati nel DAM

Le ricerche che si possono eseguire sono del tipo ldquotrova tutti i file pdf e docrdquo oppure ldquoelenca tutti i filedi tipo immagine ad eccezione dei file con estensione gifrdquo

Per prima cosa facendo click sul nome del tipo file (es gif oppure image) si seleziona solo quel tipo difile e si escludono tutti i criteri selezionati in precedenza

Per aggiungere un altro criterio di ricerca egrave sufficiente selezionare il ldquo+rdquo (punto 1 nella figura Criteri diselezione (page 49)) posto accanto al tipo di file che si vuole selezionare

Con il ldquo-ldquo(punto 2) saragrave possibile rimuovere il tipo di file dai criteri di ricerca

Selezionando ldquo=rdquo (punto 3) egrave possibile introdurre clausole del tipo ldquocerca un file che sia doc e presentenel Mount Point chiamato lsquoArea Testrsquordquo (ossia effettua una ricerca che risponda a tutti i criteri impostati)

Nellrsquoesempio della figura Salva selezione (page 49) sono stati selezionati tutti i tipi di immagine adeccezione dei file con estensione gif Questo risultato si ottiene nel seguente modo

1 selezionare il ldquo+rdquo accanto alla voce ldquoimagerdquo

2 premendo il tasto ldquo-ldquo in corrispondenza della voce ldquogifrdquo

I criteri impostati per la selezione possono essere salvati per un uso futuro Per salvare la selezioneoccorre (figura Salva selezione (page 49))

1 riempire il campo sotto la voce SELECTION con un nome che identifichi la ricerca

2 premere il tasto Save per salvare la modalitagrave di ricerca impostata

In questo modo saragrave possibile richiamare e rieseguire la ricerca impostata anche in futuro senza doverripetere il procedimento di scelta dei criteri mostrato in precedenza

42 Ricerca di file allrsquointerno del DAM e modifica delle meta-informazioni 48

DocWeb Release 101

Figura 413 Criteri di selezione

Figura 414 Salva selezione

42 Ricerca di file allrsquointerno del DAM e modifica delle meta-informazioni 49

DocWeb Release 101

Se in futuro saranno inseriti nuovi file che soddisfano la ricerca salvata questi verranno selezionati quandoverragrave richiamata la ricerca salvata

Dalla figura Ricerca salvata (page 50) egrave possibile notare come richiamare la ricerca salvata In questocaso abbiamo salvato la ricerca con il nome ldquoimmaginisenzagifrdquo

Figura 415 Ricerca salvata

Una volta che si egrave selezionata la ricerca egrave possibile

1 Premere il tasto Load per ricaricare la ricerca precedentemente impostata

2 Premere Remove per rimuovere la ricerca salvata

Una volta effettuata una particolare selezione di file egrave possibile (figura Schede backend media list(page 50))

Figura 416 Schede backend media list

1 vedere il contenuto della selezione (schede List e Thumbnails)

2 vedere i criteri impostati per la ricerca (scheda Selection)

3 modificare le meta-informazioni associate ai file (scheda Process) secondo quanto descritto inprecedenza

Nella figura Scheda selection (page 51) egrave visualizzato come selezionando la scheda Selection egrave possibileprendere visione dei criteri impostati nella ricerca (la ricerca egrave quella dellrsquoesempio precedente)

Selezionando le schede List e Thumbnails dopo avere effettuato una qualsiasi selezione si potrebbe avereuna situazione come quella mostrata nella figura Scheda list (page 51)

Cliccando sullrsquoicona corrispondente ad uno dei file presenti nella lista (selezionato con un cerchio rosso)egrave possibile accedere ad un menugrave contestuale (figura Menu contestuale DAM (page 51))che permette disvolgere le seguenti operazioni

Modifica Offre la possibilitagrave di visualizzare e modificare le meta-informazioni associate al file

Rinomina Selezionando la seguente voce egrave possibile assegnare un altro nome al file che si egrave caricato

Replace file Avvia lrsquooperazione di sostituzione del file

Info Visualizza informazioni relative al file

Cancella Rimuove il file dal DAM

42 Ricerca di file allrsquointerno del DAM e modifica delle meta-informazioni 50

DocWeb Release 101

Figura 417 Scheda selection

Figura 418 Scheda list

Figura 419 Menu contestuale DAM

42 Ricerca di file allrsquointerno del DAM e modifica delle meta-informazioni 51

CAPITOLO 5

Modulo Pagine di download

51 Inserimento e configurazione pagine di download

La creazione di pagine di download egrave utile quando si vuole mettere a disposizione una lista di uno o piugravefile in forma scaricabile

Per creare una pagina di download egrave necessario seguire i seguenti passi

1 Creare una pagina standard

2 Inserire il plugin DAM Download List

3 Configurare il plugin

Per creare una pagina egrave sufficiente entrare nel modulo Pagina e selezionare Crea nuovo record per accederealla finestra di creazione pagine

Nellrsquoesempio in figura Backend creazione contenuto (page 52) egrave stata creata la pagina denominata ldquoPaginadownloadrdquo come figlio della pagina ldquoPagina di provardquo

Figura 51 Backend creazione contenuto

Una volta creata la pagina occorre configurarla in maniera tale da permettere la visualizzazione di unalista di file scaricabili Per fare ciograve occorre inserire un plugin denominato ldquoDAM Download Listrdquo Unplugin egrave un contenuto speciale da inserire in una pagina

52

DocWeb Release 101

Per inserirlo come per un contenuto occorre seguire i seguenti passi (figura Backend creazione contenuto(page 52))

1 Selezionare la pagina in cui inserire il plugin Nellrsquoesempio la pagina denominata ldquoPaginadownloadrdquo

2 Selezionare la voce Clicca qui per il wizard nella maschera che compare quando si vuole inserire unnuovo record

Figura 52 Wizard nuovo contenuto

Oltre ai normali contenuti standard il wizard permette di selezionare (figura Wizard nuovo contenuto(page 53))

1 Contenuti speciali

2 Moduli

3 Plugins

Allrsquointerno della lista dei Plugins selezionare DAM Lista dei file scaricabili (punto 4 nella figura Wizardnuovo contenuto (page 53))

Dopo aver selezionato il plugin occorreragrave selezionare la posizione della pagina in cui inserire lrsquoelemento

Selezionare ldquoNormalerdquo

A questo punto il plugin egrave inserito nella pagina desiderata

51 Inserimento e configurazione pagine di download 53

DocWeb Release 101

Oltre allrsquoinserimento occorre configurare il plugin in modo da dirgli quali file far visualizzare

Una volta che il plugin viene inserito viene aperta una finestra (figura Contenuto pagina (page 54)) doveviene richiesto di selezionare dei file inseriti nel sistema

Figura 53 Contenuto pagina

Per proseguire correttamente egrave necessario salvare immediatamente il Contenuto Pagina altrimenti leoperazioni successive potrebbero andare perse

Per inserire i file nella lista occorre effettuare la seguente operazione (figura Contenuto pagina (page 54))

1 Nella parte della maschera denominata DAM Lista di file scaricabili selezionare lrsquoicona SfogliaRecord (cerchiata in rosso) per avviare la procedura di selezione dei file

Selezionando la voce Sfoglia Record verragrave aperto lrsquoElement Browser di TYPO3 che ci permette di se-lezionare i file da inserire nel plugin La finestra (figura Element browser (page 55)) egrave composta di dueschede

1 Media ndash permette di selezionare i file giagrave esistenti nel sistema

2 Upload ndash permette di caricare nuovi file

Selezionando la sezione Media egrave possibile selezionare dalla lista i file da inserire

51 Inserimento e configurazione pagine di download 54

DocWeb Release 101

Figura 54 Element browser

Se la lista dei file fosse troppo lunga egrave possibile effettuare delle ricerche per nome e per tipologia di file(doc htm )

Per cercare per nome (figura Ricerca per nome (page 55)) occorre inserire nella casella di testo Cercastringa (punto 1 nella figura sopra) il nome o parte del nome del file da cercare Una volta specificata lastringa di ricerca premere il tasto Cerca (punto 2)

Figura 55 Ricerca per nome

Per cercare un particolare tipo di file selezionare il nome dellrsquoestensione che si desidera dallrsquoelenco deitipi di file (figura Ricerca per tipo (page 56))

Nota I due tipi di ricerca possono essere usati contemporaneamente

Selezionando la voce informazioni (punto 1 nella figura Selezione file (page 56)) egrave possibile visualizzarele meta-informazioni associate al file

Premendo con il mouse sul nome del file (punto 2) o sullrsquoicona associata (punto 3) si inserisce il file nellalista dei file da far visualizzare nella pagina di download mediante lrsquoapposito plugin

Selezionando la scheda Upload si puograve inserire un file non presente nel sistema (figura Caricamentoimmediato file (page 56))

51 Inserimento e configurazione pagine di download 55

DocWeb Release 101

Figura 56 Ricerca per tipo

Figura 57 Selezione file

Figura 58 Caricamento immediato file

51 Inserimento e configurazione pagine di download 56

DocWeb Release 101

Scegliere i file dal proprio PC seguendo le operazioni giagrave descritte nel modulo DAM e selezionare dallascheda Media i nuovi file inseriti

Nella figura Plugin con file selezionati (page 57) egrave visualizzato un esempio di maschera di configurazionedel plugin con la lista dei file selezionati

Figura 59 Plugin con file selezionati

I file una volta inseriti possono essere ordinati selezionando sugli appositi bottoni posti a destra dellalista file

bull Per ordinare un determinato file occorre

bull Selezionare un file

Premere uno dei tasti (figura sopra) per

1 Spostare in prima posizione

2 Spostare in alto di una posizione

3 Spostare in basso di una posizione

4 Spostare in ultima posizione

5 Rimuovere dalla lista il file selezionato

Una volta eseguiti i passaggi sopra descritti salvare la configurazione del plugin

51 Inserimento e configurazione pagine di download 57

CAPITOLO 6

Modulo Sitemap

Ersquo possibile generare una mappa del sito scegliendo un contenuto speciale di tipo ldquoMappa del Sitordquo comemostrato nella figura Contenuto mappa del sito (page 58)

Figura 61 Contenuto mappa del sito

Per scegliere un record di tipo ldquomappa del sitordquo (per visualizzare cioegrave la vista dei contenuti possibili)saragrave necessario portarsi in modalitagrave ldquopaginardquo compiendo gli stessi passaggi descritti per la creazione dicontenuti semplici in fase di creazione delle pagine (in questo caso selezionando il contenuto specialemappa)

58

DocWeb Release 101

61 Scheda di configurazione Mappa

La scheda di configurazione si presenta come nella figura Scheda mappa del sito (page 59)

Figura 62 Scheda mappa del sito

I campi fondamentali da personalizzare sono lrsquointestazione (ossia il titolo pagina) il tipo di menugrave e ilpunto di partenza Nellrsquointestazione viene inserito come di consuetudine il titolo pagina

62 Tipo di mappa

Ersquo possibile scegliere il tipo di mappa che si desidera creare consultando il menugrave a tendina ldquotipo di menugraverdquoche ci offriragrave diverse opzioni

Le piugrave frequentemente usate sono di tipo ldquoMenugrave delle sottopagine rdquo come indicato nella figura Tipo dimenu (page 60)

Menugrave delle sottopagine di queste pagine Scegliendo questa opzione da una pagina padre sigenereragrave un record che mostreragrave al suo interno tutte le sottovoci figlio con relativo link

Menugrave delle sottopagine di queste pagine (con abstract) Genera una mappa sia delle sottopagineche dei sottotitoli

Menugrave delle sottopagine di queste pagine + sezioni Genera una mappa sia delle sottopagine chedei record (link alle intestazioni dei singoli record)

Selezionando voci di menugrave di sottopagine egrave anche possibile stabilire un determinato punto di partenzasfogliando lrsquoapposito record

61 Scheda di configurazione Mappa 59

DocWeb Release 101

Figura 63 Tipo di menu

63 Il ldquopunto di partenzardquo della mappa

Il ldquopunto di partenzardquo dei Menugrave delle sottopagine Scheda mappa del sito (page 59) costituisce la paginadalla quale il sistema partiragrave per creare la mappa

Si potragrave quindi creare una mappa (di tipo menugrave delle sottopagine) che mostri solamente il percorso diquella porzione di menugrave che si intende mostrare

63 Il ldquopunto di partenzardquo della mappa 60

CAPITOLO 7

Modulo News

71 Inserimento e modifica di news

Alcune sezioni del nostro sito potrebbero essere state configurate per permettere la visualizzazione dinotizie

Per poter visualizzare le news correttamente occorre che queste ultime vengano inserite in una determi-nata posizione allrsquointerno del backend Da questa posizione che chiameremo repository delle news lenostre pagine andranno a prelevare le news da visualizzare al loro interno

Figura 71 Backend news

Nellrsquoesempio presentato nella figura Backend news (page 61) distinguiamo

1 il repository delle news che egrave stato creato

2 Un esempio di come potrebbe apparire il contenuto del repository delle news (lista delle news)

Per poter visualizzare il contenuto del repository delle news occorre seguire i seguenti passi

1 entrare nel modulo Pagina

61

DocWeb Release 101

2 selezionare il repository delle news corrispondente (nellrsquoesempio della figura Backend news (page 61)il Repository delle news si chiama ldquoNews Area Testrdquo)

Poniamo ora la nostra attenzione alla lista delle news (figura Lista news (page 62)) Da qui egrave possibile

bull Inserire una nuova notizia

bull Modificare le notizie giagrave esistenti

Per inserire una nuova notizia occorre selezionare la voce Crea nuovo record (figura Lista news (page 62))posta in fondo alla lista delle news

Figura 72 Lista news

A questo punto si apre la finestra di creazione Nuovo record da cui occorre selezionare la voce News(figura Nuovo record news (page 62))

Figura 73 Nuovo record news

Eseguendo le operazioni sopra descritte si accede alla maschera di inserimento news (figura Inserimentonews scheda generale (page 63))

Questa si compone di due schede una denominata Generale e unrsquoaltra denominata Relations

Nella scheda Generale egrave possibile inserire

Titolo in questo spazio egrave possibile specificare un titolo della news

Nascondi questo controllo determina se la news egrave pubblicabile oppure no Come avviene per le pagineanche per le news egrave consigliabile tenere la news nascosta durante la lavorazione Facciamo notare

71 Inserimento e modifica di news 62

DocWeb Release 101

Figura 74 Inserimento news scheda generale

71 Inserimento e modifica di news 63

DocWeb Release 101

che appena viene aperta la maschera di inserimento di una nuova news il controllo appare giagrave instato nascosto

Dataora in questo spazio viene indicata la data e lrsquoora della creazione della news in base ai parametridi sistema

Data Archiviazione in questo spazio viene inserita la data di Archiviazione di una news

Autore permette di specificare un autore della news

Email permette di specificare un e-mail a cui fare riferimento

Sottointestazione questo campo conterragrave una breve descrizione (abstract) della news La sottointes-tazione egrave quella parte della news che compare quando viene visualizzata la lista delle news e serveper dare una breve descrizione al contenuto della news (si veda Esempio news (page 64))

Figura 75 Esempio news

Durante lrsquoinserimento di una news egrave consigliabile specificare sempre una sottointestazione

Testo egrave il campo che contiene il contenuto vero e proprio della news Egrave possibile utilizzare tutte lefunzionalitagrave messe a disposizione dallrsquoeditor RTE

72 Modalitagrave Relations

Nella modalitagrave Relations (figura Inserimento news scheda relations (page 65)) egrave possibile inserire

Immagini contiene una lista di immagini da associare alla news Il procedimento per la se-lezionecaricamento delle immagini egrave stato descritto nella parte dedicata alla creazione di paginedi download a cui vi rimandiamo

Didascalia permette di specificare una descrizione per lrsquoimmagine associata alla news

Image alttext e Image titletext permette di specificare un testo che in visualizzazione (Frontend)compariragrave al passaggio del mouse sopra lrsquoimmagine

News correlate permette di specificare news o pagine del sito da associare alla news Il procedimentodi selezione delle news da associare alla notizia saragrave spiegato successivamente

DAM elements permette di assegnare alla news dei documenti da scaricare come per esempioil programma di un determinato evento Anche in questo caso il procedimento per la se-lezionecaricamento dei documenti egrave quello giagrave descritto nella parte dedicata alla creazione dipagine di download

Descriviamo il procedimento da seguire per associare alcune pagine o alcune news alla notizia che stiamoinserendo

Premere il tasto di Sfoglia Record evidenziato nella figura Sfoglia record news (page 65)

Verragrave aperta una finestra che contiene un Element Browser che ci permette di selezionare le newspagine(figura Element browser news (page 66)) da associare

La finestra di selezione si suddivide nelle seguenti parti (figura sopra)

Alberatura del sito da cui egrave possibile esplorare gli elementi del nostro sito (pagine sysfolder )Premendo con il tasto sinistro del mouse sul nome della pagina o sulla freccia corrispondente verragraveaggiornata la parte di destra della finestra in cui egrave inserita la lista degli elementi associabili

72 Modalitagrave Relations 64

DocWeb Release 101

Figura 76 Inserimento news scheda relations

Figura 77 Sfoglia record news

72 Modalitagrave Relations 65

DocWeb Release 101

Figura 78 Element browser news

Lista degli elementi associabili egrave quindi possibile selezionare gli elementi da associare alla newsPer associare un elemento si puograve selezionare il simbolo ldquo+rdquo posto accanto allrsquoelemento desideratoo agendo sul nome del file Nel primo caso lrsquoelemento viene aggiunto ma la finestra non si chiuderagrave(utile per effettuare selezioni multiple) mentre nel secondo caso lrsquoelemento viene aggiunto e lafinestra si chiuderagrave (selezione singola)

Nota Per associare una o piugrave news alla notizia che stiamo inserendo occorreragrave innanzitutto selezionareil repository delle news e utilizzando i metodi descritti in precedenza indicare le news di interesse

Nella figura Selezione repository (page 66) viene visualizzato come appare lrsquoElement Browser dopo averselezionato il repository delle news denominato ldquoNews Corso Typo3rdquo

Figura 79 Selezione repository

Una volta ultimato il procedimento di inserimento di una news vedremo che nel repository compariragrave(figura News nel repository (page 67)) anche quella da noi creata Nellrsquoesempio la news creata si chiamaldquoTitolo della news di provardquo

Dalla lista delle news possiamo notare che i diversi tipi di news sono contrassegnati con icone diverse

In particolare distinguiamo

72 Modalitagrave Relations 66

DocWeb Release 101

Figura 710 News nel repository

bull News (icona ldquocelestinardquo)

bull Collegamento a URL esterna (icona ldquorosardquo)

bull Collegamento a pagina interna (icona ldquogiallinardquo)

Per modificare il contenuto di una news egrave sufficiente selezionare il simbolo di modifica (figura Modificanews (page 67)) in corrispondenza della news da modificare

Figura 711 Modifica news

73 News collegata a URL esterna e a pagina interna

Attraverso la selezione della finestra ldquoTipordquo egrave possibile scegliere diverse tipologie di news

Nella figura News collegata a url esterna (page 68) egrave stato selezionato il Collegamento a URL esterna checi offriragrave la possibilitagrave di specificare un link (ldquoURL esternordquo) da far visualizzare e che saragrave contraddistintain lista da lrsquoicona di colore rosa

Selezionando il Collegamento a pagina interna viene offerta la possibilitagrave di inserire un collegamento auna pagina del sito (evidenziato nella figura News collegata a pagina interna (page 69))

La news si presenteragrave con icona di color ldquogiallordquo e al suo interno conterragrave un link alla pagina interna alsito

73 News collegata a URL esterna e a pagina interna 67

DocWeb Release 101

Figura 712 News collegata a url esterna

73 News collegata a URL esterna e a pagina interna 68

DocWeb Release 101

Figura 713 News collegata a pagina interna

73 News collegata a URL esterna e a pagina interna 69

DocWeb Release 101

74 Eliminazione delle News

Per eliminare una news possiamo procedere tra lrsquoaltro in due modi

1 Selezionare la news da eliminare dallrsquoelenco e selezionare la voce ldquocancellardquo dal menugrave a tendinaconsultabile cliccando con il pulsante destro sullrsquoicona in corrispondenza della news (figura Eliminanews da menu contestuale (page 70))

Figura 714 Elimina news da menu contestuale

2 Entrare allrsquointerno della modalitagrave di modifica della news attraverso lrsquoicona ldquomatitardquo e selezionare lrsquoi-cona raffigurante il bidone di elimina posta in alto pagina (figura Elimina news da scheda contenuto(page 70))

Figura 715 Elimina news da scheda contenuto

75 Ordinamento delle News e ricerca

Puograve essere necessario durante la visualizzazione della lista delle news (lato backend) di dover effettuaredegli ordinamenti al fine di permettere una ricerca piugrave veloce delle news da modificare

74 Eliminazione delle News 70

DocWeb Release 101

Avvertimento Lrsquoordinamento ha valore solo come ricerca allrsquointerno del backend mentre latofrontend rispecchieragrave i parametri prestabiliti dal sistema

Supponiamo per esempio di voler effettuare un ordinamento per Titolo Seguiamo i seguenti passi(figura sotto)

1 Selezionare la voce di menugrave Lista

2 Selezionare il deposito delle news (repository) News Corso Typo3

3 Cliccare con il mouse in corrispondenza della voce ldquoTitolordquo

A questo punto (figura Ordinamento news (page 71)) le news vengono ordinate in ordine crescente(vengono visualizzate prima le news con titolo che inizia con la lettera a b e cosigrave via)

Figura 716 Ordinamento news

Se clicchiamo unrsquoaltra volta sulla voce ldquoTitolordquo il tipo di ordinamento cambia da crescente a decrescente(compariranno per prima le news con titolo che inizia per z )

Egrave inoltre possibile ordinare secondo campo da noi specificato Per definire il nome di un campo (ad estesto inizio autore ) su cui effettuare lrsquoordinamento occorreragrave spostarsi in fondo alla lista delle newsdove troveremo una lista di campi (figura Mostra campo aggiuntivo news (page 71))

Figura 717 Mostra campo aggiuntivo news

Dalla lista possiamo

bull Selezionare la voce in base alla quale effettuare lrsquoordinamento (ad esempio Immagini)

bull Premere il tasto Imposta campi per aggiungere alla lista dei campi visualizzati quello selezionato

75 Ordinamento delle News e ricerca 71

DocWeb Release 101

A questo punto il campo selezionato (nel nostro esempio il campo Immagini) compare nella lista dellenews (il campo aggiunto egrave evidenziato con un riquadro in alto a destra nella figura Ordinamento campoaggiuntivo news (page 72))

Figura 718 Ordinamento campo aggiuntivo news

Effettuare le stesse operazioni illustrate per il campo Titolo per ordinare in modo crescente e decrescentele news secondo il criterio impostato (click pulsante sinistro sul nome etichetta)

Egrave anche possibile ricercare le news in base al testo contenuto nel titolo sottotitolo descrizione eccUtilizzando la maschera di ricerca in fondo pagina (evidenziata nella figura Ricerca news (page 72))

Figura 719 Ricerca news

Per effettuare una ricerca egrave necessario seguire i seguenti passi

1 Inserire nel campo Cerca Stringa il testo da cercare (nel nostro esempio ldquonequerdquo)

2 Premere il tasto Cerca per eseguire la ricerca secondo i criteri impostati

In questo modo nella lista delle news compariranno solo quelle che contengono il testo specificatoEffettuata la ricerca egrave possibile effettuare degli ordinamenti come spiegato in precedenza

75 Ordinamento delle News e ricerca 72

CAPITOLO 8

Modulo Eventi

Avvertimento SEZIONE NON COMPLETA

Si confrontino i seguenti due tipi di contenuti

Evento egrave un tipo di contenuto adatto a descrivere qualcosa che accadragrave o che egrave accaduto in una certadata La data o le date in cui lrsquoevento ricorre sono strettamente legate ad un luogo in cui lrsquoeventosi verificheragravesi egrave verificato Gli eventi vengono rappresentati mediante la metafora dellrsquoagenda edel calendario

Notizia egrave un tipo di contenuto caratterizzato dalla data di pubblicazione secondo la metafora delgiornale online E come in un giornale online una notizia puograve riferirsi sia a fatti giagrave accaduti chea fatti a venire

Nota Per comprendere meglio la differenza tra i due tipi di contenuto si pensi che dato un eventoche ha una certa data di svolgimento (ad es 20 maggio) di tale evento posso realizzare piugrave di unanotizia Rimanendo nellrsquoesempio potrei pubblicare una notizia il 10 maggio per preannunciare lrsquoeventoe poi unrsquoaltra il 18 maggio per ricordarne lrsquoimminenza Infine potrei pubblicare una notizia di riepilogo(cronaca dellrsquoevento immagini ecc) il 22 maggio

81 Scopo del modulo Eventi

Il visitatore del sito deve poter cogliere le informazioni essenziali di un evento

bull Cosa sta per succedere

bull Dove accadragrave

bull Quando accadragrave

82 Il Backend ndash Modulo Pagina

Vedi figura Eventi vista modulo pagina (page 74)

83 Il Backend ndash Modulo Lista

Vedi figura Eventi vista modulo lista (page 74)

73

DocWeb Release 101

Figura 81 Eventi vista modulo pagina

Figura 82 Eventi vista modulo lista

83 Il Backend ndash Modulo Lista 74

DocWeb Release 101

84 Creazione di un evento

Prima di procedere poniamoci qualche domanda

bull Lrsquoevento appartiene a qualche rassegna iniziativa per la quale sono in programma altri eventiPer esempio

ndash Rassegne teatrali cinematografiche

ndash Festival

bull Lrsquoevento si ripete

ndash La replica avviene sempre nello stesso luogo

841 Creazione del record

Vedi figura Creazione nuovo evento (page 75)

Vedi figura Creazione nuovo record evento (page 76)

Figura 83 Creazione nuovo evento

842 Scheda ldquoGeneralerdquo

Vedi figura Evento scheda generale (page 76)

843 Scheda ldquoFinestra temporalerdquo

Orario repliche

Vedi figura Evento finestra temporale (page 78)

84 Creazione di un evento 75

DocWeb Release 101

Figura 84 Creazione nuovo record evento

Figura 85 Evento scheda generale

84 Creazione di un evento 76

DocWeb Release 101

bull Lrsquoorario va solo per le Finestre temporali di un giorno (data inizio = data fine)

bull Se non si conosce lrsquoora della fine impostare ora inizio = ora fine

844 Scheda ldquoTestordquo

Vedi figura Evento scheda testo (page 79)

84 Creazione di un evento 77

DocWeb Release 101

Figura 86 Evento finestra temporale

84 Creazione di un evento 78

DocWeb Release 101

Figura 87 Evento scheda testo84 Creazione di un evento 79

  • Introduzione
    • Cosegrave DocWeb
    • Concetti chiave
      • Funzionalitagrave di Base
        • Il CMS Typo3 ldquobackendrdquo e ldquofrontendrdquo
        • Cambio password di accesso
        • Albero delle pagine
        • Implementazione delle pagine ldquogenitori rdquo e ldquofiglirdquo
        • Inserimento Nuova pagina
        • Elementi standard della pagina
        • Inserimento contenuti di una pagina
        • Contenuti multipli allrsquointerno di una pagina
        • Modifica dei contenuti della pagina
        • Spostamento di pagine
        • Eliminazione pagine
        • Rich Text Editor
        • Modalitagrave Lista
        • Modalitagrave Mostra
        • Modalitagrave ldquoMonta come radice dellrsquoalberordquo
        • Ottenere il page-id di una pagina
        • Admin Panel
          • La Clipboard
            • Copia o spostamento di un contenuto singolo di pagina allrsquointerno di unrsquoaltra pagina
            • Copia o spostamento di piugrave contenuti da una pagina ad unrsquoaltra
              • Modulo DAM (Digital Asset Management)
                • Caricamento e Aggiornamento di file
                • Ricerca di file allrsquointerno del DAM e modifica delle meta-informazioni
                  • Modulo Pagine di download
                    • Inserimento e configurazione pagine di download
                      • Modulo Sitemap
                        • Scheda di configurazione Mappa
                        • Tipo di mappa
                        • Il ``punto di partenza della mappa
                          • Modulo News
                            • Inserimento e modifica di news
                            • Modalitagrave Relations
                            • News collegata a URL esterna e a pagina interna
                            • Eliminazione delle News
                            • Ordinamento delle News e ricerca
                              • Modulo Eventi
                                • Scopo del modulo Eventi
                                • Il Backend ndash Modulo Pagina
                                • Il Backend ndash Modulo Lista
                                • Creazione di un evento
Page 27: DocWeb€¦ · per la realizzazione e la gestione di siti web della Pubblica Am-ministrazione. La piattaforma tecnologica utilizzata è il CMS (Content Management System) Open SourceTypo31

DocWeb Release 101

La vedremo blu e sottolineata il che indica che il link egrave attivato

2129 Link ad unrsquoEmail

Come precedentemente visto scrivendo un indirizzo e-mail valido il programma di gestione egrave in grado dicapire che si tratta di un indirizzo di posta elettronica e il link viene impostato automaticamente

Tuttavia ci sono dei casi in cui non egrave possibile o si preferisce non indicare lrsquoindirizzo e-mail per estesoad esempio potremmo avere ldquoPer informazioni scrivicirdquo

Volendo potremmo fare in modo che sulla parola ldquoscrivicirdquo ci sia impostata la funzione di invio e-mail

Selezioniamo quindi la parola andiamo su ldquoInserisci Linkrdquo scegliendo poi ldquoEmailrdquo

Inseriamo lrsquoindirizzo E-mail nellrsquoapposito campo e clicchiamo su ldquoimposta Linkrdquo

21210 Link ad un file scaricabile

Per collegare un file (espdf txt gif ecc) egrave necessario copiarlo dal proprio PC al server web

Non egrave infatti possibile che una pagina pubblicata su internet prenda come link dei files che di fatto sonosalvati in una directory del nostro computer

Typo3 mette a disposizione un area dovrsquoegrave possibile pubblicare i files per poi essere resi disponibili ai linkossia rende disponibile lrsquo ldquoUploadrdquo dei files da pc a server

Scegliere dal menugrave di sinistra sotto la sezione ldquoMediardquo la voce ldquoFilerdquo (figura Seleziona file (page 24))

Figura 226 Seleziona file

Si apriragrave sulla destra una nuova area dove troveremo i campi utili a ldquosfogliarerdquo il contenuto del nostropc al fine di passare i file o i files dal nostro computer al manager

Effettuato il passaggio potremo ritornare alla nostra pagina e riprendere la procedura di ldquocreazione linkrdquoselezionando questa volta la voce ldquoFilerdquo del pop-up

I campi proposti sono del tutto simili a quelli di creazione di link su pagine del sito e un elenco di files(tutti quelli disponibili caricati) potranno essere collegati

213 Modalitagrave Lista

Selezionando la voce ldquolistardquo (figura Backend modalitagrave lista (page 25)) dal menugrave di sinistra egrave possibileesplorare una pagina ldquopadrerdquo e tutte le pagine ldquofiglirdquo ed essa associate

Avvertimento Ricordarsi di attivare la voce in basso ldquoVista Estesardquo

213 Modalitagrave Lista 24

DocWeb Release 101

Figura 227 Backend modalitagrave lista

Utilizzando le icone poste alla destra di ogni voce si possono compiere diverse operazioni di modificavisualizzazione spostamento copia e incolla pagina ecc come precedentemente descritto

Dunque potremo dire che la modalitagrave lista costituisce una scorciatoia per semplificare ogni sorta dioperazione soprattutto in presenza di un numero considerevole di files

214 Modalitagrave Mostra

Figura 228 Backend modalitagrave mostra

Selezionando la voce ldquoMostrardquo (figura Backend modalitagrave mostra (page 25)) dal menugrave di sinistra egrave possibilenavigare il sito allrsquointerno del docweb direttamente nel backend

214 Modalitagrave Mostra 25

DocWeb Release 101

Inoltre accanto ai vari record troveremo posta lrsquoicona matita per eseguire eventuali modifichedirettamente sul punto e la pagina prescelti

Anche la modalitagrave ldquoMostrardquo come la rdquoListardquo (cap 13) costituisce una scorciatoia particolarmente indicataper semplificare lrsquooperazione di visualizzazione del sito e di modifica

215 Modalitagrave ldquoMonta come radice dellrsquoalberordquo

Quando esistono diverse e numerose pagine egrave possibile gestire solo la porzione di contenuto che ci interessariducendo lrsquoalberatura del sito (lato backend) ai minimi termini mediante il comando ldquomonta come radicedellrsquoalberordquo

Per effettuare il comando procedere come segue

Cliccare con il pulsante destro del mouse sul titolo pagina dal menugrave centrale

Selezionare la voce ldquoaltre opzionirdquo dal menugrave a tendina (figuraMenu altre opzioni (page 26)) che compariragravecome conseguenza dellrsquoazione descritta al punto uno

Figura 229 Menu altre opzioni

Selezionare dallrsquoulteriore menugrave che si apriragrave (figura Seleziona monta come radice (page 26)) la voceldquoMonta come radice dellrsquoalberordquo

Figura 230 Seleziona monta come radice

Lrsquoalberatura si ridurragrave automaticamente mostrando solo la porzione selezionata

Per ripristinare lo stato di partenza selezionare la voce in alto nel menugrave centrale (figura Elimina DBmount (page 26)) ldquoElimina DB mount temporaneordquo

Figura 231 Elimina DB mount

Il menugrave si espanderagrave nuovamente mostrando tutte le voci esistenti

215 Modalitagrave ldquoMonta come radice dellrsquoalberordquo 26

DocWeb Release 101

216 Ottenere il page-id di una pagina

2161 Frontend (FE)

Da frontend si puograve ottenere il page-id della pagina corrente nei seguenti modi

1 dalla barra degli indirizzi del proprio browser (figura Id dallrsquourl (page 27)) Il numero della paginaegrave quello dopo la stringa ldquoid=rdquo Nella figura egrave cerchiata in verde la stringa ldquoid=rdquo e il numero dellapagina (page-id)

Figura 232 Id dallrsquourl

2 Puntando il mouse sulla scritta [id] a pieacute pagina e leggendo il tooltip (figura Id dal tooltip (page 27))

Figura 233 Id dal tooltip

3 Solo per browser Firefox dal menugrave di contesto scegliere la voce ldquoVisualizza info paginardquo si apreuna finestra consultare quindi la lista Meta sotto la scheda Generale (Id dagli attributi (page 28))

2162 Backend (BE)

Da backend egrave possibile ottenere il page-id nei seguenti modi

1 leggendo il tooltip puntando il mouse sullrsquoicona della pagina nel riquadro della struttura del sito(figura Id dal tooltip nel backend (page 28))

2 dal modulo di modifica delle intestazioni della pagina (figura Id dalle intestazioni pagina nel backend(page 28)) Il numero egrave tra le parentesi quadre dopo il titolo della pagina

217 Admin Panel

Quando si inseriscono contenuti con Typo3 (backend) egrave possibile visualizzare unrsquoanteprima della paginache si sta creando per vedere i risultati del lavoro svolto

Per visualizzare unrsquoanteprima di una pagina occorre (figura Menu mostra (page 29))

1 posizionarsi sulla pagina da visualizzare

2 premere il tasto sinistro del mouse in corrispondenza del nome

216 Ottenere il page-id di una pagina 27

DocWeb Release 101

Figura 234 Id dagli attributi

Figura 235 Id dal tooltip nel backend

Figura 236 Id dalle intestazioni pagina nel backend

217 Admin Panel 28

DocWeb Release 101

Figura 237 Menu mostra

3 selezionare la voce Mostra

In base alla pagina scelta si avragrave un risultato come quello visualizzato nella figura Anteprima pagina conAdmin panel (page 29)

Figura 238 Anteprima pagina con Admin panel

La pagina presenteragrave nella parte superiore lrsquoanteprima della pagina Nella parte inferiore vienevisualizzato uno strumento denominato Admin Panel

Questo oggetto offre lato front-end alcune funzionalitagrave (figura Moduli Admin panel (page 30)) cheaiutano i gestori di contenuti nella creazionemodifica delle pagine web del sito

NellrsquoAdmin panel (figura sopra) egrave possibile distinguere

217 Admin Panel 29

DocWeb Release 101

Figura 239 Moduli Admin panel

1 Modulo Preview ndash offre la possibilitagrave di selezionare alcune opzioni sulla pagina per simulare alcunesituazioni in cui la pagina si puograve trovare durante la visualizzazione

2 Modulo Cache ndash offre la possibilitagrave di gestire la cache

Allrsquointerno del modulo Preview abbiamo le seguenti voci

Mostra pagine nascoste selezionando la casella di controllo corrispondente a questa voce si visual-izzeranno anche quelle che attualmente non sono visibili allrsquointerno del sito o perchegrave in lavorazioneo perchegrave ancora non egrave stata data lrsquoautorizzazione alla pubblicazione

Mostra record nascosti come per le pagine questa voce offre la possibilitagrave di poter visualizzare allrsquoin-terno della pagina quei contenuti nascosti che non sono ancora ultimati o che sono in attesa di unautorizzazione per la pubblicazione

Simula data con questo controllo egrave possibile simulare il comportamento della pagina in periodi tem-porali diversi Utilizzando la casella di testo egrave possibile inserire delle date In questo modo sirende possibile la visualizzazione di quegli elementi (ad es pagine news ) che sono abilitati acomparirescomparire in base a determinati criteri temporali impostati

Simula gruppo di utenti con questo controllo egrave possibile simulare il comportamento delle pagine inbase ad un determinato gruppo di utenti che vi accede Alcune pagine possono infatti avere uncomportamento diverso in base al tipo di utente che vi accede

Nota Durante la creazione di pagine egrave possibile restringere la visione di una determinata pagina aparticolari tipi di utenti (utenti di frontend) Questa caratteristica offre la possibilitagrave di definire delle areead accesso riservato del sito ossia sezioni del sito a cui egrave possibile accedere solo dopo essersi autenticatie dopo avere avuto i necessari diritti di accesso

Una volta selezionate le opportune scelte allrsquointerno dellrsquoADMIN Panel occorreragrave premere il tasto Aggior-na (figura Aggiorna Admin panel (page 31)) per prendere visione della pagina secondo i criteri impostati

Nota Nel caso in cui lrsquoutente abbia la possibilitagrave di accedere da back-end a piugrave siti (ciascuno con unproprio dominio) bisogna tenere presente che lrsquoADMIN Panel compare soltanto per le pagine relativeal dominio con cui lrsquoutente ha fatto il login In altre parole se un operatore ad esempio egrave abilitatoa lavorare sulle pagine di backend dei siti httpwwwsitoesempio1it e httpwwwsitoesempio2it ese lrsquooperatore accede al backend di DocWeb con lrsquoindirizzo httpwwwsitoesempio1ittypo3 allora

217 Admin Panel 30

DocWeb Release 101

Figura 240 Aggiorna Admin panel

lrsquoADMIN Panel compariragrave solo sulle pagine di frontend del dominio wwwsitoesempio1it e non su quelledel dominio wwwsitoesempio2it

217 Admin Panel 31

CAPITOLO 3

La Clipboard

Lrsquooggetto clipboard (rdquoblocco degli appuntirdquo) egrave molto utile quando si ha la necessitagrave di copiare o spostareuno o piugrave elementi di contenuto o una o piugrave pagine da una sezione del sito (contenitore di pagine) adunrsquoaltra

31 Copia o spostamento di un contenuto singolo di pagina allrsquointernodi unrsquoaltra pagina

Per prima cosa egrave necessario (figura Identifica contenuto (page 32))

Figura 31 Identifica contenuto

1 selezionare la voce Lista

2 selezionare la pagina che contiene il contenuto che si intende copiare (nella figura abbiamo sceltola pagina denominata ldquoCorso di formazione su Typo3rdquo

32

DocWeb Release 101

3 identificare dalla lista dei contenuti associati alla pagina quello da spostare

Supponiamo che si desideri copiare il contenuto denominato ldquoTesto 2rdquo (figura Copia contenuto (page 33))

Figura 32 Copia contenuto

Egrave sufficiente cliccare sullrsquoicona (nella figura sopra evidenziata con un cerchio rosso) di copia incorrispondenza del contenuto da copiare

Dopo avere eseguito questa operazione nella figura Risultato copia contenuto (page 34) possiamo notare

1 Egrave comparsa unrsquoicona nuova che mette in evidenza che nella clipboard egrave presente un elemento

2 Lrsquoicona di copia in corrispondenza del contenuto da spostare ha cambiato aspetto

A questo punto lrsquooggetto che si intende copiare egrave presente nella nostra clipboard

Il passo successivo egrave quello di selezionare la pagina in cui andare a posizionare lrsquoelemento (paginadestinazione)

Rimanendo sempre allrsquointerno del modulo Lista occorreragrave selezionare dallrsquoalberatura delle pagine la pag-ina destinazione Il procedimento da seguire per posizionarsi sulla pagina egrave lo stesso descritto in prece-denza Nella figura Incolla contenuto (page 34) viene evidenziato il contenuto di una pagina (denominataldquoPagina di Provardquo) in cui vogliamo copiare il contenuto

Per copiare il contenuto della clipboard nella pagina selezionare lrsquoicona Incolla contenuto Clipboard

Confermando lrsquooperazione il contenuto saragrave copiato allrsquointerno della pagina selezionata

Per effettuare lo spostamento di un contenuto di pagina allrsquointerno di unrsquoaltra pagina cliccare sullrsquoicona

di Taglia al posto dellrsquoicona copia e ripetere le operazioni sopra descritte

1 Selezionando la casella Mostra clipboard (figura Vista clipboard (page 35)) egrave possibile visualiz-zare lrsquooggetto clipboard Nel caso in figura lrsquoelemento copiato in precedenza (Testo 2) egrave ancoradisponibile allrsquointerno della clipboard Utilizzando il procedimento descritto infatti il contenuto

31 Copia o spostamento di un contenuto singolo di pagina allrsquointerno di unrsquoaltra pagina 33

DocWeb Release 101

Figura 33 Risultato copia contenuto

Figura 34 Incolla contenuto

31 Copia o spostamento di un contenuto singolo di pagina allrsquointerno di unrsquoaltra pagina 34

DocWeb Release 101

selezionato rimane ancora a disposizione dellrsquoutente che potragrave selezionare altre pagine destinazionesu cui eventualmente andare a copiare il contenuto Nel caso in cui si selezioni un altro elementoad esempio ldquoTesto 1rdquo lrsquoelemento presente viene automaticamente sostituito

2 Dallrsquooggetto clipboard egrave possibile rimuovere un elemento premendo il bottone di Elimina postoaccanto ad esso

Figura 35 Vista clipboard

Con il procedimento descritto fino ad ora egrave possibile scegliere soltanto un contenuto alla volta

32 Copia o spostamento di piugrave contenuti da una pagina ad unrsquoaltra

Nel caso in cui ci si trovi nella necessitagrave di copiare piugrave di un contenuto da una pagina allrsquoaltra egrave necessarioseguire i passi seguenti

1 Selezionare il modulo Lista

2 Selezionare la pagina di origine da cui prelevare i contenuti

3 Selezionare la casella Mostra clipboard

4 Selezionare una clipboard tra quelle denominate ldquoClipboard 1rdquo ldquoClipboard 2rdquo ldquoClipboard 3rdquo(punto 3 figura Vista clipboard con contenuto selezionato (page 36))

Selezionando ad esempio la clipboard contrassegnata come ldquoclipboard 1rdquo si avragrave la seguente situazione

32 Copia o spostamento di piugrave contenuti da una pagina ad unrsquoaltra 35

DocWeb Release 101

Figura 36 Vista clipboard con contenuto selezionato

32 Copia o spostamento di piugrave contenuti da una pagina ad unrsquoaltra 36

DocWeb Release 101

1 In corrispondenza di ogni contenuto si evidenzia una Casella di selezione Sopra la colonna con lecaselle di selezione egrave comparsa una lista di bottoni tra cui al momento distinguiamo

2 Bottone di copia elementi nella clipboard

3 Bottone di selezione tuttinessuno

Scegliendo ad esempio i primi due elementi e premendo il pulsante di copia elementi nella clipboard sipuograve notare che (figura Copia nella clipboard (page 37))

Figura 37 Copia nella clipboard

1 La clipboard che abbiamo scelto per la selezione multipla (ldquoClipboard 1rdquo) contiene la lista deglioggetti che abbiamo scelto di copiare

2 Ersquo comparsa lrsquoicona di Incolla contenuto Clipboard

La procedura della selezione della pagina di destinazione rimane identica a quella giagrave utilizzata per lacopia di un contenuto singolo (selezionare la pagina di destinazione su cui andare a posizionare i contenutiselezionati)

Egrave importante fare notare che seguendo le operazioni descritte sopra si ottiene come risultato lospostamento dei contenuti dalla pagina origine a quella destinazione

Se si desidera copiare gli elementi selezionati egrave necessario una volta selezionati gli elementi da copiarepremere il tasto copia gli items invece di spostarli (evidenziato con un cerchio rosso nella figura Tagliadalla clipboard (page 38))

32 Copia o spostamento di piugrave contenuti da una pagina ad unrsquoaltra 37

DocWeb Release 101

Figura 38 Taglia dalla clipboard

32 Copia o spostamento di piugrave contenuti da una pagina ad unrsquoaltra 38

DocWeb Release 101

In questo modo dopo avere confermato lrsquooperazione i contenuti o le pagine da copiare saranno presentisia nella pagina origine che in quella destinazione

32 Copia o spostamento di piugrave contenuti da una pagina ad unrsquoaltra 39

CAPITOLO 4

Modulo DAM (Digital AssetManagement)

Il modulo DAM (Digital Asset Management) offre la possibilitagrave di raccogliere e catalogare contenuti informato digitale come immagini documenti presentazioni

Ogni file inserito puograve essere corredato di informazioni aggiuntive (meta-informazioni) come la descrizionelrsquoautore parole chiave ecc

Attraverso il modulo DAM egrave possibile svolgere le seguenti operazioni

bull Caricamento e Aggiornamento di file

bull Ricerca di file allrsquointerno del DAM e modifica delle meta-informazioni associate ai file

41 Caricamento e Aggiornamento di file

Lrsquooperazione di CaricamentoAggiornamento di file serve per sottoporre al sistema DAM un particolarecontenuto memorizzato in formato digitale

Lrsquoelemento caricato saragrave poi disponibile a chi inserisce contenuti

Per iniziare lrsquooperazione di caricamento di un file egrave sufficiente selezionare la voce File che si trovaallrsquointerno del modulo Media (figura Menu file (page 41))

La maschera che si apre (figura File upload (page 41)) offre le seguenti possibilitagrave

1 Selezione della posizione dove andare a caricareaggiornare il file

2 Specificare alcuni documenti da caricare (area File)

Concentrandoci sullrsquoarea File (figura Dettaglio file upload (page 42)) distinguiamo

1 Voce Show upload location browser (punto 1 figura sopra) egrave possibile visualizzare i file attualmentecaricati nel Mount Point selezionato

2 Lista di bottoni denominati Sfoglia da utilizzare nel caso in cui si desideri caricareaggiornareun file

Se si desidera caricare un file occorre cliccare sul bottone Sfoglia

La finestra che appare (figura Sfoglia file (page 42)) permette di selezionare dal proprio PC il file dacaricare

Per selezionare un file da caricare occorre

1 Esplorare le cartelle del proprio PC per trovare il file

40

DocWeb Release 101

Figura 41 Menu file

Figura 42 File upload

41 Caricamento e Aggiornamento di file 41

DocWeb Release 101

Figura 43 Dettaglio file upload

Figura 44 Sfoglia file

41 Caricamento e Aggiornamento di file 42

DocWeb Release 101

2 Inserire il nome del file nella casella di testo Nome file

3 Premere il tasto Apri

Una volta che si egrave selezionato un file egrave possibile

1 selezionare altri file da caricare seguendo gli stessi passi descritti in precedenza

2 effettuare lrsquooperazione di caricamento del file vero e proprio

Dallrsquoesempio abbiamo scelto di caricare un solo file

Il caricamento dei file viene eseguito premendo il bottone ldquoUpload filesrdquo che si trova in fondo alla listadei file selezionati (figura File selezionato (page 43))

Figura 45 File selezionato

Se tutto egrave stato eseguito correttamente appariragrave una finestra come quella nella figura Process files(page 44)

In questa maschera egrave possibile

1 Specificare le meta-informazioni per il singolo file come ad esempio il titolo parole chiavedescrizione

2 Avviare il processo di elaborazione multipla premendo il bottone Process selected files Con questoprocesso egrave possibile inserire o modificare le meta-informazioni per tutti i file della lista (in questocaso solo uno)

Se si vuole eseguire lrsquoinserimento delle meta-informazioni per singolo file la finestra che si apre egrave similea quella presentata in figura Elaborazione metainformazioni singolo file (page 44)

Nel caso si scelga di eseguire il processo di elaborazione multipla la maschera che compare (figuraElaborazione metainformazioni file multipli (page 45)) permette di selezionare le meta-informazioni chelrsquoutente intende inserire contemporaneamente per tutti i file della selezione

41 Caricamento e Aggiornamento di file 43

DocWeb Release 101

Figura 46 Process files

Figura 47 Elaborazione metainformazioni singolo file

41 Caricamento e Aggiornamento di file 44

DocWeb Release 101

Figura 48 Elaborazione metainformazioni file multipli

41 Caricamento e Aggiornamento di file 45

DocWeb Release 101

Se si seleziona la checkbox accanto alla voce che eventualmente saragrave inserita questa viene aggiuntaalle informazioni eventualmente giagrave presenti (modalitagrave append) Nellrsquoaltro caso le informazioni sarannosovrascritte

I campi Titolo e Descrizione sono obbligatori mentre il campo Parole chiavi puograve essere valorizzato adiscrezione dellrsquoutente Informazioni su come valorizzare i campi elencati sopra saranno descritte suapposite linee guida

Per completare lrsquoinserimentoaggiornamento delle meta-informazioni riguardanti il file caricato occorrepremere il tasto Send (figura Salva metainformazioni (page 46)) in fondo alla maschera per il salvataggiodelle informazioni

Figura 49 Salva metainformazioni

Tornando alla maschera di caricamento file e selezionando la checkbox in corrispondenza della voceSovrascrivi file esistenti (figura Carica file sovrascrivendo (page 46)) saragrave possibile aggiornare eventualifile che hanno lo stesso nome di quello che stiamo caricando

Questa procedura egrave utile quando si vuole aggiornare il contenuto di un file che egrave giagrave presente nel DAM

Figura 410 Carica file sovrascrivendo

Nel caso di aggiornamento di un file le meta-informazioni del file rimangono le stesse inserite inprecedenza Come si puograve notare non viene offerta la possibilitagrave di inserirne di nuove

Nel caso in cui un file con lo stesso nome sia giagrave caricato e non si desideri aggiornarlo il file inseritoper ultimo viene rinominato con un suffisso generato automaticamente dal DAM In questo caso la voceSovrascrivi file esistenti non deve essere selezionata (figura Carica file senza sovrascrivere (page 47))

Nellrsquoesempio in figura viene presentata la lista dei file presenti nel mount point selezionato

Da notare la presenza di un file che egrave stato rinominato dal DAM con un suffisso ldquo_01rdquo dato che nellastessa posizione era giagrave presente un file con lo stesso nome

41 Caricamento e Aggiornamento di file 46

DocWeb Release 101

Figura 411 Carica file senza sovrascrivere

41 Caricamento e Aggiornamento di file 47

DocWeb Release 101

42 Ricerca di file allrsquointerno del DAM e modifica delle meta-informazioni

Rimanendo sempre allrsquointerno del modulo Media selezioniamo la voce List egrave possibile effettuare dellericerche dei file e modificare le meta-informazioni associate ai file

Nella figura Backend media list (page 48) distinguiamo

Figura 412 Backend media list

1 Parte relativa ai Mount Point disponibili

2 Parte relativa ai tipi di file caricati nel sistema

3 Schede List Thumbnails Selection Process

Da questa sezione egrave possibile effettuare ricerche sui file caricati nel DAM

Le ricerche che si possono eseguire sono del tipo ldquotrova tutti i file pdf e docrdquo oppure ldquoelenca tutti i filedi tipo immagine ad eccezione dei file con estensione gifrdquo

Per prima cosa facendo click sul nome del tipo file (es gif oppure image) si seleziona solo quel tipo difile e si escludono tutti i criteri selezionati in precedenza

Per aggiungere un altro criterio di ricerca egrave sufficiente selezionare il ldquo+rdquo (punto 1 nella figura Criteri diselezione (page 49)) posto accanto al tipo di file che si vuole selezionare

Con il ldquo-ldquo(punto 2) saragrave possibile rimuovere il tipo di file dai criteri di ricerca

Selezionando ldquo=rdquo (punto 3) egrave possibile introdurre clausole del tipo ldquocerca un file che sia doc e presentenel Mount Point chiamato lsquoArea Testrsquordquo (ossia effettua una ricerca che risponda a tutti i criteri impostati)

Nellrsquoesempio della figura Salva selezione (page 49) sono stati selezionati tutti i tipi di immagine adeccezione dei file con estensione gif Questo risultato si ottiene nel seguente modo

1 selezionare il ldquo+rdquo accanto alla voce ldquoimagerdquo

2 premendo il tasto ldquo-ldquo in corrispondenza della voce ldquogifrdquo

I criteri impostati per la selezione possono essere salvati per un uso futuro Per salvare la selezioneoccorre (figura Salva selezione (page 49))

1 riempire il campo sotto la voce SELECTION con un nome che identifichi la ricerca

2 premere il tasto Save per salvare la modalitagrave di ricerca impostata

In questo modo saragrave possibile richiamare e rieseguire la ricerca impostata anche in futuro senza doverripetere il procedimento di scelta dei criteri mostrato in precedenza

42 Ricerca di file allrsquointerno del DAM e modifica delle meta-informazioni 48

DocWeb Release 101

Figura 413 Criteri di selezione

Figura 414 Salva selezione

42 Ricerca di file allrsquointerno del DAM e modifica delle meta-informazioni 49

DocWeb Release 101

Se in futuro saranno inseriti nuovi file che soddisfano la ricerca salvata questi verranno selezionati quandoverragrave richiamata la ricerca salvata

Dalla figura Ricerca salvata (page 50) egrave possibile notare come richiamare la ricerca salvata In questocaso abbiamo salvato la ricerca con il nome ldquoimmaginisenzagifrdquo

Figura 415 Ricerca salvata

Una volta che si egrave selezionata la ricerca egrave possibile

1 Premere il tasto Load per ricaricare la ricerca precedentemente impostata

2 Premere Remove per rimuovere la ricerca salvata

Una volta effettuata una particolare selezione di file egrave possibile (figura Schede backend media list(page 50))

Figura 416 Schede backend media list

1 vedere il contenuto della selezione (schede List e Thumbnails)

2 vedere i criteri impostati per la ricerca (scheda Selection)

3 modificare le meta-informazioni associate ai file (scheda Process) secondo quanto descritto inprecedenza

Nella figura Scheda selection (page 51) egrave visualizzato come selezionando la scheda Selection egrave possibileprendere visione dei criteri impostati nella ricerca (la ricerca egrave quella dellrsquoesempio precedente)

Selezionando le schede List e Thumbnails dopo avere effettuato una qualsiasi selezione si potrebbe avereuna situazione come quella mostrata nella figura Scheda list (page 51)

Cliccando sullrsquoicona corrispondente ad uno dei file presenti nella lista (selezionato con un cerchio rosso)egrave possibile accedere ad un menugrave contestuale (figura Menu contestuale DAM (page 51))che permette disvolgere le seguenti operazioni

Modifica Offre la possibilitagrave di visualizzare e modificare le meta-informazioni associate al file

Rinomina Selezionando la seguente voce egrave possibile assegnare un altro nome al file che si egrave caricato

Replace file Avvia lrsquooperazione di sostituzione del file

Info Visualizza informazioni relative al file

Cancella Rimuove il file dal DAM

42 Ricerca di file allrsquointerno del DAM e modifica delle meta-informazioni 50

DocWeb Release 101

Figura 417 Scheda selection

Figura 418 Scheda list

Figura 419 Menu contestuale DAM

42 Ricerca di file allrsquointerno del DAM e modifica delle meta-informazioni 51

CAPITOLO 5

Modulo Pagine di download

51 Inserimento e configurazione pagine di download

La creazione di pagine di download egrave utile quando si vuole mettere a disposizione una lista di uno o piugravefile in forma scaricabile

Per creare una pagina di download egrave necessario seguire i seguenti passi

1 Creare una pagina standard

2 Inserire il plugin DAM Download List

3 Configurare il plugin

Per creare una pagina egrave sufficiente entrare nel modulo Pagina e selezionare Crea nuovo record per accederealla finestra di creazione pagine

Nellrsquoesempio in figura Backend creazione contenuto (page 52) egrave stata creata la pagina denominata ldquoPaginadownloadrdquo come figlio della pagina ldquoPagina di provardquo

Figura 51 Backend creazione contenuto

Una volta creata la pagina occorre configurarla in maniera tale da permettere la visualizzazione di unalista di file scaricabili Per fare ciograve occorre inserire un plugin denominato ldquoDAM Download Listrdquo Unplugin egrave un contenuto speciale da inserire in una pagina

52

DocWeb Release 101

Per inserirlo come per un contenuto occorre seguire i seguenti passi (figura Backend creazione contenuto(page 52))

1 Selezionare la pagina in cui inserire il plugin Nellrsquoesempio la pagina denominata ldquoPaginadownloadrdquo

2 Selezionare la voce Clicca qui per il wizard nella maschera che compare quando si vuole inserire unnuovo record

Figura 52 Wizard nuovo contenuto

Oltre ai normali contenuti standard il wizard permette di selezionare (figura Wizard nuovo contenuto(page 53))

1 Contenuti speciali

2 Moduli

3 Plugins

Allrsquointerno della lista dei Plugins selezionare DAM Lista dei file scaricabili (punto 4 nella figura Wizardnuovo contenuto (page 53))

Dopo aver selezionato il plugin occorreragrave selezionare la posizione della pagina in cui inserire lrsquoelemento

Selezionare ldquoNormalerdquo

A questo punto il plugin egrave inserito nella pagina desiderata

51 Inserimento e configurazione pagine di download 53

DocWeb Release 101

Oltre allrsquoinserimento occorre configurare il plugin in modo da dirgli quali file far visualizzare

Una volta che il plugin viene inserito viene aperta una finestra (figura Contenuto pagina (page 54)) doveviene richiesto di selezionare dei file inseriti nel sistema

Figura 53 Contenuto pagina

Per proseguire correttamente egrave necessario salvare immediatamente il Contenuto Pagina altrimenti leoperazioni successive potrebbero andare perse

Per inserire i file nella lista occorre effettuare la seguente operazione (figura Contenuto pagina (page 54))

1 Nella parte della maschera denominata DAM Lista di file scaricabili selezionare lrsquoicona SfogliaRecord (cerchiata in rosso) per avviare la procedura di selezione dei file

Selezionando la voce Sfoglia Record verragrave aperto lrsquoElement Browser di TYPO3 che ci permette di se-lezionare i file da inserire nel plugin La finestra (figura Element browser (page 55)) egrave composta di dueschede

1 Media ndash permette di selezionare i file giagrave esistenti nel sistema

2 Upload ndash permette di caricare nuovi file

Selezionando la sezione Media egrave possibile selezionare dalla lista i file da inserire

51 Inserimento e configurazione pagine di download 54

DocWeb Release 101

Figura 54 Element browser

Se la lista dei file fosse troppo lunga egrave possibile effettuare delle ricerche per nome e per tipologia di file(doc htm )

Per cercare per nome (figura Ricerca per nome (page 55)) occorre inserire nella casella di testo Cercastringa (punto 1 nella figura sopra) il nome o parte del nome del file da cercare Una volta specificata lastringa di ricerca premere il tasto Cerca (punto 2)

Figura 55 Ricerca per nome

Per cercare un particolare tipo di file selezionare il nome dellrsquoestensione che si desidera dallrsquoelenco deitipi di file (figura Ricerca per tipo (page 56))

Nota I due tipi di ricerca possono essere usati contemporaneamente

Selezionando la voce informazioni (punto 1 nella figura Selezione file (page 56)) egrave possibile visualizzarele meta-informazioni associate al file

Premendo con il mouse sul nome del file (punto 2) o sullrsquoicona associata (punto 3) si inserisce il file nellalista dei file da far visualizzare nella pagina di download mediante lrsquoapposito plugin

Selezionando la scheda Upload si puograve inserire un file non presente nel sistema (figura Caricamentoimmediato file (page 56))

51 Inserimento e configurazione pagine di download 55

DocWeb Release 101

Figura 56 Ricerca per tipo

Figura 57 Selezione file

Figura 58 Caricamento immediato file

51 Inserimento e configurazione pagine di download 56

DocWeb Release 101

Scegliere i file dal proprio PC seguendo le operazioni giagrave descritte nel modulo DAM e selezionare dallascheda Media i nuovi file inseriti

Nella figura Plugin con file selezionati (page 57) egrave visualizzato un esempio di maschera di configurazionedel plugin con la lista dei file selezionati

Figura 59 Plugin con file selezionati

I file una volta inseriti possono essere ordinati selezionando sugli appositi bottoni posti a destra dellalista file

bull Per ordinare un determinato file occorre

bull Selezionare un file

Premere uno dei tasti (figura sopra) per

1 Spostare in prima posizione

2 Spostare in alto di una posizione

3 Spostare in basso di una posizione

4 Spostare in ultima posizione

5 Rimuovere dalla lista il file selezionato

Una volta eseguiti i passaggi sopra descritti salvare la configurazione del plugin

51 Inserimento e configurazione pagine di download 57

CAPITOLO 6

Modulo Sitemap

Ersquo possibile generare una mappa del sito scegliendo un contenuto speciale di tipo ldquoMappa del Sitordquo comemostrato nella figura Contenuto mappa del sito (page 58)

Figura 61 Contenuto mappa del sito

Per scegliere un record di tipo ldquomappa del sitordquo (per visualizzare cioegrave la vista dei contenuti possibili)saragrave necessario portarsi in modalitagrave ldquopaginardquo compiendo gli stessi passaggi descritti per la creazione dicontenuti semplici in fase di creazione delle pagine (in questo caso selezionando il contenuto specialemappa)

58

DocWeb Release 101

61 Scheda di configurazione Mappa

La scheda di configurazione si presenta come nella figura Scheda mappa del sito (page 59)

Figura 62 Scheda mappa del sito

I campi fondamentali da personalizzare sono lrsquointestazione (ossia il titolo pagina) il tipo di menugrave e ilpunto di partenza Nellrsquointestazione viene inserito come di consuetudine il titolo pagina

62 Tipo di mappa

Ersquo possibile scegliere il tipo di mappa che si desidera creare consultando il menugrave a tendina ldquotipo di menugraverdquoche ci offriragrave diverse opzioni

Le piugrave frequentemente usate sono di tipo ldquoMenugrave delle sottopagine rdquo come indicato nella figura Tipo dimenu (page 60)

Menugrave delle sottopagine di queste pagine Scegliendo questa opzione da una pagina padre sigenereragrave un record che mostreragrave al suo interno tutte le sottovoci figlio con relativo link

Menugrave delle sottopagine di queste pagine (con abstract) Genera una mappa sia delle sottopagineche dei sottotitoli

Menugrave delle sottopagine di queste pagine + sezioni Genera una mappa sia delle sottopagine chedei record (link alle intestazioni dei singoli record)

Selezionando voci di menugrave di sottopagine egrave anche possibile stabilire un determinato punto di partenzasfogliando lrsquoapposito record

61 Scheda di configurazione Mappa 59

DocWeb Release 101

Figura 63 Tipo di menu

63 Il ldquopunto di partenzardquo della mappa

Il ldquopunto di partenzardquo dei Menugrave delle sottopagine Scheda mappa del sito (page 59) costituisce la paginadalla quale il sistema partiragrave per creare la mappa

Si potragrave quindi creare una mappa (di tipo menugrave delle sottopagine) che mostri solamente il percorso diquella porzione di menugrave che si intende mostrare

63 Il ldquopunto di partenzardquo della mappa 60

CAPITOLO 7

Modulo News

71 Inserimento e modifica di news

Alcune sezioni del nostro sito potrebbero essere state configurate per permettere la visualizzazione dinotizie

Per poter visualizzare le news correttamente occorre che queste ultime vengano inserite in una determi-nata posizione allrsquointerno del backend Da questa posizione che chiameremo repository delle news lenostre pagine andranno a prelevare le news da visualizzare al loro interno

Figura 71 Backend news

Nellrsquoesempio presentato nella figura Backend news (page 61) distinguiamo

1 il repository delle news che egrave stato creato

2 Un esempio di come potrebbe apparire il contenuto del repository delle news (lista delle news)

Per poter visualizzare il contenuto del repository delle news occorre seguire i seguenti passi

1 entrare nel modulo Pagina

61

DocWeb Release 101

2 selezionare il repository delle news corrispondente (nellrsquoesempio della figura Backend news (page 61)il Repository delle news si chiama ldquoNews Area Testrdquo)

Poniamo ora la nostra attenzione alla lista delle news (figura Lista news (page 62)) Da qui egrave possibile

bull Inserire una nuova notizia

bull Modificare le notizie giagrave esistenti

Per inserire una nuova notizia occorre selezionare la voce Crea nuovo record (figura Lista news (page 62))posta in fondo alla lista delle news

Figura 72 Lista news

A questo punto si apre la finestra di creazione Nuovo record da cui occorre selezionare la voce News(figura Nuovo record news (page 62))

Figura 73 Nuovo record news

Eseguendo le operazioni sopra descritte si accede alla maschera di inserimento news (figura Inserimentonews scheda generale (page 63))

Questa si compone di due schede una denominata Generale e unrsquoaltra denominata Relations

Nella scheda Generale egrave possibile inserire

Titolo in questo spazio egrave possibile specificare un titolo della news

Nascondi questo controllo determina se la news egrave pubblicabile oppure no Come avviene per le pagineanche per le news egrave consigliabile tenere la news nascosta durante la lavorazione Facciamo notare

71 Inserimento e modifica di news 62

DocWeb Release 101

Figura 74 Inserimento news scheda generale

71 Inserimento e modifica di news 63

DocWeb Release 101

che appena viene aperta la maschera di inserimento di una nuova news il controllo appare giagrave instato nascosto

Dataora in questo spazio viene indicata la data e lrsquoora della creazione della news in base ai parametridi sistema

Data Archiviazione in questo spazio viene inserita la data di Archiviazione di una news

Autore permette di specificare un autore della news

Email permette di specificare un e-mail a cui fare riferimento

Sottointestazione questo campo conterragrave una breve descrizione (abstract) della news La sottointes-tazione egrave quella parte della news che compare quando viene visualizzata la lista delle news e serveper dare una breve descrizione al contenuto della news (si veda Esempio news (page 64))

Figura 75 Esempio news

Durante lrsquoinserimento di una news egrave consigliabile specificare sempre una sottointestazione

Testo egrave il campo che contiene il contenuto vero e proprio della news Egrave possibile utilizzare tutte lefunzionalitagrave messe a disposizione dallrsquoeditor RTE

72 Modalitagrave Relations

Nella modalitagrave Relations (figura Inserimento news scheda relations (page 65)) egrave possibile inserire

Immagini contiene una lista di immagini da associare alla news Il procedimento per la se-lezionecaricamento delle immagini egrave stato descritto nella parte dedicata alla creazione di paginedi download a cui vi rimandiamo

Didascalia permette di specificare una descrizione per lrsquoimmagine associata alla news

Image alttext e Image titletext permette di specificare un testo che in visualizzazione (Frontend)compariragrave al passaggio del mouse sopra lrsquoimmagine

News correlate permette di specificare news o pagine del sito da associare alla news Il procedimentodi selezione delle news da associare alla notizia saragrave spiegato successivamente

DAM elements permette di assegnare alla news dei documenti da scaricare come per esempioil programma di un determinato evento Anche in questo caso il procedimento per la se-lezionecaricamento dei documenti egrave quello giagrave descritto nella parte dedicata alla creazione dipagine di download

Descriviamo il procedimento da seguire per associare alcune pagine o alcune news alla notizia che stiamoinserendo

Premere il tasto di Sfoglia Record evidenziato nella figura Sfoglia record news (page 65)

Verragrave aperta una finestra che contiene un Element Browser che ci permette di selezionare le newspagine(figura Element browser news (page 66)) da associare

La finestra di selezione si suddivide nelle seguenti parti (figura sopra)

Alberatura del sito da cui egrave possibile esplorare gli elementi del nostro sito (pagine sysfolder )Premendo con il tasto sinistro del mouse sul nome della pagina o sulla freccia corrispondente verragraveaggiornata la parte di destra della finestra in cui egrave inserita la lista degli elementi associabili

72 Modalitagrave Relations 64

DocWeb Release 101

Figura 76 Inserimento news scheda relations

Figura 77 Sfoglia record news

72 Modalitagrave Relations 65

DocWeb Release 101

Figura 78 Element browser news

Lista degli elementi associabili egrave quindi possibile selezionare gli elementi da associare alla newsPer associare un elemento si puograve selezionare il simbolo ldquo+rdquo posto accanto allrsquoelemento desideratoo agendo sul nome del file Nel primo caso lrsquoelemento viene aggiunto ma la finestra non si chiuderagrave(utile per effettuare selezioni multiple) mentre nel secondo caso lrsquoelemento viene aggiunto e lafinestra si chiuderagrave (selezione singola)

Nota Per associare una o piugrave news alla notizia che stiamo inserendo occorreragrave innanzitutto selezionareil repository delle news e utilizzando i metodi descritti in precedenza indicare le news di interesse

Nella figura Selezione repository (page 66) viene visualizzato come appare lrsquoElement Browser dopo averselezionato il repository delle news denominato ldquoNews Corso Typo3rdquo

Figura 79 Selezione repository

Una volta ultimato il procedimento di inserimento di una news vedremo che nel repository compariragrave(figura News nel repository (page 67)) anche quella da noi creata Nellrsquoesempio la news creata si chiamaldquoTitolo della news di provardquo

Dalla lista delle news possiamo notare che i diversi tipi di news sono contrassegnati con icone diverse

In particolare distinguiamo

72 Modalitagrave Relations 66

DocWeb Release 101

Figura 710 News nel repository

bull News (icona ldquocelestinardquo)

bull Collegamento a URL esterna (icona ldquorosardquo)

bull Collegamento a pagina interna (icona ldquogiallinardquo)

Per modificare il contenuto di una news egrave sufficiente selezionare il simbolo di modifica (figura Modificanews (page 67)) in corrispondenza della news da modificare

Figura 711 Modifica news

73 News collegata a URL esterna e a pagina interna

Attraverso la selezione della finestra ldquoTipordquo egrave possibile scegliere diverse tipologie di news

Nella figura News collegata a url esterna (page 68) egrave stato selezionato il Collegamento a URL esterna checi offriragrave la possibilitagrave di specificare un link (ldquoURL esternordquo) da far visualizzare e che saragrave contraddistintain lista da lrsquoicona di colore rosa

Selezionando il Collegamento a pagina interna viene offerta la possibilitagrave di inserire un collegamento auna pagina del sito (evidenziato nella figura News collegata a pagina interna (page 69))

La news si presenteragrave con icona di color ldquogiallordquo e al suo interno conterragrave un link alla pagina interna alsito

73 News collegata a URL esterna e a pagina interna 67

DocWeb Release 101

Figura 712 News collegata a url esterna

73 News collegata a URL esterna e a pagina interna 68

DocWeb Release 101

Figura 713 News collegata a pagina interna

73 News collegata a URL esterna e a pagina interna 69

DocWeb Release 101

74 Eliminazione delle News

Per eliminare una news possiamo procedere tra lrsquoaltro in due modi

1 Selezionare la news da eliminare dallrsquoelenco e selezionare la voce ldquocancellardquo dal menugrave a tendinaconsultabile cliccando con il pulsante destro sullrsquoicona in corrispondenza della news (figura Eliminanews da menu contestuale (page 70))

Figura 714 Elimina news da menu contestuale

2 Entrare allrsquointerno della modalitagrave di modifica della news attraverso lrsquoicona ldquomatitardquo e selezionare lrsquoi-cona raffigurante il bidone di elimina posta in alto pagina (figura Elimina news da scheda contenuto(page 70))

Figura 715 Elimina news da scheda contenuto

75 Ordinamento delle News e ricerca

Puograve essere necessario durante la visualizzazione della lista delle news (lato backend) di dover effettuaredegli ordinamenti al fine di permettere una ricerca piugrave veloce delle news da modificare

74 Eliminazione delle News 70

DocWeb Release 101

Avvertimento Lrsquoordinamento ha valore solo come ricerca allrsquointerno del backend mentre latofrontend rispecchieragrave i parametri prestabiliti dal sistema

Supponiamo per esempio di voler effettuare un ordinamento per Titolo Seguiamo i seguenti passi(figura sotto)

1 Selezionare la voce di menugrave Lista

2 Selezionare il deposito delle news (repository) News Corso Typo3

3 Cliccare con il mouse in corrispondenza della voce ldquoTitolordquo

A questo punto (figura Ordinamento news (page 71)) le news vengono ordinate in ordine crescente(vengono visualizzate prima le news con titolo che inizia con la lettera a b e cosigrave via)

Figura 716 Ordinamento news

Se clicchiamo unrsquoaltra volta sulla voce ldquoTitolordquo il tipo di ordinamento cambia da crescente a decrescente(compariranno per prima le news con titolo che inizia per z )

Egrave inoltre possibile ordinare secondo campo da noi specificato Per definire il nome di un campo (ad estesto inizio autore ) su cui effettuare lrsquoordinamento occorreragrave spostarsi in fondo alla lista delle newsdove troveremo una lista di campi (figura Mostra campo aggiuntivo news (page 71))

Figura 717 Mostra campo aggiuntivo news

Dalla lista possiamo

bull Selezionare la voce in base alla quale effettuare lrsquoordinamento (ad esempio Immagini)

bull Premere il tasto Imposta campi per aggiungere alla lista dei campi visualizzati quello selezionato

75 Ordinamento delle News e ricerca 71

DocWeb Release 101

A questo punto il campo selezionato (nel nostro esempio il campo Immagini) compare nella lista dellenews (il campo aggiunto egrave evidenziato con un riquadro in alto a destra nella figura Ordinamento campoaggiuntivo news (page 72))

Figura 718 Ordinamento campo aggiuntivo news

Effettuare le stesse operazioni illustrate per il campo Titolo per ordinare in modo crescente e decrescentele news secondo il criterio impostato (click pulsante sinistro sul nome etichetta)

Egrave anche possibile ricercare le news in base al testo contenuto nel titolo sottotitolo descrizione eccUtilizzando la maschera di ricerca in fondo pagina (evidenziata nella figura Ricerca news (page 72))

Figura 719 Ricerca news

Per effettuare una ricerca egrave necessario seguire i seguenti passi

1 Inserire nel campo Cerca Stringa il testo da cercare (nel nostro esempio ldquonequerdquo)

2 Premere il tasto Cerca per eseguire la ricerca secondo i criteri impostati

In questo modo nella lista delle news compariranno solo quelle che contengono il testo specificatoEffettuata la ricerca egrave possibile effettuare degli ordinamenti come spiegato in precedenza

75 Ordinamento delle News e ricerca 72

CAPITOLO 8

Modulo Eventi

Avvertimento SEZIONE NON COMPLETA

Si confrontino i seguenti due tipi di contenuti

Evento egrave un tipo di contenuto adatto a descrivere qualcosa che accadragrave o che egrave accaduto in una certadata La data o le date in cui lrsquoevento ricorre sono strettamente legate ad un luogo in cui lrsquoeventosi verificheragravesi egrave verificato Gli eventi vengono rappresentati mediante la metafora dellrsquoagenda edel calendario

Notizia egrave un tipo di contenuto caratterizzato dalla data di pubblicazione secondo la metafora delgiornale online E come in un giornale online una notizia puograve riferirsi sia a fatti giagrave accaduti chea fatti a venire

Nota Per comprendere meglio la differenza tra i due tipi di contenuto si pensi che dato un eventoche ha una certa data di svolgimento (ad es 20 maggio) di tale evento posso realizzare piugrave di unanotizia Rimanendo nellrsquoesempio potrei pubblicare una notizia il 10 maggio per preannunciare lrsquoeventoe poi unrsquoaltra il 18 maggio per ricordarne lrsquoimminenza Infine potrei pubblicare una notizia di riepilogo(cronaca dellrsquoevento immagini ecc) il 22 maggio

81 Scopo del modulo Eventi

Il visitatore del sito deve poter cogliere le informazioni essenziali di un evento

bull Cosa sta per succedere

bull Dove accadragrave

bull Quando accadragrave

82 Il Backend ndash Modulo Pagina

Vedi figura Eventi vista modulo pagina (page 74)

83 Il Backend ndash Modulo Lista

Vedi figura Eventi vista modulo lista (page 74)

73

DocWeb Release 101

Figura 81 Eventi vista modulo pagina

Figura 82 Eventi vista modulo lista

83 Il Backend ndash Modulo Lista 74

DocWeb Release 101

84 Creazione di un evento

Prima di procedere poniamoci qualche domanda

bull Lrsquoevento appartiene a qualche rassegna iniziativa per la quale sono in programma altri eventiPer esempio

ndash Rassegne teatrali cinematografiche

ndash Festival

bull Lrsquoevento si ripete

ndash La replica avviene sempre nello stesso luogo

841 Creazione del record

Vedi figura Creazione nuovo evento (page 75)

Vedi figura Creazione nuovo record evento (page 76)

Figura 83 Creazione nuovo evento

842 Scheda ldquoGeneralerdquo

Vedi figura Evento scheda generale (page 76)

843 Scheda ldquoFinestra temporalerdquo

Orario repliche

Vedi figura Evento finestra temporale (page 78)

84 Creazione di un evento 75

DocWeb Release 101

Figura 84 Creazione nuovo record evento

Figura 85 Evento scheda generale

84 Creazione di un evento 76

DocWeb Release 101

bull Lrsquoorario va solo per le Finestre temporali di un giorno (data inizio = data fine)

bull Se non si conosce lrsquoora della fine impostare ora inizio = ora fine

844 Scheda ldquoTestordquo

Vedi figura Evento scheda testo (page 79)

84 Creazione di un evento 77

DocWeb Release 101

Figura 86 Evento finestra temporale

84 Creazione di un evento 78

DocWeb Release 101

Figura 87 Evento scheda testo84 Creazione di un evento 79

  • Introduzione
    • Cosegrave DocWeb
    • Concetti chiave
      • Funzionalitagrave di Base
        • Il CMS Typo3 ldquobackendrdquo e ldquofrontendrdquo
        • Cambio password di accesso
        • Albero delle pagine
        • Implementazione delle pagine ldquogenitori rdquo e ldquofiglirdquo
        • Inserimento Nuova pagina
        • Elementi standard della pagina
        • Inserimento contenuti di una pagina
        • Contenuti multipli allrsquointerno di una pagina
        • Modifica dei contenuti della pagina
        • Spostamento di pagine
        • Eliminazione pagine
        • Rich Text Editor
        • Modalitagrave Lista
        • Modalitagrave Mostra
        • Modalitagrave ldquoMonta come radice dellrsquoalberordquo
        • Ottenere il page-id di una pagina
        • Admin Panel
          • La Clipboard
            • Copia o spostamento di un contenuto singolo di pagina allrsquointerno di unrsquoaltra pagina
            • Copia o spostamento di piugrave contenuti da una pagina ad unrsquoaltra
              • Modulo DAM (Digital Asset Management)
                • Caricamento e Aggiornamento di file
                • Ricerca di file allrsquointerno del DAM e modifica delle meta-informazioni
                  • Modulo Pagine di download
                    • Inserimento e configurazione pagine di download
                      • Modulo Sitemap
                        • Scheda di configurazione Mappa
                        • Tipo di mappa
                        • Il ``punto di partenza della mappa
                          • Modulo News
                            • Inserimento e modifica di news
                            • Modalitagrave Relations
                            • News collegata a URL esterna e a pagina interna
                            • Eliminazione delle News
                            • Ordinamento delle News e ricerca
                              • Modulo Eventi
                                • Scopo del modulo Eventi
                                • Il Backend ndash Modulo Pagina
                                • Il Backend ndash Modulo Lista
                                • Creazione di un evento
Page 28: DocWeb€¦ · per la realizzazione e la gestione di siti web della Pubblica Am-ministrazione. La piattaforma tecnologica utilizzata è il CMS (Content Management System) Open SourceTypo31

DocWeb Release 101

Figura 227 Backend modalitagrave lista

Utilizzando le icone poste alla destra di ogni voce si possono compiere diverse operazioni di modificavisualizzazione spostamento copia e incolla pagina ecc come precedentemente descritto

Dunque potremo dire che la modalitagrave lista costituisce una scorciatoia per semplificare ogni sorta dioperazione soprattutto in presenza di un numero considerevole di files

214 Modalitagrave Mostra

Figura 228 Backend modalitagrave mostra

Selezionando la voce ldquoMostrardquo (figura Backend modalitagrave mostra (page 25)) dal menugrave di sinistra egrave possibilenavigare il sito allrsquointerno del docweb direttamente nel backend

214 Modalitagrave Mostra 25

DocWeb Release 101

Inoltre accanto ai vari record troveremo posta lrsquoicona matita per eseguire eventuali modifichedirettamente sul punto e la pagina prescelti

Anche la modalitagrave ldquoMostrardquo come la rdquoListardquo (cap 13) costituisce una scorciatoia particolarmente indicataper semplificare lrsquooperazione di visualizzazione del sito e di modifica

215 Modalitagrave ldquoMonta come radice dellrsquoalberordquo

Quando esistono diverse e numerose pagine egrave possibile gestire solo la porzione di contenuto che ci interessariducendo lrsquoalberatura del sito (lato backend) ai minimi termini mediante il comando ldquomonta come radicedellrsquoalberordquo

Per effettuare il comando procedere come segue

Cliccare con il pulsante destro del mouse sul titolo pagina dal menugrave centrale

Selezionare la voce ldquoaltre opzionirdquo dal menugrave a tendina (figuraMenu altre opzioni (page 26)) che compariragravecome conseguenza dellrsquoazione descritta al punto uno

Figura 229 Menu altre opzioni

Selezionare dallrsquoulteriore menugrave che si apriragrave (figura Seleziona monta come radice (page 26)) la voceldquoMonta come radice dellrsquoalberordquo

Figura 230 Seleziona monta come radice

Lrsquoalberatura si ridurragrave automaticamente mostrando solo la porzione selezionata

Per ripristinare lo stato di partenza selezionare la voce in alto nel menugrave centrale (figura Elimina DBmount (page 26)) ldquoElimina DB mount temporaneordquo

Figura 231 Elimina DB mount

Il menugrave si espanderagrave nuovamente mostrando tutte le voci esistenti

215 Modalitagrave ldquoMonta come radice dellrsquoalberordquo 26

DocWeb Release 101

216 Ottenere il page-id di una pagina

2161 Frontend (FE)

Da frontend si puograve ottenere il page-id della pagina corrente nei seguenti modi

1 dalla barra degli indirizzi del proprio browser (figura Id dallrsquourl (page 27)) Il numero della paginaegrave quello dopo la stringa ldquoid=rdquo Nella figura egrave cerchiata in verde la stringa ldquoid=rdquo e il numero dellapagina (page-id)

Figura 232 Id dallrsquourl

2 Puntando il mouse sulla scritta [id] a pieacute pagina e leggendo il tooltip (figura Id dal tooltip (page 27))

Figura 233 Id dal tooltip

3 Solo per browser Firefox dal menugrave di contesto scegliere la voce ldquoVisualizza info paginardquo si apreuna finestra consultare quindi la lista Meta sotto la scheda Generale (Id dagli attributi (page 28))

2162 Backend (BE)

Da backend egrave possibile ottenere il page-id nei seguenti modi

1 leggendo il tooltip puntando il mouse sullrsquoicona della pagina nel riquadro della struttura del sito(figura Id dal tooltip nel backend (page 28))

2 dal modulo di modifica delle intestazioni della pagina (figura Id dalle intestazioni pagina nel backend(page 28)) Il numero egrave tra le parentesi quadre dopo il titolo della pagina

217 Admin Panel

Quando si inseriscono contenuti con Typo3 (backend) egrave possibile visualizzare unrsquoanteprima della paginache si sta creando per vedere i risultati del lavoro svolto

Per visualizzare unrsquoanteprima di una pagina occorre (figura Menu mostra (page 29))

1 posizionarsi sulla pagina da visualizzare

2 premere il tasto sinistro del mouse in corrispondenza del nome

216 Ottenere il page-id di una pagina 27

DocWeb Release 101

Figura 234 Id dagli attributi

Figura 235 Id dal tooltip nel backend

Figura 236 Id dalle intestazioni pagina nel backend

217 Admin Panel 28

DocWeb Release 101

Figura 237 Menu mostra

3 selezionare la voce Mostra

In base alla pagina scelta si avragrave un risultato come quello visualizzato nella figura Anteprima pagina conAdmin panel (page 29)

Figura 238 Anteprima pagina con Admin panel

La pagina presenteragrave nella parte superiore lrsquoanteprima della pagina Nella parte inferiore vienevisualizzato uno strumento denominato Admin Panel

Questo oggetto offre lato front-end alcune funzionalitagrave (figura Moduli Admin panel (page 30)) cheaiutano i gestori di contenuti nella creazionemodifica delle pagine web del sito

NellrsquoAdmin panel (figura sopra) egrave possibile distinguere

217 Admin Panel 29

DocWeb Release 101

Figura 239 Moduli Admin panel

1 Modulo Preview ndash offre la possibilitagrave di selezionare alcune opzioni sulla pagina per simulare alcunesituazioni in cui la pagina si puograve trovare durante la visualizzazione

2 Modulo Cache ndash offre la possibilitagrave di gestire la cache

Allrsquointerno del modulo Preview abbiamo le seguenti voci

Mostra pagine nascoste selezionando la casella di controllo corrispondente a questa voce si visual-izzeranno anche quelle che attualmente non sono visibili allrsquointerno del sito o perchegrave in lavorazioneo perchegrave ancora non egrave stata data lrsquoautorizzazione alla pubblicazione

Mostra record nascosti come per le pagine questa voce offre la possibilitagrave di poter visualizzare allrsquoin-terno della pagina quei contenuti nascosti che non sono ancora ultimati o che sono in attesa di unautorizzazione per la pubblicazione

Simula data con questo controllo egrave possibile simulare il comportamento della pagina in periodi tem-porali diversi Utilizzando la casella di testo egrave possibile inserire delle date In questo modo sirende possibile la visualizzazione di quegli elementi (ad es pagine news ) che sono abilitati acomparirescomparire in base a determinati criteri temporali impostati

Simula gruppo di utenti con questo controllo egrave possibile simulare il comportamento delle pagine inbase ad un determinato gruppo di utenti che vi accede Alcune pagine possono infatti avere uncomportamento diverso in base al tipo di utente che vi accede

Nota Durante la creazione di pagine egrave possibile restringere la visione di una determinata pagina aparticolari tipi di utenti (utenti di frontend) Questa caratteristica offre la possibilitagrave di definire delle areead accesso riservato del sito ossia sezioni del sito a cui egrave possibile accedere solo dopo essersi autenticatie dopo avere avuto i necessari diritti di accesso

Una volta selezionate le opportune scelte allrsquointerno dellrsquoADMIN Panel occorreragrave premere il tasto Aggior-na (figura Aggiorna Admin panel (page 31)) per prendere visione della pagina secondo i criteri impostati

Nota Nel caso in cui lrsquoutente abbia la possibilitagrave di accedere da back-end a piugrave siti (ciascuno con unproprio dominio) bisogna tenere presente che lrsquoADMIN Panel compare soltanto per le pagine relativeal dominio con cui lrsquoutente ha fatto il login In altre parole se un operatore ad esempio egrave abilitatoa lavorare sulle pagine di backend dei siti httpwwwsitoesempio1it e httpwwwsitoesempio2it ese lrsquooperatore accede al backend di DocWeb con lrsquoindirizzo httpwwwsitoesempio1ittypo3 allora

217 Admin Panel 30

DocWeb Release 101

Figura 240 Aggiorna Admin panel

lrsquoADMIN Panel compariragrave solo sulle pagine di frontend del dominio wwwsitoesempio1it e non su quelledel dominio wwwsitoesempio2it

217 Admin Panel 31

CAPITOLO 3

La Clipboard

Lrsquooggetto clipboard (rdquoblocco degli appuntirdquo) egrave molto utile quando si ha la necessitagrave di copiare o spostareuno o piugrave elementi di contenuto o una o piugrave pagine da una sezione del sito (contenitore di pagine) adunrsquoaltra

31 Copia o spostamento di un contenuto singolo di pagina allrsquointernodi unrsquoaltra pagina

Per prima cosa egrave necessario (figura Identifica contenuto (page 32))

Figura 31 Identifica contenuto

1 selezionare la voce Lista

2 selezionare la pagina che contiene il contenuto che si intende copiare (nella figura abbiamo sceltola pagina denominata ldquoCorso di formazione su Typo3rdquo

32

DocWeb Release 101

3 identificare dalla lista dei contenuti associati alla pagina quello da spostare

Supponiamo che si desideri copiare il contenuto denominato ldquoTesto 2rdquo (figura Copia contenuto (page 33))

Figura 32 Copia contenuto

Egrave sufficiente cliccare sullrsquoicona (nella figura sopra evidenziata con un cerchio rosso) di copia incorrispondenza del contenuto da copiare

Dopo avere eseguito questa operazione nella figura Risultato copia contenuto (page 34) possiamo notare

1 Egrave comparsa unrsquoicona nuova che mette in evidenza che nella clipboard egrave presente un elemento

2 Lrsquoicona di copia in corrispondenza del contenuto da spostare ha cambiato aspetto

A questo punto lrsquooggetto che si intende copiare egrave presente nella nostra clipboard

Il passo successivo egrave quello di selezionare la pagina in cui andare a posizionare lrsquoelemento (paginadestinazione)

Rimanendo sempre allrsquointerno del modulo Lista occorreragrave selezionare dallrsquoalberatura delle pagine la pag-ina destinazione Il procedimento da seguire per posizionarsi sulla pagina egrave lo stesso descritto in prece-denza Nella figura Incolla contenuto (page 34) viene evidenziato il contenuto di una pagina (denominataldquoPagina di Provardquo) in cui vogliamo copiare il contenuto

Per copiare il contenuto della clipboard nella pagina selezionare lrsquoicona Incolla contenuto Clipboard

Confermando lrsquooperazione il contenuto saragrave copiato allrsquointerno della pagina selezionata

Per effettuare lo spostamento di un contenuto di pagina allrsquointerno di unrsquoaltra pagina cliccare sullrsquoicona

di Taglia al posto dellrsquoicona copia e ripetere le operazioni sopra descritte

1 Selezionando la casella Mostra clipboard (figura Vista clipboard (page 35)) egrave possibile visualiz-zare lrsquooggetto clipboard Nel caso in figura lrsquoelemento copiato in precedenza (Testo 2) egrave ancoradisponibile allrsquointerno della clipboard Utilizzando il procedimento descritto infatti il contenuto

31 Copia o spostamento di un contenuto singolo di pagina allrsquointerno di unrsquoaltra pagina 33

DocWeb Release 101

Figura 33 Risultato copia contenuto

Figura 34 Incolla contenuto

31 Copia o spostamento di un contenuto singolo di pagina allrsquointerno di unrsquoaltra pagina 34

DocWeb Release 101

selezionato rimane ancora a disposizione dellrsquoutente che potragrave selezionare altre pagine destinazionesu cui eventualmente andare a copiare il contenuto Nel caso in cui si selezioni un altro elementoad esempio ldquoTesto 1rdquo lrsquoelemento presente viene automaticamente sostituito

2 Dallrsquooggetto clipboard egrave possibile rimuovere un elemento premendo il bottone di Elimina postoaccanto ad esso

Figura 35 Vista clipboard

Con il procedimento descritto fino ad ora egrave possibile scegliere soltanto un contenuto alla volta

32 Copia o spostamento di piugrave contenuti da una pagina ad unrsquoaltra

Nel caso in cui ci si trovi nella necessitagrave di copiare piugrave di un contenuto da una pagina allrsquoaltra egrave necessarioseguire i passi seguenti

1 Selezionare il modulo Lista

2 Selezionare la pagina di origine da cui prelevare i contenuti

3 Selezionare la casella Mostra clipboard

4 Selezionare una clipboard tra quelle denominate ldquoClipboard 1rdquo ldquoClipboard 2rdquo ldquoClipboard 3rdquo(punto 3 figura Vista clipboard con contenuto selezionato (page 36))

Selezionando ad esempio la clipboard contrassegnata come ldquoclipboard 1rdquo si avragrave la seguente situazione

32 Copia o spostamento di piugrave contenuti da una pagina ad unrsquoaltra 35

DocWeb Release 101

Figura 36 Vista clipboard con contenuto selezionato

32 Copia o spostamento di piugrave contenuti da una pagina ad unrsquoaltra 36

DocWeb Release 101

1 In corrispondenza di ogni contenuto si evidenzia una Casella di selezione Sopra la colonna con lecaselle di selezione egrave comparsa una lista di bottoni tra cui al momento distinguiamo

2 Bottone di copia elementi nella clipboard

3 Bottone di selezione tuttinessuno

Scegliendo ad esempio i primi due elementi e premendo il pulsante di copia elementi nella clipboard sipuograve notare che (figura Copia nella clipboard (page 37))

Figura 37 Copia nella clipboard

1 La clipboard che abbiamo scelto per la selezione multipla (ldquoClipboard 1rdquo) contiene la lista deglioggetti che abbiamo scelto di copiare

2 Ersquo comparsa lrsquoicona di Incolla contenuto Clipboard

La procedura della selezione della pagina di destinazione rimane identica a quella giagrave utilizzata per lacopia di un contenuto singolo (selezionare la pagina di destinazione su cui andare a posizionare i contenutiselezionati)

Egrave importante fare notare che seguendo le operazioni descritte sopra si ottiene come risultato lospostamento dei contenuti dalla pagina origine a quella destinazione

Se si desidera copiare gli elementi selezionati egrave necessario una volta selezionati gli elementi da copiarepremere il tasto copia gli items invece di spostarli (evidenziato con un cerchio rosso nella figura Tagliadalla clipboard (page 38))

32 Copia o spostamento di piugrave contenuti da una pagina ad unrsquoaltra 37

DocWeb Release 101

Figura 38 Taglia dalla clipboard

32 Copia o spostamento di piugrave contenuti da una pagina ad unrsquoaltra 38

DocWeb Release 101

In questo modo dopo avere confermato lrsquooperazione i contenuti o le pagine da copiare saranno presentisia nella pagina origine che in quella destinazione

32 Copia o spostamento di piugrave contenuti da una pagina ad unrsquoaltra 39

CAPITOLO 4

Modulo DAM (Digital AssetManagement)

Il modulo DAM (Digital Asset Management) offre la possibilitagrave di raccogliere e catalogare contenuti informato digitale come immagini documenti presentazioni

Ogni file inserito puograve essere corredato di informazioni aggiuntive (meta-informazioni) come la descrizionelrsquoautore parole chiave ecc

Attraverso il modulo DAM egrave possibile svolgere le seguenti operazioni

bull Caricamento e Aggiornamento di file

bull Ricerca di file allrsquointerno del DAM e modifica delle meta-informazioni associate ai file

41 Caricamento e Aggiornamento di file

Lrsquooperazione di CaricamentoAggiornamento di file serve per sottoporre al sistema DAM un particolarecontenuto memorizzato in formato digitale

Lrsquoelemento caricato saragrave poi disponibile a chi inserisce contenuti

Per iniziare lrsquooperazione di caricamento di un file egrave sufficiente selezionare la voce File che si trovaallrsquointerno del modulo Media (figura Menu file (page 41))

La maschera che si apre (figura File upload (page 41)) offre le seguenti possibilitagrave

1 Selezione della posizione dove andare a caricareaggiornare il file

2 Specificare alcuni documenti da caricare (area File)

Concentrandoci sullrsquoarea File (figura Dettaglio file upload (page 42)) distinguiamo

1 Voce Show upload location browser (punto 1 figura sopra) egrave possibile visualizzare i file attualmentecaricati nel Mount Point selezionato

2 Lista di bottoni denominati Sfoglia da utilizzare nel caso in cui si desideri caricareaggiornareun file

Se si desidera caricare un file occorre cliccare sul bottone Sfoglia

La finestra che appare (figura Sfoglia file (page 42)) permette di selezionare dal proprio PC il file dacaricare

Per selezionare un file da caricare occorre

1 Esplorare le cartelle del proprio PC per trovare il file

40

DocWeb Release 101

Figura 41 Menu file

Figura 42 File upload

41 Caricamento e Aggiornamento di file 41

DocWeb Release 101

Figura 43 Dettaglio file upload

Figura 44 Sfoglia file

41 Caricamento e Aggiornamento di file 42

DocWeb Release 101

2 Inserire il nome del file nella casella di testo Nome file

3 Premere il tasto Apri

Una volta che si egrave selezionato un file egrave possibile

1 selezionare altri file da caricare seguendo gli stessi passi descritti in precedenza

2 effettuare lrsquooperazione di caricamento del file vero e proprio

Dallrsquoesempio abbiamo scelto di caricare un solo file

Il caricamento dei file viene eseguito premendo il bottone ldquoUpload filesrdquo che si trova in fondo alla listadei file selezionati (figura File selezionato (page 43))

Figura 45 File selezionato

Se tutto egrave stato eseguito correttamente appariragrave una finestra come quella nella figura Process files(page 44)

In questa maschera egrave possibile

1 Specificare le meta-informazioni per il singolo file come ad esempio il titolo parole chiavedescrizione

2 Avviare il processo di elaborazione multipla premendo il bottone Process selected files Con questoprocesso egrave possibile inserire o modificare le meta-informazioni per tutti i file della lista (in questocaso solo uno)

Se si vuole eseguire lrsquoinserimento delle meta-informazioni per singolo file la finestra che si apre egrave similea quella presentata in figura Elaborazione metainformazioni singolo file (page 44)

Nel caso si scelga di eseguire il processo di elaborazione multipla la maschera che compare (figuraElaborazione metainformazioni file multipli (page 45)) permette di selezionare le meta-informazioni chelrsquoutente intende inserire contemporaneamente per tutti i file della selezione

41 Caricamento e Aggiornamento di file 43

DocWeb Release 101

Figura 46 Process files

Figura 47 Elaborazione metainformazioni singolo file

41 Caricamento e Aggiornamento di file 44

DocWeb Release 101

Figura 48 Elaborazione metainformazioni file multipli

41 Caricamento e Aggiornamento di file 45

DocWeb Release 101

Se si seleziona la checkbox accanto alla voce che eventualmente saragrave inserita questa viene aggiuntaalle informazioni eventualmente giagrave presenti (modalitagrave append) Nellrsquoaltro caso le informazioni sarannosovrascritte

I campi Titolo e Descrizione sono obbligatori mentre il campo Parole chiavi puograve essere valorizzato adiscrezione dellrsquoutente Informazioni su come valorizzare i campi elencati sopra saranno descritte suapposite linee guida

Per completare lrsquoinserimentoaggiornamento delle meta-informazioni riguardanti il file caricato occorrepremere il tasto Send (figura Salva metainformazioni (page 46)) in fondo alla maschera per il salvataggiodelle informazioni

Figura 49 Salva metainformazioni

Tornando alla maschera di caricamento file e selezionando la checkbox in corrispondenza della voceSovrascrivi file esistenti (figura Carica file sovrascrivendo (page 46)) saragrave possibile aggiornare eventualifile che hanno lo stesso nome di quello che stiamo caricando

Questa procedura egrave utile quando si vuole aggiornare il contenuto di un file che egrave giagrave presente nel DAM

Figura 410 Carica file sovrascrivendo

Nel caso di aggiornamento di un file le meta-informazioni del file rimangono le stesse inserite inprecedenza Come si puograve notare non viene offerta la possibilitagrave di inserirne di nuove

Nel caso in cui un file con lo stesso nome sia giagrave caricato e non si desideri aggiornarlo il file inseritoper ultimo viene rinominato con un suffisso generato automaticamente dal DAM In questo caso la voceSovrascrivi file esistenti non deve essere selezionata (figura Carica file senza sovrascrivere (page 47))

Nellrsquoesempio in figura viene presentata la lista dei file presenti nel mount point selezionato

Da notare la presenza di un file che egrave stato rinominato dal DAM con un suffisso ldquo_01rdquo dato che nellastessa posizione era giagrave presente un file con lo stesso nome

41 Caricamento e Aggiornamento di file 46

DocWeb Release 101

Figura 411 Carica file senza sovrascrivere

41 Caricamento e Aggiornamento di file 47

DocWeb Release 101

42 Ricerca di file allrsquointerno del DAM e modifica delle meta-informazioni

Rimanendo sempre allrsquointerno del modulo Media selezioniamo la voce List egrave possibile effettuare dellericerche dei file e modificare le meta-informazioni associate ai file

Nella figura Backend media list (page 48) distinguiamo

Figura 412 Backend media list

1 Parte relativa ai Mount Point disponibili

2 Parte relativa ai tipi di file caricati nel sistema

3 Schede List Thumbnails Selection Process

Da questa sezione egrave possibile effettuare ricerche sui file caricati nel DAM

Le ricerche che si possono eseguire sono del tipo ldquotrova tutti i file pdf e docrdquo oppure ldquoelenca tutti i filedi tipo immagine ad eccezione dei file con estensione gifrdquo

Per prima cosa facendo click sul nome del tipo file (es gif oppure image) si seleziona solo quel tipo difile e si escludono tutti i criteri selezionati in precedenza

Per aggiungere un altro criterio di ricerca egrave sufficiente selezionare il ldquo+rdquo (punto 1 nella figura Criteri diselezione (page 49)) posto accanto al tipo di file che si vuole selezionare

Con il ldquo-ldquo(punto 2) saragrave possibile rimuovere il tipo di file dai criteri di ricerca

Selezionando ldquo=rdquo (punto 3) egrave possibile introdurre clausole del tipo ldquocerca un file che sia doc e presentenel Mount Point chiamato lsquoArea Testrsquordquo (ossia effettua una ricerca che risponda a tutti i criteri impostati)

Nellrsquoesempio della figura Salva selezione (page 49) sono stati selezionati tutti i tipi di immagine adeccezione dei file con estensione gif Questo risultato si ottiene nel seguente modo

1 selezionare il ldquo+rdquo accanto alla voce ldquoimagerdquo

2 premendo il tasto ldquo-ldquo in corrispondenza della voce ldquogifrdquo

I criteri impostati per la selezione possono essere salvati per un uso futuro Per salvare la selezioneoccorre (figura Salva selezione (page 49))

1 riempire il campo sotto la voce SELECTION con un nome che identifichi la ricerca

2 premere il tasto Save per salvare la modalitagrave di ricerca impostata

In questo modo saragrave possibile richiamare e rieseguire la ricerca impostata anche in futuro senza doverripetere il procedimento di scelta dei criteri mostrato in precedenza

42 Ricerca di file allrsquointerno del DAM e modifica delle meta-informazioni 48

DocWeb Release 101

Figura 413 Criteri di selezione

Figura 414 Salva selezione

42 Ricerca di file allrsquointerno del DAM e modifica delle meta-informazioni 49

DocWeb Release 101

Se in futuro saranno inseriti nuovi file che soddisfano la ricerca salvata questi verranno selezionati quandoverragrave richiamata la ricerca salvata

Dalla figura Ricerca salvata (page 50) egrave possibile notare come richiamare la ricerca salvata In questocaso abbiamo salvato la ricerca con il nome ldquoimmaginisenzagifrdquo

Figura 415 Ricerca salvata

Una volta che si egrave selezionata la ricerca egrave possibile

1 Premere il tasto Load per ricaricare la ricerca precedentemente impostata

2 Premere Remove per rimuovere la ricerca salvata

Una volta effettuata una particolare selezione di file egrave possibile (figura Schede backend media list(page 50))

Figura 416 Schede backend media list

1 vedere il contenuto della selezione (schede List e Thumbnails)

2 vedere i criteri impostati per la ricerca (scheda Selection)

3 modificare le meta-informazioni associate ai file (scheda Process) secondo quanto descritto inprecedenza

Nella figura Scheda selection (page 51) egrave visualizzato come selezionando la scheda Selection egrave possibileprendere visione dei criteri impostati nella ricerca (la ricerca egrave quella dellrsquoesempio precedente)

Selezionando le schede List e Thumbnails dopo avere effettuato una qualsiasi selezione si potrebbe avereuna situazione come quella mostrata nella figura Scheda list (page 51)

Cliccando sullrsquoicona corrispondente ad uno dei file presenti nella lista (selezionato con un cerchio rosso)egrave possibile accedere ad un menugrave contestuale (figura Menu contestuale DAM (page 51))che permette disvolgere le seguenti operazioni

Modifica Offre la possibilitagrave di visualizzare e modificare le meta-informazioni associate al file

Rinomina Selezionando la seguente voce egrave possibile assegnare un altro nome al file che si egrave caricato

Replace file Avvia lrsquooperazione di sostituzione del file

Info Visualizza informazioni relative al file

Cancella Rimuove il file dal DAM

42 Ricerca di file allrsquointerno del DAM e modifica delle meta-informazioni 50

DocWeb Release 101

Figura 417 Scheda selection

Figura 418 Scheda list

Figura 419 Menu contestuale DAM

42 Ricerca di file allrsquointerno del DAM e modifica delle meta-informazioni 51

CAPITOLO 5

Modulo Pagine di download

51 Inserimento e configurazione pagine di download

La creazione di pagine di download egrave utile quando si vuole mettere a disposizione una lista di uno o piugravefile in forma scaricabile

Per creare una pagina di download egrave necessario seguire i seguenti passi

1 Creare una pagina standard

2 Inserire il plugin DAM Download List

3 Configurare il plugin

Per creare una pagina egrave sufficiente entrare nel modulo Pagina e selezionare Crea nuovo record per accederealla finestra di creazione pagine

Nellrsquoesempio in figura Backend creazione contenuto (page 52) egrave stata creata la pagina denominata ldquoPaginadownloadrdquo come figlio della pagina ldquoPagina di provardquo

Figura 51 Backend creazione contenuto

Una volta creata la pagina occorre configurarla in maniera tale da permettere la visualizzazione di unalista di file scaricabili Per fare ciograve occorre inserire un plugin denominato ldquoDAM Download Listrdquo Unplugin egrave un contenuto speciale da inserire in una pagina

52

DocWeb Release 101

Per inserirlo come per un contenuto occorre seguire i seguenti passi (figura Backend creazione contenuto(page 52))

1 Selezionare la pagina in cui inserire il plugin Nellrsquoesempio la pagina denominata ldquoPaginadownloadrdquo

2 Selezionare la voce Clicca qui per il wizard nella maschera che compare quando si vuole inserire unnuovo record

Figura 52 Wizard nuovo contenuto

Oltre ai normali contenuti standard il wizard permette di selezionare (figura Wizard nuovo contenuto(page 53))

1 Contenuti speciali

2 Moduli

3 Plugins

Allrsquointerno della lista dei Plugins selezionare DAM Lista dei file scaricabili (punto 4 nella figura Wizardnuovo contenuto (page 53))

Dopo aver selezionato il plugin occorreragrave selezionare la posizione della pagina in cui inserire lrsquoelemento

Selezionare ldquoNormalerdquo

A questo punto il plugin egrave inserito nella pagina desiderata

51 Inserimento e configurazione pagine di download 53

DocWeb Release 101

Oltre allrsquoinserimento occorre configurare il plugin in modo da dirgli quali file far visualizzare

Una volta che il plugin viene inserito viene aperta una finestra (figura Contenuto pagina (page 54)) doveviene richiesto di selezionare dei file inseriti nel sistema

Figura 53 Contenuto pagina

Per proseguire correttamente egrave necessario salvare immediatamente il Contenuto Pagina altrimenti leoperazioni successive potrebbero andare perse

Per inserire i file nella lista occorre effettuare la seguente operazione (figura Contenuto pagina (page 54))

1 Nella parte della maschera denominata DAM Lista di file scaricabili selezionare lrsquoicona SfogliaRecord (cerchiata in rosso) per avviare la procedura di selezione dei file

Selezionando la voce Sfoglia Record verragrave aperto lrsquoElement Browser di TYPO3 che ci permette di se-lezionare i file da inserire nel plugin La finestra (figura Element browser (page 55)) egrave composta di dueschede

1 Media ndash permette di selezionare i file giagrave esistenti nel sistema

2 Upload ndash permette di caricare nuovi file

Selezionando la sezione Media egrave possibile selezionare dalla lista i file da inserire

51 Inserimento e configurazione pagine di download 54

DocWeb Release 101

Figura 54 Element browser

Se la lista dei file fosse troppo lunga egrave possibile effettuare delle ricerche per nome e per tipologia di file(doc htm )

Per cercare per nome (figura Ricerca per nome (page 55)) occorre inserire nella casella di testo Cercastringa (punto 1 nella figura sopra) il nome o parte del nome del file da cercare Una volta specificata lastringa di ricerca premere il tasto Cerca (punto 2)

Figura 55 Ricerca per nome

Per cercare un particolare tipo di file selezionare il nome dellrsquoestensione che si desidera dallrsquoelenco deitipi di file (figura Ricerca per tipo (page 56))

Nota I due tipi di ricerca possono essere usati contemporaneamente

Selezionando la voce informazioni (punto 1 nella figura Selezione file (page 56)) egrave possibile visualizzarele meta-informazioni associate al file

Premendo con il mouse sul nome del file (punto 2) o sullrsquoicona associata (punto 3) si inserisce il file nellalista dei file da far visualizzare nella pagina di download mediante lrsquoapposito plugin

Selezionando la scheda Upload si puograve inserire un file non presente nel sistema (figura Caricamentoimmediato file (page 56))

51 Inserimento e configurazione pagine di download 55

DocWeb Release 101

Figura 56 Ricerca per tipo

Figura 57 Selezione file

Figura 58 Caricamento immediato file

51 Inserimento e configurazione pagine di download 56

DocWeb Release 101

Scegliere i file dal proprio PC seguendo le operazioni giagrave descritte nel modulo DAM e selezionare dallascheda Media i nuovi file inseriti

Nella figura Plugin con file selezionati (page 57) egrave visualizzato un esempio di maschera di configurazionedel plugin con la lista dei file selezionati

Figura 59 Plugin con file selezionati

I file una volta inseriti possono essere ordinati selezionando sugli appositi bottoni posti a destra dellalista file

bull Per ordinare un determinato file occorre

bull Selezionare un file

Premere uno dei tasti (figura sopra) per

1 Spostare in prima posizione

2 Spostare in alto di una posizione

3 Spostare in basso di una posizione

4 Spostare in ultima posizione

5 Rimuovere dalla lista il file selezionato

Una volta eseguiti i passaggi sopra descritti salvare la configurazione del plugin

51 Inserimento e configurazione pagine di download 57

CAPITOLO 6

Modulo Sitemap

Ersquo possibile generare una mappa del sito scegliendo un contenuto speciale di tipo ldquoMappa del Sitordquo comemostrato nella figura Contenuto mappa del sito (page 58)

Figura 61 Contenuto mappa del sito

Per scegliere un record di tipo ldquomappa del sitordquo (per visualizzare cioegrave la vista dei contenuti possibili)saragrave necessario portarsi in modalitagrave ldquopaginardquo compiendo gli stessi passaggi descritti per la creazione dicontenuti semplici in fase di creazione delle pagine (in questo caso selezionando il contenuto specialemappa)

58

DocWeb Release 101

61 Scheda di configurazione Mappa

La scheda di configurazione si presenta come nella figura Scheda mappa del sito (page 59)

Figura 62 Scheda mappa del sito

I campi fondamentali da personalizzare sono lrsquointestazione (ossia il titolo pagina) il tipo di menugrave e ilpunto di partenza Nellrsquointestazione viene inserito come di consuetudine il titolo pagina

62 Tipo di mappa

Ersquo possibile scegliere il tipo di mappa che si desidera creare consultando il menugrave a tendina ldquotipo di menugraverdquoche ci offriragrave diverse opzioni

Le piugrave frequentemente usate sono di tipo ldquoMenugrave delle sottopagine rdquo come indicato nella figura Tipo dimenu (page 60)

Menugrave delle sottopagine di queste pagine Scegliendo questa opzione da una pagina padre sigenereragrave un record che mostreragrave al suo interno tutte le sottovoci figlio con relativo link

Menugrave delle sottopagine di queste pagine (con abstract) Genera una mappa sia delle sottopagineche dei sottotitoli

Menugrave delle sottopagine di queste pagine + sezioni Genera una mappa sia delle sottopagine chedei record (link alle intestazioni dei singoli record)

Selezionando voci di menugrave di sottopagine egrave anche possibile stabilire un determinato punto di partenzasfogliando lrsquoapposito record

61 Scheda di configurazione Mappa 59

DocWeb Release 101

Figura 63 Tipo di menu

63 Il ldquopunto di partenzardquo della mappa

Il ldquopunto di partenzardquo dei Menugrave delle sottopagine Scheda mappa del sito (page 59) costituisce la paginadalla quale il sistema partiragrave per creare la mappa

Si potragrave quindi creare una mappa (di tipo menugrave delle sottopagine) che mostri solamente il percorso diquella porzione di menugrave che si intende mostrare

63 Il ldquopunto di partenzardquo della mappa 60

CAPITOLO 7

Modulo News

71 Inserimento e modifica di news

Alcune sezioni del nostro sito potrebbero essere state configurate per permettere la visualizzazione dinotizie

Per poter visualizzare le news correttamente occorre che queste ultime vengano inserite in una determi-nata posizione allrsquointerno del backend Da questa posizione che chiameremo repository delle news lenostre pagine andranno a prelevare le news da visualizzare al loro interno

Figura 71 Backend news

Nellrsquoesempio presentato nella figura Backend news (page 61) distinguiamo

1 il repository delle news che egrave stato creato

2 Un esempio di come potrebbe apparire il contenuto del repository delle news (lista delle news)

Per poter visualizzare il contenuto del repository delle news occorre seguire i seguenti passi

1 entrare nel modulo Pagina

61

DocWeb Release 101

2 selezionare il repository delle news corrispondente (nellrsquoesempio della figura Backend news (page 61)il Repository delle news si chiama ldquoNews Area Testrdquo)

Poniamo ora la nostra attenzione alla lista delle news (figura Lista news (page 62)) Da qui egrave possibile

bull Inserire una nuova notizia

bull Modificare le notizie giagrave esistenti

Per inserire una nuova notizia occorre selezionare la voce Crea nuovo record (figura Lista news (page 62))posta in fondo alla lista delle news

Figura 72 Lista news

A questo punto si apre la finestra di creazione Nuovo record da cui occorre selezionare la voce News(figura Nuovo record news (page 62))

Figura 73 Nuovo record news

Eseguendo le operazioni sopra descritte si accede alla maschera di inserimento news (figura Inserimentonews scheda generale (page 63))

Questa si compone di due schede una denominata Generale e unrsquoaltra denominata Relations

Nella scheda Generale egrave possibile inserire

Titolo in questo spazio egrave possibile specificare un titolo della news

Nascondi questo controllo determina se la news egrave pubblicabile oppure no Come avviene per le pagineanche per le news egrave consigliabile tenere la news nascosta durante la lavorazione Facciamo notare

71 Inserimento e modifica di news 62

DocWeb Release 101

Figura 74 Inserimento news scheda generale

71 Inserimento e modifica di news 63

DocWeb Release 101

che appena viene aperta la maschera di inserimento di una nuova news il controllo appare giagrave instato nascosto

Dataora in questo spazio viene indicata la data e lrsquoora della creazione della news in base ai parametridi sistema

Data Archiviazione in questo spazio viene inserita la data di Archiviazione di una news

Autore permette di specificare un autore della news

Email permette di specificare un e-mail a cui fare riferimento

Sottointestazione questo campo conterragrave una breve descrizione (abstract) della news La sottointes-tazione egrave quella parte della news che compare quando viene visualizzata la lista delle news e serveper dare una breve descrizione al contenuto della news (si veda Esempio news (page 64))

Figura 75 Esempio news

Durante lrsquoinserimento di una news egrave consigliabile specificare sempre una sottointestazione

Testo egrave il campo che contiene il contenuto vero e proprio della news Egrave possibile utilizzare tutte lefunzionalitagrave messe a disposizione dallrsquoeditor RTE

72 Modalitagrave Relations

Nella modalitagrave Relations (figura Inserimento news scheda relations (page 65)) egrave possibile inserire

Immagini contiene una lista di immagini da associare alla news Il procedimento per la se-lezionecaricamento delle immagini egrave stato descritto nella parte dedicata alla creazione di paginedi download a cui vi rimandiamo

Didascalia permette di specificare una descrizione per lrsquoimmagine associata alla news

Image alttext e Image titletext permette di specificare un testo che in visualizzazione (Frontend)compariragrave al passaggio del mouse sopra lrsquoimmagine

News correlate permette di specificare news o pagine del sito da associare alla news Il procedimentodi selezione delle news da associare alla notizia saragrave spiegato successivamente

DAM elements permette di assegnare alla news dei documenti da scaricare come per esempioil programma di un determinato evento Anche in questo caso il procedimento per la se-lezionecaricamento dei documenti egrave quello giagrave descritto nella parte dedicata alla creazione dipagine di download

Descriviamo il procedimento da seguire per associare alcune pagine o alcune news alla notizia che stiamoinserendo

Premere il tasto di Sfoglia Record evidenziato nella figura Sfoglia record news (page 65)

Verragrave aperta una finestra che contiene un Element Browser che ci permette di selezionare le newspagine(figura Element browser news (page 66)) da associare

La finestra di selezione si suddivide nelle seguenti parti (figura sopra)

Alberatura del sito da cui egrave possibile esplorare gli elementi del nostro sito (pagine sysfolder )Premendo con il tasto sinistro del mouse sul nome della pagina o sulla freccia corrispondente verragraveaggiornata la parte di destra della finestra in cui egrave inserita la lista degli elementi associabili

72 Modalitagrave Relations 64

DocWeb Release 101

Figura 76 Inserimento news scheda relations

Figura 77 Sfoglia record news

72 Modalitagrave Relations 65

DocWeb Release 101

Figura 78 Element browser news

Lista degli elementi associabili egrave quindi possibile selezionare gli elementi da associare alla newsPer associare un elemento si puograve selezionare il simbolo ldquo+rdquo posto accanto allrsquoelemento desideratoo agendo sul nome del file Nel primo caso lrsquoelemento viene aggiunto ma la finestra non si chiuderagrave(utile per effettuare selezioni multiple) mentre nel secondo caso lrsquoelemento viene aggiunto e lafinestra si chiuderagrave (selezione singola)

Nota Per associare una o piugrave news alla notizia che stiamo inserendo occorreragrave innanzitutto selezionareil repository delle news e utilizzando i metodi descritti in precedenza indicare le news di interesse

Nella figura Selezione repository (page 66) viene visualizzato come appare lrsquoElement Browser dopo averselezionato il repository delle news denominato ldquoNews Corso Typo3rdquo

Figura 79 Selezione repository

Una volta ultimato il procedimento di inserimento di una news vedremo che nel repository compariragrave(figura News nel repository (page 67)) anche quella da noi creata Nellrsquoesempio la news creata si chiamaldquoTitolo della news di provardquo

Dalla lista delle news possiamo notare che i diversi tipi di news sono contrassegnati con icone diverse

In particolare distinguiamo

72 Modalitagrave Relations 66

DocWeb Release 101

Figura 710 News nel repository

bull News (icona ldquocelestinardquo)

bull Collegamento a URL esterna (icona ldquorosardquo)

bull Collegamento a pagina interna (icona ldquogiallinardquo)

Per modificare il contenuto di una news egrave sufficiente selezionare il simbolo di modifica (figura Modificanews (page 67)) in corrispondenza della news da modificare

Figura 711 Modifica news

73 News collegata a URL esterna e a pagina interna

Attraverso la selezione della finestra ldquoTipordquo egrave possibile scegliere diverse tipologie di news

Nella figura News collegata a url esterna (page 68) egrave stato selezionato il Collegamento a URL esterna checi offriragrave la possibilitagrave di specificare un link (ldquoURL esternordquo) da far visualizzare e che saragrave contraddistintain lista da lrsquoicona di colore rosa

Selezionando il Collegamento a pagina interna viene offerta la possibilitagrave di inserire un collegamento auna pagina del sito (evidenziato nella figura News collegata a pagina interna (page 69))

La news si presenteragrave con icona di color ldquogiallordquo e al suo interno conterragrave un link alla pagina interna alsito

73 News collegata a URL esterna e a pagina interna 67

DocWeb Release 101

Figura 712 News collegata a url esterna

73 News collegata a URL esterna e a pagina interna 68

DocWeb Release 101

Figura 713 News collegata a pagina interna

73 News collegata a URL esterna e a pagina interna 69

DocWeb Release 101

74 Eliminazione delle News

Per eliminare una news possiamo procedere tra lrsquoaltro in due modi

1 Selezionare la news da eliminare dallrsquoelenco e selezionare la voce ldquocancellardquo dal menugrave a tendinaconsultabile cliccando con il pulsante destro sullrsquoicona in corrispondenza della news (figura Eliminanews da menu contestuale (page 70))

Figura 714 Elimina news da menu contestuale

2 Entrare allrsquointerno della modalitagrave di modifica della news attraverso lrsquoicona ldquomatitardquo e selezionare lrsquoi-cona raffigurante il bidone di elimina posta in alto pagina (figura Elimina news da scheda contenuto(page 70))

Figura 715 Elimina news da scheda contenuto

75 Ordinamento delle News e ricerca

Puograve essere necessario durante la visualizzazione della lista delle news (lato backend) di dover effettuaredegli ordinamenti al fine di permettere una ricerca piugrave veloce delle news da modificare

74 Eliminazione delle News 70

DocWeb Release 101

Avvertimento Lrsquoordinamento ha valore solo come ricerca allrsquointerno del backend mentre latofrontend rispecchieragrave i parametri prestabiliti dal sistema

Supponiamo per esempio di voler effettuare un ordinamento per Titolo Seguiamo i seguenti passi(figura sotto)

1 Selezionare la voce di menugrave Lista

2 Selezionare il deposito delle news (repository) News Corso Typo3

3 Cliccare con il mouse in corrispondenza della voce ldquoTitolordquo

A questo punto (figura Ordinamento news (page 71)) le news vengono ordinate in ordine crescente(vengono visualizzate prima le news con titolo che inizia con la lettera a b e cosigrave via)

Figura 716 Ordinamento news

Se clicchiamo unrsquoaltra volta sulla voce ldquoTitolordquo il tipo di ordinamento cambia da crescente a decrescente(compariranno per prima le news con titolo che inizia per z )

Egrave inoltre possibile ordinare secondo campo da noi specificato Per definire il nome di un campo (ad estesto inizio autore ) su cui effettuare lrsquoordinamento occorreragrave spostarsi in fondo alla lista delle newsdove troveremo una lista di campi (figura Mostra campo aggiuntivo news (page 71))

Figura 717 Mostra campo aggiuntivo news

Dalla lista possiamo

bull Selezionare la voce in base alla quale effettuare lrsquoordinamento (ad esempio Immagini)

bull Premere il tasto Imposta campi per aggiungere alla lista dei campi visualizzati quello selezionato

75 Ordinamento delle News e ricerca 71

DocWeb Release 101

A questo punto il campo selezionato (nel nostro esempio il campo Immagini) compare nella lista dellenews (il campo aggiunto egrave evidenziato con un riquadro in alto a destra nella figura Ordinamento campoaggiuntivo news (page 72))

Figura 718 Ordinamento campo aggiuntivo news

Effettuare le stesse operazioni illustrate per il campo Titolo per ordinare in modo crescente e decrescentele news secondo il criterio impostato (click pulsante sinistro sul nome etichetta)

Egrave anche possibile ricercare le news in base al testo contenuto nel titolo sottotitolo descrizione eccUtilizzando la maschera di ricerca in fondo pagina (evidenziata nella figura Ricerca news (page 72))

Figura 719 Ricerca news

Per effettuare una ricerca egrave necessario seguire i seguenti passi

1 Inserire nel campo Cerca Stringa il testo da cercare (nel nostro esempio ldquonequerdquo)

2 Premere il tasto Cerca per eseguire la ricerca secondo i criteri impostati

In questo modo nella lista delle news compariranno solo quelle che contengono il testo specificatoEffettuata la ricerca egrave possibile effettuare degli ordinamenti come spiegato in precedenza

75 Ordinamento delle News e ricerca 72

CAPITOLO 8

Modulo Eventi

Avvertimento SEZIONE NON COMPLETA

Si confrontino i seguenti due tipi di contenuti

Evento egrave un tipo di contenuto adatto a descrivere qualcosa che accadragrave o che egrave accaduto in una certadata La data o le date in cui lrsquoevento ricorre sono strettamente legate ad un luogo in cui lrsquoeventosi verificheragravesi egrave verificato Gli eventi vengono rappresentati mediante la metafora dellrsquoagenda edel calendario

Notizia egrave un tipo di contenuto caratterizzato dalla data di pubblicazione secondo la metafora delgiornale online E come in un giornale online una notizia puograve riferirsi sia a fatti giagrave accaduti chea fatti a venire

Nota Per comprendere meglio la differenza tra i due tipi di contenuto si pensi che dato un eventoche ha una certa data di svolgimento (ad es 20 maggio) di tale evento posso realizzare piugrave di unanotizia Rimanendo nellrsquoesempio potrei pubblicare una notizia il 10 maggio per preannunciare lrsquoeventoe poi unrsquoaltra il 18 maggio per ricordarne lrsquoimminenza Infine potrei pubblicare una notizia di riepilogo(cronaca dellrsquoevento immagini ecc) il 22 maggio

81 Scopo del modulo Eventi

Il visitatore del sito deve poter cogliere le informazioni essenziali di un evento

bull Cosa sta per succedere

bull Dove accadragrave

bull Quando accadragrave

82 Il Backend ndash Modulo Pagina

Vedi figura Eventi vista modulo pagina (page 74)

83 Il Backend ndash Modulo Lista

Vedi figura Eventi vista modulo lista (page 74)

73

DocWeb Release 101

Figura 81 Eventi vista modulo pagina

Figura 82 Eventi vista modulo lista

83 Il Backend ndash Modulo Lista 74

DocWeb Release 101

84 Creazione di un evento

Prima di procedere poniamoci qualche domanda

bull Lrsquoevento appartiene a qualche rassegna iniziativa per la quale sono in programma altri eventiPer esempio

ndash Rassegne teatrali cinematografiche

ndash Festival

bull Lrsquoevento si ripete

ndash La replica avviene sempre nello stesso luogo

841 Creazione del record

Vedi figura Creazione nuovo evento (page 75)

Vedi figura Creazione nuovo record evento (page 76)

Figura 83 Creazione nuovo evento

842 Scheda ldquoGeneralerdquo

Vedi figura Evento scheda generale (page 76)

843 Scheda ldquoFinestra temporalerdquo

Orario repliche

Vedi figura Evento finestra temporale (page 78)

84 Creazione di un evento 75

DocWeb Release 101

Figura 84 Creazione nuovo record evento

Figura 85 Evento scheda generale

84 Creazione di un evento 76

DocWeb Release 101

bull Lrsquoorario va solo per le Finestre temporali di un giorno (data inizio = data fine)

bull Se non si conosce lrsquoora della fine impostare ora inizio = ora fine

844 Scheda ldquoTestordquo

Vedi figura Evento scheda testo (page 79)

84 Creazione di un evento 77

DocWeb Release 101

Figura 86 Evento finestra temporale

84 Creazione di un evento 78

DocWeb Release 101

Figura 87 Evento scheda testo84 Creazione di un evento 79

  • Introduzione
    • Cosegrave DocWeb
    • Concetti chiave
      • Funzionalitagrave di Base
        • Il CMS Typo3 ldquobackendrdquo e ldquofrontendrdquo
        • Cambio password di accesso
        • Albero delle pagine
        • Implementazione delle pagine ldquogenitori rdquo e ldquofiglirdquo
        • Inserimento Nuova pagina
        • Elementi standard della pagina
        • Inserimento contenuti di una pagina
        • Contenuti multipli allrsquointerno di una pagina
        • Modifica dei contenuti della pagina
        • Spostamento di pagine
        • Eliminazione pagine
        • Rich Text Editor
        • Modalitagrave Lista
        • Modalitagrave Mostra
        • Modalitagrave ldquoMonta come radice dellrsquoalberordquo
        • Ottenere il page-id di una pagina
        • Admin Panel
          • La Clipboard
            • Copia o spostamento di un contenuto singolo di pagina allrsquointerno di unrsquoaltra pagina
            • Copia o spostamento di piugrave contenuti da una pagina ad unrsquoaltra
              • Modulo DAM (Digital Asset Management)
                • Caricamento e Aggiornamento di file
                • Ricerca di file allrsquointerno del DAM e modifica delle meta-informazioni
                  • Modulo Pagine di download
                    • Inserimento e configurazione pagine di download
                      • Modulo Sitemap
                        • Scheda di configurazione Mappa
                        • Tipo di mappa
                        • Il ``punto di partenza della mappa
                          • Modulo News
                            • Inserimento e modifica di news
                            • Modalitagrave Relations
                            • News collegata a URL esterna e a pagina interna
                            • Eliminazione delle News
                            • Ordinamento delle News e ricerca
                              • Modulo Eventi
                                • Scopo del modulo Eventi
                                • Il Backend ndash Modulo Pagina
                                • Il Backend ndash Modulo Lista
                                • Creazione di un evento
Page 29: DocWeb€¦ · per la realizzazione e la gestione di siti web della Pubblica Am-ministrazione. La piattaforma tecnologica utilizzata è il CMS (Content Management System) Open SourceTypo31

DocWeb Release 101

Inoltre accanto ai vari record troveremo posta lrsquoicona matita per eseguire eventuali modifichedirettamente sul punto e la pagina prescelti

Anche la modalitagrave ldquoMostrardquo come la rdquoListardquo (cap 13) costituisce una scorciatoia particolarmente indicataper semplificare lrsquooperazione di visualizzazione del sito e di modifica

215 Modalitagrave ldquoMonta come radice dellrsquoalberordquo

Quando esistono diverse e numerose pagine egrave possibile gestire solo la porzione di contenuto che ci interessariducendo lrsquoalberatura del sito (lato backend) ai minimi termini mediante il comando ldquomonta come radicedellrsquoalberordquo

Per effettuare il comando procedere come segue

Cliccare con il pulsante destro del mouse sul titolo pagina dal menugrave centrale

Selezionare la voce ldquoaltre opzionirdquo dal menugrave a tendina (figuraMenu altre opzioni (page 26)) che compariragravecome conseguenza dellrsquoazione descritta al punto uno

Figura 229 Menu altre opzioni

Selezionare dallrsquoulteriore menugrave che si apriragrave (figura Seleziona monta come radice (page 26)) la voceldquoMonta come radice dellrsquoalberordquo

Figura 230 Seleziona monta come radice

Lrsquoalberatura si ridurragrave automaticamente mostrando solo la porzione selezionata

Per ripristinare lo stato di partenza selezionare la voce in alto nel menugrave centrale (figura Elimina DBmount (page 26)) ldquoElimina DB mount temporaneordquo

Figura 231 Elimina DB mount

Il menugrave si espanderagrave nuovamente mostrando tutte le voci esistenti

215 Modalitagrave ldquoMonta come radice dellrsquoalberordquo 26

DocWeb Release 101

216 Ottenere il page-id di una pagina

2161 Frontend (FE)

Da frontend si puograve ottenere il page-id della pagina corrente nei seguenti modi

1 dalla barra degli indirizzi del proprio browser (figura Id dallrsquourl (page 27)) Il numero della paginaegrave quello dopo la stringa ldquoid=rdquo Nella figura egrave cerchiata in verde la stringa ldquoid=rdquo e il numero dellapagina (page-id)

Figura 232 Id dallrsquourl

2 Puntando il mouse sulla scritta [id] a pieacute pagina e leggendo il tooltip (figura Id dal tooltip (page 27))

Figura 233 Id dal tooltip

3 Solo per browser Firefox dal menugrave di contesto scegliere la voce ldquoVisualizza info paginardquo si apreuna finestra consultare quindi la lista Meta sotto la scheda Generale (Id dagli attributi (page 28))

2162 Backend (BE)

Da backend egrave possibile ottenere il page-id nei seguenti modi

1 leggendo il tooltip puntando il mouse sullrsquoicona della pagina nel riquadro della struttura del sito(figura Id dal tooltip nel backend (page 28))

2 dal modulo di modifica delle intestazioni della pagina (figura Id dalle intestazioni pagina nel backend(page 28)) Il numero egrave tra le parentesi quadre dopo il titolo della pagina

217 Admin Panel

Quando si inseriscono contenuti con Typo3 (backend) egrave possibile visualizzare unrsquoanteprima della paginache si sta creando per vedere i risultati del lavoro svolto

Per visualizzare unrsquoanteprima di una pagina occorre (figura Menu mostra (page 29))

1 posizionarsi sulla pagina da visualizzare

2 premere il tasto sinistro del mouse in corrispondenza del nome

216 Ottenere il page-id di una pagina 27

DocWeb Release 101

Figura 234 Id dagli attributi

Figura 235 Id dal tooltip nel backend

Figura 236 Id dalle intestazioni pagina nel backend

217 Admin Panel 28

DocWeb Release 101

Figura 237 Menu mostra

3 selezionare la voce Mostra

In base alla pagina scelta si avragrave un risultato come quello visualizzato nella figura Anteprima pagina conAdmin panel (page 29)

Figura 238 Anteprima pagina con Admin panel

La pagina presenteragrave nella parte superiore lrsquoanteprima della pagina Nella parte inferiore vienevisualizzato uno strumento denominato Admin Panel

Questo oggetto offre lato front-end alcune funzionalitagrave (figura Moduli Admin panel (page 30)) cheaiutano i gestori di contenuti nella creazionemodifica delle pagine web del sito

NellrsquoAdmin panel (figura sopra) egrave possibile distinguere

217 Admin Panel 29

DocWeb Release 101

Figura 239 Moduli Admin panel

1 Modulo Preview ndash offre la possibilitagrave di selezionare alcune opzioni sulla pagina per simulare alcunesituazioni in cui la pagina si puograve trovare durante la visualizzazione

2 Modulo Cache ndash offre la possibilitagrave di gestire la cache

Allrsquointerno del modulo Preview abbiamo le seguenti voci

Mostra pagine nascoste selezionando la casella di controllo corrispondente a questa voce si visual-izzeranno anche quelle che attualmente non sono visibili allrsquointerno del sito o perchegrave in lavorazioneo perchegrave ancora non egrave stata data lrsquoautorizzazione alla pubblicazione

Mostra record nascosti come per le pagine questa voce offre la possibilitagrave di poter visualizzare allrsquoin-terno della pagina quei contenuti nascosti che non sono ancora ultimati o che sono in attesa di unautorizzazione per la pubblicazione

Simula data con questo controllo egrave possibile simulare il comportamento della pagina in periodi tem-porali diversi Utilizzando la casella di testo egrave possibile inserire delle date In questo modo sirende possibile la visualizzazione di quegli elementi (ad es pagine news ) che sono abilitati acomparirescomparire in base a determinati criteri temporali impostati

Simula gruppo di utenti con questo controllo egrave possibile simulare il comportamento delle pagine inbase ad un determinato gruppo di utenti che vi accede Alcune pagine possono infatti avere uncomportamento diverso in base al tipo di utente che vi accede

Nota Durante la creazione di pagine egrave possibile restringere la visione di una determinata pagina aparticolari tipi di utenti (utenti di frontend) Questa caratteristica offre la possibilitagrave di definire delle areead accesso riservato del sito ossia sezioni del sito a cui egrave possibile accedere solo dopo essersi autenticatie dopo avere avuto i necessari diritti di accesso

Una volta selezionate le opportune scelte allrsquointerno dellrsquoADMIN Panel occorreragrave premere il tasto Aggior-na (figura Aggiorna Admin panel (page 31)) per prendere visione della pagina secondo i criteri impostati

Nota Nel caso in cui lrsquoutente abbia la possibilitagrave di accedere da back-end a piugrave siti (ciascuno con unproprio dominio) bisogna tenere presente che lrsquoADMIN Panel compare soltanto per le pagine relativeal dominio con cui lrsquoutente ha fatto il login In altre parole se un operatore ad esempio egrave abilitatoa lavorare sulle pagine di backend dei siti httpwwwsitoesempio1it e httpwwwsitoesempio2it ese lrsquooperatore accede al backend di DocWeb con lrsquoindirizzo httpwwwsitoesempio1ittypo3 allora

217 Admin Panel 30

DocWeb Release 101

Figura 240 Aggiorna Admin panel

lrsquoADMIN Panel compariragrave solo sulle pagine di frontend del dominio wwwsitoesempio1it e non su quelledel dominio wwwsitoesempio2it

217 Admin Panel 31

CAPITOLO 3

La Clipboard

Lrsquooggetto clipboard (rdquoblocco degli appuntirdquo) egrave molto utile quando si ha la necessitagrave di copiare o spostareuno o piugrave elementi di contenuto o una o piugrave pagine da una sezione del sito (contenitore di pagine) adunrsquoaltra

31 Copia o spostamento di un contenuto singolo di pagina allrsquointernodi unrsquoaltra pagina

Per prima cosa egrave necessario (figura Identifica contenuto (page 32))

Figura 31 Identifica contenuto

1 selezionare la voce Lista

2 selezionare la pagina che contiene il contenuto che si intende copiare (nella figura abbiamo sceltola pagina denominata ldquoCorso di formazione su Typo3rdquo

32

DocWeb Release 101

3 identificare dalla lista dei contenuti associati alla pagina quello da spostare

Supponiamo che si desideri copiare il contenuto denominato ldquoTesto 2rdquo (figura Copia contenuto (page 33))

Figura 32 Copia contenuto

Egrave sufficiente cliccare sullrsquoicona (nella figura sopra evidenziata con un cerchio rosso) di copia incorrispondenza del contenuto da copiare

Dopo avere eseguito questa operazione nella figura Risultato copia contenuto (page 34) possiamo notare

1 Egrave comparsa unrsquoicona nuova che mette in evidenza che nella clipboard egrave presente un elemento

2 Lrsquoicona di copia in corrispondenza del contenuto da spostare ha cambiato aspetto

A questo punto lrsquooggetto che si intende copiare egrave presente nella nostra clipboard

Il passo successivo egrave quello di selezionare la pagina in cui andare a posizionare lrsquoelemento (paginadestinazione)

Rimanendo sempre allrsquointerno del modulo Lista occorreragrave selezionare dallrsquoalberatura delle pagine la pag-ina destinazione Il procedimento da seguire per posizionarsi sulla pagina egrave lo stesso descritto in prece-denza Nella figura Incolla contenuto (page 34) viene evidenziato il contenuto di una pagina (denominataldquoPagina di Provardquo) in cui vogliamo copiare il contenuto

Per copiare il contenuto della clipboard nella pagina selezionare lrsquoicona Incolla contenuto Clipboard

Confermando lrsquooperazione il contenuto saragrave copiato allrsquointerno della pagina selezionata

Per effettuare lo spostamento di un contenuto di pagina allrsquointerno di unrsquoaltra pagina cliccare sullrsquoicona

di Taglia al posto dellrsquoicona copia e ripetere le operazioni sopra descritte

1 Selezionando la casella Mostra clipboard (figura Vista clipboard (page 35)) egrave possibile visualiz-zare lrsquooggetto clipboard Nel caso in figura lrsquoelemento copiato in precedenza (Testo 2) egrave ancoradisponibile allrsquointerno della clipboard Utilizzando il procedimento descritto infatti il contenuto

31 Copia o spostamento di un contenuto singolo di pagina allrsquointerno di unrsquoaltra pagina 33

DocWeb Release 101

Figura 33 Risultato copia contenuto

Figura 34 Incolla contenuto

31 Copia o spostamento di un contenuto singolo di pagina allrsquointerno di unrsquoaltra pagina 34

DocWeb Release 101

selezionato rimane ancora a disposizione dellrsquoutente che potragrave selezionare altre pagine destinazionesu cui eventualmente andare a copiare il contenuto Nel caso in cui si selezioni un altro elementoad esempio ldquoTesto 1rdquo lrsquoelemento presente viene automaticamente sostituito

2 Dallrsquooggetto clipboard egrave possibile rimuovere un elemento premendo il bottone di Elimina postoaccanto ad esso

Figura 35 Vista clipboard

Con il procedimento descritto fino ad ora egrave possibile scegliere soltanto un contenuto alla volta

32 Copia o spostamento di piugrave contenuti da una pagina ad unrsquoaltra

Nel caso in cui ci si trovi nella necessitagrave di copiare piugrave di un contenuto da una pagina allrsquoaltra egrave necessarioseguire i passi seguenti

1 Selezionare il modulo Lista

2 Selezionare la pagina di origine da cui prelevare i contenuti

3 Selezionare la casella Mostra clipboard

4 Selezionare una clipboard tra quelle denominate ldquoClipboard 1rdquo ldquoClipboard 2rdquo ldquoClipboard 3rdquo(punto 3 figura Vista clipboard con contenuto selezionato (page 36))

Selezionando ad esempio la clipboard contrassegnata come ldquoclipboard 1rdquo si avragrave la seguente situazione

32 Copia o spostamento di piugrave contenuti da una pagina ad unrsquoaltra 35

DocWeb Release 101

Figura 36 Vista clipboard con contenuto selezionato

32 Copia o spostamento di piugrave contenuti da una pagina ad unrsquoaltra 36

DocWeb Release 101

1 In corrispondenza di ogni contenuto si evidenzia una Casella di selezione Sopra la colonna con lecaselle di selezione egrave comparsa una lista di bottoni tra cui al momento distinguiamo

2 Bottone di copia elementi nella clipboard

3 Bottone di selezione tuttinessuno

Scegliendo ad esempio i primi due elementi e premendo il pulsante di copia elementi nella clipboard sipuograve notare che (figura Copia nella clipboard (page 37))

Figura 37 Copia nella clipboard

1 La clipboard che abbiamo scelto per la selezione multipla (ldquoClipboard 1rdquo) contiene la lista deglioggetti che abbiamo scelto di copiare

2 Ersquo comparsa lrsquoicona di Incolla contenuto Clipboard

La procedura della selezione della pagina di destinazione rimane identica a quella giagrave utilizzata per lacopia di un contenuto singolo (selezionare la pagina di destinazione su cui andare a posizionare i contenutiselezionati)

Egrave importante fare notare che seguendo le operazioni descritte sopra si ottiene come risultato lospostamento dei contenuti dalla pagina origine a quella destinazione

Se si desidera copiare gli elementi selezionati egrave necessario una volta selezionati gli elementi da copiarepremere il tasto copia gli items invece di spostarli (evidenziato con un cerchio rosso nella figura Tagliadalla clipboard (page 38))

32 Copia o spostamento di piugrave contenuti da una pagina ad unrsquoaltra 37

DocWeb Release 101

Figura 38 Taglia dalla clipboard

32 Copia o spostamento di piugrave contenuti da una pagina ad unrsquoaltra 38

DocWeb Release 101

In questo modo dopo avere confermato lrsquooperazione i contenuti o le pagine da copiare saranno presentisia nella pagina origine che in quella destinazione

32 Copia o spostamento di piugrave contenuti da una pagina ad unrsquoaltra 39

CAPITOLO 4

Modulo DAM (Digital AssetManagement)

Il modulo DAM (Digital Asset Management) offre la possibilitagrave di raccogliere e catalogare contenuti informato digitale come immagini documenti presentazioni

Ogni file inserito puograve essere corredato di informazioni aggiuntive (meta-informazioni) come la descrizionelrsquoautore parole chiave ecc

Attraverso il modulo DAM egrave possibile svolgere le seguenti operazioni

bull Caricamento e Aggiornamento di file

bull Ricerca di file allrsquointerno del DAM e modifica delle meta-informazioni associate ai file

41 Caricamento e Aggiornamento di file

Lrsquooperazione di CaricamentoAggiornamento di file serve per sottoporre al sistema DAM un particolarecontenuto memorizzato in formato digitale

Lrsquoelemento caricato saragrave poi disponibile a chi inserisce contenuti

Per iniziare lrsquooperazione di caricamento di un file egrave sufficiente selezionare la voce File che si trovaallrsquointerno del modulo Media (figura Menu file (page 41))

La maschera che si apre (figura File upload (page 41)) offre le seguenti possibilitagrave

1 Selezione della posizione dove andare a caricareaggiornare il file

2 Specificare alcuni documenti da caricare (area File)

Concentrandoci sullrsquoarea File (figura Dettaglio file upload (page 42)) distinguiamo

1 Voce Show upload location browser (punto 1 figura sopra) egrave possibile visualizzare i file attualmentecaricati nel Mount Point selezionato

2 Lista di bottoni denominati Sfoglia da utilizzare nel caso in cui si desideri caricareaggiornareun file

Se si desidera caricare un file occorre cliccare sul bottone Sfoglia

La finestra che appare (figura Sfoglia file (page 42)) permette di selezionare dal proprio PC il file dacaricare

Per selezionare un file da caricare occorre

1 Esplorare le cartelle del proprio PC per trovare il file

40

DocWeb Release 101

Figura 41 Menu file

Figura 42 File upload

41 Caricamento e Aggiornamento di file 41

DocWeb Release 101

Figura 43 Dettaglio file upload

Figura 44 Sfoglia file

41 Caricamento e Aggiornamento di file 42

DocWeb Release 101

2 Inserire il nome del file nella casella di testo Nome file

3 Premere il tasto Apri

Una volta che si egrave selezionato un file egrave possibile

1 selezionare altri file da caricare seguendo gli stessi passi descritti in precedenza

2 effettuare lrsquooperazione di caricamento del file vero e proprio

Dallrsquoesempio abbiamo scelto di caricare un solo file

Il caricamento dei file viene eseguito premendo il bottone ldquoUpload filesrdquo che si trova in fondo alla listadei file selezionati (figura File selezionato (page 43))

Figura 45 File selezionato

Se tutto egrave stato eseguito correttamente appariragrave una finestra come quella nella figura Process files(page 44)

In questa maschera egrave possibile

1 Specificare le meta-informazioni per il singolo file come ad esempio il titolo parole chiavedescrizione

2 Avviare il processo di elaborazione multipla premendo il bottone Process selected files Con questoprocesso egrave possibile inserire o modificare le meta-informazioni per tutti i file della lista (in questocaso solo uno)

Se si vuole eseguire lrsquoinserimento delle meta-informazioni per singolo file la finestra che si apre egrave similea quella presentata in figura Elaborazione metainformazioni singolo file (page 44)

Nel caso si scelga di eseguire il processo di elaborazione multipla la maschera che compare (figuraElaborazione metainformazioni file multipli (page 45)) permette di selezionare le meta-informazioni chelrsquoutente intende inserire contemporaneamente per tutti i file della selezione

41 Caricamento e Aggiornamento di file 43

DocWeb Release 101

Figura 46 Process files

Figura 47 Elaborazione metainformazioni singolo file

41 Caricamento e Aggiornamento di file 44

DocWeb Release 101

Figura 48 Elaborazione metainformazioni file multipli

41 Caricamento e Aggiornamento di file 45

DocWeb Release 101

Se si seleziona la checkbox accanto alla voce che eventualmente saragrave inserita questa viene aggiuntaalle informazioni eventualmente giagrave presenti (modalitagrave append) Nellrsquoaltro caso le informazioni sarannosovrascritte

I campi Titolo e Descrizione sono obbligatori mentre il campo Parole chiavi puograve essere valorizzato adiscrezione dellrsquoutente Informazioni su come valorizzare i campi elencati sopra saranno descritte suapposite linee guida

Per completare lrsquoinserimentoaggiornamento delle meta-informazioni riguardanti il file caricato occorrepremere il tasto Send (figura Salva metainformazioni (page 46)) in fondo alla maschera per il salvataggiodelle informazioni

Figura 49 Salva metainformazioni

Tornando alla maschera di caricamento file e selezionando la checkbox in corrispondenza della voceSovrascrivi file esistenti (figura Carica file sovrascrivendo (page 46)) saragrave possibile aggiornare eventualifile che hanno lo stesso nome di quello che stiamo caricando

Questa procedura egrave utile quando si vuole aggiornare il contenuto di un file che egrave giagrave presente nel DAM

Figura 410 Carica file sovrascrivendo

Nel caso di aggiornamento di un file le meta-informazioni del file rimangono le stesse inserite inprecedenza Come si puograve notare non viene offerta la possibilitagrave di inserirne di nuove

Nel caso in cui un file con lo stesso nome sia giagrave caricato e non si desideri aggiornarlo il file inseritoper ultimo viene rinominato con un suffisso generato automaticamente dal DAM In questo caso la voceSovrascrivi file esistenti non deve essere selezionata (figura Carica file senza sovrascrivere (page 47))

Nellrsquoesempio in figura viene presentata la lista dei file presenti nel mount point selezionato

Da notare la presenza di un file che egrave stato rinominato dal DAM con un suffisso ldquo_01rdquo dato che nellastessa posizione era giagrave presente un file con lo stesso nome

41 Caricamento e Aggiornamento di file 46

DocWeb Release 101

Figura 411 Carica file senza sovrascrivere

41 Caricamento e Aggiornamento di file 47

DocWeb Release 101

42 Ricerca di file allrsquointerno del DAM e modifica delle meta-informazioni

Rimanendo sempre allrsquointerno del modulo Media selezioniamo la voce List egrave possibile effettuare dellericerche dei file e modificare le meta-informazioni associate ai file

Nella figura Backend media list (page 48) distinguiamo

Figura 412 Backend media list

1 Parte relativa ai Mount Point disponibili

2 Parte relativa ai tipi di file caricati nel sistema

3 Schede List Thumbnails Selection Process

Da questa sezione egrave possibile effettuare ricerche sui file caricati nel DAM

Le ricerche che si possono eseguire sono del tipo ldquotrova tutti i file pdf e docrdquo oppure ldquoelenca tutti i filedi tipo immagine ad eccezione dei file con estensione gifrdquo

Per prima cosa facendo click sul nome del tipo file (es gif oppure image) si seleziona solo quel tipo difile e si escludono tutti i criteri selezionati in precedenza

Per aggiungere un altro criterio di ricerca egrave sufficiente selezionare il ldquo+rdquo (punto 1 nella figura Criteri diselezione (page 49)) posto accanto al tipo di file che si vuole selezionare

Con il ldquo-ldquo(punto 2) saragrave possibile rimuovere il tipo di file dai criteri di ricerca

Selezionando ldquo=rdquo (punto 3) egrave possibile introdurre clausole del tipo ldquocerca un file che sia doc e presentenel Mount Point chiamato lsquoArea Testrsquordquo (ossia effettua una ricerca che risponda a tutti i criteri impostati)

Nellrsquoesempio della figura Salva selezione (page 49) sono stati selezionati tutti i tipi di immagine adeccezione dei file con estensione gif Questo risultato si ottiene nel seguente modo

1 selezionare il ldquo+rdquo accanto alla voce ldquoimagerdquo

2 premendo il tasto ldquo-ldquo in corrispondenza della voce ldquogifrdquo

I criteri impostati per la selezione possono essere salvati per un uso futuro Per salvare la selezioneoccorre (figura Salva selezione (page 49))

1 riempire il campo sotto la voce SELECTION con un nome che identifichi la ricerca

2 premere il tasto Save per salvare la modalitagrave di ricerca impostata

In questo modo saragrave possibile richiamare e rieseguire la ricerca impostata anche in futuro senza doverripetere il procedimento di scelta dei criteri mostrato in precedenza

42 Ricerca di file allrsquointerno del DAM e modifica delle meta-informazioni 48

DocWeb Release 101

Figura 413 Criteri di selezione

Figura 414 Salva selezione

42 Ricerca di file allrsquointerno del DAM e modifica delle meta-informazioni 49

DocWeb Release 101

Se in futuro saranno inseriti nuovi file che soddisfano la ricerca salvata questi verranno selezionati quandoverragrave richiamata la ricerca salvata

Dalla figura Ricerca salvata (page 50) egrave possibile notare come richiamare la ricerca salvata In questocaso abbiamo salvato la ricerca con il nome ldquoimmaginisenzagifrdquo

Figura 415 Ricerca salvata

Una volta che si egrave selezionata la ricerca egrave possibile

1 Premere il tasto Load per ricaricare la ricerca precedentemente impostata

2 Premere Remove per rimuovere la ricerca salvata

Una volta effettuata una particolare selezione di file egrave possibile (figura Schede backend media list(page 50))

Figura 416 Schede backend media list

1 vedere il contenuto della selezione (schede List e Thumbnails)

2 vedere i criteri impostati per la ricerca (scheda Selection)

3 modificare le meta-informazioni associate ai file (scheda Process) secondo quanto descritto inprecedenza

Nella figura Scheda selection (page 51) egrave visualizzato come selezionando la scheda Selection egrave possibileprendere visione dei criteri impostati nella ricerca (la ricerca egrave quella dellrsquoesempio precedente)

Selezionando le schede List e Thumbnails dopo avere effettuato una qualsiasi selezione si potrebbe avereuna situazione come quella mostrata nella figura Scheda list (page 51)

Cliccando sullrsquoicona corrispondente ad uno dei file presenti nella lista (selezionato con un cerchio rosso)egrave possibile accedere ad un menugrave contestuale (figura Menu contestuale DAM (page 51))che permette disvolgere le seguenti operazioni

Modifica Offre la possibilitagrave di visualizzare e modificare le meta-informazioni associate al file

Rinomina Selezionando la seguente voce egrave possibile assegnare un altro nome al file che si egrave caricato

Replace file Avvia lrsquooperazione di sostituzione del file

Info Visualizza informazioni relative al file

Cancella Rimuove il file dal DAM

42 Ricerca di file allrsquointerno del DAM e modifica delle meta-informazioni 50

DocWeb Release 101

Figura 417 Scheda selection

Figura 418 Scheda list

Figura 419 Menu contestuale DAM

42 Ricerca di file allrsquointerno del DAM e modifica delle meta-informazioni 51

CAPITOLO 5

Modulo Pagine di download

51 Inserimento e configurazione pagine di download

La creazione di pagine di download egrave utile quando si vuole mettere a disposizione una lista di uno o piugravefile in forma scaricabile

Per creare una pagina di download egrave necessario seguire i seguenti passi

1 Creare una pagina standard

2 Inserire il plugin DAM Download List

3 Configurare il plugin

Per creare una pagina egrave sufficiente entrare nel modulo Pagina e selezionare Crea nuovo record per accederealla finestra di creazione pagine

Nellrsquoesempio in figura Backend creazione contenuto (page 52) egrave stata creata la pagina denominata ldquoPaginadownloadrdquo come figlio della pagina ldquoPagina di provardquo

Figura 51 Backend creazione contenuto

Una volta creata la pagina occorre configurarla in maniera tale da permettere la visualizzazione di unalista di file scaricabili Per fare ciograve occorre inserire un plugin denominato ldquoDAM Download Listrdquo Unplugin egrave un contenuto speciale da inserire in una pagina

52

DocWeb Release 101

Per inserirlo come per un contenuto occorre seguire i seguenti passi (figura Backend creazione contenuto(page 52))

1 Selezionare la pagina in cui inserire il plugin Nellrsquoesempio la pagina denominata ldquoPaginadownloadrdquo

2 Selezionare la voce Clicca qui per il wizard nella maschera che compare quando si vuole inserire unnuovo record

Figura 52 Wizard nuovo contenuto

Oltre ai normali contenuti standard il wizard permette di selezionare (figura Wizard nuovo contenuto(page 53))

1 Contenuti speciali

2 Moduli

3 Plugins

Allrsquointerno della lista dei Plugins selezionare DAM Lista dei file scaricabili (punto 4 nella figura Wizardnuovo contenuto (page 53))

Dopo aver selezionato il plugin occorreragrave selezionare la posizione della pagina in cui inserire lrsquoelemento

Selezionare ldquoNormalerdquo

A questo punto il plugin egrave inserito nella pagina desiderata

51 Inserimento e configurazione pagine di download 53

DocWeb Release 101

Oltre allrsquoinserimento occorre configurare il plugin in modo da dirgli quali file far visualizzare

Una volta che il plugin viene inserito viene aperta una finestra (figura Contenuto pagina (page 54)) doveviene richiesto di selezionare dei file inseriti nel sistema

Figura 53 Contenuto pagina

Per proseguire correttamente egrave necessario salvare immediatamente il Contenuto Pagina altrimenti leoperazioni successive potrebbero andare perse

Per inserire i file nella lista occorre effettuare la seguente operazione (figura Contenuto pagina (page 54))

1 Nella parte della maschera denominata DAM Lista di file scaricabili selezionare lrsquoicona SfogliaRecord (cerchiata in rosso) per avviare la procedura di selezione dei file

Selezionando la voce Sfoglia Record verragrave aperto lrsquoElement Browser di TYPO3 che ci permette di se-lezionare i file da inserire nel plugin La finestra (figura Element browser (page 55)) egrave composta di dueschede

1 Media ndash permette di selezionare i file giagrave esistenti nel sistema

2 Upload ndash permette di caricare nuovi file

Selezionando la sezione Media egrave possibile selezionare dalla lista i file da inserire

51 Inserimento e configurazione pagine di download 54

DocWeb Release 101

Figura 54 Element browser

Se la lista dei file fosse troppo lunga egrave possibile effettuare delle ricerche per nome e per tipologia di file(doc htm )

Per cercare per nome (figura Ricerca per nome (page 55)) occorre inserire nella casella di testo Cercastringa (punto 1 nella figura sopra) il nome o parte del nome del file da cercare Una volta specificata lastringa di ricerca premere il tasto Cerca (punto 2)

Figura 55 Ricerca per nome

Per cercare un particolare tipo di file selezionare il nome dellrsquoestensione che si desidera dallrsquoelenco deitipi di file (figura Ricerca per tipo (page 56))

Nota I due tipi di ricerca possono essere usati contemporaneamente

Selezionando la voce informazioni (punto 1 nella figura Selezione file (page 56)) egrave possibile visualizzarele meta-informazioni associate al file

Premendo con il mouse sul nome del file (punto 2) o sullrsquoicona associata (punto 3) si inserisce il file nellalista dei file da far visualizzare nella pagina di download mediante lrsquoapposito plugin

Selezionando la scheda Upload si puograve inserire un file non presente nel sistema (figura Caricamentoimmediato file (page 56))

51 Inserimento e configurazione pagine di download 55

DocWeb Release 101

Figura 56 Ricerca per tipo

Figura 57 Selezione file

Figura 58 Caricamento immediato file

51 Inserimento e configurazione pagine di download 56

DocWeb Release 101

Scegliere i file dal proprio PC seguendo le operazioni giagrave descritte nel modulo DAM e selezionare dallascheda Media i nuovi file inseriti

Nella figura Plugin con file selezionati (page 57) egrave visualizzato un esempio di maschera di configurazionedel plugin con la lista dei file selezionati

Figura 59 Plugin con file selezionati

I file una volta inseriti possono essere ordinati selezionando sugli appositi bottoni posti a destra dellalista file

bull Per ordinare un determinato file occorre

bull Selezionare un file

Premere uno dei tasti (figura sopra) per

1 Spostare in prima posizione

2 Spostare in alto di una posizione

3 Spostare in basso di una posizione

4 Spostare in ultima posizione

5 Rimuovere dalla lista il file selezionato

Una volta eseguiti i passaggi sopra descritti salvare la configurazione del plugin

51 Inserimento e configurazione pagine di download 57

CAPITOLO 6

Modulo Sitemap

Ersquo possibile generare una mappa del sito scegliendo un contenuto speciale di tipo ldquoMappa del Sitordquo comemostrato nella figura Contenuto mappa del sito (page 58)

Figura 61 Contenuto mappa del sito

Per scegliere un record di tipo ldquomappa del sitordquo (per visualizzare cioegrave la vista dei contenuti possibili)saragrave necessario portarsi in modalitagrave ldquopaginardquo compiendo gli stessi passaggi descritti per la creazione dicontenuti semplici in fase di creazione delle pagine (in questo caso selezionando il contenuto specialemappa)

58

DocWeb Release 101

61 Scheda di configurazione Mappa

La scheda di configurazione si presenta come nella figura Scheda mappa del sito (page 59)

Figura 62 Scheda mappa del sito

I campi fondamentali da personalizzare sono lrsquointestazione (ossia il titolo pagina) il tipo di menugrave e ilpunto di partenza Nellrsquointestazione viene inserito come di consuetudine il titolo pagina

62 Tipo di mappa

Ersquo possibile scegliere il tipo di mappa che si desidera creare consultando il menugrave a tendina ldquotipo di menugraverdquoche ci offriragrave diverse opzioni

Le piugrave frequentemente usate sono di tipo ldquoMenugrave delle sottopagine rdquo come indicato nella figura Tipo dimenu (page 60)

Menugrave delle sottopagine di queste pagine Scegliendo questa opzione da una pagina padre sigenereragrave un record che mostreragrave al suo interno tutte le sottovoci figlio con relativo link

Menugrave delle sottopagine di queste pagine (con abstract) Genera una mappa sia delle sottopagineche dei sottotitoli

Menugrave delle sottopagine di queste pagine + sezioni Genera una mappa sia delle sottopagine chedei record (link alle intestazioni dei singoli record)

Selezionando voci di menugrave di sottopagine egrave anche possibile stabilire un determinato punto di partenzasfogliando lrsquoapposito record

61 Scheda di configurazione Mappa 59

DocWeb Release 101

Figura 63 Tipo di menu

63 Il ldquopunto di partenzardquo della mappa

Il ldquopunto di partenzardquo dei Menugrave delle sottopagine Scheda mappa del sito (page 59) costituisce la paginadalla quale il sistema partiragrave per creare la mappa

Si potragrave quindi creare una mappa (di tipo menugrave delle sottopagine) che mostri solamente il percorso diquella porzione di menugrave che si intende mostrare

63 Il ldquopunto di partenzardquo della mappa 60

CAPITOLO 7

Modulo News

71 Inserimento e modifica di news

Alcune sezioni del nostro sito potrebbero essere state configurate per permettere la visualizzazione dinotizie

Per poter visualizzare le news correttamente occorre che queste ultime vengano inserite in una determi-nata posizione allrsquointerno del backend Da questa posizione che chiameremo repository delle news lenostre pagine andranno a prelevare le news da visualizzare al loro interno

Figura 71 Backend news

Nellrsquoesempio presentato nella figura Backend news (page 61) distinguiamo

1 il repository delle news che egrave stato creato

2 Un esempio di come potrebbe apparire il contenuto del repository delle news (lista delle news)

Per poter visualizzare il contenuto del repository delle news occorre seguire i seguenti passi

1 entrare nel modulo Pagina

61

DocWeb Release 101

2 selezionare il repository delle news corrispondente (nellrsquoesempio della figura Backend news (page 61)il Repository delle news si chiama ldquoNews Area Testrdquo)

Poniamo ora la nostra attenzione alla lista delle news (figura Lista news (page 62)) Da qui egrave possibile

bull Inserire una nuova notizia

bull Modificare le notizie giagrave esistenti

Per inserire una nuova notizia occorre selezionare la voce Crea nuovo record (figura Lista news (page 62))posta in fondo alla lista delle news

Figura 72 Lista news

A questo punto si apre la finestra di creazione Nuovo record da cui occorre selezionare la voce News(figura Nuovo record news (page 62))

Figura 73 Nuovo record news

Eseguendo le operazioni sopra descritte si accede alla maschera di inserimento news (figura Inserimentonews scheda generale (page 63))

Questa si compone di due schede una denominata Generale e unrsquoaltra denominata Relations

Nella scheda Generale egrave possibile inserire

Titolo in questo spazio egrave possibile specificare un titolo della news

Nascondi questo controllo determina se la news egrave pubblicabile oppure no Come avviene per le pagineanche per le news egrave consigliabile tenere la news nascosta durante la lavorazione Facciamo notare

71 Inserimento e modifica di news 62

DocWeb Release 101

Figura 74 Inserimento news scheda generale

71 Inserimento e modifica di news 63

DocWeb Release 101

che appena viene aperta la maschera di inserimento di una nuova news il controllo appare giagrave instato nascosto

Dataora in questo spazio viene indicata la data e lrsquoora della creazione della news in base ai parametridi sistema

Data Archiviazione in questo spazio viene inserita la data di Archiviazione di una news

Autore permette di specificare un autore della news

Email permette di specificare un e-mail a cui fare riferimento

Sottointestazione questo campo conterragrave una breve descrizione (abstract) della news La sottointes-tazione egrave quella parte della news che compare quando viene visualizzata la lista delle news e serveper dare una breve descrizione al contenuto della news (si veda Esempio news (page 64))

Figura 75 Esempio news

Durante lrsquoinserimento di una news egrave consigliabile specificare sempre una sottointestazione

Testo egrave il campo che contiene il contenuto vero e proprio della news Egrave possibile utilizzare tutte lefunzionalitagrave messe a disposizione dallrsquoeditor RTE

72 Modalitagrave Relations

Nella modalitagrave Relations (figura Inserimento news scheda relations (page 65)) egrave possibile inserire

Immagini contiene una lista di immagini da associare alla news Il procedimento per la se-lezionecaricamento delle immagini egrave stato descritto nella parte dedicata alla creazione di paginedi download a cui vi rimandiamo

Didascalia permette di specificare una descrizione per lrsquoimmagine associata alla news

Image alttext e Image titletext permette di specificare un testo che in visualizzazione (Frontend)compariragrave al passaggio del mouse sopra lrsquoimmagine

News correlate permette di specificare news o pagine del sito da associare alla news Il procedimentodi selezione delle news da associare alla notizia saragrave spiegato successivamente

DAM elements permette di assegnare alla news dei documenti da scaricare come per esempioil programma di un determinato evento Anche in questo caso il procedimento per la se-lezionecaricamento dei documenti egrave quello giagrave descritto nella parte dedicata alla creazione dipagine di download

Descriviamo il procedimento da seguire per associare alcune pagine o alcune news alla notizia che stiamoinserendo

Premere il tasto di Sfoglia Record evidenziato nella figura Sfoglia record news (page 65)

Verragrave aperta una finestra che contiene un Element Browser che ci permette di selezionare le newspagine(figura Element browser news (page 66)) da associare

La finestra di selezione si suddivide nelle seguenti parti (figura sopra)

Alberatura del sito da cui egrave possibile esplorare gli elementi del nostro sito (pagine sysfolder )Premendo con il tasto sinistro del mouse sul nome della pagina o sulla freccia corrispondente verragraveaggiornata la parte di destra della finestra in cui egrave inserita la lista degli elementi associabili

72 Modalitagrave Relations 64

DocWeb Release 101

Figura 76 Inserimento news scheda relations

Figura 77 Sfoglia record news

72 Modalitagrave Relations 65

DocWeb Release 101

Figura 78 Element browser news

Lista degli elementi associabili egrave quindi possibile selezionare gli elementi da associare alla newsPer associare un elemento si puograve selezionare il simbolo ldquo+rdquo posto accanto allrsquoelemento desideratoo agendo sul nome del file Nel primo caso lrsquoelemento viene aggiunto ma la finestra non si chiuderagrave(utile per effettuare selezioni multiple) mentre nel secondo caso lrsquoelemento viene aggiunto e lafinestra si chiuderagrave (selezione singola)

Nota Per associare una o piugrave news alla notizia che stiamo inserendo occorreragrave innanzitutto selezionareil repository delle news e utilizzando i metodi descritti in precedenza indicare le news di interesse

Nella figura Selezione repository (page 66) viene visualizzato come appare lrsquoElement Browser dopo averselezionato il repository delle news denominato ldquoNews Corso Typo3rdquo

Figura 79 Selezione repository

Una volta ultimato il procedimento di inserimento di una news vedremo che nel repository compariragrave(figura News nel repository (page 67)) anche quella da noi creata Nellrsquoesempio la news creata si chiamaldquoTitolo della news di provardquo

Dalla lista delle news possiamo notare che i diversi tipi di news sono contrassegnati con icone diverse

In particolare distinguiamo

72 Modalitagrave Relations 66

DocWeb Release 101

Figura 710 News nel repository

bull News (icona ldquocelestinardquo)

bull Collegamento a URL esterna (icona ldquorosardquo)

bull Collegamento a pagina interna (icona ldquogiallinardquo)

Per modificare il contenuto di una news egrave sufficiente selezionare il simbolo di modifica (figura Modificanews (page 67)) in corrispondenza della news da modificare

Figura 711 Modifica news

73 News collegata a URL esterna e a pagina interna

Attraverso la selezione della finestra ldquoTipordquo egrave possibile scegliere diverse tipologie di news

Nella figura News collegata a url esterna (page 68) egrave stato selezionato il Collegamento a URL esterna checi offriragrave la possibilitagrave di specificare un link (ldquoURL esternordquo) da far visualizzare e che saragrave contraddistintain lista da lrsquoicona di colore rosa

Selezionando il Collegamento a pagina interna viene offerta la possibilitagrave di inserire un collegamento auna pagina del sito (evidenziato nella figura News collegata a pagina interna (page 69))

La news si presenteragrave con icona di color ldquogiallordquo e al suo interno conterragrave un link alla pagina interna alsito

73 News collegata a URL esterna e a pagina interna 67

DocWeb Release 101

Figura 712 News collegata a url esterna

73 News collegata a URL esterna e a pagina interna 68

DocWeb Release 101

Figura 713 News collegata a pagina interna

73 News collegata a URL esterna e a pagina interna 69

DocWeb Release 101

74 Eliminazione delle News

Per eliminare una news possiamo procedere tra lrsquoaltro in due modi

1 Selezionare la news da eliminare dallrsquoelenco e selezionare la voce ldquocancellardquo dal menugrave a tendinaconsultabile cliccando con il pulsante destro sullrsquoicona in corrispondenza della news (figura Eliminanews da menu contestuale (page 70))

Figura 714 Elimina news da menu contestuale

2 Entrare allrsquointerno della modalitagrave di modifica della news attraverso lrsquoicona ldquomatitardquo e selezionare lrsquoi-cona raffigurante il bidone di elimina posta in alto pagina (figura Elimina news da scheda contenuto(page 70))

Figura 715 Elimina news da scheda contenuto

75 Ordinamento delle News e ricerca

Puograve essere necessario durante la visualizzazione della lista delle news (lato backend) di dover effettuaredegli ordinamenti al fine di permettere una ricerca piugrave veloce delle news da modificare

74 Eliminazione delle News 70

DocWeb Release 101

Avvertimento Lrsquoordinamento ha valore solo come ricerca allrsquointerno del backend mentre latofrontend rispecchieragrave i parametri prestabiliti dal sistema

Supponiamo per esempio di voler effettuare un ordinamento per Titolo Seguiamo i seguenti passi(figura sotto)

1 Selezionare la voce di menugrave Lista

2 Selezionare il deposito delle news (repository) News Corso Typo3

3 Cliccare con il mouse in corrispondenza della voce ldquoTitolordquo

A questo punto (figura Ordinamento news (page 71)) le news vengono ordinate in ordine crescente(vengono visualizzate prima le news con titolo che inizia con la lettera a b e cosigrave via)

Figura 716 Ordinamento news

Se clicchiamo unrsquoaltra volta sulla voce ldquoTitolordquo il tipo di ordinamento cambia da crescente a decrescente(compariranno per prima le news con titolo che inizia per z )

Egrave inoltre possibile ordinare secondo campo da noi specificato Per definire il nome di un campo (ad estesto inizio autore ) su cui effettuare lrsquoordinamento occorreragrave spostarsi in fondo alla lista delle newsdove troveremo una lista di campi (figura Mostra campo aggiuntivo news (page 71))

Figura 717 Mostra campo aggiuntivo news

Dalla lista possiamo

bull Selezionare la voce in base alla quale effettuare lrsquoordinamento (ad esempio Immagini)

bull Premere il tasto Imposta campi per aggiungere alla lista dei campi visualizzati quello selezionato

75 Ordinamento delle News e ricerca 71

DocWeb Release 101

A questo punto il campo selezionato (nel nostro esempio il campo Immagini) compare nella lista dellenews (il campo aggiunto egrave evidenziato con un riquadro in alto a destra nella figura Ordinamento campoaggiuntivo news (page 72))

Figura 718 Ordinamento campo aggiuntivo news

Effettuare le stesse operazioni illustrate per il campo Titolo per ordinare in modo crescente e decrescentele news secondo il criterio impostato (click pulsante sinistro sul nome etichetta)

Egrave anche possibile ricercare le news in base al testo contenuto nel titolo sottotitolo descrizione eccUtilizzando la maschera di ricerca in fondo pagina (evidenziata nella figura Ricerca news (page 72))

Figura 719 Ricerca news

Per effettuare una ricerca egrave necessario seguire i seguenti passi

1 Inserire nel campo Cerca Stringa il testo da cercare (nel nostro esempio ldquonequerdquo)

2 Premere il tasto Cerca per eseguire la ricerca secondo i criteri impostati

In questo modo nella lista delle news compariranno solo quelle che contengono il testo specificatoEffettuata la ricerca egrave possibile effettuare degli ordinamenti come spiegato in precedenza

75 Ordinamento delle News e ricerca 72

CAPITOLO 8

Modulo Eventi

Avvertimento SEZIONE NON COMPLETA

Si confrontino i seguenti due tipi di contenuti

Evento egrave un tipo di contenuto adatto a descrivere qualcosa che accadragrave o che egrave accaduto in una certadata La data o le date in cui lrsquoevento ricorre sono strettamente legate ad un luogo in cui lrsquoeventosi verificheragravesi egrave verificato Gli eventi vengono rappresentati mediante la metafora dellrsquoagenda edel calendario

Notizia egrave un tipo di contenuto caratterizzato dalla data di pubblicazione secondo la metafora delgiornale online E come in un giornale online una notizia puograve riferirsi sia a fatti giagrave accaduti chea fatti a venire

Nota Per comprendere meglio la differenza tra i due tipi di contenuto si pensi che dato un eventoche ha una certa data di svolgimento (ad es 20 maggio) di tale evento posso realizzare piugrave di unanotizia Rimanendo nellrsquoesempio potrei pubblicare una notizia il 10 maggio per preannunciare lrsquoeventoe poi unrsquoaltra il 18 maggio per ricordarne lrsquoimminenza Infine potrei pubblicare una notizia di riepilogo(cronaca dellrsquoevento immagini ecc) il 22 maggio

81 Scopo del modulo Eventi

Il visitatore del sito deve poter cogliere le informazioni essenziali di un evento

bull Cosa sta per succedere

bull Dove accadragrave

bull Quando accadragrave

82 Il Backend ndash Modulo Pagina

Vedi figura Eventi vista modulo pagina (page 74)

83 Il Backend ndash Modulo Lista

Vedi figura Eventi vista modulo lista (page 74)

73

DocWeb Release 101

Figura 81 Eventi vista modulo pagina

Figura 82 Eventi vista modulo lista

83 Il Backend ndash Modulo Lista 74

DocWeb Release 101

84 Creazione di un evento

Prima di procedere poniamoci qualche domanda

bull Lrsquoevento appartiene a qualche rassegna iniziativa per la quale sono in programma altri eventiPer esempio

ndash Rassegne teatrali cinematografiche

ndash Festival

bull Lrsquoevento si ripete

ndash La replica avviene sempre nello stesso luogo

841 Creazione del record

Vedi figura Creazione nuovo evento (page 75)

Vedi figura Creazione nuovo record evento (page 76)

Figura 83 Creazione nuovo evento

842 Scheda ldquoGeneralerdquo

Vedi figura Evento scheda generale (page 76)

843 Scheda ldquoFinestra temporalerdquo

Orario repliche

Vedi figura Evento finestra temporale (page 78)

84 Creazione di un evento 75

DocWeb Release 101

Figura 84 Creazione nuovo record evento

Figura 85 Evento scheda generale

84 Creazione di un evento 76

DocWeb Release 101

bull Lrsquoorario va solo per le Finestre temporali di un giorno (data inizio = data fine)

bull Se non si conosce lrsquoora della fine impostare ora inizio = ora fine

844 Scheda ldquoTestordquo

Vedi figura Evento scheda testo (page 79)

84 Creazione di un evento 77

DocWeb Release 101

Figura 86 Evento finestra temporale

84 Creazione di un evento 78

DocWeb Release 101

Figura 87 Evento scheda testo84 Creazione di un evento 79

  • Introduzione
    • Cosegrave DocWeb
    • Concetti chiave
      • Funzionalitagrave di Base
        • Il CMS Typo3 ldquobackendrdquo e ldquofrontendrdquo
        • Cambio password di accesso
        • Albero delle pagine
        • Implementazione delle pagine ldquogenitori rdquo e ldquofiglirdquo
        • Inserimento Nuova pagina
        • Elementi standard della pagina
        • Inserimento contenuti di una pagina
        • Contenuti multipli allrsquointerno di una pagina
        • Modifica dei contenuti della pagina
        • Spostamento di pagine
        • Eliminazione pagine
        • Rich Text Editor
        • Modalitagrave Lista
        • Modalitagrave Mostra
        • Modalitagrave ldquoMonta come radice dellrsquoalberordquo
        • Ottenere il page-id di una pagina
        • Admin Panel
          • La Clipboard
            • Copia o spostamento di un contenuto singolo di pagina allrsquointerno di unrsquoaltra pagina
            • Copia o spostamento di piugrave contenuti da una pagina ad unrsquoaltra
              • Modulo DAM (Digital Asset Management)
                • Caricamento e Aggiornamento di file
                • Ricerca di file allrsquointerno del DAM e modifica delle meta-informazioni
                  • Modulo Pagine di download
                    • Inserimento e configurazione pagine di download
                      • Modulo Sitemap
                        • Scheda di configurazione Mappa
                        • Tipo di mappa
                        • Il ``punto di partenza della mappa
                          • Modulo News
                            • Inserimento e modifica di news
                            • Modalitagrave Relations
                            • News collegata a URL esterna e a pagina interna
                            • Eliminazione delle News
                            • Ordinamento delle News e ricerca
                              • Modulo Eventi
                                • Scopo del modulo Eventi
                                • Il Backend ndash Modulo Pagina
                                • Il Backend ndash Modulo Lista
                                • Creazione di un evento
Page 30: DocWeb€¦ · per la realizzazione e la gestione di siti web della Pubblica Am-ministrazione. La piattaforma tecnologica utilizzata è il CMS (Content Management System) Open SourceTypo31

DocWeb Release 101

216 Ottenere il page-id di una pagina

2161 Frontend (FE)

Da frontend si puograve ottenere il page-id della pagina corrente nei seguenti modi

1 dalla barra degli indirizzi del proprio browser (figura Id dallrsquourl (page 27)) Il numero della paginaegrave quello dopo la stringa ldquoid=rdquo Nella figura egrave cerchiata in verde la stringa ldquoid=rdquo e il numero dellapagina (page-id)

Figura 232 Id dallrsquourl

2 Puntando il mouse sulla scritta [id] a pieacute pagina e leggendo il tooltip (figura Id dal tooltip (page 27))

Figura 233 Id dal tooltip

3 Solo per browser Firefox dal menugrave di contesto scegliere la voce ldquoVisualizza info paginardquo si apreuna finestra consultare quindi la lista Meta sotto la scheda Generale (Id dagli attributi (page 28))

2162 Backend (BE)

Da backend egrave possibile ottenere il page-id nei seguenti modi

1 leggendo il tooltip puntando il mouse sullrsquoicona della pagina nel riquadro della struttura del sito(figura Id dal tooltip nel backend (page 28))

2 dal modulo di modifica delle intestazioni della pagina (figura Id dalle intestazioni pagina nel backend(page 28)) Il numero egrave tra le parentesi quadre dopo il titolo della pagina

217 Admin Panel

Quando si inseriscono contenuti con Typo3 (backend) egrave possibile visualizzare unrsquoanteprima della paginache si sta creando per vedere i risultati del lavoro svolto

Per visualizzare unrsquoanteprima di una pagina occorre (figura Menu mostra (page 29))

1 posizionarsi sulla pagina da visualizzare

2 premere il tasto sinistro del mouse in corrispondenza del nome

216 Ottenere il page-id di una pagina 27

DocWeb Release 101

Figura 234 Id dagli attributi

Figura 235 Id dal tooltip nel backend

Figura 236 Id dalle intestazioni pagina nel backend

217 Admin Panel 28

DocWeb Release 101

Figura 237 Menu mostra

3 selezionare la voce Mostra

In base alla pagina scelta si avragrave un risultato come quello visualizzato nella figura Anteprima pagina conAdmin panel (page 29)

Figura 238 Anteprima pagina con Admin panel

La pagina presenteragrave nella parte superiore lrsquoanteprima della pagina Nella parte inferiore vienevisualizzato uno strumento denominato Admin Panel

Questo oggetto offre lato front-end alcune funzionalitagrave (figura Moduli Admin panel (page 30)) cheaiutano i gestori di contenuti nella creazionemodifica delle pagine web del sito

NellrsquoAdmin panel (figura sopra) egrave possibile distinguere

217 Admin Panel 29

DocWeb Release 101

Figura 239 Moduli Admin panel

1 Modulo Preview ndash offre la possibilitagrave di selezionare alcune opzioni sulla pagina per simulare alcunesituazioni in cui la pagina si puograve trovare durante la visualizzazione

2 Modulo Cache ndash offre la possibilitagrave di gestire la cache

Allrsquointerno del modulo Preview abbiamo le seguenti voci

Mostra pagine nascoste selezionando la casella di controllo corrispondente a questa voce si visual-izzeranno anche quelle che attualmente non sono visibili allrsquointerno del sito o perchegrave in lavorazioneo perchegrave ancora non egrave stata data lrsquoautorizzazione alla pubblicazione

Mostra record nascosti come per le pagine questa voce offre la possibilitagrave di poter visualizzare allrsquoin-terno della pagina quei contenuti nascosti che non sono ancora ultimati o che sono in attesa di unautorizzazione per la pubblicazione

Simula data con questo controllo egrave possibile simulare il comportamento della pagina in periodi tem-porali diversi Utilizzando la casella di testo egrave possibile inserire delle date In questo modo sirende possibile la visualizzazione di quegli elementi (ad es pagine news ) che sono abilitati acomparirescomparire in base a determinati criteri temporali impostati

Simula gruppo di utenti con questo controllo egrave possibile simulare il comportamento delle pagine inbase ad un determinato gruppo di utenti che vi accede Alcune pagine possono infatti avere uncomportamento diverso in base al tipo di utente che vi accede

Nota Durante la creazione di pagine egrave possibile restringere la visione di una determinata pagina aparticolari tipi di utenti (utenti di frontend) Questa caratteristica offre la possibilitagrave di definire delle areead accesso riservato del sito ossia sezioni del sito a cui egrave possibile accedere solo dopo essersi autenticatie dopo avere avuto i necessari diritti di accesso

Una volta selezionate le opportune scelte allrsquointerno dellrsquoADMIN Panel occorreragrave premere il tasto Aggior-na (figura Aggiorna Admin panel (page 31)) per prendere visione della pagina secondo i criteri impostati

Nota Nel caso in cui lrsquoutente abbia la possibilitagrave di accedere da back-end a piugrave siti (ciascuno con unproprio dominio) bisogna tenere presente che lrsquoADMIN Panel compare soltanto per le pagine relativeal dominio con cui lrsquoutente ha fatto il login In altre parole se un operatore ad esempio egrave abilitatoa lavorare sulle pagine di backend dei siti httpwwwsitoesempio1it e httpwwwsitoesempio2it ese lrsquooperatore accede al backend di DocWeb con lrsquoindirizzo httpwwwsitoesempio1ittypo3 allora

217 Admin Panel 30

DocWeb Release 101

Figura 240 Aggiorna Admin panel

lrsquoADMIN Panel compariragrave solo sulle pagine di frontend del dominio wwwsitoesempio1it e non su quelledel dominio wwwsitoesempio2it

217 Admin Panel 31

CAPITOLO 3

La Clipboard

Lrsquooggetto clipboard (rdquoblocco degli appuntirdquo) egrave molto utile quando si ha la necessitagrave di copiare o spostareuno o piugrave elementi di contenuto o una o piugrave pagine da una sezione del sito (contenitore di pagine) adunrsquoaltra

31 Copia o spostamento di un contenuto singolo di pagina allrsquointernodi unrsquoaltra pagina

Per prima cosa egrave necessario (figura Identifica contenuto (page 32))

Figura 31 Identifica contenuto

1 selezionare la voce Lista

2 selezionare la pagina che contiene il contenuto che si intende copiare (nella figura abbiamo sceltola pagina denominata ldquoCorso di formazione su Typo3rdquo

32

DocWeb Release 101

3 identificare dalla lista dei contenuti associati alla pagina quello da spostare

Supponiamo che si desideri copiare il contenuto denominato ldquoTesto 2rdquo (figura Copia contenuto (page 33))

Figura 32 Copia contenuto

Egrave sufficiente cliccare sullrsquoicona (nella figura sopra evidenziata con un cerchio rosso) di copia incorrispondenza del contenuto da copiare

Dopo avere eseguito questa operazione nella figura Risultato copia contenuto (page 34) possiamo notare

1 Egrave comparsa unrsquoicona nuova che mette in evidenza che nella clipboard egrave presente un elemento

2 Lrsquoicona di copia in corrispondenza del contenuto da spostare ha cambiato aspetto

A questo punto lrsquooggetto che si intende copiare egrave presente nella nostra clipboard

Il passo successivo egrave quello di selezionare la pagina in cui andare a posizionare lrsquoelemento (paginadestinazione)

Rimanendo sempre allrsquointerno del modulo Lista occorreragrave selezionare dallrsquoalberatura delle pagine la pag-ina destinazione Il procedimento da seguire per posizionarsi sulla pagina egrave lo stesso descritto in prece-denza Nella figura Incolla contenuto (page 34) viene evidenziato il contenuto di una pagina (denominataldquoPagina di Provardquo) in cui vogliamo copiare il contenuto

Per copiare il contenuto della clipboard nella pagina selezionare lrsquoicona Incolla contenuto Clipboard

Confermando lrsquooperazione il contenuto saragrave copiato allrsquointerno della pagina selezionata

Per effettuare lo spostamento di un contenuto di pagina allrsquointerno di unrsquoaltra pagina cliccare sullrsquoicona

di Taglia al posto dellrsquoicona copia e ripetere le operazioni sopra descritte

1 Selezionando la casella Mostra clipboard (figura Vista clipboard (page 35)) egrave possibile visualiz-zare lrsquooggetto clipboard Nel caso in figura lrsquoelemento copiato in precedenza (Testo 2) egrave ancoradisponibile allrsquointerno della clipboard Utilizzando il procedimento descritto infatti il contenuto

31 Copia o spostamento di un contenuto singolo di pagina allrsquointerno di unrsquoaltra pagina 33

DocWeb Release 101

Figura 33 Risultato copia contenuto

Figura 34 Incolla contenuto

31 Copia o spostamento di un contenuto singolo di pagina allrsquointerno di unrsquoaltra pagina 34

DocWeb Release 101

selezionato rimane ancora a disposizione dellrsquoutente che potragrave selezionare altre pagine destinazionesu cui eventualmente andare a copiare il contenuto Nel caso in cui si selezioni un altro elementoad esempio ldquoTesto 1rdquo lrsquoelemento presente viene automaticamente sostituito

2 Dallrsquooggetto clipboard egrave possibile rimuovere un elemento premendo il bottone di Elimina postoaccanto ad esso

Figura 35 Vista clipboard

Con il procedimento descritto fino ad ora egrave possibile scegliere soltanto un contenuto alla volta

32 Copia o spostamento di piugrave contenuti da una pagina ad unrsquoaltra

Nel caso in cui ci si trovi nella necessitagrave di copiare piugrave di un contenuto da una pagina allrsquoaltra egrave necessarioseguire i passi seguenti

1 Selezionare il modulo Lista

2 Selezionare la pagina di origine da cui prelevare i contenuti

3 Selezionare la casella Mostra clipboard

4 Selezionare una clipboard tra quelle denominate ldquoClipboard 1rdquo ldquoClipboard 2rdquo ldquoClipboard 3rdquo(punto 3 figura Vista clipboard con contenuto selezionato (page 36))

Selezionando ad esempio la clipboard contrassegnata come ldquoclipboard 1rdquo si avragrave la seguente situazione

32 Copia o spostamento di piugrave contenuti da una pagina ad unrsquoaltra 35

DocWeb Release 101

Figura 36 Vista clipboard con contenuto selezionato

32 Copia o spostamento di piugrave contenuti da una pagina ad unrsquoaltra 36

DocWeb Release 101

1 In corrispondenza di ogni contenuto si evidenzia una Casella di selezione Sopra la colonna con lecaselle di selezione egrave comparsa una lista di bottoni tra cui al momento distinguiamo

2 Bottone di copia elementi nella clipboard

3 Bottone di selezione tuttinessuno

Scegliendo ad esempio i primi due elementi e premendo il pulsante di copia elementi nella clipboard sipuograve notare che (figura Copia nella clipboard (page 37))

Figura 37 Copia nella clipboard

1 La clipboard che abbiamo scelto per la selezione multipla (ldquoClipboard 1rdquo) contiene la lista deglioggetti che abbiamo scelto di copiare

2 Ersquo comparsa lrsquoicona di Incolla contenuto Clipboard

La procedura della selezione della pagina di destinazione rimane identica a quella giagrave utilizzata per lacopia di un contenuto singolo (selezionare la pagina di destinazione su cui andare a posizionare i contenutiselezionati)

Egrave importante fare notare che seguendo le operazioni descritte sopra si ottiene come risultato lospostamento dei contenuti dalla pagina origine a quella destinazione

Se si desidera copiare gli elementi selezionati egrave necessario una volta selezionati gli elementi da copiarepremere il tasto copia gli items invece di spostarli (evidenziato con un cerchio rosso nella figura Tagliadalla clipboard (page 38))

32 Copia o spostamento di piugrave contenuti da una pagina ad unrsquoaltra 37

DocWeb Release 101

Figura 38 Taglia dalla clipboard

32 Copia o spostamento di piugrave contenuti da una pagina ad unrsquoaltra 38

DocWeb Release 101

In questo modo dopo avere confermato lrsquooperazione i contenuti o le pagine da copiare saranno presentisia nella pagina origine che in quella destinazione

32 Copia o spostamento di piugrave contenuti da una pagina ad unrsquoaltra 39

CAPITOLO 4

Modulo DAM (Digital AssetManagement)

Il modulo DAM (Digital Asset Management) offre la possibilitagrave di raccogliere e catalogare contenuti informato digitale come immagini documenti presentazioni

Ogni file inserito puograve essere corredato di informazioni aggiuntive (meta-informazioni) come la descrizionelrsquoautore parole chiave ecc

Attraverso il modulo DAM egrave possibile svolgere le seguenti operazioni

bull Caricamento e Aggiornamento di file

bull Ricerca di file allrsquointerno del DAM e modifica delle meta-informazioni associate ai file

41 Caricamento e Aggiornamento di file

Lrsquooperazione di CaricamentoAggiornamento di file serve per sottoporre al sistema DAM un particolarecontenuto memorizzato in formato digitale

Lrsquoelemento caricato saragrave poi disponibile a chi inserisce contenuti

Per iniziare lrsquooperazione di caricamento di un file egrave sufficiente selezionare la voce File che si trovaallrsquointerno del modulo Media (figura Menu file (page 41))

La maschera che si apre (figura File upload (page 41)) offre le seguenti possibilitagrave

1 Selezione della posizione dove andare a caricareaggiornare il file

2 Specificare alcuni documenti da caricare (area File)

Concentrandoci sullrsquoarea File (figura Dettaglio file upload (page 42)) distinguiamo

1 Voce Show upload location browser (punto 1 figura sopra) egrave possibile visualizzare i file attualmentecaricati nel Mount Point selezionato

2 Lista di bottoni denominati Sfoglia da utilizzare nel caso in cui si desideri caricareaggiornareun file

Se si desidera caricare un file occorre cliccare sul bottone Sfoglia

La finestra che appare (figura Sfoglia file (page 42)) permette di selezionare dal proprio PC il file dacaricare

Per selezionare un file da caricare occorre

1 Esplorare le cartelle del proprio PC per trovare il file

40

DocWeb Release 101

Figura 41 Menu file

Figura 42 File upload

41 Caricamento e Aggiornamento di file 41

DocWeb Release 101

Figura 43 Dettaglio file upload

Figura 44 Sfoglia file

41 Caricamento e Aggiornamento di file 42

DocWeb Release 101

2 Inserire il nome del file nella casella di testo Nome file

3 Premere il tasto Apri

Una volta che si egrave selezionato un file egrave possibile

1 selezionare altri file da caricare seguendo gli stessi passi descritti in precedenza

2 effettuare lrsquooperazione di caricamento del file vero e proprio

Dallrsquoesempio abbiamo scelto di caricare un solo file

Il caricamento dei file viene eseguito premendo il bottone ldquoUpload filesrdquo che si trova in fondo alla listadei file selezionati (figura File selezionato (page 43))

Figura 45 File selezionato

Se tutto egrave stato eseguito correttamente appariragrave una finestra come quella nella figura Process files(page 44)

In questa maschera egrave possibile

1 Specificare le meta-informazioni per il singolo file come ad esempio il titolo parole chiavedescrizione

2 Avviare il processo di elaborazione multipla premendo il bottone Process selected files Con questoprocesso egrave possibile inserire o modificare le meta-informazioni per tutti i file della lista (in questocaso solo uno)

Se si vuole eseguire lrsquoinserimento delle meta-informazioni per singolo file la finestra che si apre egrave similea quella presentata in figura Elaborazione metainformazioni singolo file (page 44)

Nel caso si scelga di eseguire il processo di elaborazione multipla la maschera che compare (figuraElaborazione metainformazioni file multipli (page 45)) permette di selezionare le meta-informazioni chelrsquoutente intende inserire contemporaneamente per tutti i file della selezione

41 Caricamento e Aggiornamento di file 43

DocWeb Release 101

Figura 46 Process files

Figura 47 Elaborazione metainformazioni singolo file

41 Caricamento e Aggiornamento di file 44

DocWeb Release 101

Figura 48 Elaborazione metainformazioni file multipli

41 Caricamento e Aggiornamento di file 45

DocWeb Release 101

Se si seleziona la checkbox accanto alla voce che eventualmente saragrave inserita questa viene aggiuntaalle informazioni eventualmente giagrave presenti (modalitagrave append) Nellrsquoaltro caso le informazioni sarannosovrascritte

I campi Titolo e Descrizione sono obbligatori mentre il campo Parole chiavi puograve essere valorizzato adiscrezione dellrsquoutente Informazioni su come valorizzare i campi elencati sopra saranno descritte suapposite linee guida

Per completare lrsquoinserimentoaggiornamento delle meta-informazioni riguardanti il file caricato occorrepremere il tasto Send (figura Salva metainformazioni (page 46)) in fondo alla maschera per il salvataggiodelle informazioni

Figura 49 Salva metainformazioni

Tornando alla maschera di caricamento file e selezionando la checkbox in corrispondenza della voceSovrascrivi file esistenti (figura Carica file sovrascrivendo (page 46)) saragrave possibile aggiornare eventualifile che hanno lo stesso nome di quello che stiamo caricando

Questa procedura egrave utile quando si vuole aggiornare il contenuto di un file che egrave giagrave presente nel DAM

Figura 410 Carica file sovrascrivendo

Nel caso di aggiornamento di un file le meta-informazioni del file rimangono le stesse inserite inprecedenza Come si puograve notare non viene offerta la possibilitagrave di inserirne di nuove

Nel caso in cui un file con lo stesso nome sia giagrave caricato e non si desideri aggiornarlo il file inseritoper ultimo viene rinominato con un suffisso generato automaticamente dal DAM In questo caso la voceSovrascrivi file esistenti non deve essere selezionata (figura Carica file senza sovrascrivere (page 47))

Nellrsquoesempio in figura viene presentata la lista dei file presenti nel mount point selezionato

Da notare la presenza di un file che egrave stato rinominato dal DAM con un suffisso ldquo_01rdquo dato che nellastessa posizione era giagrave presente un file con lo stesso nome

41 Caricamento e Aggiornamento di file 46

DocWeb Release 101

Figura 411 Carica file senza sovrascrivere

41 Caricamento e Aggiornamento di file 47

DocWeb Release 101

42 Ricerca di file allrsquointerno del DAM e modifica delle meta-informazioni

Rimanendo sempre allrsquointerno del modulo Media selezioniamo la voce List egrave possibile effettuare dellericerche dei file e modificare le meta-informazioni associate ai file

Nella figura Backend media list (page 48) distinguiamo

Figura 412 Backend media list

1 Parte relativa ai Mount Point disponibili

2 Parte relativa ai tipi di file caricati nel sistema

3 Schede List Thumbnails Selection Process

Da questa sezione egrave possibile effettuare ricerche sui file caricati nel DAM

Le ricerche che si possono eseguire sono del tipo ldquotrova tutti i file pdf e docrdquo oppure ldquoelenca tutti i filedi tipo immagine ad eccezione dei file con estensione gifrdquo

Per prima cosa facendo click sul nome del tipo file (es gif oppure image) si seleziona solo quel tipo difile e si escludono tutti i criteri selezionati in precedenza

Per aggiungere un altro criterio di ricerca egrave sufficiente selezionare il ldquo+rdquo (punto 1 nella figura Criteri diselezione (page 49)) posto accanto al tipo di file che si vuole selezionare

Con il ldquo-ldquo(punto 2) saragrave possibile rimuovere il tipo di file dai criteri di ricerca

Selezionando ldquo=rdquo (punto 3) egrave possibile introdurre clausole del tipo ldquocerca un file che sia doc e presentenel Mount Point chiamato lsquoArea Testrsquordquo (ossia effettua una ricerca che risponda a tutti i criteri impostati)

Nellrsquoesempio della figura Salva selezione (page 49) sono stati selezionati tutti i tipi di immagine adeccezione dei file con estensione gif Questo risultato si ottiene nel seguente modo

1 selezionare il ldquo+rdquo accanto alla voce ldquoimagerdquo

2 premendo il tasto ldquo-ldquo in corrispondenza della voce ldquogifrdquo

I criteri impostati per la selezione possono essere salvati per un uso futuro Per salvare la selezioneoccorre (figura Salva selezione (page 49))

1 riempire il campo sotto la voce SELECTION con un nome che identifichi la ricerca

2 premere il tasto Save per salvare la modalitagrave di ricerca impostata

In questo modo saragrave possibile richiamare e rieseguire la ricerca impostata anche in futuro senza doverripetere il procedimento di scelta dei criteri mostrato in precedenza

42 Ricerca di file allrsquointerno del DAM e modifica delle meta-informazioni 48

DocWeb Release 101

Figura 413 Criteri di selezione

Figura 414 Salva selezione

42 Ricerca di file allrsquointerno del DAM e modifica delle meta-informazioni 49

DocWeb Release 101

Se in futuro saranno inseriti nuovi file che soddisfano la ricerca salvata questi verranno selezionati quandoverragrave richiamata la ricerca salvata

Dalla figura Ricerca salvata (page 50) egrave possibile notare come richiamare la ricerca salvata In questocaso abbiamo salvato la ricerca con il nome ldquoimmaginisenzagifrdquo

Figura 415 Ricerca salvata

Una volta che si egrave selezionata la ricerca egrave possibile

1 Premere il tasto Load per ricaricare la ricerca precedentemente impostata

2 Premere Remove per rimuovere la ricerca salvata

Una volta effettuata una particolare selezione di file egrave possibile (figura Schede backend media list(page 50))

Figura 416 Schede backend media list

1 vedere il contenuto della selezione (schede List e Thumbnails)

2 vedere i criteri impostati per la ricerca (scheda Selection)

3 modificare le meta-informazioni associate ai file (scheda Process) secondo quanto descritto inprecedenza

Nella figura Scheda selection (page 51) egrave visualizzato come selezionando la scheda Selection egrave possibileprendere visione dei criteri impostati nella ricerca (la ricerca egrave quella dellrsquoesempio precedente)

Selezionando le schede List e Thumbnails dopo avere effettuato una qualsiasi selezione si potrebbe avereuna situazione come quella mostrata nella figura Scheda list (page 51)

Cliccando sullrsquoicona corrispondente ad uno dei file presenti nella lista (selezionato con un cerchio rosso)egrave possibile accedere ad un menugrave contestuale (figura Menu contestuale DAM (page 51))che permette disvolgere le seguenti operazioni

Modifica Offre la possibilitagrave di visualizzare e modificare le meta-informazioni associate al file

Rinomina Selezionando la seguente voce egrave possibile assegnare un altro nome al file che si egrave caricato

Replace file Avvia lrsquooperazione di sostituzione del file

Info Visualizza informazioni relative al file

Cancella Rimuove il file dal DAM

42 Ricerca di file allrsquointerno del DAM e modifica delle meta-informazioni 50

DocWeb Release 101

Figura 417 Scheda selection

Figura 418 Scheda list

Figura 419 Menu contestuale DAM

42 Ricerca di file allrsquointerno del DAM e modifica delle meta-informazioni 51

CAPITOLO 5

Modulo Pagine di download

51 Inserimento e configurazione pagine di download

La creazione di pagine di download egrave utile quando si vuole mettere a disposizione una lista di uno o piugravefile in forma scaricabile

Per creare una pagina di download egrave necessario seguire i seguenti passi

1 Creare una pagina standard

2 Inserire il plugin DAM Download List

3 Configurare il plugin

Per creare una pagina egrave sufficiente entrare nel modulo Pagina e selezionare Crea nuovo record per accederealla finestra di creazione pagine

Nellrsquoesempio in figura Backend creazione contenuto (page 52) egrave stata creata la pagina denominata ldquoPaginadownloadrdquo come figlio della pagina ldquoPagina di provardquo

Figura 51 Backend creazione contenuto

Una volta creata la pagina occorre configurarla in maniera tale da permettere la visualizzazione di unalista di file scaricabili Per fare ciograve occorre inserire un plugin denominato ldquoDAM Download Listrdquo Unplugin egrave un contenuto speciale da inserire in una pagina

52

DocWeb Release 101

Per inserirlo come per un contenuto occorre seguire i seguenti passi (figura Backend creazione contenuto(page 52))

1 Selezionare la pagina in cui inserire il plugin Nellrsquoesempio la pagina denominata ldquoPaginadownloadrdquo

2 Selezionare la voce Clicca qui per il wizard nella maschera che compare quando si vuole inserire unnuovo record

Figura 52 Wizard nuovo contenuto

Oltre ai normali contenuti standard il wizard permette di selezionare (figura Wizard nuovo contenuto(page 53))

1 Contenuti speciali

2 Moduli

3 Plugins

Allrsquointerno della lista dei Plugins selezionare DAM Lista dei file scaricabili (punto 4 nella figura Wizardnuovo contenuto (page 53))

Dopo aver selezionato il plugin occorreragrave selezionare la posizione della pagina in cui inserire lrsquoelemento

Selezionare ldquoNormalerdquo

A questo punto il plugin egrave inserito nella pagina desiderata

51 Inserimento e configurazione pagine di download 53

DocWeb Release 101

Oltre allrsquoinserimento occorre configurare il plugin in modo da dirgli quali file far visualizzare

Una volta che il plugin viene inserito viene aperta una finestra (figura Contenuto pagina (page 54)) doveviene richiesto di selezionare dei file inseriti nel sistema

Figura 53 Contenuto pagina

Per proseguire correttamente egrave necessario salvare immediatamente il Contenuto Pagina altrimenti leoperazioni successive potrebbero andare perse

Per inserire i file nella lista occorre effettuare la seguente operazione (figura Contenuto pagina (page 54))

1 Nella parte della maschera denominata DAM Lista di file scaricabili selezionare lrsquoicona SfogliaRecord (cerchiata in rosso) per avviare la procedura di selezione dei file

Selezionando la voce Sfoglia Record verragrave aperto lrsquoElement Browser di TYPO3 che ci permette di se-lezionare i file da inserire nel plugin La finestra (figura Element browser (page 55)) egrave composta di dueschede

1 Media ndash permette di selezionare i file giagrave esistenti nel sistema

2 Upload ndash permette di caricare nuovi file

Selezionando la sezione Media egrave possibile selezionare dalla lista i file da inserire

51 Inserimento e configurazione pagine di download 54

DocWeb Release 101

Figura 54 Element browser

Se la lista dei file fosse troppo lunga egrave possibile effettuare delle ricerche per nome e per tipologia di file(doc htm )

Per cercare per nome (figura Ricerca per nome (page 55)) occorre inserire nella casella di testo Cercastringa (punto 1 nella figura sopra) il nome o parte del nome del file da cercare Una volta specificata lastringa di ricerca premere il tasto Cerca (punto 2)

Figura 55 Ricerca per nome

Per cercare un particolare tipo di file selezionare il nome dellrsquoestensione che si desidera dallrsquoelenco deitipi di file (figura Ricerca per tipo (page 56))

Nota I due tipi di ricerca possono essere usati contemporaneamente

Selezionando la voce informazioni (punto 1 nella figura Selezione file (page 56)) egrave possibile visualizzarele meta-informazioni associate al file

Premendo con il mouse sul nome del file (punto 2) o sullrsquoicona associata (punto 3) si inserisce il file nellalista dei file da far visualizzare nella pagina di download mediante lrsquoapposito plugin

Selezionando la scheda Upload si puograve inserire un file non presente nel sistema (figura Caricamentoimmediato file (page 56))

51 Inserimento e configurazione pagine di download 55

DocWeb Release 101

Figura 56 Ricerca per tipo

Figura 57 Selezione file

Figura 58 Caricamento immediato file

51 Inserimento e configurazione pagine di download 56

DocWeb Release 101

Scegliere i file dal proprio PC seguendo le operazioni giagrave descritte nel modulo DAM e selezionare dallascheda Media i nuovi file inseriti

Nella figura Plugin con file selezionati (page 57) egrave visualizzato un esempio di maschera di configurazionedel plugin con la lista dei file selezionati

Figura 59 Plugin con file selezionati

I file una volta inseriti possono essere ordinati selezionando sugli appositi bottoni posti a destra dellalista file

bull Per ordinare un determinato file occorre

bull Selezionare un file

Premere uno dei tasti (figura sopra) per

1 Spostare in prima posizione

2 Spostare in alto di una posizione

3 Spostare in basso di una posizione

4 Spostare in ultima posizione

5 Rimuovere dalla lista il file selezionato

Una volta eseguiti i passaggi sopra descritti salvare la configurazione del plugin

51 Inserimento e configurazione pagine di download 57

CAPITOLO 6

Modulo Sitemap

Ersquo possibile generare una mappa del sito scegliendo un contenuto speciale di tipo ldquoMappa del Sitordquo comemostrato nella figura Contenuto mappa del sito (page 58)

Figura 61 Contenuto mappa del sito

Per scegliere un record di tipo ldquomappa del sitordquo (per visualizzare cioegrave la vista dei contenuti possibili)saragrave necessario portarsi in modalitagrave ldquopaginardquo compiendo gli stessi passaggi descritti per la creazione dicontenuti semplici in fase di creazione delle pagine (in questo caso selezionando il contenuto specialemappa)

58

DocWeb Release 101

61 Scheda di configurazione Mappa

La scheda di configurazione si presenta come nella figura Scheda mappa del sito (page 59)

Figura 62 Scheda mappa del sito

I campi fondamentali da personalizzare sono lrsquointestazione (ossia il titolo pagina) il tipo di menugrave e ilpunto di partenza Nellrsquointestazione viene inserito come di consuetudine il titolo pagina

62 Tipo di mappa

Ersquo possibile scegliere il tipo di mappa che si desidera creare consultando il menugrave a tendina ldquotipo di menugraverdquoche ci offriragrave diverse opzioni

Le piugrave frequentemente usate sono di tipo ldquoMenugrave delle sottopagine rdquo come indicato nella figura Tipo dimenu (page 60)

Menugrave delle sottopagine di queste pagine Scegliendo questa opzione da una pagina padre sigenereragrave un record che mostreragrave al suo interno tutte le sottovoci figlio con relativo link

Menugrave delle sottopagine di queste pagine (con abstract) Genera una mappa sia delle sottopagineche dei sottotitoli

Menugrave delle sottopagine di queste pagine + sezioni Genera una mappa sia delle sottopagine chedei record (link alle intestazioni dei singoli record)

Selezionando voci di menugrave di sottopagine egrave anche possibile stabilire un determinato punto di partenzasfogliando lrsquoapposito record

61 Scheda di configurazione Mappa 59

DocWeb Release 101

Figura 63 Tipo di menu

63 Il ldquopunto di partenzardquo della mappa

Il ldquopunto di partenzardquo dei Menugrave delle sottopagine Scheda mappa del sito (page 59) costituisce la paginadalla quale il sistema partiragrave per creare la mappa

Si potragrave quindi creare una mappa (di tipo menugrave delle sottopagine) che mostri solamente il percorso diquella porzione di menugrave che si intende mostrare

63 Il ldquopunto di partenzardquo della mappa 60

CAPITOLO 7

Modulo News

71 Inserimento e modifica di news

Alcune sezioni del nostro sito potrebbero essere state configurate per permettere la visualizzazione dinotizie

Per poter visualizzare le news correttamente occorre che queste ultime vengano inserite in una determi-nata posizione allrsquointerno del backend Da questa posizione che chiameremo repository delle news lenostre pagine andranno a prelevare le news da visualizzare al loro interno

Figura 71 Backend news

Nellrsquoesempio presentato nella figura Backend news (page 61) distinguiamo

1 il repository delle news che egrave stato creato

2 Un esempio di come potrebbe apparire il contenuto del repository delle news (lista delle news)

Per poter visualizzare il contenuto del repository delle news occorre seguire i seguenti passi

1 entrare nel modulo Pagina

61

DocWeb Release 101

2 selezionare il repository delle news corrispondente (nellrsquoesempio della figura Backend news (page 61)il Repository delle news si chiama ldquoNews Area Testrdquo)

Poniamo ora la nostra attenzione alla lista delle news (figura Lista news (page 62)) Da qui egrave possibile

bull Inserire una nuova notizia

bull Modificare le notizie giagrave esistenti

Per inserire una nuova notizia occorre selezionare la voce Crea nuovo record (figura Lista news (page 62))posta in fondo alla lista delle news

Figura 72 Lista news

A questo punto si apre la finestra di creazione Nuovo record da cui occorre selezionare la voce News(figura Nuovo record news (page 62))

Figura 73 Nuovo record news

Eseguendo le operazioni sopra descritte si accede alla maschera di inserimento news (figura Inserimentonews scheda generale (page 63))

Questa si compone di due schede una denominata Generale e unrsquoaltra denominata Relations

Nella scheda Generale egrave possibile inserire

Titolo in questo spazio egrave possibile specificare un titolo della news

Nascondi questo controllo determina se la news egrave pubblicabile oppure no Come avviene per le pagineanche per le news egrave consigliabile tenere la news nascosta durante la lavorazione Facciamo notare

71 Inserimento e modifica di news 62

DocWeb Release 101

Figura 74 Inserimento news scheda generale

71 Inserimento e modifica di news 63

DocWeb Release 101

che appena viene aperta la maschera di inserimento di una nuova news il controllo appare giagrave instato nascosto

Dataora in questo spazio viene indicata la data e lrsquoora della creazione della news in base ai parametridi sistema

Data Archiviazione in questo spazio viene inserita la data di Archiviazione di una news

Autore permette di specificare un autore della news

Email permette di specificare un e-mail a cui fare riferimento

Sottointestazione questo campo conterragrave una breve descrizione (abstract) della news La sottointes-tazione egrave quella parte della news che compare quando viene visualizzata la lista delle news e serveper dare una breve descrizione al contenuto della news (si veda Esempio news (page 64))

Figura 75 Esempio news

Durante lrsquoinserimento di una news egrave consigliabile specificare sempre una sottointestazione

Testo egrave il campo che contiene il contenuto vero e proprio della news Egrave possibile utilizzare tutte lefunzionalitagrave messe a disposizione dallrsquoeditor RTE

72 Modalitagrave Relations

Nella modalitagrave Relations (figura Inserimento news scheda relations (page 65)) egrave possibile inserire

Immagini contiene una lista di immagini da associare alla news Il procedimento per la se-lezionecaricamento delle immagini egrave stato descritto nella parte dedicata alla creazione di paginedi download a cui vi rimandiamo

Didascalia permette di specificare una descrizione per lrsquoimmagine associata alla news

Image alttext e Image titletext permette di specificare un testo che in visualizzazione (Frontend)compariragrave al passaggio del mouse sopra lrsquoimmagine

News correlate permette di specificare news o pagine del sito da associare alla news Il procedimentodi selezione delle news da associare alla notizia saragrave spiegato successivamente

DAM elements permette di assegnare alla news dei documenti da scaricare come per esempioil programma di un determinato evento Anche in questo caso il procedimento per la se-lezionecaricamento dei documenti egrave quello giagrave descritto nella parte dedicata alla creazione dipagine di download

Descriviamo il procedimento da seguire per associare alcune pagine o alcune news alla notizia che stiamoinserendo

Premere il tasto di Sfoglia Record evidenziato nella figura Sfoglia record news (page 65)

Verragrave aperta una finestra che contiene un Element Browser che ci permette di selezionare le newspagine(figura Element browser news (page 66)) da associare

La finestra di selezione si suddivide nelle seguenti parti (figura sopra)

Alberatura del sito da cui egrave possibile esplorare gli elementi del nostro sito (pagine sysfolder )Premendo con il tasto sinistro del mouse sul nome della pagina o sulla freccia corrispondente verragraveaggiornata la parte di destra della finestra in cui egrave inserita la lista degli elementi associabili

72 Modalitagrave Relations 64

DocWeb Release 101

Figura 76 Inserimento news scheda relations

Figura 77 Sfoglia record news

72 Modalitagrave Relations 65

DocWeb Release 101

Figura 78 Element browser news

Lista degli elementi associabili egrave quindi possibile selezionare gli elementi da associare alla newsPer associare un elemento si puograve selezionare il simbolo ldquo+rdquo posto accanto allrsquoelemento desideratoo agendo sul nome del file Nel primo caso lrsquoelemento viene aggiunto ma la finestra non si chiuderagrave(utile per effettuare selezioni multiple) mentre nel secondo caso lrsquoelemento viene aggiunto e lafinestra si chiuderagrave (selezione singola)

Nota Per associare una o piugrave news alla notizia che stiamo inserendo occorreragrave innanzitutto selezionareil repository delle news e utilizzando i metodi descritti in precedenza indicare le news di interesse

Nella figura Selezione repository (page 66) viene visualizzato come appare lrsquoElement Browser dopo averselezionato il repository delle news denominato ldquoNews Corso Typo3rdquo

Figura 79 Selezione repository

Una volta ultimato il procedimento di inserimento di una news vedremo che nel repository compariragrave(figura News nel repository (page 67)) anche quella da noi creata Nellrsquoesempio la news creata si chiamaldquoTitolo della news di provardquo

Dalla lista delle news possiamo notare che i diversi tipi di news sono contrassegnati con icone diverse

In particolare distinguiamo

72 Modalitagrave Relations 66

DocWeb Release 101

Figura 710 News nel repository

bull News (icona ldquocelestinardquo)

bull Collegamento a URL esterna (icona ldquorosardquo)

bull Collegamento a pagina interna (icona ldquogiallinardquo)

Per modificare il contenuto di una news egrave sufficiente selezionare il simbolo di modifica (figura Modificanews (page 67)) in corrispondenza della news da modificare

Figura 711 Modifica news

73 News collegata a URL esterna e a pagina interna

Attraverso la selezione della finestra ldquoTipordquo egrave possibile scegliere diverse tipologie di news

Nella figura News collegata a url esterna (page 68) egrave stato selezionato il Collegamento a URL esterna checi offriragrave la possibilitagrave di specificare un link (ldquoURL esternordquo) da far visualizzare e che saragrave contraddistintain lista da lrsquoicona di colore rosa

Selezionando il Collegamento a pagina interna viene offerta la possibilitagrave di inserire un collegamento auna pagina del sito (evidenziato nella figura News collegata a pagina interna (page 69))

La news si presenteragrave con icona di color ldquogiallordquo e al suo interno conterragrave un link alla pagina interna alsito

73 News collegata a URL esterna e a pagina interna 67

DocWeb Release 101

Figura 712 News collegata a url esterna

73 News collegata a URL esterna e a pagina interna 68

DocWeb Release 101

Figura 713 News collegata a pagina interna

73 News collegata a URL esterna e a pagina interna 69

DocWeb Release 101

74 Eliminazione delle News

Per eliminare una news possiamo procedere tra lrsquoaltro in due modi

1 Selezionare la news da eliminare dallrsquoelenco e selezionare la voce ldquocancellardquo dal menugrave a tendinaconsultabile cliccando con il pulsante destro sullrsquoicona in corrispondenza della news (figura Eliminanews da menu contestuale (page 70))

Figura 714 Elimina news da menu contestuale

2 Entrare allrsquointerno della modalitagrave di modifica della news attraverso lrsquoicona ldquomatitardquo e selezionare lrsquoi-cona raffigurante il bidone di elimina posta in alto pagina (figura Elimina news da scheda contenuto(page 70))

Figura 715 Elimina news da scheda contenuto

75 Ordinamento delle News e ricerca

Puograve essere necessario durante la visualizzazione della lista delle news (lato backend) di dover effettuaredegli ordinamenti al fine di permettere una ricerca piugrave veloce delle news da modificare

74 Eliminazione delle News 70

DocWeb Release 101

Avvertimento Lrsquoordinamento ha valore solo come ricerca allrsquointerno del backend mentre latofrontend rispecchieragrave i parametri prestabiliti dal sistema

Supponiamo per esempio di voler effettuare un ordinamento per Titolo Seguiamo i seguenti passi(figura sotto)

1 Selezionare la voce di menugrave Lista

2 Selezionare il deposito delle news (repository) News Corso Typo3

3 Cliccare con il mouse in corrispondenza della voce ldquoTitolordquo

A questo punto (figura Ordinamento news (page 71)) le news vengono ordinate in ordine crescente(vengono visualizzate prima le news con titolo che inizia con la lettera a b e cosigrave via)

Figura 716 Ordinamento news

Se clicchiamo unrsquoaltra volta sulla voce ldquoTitolordquo il tipo di ordinamento cambia da crescente a decrescente(compariranno per prima le news con titolo che inizia per z )

Egrave inoltre possibile ordinare secondo campo da noi specificato Per definire il nome di un campo (ad estesto inizio autore ) su cui effettuare lrsquoordinamento occorreragrave spostarsi in fondo alla lista delle newsdove troveremo una lista di campi (figura Mostra campo aggiuntivo news (page 71))

Figura 717 Mostra campo aggiuntivo news

Dalla lista possiamo

bull Selezionare la voce in base alla quale effettuare lrsquoordinamento (ad esempio Immagini)

bull Premere il tasto Imposta campi per aggiungere alla lista dei campi visualizzati quello selezionato

75 Ordinamento delle News e ricerca 71

DocWeb Release 101

A questo punto il campo selezionato (nel nostro esempio il campo Immagini) compare nella lista dellenews (il campo aggiunto egrave evidenziato con un riquadro in alto a destra nella figura Ordinamento campoaggiuntivo news (page 72))

Figura 718 Ordinamento campo aggiuntivo news

Effettuare le stesse operazioni illustrate per il campo Titolo per ordinare in modo crescente e decrescentele news secondo il criterio impostato (click pulsante sinistro sul nome etichetta)

Egrave anche possibile ricercare le news in base al testo contenuto nel titolo sottotitolo descrizione eccUtilizzando la maschera di ricerca in fondo pagina (evidenziata nella figura Ricerca news (page 72))

Figura 719 Ricerca news

Per effettuare una ricerca egrave necessario seguire i seguenti passi

1 Inserire nel campo Cerca Stringa il testo da cercare (nel nostro esempio ldquonequerdquo)

2 Premere il tasto Cerca per eseguire la ricerca secondo i criteri impostati

In questo modo nella lista delle news compariranno solo quelle che contengono il testo specificatoEffettuata la ricerca egrave possibile effettuare degli ordinamenti come spiegato in precedenza

75 Ordinamento delle News e ricerca 72

CAPITOLO 8

Modulo Eventi

Avvertimento SEZIONE NON COMPLETA

Si confrontino i seguenti due tipi di contenuti

Evento egrave un tipo di contenuto adatto a descrivere qualcosa che accadragrave o che egrave accaduto in una certadata La data o le date in cui lrsquoevento ricorre sono strettamente legate ad un luogo in cui lrsquoeventosi verificheragravesi egrave verificato Gli eventi vengono rappresentati mediante la metafora dellrsquoagenda edel calendario

Notizia egrave un tipo di contenuto caratterizzato dalla data di pubblicazione secondo la metafora delgiornale online E come in un giornale online una notizia puograve riferirsi sia a fatti giagrave accaduti chea fatti a venire

Nota Per comprendere meglio la differenza tra i due tipi di contenuto si pensi che dato un eventoche ha una certa data di svolgimento (ad es 20 maggio) di tale evento posso realizzare piugrave di unanotizia Rimanendo nellrsquoesempio potrei pubblicare una notizia il 10 maggio per preannunciare lrsquoeventoe poi unrsquoaltra il 18 maggio per ricordarne lrsquoimminenza Infine potrei pubblicare una notizia di riepilogo(cronaca dellrsquoevento immagini ecc) il 22 maggio

81 Scopo del modulo Eventi

Il visitatore del sito deve poter cogliere le informazioni essenziali di un evento

bull Cosa sta per succedere

bull Dove accadragrave

bull Quando accadragrave

82 Il Backend ndash Modulo Pagina

Vedi figura Eventi vista modulo pagina (page 74)

83 Il Backend ndash Modulo Lista

Vedi figura Eventi vista modulo lista (page 74)

73

DocWeb Release 101

Figura 81 Eventi vista modulo pagina

Figura 82 Eventi vista modulo lista

83 Il Backend ndash Modulo Lista 74

DocWeb Release 101

84 Creazione di un evento

Prima di procedere poniamoci qualche domanda

bull Lrsquoevento appartiene a qualche rassegna iniziativa per la quale sono in programma altri eventiPer esempio

ndash Rassegne teatrali cinematografiche

ndash Festival

bull Lrsquoevento si ripete

ndash La replica avviene sempre nello stesso luogo

841 Creazione del record

Vedi figura Creazione nuovo evento (page 75)

Vedi figura Creazione nuovo record evento (page 76)

Figura 83 Creazione nuovo evento

842 Scheda ldquoGeneralerdquo

Vedi figura Evento scheda generale (page 76)

843 Scheda ldquoFinestra temporalerdquo

Orario repliche

Vedi figura Evento finestra temporale (page 78)

84 Creazione di un evento 75

DocWeb Release 101

Figura 84 Creazione nuovo record evento

Figura 85 Evento scheda generale

84 Creazione di un evento 76

DocWeb Release 101

bull Lrsquoorario va solo per le Finestre temporali di un giorno (data inizio = data fine)

bull Se non si conosce lrsquoora della fine impostare ora inizio = ora fine

844 Scheda ldquoTestordquo

Vedi figura Evento scheda testo (page 79)

84 Creazione di un evento 77

DocWeb Release 101

Figura 86 Evento finestra temporale

84 Creazione di un evento 78

DocWeb Release 101

Figura 87 Evento scheda testo84 Creazione di un evento 79

  • Introduzione
    • Cosegrave DocWeb
    • Concetti chiave
      • Funzionalitagrave di Base
        • Il CMS Typo3 ldquobackendrdquo e ldquofrontendrdquo
        • Cambio password di accesso
        • Albero delle pagine
        • Implementazione delle pagine ldquogenitori rdquo e ldquofiglirdquo
        • Inserimento Nuova pagina
        • Elementi standard della pagina
        • Inserimento contenuti di una pagina
        • Contenuti multipli allrsquointerno di una pagina
        • Modifica dei contenuti della pagina
        • Spostamento di pagine
        • Eliminazione pagine
        • Rich Text Editor
        • Modalitagrave Lista
        • Modalitagrave Mostra
        • Modalitagrave ldquoMonta come radice dellrsquoalberordquo
        • Ottenere il page-id di una pagina
        • Admin Panel
          • La Clipboard
            • Copia o spostamento di un contenuto singolo di pagina allrsquointerno di unrsquoaltra pagina
            • Copia o spostamento di piugrave contenuti da una pagina ad unrsquoaltra
              • Modulo DAM (Digital Asset Management)
                • Caricamento e Aggiornamento di file
                • Ricerca di file allrsquointerno del DAM e modifica delle meta-informazioni
                  • Modulo Pagine di download
                    • Inserimento e configurazione pagine di download
                      • Modulo Sitemap
                        • Scheda di configurazione Mappa
                        • Tipo di mappa
                        • Il ``punto di partenza della mappa
                          • Modulo News
                            • Inserimento e modifica di news
                            • Modalitagrave Relations
                            • News collegata a URL esterna e a pagina interna
                            • Eliminazione delle News
                            • Ordinamento delle News e ricerca
                              • Modulo Eventi
                                • Scopo del modulo Eventi
                                • Il Backend ndash Modulo Pagina
                                • Il Backend ndash Modulo Lista
                                • Creazione di un evento
Page 31: DocWeb€¦ · per la realizzazione e la gestione di siti web della Pubblica Am-ministrazione. La piattaforma tecnologica utilizzata è il CMS (Content Management System) Open SourceTypo31

DocWeb Release 101

Figura 234 Id dagli attributi

Figura 235 Id dal tooltip nel backend

Figura 236 Id dalle intestazioni pagina nel backend

217 Admin Panel 28

DocWeb Release 101

Figura 237 Menu mostra

3 selezionare la voce Mostra

In base alla pagina scelta si avragrave un risultato come quello visualizzato nella figura Anteprima pagina conAdmin panel (page 29)

Figura 238 Anteprima pagina con Admin panel

La pagina presenteragrave nella parte superiore lrsquoanteprima della pagina Nella parte inferiore vienevisualizzato uno strumento denominato Admin Panel

Questo oggetto offre lato front-end alcune funzionalitagrave (figura Moduli Admin panel (page 30)) cheaiutano i gestori di contenuti nella creazionemodifica delle pagine web del sito

NellrsquoAdmin panel (figura sopra) egrave possibile distinguere

217 Admin Panel 29

DocWeb Release 101

Figura 239 Moduli Admin panel

1 Modulo Preview ndash offre la possibilitagrave di selezionare alcune opzioni sulla pagina per simulare alcunesituazioni in cui la pagina si puograve trovare durante la visualizzazione

2 Modulo Cache ndash offre la possibilitagrave di gestire la cache

Allrsquointerno del modulo Preview abbiamo le seguenti voci

Mostra pagine nascoste selezionando la casella di controllo corrispondente a questa voce si visual-izzeranno anche quelle che attualmente non sono visibili allrsquointerno del sito o perchegrave in lavorazioneo perchegrave ancora non egrave stata data lrsquoautorizzazione alla pubblicazione

Mostra record nascosti come per le pagine questa voce offre la possibilitagrave di poter visualizzare allrsquoin-terno della pagina quei contenuti nascosti che non sono ancora ultimati o che sono in attesa di unautorizzazione per la pubblicazione

Simula data con questo controllo egrave possibile simulare il comportamento della pagina in periodi tem-porali diversi Utilizzando la casella di testo egrave possibile inserire delle date In questo modo sirende possibile la visualizzazione di quegli elementi (ad es pagine news ) che sono abilitati acomparirescomparire in base a determinati criteri temporali impostati

Simula gruppo di utenti con questo controllo egrave possibile simulare il comportamento delle pagine inbase ad un determinato gruppo di utenti che vi accede Alcune pagine possono infatti avere uncomportamento diverso in base al tipo di utente che vi accede

Nota Durante la creazione di pagine egrave possibile restringere la visione di una determinata pagina aparticolari tipi di utenti (utenti di frontend) Questa caratteristica offre la possibilitagrave di definire delle areead accesso riservato del sito ossia sezioni del sito a cui egrave possibile accedere solo dopo essersi autenticatie dopo avere avuto i necessari diritti di accesso

Una volta selezionate le opportune scelte allrsquointerno dellrsquoADMIN Panel occorreragrave premere il tasto Aggior-na (figura Aggiorna Admin panel (page 31)) per prendere visione della pagina secondo i criteri impostati

Nota Nel caso in cui lrsquoutente abbia la possibilitagrave di accedere da back-end a piugrave siti (ciascuno con unproprio dominio) bisogna tenere presente che lrsquoADMIN Panel compare soltanto per le pagine relativeal dominio con cui lrsquoutente ha fatto il login In altre parole se un operatore ad esempio egrave abilitatoa lavorare sulle pagine di backend dei siti httpwwwsitoesempio1it e httpwwwsitoesempio2it ese lrsquooperatore accede al backend di DocWeb con lrsquoindirizzo httpwwwsitoesempio1ittypo3 allora

217 Admin Panel 30

DocWeb Release 101

Figura 240 Aggiorna Admin panel

lrsquoADMIN Panel compariragrave solo sulle pagine di frontend del dominio wwwsitoesempio1it e non su quelledel dominio wwwsitoesempio2it

217 Admin Panel 31

CAPITOLO 3

La Clipboard

Lrsquooggetto clipboard (rdquoblocco degli appuntirdquo) egrave molto utile quando si ha la necessitagrave di copiare o spostareuno o piugrave elementi di contenuto o una o piugrave pagine da una sezione del sito (contenitore di pagine) adunrsquoaltra

31 Copia o spostamento di un contenuto singolo di pagina allrsquointernodi unrsquoaltra pagina

Per prima cosa egrave necessario (figura Identifica contenuto (page 32))

Figura 31 Identifica contenuto

1 selezionare la voce Lista

2 selezionare la pagina che contiene il contenuto che si intende copiare (nella figura abbiamo sceltola pagina denominata ldquoCorso di formazione su Typo3rdquo

32

DocWeb Release 101

3 identificare dalla lista dei contenuti associati alla pagina quello da spostare

Supponiamo che si desideri copiare il contenuto denominato ldquoTesto 2rdquo (figura Copia contenuto (page 33))

Figura 32 Copia contenuto

Egrave sufficiente cliccare sullrsquoicona (nella figura sopra evidenziata con un cerchio rosso) di copia incorrispondenza del contenuto da copiare

Dopo avere eseguito questa operazione nella figura Risultato copia contenuto (page 34) possiamo notare

1 Egrave comparsa unrsquoicona nuova che mette in evidenza che nella clipboard egrave presente un elemento

2 Lrsquoicona di copia in corrispondenza del contenuto da spostare ha cambiato aspetto

A questo punto lrsquooggetto che si intende copiare egrave presente nella nostra clipboard

Il passo successivo egrave quello di selezionare la pagina in cui andare a posizionare lrsquoelemento (paginadestinazione)

Rimanendo sempre allrsquointerno del modulo Lista occorreragrave selezionare dallrsquoalberatura delle pagine la pag-ina destinazione Il procedimento da seguire per posizionarsi sulla pagina egrave lo stesso descritto in prece-denza Nella figura Incolla contenuto (page 34) viene evidenziato il contenuto di una pagina (denominataldquoPagina di Provardquo) in cui vogliamo copiare il contenuto

Per copiare il contenuto della clipboard nella pagina selezionare lrsquoicona Incolla contenuto Clipboard

Confermando lrsquooperazione il contenuto saragrave copiato allrsquointerno della pagina selezionata

Per effettuare lo spostamento di un contenuto di pagina allrsquointerno di unrsquoaltra pagina cliccare sullrsquoicona

di Taglia al posto dellrsquoicona copia e ripetere le operazioni sopra descritte

1 Selezionando la casella Mostra clipboard (figura Vista clipboard (page 35)) egrave possibile visualiz-zare lrsquooggetto clipboard Nel caso in figura lrsquoelemento copiato in precedenza (Testo 2) egrave ancoradisponibile allrsquointerno della clipboard Utilizzando il procedimento descritto infatti il contenuto

31 Copia o spostamento di un contenuto singolo di pagina allrsquointerno di unrsquoaltra pagina 33

DocWeb Release 101

Figura 33 Risultato copia contenuto

Figura 34 Incolla contenuto

31 Copia o spostamento di un contenuto singolo di pagina allrsquointerno di unrsquoaltra pagina 34

DocWeb Release 101

selezionato rimane ancora a disposizione dellrsquoutente che potragrave selezionare altre pagine destinazionesu cui eventualmente andare a copiare il contenuto Nel caso in cui si selezioni un altro elementoad esempio ldquoTesto 1rdquo lrsquoelemento presente viene automaticamente sostituito

2 Dallrsquooggetto clipboard egrave possibile rimuovere un elemento premendo il bottone di Elimina postoaccanto ad esso

Figura 35 Vista clipboard

Con il procedimento descritto fino ad ora egrave possibile scegliere soltanto un contenuto alla volta

32 Copia o spostamento di piugrave contenuti da una pagina ad unrsquoaltra

Nel caso in cui ci si trovi nella necessitagrave di copiare piugrave di un contenuto da una pagina allrsquoaltra egrave necessarioseguire i passi seguenti

1 Selezionare il modulo Lista

2 Selezionare la pagina di origine da cui prelevare i contenuti

3 Selezionare la casella Mostra clipboard

4 Selezionare una clipboard tra quelle denominate ldquoClipboard 1rdquo ldquoClipboard 2rdquo ldquoClipboard 3rdquo(punto 3 figura Vista clipboard con contenuto selezionato (page 36))

Selezionando ad esempio la clipboard contrassegnata come ldquoclipboard 1rdquo si avragrave la seguente situazione

32 Copia o spostamento di piugrave contenuti da una pagina ad unrsquoaltra 35

DocWeb Release 101

Figura 36 Vista clipboard con contenuto selezionato

32 Copia o spostamento di piugrave contenuti da una pagina ad unrsquoaltra 36

DocWeb Release 101

1 In corrispondenza di ogni contenuto si evidenzia una Casella di selezione Sopra la colonna con lecaselle di selezione egrave comparsa una lista di bottoni tra cui al momento distinguiamo

2 Bottone di copia elementi nella clipboard

3 Bottone di selezione tuttinessuno

Scegliendo ad esempio i primi due elementi e premendo il pulsante di copia elementi nella clipboard sipuograve notare che (figura Copia nella clipboard (page 37))

Figura 37 Copia nella clipboard

1 La clipboard che abbiamo scelto per la selezione multipla (ldquoClipboard 1rdquo) contiene la lista deglioggetti che abbiamo scelto di copiare

2 Ersquo comparsa lrsquoicona di Incolla contenuto Clipboard

La procedura della selezione della pagina di destinazione rimane identica a quella giagrave utilizzata per lacopia di un contenuto singolo (selezionare la pagina di destinazione su cui andare a posizionare i contenutiselezionati)

Egrave importante fare notare che seguendo le operazioni descritte sopra si ottiene come risultato lospostamento dei contenuti dalla pagina origine a quella destinazione

Se si desidera copiare gli elementi selezionati egrave necessario una volta selezionati gli elementi da copiarepremere il tasto copia gli items invece di spostarli (evidenziato con un cerchio rosso nella figura Tagliadalla clipboard (page 38))

32 Copia o spostamento di piugrave contenuti da una pagina ad unrsquoaltra 37

DocWeb Release 101

Figura 38 Taglia dalla clipboard

32 Copia o spostamento di piugrave contenuti da una pagina ad unrsquoaltra 38

DocWeb Release 101

In questo modo dopo avere confermato lrsquooperazione i contenuti o le pagine da copiare saranno presentisia nella pagina origine che in quella destinazione

32 Copia o spostamento di piugrave contenuti da una pagina ad unrsquoaltra 39

CAPITOLO 4

Modulo DAM (Digital AssetManagement)

Il modulo DAM (Digital Asset Management) offre la possibilitagrave di raccogliere e catalogare contenuti informato digitale come immagini documenti presentazioni

Ogni file inserito puograve essere corredato di informazioni aggiuntive (meta-informazioni) come la descrizionelrsquoautore parole chiave ecc

Attraverso il modulo DAM egrave possibile svolgere le seguenti operazioni

bull Caricamento e Aggiornamento di file

bull Ricerca di file allrsquointerno del DAM e modifica delle meta-informazioni associate ai file

41 Caricamento e Aggiornamento di file

Lrsquooperazione di CaricamentoAggiornamento di file serve per sottoporre al sistema DAM un particolarecontenuto memorizzato in formato digitale

Lrsquoelemento caricato saragrave poi disponibile a chi inserisce contenuti

Per iniziare lrsquooperazione di caricamento di un file egrave sufficiente selezionare la voce File che si trovaallrsquointerno del modulo Media (figura Menu file (page 41))

La maschera che si apre (figura File upload (page 41)) offre le seguenti possibilitagrave

1 Selezione della posizione dove andare a caricareaggiornare il file

2 Specificare alcuni documenti da caricare (area File)

Concentrandoci sullrsquoarea File (figura Dettaglio file upload (page 42)) distinguiamo

1 Voce Show upload location browser (punto 1 figura sopra) egrave possibile visualizzare i file attualmentecaricati nel Mount Point selezionato

2 Lista di bottoni denominati Sfoglia da utilizzare nel caso in cui si desideri caricareaggiornareun file

Se si desidera caricare un file occorre cliccare sul bottone Sfoglia

La finestra che appare (figura Sfoglia file (page 42)) permette di selezionare dal proprio PC il file dacaricare

Per selezionare un file da caricare occorre

1 Esplorare le cartelle del proprio PC per trovare il file

40

DocWeb Release 101

Figura 41 Menu file

Figura 42 File upload

41 Caricamento e Aggiornamento di file 41

DocWeb Release 101

Figura 43 Dettaglio file upload

Figura 44 Sfoglia file

41 Caricamento e Aggiornamento di file 42

DocWeb Release 101

2 Inserire il nome del file nella casella di testo Nome file

3 Premere il tasto Apri

Una volta che si egrave selezionato un file egrave possibile

1 selezionare altri file da caricare seguendo gli stessi passi descritti in precedenza

2 effettuare lrsquooperazione di caricamento del file vero e proprio

Dallrsquoesempio abbiamo scelto di caricare un solo file

Il caricamento dei file viene eseguito premendo il bottone ldquoUpload filesrdquo che si trova in fondo alla listadei file selezionati (figura File selezionato (page 43))

Figura 45 File selezionato

Se tutto egrave stato eseguito correttamente appariragrave una finestra come quella nella figura Process files(page 44)

In questa maschera egrave possibile

1 Specificare le meta-informazioni per il singolo file come ad esempio il titolo parole chiavedescrizione

2 Avviare il processo di elaborazione multipla premendo il bottone Process selected files Con questoprocesso egrave possibile inserire o modificare le meta-informazioni per tutti i file della lista (in questocaso solo uno)

Se si vuole eseguire lrsquoinserimento delle meta-informazioni per singolo file la finestra che si apre egrave similea quella presentata in figura Elaborazione metainformazioni singolo file (page 44)

Nel caso si scelga di eseguire il processo di elaborazione multipla la maschera che compare (figuraElaborazione metainformazioni file multipli (page 45)) permette di selezionare le meta-informazioni chelrsquoutente intende inserire contemporaneamente per tutti i file della selezione

41 Caricamento e Aggiornamento di file 43

DocWeb Release 101

Figura 46 Process files

Figura 47 Elaborazione metainformazioni singolo file

41 Caricamento e Aggiornamento di file 44

DocWeb Release 101

Figura 48 Elaborazione metainformazioni file multipli

41 Caricamento e Aggiornamento di file 45

DocWeb Release 101

Se si seleziona la checkbox accanto alla voce che eventualmente saragrave inserita questa viene aggiuntaalle informazioni eventualmente giagrave presenti (modalitagrave append) Nellrsquoaltro caso le informazioni sarannosovrascritte

I campi Titolo e Descrizione sono obbligatori mentre il campo Parole chiavi puograve essere valorizzato adiscrezione dellrsquoutente Informazioni su come valorizzare i campi elencati sopra saranno descritte suapposite linee guida

Per completare lrsquoinserimentoaggiornamento delle meta-informazioni riguardanti il file caricato occorrepremere il tasto Send (figura Salva metainformazioni (page 46)) in fondo alla maschera per il salvataggiodelle informazioni

Figura 49 Salva metainformazioni

Tornando alla maschera di caricamento file e selezionando la checkbox in corrispondenza della voceSovrascrivi file esistenti (figura Carica file sovrascrivendo (page 46)) saragrave possibile aggiornare eventualifile che hanno lo stesso nome di quello che stiamo caricando

Questa procedura egrave utile quando si vuole aggiornare il contenuto di un file che egrave giagrave presente nel DAM

Figura 410 Carica file sovrascrivendo

Nel caso di aggiornamento di un file le meta-informazioni del file rimangono le stesse inserite inprecedenza Come si puograve notare non viene offerta la possibilitagrave di inserirne di nuove

Nel caso in cui un file con lo stesso nome sia giagrave caricato e non si desideri aggiornarlo il file inseritoper ultimo viene rinominato con un suffisso generato automaticamente dal DAM In questo caso la voceSovrascrivi file esistenti non deve essere selezionata (figura Carica file senza sovrascrivere (page 47))

Nellrsquoesempio in figura viene presentata la lista dei file presenti nel mount point selezionato

Da notare la presenza di un file che egrave stato rinominato dal DAM con un suffisso ldquo_01rdquo dato che nellastessa posizione era giagrave presente un file con lo stesso nome

41 Caricamento e Aggiornamento di file 46

DocWeb Release 101

Figura 411 Carica file senza sovrascrivere

41 Caricamento e Aggiornamento di file 47

DocWeb Release 101

42 Ricerca di file allrsquointerno del DAM e modifica delle meta-informazioni

Rimanendo sempre allrsquointerno del modulo Media selezioniamo la voce List egrave possibile effettuare dellericerche dei file e modificare le meta-informazioni associate ai file

Nella figura Backend media list (page 48) distinguiamo

Figura 412 Backend media list

1 Parte relativa ai Mount Point disponibili

2 Parte relativa ai tipi di file caricati nel sistema

3 Schede List Thumbnails Selection Process

Da questa sezione egrave possibile effettuare ricerche sui file caricati nel DAM

Le ricerche che si possono eseguire sono del tipo ldquotrova tutti i file pdf e docrdquo oppure ldquoelenca tutti i filedi tipo immagine ad eccezione dei file con estensione gifrdquo

Per prima cosa facendo click sul nome del tipo file (es gif oppure image) si seleziona solo quel tipo difile e si escludono tutti i criteri selezionati in precedenza

Per aggiungere un altro criterio di ricerca egrave sufficiente selezionare il ldquo+rdquo (punto 1 nella figura Criteri diselezione (page 49)) posto accanto al tipo di file che si vuole selezionare

Con il ldquo-ldquo(punto 2) saragrave possibile rimuovere il tipo di file dai criteri di ricerca

Selezionando ldquo=rdquo (punto 3) egrave possibile introdurre clausole del tipo ldquocerca un file che sia doc e presentenel Mount Point chiamato lsquoArea Testrsquordquo (ossia effettua una ricerca che risponda a tutti i criteri impostati)

Nellrsquoesempio della figura Salva selezione (page 49) sono stati selezionati tutti i tipi di immagine adeccezione dei file con estensione gif Questo risultato si ottiene nel seguente modo

1 selezionare il ldquo+rdquo accanto alla voce ldquoimagerdquo

2 premendo il tasto ldquo-ldquo in corrispondenza della voce ldquogifrdquo

I criteri impostati per la selezione possono essere salvati per un uso futuro Per salvare la selezioneoccorre (figura Salva selezione (page 49))

1 riempire il campo sotto la voce SELECTION con un nome che identifichi la ricerca

2 premere il tasto Save per salvare la modalitagrave di ricerca impostata

In questo modo saragrave possibile richiamare e rieseguire la ricerca impostata anche in futuro senza doverripetere il procedimento di scelta dei criteri mostrato in precedenza

42 Ricerca di file allrsquointerno del DAM e modifica delle meta-informazioni 48

DocWeb Release 101

Figura 413 Criteri di selezione

Figura 414 Salva selezione

42 Ricerca di file allrsquointerno del DAM e modifica delle meta-informazioni 49

DocWeb Release 101

Se in futuro saranno inseriti nuovi file che soddisfano la ricerca salvata questi verranno selezionati quandoverragrave richiamata la ricerca salvata

Dalla figura Ricerca salvata (page 50) egrave possibile notare come richiamare la ricerca salvata In questocaso abbiamo salvato la ricerca con il nome ldquoimmaginisenzagifrdquo

Figura 415 Ricerca salvata

Una volta che si egrave selezionata la ricerca egrave possibile

1 Premere il tasto Load per ricaricare la ricerca precedentemente impostata

2 Premere Remove per rimuovere la ricerca salvata

Una volta effettuata una particolare selezione di file egrave possibile (figura Schede backend media list(page 50))

Figura 416 Schede backend media list

1 vedere il contenuto della selezione (schede List e Thumbnails)

2 vedere i criteri impostati per la ricerca (scheda Selection)

3 modificare le meta-informazioni associate ai file (scheda Process) secondo quanto descritto inprecedenza

Nella figura Scheda selection (page 51) egrave visualizzato come selezionando la scheda Selection egrave possibileprendere visione dei criteri impostati nella ricerca (la ricerca egrave quella dellrsquoesempio precedente)

Selezionando le schede List e Thumbnails dopo avere effettuato una qualsiasi selezione si potrebbe avereuna situazione come quella mostrata nella figura Scheda list (page 51)

Cliccando sullrsquoicona corrispondente ad uno dei file presenti nella lista (selezionato con un cerchio rosso)egrave possibile accedere ad un menugrave contestuale (figura Menu contestuale DAM (page 51))che permette disvolgere le seguenti operazioni

Modifica Offre la possibilitagrave di visualizzare e modificare le meta-informazioni associate al file

Rinomina Selezionando la seguente voce egrave possibile assegnare un altro nome al file che si egrave caricato

Replace file Avvia lrsquooperazione di sostituzione del file

Info Visualizza informazioni relative al file

Cancella Rimuove il file dal DAM

42 Ricerca di file allrsquointerno del DAM e modifica delle meta-informazioni 50

DocWeb Release 101

Figura 417 Scheda selection

Figura 418 Scheda list

Figura 419 Menu contestuale DAM

42 Ricerca di file allrsquointerno del DAM e modifica delle meta-informazioni 51

CAPITOLO 5

Modulo Pagine di download

51 Inserimento e configurazione pagine di download

La creazione di pagine di download egrave utile quando si vuole mettere a disposizione una lista di uno o piugravefile in forma scaricabile

Per creare una pagina di download egrave necessario seguire i seguenti passi

1 Creare una pagina standard

2 Inserire il plugin DAM Download List

3 Configurare il plugin

Per creare una pagina egrave sufficiente entrare nel modulo Pagina e selezionare Crea nuovo record per accederealla finestra di creazione pagine

Nellrsquoesempio in figura Backend creazione contenuto (page 52) egrave stata creata la pagina denominata ldquoPaginadownloadrdquo come figlio della pagina ldquoPagina di provardquo

Figura 51 Backend creazione contenuto

Una volta creata la pagina occorre configurarla in maniera tale da permettere la visualizzazione di unalista di file scaricabili Per fare ciograve occorre inserire un plugin denominato ldquoDAM Download Listrdquo Unplugin egrave un contenuto speciale da inserire in una pagina

52

DocWeb Release 101

Per inserirlo come per un contenuto occorre seguire i seguenti passi (figura Backend creazione contenuto(page 52))

1 Selezionare la pagina in cui inserire il plugin Nellrsquoesempio la pagina denominata ldquoPaginadownloadrdquo

2 Selezionare la voce Clicca qui per il wizard nella maschera che compare quando si vuole inserire unnuovo record

Figura 52 Wizard nuovo contenuto

Oltre ai normali contenuti standard il wizard permette di selezionare (figura Wizard nuovo contenuto(page 53))

1 Contenuti speciali

2 Moduli

3 Plugins

Allrsquointerno della lista dei Plugins selezionare DAM Lista dei file scaricabili (punto 4 nella figura Wizardnuovo contenuto (page 53))

Dopo aver selezionato il plugin occorreragrave selezionare la posizione della pagina in cui inserire lrsquoelemento

Selezionare ldquoNormalerdquo

A questo punto il plugin egrave inserito nella pagina desiderata

51 Inserimento e configurazione pagine di download 53

DocWeb Release 101

Oltre allrsquoinserimento occorre configurare il plugin in modo da dirgli quali file far visualizzare

Una volta che il plugin viene inserito viene aperta una finestra (figura Contenuto pagina (page 54)) doveviene richiesto di selezionare dei file inseriti nel sistema

Figura 53 Contenuto pagina

Per proseguire correttamente egrave necessario salvare immediatamente il Contenuto Pagina altrimenti leoperazioni successive potrebbero andare perse

Per inserire i file nella lista occorre effettuare la seguente operazione (figura Contenuto pagina (page 54))

1 Nella parte della maschera denominata DAM Lista di file scaricabili selezionare lrsquoicona SfogliaRecord (cerchiata in rosso) per avviare la procedura di selezione dei file

Selezionando la voce Sfoglia Record verragrave aperto lrsquoElement Browser di TYPO3 che ci permette di se-lezionare i file da inserire nel plugin La finestra (figura Element browser (page 55)) egrave composta di dueschede

1 Media ndash permette di selezionare i file giagrave esistenti nel sistema

2 Upload ndash permette di caricare nuovi file

Selezionando la sezione Media egrave possibile selezionare dalla lista i file da inserire

51 Inserimento e configurazione pagine di download 54

DocWeb Release 101

Figura 54 Element browser

Se la lista dei file fosse troppo lunga egrave possibile effettuare delle ricerche per nome e per tipologia di file(doc htm )

Per cercare per nome (figura Ricerca per nome (page 55)) occorre inserire nella casella di testo Cercastringa (punto 1 nella figura sopra) il nome o parte del nome del file da cercare Una volta specificata lastringa di ricerca premere il tasto Cerca (punto 2)

Figura 55 Ricerca per nome

Per cercare un particolare tipo di file selezionare il nome dellrsquoestensione che si desidera dallrsquoelenco deitipi di file (figura Ricerca per tipo (page 56))

Nota I due tipi di ricerca possono essere usati contemporaneamente

Selezionando la voce informazioni (punto 1 nella figura Selezione file (page 56)) egrave possibile visualizzarele meta-informazioni associate al file

Premendo con il mouse sul nome del file (punto 2) o sullrsquoicona associata (punto 3) si inserisce il file nellalista dei file da far visualizzare nella pagina di download mediante lrsquoapposito plugin

Selezionando la scheda Upload si puograve inserire un file non presente nel sistema (figura Caricamentoimmediato file (page 56))

51 Inserimento e configurazione pagine di download 55

DocWeb Release 101

Figura 56 Ricerca per tipo

Figura 57 Selezione file

Figura 58 Caricamento immediato file

51 Inserimento e configurazione pagine di download 56

DocWeb Release 101

Scegliere i file dal proprio PC seguendo le operazioni giagrave descritte nel modulo DAM e selezionare dallascheda Media i nuovi file inseriti

Nella figura Plugin con file selezionati (page 57) egrave visualizzato un esempio di maschera di configurazionedel plugin con la lista dei file selezionati

Figura 59 Plugin con file selezionati

I file una volta inseriti possono essere ordinati selezionando sugli appositi bottoni posti a destra dellalista file

bull Per ordinare un determinato file occorre

bull Selezionare un file

Premere uno dei tasti (figura sopra) per

1 Spostare in prima posizione

2 Spostare in alto di una posizione

3 Spostare in basso di una posizione

4 Spostare in ultima posizione

5 Rimuovere dalla lista il file selezionato

Una volta eseguiti i passaggi sopra descritti salvare la configurazione del plugin

51 Inserimento e configurazione pagine di download 57

CAPITOLO 6

Modulo Sitemap

Ersquo possibile generare una mappa del sito scegliendo un contenuto speciale di tipo ldquoMappa del Sitordquo comemostrato nella figura Contenuto mappa del sito (page 58)

Figura 61 Contenuto mappa del sito

Per scegliere un record di tipo ldquomappa del sitordquo (per visualizzare cioegrave la vista dei contenuti possibili)saragrave necessario portarsi in modalitagrave ldquopaginardquo compiendo gli stessi passaggi descritti per la creazione dicontenuti semplici in fase di creazione delle pagine (in questo caso selezionando il contenuto specialemappa)

58

DocWeb Release 101

61 Scheda di configurazione Mappa

La scheda di configurazione si presenta come nella figura Scheda mappa del sito (page 59)

Figura 62 Scheda mappa del sito

I campi fondamentali da personalizzare sono lrsquointestazione (ossia il titolo pagina) il tipo di menugrave e ilpunto di partenza Nellrsquointestazione viene inserito come di consuetudine il titolo pagina

62 Tipo di mappa

Ersquo possibile scegliere il tipo di mappa che si desidera creare consultando il menugrave a tendina ldquotipo di menugraverdquoche ci offriragrave diverse opzioni

Le piugrave frequentemente usate sono di tipo ldquoMenugrave delle sottopagine rdquo come indicato nella figura Tipo dimenu (page 60)

Menugrave delle sottopagine di queste pagine Scegliendo questa opzione da una pagina padre sigenereragrave un record che mostreragrave al suo interno tutte le sottovoci figlio con relativo link

Menugrave delle sottopagine di queste pagine (con abstract) Genera una mappa sia delle sottopagineche dei sottotitoli

Menugrave delle sottopagine di queste pagine + sezioni Genera una mappa sia delle sottopagine chedei record (link alle intestazioni dei singoli record)

Selezionando voci di menugrave di sottopagine egrave anche possibile stabilire un determinato punto di partenzasfogliando lrsquoapposito record

61 Scheda di configurazione Mappa 59

DocWeb Release 101

Figura 63 Tipo di menu

63 Il ldquopunto di partenzardquo della mappa

Il ldquopunto di partenzardquo dei Menugrave delle sottopagine Scheda mappa del sito (page 59) costituisce la paginadalla quale il sistema partiragrave per creare la mappa

Si potragrave quindi creare una mappa (di tipo menugrave delle sottopagine) che mostri solamente il percorso diquella porzione di menugrave che si intende mostrare

63 Il ldquopunto di partenzardquo della mappa 60

CAPITOLO 7

Modulo News

71 Inserimento e modifica di news

Alcune sezioni del nostro sito potrebbero essere state configurate per permettere la visualizzazione dinotizie

Per poter visualizzare le news correttamente occorre che queste ultime vengano inserite in una determi-nata posizione allrsquointerno del backend Da questa posizione che chiameremo repository delle news lenostre pagine andranno a prelevare le news da visualizzare al loro interno

Figura 71 Backend news

Nellrsquoesempio presentato nella figura Backend news (page 61) distinguiamo

1 il repository delle news che egrave stato creato

2 Un esempio di come potrebbe apparire il contenuto del repository delle news (lista delle news)

Per poter visualizzare il contenuto del repository delle news occorre seguire i seguenti passi

1 entrare nel modulo Pagina

61

DocWeb Release 101

2 selezionare il repository delle news corrispondente (nellrsquoesempio della figura Backend news (page 61)il Repository delle news si chiama ldquoNews Area Testrdquo)

Poniamo ora la nostra attenzione alla lista delle news (figura Lista news (page 62)) Da qui egrave possibile

bull Inserire una nuova notizia

bull Modificare le notizie giagrave esistenti

Per inserire una nuova notizia occorre selezionare la voce Crea nuovo record (figura Lista news (page 62))posta in fondo alla lista delle news

Figura 72 Lista news

A questo punto si apre la finestra di creazione Nuovo record da cui occorre selezionare la voce News(figura Nuovo record news (page 62))

Figura 73 Nuovo record news

Eseguendo le operazioni sopra descritte si accede alla maschera di inserimento news (figura Inserimentonews scheda generale (page 63))

Questa si compone di due schede una denominata Generale e unrsquoaltra denominata Relations

Nella scheda Generale egrave possibile inserire

Titolo in questo spazio egrave possibile specificare un titolo della news

Nascondi questo controllo determina se la news egrave pubblicabile oppure no Come avviene per le pagineanche per le news egrave consigliabile tenere la news nascosta durante la lavorazione Facciamo notare

71 Inserimento e modifica di news 62

DocWeb Release 101

Figura 74 Inserimento news scheda generale

71 Inserimento e modifica di news 63

DocWeb Release 101

che appena viene aperta la maschera di inserimento di una nuova news il controllo appare giagrave instato nascosto

Dataora in questo spazio viene indicata la data e lrsquoora della creazione della news in base ai parametridi sistema

Data Archiviazione in questo spazio viene inserita la data di Archiviazione di una news

Autore permette di specificare un autore della news

Email permette di specificare un e-mail a cui fare riferimento

Sottointestazione questo campo conterragrave una breve descrizione (abstract) della news La sottointes-tazione egrave quella parte della news che compare quando viene visualizzata la lista delle news e serveper dare una breve descrizione al contenuto della news (si veda Esempio news (page 64))

Figura 75 Esempio news

Durante lrsquoinserimento di una news egrave consigliabile specificare sempre una sottointestazione

Testo egrave il campo che contiene il contenuto vero e proprio della news Egrave possibile utilizzare tutte lefunzionalitagrave messe a disposizione dallrsquoeditor RTE

72 Modalitagrave Relations

Nella modalitagrave Relations (figura Inserimento news scheda relations (page 65)) egrave possibile inserire

Immagini contiene una lista di immagini da associare alla news Il procedimento per la se-lezionecaricamento delle immagini egrave stato descritto nella parte dedicata alla creazione di paginedi download a cui vi rimandiamo

Didascalia permette di specificare una descrizione per lrsquoimmagine associata alla news

Image alttext e Image titletext permette di specificare un testo che in visualizzazione (Frontend)compariragrave al passaggio del mouse sopra lrsquoimmagine

News correlate permette di specificare news o pagine del sito da associare alla news Il procedimentodi selezione delle news da associare alla notizia saragrave spiegato successivamente

DAM elements permette di assegnare alla news dei documenti da scaricare come per esempioil programma di un determinato evento Anche in questo caso il procedimento per la se-lezionecaricamento dei documenti egrave quello giagrave descritto nella parte dedicata alla creazione dipagine di download

Descriviamo il procedimento da seguire per associare alcune pagine o alcune news alla notizia che stiamoinserendo

Premere il tasto di Sfoglia Record evidenziato nella figura Sfoglia record news (page 65)

Verragrave aperta una finestra che contiene un Element Browser che ci permette di selezionare le newspagine(figura Element browser news (page 66)) da associare

La finestra di selezione si suddivide nelle seguenti parti (figura sopra)

Alberatura del sito da cui egrave possibile esplorare gli elementi del nostro sito (pagine sysfolder )Premendo con il tasto sinistro del mouse sul nome della pagina o sulla freccia corrispondente verragraveaggiornata la parte di destra della finestra in cui egrave inserita la lista degli elementi associabili

72 Modalitagrave Relations 64

DocWeb Release 101

Figura 76 Inserimento news scheda relations

Figura 77 Sfoglia record news

72 Modalitagrave Relations 65

DocWeb Release 101

Figura 78 Element browser news

Lista degli elementi associabili egrave quindi possibile selezionare gli elementi da associare alla newsPer associare un elemento si puograve selezionare il simbolo ldquo+rdquo posto accanto allrsquoelemento desideratoo agendo sul nome del file Nel primo caso lrsquoelemento viene aggiunto ma la finestra non si chiuderagrave(utile per effettuare selezioni multiple) mentre nel secondo caso lrsquoelemento viene aggiunto e lafinestra si chiuderagrave (selezione singola)

Nota Per associare una o piugrave news alla notizia che stiamo inserendo occorreragrave innanzitutto selezionareil repository delle news e utilizzando i metodi descritti in precedenza indicare le news di interesse

Nella figura Selezione repository (page 66) viene visualizzato come appare lrsquoElement Browser dopo averselezionato il repository delle news denominato ldquoNews Corso Typo3rdquo

Figura 79 Selezione repository

Una volta ultimato il procedimento di inserimento di una news vedremo che nel repository compariragrave(figura News nel repository (page 67)) anche quella da noi creata Nellrsquoesempio la news creata si chiamaldquoTitolo della news di provardquo

Dalla lista delle news possiamo notare che i diversi tipi di news sono contrassegnati con icone diverse

In particolare distinguiamo

72 Modalitagrave Relations 66

DocWeb Release 101

Figura 710 News nel repository

bull News (icona ldquocelestinardquo)

bull Collegamento a URL esterna (icona ldquorosardquo)

bull Collegamento a pagina interna (icona ldquogiallinardquo)

Per modificare il contenuto di una news egrave sufficiente selezionare il simbolo di modifica (figura Modificanews (page 67)) in corrispondenza della news da modificare

Figura 711 Modifica news

73 News collegata a URL esterna e a pagina interna

Attraverso la selezione della finestra ldquoTipordquo egrave possibile scegliere diverse tipologie di news

Nella figura News collegata a url esterna (page 68) egrave stato selezionato il Collegamento a URL esterna checi offriragrave la possibilitagrave di specificare un link (ldquoURL esternordquo) da far visualizzare e che saragrave contraddistintain lista da lrsquoicona di colore rosa

Selezionando il Collegamento a pagina interna viene offerta la possibilitagrave di inserire un collegamento auna pagina del sito (evidenziato nella figura News collegata a pagina interna (page 69))

La news si presenteragrave con icona di color ldquogiallordquo e al suo interno conterragrave un link alla pagina interna alsito

73 News collegata a URL esterna e a pagina interna 67

DocWeb Release 101

Figura 712 News collegata a url esterna

73 News collegata a URL esterna e a pagina interna 68

DocWeb Release 101

Figura 713 News collegata a pagina interna

73 News collegata a URL esterna e a pagina interna 69

DocWeb Release 101

74 Eliminazione delle News

Per eliminare una news possiamo procedere tra lrsquoaltro in due modi

1 Selezionare la news da eliminare dallrsquoelenco e selezionare la voce ldquocancellardquo dal menugrave a tendinaconsultabile cliccando con il pulsante destro sullrsquoicona in corrispondenza della news (figura Eliminanews da menu contestuale (page 70))

Figura 714 Elimina news da menu contestuale

2 Entrare allrsquointerno della modalitagrave di modifica della news attraverso lrsquoicona ldquomatitardquo e selezionare lrsquoi-cona raffigurante il bidone di elimina posta in alto pagina (figura Elimina news da scheda contenuto(page 70))

Figura 715 Elimina news da scheda contenuto

75 Ordinamento delle News e ricerca

Puograve essere necessario durante la visualizzazione della lista delle news (lato backend) di dover effettuaredegli ordinamenti al fine di permettere una ricerca piugrave veloce delle news da modificare

74 Eliminazione delle News 70

DocWeb Release 101

Avvertimento Lrsquoordinamento ha valore solo come ricerca allrsquointerno del backend mentre latofrontend rispecchieragrave i parametri prestabiliti dal sistema

Supponiamo per esempio di voler effettuare un ordinamento per Titolo Seguiamo i seguenti passi(figura sotto)

1 Selezionare la voce di menugrave Lista

2 Selezionare il deposito delle news (repository) News Corso Typo3

3 Cliccare con il mouse in corrispondenza della voce ldquoTitolordquo

A questo punto (figura Ordinamento news (page 71)) le news vengono ordinate in ordine crescente(vengono visualizzate prima le news con titolo che inizia con la lettera a b e cosigrave via)

Figura 716 Ordinamento news

Se clicchiamo unrsquoaltra volta sulla voce ldquoTitolordquo il tipo di ordinamento cambia da crescente a decrescente(compariranno per prima le news con titolo che inizia per z )

Egrave inoltre possibile ordinare secondo campo da noi specificato Per definire il nome di un campo (ad estesto inizio autore ) su cui effettuare lrsquoordinamento occorreragrave spostarsi in fondo alla lista delle newsdove troveremo una lista di campi (figura Mostra campo aggiuntivo news (page 71))

Figura 717 Mostra campo aggiuntivo news

Dalla lista possiamo

bull Selezionare la voce in base alla quale effettuare lrsquoordinamento (ad esempio Immagini)

bull Premere il tasto Imposta campi per aggiungere alla lista dei campi visualizzati quello selezionato

75 Ordinamento delle News e ricerca 71

DocWeb Release 101

A questo punto il campo selezionato (nel nostro esempio il campo Immagini) compare nella lista dellenews (il campo aggiunto egrave evidenziato con un riquadro in alto a destra nella figura Ordinamento campoaggiuntivo news (page 72))

Figura 718 Ordinamento campo aggiuntivo news

Effettuare le stesse operazioni illustrate per il campo Titolo per ordinare in modo crescente e decrescentele news secondo il criterio impostato (click pulsante sinistro sul nome etichetta)

Egrave anche possibile ricercare le news in base al testo contenuto nel titolo sottotitolo descrizione eccUtilizzando la maschera di ricerca in fondo pagina (evidenziata nella figura Ricerca news (page 72))

Figura 719 Ricerca news

Per effettuare una ricerca egrave necessario seguire i seguenti passi

1 Inserire nel campo Cerca Stringa il testo da cercare (nel nostro esempio ldquonequerdquo)

2 Premere il tasto Cerca per eseguire la ricerca secondo i criteri impostati

In questo modo nella lista delle news compariranno solo quelle che contengono il testo specificatoEffettuata la ricerca egrave possibile effettuare degli ordinamenti come spiegato in precedenza

75 Ordinamento delle News e ricerca 72

CAPITOLO 8

Modulo Eventi

Avvertimento SEZIONE NON COMPLETA

Si confrontino i seguenti due tipi di contenuti

Evento egrave un tipo di contenuto adatto a descrivere qualcosa che accadragrave o che egrave accaduto in una certadata La data o le date in cui lrsquoevento ricorre sono strettamente legate ad un luogo in cui lrsquoeventosi verificheragravesi egrave verificato Gli eventi vengono rappresentati mediante la metafora dellrsquoagenda edel calendario

Notizia egrave un tipo di contenuto caratterizzato dalla data di pubblicazione secondo la metafora delgiornale online E come in un giornale online una notizia puograve riferirsi sia a fatti giagrave accaduti chea fatti a venire

Nota Per comprendere meglio la differenza tra i due tipi di contenuto si pensi che dato un eventoche ha una certa data di svolgimento (ad es 20 maggio) di tale evento posso realizzare piugrave di unanotizia Rimanendo nellrsquoesempio potrei pubblicare una notizia il 10 maggio per preannunciare lrsquoeventoe poi unrsquoaltra il 18 maggio per ricordarne lrsquoimminenza Infine potrei pubblicare una notizia di riepilogo(cronaca dellrsquoevento immagini ecc) il 22 maggio

81 Scopo del modulo Eventi

Il visitatore del sito deve poter cogliere le informazioni essenziali di un evento

bull Cosa sta per succedere

bull Dove accadragrave

bull Quando accadragrave

82 Il Backend ndash Modulo Pagina

Vedi figura Eventi vista modulo pagina (page 74)

83 Il Backend ndash Modulo Lista

Vedi figura Eventi vista modulo lista (page 74)

73

DocWeb Release 101

Figura 81 Eventi vista modulo pagina

Figura 82 Eventi vista modulo lista

83 Il Backend ndash Modulo Lista 74

DocWeb Release 101

84 Creazione di un evento

Prima di procedere poniamoci qualche domanda

bull Lrsquoevento appartiene a qualche rassegna iniziativa per la quale sono in programma altri eventiPer esempio

ndash Rassegne teatrali cinematografiche

ndash Festival

bull Lrsquoevento si ripete

ndash La replica avviene sempre nello stesso luogo

841 Creazione del record

Vedi figura Creazione nuovo evento (page 75)

Vedi figura Creazione nuovo record evento (page 76)

Figura 83 Creazione nuovo evento

842 Scheda ldquoGeneralerdquo

Vedi figura Evento scheda generale (page 76)

843 Scheda ldquoFinestra temporalerdquo

Orario repliche

Vedi figura Evento finestra temporale (page 78)

84 Creazione di un evento 75

DocWeb Release 101

Figura 84 Creazione nuovo record evento

Figura 85 Evento scheda generale

84 Creazione di un evento 76

DocWeb Release 101

bull Lrsquoorario va solo per le Finestre temporali di un giorno (data inizio = data fine)

bull Se non si conosce lrsquoora della fine impostare ora inizio = ora fine

844 Scheda ldquoTestordquo

Vedi figura Evento scheda testo (page 79)

84 Creazione di un evento 77

DocWeb Release 101

Figura 86 Evento finestra temporale

84 Creazione di un evento 78

DocWeb Release 101

Figura 87 Evento scheda testo84 Creazione di un evento 79

  • Introduzione
    • Cosegrave DocWeb
    • Concetti chiave
      • Funzionalitagrave di Base
        • Il CMS Typo3 ldquobackendrdquo e ldquofrontendrdquo
        • Cambio password di accesso
        • Albero delle pagine
        • Implementazione delle pagine ldquogenitori rdquo e ldquofiglirdquo
        • Inserimento Nuova pagina
        • Elementi standard della pagina
        • Inserimento contenuti di una pagina
        • Contenuti multipli allrsquointerno di una pagina
        • Modifica dei contenuti della pagina
        • Spostamento di pagine
        • Eliminazione pagine
        • Rich Text Editor
        • Modalitagrave Lista
        • Modalitagrave Mostra
        • Modalitagrave ldquoMonta come radice dellrsquoalberordquo
        • Ottenere il page-id di una pagina
        • Admin Panel
          • La Clipboard
            • Copia o spostamento di un contenuto singolo di pagina allrsquointerno di unrsquoaltra pagina
            • Copia o spostamento di piugrave contenuti da una pagina ad unrsquoaltra
              • Modulo DAM (Digital Asset Management)
                • Caricamento e Aggiornamento di file
                • Ricerca di file allrsquointerno del DAM e modifica delle meta-informazioni
                  • Modulo Pagine di download
                    • Inserimento e configurazione pagine di download
                      • Modulo Sitemap
                        • Scheda di configurazione Mappa
                        • Tipo di mappa
                        • Il ``punto di partenza della mappa
                          • Modulo News
                            • Inserimento e modifica di news
                            • Modalitagrave Relations
                            • News collegata a URL esterna e a pagina interna
                            • Eliminazione delle News
                            • Ordinamento delle News e ricerca
                              • Modulo Eventi
                                • Scopo del modulo Eventi
                                • Il Backend ndash Modulo Pagina
                                • Il Backend ndash Modulo Lista
                                • Creazione di un evento
Page 32: DocWeb€¦ · per la realizzazione e la gestione di siti web della Pubblica Am-ministrazione. La piattaforma tecnologica utilizzata è il CMS (Content Management System) Open SourceTypo31

DocWeb Release 101

Figura 237 Menu mostra

3 selezionare la voce Mostra

In base alla pagina scelta si avragrave un risultato come quello visualizzato nella figura Anteprima pagina conAdmin panel (page 29)

Figura 238 Anteprima pagina con Admin panel

La pagina presenteragrave nella parte superiore lrsquoanteprima della pagina Nella parte inferiore vienevisualizzato uno strumento denominato Admin Panel

Questo oggetto offre lato front-end alcune funzionalitagrave (figura Moduli Admin panel (page 30)) cheaiutano i gestori di contenuti nella creazionemodifica delle pagine web del sito

NellrsquoAdmin panel (figura sopra) egrave possibile distinguere

217 Admin Panel 29

DocWeb Release 101

Figura 239 Moduli Admin panel

1 Modulo Preview ndash offre la possibilitagrave di selezionare alcune opzioni sulla pagina per simulare alcunesituazioni in cui la pagina si puograve trovare durante la visualizzazione

2 Modulo Cache ndash offre la possibilitagrave di gestire la cache

Allrsquointerno del modulo Preview abbiamo le seguenti voci

Mostra pagine nascoste selezionando la casella di controllo corrispondente a questa voce si visual-izzeranno anche quelle che attualmente non sono visibili allrsquointerno del sito o perchegrave in lavorazioneo perchegrave ancora non egrave stata data lrsquoautorizzazione alla pubblicazione

Mostra record nascosti come per le pagine questa voce offre la possibilitagrave di poter visualizzare allrsquoin-terno della pagina quei contenuti nascosti che non sono ancora ultimati o che sono in attesa di unautorizzazione per la pubblicazione

Simula data con questo controllo egrave possibile simulare il comportamento della pagina in periodi tem-porali diversi Utilizzando la casella di testo egrave possibile inserire delle date In questo modo sirende possibile la visualizzazione di quegli elementi (ad es pagine news ) che sono abilitati acomparirescomparire in base a determinati criteri temporali impostati

Simula gruppo di utenti con questo controllo egrave possibile simulare il comportamento delle pagine inbase ad un determinato gruppo di utenti che vi accede Alcune pagine possono infatti avere uncomportamento diverso in base al tipo di utente che vi accede

Nota Durante la creazione di pagine egrave possibile restringere la visione di una determinata pagina aparticolari tipi di utenti (utenti di frontend) Questa caratteristica offre la possibilitagrave di definire delle areead accesso riservato del sito ossia sezioni del sito a cui egrave possibile accedere solo dopo essersi autenticatie dopo avere avuto i necessari diritti di accesso

Una volta selezionate le opportune scelte allrsquointerno dellrsquoADMIN Panel occorreragrave premere il tasto Aggior-na (figura Aggiorna Admin panel (page 31)) per prendere visione della pagina secondo i criteri impostati

Nota Nel caso in cui lrsquoutente abbia la possibilitagrave di accedere da back-end a piugrave siti (ciascuno con unproprio dominio) bisogna tenere presente che lrsquoADMIN Panel compare soltanto per le pagine relativeal dominio con cui lrsquoutente ha fatto il login In altre parole se un operatore ad esempio egrave abilitatoa lavorare sulle pagine di backend dei siti httpwwwsitoesempio1it e httpwwwsitoesempio2it ese lrsquooperatore accede al backend di DocWeb con lrsquoindirizzo httpwwwsitoesempio1ittypo3 allora

217 Admin Panel 30

DocWeb Release 101

Figura 240 Aggiorna Admin panel

lrsquoADMIN Panel compariragrave solo sulle pagine di frontend del dominio wwwsitoesempio1it e non su quelledel dominio wwwsitoesempio2it

217 Admin Panel 31

CAPITOLO 3

La Clipboard

Lrsquooggetto clipboard (rdquoblocco degli appuntirdquo) egrave molto utile quando si ha la necessitagrave di copiare o spostareuno o piugrave elementi di contenuto o una o piugrave pagine da una sezione del sito (contenitore di pagine) adunrsquoaltra

31 Copia o spostamento di un contenuto singolo di pagina allrsquointernodi unrsquoaltra pagina

Per prima cosa egrave necessario (figura Identifica contenuto (page 32))

Figura 31 Identifica contenuto

1 selezionare la voce Lista

2 selezionare la pagina che contiene il contenuto che si intende copiare (nella figura abbiamo sceltola pagina denominata ldquoCorso di formazione su Typo3rdquo

32

DocWeb Release 101

3 identificare dalla lista dei contenuti associati alla pagina quello da spostare

Supponiamo che si desideri copiare il contenuto denominato ldquoTesto 2rdquo (figura Copia contenuto (page 33))

Figura 32 Copia contenuto

Egrave sufficiente cliccare sullrsquoicona (nella figura sopra evidenziata con un cerchio rosso) di copia incorrispondenza del contenuto da copiare

Dopo avere eseguito questa operazione nella figura Risultato copia contenuto (page 34) possiamo notare

1 Egrave comparsa unrsquoicona nuova che mette in evidenza che nella clipboard egrave presente un elemento

2 Lrsquoicona di copia in corrispondenza del contenuto da spostare ha cambiato aspetto

A questo punto lrsquooggetto che si intende copiare egrave presente nella nostra clipboard

Il passo successivo egrave quello di selezionare la pagina in cui andare a posizionare lrsquoelemento (paginadestinazione)

Rimanendo sempre allrsquointerno del modulo Lista occorreragrave selezionare dallrsquoalberatura delle pagine la pag-ina destinazione Il procedimento da seguire per posizionarsi sulla pagina egrave lo stesso descritto in prece-denza Nella figura Incolla contenuto (page 34) viene evidenziato il contenuto di una pagina (denominataldquoPagina di Provardquo) in cui vogliamo copiare il contenuto

Per copiare il contenuto della clipboard nella pagina selezionare lrsquoicona Incolla contenuto Clipboard

Confermando lrsquooperazione il contenuto saragrave copiato allrsquointerno della pagina selezionata

Per effettuare lo spostamento di un contenuto di pagina allrsquointerno di unrsquoaltra pagina cliccare sullrsquoicona

di Taglia al posto dellrsquoicona copia e ripetere le operazioni sopra descritte

1 Selezionando la casella Mostra clipboard (figura Vista clipboard (page 35)) egrave possibile visualiz-zare lrsquooggetto clipboard Nel caso in figura lrsquoelemento copiato in precedenza (Testo 2) egrave ancoradisponibile allrsquointerno della clipboard Utilizzando il procedimento descritto infatti il contenuto

31 Copia o spostamento di un contenuto singolo di pagina allrsquointerno di unrsquoaltra pagina 33

DocWeb Release 101

Figura 33 Risultato copia contenuto

Figura 34 Incolla contenuto

31 Copia o spostamento di un contenuto singolo di pagina allrsquointerno di unrsquoaltra pagina 34

DocWeb Release 101

selezionato rimane ancora a disposizione dellrsquoutente che potragrave selezionare altre pagine destinazionesu cui eventualmente andare a copiare il contenuto Nel caso in cui si selezioni un altro elementoad esempio ldquoTesto 1rdquo lrsquoelemento presente viene automaticamente sostituito

2 Dallrsquooggetto clipboard egrave possibile rimuovere un elemento premendo il bottone di Elimina postoaccanto ad esso

Figura 35 Vista clipboard

Con il procedimento descritto fino ad ora egrave possibile scegliere soltanto un contenuto alla volta

32 Copia o spostamento di piugrave contenuti da una pagina ad unrsquoaltra

Nel caso in cui ci si trovi nella necessitagrave di copiare piugrave di un contenuto da una pagina allrsquoaltra egrave necessarioseguire i passi seguenti

1 Selezionare il modulo Lista

2 Selezionare la pagina di origine da cui prelevare i contenuti

3 Selezionare la casella Mostra clipboard

4 Selezionare una clipboard tra quelle denominate ldquoClipboard 1rdquo ldquoClipboard 2rdquo ldquoClipboard 3rdquo(punto 3 figura Vista clipboard con contenuto selezionato (page 36))

Selezionando ad esempio la clipboard contrassegnata come ldquoclipboard 1rdquo si avragrave la seguente situazione

32 Copia o spostamento di piugrave contenuti da una pagina ad unrsquoaltra 35

DocWeb Release 101

Figura 36 Vista clipboard con contenuto selezionato

32 Copia o spostamento di piugrave contenuti da una pagina ad unrsquoaltra 36

DocWeb Release 101

1 In corrispondenza di ogni contenuto si evidenzia una Casella di selezione Sopra la colonna con lecaselle di selezione egrave comparsa una lista di bottoni tra cui al momento distinguiamo

2 Bottone di copia elementi nella clipboard

3 Bottone di selezione tuttinessuno

Scegliendo ad esempio i primi due elementi e premendo il pulsante di copia elementi nella clipboard sipuograve notare che (figura Copia nella clipboard (page 37))

Figura 37 Copia nella clipboard

1 La clipboard che abbiamo scelto per la selezione multipla (ldquoClipboard 1rdquo) contiene la lista deglioggetti che abbiamo scelto di copiare

2 Ersquo comparsa lrsquoicona di Incolla contenuto Clipboard

La procedura della selezione della pagina di destinazione rimane identica a quella giagrave utilizzata per lacopia di un contenuto singolo (selezionare la pagina di destinazione su cui andare a posizionare i contenutiselezionati)

Egrave importante fare notare che seguendo le operazioni descritte sopra si ottiene come risultato lospostamento dei contenuti dalla pagina origine a quella destinazione

Se si desidera copiare gli elementi selezionati egrave necessario una volta selezionati gli elementi da copiarepremere il tasto copia gli items invece di spostarli (evidenziato con un cerchio rosso nella figura Tagliadalla clipboard (page 38))

32 Copia o spostamento di piugrave contenuti da una pagina ad unrsquoaltra 37

DocWeb Release 101

Figura 38 Taglia dalla clipboard

32 Copia o spostamento di piugrave contenuti da una pagina ad unrsquoaltra 38

DocWeb Release 101

In questo modo dopo avere confermato lrsquooperazione i contenuti o le pagine da copiare saranno presentisia nella pagina origine che in quella destinazione

32 Copia o spostamento di piugrave contenuti da una pagina ad unrsquoaltra 39

CAPITOLO 4

Modulo DAM (Digital AssetManagement)

Il modulo DAM (Digital Asset Management) offre la possibilitagrave di raccogliere e catalogare contenuti informato digitale come immagini documenti presentazioni

Ogni file inserito puograve essere corredato di informazioni aggiuntive (meta-informazioni) come la descrizionelrsquoautore parole chiave ecc

Attraverso il modulo DAM egrave possibile svolgere le seguenti operazioni

bull Caricamento e Aggiornamento di file

bull Ricerca di file allrsquointerno del DAM e modifica delle meta-informazioni associate ai file

41 Caricamento e Aggiornamento di file

Lrsquooperazione di CaricamentoAggiornamento di file serve per sottoporre al sistema DAM un particolarecontenuto memorizzato in formato digitale

Lrsquoelemento caricato saragrave poi disponibile a chi inserisce contenuti

Per iniziare lrsquooperazione di caricamento di un file egrave sufficiente selezionare la voce File che si trovaallrsquointerno del modulo Media (figura Menu file (page 41))

La maschera che si apre (figura File upload (page 41)) offre le seguenti possibilitagrave

1 Selezione della posizione dove andare a caricareaggiornare il file

2 Specificare alcuni documenti da caricare (area File)

Concentrandoci sullrsquoarea File (figura Dettaglio file upload (page 42)) distinguiamo

1 Voce Show upload location browser (punto 1 figura sopra) egrave possibile visualizzare i file attualmentecaricati nel Mount Point selezionato

2 Lista di bottoni denominati Sfoglia da utilizzare nel caso in cui si desideri caricareaggiornareun file

Se si desidera caricare un file occorre cliccare sul bottone Sfoglia

La finestra che appare (figura Sfoglia file (page 42)) permette di selezionare dal proprio PC il file dacaricare

Per selezionare un file da caricare occorre

1 Esplorare le cartelle del proprio PC per trovare il file

40

DocWeb Release 101

Figura 41 Menu file

Figura 42 File upload

41 Caricamento e Aggiornamento di file 41

DocWeb Release 101

Figura 43 Dettaglio file upload

Figura 44 Sfoglia file

41 Caricamento e Aggiornamento di file 42

DocWeb Release 101

2 Inserire il nome del file nella casella di testo Nome file

3 Premere il tasto Apri

Una volta che si egrave selezionato un file egrave possibile

1 selezionare altri file da caricare seguendo gli stessi passi descritti in precedenza

2 effettuare lrsquooperazione di caricamento del file vero e proprio

Dallrsquoesempio abbiamo scelto di caricare un solo file

Il caricamento dei file viene eseguito premendo il bottone ldquoUpload filesrdquo che si trova in fondo alla listadei file selezionati (figura File selezionato (page 43))

Figura 45 File selezionato

Se tutto egrave stato eseguito correttamente appariragrave una finestra come quella nella figura Process files(page 44)

In questa maschera egrave possibile

1 Specificare le meta-informazioni per il singolo file come ad esempio il titolo parole chiavedescrizione

2 Avviare il processo di elaborazione multipla premendo il bottone Process selected files Con questoprocesso egrave possibile inserire o modificare le meta-informazioni per tutti i file della lista (in questocaso solo uno)

Se si vuole eseguire lrsquoinserimento delle meta-informazioni per singolo file la finestra che si apre egrave similea quella presentata in figura Elaborazione metainformazioni singolo file (page 44)

Nel caso si scelga di eseguire il processo di elaborazione multipla la maschera che compare (figuraElaborazione metainformazioni file multipli (page 45)) permette di selezionare le meta-informazioni chelrsquoutente intende inserire contemporaneamente per tutti i file della selezione

41 Caricamento e Aggiornamento di file 43

DocWeb Release 101

Figura 46 Process files

Figura 47 Elaborazione metainformazioni singolo file

41 Caricamento e Aggiornamento di file 44

DocWeb Release 101

Figura 48 Elaborazione metainformazioni file multipli

41 Caricamento e Aggiornamento di file 45

DocWeb Release 101

Se si seleziona la checkbox accanto alla voce che eventualmente saragrave inserita questa viene aggiuntaalle informazioni eventualmente giagrave presenti (modalitagrave append) Nellrsquoaltro caso le informazioni sarannosovrascritte

I campi Titolo e Descrizione sono obbligatori mentre il campo Parole chiavi puograve essere valorizzato adiscrezione dellrsquoutente Informazioni su come valorizzare i campi elencati sopra saranno descritte suapposite linee guida

Per completare lrsquoinserimentoaggiornamento delle meta-informazioni riguardanti il file caricato occorrepremere il tasto Send (figura Salva metainformazioni (page 46)) in fondo alla maschera per il salvataggiodelle informazioni

Figura 49 Salva metainformazioni

Tornando alla maschera di caricamento file e selezionando la checkbox in corrispondenza della voceSovrascrivi file esistenti (figura Carica file sovrascrivendo (page 46)) saragrave possibile aggiornare eventualifile che hanno lo stesso nome di quello che stiamo caricando

Questa procedura egrave utile quando si vuole aggiornare il contenuto di un file che egrave giagrave presente nel DAM

Figura 410 Carica file sovrascrivendo

Nel caso di aggiornamento di un file le meta-informazioni del file rimangono le stesse inserite inprecedenza Come si puograve notare non viene offerta la possibilitagrave di inserirne di nuove

Nel caso in cui un file con lo stesso nome sia giagrave caricato e non si desideri aggiornarlo il file inseritoper ultimo viene rinominato con un suffisso generato automaticamente dal DAM In questo caso la voceSovrascrivi file esistenti non deve essere selezionata (figura Carica file senza sovrascrivere (page 47))

Nellrsquoesempio in figura viene presentata la lista dei file presenti nel mount point selezionato

Da notare la presenza di un file che egrave stato rinominato dal DAM con un suffisso ldquo_01rdquo dato che nellastessa posizione era giagrave presente un file con lo stesso nome

41 Caricamento e Aggiornamento di file 46

DocWeb Release 101

Figura 411 Carica file senza sovrascrivere

41 Caricamento e Aggiornamento di file 47

DocWeb Release 101

42 Ricerca di file allrsquointerno del DAM e modifica delle meta-informazioni

Rimanendo sempre allrsquointerno del modulo Media selezioniamo la voce List egrave possibile effettuare dellericerche dei file e modificare le meta-informazioni associate ai file

Nella figura Backend media list (page 48) distinguiamo

Figura 412 Backend media list

1 Parte relativa ai Mount Point disponibili

2 Parte relativa ai tipi di file caricati nel sistema

3 Schede List Thumbnails Selection Process

Da questa sezione egrave possibile effettuare ricerche sui file caricati nel DAM

Le ricerche che si possono eseguire sono del tipo ldquotrova tutti i file pdf e docrdquo oppure ldquoelenca tutti i filedi tipo immagine ad eccezione dei file con estensione gifrdquo

Per prima cosa facendo click sul nome del tipo file (es gif oppure image) si seleziona solo quel tipo difile e si escludono tutti i criteri selezionati in precedenza

Per aggiungere un altro criterio di ricerca egrave sufficiente selezionare il ldquo+rdquo (punto 1 nella figura Criteri diselezione (page 49)) posto accanto al tipo di file che si vuole selezionare

Con il ldquo-ldquo(punto 2) saragrave possibile rimuovere il tipo di file dai criteri di ricerca

Selezionando ldquo=rdquo (punto 3) egrave possibile introdurre clausole del tipo ldquocerca un file che sia doc e presentenel Mount Point chiamato lsquoArea Testrsquordquo (ossia effettua una ricerca che risponda a tutti i criteri impostati)

Nellrsquoesempio della figura Salva selezione (page 49) sono stati selezionati tutti i tipi di immagine adeccezione dei file con estensione gif Questo risultato si ottiene nel seguente modo

1 selezionare il ldquo+rdquo accanto alla voce ldquoimagerdquo

2 premendo il tasto ldquo-ldquo in corrispondenza della voce ldquogifrdquo

I criteri impostati per la selezione possono essere salvati per un uso futuro Per salvare la selezioneoccorre (figura Salva selezione (page 49))

1 riempire il campo sotto la voce SELECTION con un nome che identifichi la ricerca

2 premere il tasto Save per salvare la modalitagrave di ricerca impostata

In questo modo saragrave possibile richiamare e rieseguire la ricerca impostata anche in futuro senza doverripetere il procedimento di scelta dei criteri mostrato in precedenza

42 Ricerca di file allrsquointerno del DAM e modifica delle meta-informazioni 48

DocWeb Release 101

Figura 413 Criteri di selezione

Figura 414 Salva selezione

42 Ricerca di file allrsquointerno del DAM e modifica delle meta-informazioni 49

DocWeb Release 101

Se in futuro saranno inseriti nuovi file che soddisfano la ricerca salvata questi verranno selezionati quandoverragrave richiamata la ricerca salvata

Dalla figura Ricerca salvata (page 50) egrave possibile notare come richiamare la ricerca salvata In questocaso abbiamo salvato la ricerca con il nome ldquoimmaginisenzagifrdquo

Figura 415 Ricerca salvata

Una volta che si egrave selezionata la ricerca egrave possibile

1 Premere il tasto Load per ricaricare la ricerca precedentemente impostata

2 Premere Remove per rimuovere la ricerca salvata

Una volta effettuata una particolare selezione di file egrave possibile (figura Schede backend media list(page 50))

Figura 416 Schede backend media list

1 vedere il contenuto della selezione (schede List e Thumbnails)

2 vedere i criteri impostati per la ricerca (scheda Selection)

3 modificare le meta-informazioni associate ai file (scheda Process) secondo quanto descritto inprecedenza

Nella figura Scheda selection (page 51) egrave visualizzato come selezionando la scheda Selection egrave possibileprendere visione dei criteri impostati nella ricerca (la ricerca egrave quella dellrsquoesempio precedente)

Selezionando le schede List e Thumbnails dopo avere effettuato una qualsiasi selezione si potrebbe avereuna situazione come quella mostrata nella figura Scheda list (page 51)

Cliccando sullrsquoicona corrispondente ad uno dei file presenti nella lista (selezionato con un cerchio rosso)egrave possibile accedere ad un menugrave contestuale (figura Menu contestuale DAM (page 51))che permette disvolgere le seguenti operazioni

Modifica Offre la possibilitagrave di visualizzare e modificare le meta-informazioni associate al file

Rinomina Selezionando la seguente voce egrave possibile assegnare un altro nome al file che si egrave caricato

Replace file Avvia lrsquooperazione di sostituzione del file

Info Visualizza informazioni relative al file

Cancella Rimuove il file dal DAM

42 Ricerca di file allrsquointerno del DAM e modifica delle meta-informazioni 50

DocWeb Release 101

Figura 417 Scheda selection

Figura 418 Scheda list

Figura 419 Menu contestuale DAM

42 Ricerca di file allrsquointerno del DAM e modifica delle meta-informazioni 51

CAPITOLO 5

Modulo Pagine di download

51 Inserimento e configurazione pagine di download

La creazione di pagine di download egrave utile quando si vuole mettere a disposizione una lista di uno o piugravefile in forma scaricabile

Per creare una pagina di download egrave necessario seguire i seguenti passi

1 Creare una pagina standard

2 Inserire il plugin DAM Download List

3 Configurare il plugin

Per creare una pagina egrave sufficiente entrare nel modulo Pagina e selezionare Crea nuovo record per accederealla finestra di creazione pagine

Nellrsquoesempio in figura Backend creazione contenuto (page 52) egrave stata creata la pagina denominata ldquoPaginadownloadrdquo come figlio della pagina ldquoPagina di provardquo

Figura 51 Backend creazione contenuto

Una volta creata la pagina occorre configurarla in maniera tale da permettere la visualizzazione di unalista di file scaricabili Per fare ciograve occorre inserire un plugin denominato ldquoDAM Download Listrdquo Unplugin egrave un contenuto speciale da inserire in una pagina

52

DocWeb Release 101

Per inserirlo come per un contenuto occorre seguire i seguenti passi (figura Backend creazione contenuto(page 52))

1 Selezionare la pagina in cui inserire il plugin Nellrsquoesempio la pagina denominata ldquoPaginadownloadrdquo

2 Selezionare la voce Clicca qui per il wizard nella maschera che compare quando si vuole inserire unnuovo record

Figura 52 Wizard nuovo contenuto

Oltre ai normali contenuti standard il wizard permette di selezionare (figura Wizard nuovo contenuto(page 53))

1 Contenuti speciali

2 Moduli

3 Plugins

Allrsquointerno della lista dei Plugins selezionare DAM Lista dei file scaricabili (punto 4 nella figura Wizardnuovo contenuto (page 53))

Dopo aver selezionato il plugin occorreragrave selezionare la posizione della pagina in cui inserire lrsquoelemento

Selezionare ldquoNormalerdquo

A questo punto il plugin egrave inserito nella pagina desiderata

51 Inserimento e configurazione pagine di download 53

DocWeb Release 101

Oltre allrsquoinserimento occorre configurare il plugin in modo da dirgli quali file far visualizzare

Una volta che il plugin viene inserito viene aperta una finestra (figura Contenuto pagina (page 54)) doveviene richiesto di selezionare dei file inseriti nel sistema

Figura 53 Contenuto pagina

Per proseguire correttamente egrave necessario salvare immediatamente il Contenuto Pagina altrimenti leoperazioni successive potrebbero andare perse

Per inserire i file nella lista occorre effettuare la seguente operazione (figura Contenuto pagina (page 54))

1 Nella parte della maschera denominata DAM Lista di file scaricabili selezionare lrsquoicona SfogliaRecord (cerchiata in rosso) per avviare la procedura di selezione dei file

Selezionando la voce Sfoglia Record verragrave aperto lrsquoElement Browser di TYPO3 che ci permette di se-lezionare i file da inserire nel plugin La finestra (figura Element browser (page 55)) egrave composta di dueschede

1 Media ndash permette di selezionare i file giagrave esistenti nel sistema

2 Upload ndash permette di caricare nuovi file

Selezionando la sezione Media egrave possibile selezionare dalla lista i file da inserire

51 Inserimento e configurazione pagine di download 54

DocWeb Release 101

Figura 54 Element browser

Se la lista dei file fosse troppo lunga egrave possibile effettuare delle ricerche per nome e per tipologia di file(doc htm )

Per cercare per nome (figura Ricerca per nome (page 55)) occorre inserire nella casella di testo Cercastringa (punto 1 nella figura sopra) il nome o parte del nome del file da cercare Una volta specificata lastringa di ricerca premere il tasto Cerca (punto 2)

Figura 55 Ricerca per nome

Per cercare un particolare tipo di file selezionare il nome dellrsquoestensione che si desidera dallrsquoelenco deitipi di file (figura Ricerca per tipo (page 56))

Nota I due tipi di ricerca possono essere usati contemporaneamente

Selezionando la voce informazioni (punto 1 nella figura Selezione file (page 56)) egrave possibile visualizzarele meta-informazioni associate al file

Premendo con il mouse sul nome del file (punto 2) o sullrsquoicona associata (punto 3) si inserisce il file nellalista dei file da far visualizzare nella pagina di download mediante lrsquoapposito plugin

Selezionando la scheda Upload si puograve inserire un file non presente nel sistema (figura Caricamentoimmediato file (page 56))

51 Inserimento e configurazione pagine di download 55

DocWeb Release 101

Figura 56 Ricerca per tipo

Figura 57 Selezione file

Figura 58 Caricamento immediato file

51 Inserimento e configurazione pagine di download 56

DocWeb Release 101

Scegliere i file dal proprio PC seguendo le operazioni giagrave descritte nel modulo DAM e selezionare dallascheda Media i nuovi file inseriti

Nella figura Plugin con file selezionati (page 57) egrave visualizzato un esempio di maschera di configurazionedel plugin con la lista dei file selezionati

Figura 59 Plugin con file selezionati

I file una volta inseriti possono essere ordinati selezionando sugli appositi bottoni posti a destra dellalista file

bull Per ordinare un determinato file occorre

bull Selezionare un file

Premere uno dei tasti (figura sopra) per

1 Spostare in prima posizione

2 Spostare in alto di una posizione

3 Spostare in basso di una posizione

4 Spostare in ultima posizione

5 Rimuovere dalla lista il file selezionato

Una volta eseguiti i passaggi sopra descritti salvare la configurazione del plugin

51 Inserimento e configurazione pagine di download 57

CAPITOLO 6

Modulo Sitemap

Ersquo possibile generare una mappa del sito scegliendo un contenuto speciale di tipo ldquoMappa del Sitordquo comemostrato nella figura Contenuto mappa del sito (page 58)

Figura 61 Contenuto mappa del sito

Per scegliere un record di tipo ldquomappa del sitordquo (per visualizzare cioegrave la vista dei contenuti possibili)saragrave necessario portarsi in modalitagrave ldquopaginardquo compiendo gli stessi passaggi descritti per la creazione dicontenuti semplici in fase di creazione delle pagine (in questo caso selezionando il contenuto specialemappa)

58

DocWeb Release 101

61 Scheda di configurazione Mappa

La scheda di configurazione si presenta come nella figura Scheda mappa del sito (page 59)

Figura 62 Scheda mappa del sito

I campi fondamentali da personalizzare sono lrsquointestazione (ossia il titolo pagina) il tipo di menugrave e ilpunto di partenza Nellrsquointestazione viene inserito come di consuetudine il titolo pagina

62 Tipo di mappa

Ersquo possibile scegliere il tipo di mappa che si desidera creare consultando il menugrave a tendina ldquotipo di menugraverdquoche ci offriragrave diverse opzioni

Le piugrave frequentemente usate sono di tipo ldquoMenugrave delle sottopagine rdquo come indicato nella figura Tipo dimenu (page 60)

Menugrave delle sottopagine di queste pagine Scegliendo questa opzione da una pagina padre sigenereragrave un record che mostreragrave al suo interno tutte le sottovoci figlio con relativo link

Menugrave delle sottopagine di queste pagine (con abstract) Genera una mappa sia delle sottopagineche dei sottotitoli

Menugrave delle sottopagine di queste pagine + sezioni Genera una mappa sia delle sottopagine chedei record (link alle intestazioni dei singoli record)

Selezionando voci di menugrave di sottopagine egrave anche possibile stabilire un determinato punto di partenzasfogliando lrsquoapposito record

61 Scheda di configurazione Mappa 59

DocWeb Release 101

Figura 63 Tipo di menu

63 Il ldquopunto di partenzardquo della mappa

Il ldquopunto di partenzardquo dei Menugrave delle sottopagine Scheda mappa del sito (page 59) costituisce la paginadalla quale il sistema partiragrave per creare la mappa

Si potragrave quindi creare una mappa (di tipo menugrave delle sottopagine) che mostri solamente il percorso diquella porzione di menugrave che si intende mostrare

63 Il ldquopunto di partenzardquo della mappa 60

CAPITOLO 7

Modulo News

71 Inserimento e modifica di news

Alcune sezioni del nostro sito potrebbero essere state configurate per permettere la visualizzazione dinotizie

Per poter visualizzare le news correttamente occorre che queste ultime vengano inserite in una determi-nata posizione allrsquointerno del backend Da questa posizione che chiameremo repository delle news lenostre pagine andranno a prelevare le news da visualizzare al loro interno

Figura 71 Backend news

Nellrsquoesempio presentato nella figura Backend news (page 61) distinguiamo

1 il repository delle news che egrave stato creato

2 Un esempio di come potrebbe apparire il contenuto del repository delle news (lista delle news)

Per poter visualizzare il contenuto del repository delle news occorre seguire i seguenti passi

1 entrare nel modulo Pagina

61

DocWeb Release 101

2 selezionare il repository delle news corrispondente (nellrsquoesempio della figura Backend news (page 61)il Repository delle news si chiama ldquoNews Area Testrdquo)

Poniamo ora la nostra attenzione alla lista delle news (figura Lista news (page 62)) Da qui egrave possibile

bull Inserire una nuova notizia

bull Modificare le notizie giagrave esistenti

Per inserire una nuova notizia occorre selezionare la voce Crea nuovo record (figura Lista news (page 62))posta in fondo alla lista delle news

Figura 72 Lista news

A questo punto si apre la finestra di creazione Nuovo record da cui occorre selezionare la voce News(figura Nuovo record news (page 62))

Figura 73 Nuovo record news

Eseguendo le operazioni sopra descritte si accede alla maschera di inserimento news (figura Inserimentonews scheda generale (page 63))

Questa si compone di due schede una denominata Generale e unrsquoaltra denominata Relations

Nella scheda Generale egrave possibile inserire

Titolo in questo spazio egrave possibile specificare un titolo della news

Nascondi questo controllo determina se la news egrave pubblicabile oppure no Come avviene per le pagineanche per le news egrave consigliabile tenere la news nascosta durante la lavorazione Facciamo notare

71 Inserimento e modifica di news 62

DocWeb Release 101

Figura 74 Inserimento news scheda generale

71 Inserimento e modifica di news 63

DocWeb Release 101

che appena viene aperta la maschera di inserimento di una nuova news il controllo appare giagrave instato nascosto

Dataora in questo spazio viene indicata la data e lrsquoora della creazione della news in base ai parametridi sistema

Data Archiviazione in questo spazio viene inserita la data di Archiviazione di una news

Autore permette di specificare un autore della news

Email permette di specificare un e-mail a cui fare riferimento

Sottointestazione questo campo conterragrave una breve descrizione (abstract) della news La sottointes-tazione egrave quella parte della news che compare quando viene visualizzata la lista delle news e serveper dare una breve descrizione al contenuto della news (si veda Esempio news (page 64))

Figura 75 Esempio news

Durante lrsquoinserimento di una news egrave consigliabile specificare sempre una sottointestazione

Testo egrave il campo che contiene il contenuto vero e proprio della news Egrave possibile utilizzare tutte lefunzionalitagrave messe a disposizione dallrsquoeditor RTE

72 Modalitagrave Relations

Nella modalitagrave Relations (figura Inserimento news scheda relations (page 65)) egrave possibile inserire

Immagini contiene una lista di immagini da associare alla news Il procedimento per la se-lezionecaricamento delle immagini egrave stato descritto nella parte dedicata alla creazione di paginedi download a cui vi rimandiamo

Didascalia permette di specificare una descrizione per lrsquoimmagine associata alla news

Image alttext e Image titletext permette di specificare un testo che in visualizzazione (Frontend)compariragrave al passaggio del mouse sopra lrsquoimmagine

News correlate permette di specificare news o pagine del sito da associare alla news Il procedimentodi selezione delle news da associare alla notizia saragrave spiegato successivamente

DAM elements permette di assegnare alla news dei documenti da scaricare come per esempioil programma di un determinato evento Anche in questo caso il procedimento per la se-lezionecaricamento dei documenti egrave quello giagrave descritto nella parte dedicata alla creazione dipagine di download

Descriviamo il procedimento da seguire per associare alcune pagine o alcune news alla notizia che stiamoinserendo

Premere il tasto di Sfoglia Record evidenziato nella figura Sfoglia record news (page 65)

Verragrave aperta una finestra che contiene un Element Browser che ci permette di selezionare le newspagine(figura Element browser news (page 66)) da associare

La finestra di selezione si suddivide nelle seguenti parti (figura sopra)

Alberatura del sito da cui egrave possibile esplorare gli elementi del nostro sito (pagine sysfolder )Premendo con il tasto sinistro del mouse sul nome della pagina o sulla freccia corrispondente verragraveaggiornata la parte di destra della finestra in cui egrave inserita la lista degli elementi associabili

72 Modalitagrave Relations 64

DocWeb Release 101

Figura 76 Inserimento news scheda relations

Figura 77 Sfoglia record news

72 Modalitagrave Relations 65

DocWeb Release 101

Figura 78 Element browser news

Lista degli elementi associabili egrave quindi possibile selezionare gli elementi da associare alla newsPer associare un elemento si puograve selezionare il simbolo ldquo+rdquo posto accanto allrsquoelemento desideratoo agendo sul nome del file Nel primo caso lrsquoelemento viene aggiunto ma la finestra non si chiuderagrave(utile per effettuare selezioni multiple) mentre nel secondo caso lrsquoelemento viene aggiunto e lafinestra si chiuderagrave (selezione singola)

Nota Per associare una o piugrave news alla notizia che stiamo inserendo occorreragrave innanzitutto selezionareil repository delle news e utilizzando i metodi descritti in precedenza indicare le news di interesse

Nella figura Selezione repository (page 66) viene visualizzato come appare lrsquoElement Browser dopo averselezionato il repository delle news denominato ldquoNews Corso Typo3rdquo

Figura 79 Selezione repository

Una volta ultimato il procedimento di inserimento di una news vedremo che nel repository compariragrave(figura News nel repository (page 67)) anche quella da noi creata Nellrsquoesempio la news creata si chiamaldquoTitolo della news di provardquo

Dalla lista delle news possiamo notare che i diversi tipi di news sono contrassegnati con icone diverse

In particolare distinguiamo

72 Modalitagrave Relations 66

DocWeb Release 101

Figura 710 News nel repository

bull News (icona ldquocelestinardquo)

bull Collegamento a URL esterna (icona ldquorosardquo)

bull Collegamento a pagina interna (icona ldquogiallinardquo)

Per modificare il contenuto di una news egrave sufficiente selezionare il simbolo di modifica (figura Modificanews (page 67)) in corrispondenza della news da modificare

Figura 711 Modifica news

73 News collegata a URL esterna e a pagina interna

Attraverso la selezione della finestra ldquoTipordquo egrave possibile scegliere diverse tipologie di news

Nella figura News collegata a url esterna (page 68) egrave stato selezionato il Collegamento a URL esterna checi offriragrave la possibilitagrave di specificare un link (ldquoURL esternordquo) da far visualizzare e che saragrave contraddistintain lista da lrsquoicona di colore rosa

Selezionando il Collegamento a pagina interna viene offerta la possibilitagrave di inserire un collegamento auna pagina del sito (evidenziato nella figura News collegata a pagina interna (page 69))

La news si presenteragrave con icona di color ldquogiallordquo e al suo interno conterragrave un link alla pagina interna alsito

73 News collegata a URL esterna e a pagina interna 67

DocWeb Release 101

Figura 712 News collegata a url esterna

73 News collegata a URL esterna e a pagina interna 68

DocWeb Release 101

Figura 713 News collegata a pagina interna

73 News collegata a URL esterna e a pagina interna 69

DocWeb Release 101

74 Eliminazione delle News

Per eliminare una news possiamo procedere tra lrsquoaltro in due modi

1 Selezionare la news da eliminare dallrsquoelenco e selezionare la voce ldquocancellardquo dal menugrave a tendinaconsultabile cliccando con il pulsante destro sullrsquoicona in corrispondenza della news (figura Eliminanews da menu contestuale (page 70))

Figura 714 Elimina news da menu contestuale

2 Entrare allrsquointerno della modalitagrave di modifica della news attraverso lrsquoicona ldquomatitardquo e selezionare lrsquoi-cona raffigurante il bidone di elimina posta in alto pagina (figura Elimina news da scheda contenuto(page 70))

Figura 715 Elimina news da scheda contenuto

75 Ordinamento delle News e ricerca

Puograve essere necessario durante la visualizzazione della lista delle news (lato backend) di dover effettuaredegli ordinamenti al fine di permettere una ricerca piugrave veloce delle news da modificare

74 Eliminazione delle News 70

DocWeb Release 101

Avvertimento Lrsquoordinamento ha valore solo come ricerca allrsquointerno del backend mentre latofrontend rispecchieragrave i parametri prestabiliti dal sistema

Supponiamo per esempio di voler effettuare un ordinamento per Titolo Seguiamo i seguenti passi(figura sotto)

1 Selezionare la voce di menugrave Lista

2 Selezionare il deposito delle news (repository) News Corso Typo3

3 Cliccare con il mouse in corrispondenza della voce ldquoTitolordquo

A questo punto (figura Ordinamento news (page 71)) le news vengono ordinate in ordine crescente(vengono visualizzate prima le news con titolo che inizia con la lettera a b e cosigrave via)

Figura 716 Ordinamento news

Se clicchiamo unrsquoaltra volta sulla voce ldquoTitolordquo il tipo di ordinamento cambia da crescente a decrescente(compariranno per prima le news con titolo che inizia per z )

Egrave inoltre possibile ordinare secondo campo da noi specificato Per definire il nome di un campo (ad estesto inizio autore ) su cui effettuare lrsquoordinamento occorreragrave spostarsi in fondo alla lista delle newsdove troveremo una lista di campi (figura Mostra campo aggiuntivo news (page 71))

Figura 717 Mostra campo aggiuntivo news

Dalla lista possiamo

bull Selezionare la voce in base alla quale effettuare lrsquoordinamento (ad esempio Immagini)

bull Premere il tasto Imposta campi per aggiungere alla lista dei campi visualizzati quello selezionato

75 Ordinamento delle News e ricerca 71

DocWeb Release 101

A questo punto il campo selezionato (nel nostro esempio il campo Immagini) compare nella lista dellenews (il campo aggiunto egrave evidenziato con un riquadro in alto a destra nella figura Ordinamento campoaggiuntivo news (page 72))

Figura 718 Ordinamento campo aggiuntivo news

Effettuare le stesse operazioni illustrate per il campo Titolo per ordinare in modo crescente e decrescentele news secondo il criterio impostato (click pulsante sinistro sul nome etichetta)

Egrave anche possibile ricercare le news in base al testo contenuto nel titolo sottotitolo descrizione eccUtilizzando la maschera di ricerca in fondo pagina (evidenziata nella figura Ricerca news (page 72))

Figura 719 Ricerca news

Per effettuare una ricerca egrave necessario seguire i seguenti passi

1 Inserire nel campo Cerca Stringa il testo da cercare (nel nostro esempio ldquonequerdquo)

2 Premere il tasto Cerca per eseguire la ricerca secondo i criteri impostati

In questo modo nella lista delle news compariranno solo quelle che contengono il testo specificatoEffettuata la ricerca egrave possibile effettuare degli ordinamenti come spiegato in precedenza

75 Ordinamento delle News e ricerca 72

CAPITOLO 8

Modulo Eventi

Avvertimento SEZIONE NON COMPLETA

Si confrontino i seguenti due tipi di contenuti

Evento egrave un tipo di contenuto adatto a descrivere qualcosa che accadragrave o che egrave accaduto in una certadata La data o le date in cui lrsquoevento ricorre sono strettamente legate ad un luogo in cui lrsquoeventosi verificheragravesi egrave verificato Gli eventi vengono rappresentati mediante la metafora dellrsquoagenda edel calendario

Notizia egrave un tipo di contenuto caratterizzato dalla data di pubblicazione secondo la metafora delgiornale online E come in un giornale online una notizia puograve riferirsi sia a fatti giagrave accaduti chea fatti a venire

Nota Per comprendere meglio la differenza tra i due tipi di contenuto si pensi che dato un eventoche ha una certa data di svolgimento (ad es 20 maggio) di tale evento posso realizzare piugrave di unanotizia Rimanendo nellrsquoesempio potrei pubblicare una notizia il 10 maggio per preannunciare lrsquoeventoe poi unrsquoaltra il 18 maggio per ricordarne lrsquoimminenza Infine potrei pubblicare una notizia di riepilogo(cronaca dellrsquoevento immagini ecc) il 22 maggio

81 Scopo del modulo Eventi

Il visitatore del sito deve poter cogliere le informazioni essenziali di un evento

bull Cosa sta per succedere

bull Dove accadragrave

bull Quando accadragrave

82 Il Backend ndash Modulo Pagina

Vedi figura Eventi vista modulo pagina (page 74)

83 Il Backend ndash Modulo Lista

Vedi figura Eventi vista modulo lista (page 74)

73

DocWeb Release 101

Figura 81 Eventi vista modulo pagina

Figura 82 Eventi vista modulo lista

83 Il Backend ndash Modulo Lista 74

DocWeb Release 101

84 Creazione di un evento

Prima di procedere poniamoci qualche domanda

bull Lrsquoevento appartiene a qualche rassegna iniziativa per la quale sono in programma altri eventiPer esempio

ndash Rassegne teatrali cinematografiche

ndash Festival

bull Lrsquoevento si ripete

ndash La replica avviene sempre nello stesso luogo

841 Creazione del record

Vedi figura Creazione nuovo evento (page 75)

Vedi figura Creazione nuovo record evento (page 76)

Figura 83 Creazione nuovo evento

842 Scheda ldquoGeneralerdquo

Vedi figura Evento scheda generale (page 76)

843 Scheda ldquoFinestra temporalerdquo

Orario repliche

Vedi figura Evento finestra temporale (page 78)

84 Creazione di un evento 75

DocWeb Release 101

Figura 84 Creazione nuovo record evento

Figura 85 Evento scheda generale

84 Creazione di un evento 76

DocWeb Release 101

bull Lrsquoorario va solo per le Finestre temporali di un giorno (data inizio = data fine)

bull Se non si conosce lrsquoora della fine impostare ora inizio = ora fine

844 Scheda ldquoTestordquo

Vedi figura Evento scheda testo (page 79)

84 Creazione di un evento 77

DocWeb Release 101

Figura 86 Evento finestra temporale

84 Creazione di un evento 78

DocWeb Release 101

Figura 87 Evento scheda testo84 Creazione di un evento 79

  • Introduzione
    • Cosegrave DocWeb
    • Concetti chiave
      • Funzionalitagrave di Base
        • Il CMS Typo3 ldquobackendrdquo e ldquofrontendrdquo
        • Cambio password di accesso
        • Albero delle pagine
        • Implementazione delle pagine ldquogenitori rdquo e ldquofiglirdquo
        • Inserimento Nuova pagina
        • Elementi standard della pagina
        • Inserimento contenuti di una pagina
        • Contenuti multipli allrsquointerno di una pagina
        • Modifica dei contenuti della pagina
        • Spostamento di pagine
        • Eliminazione pagine
        • Rich Text Editor
        • Modalitagrave Lista
        • Modalitagrave Mostra
        • Modalitagrave ldquoMonta come radice dellrsquoalberordquo
        • Ottenere il page-id di una pagina
        • Admin Panel
          • La Clipboard
            • Copia o spostamento di un contenuto singolo di pagina allrsquointerno di unrsquoaltra pagina
            • Copia o spostamento di piugrave contenuti da una pagina ad unrsquoaltra
              • Modulo DAM (Digital Asset Management)
                • Caricamento e Aggiornamento di file
                • Ricerca di file allrsquointerno del DAM e modifica delle meta-informazioni
                  • Modulo Pagine di download
                    • Inserimento e configurazione pagine di download
                      • Modulo Sitemap
                        • Scheda di configurazione Mappa
                        • Tipo di mappa
                        • Il ``punto di partenza della mappa
                          • Modulo News
                            • Inserimento e modifica di news
                            • Modalitagrave Relations
                            • News collegata a URL esterna e a pagina interna
                            • Eliminazione delle News
                            • Ordinamento delle News e ricerca
                              • Modulo Eventi
                                • Scopo del modulo Eventi
                                • Il Backend ndash Modulo Pagina
                                • Il Backend ndash Modulo Lista
                                • Creazione di un evento
Page 33: DocWeb€¦ · per la realizzazione e la gestione di siti web della Pubblica Am-ministrazione. La piattaforma tecnologica utilizzata è il CMS (Content Management System) Open SourceTypo31

DocWeb Release 101

Figura 239 Moduli Admin panel

1 Modulo Preview ndash offre la possibilitagrave di selezionare alcune opzioni sulla pagina per simulare alcunesituazioni in cui la pagina si puograve trovare durante la visualizzazione

2 Modulo Cache ndash offre la possibilitagrave di gestire la cache

Allrsquointerno del modulo Preview abbiamo le seguenti voci

Mostra pagine nascoste selezionando la casella di controllo corrispondente a questa voce si visual-izzeranno anche quelle che attualmente non sono visibili allrsquointerno del sito o perchegrave in lavorazioneo perchegrave ancora non egrave stata data lrsquoautorizzazione alla pubblicazione

Mostra record nascosti come per le pagine questa voce offre la possibilitagrave di poter visualizzare allrsquoin-terno della pagina quei contenuti nascosti che non sono ancora ultimati o che sono in attesa di unautorizzazione per la pubblicazione

Simula data con questo controllo egrave possibile simulare il comportamento della pagina in periodi tem-porali diversi Utilizzando la casella di testo egrave possibile inserire delle date In questo modo sirende possibile la visualizzazione di quegli elementi (ad es pagine news ) che sono abilitati acomparirescomparire in base a determinati criteri temporali impostati

Simula gruppo di utenti con questo controllo egrave possibile simulare il comportamento delle pagine inbase ad un determinato gruppo di utenti che vi accede Alcune pagine possono infatti avere uncomportamento diverso in base al tipo di utente che vi accede

Nota Durante la creazione di pagine egrave possibile restringere la visione di una determinata pagina aparticolari tipi di utenti (utenti di frontend) Questa caratteristica offre la possibilitagrave di definire delle areead accesso riservato del sito ossia sezioni del sito a cui egrave possibile accedere solo dopo essersi autenticatie dopo avere avuto i necessari diritti di accesso

Una volta selezionate le opportune scelte allrsquointerno dellrsquoADMIN Panel occorreragrave premere il tasto Aggior-na (figura Aggiorna Admin panel (page 31)) per prendere visione della pagina secondo i criteri impostati

Nota Nel caso in cui lrsquoutente abbia la possibilitagrave di accedere da back-end a piugrave siti (ciascuno con unproprio dominio) bisogna tenere presente che lrsquoADMIN Panel compare soltanto per le pagine relativeal dominio con cui lrsquoutente ha fatto il login In altre parole se un operatore ad esempio egrave abilitatoa lavorare sulle pagine di backend dei siti httpwwwsitoesempio1it e httpwwwsitoesempio2it ese lrsquooperatore accede al backend di DocWeb con lrsquoindirizzo httpwwwsitoesempio1ittypo3 allora

217 Admin Panel 30

DocWeb Release 101

Figura 240 Aggiorna Admin panel

lrsquoADMIN Panel compariragrave solo sulle pagine di frontend del dominio wwwsitoesempio1it e non su quelledel dominio wwwsitoesempio2it

217 Admin Panel 31

CAPITOLO 3

La Clipboard

Lrsquooggetto clipboard (rdquoblocco degli appuntirdquo) egrave molto utile quando si ha la necessitagrave di copiare o spostareuno o piugrave elementi di contenuto o una o piugrave pagine da una sezione del sito (contenitore di pagine) adunrsquoaltra

31 Copia o spostamento di un contenuto singolo di pagina allrsquointernodi unrsquoaltra pagina

Per prima cosa egrave necessario (figura Identifica contenuto (page 32))

Figura 31 Identifica contenuto

1 selezionare la voce Lista

2 selezionare la pagina che contiene il contenuto che si intende copiare (nella figura abbiamo sceltola pagina denominata ldquoCorso di formazione su Typo3rdquo

32

DocWeb Release 101

3 identificare dalla lista dei contenuti associati alla pagina quello da spostare

Supponiamo che si desideri copiare il contenuto denominato ldquoTesto 2rdquo (figura Copia contenuto (page 33))

Figura 32 Copia contenuto

Egrave sufficiente cliccare sullrsquoicona (nella figura sopra evidenziata con un cerchio rosso) di copia incorrispondenza del contenuto da copiare

Dopo avere eseguito questa operazione nella figura Risultato copia contenuto (page 34) possiamo notare

1 Egrave comparsa unrsquoicona nuova che mette in evidenza che nella clipboard egrave presente un elemento

2 Lrsquoicona di copia in corrispondenza del contenuto da spostare ha cambiato aspetto

A questo punto lrsquooggetto che si intende copiare egrave presente nella nostra clipboard

Il passo successivo egrave quello di selezionare la pagina in cui andare a posizionare lrsquoelemento (paginadestinazione)

Rimanendo sempre allrsquointerno del modulo Lista occorreragrave selezionare dallrsquoalberatura delle pagine la pag-ina destinazione Il procedimento da seguire per posizionarsi sulla pagina egrave lo stesso descritto in prece-denza Nella figura Incolla contenuto (page 34) viene evidenziato il contenuto di una pagina (denominataldquoPagina di Provardquo) in cui vogliamo copiare il contenuto

Per copiare il contenuto della clipboard nella pagina selezionare lrsquoicona Incolla contenuto Clipboard

Confermando lrsquooperazione il contenuto saragrave copiato allrsquointerno della pagina selezionata

Per effettuare lo spostamento di un contenuto di pagina allrsquointerno di unrsquoaltra pagina cliccare sullrsquoicona

di Taglia al posto dellrsquoicona copia e ripetere le operazioni sopra descritte

1 Selezionando la casella Mostra clipboard (figura Vista clipboard (page 35)) egrave possibile visualiz-zare lrsquooggetto clipboard Nel caso in figura lrsquoelemento copiato in precedenza (Testo 2) egrave ancoradisponibile allrsquointerno della clipboard Utilizzando il procedimento descritto infatti il contenuto

31 Copia o spostamento di un contenuto singolo di pagina allrsquointerno di unrsquoaltra pagina 33

DocWeb Release 101

Figura 33 Risultato copia contenuto

Figura 34 Incolla contenuto

31 Copia o spostamento di un contenuto singolo di pagina allrsquointerno di unrsquoaltra pagina 34

DocWeb Release 101

selezionato rimane ancora a disposizione dellrsquoutente che potragrave selezionare altre pagine destinazionesu cui eventualmente andare a copiare il contenuto Nel caso in cui si selezioni un altro elementoad esempio ldquoTesto 1rdquo lrsquoelemento presente viene automaticamente sostituito

2 Dallrsquooggetto clipboard egrave possibile rimuovere un elemento premendo il bottone di Elimina postoaccanto ad esso

Figura 35 Vista clipboard

Con il procedimento descritto fino ad ora egrave possibile scegliere soltanto un contenuto alla volta

32 Copia o spostamento di piugrave contenuti da una pagina ad unrsquoaltra

Nel caso in cui ci si trovi nella necessitagrave di copiare piugrave di un contenuto da una pagina allrsquoaltra egrave necessarioseguire i passi seguenti

1 Selezionare il modulo Lista

2 Selezionare la pagina di origine da cui prelevare i contenuti

3 Selezionare la casella Mostra clipboard

4 Selezionare una clipboard tra quelle denominate ldquoClipboard 1rdquo ldquoClipboard 2rdquo ldquoClipboard 3rdquo(punto 3 figura Vista clipboard con contenuto selezionato (page 36))

Selezionando ad esempio la clipboard contrassegnata come ldquoclipboard 1rdquo si avragrave la seguente situazione

32 Copia o spostamento di piugrave contenuti da una pagina ad unrsquoaltra 35

DocWeb Release 101

Figura 36 Vista clipboard con contenuto selezionato

32 Copia o spostamento di piugrave contenuti da una pagina ad unrsquoaltra 36

DocWeb Release 101

1 In corrispondenza di ogni contenuto si evidenzia una Casella di selezione Sopra la colonna con lecaselle di selezione egrave comparsa una lista di bottoni tra cui al momento distinguiamo

2 Bottone di copia elementi nella clipboard

3 Bottone di selezione tuttinessuno

Scegliendo ad esempio i primi due elementi e premendo il pulsante di copia elementi nella clipboard sipuograve notare che (figura Copia nella clipboard (page 37))

Figura 37 Copia nella clipboard

1 La clipboard che abbiamo scelto per la selezione multipla (ldquoClipboard 1rdquo) contiene la lista deglioggetti che abbiamo scelto di copiare

2 Ersquo comparsa lrsquoicona di Incolla contenuto Clipboard

La procedura della selezione della pagina di destinazione rimane identica a quella giagrave utilizzata per lacopia di un contenuto singolo (selezionare la pagina di destinazione su cui andare a posizionare i contenutiselezionati)

Egrave importante fare notare che seguendo le operazioni descritte sopra si ottiene come risultato lospostamento dei contenuti dalla pagina origine a quella destinazione

Se si desidera copiare gli elementi selezionati egrave necessario una volta selezionati gli elementi da copiarepremere il tasto copia gli items invece di spostarli (evidenziato con un cerchio rosso nella figura Tagliadalla clipboard (page 38))

32 Copia o spostamento di piugrave contenuti da una pagina ad unrsquoaltra 37

DocWeb Release 101

Figura 38 Taglia dalla clipboard

32 Copia o spostamento di piugrave contenuti da una pagina ad unrsquoaltra 38

DocWeb Release 101

In questo modo dopo avere confermato lrsquooperazione i contenuti o le pagine da copiare saranno presentisia nella pagina origine che in quella destinazione

32 Copia o spostamento di piugrave contenuti da una pagina ad unrsquoaltra 39

CAPITOLO 4

Modulo DAM (Digital AssetManagement)

Il modulo DAM (Digital Asset Management) offre la possibilitagrave di raccogliere e catalogare contenuti informato digitale come immagini documenti presentazioni

Ogni file inserito puograve essere corredato di informazioni aggiuntive (meta-informazioni) come la descrizionelrsquoautore parole chiave ecc

Attraverso il modulo DAM egrave possibile svolgere le seguenti operazioni

bull Caricamento e Aggiornamento di file

bull Ricerca di file allrsquointerno del DAM e modifica delle meta-informazioni associate ai file

41 Caricamento e Aggiornamento di file

Lrsquooperazione di CaricamentoAggiornamento di file serve per sottoporre al sistema DAM un particolarecontenuto memorizzato in formato digitale

Lrsquoelemento caricato saragrave poi disponibile a chi inserisce contenuti

Per iniziare lrsquooperazione di caricamento di un file egrave sufficiente selezionare la voce File che si trovaallrsquointerno del modulo Media (figura Menu file (page 41))

La maschera che si apre (figura File upload (page 41)) offre le seguenti possibilitagrave

1 Selezione della posizione dove andare a caricareaggiornare il file

2 Specificare alcuni documenti da caricare (area File)

Concentrandoci sullrsquoarea File (figura Dettaglio file upload (page 42)) distinguiamo

1 Voce Show upload location browser (punto 1 figura sopra) egrave possibile visualizzare i file attualmentecaricati nel Mount Point selezionato

2 Lista di bottoni denominati Sfoglia da utilizzare nel caso in cui si desideri caricareaggiornareun file

Se si desidera caricare un file occorre cliccare sul bottone Sfoglia

La finestra che appare (figura Sfoglia file (page 42)) permette di selezionare dal proprio PC il file dacaricare

Per selezionare un file da caricare occorre

1 Esplorare le cartelle del proprio PC per trovare il file

40

DocWeb Release 101

Figura 41 Menu file

Figura 42 File upload

41 Caricamento e Aggiornamento di file 41

DocWeb Release 101

Figura 43 Dettaglio file upload

Figura 44 Sfoglia file

41 Caricamento e Aggiornamento di file 42

DocWeb Release 101

2 Inserire il nome del file nella casella di testo Nome file

3 Premere il tasto Apri

Una volta che si egrave selezionato un file egrave possibile

1 selezionare altri file da caricare seguendo gli stessi passi descritti in precedenza

2 effettuare lrsquooperazione di caricamento del file vero e proprio

Dallrsquoesempio abbiamo scelto di caricare un solo file

Il caricamento dei file viene eseguito premendo il bottone ldquoUpload filesrdquo che si trova in fondo alla listadei file selezionati (figura File selezionato (page 43))

Figura 45 File selezionato

Se tutto egrave stato eseguito correttamente appariragrave una finestra come quella nella figura Process files(page 44)

In questa maschera egrave possibile

1 Specificare le meta-informazioni per il singolo file come ad esempio il titolo parole chiavedescrizione

2 Avviare il processo di elaborazione multipla premendo il bottone Process selected files Con questoprocesso egrave possibile inserire o modificare le meta-informazioni per tutti i file della lista (in questocaso solo uno)

Se si vuole eseguire lrsquoinserimento delle meta-informazioni per singolo file la finestra che si apre egrave similea quella presentata in figura Elaborazione metainformazioni singolo file (page 44)

Nel caso si scelga di eseguire il processo di elaborazione multipla la maschera che compare (figuraElaborazione metainformazioni file multipli (page 45)) permette di selezionare le meta-informazioni chelrsquoutente intende inserire contemporaneamente per tutti i file della selezione

41 Caricamento e Aggiornamento di file 43

DocWeb Release 101

Figura 46 Process files

Figura 47 Elaborazione metainformazioni singolo file

41 Caricamento e Aggiornamento di file 44

DocWeb Release 101

Figura 48 Elaborazione metainformazioni file multipli

41 Caricamento e Aggiornamento di file 45

DocWeb Release 101

Se si seleziona la checkbox accanto alla voce che eventualmente saragrave inserita questa viene aggiuntaalle informazioni eventualmente giagrave presenti (modalitagrave append) Nellrsquoaltro caso le informazioni sarannosovrascritte

I campi Titolo e Descrizione sono obbligatori mentre il campo Parole chiavi puograve essere valorizzato adiscrezione dellrsquoutente Informazioni su come valorizzare i campi elencati sopra saranno descritte suapposite linee guida

Per completare lrsquoinserimentoaggiornamento delle meta-informazioni riguardanti il file caricato occorrepremere il tasto Send (figura Salva metainformazioni (page 46)) in fondo alla maschera per il salvataggiodelle informazioni

Figura 49 Salva metainformazioni

Tornando alla maschera di caricamento file e selezionando la checkbox in corrispondenza della voceSovrascrivi file esistenti (figura Carica file sovrascrivendo (page 46)) saragrave possibile aggiornare eventualifile che hanno lo stesso nome di quello che stiamo caricando

Questa procedura egrave utile quando si vuole aggiornare il contenuto di un file che egrave giagrave presente nel DAM

Figura 410 Carica file sovrascrivendo

Nel caso di aggiornamento di un file le meta-informazioni del file rimangono le stesse inserite inprecedenza Come si puograve notare non viene offerta la possibilitagrave di inserirne di nuove

Nel caso in cui un file con lo stesso nome sia giagrave caricato e non si desideri aggiornarlo il file inseritoper ultimo viene rinominato con un suffisso generato automaticamente dal DAM In questo caso la voceSovrascrivi file esistenti non deve essere selezionata (figura Carica file senza sovrascrivere (page 47))

Nellrsquoesempio in figura viene presentata la lista dei file presenti nel mount point selezionato

Da notare la presenza di un file che egrave stato rinominato dal DAM con un suffisso ldquo_01rdquo dato che nellastessa posizione era giagrave presente un file con lo stesso nome

41 Caricamento e Aggiornamento di file 46

DocWeb Release 101

Figura 411 Carica file senza sovrascrivere

41 Caricamento e Aggiornamento di file 47

DocWeb Release 101

42 Ricerca di file allrsquointerno del DAM e modifica delle meta-informazioni

Rimanendo sempre allrsquointerno del modulo Media selezioniamo la voce List egrave possibile effettuare dellericerche dei file e modificare le meta-informazioni associate ai file

Nella figura Backend media list (page 48) distinguiamo

Figura 412 Backend media list

1 Parte relativa ai Mount Point disponibili

2 Parte relativa ai tipi di file caricati nel sistema

3 Schede List Thumbnails Selection Process

Da questa sezione egrave possibile effettuare ricerche sui file caricati nel DAM

Le ricerche che si possono eseguire sono del tipo ldquotrova tutti i file pdf e docrdquo oppure ldquoelenca tutti i filedi tipo immagine ad eccezione dei file con estensione gifrdquo

Per prima cosa facendo click sul nome del tipo file (es gif oppure image) si seleziona solo quel tipo difile e si escludono tutti i criteri selezionati in precedenza

Per aggiungere un altro criterio di ricerca egrave sufficiente selezionare il ldquo+rdquo (punto 1 nella figura Criteri diselezione (page 49)) posto accanto al tipo di file che si vuole selezionare

Con il ldquo-ldquo(punto 2) saragrave possibile rimuovere il tipo di file dai criteri di ricerca

Selezionando ldquo=rdquo (punto 3) egrave possibile introdurre clausole del tipo ldquocerca un file che sia doc e presentenel Mount Point chiamato lsquoArea Testrsquordquo (ossia effettua una ricerca che risponda a tutti i criteri impostati)

Nellrsquoesempio della figura Salva selezione (page 49) sono stati selezionati tutti i tipi di immagine adeccezione dei file con estensione gif Questo risultato si ottiene nel seguente modo

1 selezionare il ldquo+rdquo accanto alla voce ldquoimagerdquo

2 premendo il tasto ldquo-ldquo in corrispondenza della voce ldquogifrdquo

I criteri impostati per la selezione possono essere salvati per un uso futuro Per salvare la selezioneoccorre (figura Salva selezione (page 49))

1 riempire il campo sotto la voce SELECTION con un nome che identifichi la ricerca

2 premere il tasto Save per salvare la modalitagrave di ricerca impostata

In questo modo saragrave possibile richiamare e rieseguire la ricerca impostata anche in futuro senza doverripetere il procedimento di scelta dei criteri mostrato in precedenza

42 Ricerca di file allrsquointerno del DAM e modifica delle meta-informazioni 48

DocWeb Release 101

Figura 413 Criteri di selezione

Figura 414 Salva selezione

42 Ricerca di file allrsquointerno del DAM e modifica delle meta-informazioni 49

DocWeb Release 101

Se in futuro saranno inseriti nuovi file che soddisfano la ricerca salvata questi verranno selezionati quandoverragrave richiamata la ricerca salvata

Dalla figura Ricerca salvata (page 50) egrave possibile notare come richiamare la ricerca salvata In questocaso abbiamo salvato la ricerca con il nome ldquoimmaginisenzagifrdquo

Figura 415 Ricerca salvata

Una volta che si egrave selezionata la ricerca egrave possibile

1 Premere il tasto Load per ricaricare la ricerca precedentemente impostata

2 Premere Remove per rimuovere la ricerca salvata

Una volta effettuata una particolare selezione di file egrave possibile (figura Schede backend media list(page 50))

Figura 416 Schede backend media list

1 vedere il contenuto della selezione (schede List e Thumbnails)

2 vedere i criteri impostati per la ricerca (scheda Selection)

3 modificare le meta-informazioni associate ai file (scheda Process) secondo quanto descritto inprecedenza

Nella figura Scheda selection (page 51) egrave visualizzato come selezionando la scheda Selection egrave possibileprendere visione dei criteri impostati nella ricerca (la ricerca egrave quella dellrsquoesempio precedente)

Selezionando le schede List e Thumbnails dopo avere effettuato una qualsiasi selezione si potrebbe avereuna situazione come quella mostrata nella figura Scheda list (page 51)

Cliccando sullrsquoicona corrispondente ad uno dei file presenti nella lista (selezionato con un cerchio rosso)egrave possibile accedere ad un menugrave contestuale (figura Menu contestuale DAM (page 51))che permette disvolgere le seguenti operazioni

Modifica Offre la possibilitagrave di visualizzare e modificare le meta-informazioni associate al file

Rinomina Selezionando la seguente voce egrave possibile assegnare un altro nome al file che si egrave caricato

Replace file Avvia lrsquooperazione di sostituzione del file

Info Visualizza informazioni relative al file

Cancella Rimuove il file dal DAM

42 Ricerca di file allrsquointerno del DAM e modifica delle meta-informazioni 50

DocWeb Release 101

Figura 417 Scheda selection

Figura 418 Scheda list

Figura 419 Menu contestuale DAM

42 Ricerca di file allrsquointerno del DAM e modifica delle meta-informazioni 51

CAPITOLO 5

Modulo Pagine di download

51 Inserimento e configurazione pagine di download

La creazione di pagine di download egrave utile quando si vuole mettere a disposizione una lista di uno o piugravefile in forma scaricabile

Per creare una pagina di download egrave necessario seguire i seguenti passi

1 Creare una pagina standard

2 Inserire il plugin DAM Download List

3 Configurare il plugin

Per creare una pagina egrave sufficiente entrare nel modulo Pagina e selezionare Crea nuovo record per accederealla finestra di creazione pagine

Nellrsquoesempio in figura Backend creazione contenuto (page 52) egrave stata creata la pagina denominata ldquoPaginadownloadrdquo come figlio della pagina ldquoPagina di provardquo

Figura 51 Backend creazione contenuto

Una volta creata la pagina occorre configurarla in maniera tale da permettere la visualizzazione di unalista di file scaricabili Per fare ciograve occorre inserire un plugin denominato ldquoDAM Download Listrdquo Unplugin egrave un contenuto speciale da inserire in una pagina

52

DocWeb Release 101

Per inserirlo come per un contenuto occorre seguire i seguenti passi (figura Backend creazione contenuto(page 52))

1 Selezionare la pagina in cui inserire il plugin Nellrsquoesempio la pagina denominata ldquoPaginadownloadrdquo

2 Selezionare la voce Clicca qui per il wizard nella maschera che compare quando si vuole inserire unnuovo record

Figura 52 Wizard nuovo contenuto

Oltre ai normali contenuti standard il wizard permette di selezionare (figura Wizard nuovo contenuto(page 53))

1 Contenuti speciali

2 Moduli

3 Plugins

Allrsquointerno della lista dei Plugins selezionare DAM Lista dei file scaricabili (punto 4 nella figura Wizardnuovo contenuto (page 53))

Dopo aver selezionato il plugin occorreragrave selezionare la posizione della pagina in cui inserire lrsquoelemento

Selezionare ldquoNormalerdquo

A questo punto il plugin egrave inserito nella pagina desiderata

51 Inserimento e configurazione pagine di download 53

DocWeb Release 101

Oltre allrsquoinserimento occorre configurare il plugin in modo da dirgli quali file far visualizzare

Una volta che il plugin viene inserito viene aperta una finestra (figura Contenuto pagina (page 54)) doveviene richiesto di selezionare dei file inseriti nel sistema

Figura 53 Contenuto pagina

Per proseguire correttamente egrave necessario salvare immediatamente il Contenuto Pagina altrimenti leoperazioni successive potrebbero andare perse

Per inserire i file nella lista occorre effettuare la seguente operazione (figura Contenuto pagina (page 54))

1 Nella parte della maschera denominata DAM Lista di file scaricabili selezionare lrsquoicona SfogliaRecord (cerchiata in rosso) per avviare la procedura di selezione dei file

Selezionando la voce Sfoglia Record verragrave aperto lrsquoElement Browser di TYPO3 che ci permette di se-lezionare i file da inserire nel plugin La finestra (figura Element browser (page 55)) egrave composta di dueschede

1 Media ndash permette di selezionare i file giagrave esistenti nel sistema

2 Upload ndash permette di caricare nuovi file

Selezionando la sezione Media egrave possibile selezionare dalla lista i file da inserire

51 Inserimento e configurazione pagine di download 54

DocWeb Release 101

Figura 54 Element browser

Se la lista dei file fosse troppo lunga egrave possibile effettuare delle ricerche per nome e per tipologia di file(doc htm )

Per cercare per nome (figura Ricerca per nome (page 55)) occorre inserire nella casella di testo Cercastringa (punto 1 nella figura sopra) il nome o parte del nome del file da cercare Una volta specificata lastringa di ricerca premere il tasto Cerca (punto 2)

Figura 55 Ricerca per nome

Per cercare un particolare tipo di file selezionare il nome dellrsquoestensione che si desidera dallrsquoelenco deitipi di file (figura Ricerca per tipo (page 56))

Nota I due tipi di ricerca possono essere usati contemporaneamente

Selezionando la voce informazioni (punto 1 nella figura Selezione file (page 56)) egrave possibile visualizzarele meta-informazioni associate al file

Premendo con il mouse sul nome del file (punto 2) o sullrsquoicona associata (punto 3) si inserisce il file nellalista dei file da far visualizzare nella pagina di download mediante lrsquoapposito plugin

Selezionando la scheda Upload si puograve inserire un file non presente nel sistema (figura Caricamentoimmediato file (page 56))

51 Inserimento e configurazione pagine di download 55

DocWeb Release 101

Figura 56 Ricerca per tipo

Figura 57 Selezione file

Figura 58 Caricamento immediato file

51 Inserimento e configurazione pagine di download 56

DocWeb Release 101

Scegliere i file dal proprio PC seguendo le operazioni giagrave descritte nel modulo DAM e selezionare dallascheda Media i nuovi file inseriti

Nella figura Plugin con file selezionati (page 57) egrave visualizzato un esempio di maschera di configurazionedel plugin con la lista dei file selezionati

Figura 59 Plugin con file selezionati

I file una volta inseriti possono essere ordinati selezionando sugli appositi bottoni posti a destra dellalista file

bull Per ordinare un determinato file occorre

bull Selezionare un file

Premere uno dei tasti (figura sopra) per

1 Spostare in prima posizione

2 Spostare in alto di una posizione

3 Spostare in basso di una posizione

4 Spostare in ultima posizione

5 Rimuovere dalla lista il file selezionato

Una volta eseguiti i passaggi sopra descritti salvare la configurazione del plugin

51 Inserimento e configurazione pagine di download 57

CAPITOLO 6

Modulo Sitemap

Ersquo possibile generare una mappa del sito scegliendo un contenuto speciale di tipo ldquoMappa del Sitordquo comemostrato nella figura Contenuto mappa del sito (page 58)

Figura 61 Contenuto mappa del sito

Per scegliere un record di tipo ldquomappa del sitordquo (per visualizzare cioegrave la vista dei contenuti possibili)saragrave necessario portarsi in modalitagrave ldquopaginardquo compiendo gli stessi passaggi descritti per la creazione dicontenuti semplici in fase di creazione delle pagine (in questo caso selezionando il contenuto specialemappa)

58

DocWeb Release 101

61 Scheda di configurazione Mappa

La scheda di configurazione si presenta come nella figura Scheda mappa del sito (page 59)

Figura 62 Scheda mappa del sito

I campi fondamentali da personalizzare sono lrsquointestazione (ossia il titolo pagina) il tipo di menugrave e ilpunto di partenza Nellrsquointestazione viene inserito come di consuetudine il titolo pagina

62 Tipo di mappa

Ersquo possibile scegliere il tipo di mappa che si desidera creare consultando il menugrave a tendina ldquotipo di menugraverdquoche ci offriragrave diverse opzioni

Le piugrave frequentemente usate sono di tipo ldquoMenugrave delle sottopagine rdquo come indicato nella figura Tipo dimenu (page 60)

Menugrave delle sottopagine di queste pagine Scegliendo questa opzione da una pagina padre sigenereragrave un record che mostreragrave al suo interno tutte le sottovoci figlio con relativo link

Menugrave delle sottopagine di queste pagine (con abstract) Genera una mappa sia delle sottopagineche dei sottotitoli

Menugrave delle sottopagine di queste pagine + sezioni Genera una mappa sia delle sottopagine chedei record (link alle intestazioni dei singoli record)

Selezionando voci di menugrave di sottopagine egrave anche possibile stabilire un determinato punto di partenzasfogliando lrsquoapposito record

61 Scheda di configurazione Mappa 59

DocWeb Release 101

Figura 63 Tipo di menu

63 Il ldquopunto di partenzardquo della mappa

Il ldquopunto di partenzardquo dei Menugrave delle sottopagine Scheda mappa del sito (page 59) costituisce la paginadalla quale il sistema partiragrave per creare la mappa

Si potragrave quindi creare una mappa (di tipo menugrave delle sottopagine) che mostri solamente il percorso diquella porzione di menugrave che si intende mostrare

63 Il ldquopunto di partenzardquo della mappa 60

CAPITOLO 7

Modulo News

71 Inserimento e modifica di news

Alcune sezioni del nostro sito potrebbero essere state configurate per permettere la visualizzazione dinotizie

Per poter visualizzare le news correttamente occorre che queste ultime vengano inserite in una determi-nata posizione allrsquointerno del backend Da questa posizione che chiameremo repository delle news lenostre pagine andranno a prelevare le news da visualizzare al loro interno

Figura 71 Backend news

Nellrsquoesempio presentato nella figura Backend news (page 61) distinguiamo

1 il repository delle news che egrave stato creato

2 Un esempio di come potrebbe apparire il contenuto del repository delle news (lista delle news)

Per poter visualizzare il contenuto del repository delle news occorre seguire i seguenti passi

1 entrare nel modulo Pagina

61

DocWeb Release 101

2 selezionare il repository delle news corrispondente (nellrsquoesempio della figura Backend news (page 61)il Repository delle news si chiama ldquoNews Area Testrdquo)

Poniamo ora la nostra attenzione alla lista delle news (figura Lista news (page 62)) Da qui egrave possibile

bull Inserire una nuova notizia

bull Modificare le notizie giagrave esistenti

Per inserire una nuova notizia occorre selezionare la voce Crea nuovo record (figura Lista news (page 62))posta in fondo alla lista delle news

Figura 72 Lista news

A questo punto si apre la finestra di creazione Nuovo record da cui occorre selezionare la voce News(figura Nuovo record news (page 62))

Figura 73 Nuovo record news

Eseguendo le operazioni sopra descritte si accede alla maschera di inserimento news (figura Inserimentonews scheda generale (page 63))

Questa si compone di due schede una denominata Generale e unrsquoaltra denominata Relations

Nella scheda Generale egrave possibile inserire

Titolo in questo spazio egrave possibile specificare un titolo della news

Nascondi questo controllo determina se la news egrave pubblicabile oppure no Come avviene per le pagineanche per le news egrave consigliabile tenere la news nascosta durante la lavorazione Facciamo notare

71 Inserimento e modifica di news 62

DocWeb Release 101

Figura 74 Inserimento news scheda generale

71 Inserimento e modifica di news 63

DocWeb Release 101

che appena viene aperta la maschera di inserimento di una nuova news il controllo appare giagrave instato nascosto

Dataora in questo spazio viene indicata la data e lrsquoora della creazione della news in base ai parametridi sistema

Data Archiviazione in questo spazio viene inserita la data di Archiviazione di una news

Autore permette di specificare un autore della news

Email permette di specificare un e-mail a cui fare riferimento

Sottointestazione questo campo conterragrave una breve descrizione (abstract) della news La sottointes-tazione egrave quella parte della news che compare quando viene visualizzata la lista delle news e serveper dare una breve descrizione al contenuto della news (si veda Esempio news (page 64))

Figura 75 Esempio news

Durante lrsquoinserimento di una news egrave consigliabile specificare sempre una sottointestazione

Testo egrave il campo che contiene il contenuto vero e proprio della news Egrave possibile utilizzare tutte lefunzionalitagrave messe a disposizione dallrsquoeditor RTE

72 Modalitagrave Relations

Nella modalitagrave Relations (figura Inserimento news scheda relations (page 65)) egrave possibile inserire

Immagini contiene una lista di immagini da associare alla news Il procedimento per la se-lezionecaricamento delle immagini egrave stato descritto nella parte dedicata alla creazione di paginedi download a cui vi rimandiamo

Didascalia permette di specificare una descrizione per lrsquoimmagine associata alla news

Image alttext e Image titletext permette di specificare un testo che in visualizzazione (Frontend)compariragrave al passaggio del mouse sopra lrsquoimmagine

News correlate permette di specificare news o pagine del sito da associare alla news Il procedimentodi selezione delle news da associare alla notizia saragrave spiegato successivamente

DAM elements permette di assegnare alla news dei documenti da scaricare come per esempioil programma di un determinato evento Anche in questo caso il procedimento per la se-lezionecaricamento dei documenti egrave quello giagrave descritto nella parte dedicata alla creazione dipagine di download

Descriviamo il procedimento da seguire per associare alcune pagine o alcune news alla notizia che stiamoinserendo

Premere il tasto di Sfoglia Record evidenziato nella figura Sfoglia record news (page 65)

Verragrave aperta una finestra che contiene un Element Browser che ci permette di selezionare le newspagine(figura Element browser news (page 66)) da associare

La finestra di selezione si suddivide nelle seguenti parti (figura sopra)

Alberatura del sito da cui egrave possibile esplorare gli elementi del nostro sito (pagine sysfolder )Premendo con il tasto sinistro del mouse sul nome della pagina o sulla freccia corrispondente verragraveaggiornata la parte di destra della finestra in cui egrave inserita la lista degli elementi associabili

72 Modalitagrave Relations 64

DocWeb Release 101

Figura 76 Inserimento news scheda relations

Figura 77 Sfoglia record news

72 Modalitagrave Relations 65

DocWeb Release 101

Figura 78 Element browser news

Lista degli elementi associabili egrave quindi possibile selezionare gli elementi da associare alla newsPer associare un elemento si puograve selezionare il simbolo ldquo+rdquo posto accanto allrsquoelemento desideratoo agendo sul nome del file Nel primo caso lrsquoelemento viene aggiunto ma la finestra non si chiuderagrave(utile per effettuare selezioni multiple) mentre nel secondo caso lrsquoelemento viene aggiunto e lafinestra si chiuderagrave (selezione singola)

Nota Per associare una o piugrave news alla notizia che stiamo inserendo occorreragrave innanzitutto selezionareil repository delle news e utilizzando i metodi descritti in precedenza indicare le news di interesse

Nella figura Selezione repository (page 66) viene visualizzato come appare lrsquoElement Browser dopo averselezionato il repository delle news denominato ldquoNews Corso Typo3rdquo

Figura 79 Selezione repository

Una volta ultimato il procedimento di inserimento di una news vedremo che nel repository compariragrave(figura News nel repository (page 67)) anche quella da noi creata Nellrsquoesempio la news creata si chiamaldquoTitolo della news di provardquo

Dalla lista delle news possiamo notare che i diversi tipi di news sono contrassegnati con icone diverse

In particolare distinguiamo

72 Modalitagrave Relations 66

DocWeb Release 101

Figura 710 News nel repository

bull News (icona ldquocelestinardquo)

bull Collegamento a URL esterna (icona ldquorosardquo)

bull Collegamento a pagina interna (icona ldquogiallinardquo)

Per modificare il contenuto di una news egrave sufficiente selezionare il simbolo di modifica (figura Modificanews (page 67)) in corrispondenza della news da modificare

Figura 711 Modifica news

73 News collegata a URL esterna e a pagina interna

Attraverso la selezione della finestra ldquoTipordquo egrave possibile scegliere diverse tipologie di news

Nella figura News collegata a url esterna (page 68) egrave stato selezionato il Collegamento a URL esterna checi offriragrave la possibilitagrave di specificare un link (ldquoURL esternordquo) da far visualizzare e che saragrave contraddistintain lista da lrsquoicona di colore rosa

Selezionando il Collegamento a pagina interna viene offerta la possibilitagrave di inserire un collegamento auna pagina del sito (evidenziato nella figura News collegata a pagina interna (page 69))

La news si presenteragrave con icona di color ldquogiallordquo e al suo interno conterragrave un link alla pagina interna alsito

73 News collegata a URL esterna e a pagina interna 67

DocWeb Release 101

Figura 712 News collegata a url esterna

73 News collegata a URL esterna e a pagina interna 68

DocWeb Release 101

Figura 713 News collegata a pagina interna

73 News collegata a URL esterna e a pagina interna 69

DocWeb Release 101

74 Eliminazione delle News

Per eliminare una news possiamo procedere tra lrsquoaltro in due modi

1 Selezionare la news da eliminare dallrsquoelenco e selezionare la voce ldquocancellardquo dal menugrave a tendinaconsultabile cliccando con il pulsante destro sullrsquoicona in corrispondenza della news (figura Eliminanews da menu contestuale (page 70))

Figura 714 Elimina news da menu contestuale

2 Entrare allrsquointerno della modalitagrave di modifica della news attraverso lrsquoicona ldquomatitardquo e selezionare lrsquoi-cona raffigurante il bidone di elimina posta in alto pagina (figura Elimina news da scheda contenuto(page 70))

Figura 715 Elimina news da scheda contenuto

75 Ordinamento delle News e ricerca

Puograve essere necessario durante la visualizzazione della lista delle news (lato backend) di dover effettuaredegli ordinamenti al fine di permettere una ricerca piugrave veloce delle news da modificare

74 Eliminazione delle News 70

DocWeb Release 101

Avvertimento Lrsquoordinamento ha valore solo come ricerca allrsquointerno del backend mentre latofrontend rispecchieragrave i parametri prestabiliti dal sistema

Supponiamo per esempio di voler effettuare un ordinamento per Titolo Seguiamo i seguenti passi(figura sotto)

1 Selezionare la voce di menugrave Lista

2 Selezionare il deposito delle news (repository) News Corso Typo3

3 Cliccare con il mouse in corrispondenza della voce ldquoTitolordquo

A questo punto (figura Ordinamento news (page 71)) le news vengono ordinate in ordine crescente(vengono visualizzate prima le news con titolo che inizia con la lettera a b e cosigrave via)

Figura 716 Ordinamento news

Se clicchiamo unrsquoaltra volta sulla voce ldquoTitolordquo il tipo di ordinamento cambia da crescente a decrescente(compariranno per prima le news con titolo che inizia per z )

Egrave inoltre possibile ordinare secondo campo da noi specificato Per definire il nome di un campo (ad estesto inizio autore ) su cui effettuare lrsquoordinamento occorreragrave spostarsi in fondo alla lista delle newsdove troveremo una lista di campi (figura Mostra campo aggiuntivo news (page 71))

Figura 717 Mostra campo aggiuntivo news

Dalla lista possiamo

bull Selezionare la voce in base alla quale effettuare lrsquoordinamento (ad esempio Immagini)

bull Premere il tasto Imposta campi per aggiungere alla lista dei campi visualizzati quello selezionato

75 Ordinamento delle News e ricerca 71

DocWeb Release 101

A questo punto il campo selezionato (nel nostro esempio il campo Immagini) compare nella lista dellenews (il campo aggiunto egrave evidenziato con un riquadro in alto a destra nella figura Ordinamento campoaggiuntivo news (page 72))

Figura 718 Ordinamento campo aggiuntivo news

Effettuare le stesse operazioni illustrate per il campo Titolo per ordinare in modo crescente e decrescentele news secondo il criterio impostato (click pulsante sinistro sul nome etichetta)

Egrave anche possibile ricercare le news in base al testo contenuto nel titolo sottotitolo descrizione eccUtilizzando la maschera di ricerca in fondo pagina (evidenziata nella figura Ricerca news (page 72))

Figura 719 Ricerca news

Per effettuare una ricerca egrave necessario seguire i seguenti passi

1 Inserire nel campo Cerca Stringa il testo da cercare (nel nostro esempio ldquonequerdquo)

2 Premere il tasto Cerca per eseguire la ricerca secondo i criteri impostati

In questo modo nella lista delle news compariranno solo quelle che contengono il testo specificatoEffettuata la ricerca egrave possibile effettuare degli ordinamenti come spiegato in precedenza

75 Ordinamento delle News e ricerca 72

CAPITOLO 8

Modulo Eventi

Avvertimento SEZIONE NON COMPLETA

Si confrontino i seguenti due tipi di contenuti

Evento egrave un tipo di contenuto adatto a descrivere qualcosa che accadragrave o che egrave accaduto in una certadata La data o le date in cui lrsquoevento ricorre sono strettamente legate ad un luogo in cui lrsquoeventosi verificheragravesi egrave verificato Gli eventi vengono rappresentati mediante la metafora dellrsquoagenda edel calendario

Notizia egrave un tipo di contenuto caratterizzato dalla data di pubblicazione secondo la metafora delgiornale online E come in un giornale online una notizia puograve riferirsi sia a fatti giagrave accaduti chea fatti a venire

Nota Per comprendere meglio la differenza tra i due tipi di contenuto si pensi che dato un eventoche ha una certa data di svolgimento (ad es 20 maggio) di tale evento posso realizzare piugrave di unanotizia Rimanendo nellrsquoesempio potrei pubblicare una notizia il 10 maggio per preannunciare lrsquoeventoe poi unrsquoaltra il 18 maggio per ricordarne lrsquoimminenza Infine potrei pubblicare una notizia di riepilogo(cronaca dellrsquoevento immagini ecc) il 22 maggio

81 Scopo del modulo Eventi

Il visitatore del sito deve poter cogliere le informazioni essenziali di un evento

bull Cosa sta per succedere

bull Dove accadragrave

bull Quando accadragrave

82 Il Backend ndash Modulo Pagina

Vedi figura Eventi vista modulo pagina (page 74)

83 Il Backend ndash Modulo Lista

Vedi figura Eventi vista modulo lista (page 74)

73

DocWeb Release 101

Figura 81 Eventi vista modulo pagina

Figura 82 Eventi vista modulo lista

83 Il Backend ndash Modulo Lista 74

DocWeb Release 101

84 Creazione di un evento

Prima di procedere poniamoci qualche domanda

bull Lrsquoevento appartiene a qualche rassegna iniziativa per la quale sono in programma altri eventiPer esempio

ndash Rassegne teatrali cinematografiche

ndash Festival

bull Lrsquoevento si ripete

ndash La replica avviene sempre nello stesso luogo

841 Creazione del record

Vedi figura Creazione nuovo evento (page 75)

Vedi figura Creazione nuovo record evento (page 76)

Figura 83 Creazione nuovo evento

842 Scheda ldquoGeneralerdquo

Vedi figura Evento scheda generale (page 76)

843 Scheda ldquoFinestra temporalerdquo

Orario repliche

Vedi figura Evento finestra temporale (page 78)

84 Creazione di un evento 75

DocWeb Release 101

Figura 84 Creazione nuovo record evento

Figura 85 Evento scheda generale

84 Creazione di un evento 76

DocWeb Release 101

bull Lrsquoorario va solo per le Finestre temporali di un giorno (data inizio = data fine)

bull Se non si conosce lrsquoora della fine impostare ora inizio = ora fine

844 Scheda ldquoTestordquo

Vedi figura Evento scheda testo (page 79)

84 Creazione di un evento 77

DocWeb Release 101

Figura 86 Evento finestra temporale

84 Creazione di un evento 78

DocWeb Release 101

Figura 87 Evento scheda testo84 Creazione di un evento 79

  • Introduzione
    • Cosegrave DocWeb
    • Concetti chiave
      • Funzionalitagrave di Base
        • Il CMS Typo3 ldquobackendrdquo e ldquofrontendrdquo
        • Cambio password di accesso
        • Albero delle pagine
        • Implementazione delle pagine ldquogenitori rdquo e ldquofiglirdquo
        • Inserimento Nuova pagina
        • Elementi standard della pagina
        • Inserimento contenuti di una pagina
        • Contenuti multipli allrsquointerno di una pagina
        • Modifica dei contenuti della pagina
        • Spostamento di pagine
        • Eliminazione pagine
        • Rich Text Editor
        • Modalitagrave Lista
        • Modalitagrave Mostra
        • Modalitagrave ldquoMonta come radice dellrsquoalberordquo
        • Ottenere il page-id di una pagina
        • Admin Panel
          • La Clipboard
            • Copia o spostamento di un contenuto singolo di pagina allrsquointerno di unrsquoaltra pagina
            • Copia o spostamento di piugrave contenuti da una pagina ad unrsquoaltra
              • Modulo DAM (Digital Asset Management)
                • Caricamento e Aggiornamento di file
                • Ricerca di file allrsquointerno del DAM e modifica delle meta-informazioni
                  • Modulo Pagine di download
                    • Inserimento e configurazione pagine di download
                      • Modulo Sitemap
                        • Scheda di configurazione Mappa
                        • Tipo di mappa
                        • Il ``punto di partenza della mappa
                          • Modulo News
                            • Inserimento e modifica di news
                            • Modalitagrave Relations
                            • News collegata a URL esterna e a pagina interna
                            • Eliminazione delle News
                            • Ordinamento delle News e ricerca
                              • Modulo Eventi
                                • Scopo del modulo Eventi
                                • Il Backend ndash Modulo Pagina
                                • Il Backend ndash Modulo Lista
                                • Creazione di un evento
Page 34: DocWeb€¦ · per la realizzazione e la gestione di siti web della Pubblica Am-ministrazione. La piattaforma tecnologica utilizzata è il CMS (Content Management System) Open SourceTypo31

DocWeb Release 101

Figura 240 Aggiorna Admin panel

lrsquoADMIN Panel compariragrave solo sulle pagine di frontend del dominio wwwsitoesempio1it e non su quelledel dominio wwwsitoesempio2it

217 Admin Panel 31

CAPITOLO 3

La Clipboard

Lrsquooggetto clipboard (rdquoblocco degli appuntirdquo) egrave molto utile quando si ha la necessitagrave di copiare o spostareuno o piugrave elementi di contenuto o una o piugrave pagine da una sezione del sito (contenitore di pagine) adunrsquoaltra

31 Copia o spostamento di un contenuto singolo di pagina allrsquointernodi unrsquoaltra pagina

Per prima cosa egrave necessario (figura Identifica contenuto (page 32))

Figura 31 Identifica contenuto

1 selezionare la voce Lista

2 selezionare la pagina che contiene il contenuto che si intende copiare (nella figura abbiamo sceltola pagina denominata ldquoCorso di formazione su Typo3rdquo

32

DocWeb Release 101

3 identificare dalla lista dei contenuti associati alla pagina quello da spostare

Supponiamo che si desideri copiare il contenuto denominato ldquoTesto 2rdquo (figura Copia contenuto (page 33))

Figura 32 Copia contenuto

Egrave sufficiente cliccare sullrsquoicona (nella figura sopra evidenziata con un cerchio rosso) di copia incorrispondenza del contenuto da copiare

Dopo avere eseguito questa operazione nella figura Risultato copia contenuto (page 34) possiamo notare

1 Egrave comparsa unrsquoicona nuova che mette in evidenza che nella clipboard egrave presente un elemento

2 Lrsquoicona di copia in corrispondenza del contenuto da spostare ha cambiato aspetto

A questo punto lrsquooggetto che si intende copiare egrave presente nella nostra clipboard

Il passo successivo egrave quello di selezionare la pagina in cui andare a posizionare lrsquoelemento (paginadestinazione)

Rimanendo sempre allrsquointerno del modulo Lista occorreragrave selezionare dallrsquoalberatura delle pagine la pag-ina destinazione Il procedimento da seguire per posizionarsi sulla pagina egrave lo stesso descritto in prece-denza Nella figura Incolla contenuto (page 34) viene evidenziato il contenuto di una pagina (denominataldquoPagina di Provardquo) in cui vogliamo copiare il contenuto

Per copiare il contenuto della clipboard nella pagina selezionare lrsquoicona Incolla contenuto Clipboard

Confermando lrsquooperazione il contenuto saragrave copiato allrsquointerno della pagina selezionata

Per effettuare lo spostamento di un contenuto di pagina allrsquointerno di unrsquoaltra pagina cliccare sullrsquoicona

di Taglia al posto dellrsquoicona copia e ripetere le operazioni sopra descritte

1 Selezionando la casella Mostra clipboard (figura Vista clipboard (page 35)) egrave possibile visualiz-zare lrsquooggetto clipboard Nel caso in figura lrsquoelemento copiato in precedenza (Testo 2) egrave ancoradisponibile allrsquointerno della clipboard Utilizzando il procedimento descritto infatti il contenuto

31 Copia o spostamento di un contenuto singolo di pagina allrsquointerno di unrsquoaltra pagina 33

DocWeb Release 101

Figura 33 Risultato copia contenuto

Figura 34 Incolla contenuto

31 Copia o spostamento di un contenuto singolo di pagina allrsquointerno di unrsquoaltra pagina 34

DocWeb Release 101

selezionato rimane ancora a disposizione dellrsquoutente che potragrave selezionare altre pagine destinazionesu cui eventualmente andare a copiare il contenuto Nel caso in cui si selezioni un altro elementoad esempio ldquoTesto 1rdquo lrsquoelemento presente viene automaticamente sostituito

2 Dallrsquooggetto clipboard egrave possibile rimuovere un elemento premendo il bottone di Elimina postoaccanto ad esso

Figura 35 Vista clipboard

Con il procedimento descritto fino ad ora egrave possibile scegliere soltanto un contenuto alla volta

32 Copia o spostamento di piugrave contenuti da una pagina ad unrsquoaltra

Nel caso in cui ci si trovi nella necessitagrave di copiare piugrave di un contenuto da una pagina allrsquoaltra egrave necessarioseguire i passi seguenti

1 Selezionare il modulo Lista

2 Selezionare la pagina di origine da cui prelevare i contenuti

3 Selezionare la casella Mostra clipboard

4 Selezionare una clipboard tra quelle denominate ldquoClipboard 1rdquo ldquoClipboard 2rdquo ldquoClipboard 3rdquo(punto 3 figura Vista clipboard con contenuto selezionato (page 36))

Selezionando ad esempio la clipboard contrassegnata come ldquoclipboard 1rdquo si avragrave la seguente situazione

32 Copia o spostamento di piugrave contenuti da una pagina ad unrsquoaltra 35

DocWeb Release 101

Figura 36 Vista clipboard con contenuto selezionato

32 Copia o spostamento di piugrave contenuti da una pagina ad unrsquoaltra 36

DocWeb Release 101

1 In corrispondenza di ogni contenuto si evidenzia una Casella di selezione Sopra la colonna con lecaselle di selezione egrave comparsa una lista di bottoni tra cui al momento distinguiamo

2 Bottone di copia elementi nella clipboard

3 Bottone di selezione tuttinessuno

Scegliendo ad esempio i primi due elementi e premendo il pulsante di copia elementi nella clipboard sipuograve notare che (figura Copia nella clipboard (page 37))

Figura 37 Copia nella clipboard

1 La clipboard che abbiamo scelto per la selezione multipla (ldquoClipboard 1rdquo) contiene la lista deglioggetti che abbiamo scelto di copiare

2 Ersquo comparsa lrsquoicona di Incolla contenuto Clipboard

La procedura della selezione della pagina di destinazione rimane identica a quella giagrave utilizzata per lacopia di un contenuto singolo (selezionare la pagina di destinazione su cui andare a posizionare i contenutiselezionati)

Egrave importante fare notare che seguendo le operazioni descritte sopra si ottiene come risultato lospostamento dei contenuti dalla pagina origine a quella destinazione

Se si desidera copiare gli elementi selezionati egrave necessario una volta selezionati gli elementi da copiarepremere il tasto copia gli items invece di spostarli (evidenziato con un cerchio rosso nella figura Tagliadalla clipboard (page 38))

32 Copia o spostamento di piugrave contenuti da una pagina ad unrsquoaltra 37

DocWeb Release 101

Figura 38 Taglia dalla clipboard

32 Copia o spostamento di piugrave contenuti da una pagina ad unrsquoaltra 38

DocWeb Release 101

In questo modo dopo avere confermato lrsquooperazione i contenuti o le pagine da copiare saranno presentisia nella pagina origine che in quella destinazione

32 Copia o spostamento di piugrave contenuti da una pagina ad unrsquoaltra 39

CAPITOLO 4

Modulo DAM (Digital AssetManagement)

Il modulo DAM (Digital Asset Management) offre la possibilitagrave di raccogliere e catalogare contenuti informato digitale come immagini documenti presentazioni

Ogni file inserito puograve essere corredato di informazioni aggiuntive (meta-informazioni) come la descrizionelrsquoautore parole chiave ecc

Attraverso il modulo DAM egrave possibile svolgere le seguenti operazioni

bull Caricamento e Aggiornamento di file

bull Ricerca di file allrsquointerno del DAM e modifica delle meta-informazioni associate ai file

41 Caricamento e Aggiornamento di file

Lrsquooperazione di CaricamentoAggiornamento di file serve per sottoporre al sistema DAM un particolarecontenuto memorizzato in formato digitale

Lrsquoelemento caricato saragrave poi disponibile a chi inserisce contenuti

Per iniziare lrsquooperazione di caricamento di un file egrave sufficiente selezionare la voce File che si trovaallrsquointerno del modulo Media (figura Menu file (page 41))

La maschera che si apre (figura File upload (page 41)) offre le seguenti possibilitagrave

1 Selezione della posizione dove andare a caricareaggiornare il file

2 Specificare alcuni documenti da caricare (area File)

Concentrandoci sullrsquoarea File (figura Dettaglio file upload (page 42)) distinguiamo

1 Voce Show upload location browser (punto 1 figura sopra) egrave possibile visualizzare i file attualmentecaricati nel Mount Point selezionato

2 Lista di bottoni denominati Sfoglia da utilizzare nel caso in cui si desideri caricareaggiornareun file

Se si desidera caricare un file occorre cliccare sul bottone Sfoglia

La finestra che appare (figura Sfoglia file (page 42)) permette di selezionare dal proprio PC il file dacaricare

Per selezionare un file da caricare occorre

1 Esplorare le cartelle del proprio PC per trovare il file

40

DocWeb Release 101

Figura 41 Menu file

Figura 42 File upload

41 Caricamento e Aggiornamento di file 41

DocWeb Release 101

Figura 43 Dettaglio file upload

Figura 44 Sfoglia file

41 Caricamento e Aggiornamento di file 42

DocWeb Release 101

2 Inserire il nome del file nella casella di testo Nome file

3 Premere il tasto Apri

Una volta che si egrave selezionato un file egrave possibile

1 selezionare altri file da caricare seguendo gli stessi passi descritti in precedenza

2 effettuare lrsquooperazione di caricamento del file vero e proprio

Dallrsquoesempio abbiamo scelto di caricare un solo file

Il caricamento dei file viene eseguito premendo il bottone ldquoUpload filesrdquo che si trova in fondo alla listadei file selezionati (figura File selezionato (page 43))

Figura 45 File selezionato

Se tutto egrave stato eseguito correttamente appariragrave una finestra come quella nella figura Process files(page 44)

In questa maschera egrave possibile

1 Specificare le meta-informazioni per il singolo file come ad esempio il titolo parole chiavedescrizione

2 Avviare il processo di elaborazione multipla premendo il bottone Process selected files Con questoprocesso egrave possibile inserire o modificare le meta-informazioni per tutti i file della lista (in questocaso solo uno)

Se si vuole eseguire lrsquoinserimento delle meta-informazioni per singolo file la finestra che si apre egrave similea quella presentata in figura Elaborazione metainformazioni singolo file (page 44)

Nel caso si scelga di eseguire il processo di elaborazione multipla la maschera che compare (figuraElaborazione metainformazioni file multipli (page 45)) permette di selezionare le meta-informazioni chelrsquoutente intende inserire contemporaneamente per tutti i file della selezione

41 Caricamento e Aggiornamento di file 43

DocWeb Release 101

Figura 46 Process files

Figura 47 Elaborazione metainformazioni singolo file

41 Caricamento e Aggiornamento di file 44

DocWeb Release 101

Figura 48 Elaborazione metainformazioni file multipli

41 Caricamento e Aggiornamento di file 45

DocWeb Release 101

Se si seleziona la checkbox accanto alla voce che eventualmente saragrave inserita questa viene aggiuntaalle informazioni eventualmente giagrave presenti (modalitagrave append) Nellrsquoaltro caso le informazioni sarannosovrascritte

I campi Titolo e Descrizione sono obbligatori mentre il campo Parole chiavi puograve essere valorizzato adiscrezione dellrsquoutente Informazioni su come valorizzare i campi elencati sopra saranno descritte suapposite linee guida

Per completare lrsquoinserimentoaggiornamento delle meta-informazioni riguardanti il file caricato occorrepremere il tasto Send (figura Salva metainformazioni (page 46)) in fondo alla maschera per il salvataggiodelle informazioni

Figura 49 Salva metainformazioni

Tornando alla maschera di caricamento file e selezionando la checkbox in corrispondenza della voceSovrascrivi file esistenti (figura Carica file sovrascrivendo (page 46)) saragrave possibile aggiornare eventualifile che hanno lo stesso nome di quello che stiamo caricando

Questa procedura egrave utile quando si vuole aggiornare il contenuto di un file che egrave giagrave presente nel DAM

Figura 410 Carica file sovrascrivendo

Nel caso di aggiornamento di un file le meta-informazioni del file rimangono le stesse inserite inprecedenza Come si puograve notare non viene offerta la possibilitagrave di inserirne di nuove

Nel caso in cui un file con lo stesso nome sia giagrave caricato e non si desideri aggiornarlo il file inseritoper ultimo viene rinominato con un suffisso generato automaticamente dal DAM In questo caso la voceSovrascrivi file esistenti non deve essere selezionata (figura Carica file senza sovrascrivere (page 47))

Nellrsquoesempio in figura viene presentata la lista dei file presenti nel mount point selezionato

Da notare la presenza di un file che egrave stato rinominato dal DAM con un suffisso ldquo_01rdquo dato che nellastessa posizione era giagrave presente un file con lo stesso nome

41 Caricamento e Aggiornamento di file 46

DocWeb Release 101

Figura 411 Carica file senza sovrascrivere

41 Caricamento e Aggiornamento di file 47

DocWeb Release 101

42 Ricerca di file allrsquointerno del DAM e modifica delle meta-informazioni

Rimanendo sempre allrsquointerno del modulo Media selezioniamo la voce List egrave possibile effettuare dellericerche dei file e modificare le meta-informazioni associate ai file

Nella figura Backend media list (page 48) distinguiamo

Figura 412 Backend media list

1 Parte relativa ai Mount Point disponibili

2 Parte relativa ai tipi di file caricati nel sistema

3 Schede List Thumbnails Selection Process

Da questa sezione egrave possibile effettuare ricerche sui file caricati nel DAM

Le ricerche che si possono eseguire sono del tipo ldquotrova tutti i file pdf e docrdquo oppure ldquoelenca tutti i filedi tipo immagine ad eccezione dei file con estensione gifrdquo

Per prima cosa facendo click sul nome del tipo file (es gif oppure image) si seleziona solo quel tipo difile e si escludono tutti i criteri selezionati in precedenza

Per aggiungere un altro criterio di ricerca egrave sufficiente selezionare il ldquo+rdquo (punto 1 nella figura Criteri diselezione (page 49)) posto accanto al tipo di file che si vuole selezionare

Con il ldquo-ldquo(punto 2) saragrave possibile rimuovere il tipo di file dai criteri di ricerca

Selezionando ldquo=rdquo (punto 3) egrave possibile introdurre clausole del tipo ldquocerca un file che sia doc e presentenel Mount Point chiamato lsquoArea Testrsquordquo (ossia effettua una ricerca che risponda a tutti i criteri impostati)

Nellrsquoesempio della figura Salva selezione (page 49) sono stati selezionati tutti i tipi di immagine adeccezione dei file con estensione gif Questo risultato si ottiene nel seguente modo

1 selezionare il ldquo+rdquo accanto alla voce ldquoimagerdquo

2 premendo il tasto ldquo-ldquo in corrispondenza della voce ldquogifrdquo

I criteri impostati per la selezione possono essere salvati per un uso futuro Per salvare la selezioneoccorre (figura Salva selezione (page 49))

1 riempire il campo sotto la voce SELECTION con un nome che identifichi la ricerca

2 premere il tasto Save per salvare la modalitagrave di ricerca impostata

In questo modo saragrave possibile richiamare e rieseguire la ricerca impostata anche in futuro senza doverripetere il procedimento di scelta dei criteri mostrato in precedenza

42 Ricerca di file allrsquointerno del DAM e modifica delle meta-informazioni 48

DocWeb Release 101

Figura 413 Criteri di selezione

Figura 414 Salva selezione

42 Ricerca di file allrsquointerno del DAM e modifica delle meta-informazioni 49

DocWeb Release 101

Se in futuro saranno inseriti nuovi file che soddisfano la ricerca salvata questi verranno selezionati quandoverragrave richiamata la ricerca salvata

Dalla figura Ricerca salvata (page 50) egrave possibile notare come richiamare la ricerca salvata In questocaso abbiamo salvato la ricerca con il nome ldquoimmaginisenzagifrdquo

Figura 415 Ricerca salvata

Una volta che si egrave selezionata la ricerca egrave possibile

1 Premere il tasto Load per ricaricare la ricerca precedentemente impostata

2 Premere Remove per rimuovere la ricerca salvata

Una volta effettuata una particolare selezione di file egrave possibile (figura Schede backend media list(page 50))

Figura 416 Schede backend media list

1 vedere il contenuto della selezione (schede List e Thumbnails)

2 vedere i criteri impostati per la ricerca (scheda Selection)

3 modificare le meta-informazioni associate ai file (scheda Process) secondo quanto descritto inprecedenza

Nella figura Scheda selection (page 51) egrave visualizzato come selezionando la scheda Selection egrave possibileprendere visione dei criteri impostati nella ricerca (la ricerca egrave quella dellrsquoesempio precedente)

Selezionando le schede List e Thumbnails dopo avere effettuato una qualsiasi selezione si potrebbe avereuna situazione come quella mostrata nella figura Scheda list (page 51)

Cliccando sullrsquoicona corrispondente ad uno dei file presenti nella lista (selezionato con un cerchio rosso)egrave possibile accedere ad un menugrave contestuale (figura Menu contestuale DAM (page 51))che permette disvolgere le seguenti operazioni

Modifica Offre la possibilitagrave di visualizzare e modificare le meta-informazioni associate al file

Rinomina Selezionando la seguente voce egrave possibile assegnare un altro nome al file che si egrave caricato

Replace file Avvia lrsquooperazione di sostituzione del file

Info Visualizza informazioni relative al file

Cancella Rimuove il file dal DAM

42 Ricerca di file allrsquointerno del DAM e modifica delle meta-informazioni 50

DocWeb Release 101

Figura 417 Scheda selection

Figura 418 Scheda list

Figura 419 Menu contestuale DAM

42 Ricerca di file allrsquointerno del DAM e modifica delle meta-informazioni 51

CAPITOLO 5

Modulo Pagine di download

51 Inserimento e configurazione pagine di download

La creazione di pagine di download egrave utile quando si vuole mettere a disposizione una lista di uno o piugravefile in forma scaricabile

Per creare una pagina di download egrave necessario seguire i seguenti passi

1 Creare una pagina standard

2 Inserire il plugin DAM Download List

3 Configurare il plugin

Per creare una pagina egrave sufficiente entrare nel modulo Pagina e selezionare Crea nuovo record per accederealla finestra di creazione pagine

Nellrsquoesempio in figura Backend creazione contenuto (page 52) egrave stata creata la pagina denominata ldquoPaginadownloadrdquo come figlio della pagina ldquoPagina di provardquo

Figura 51 Backend creazione contenuto

Una volta creata la pagina occorre configurarla in maniera tale da permettere la visualizzazione di unalista di file scaricabili Per fare ciograve occorre inserire un plugin denominato ldquoDAM Download Listrdquo Unplugin egrave un contenuto speciale da inserire in una pagina

52

DocWeb Release 101

Per inserirlo come per un contenuto occorre seguire i seguenti passi (figura Backend creazione contenuto(page 52))

1 Selezionare la pagina in cui inserire il plugin Nellrsquoesempio la pagina denominata ldquoPaginadownloadrdquo

2 Selezionare la voce Clicca qui per il wizard nella maschera che compare quando si vuole inserire unnuovo record

Figura 52 Wizard nuovo contenuto

Oltre ai normali contenuti standard il wizard permette di selezionare (figura Wizard nuovo contenuto(page 53))

1 Contenuti speciali

2 Moduli

3 Plugins

Allrsquointerno della lista dei Plugins selezionare DAM Lista dei file scaricabili (punto 4 nella figura Wizardnuovo contenuto (page 53))

Dopo aver selezionato il plugin occorreragrave selezionare la posizione della pagina in cui inserire lrsquoelemento

Selezionare ldquoNormalerdquo

A questo punto il plugin egrave inserito nella pagina desiderata

51 Inserimento e configurazione pagine di download 53

DocWeb Release 101

Oltre allrsquoinserimento occorre configurare il plugin in modo da dirgli quali file far visualizzare

Una volta che il plugin viene inserito viene aperta una finestra (figura Contenuto pagina (page 54)) doveviene richiesto di selezionare dei file inseriti nel sistema

Figura 53 Contenuto pagina

Per proseguire correttamente egrave necessario salvare immediatamente il Contenuto Pagina altrimenti leoperazioni successive potrebbero andare perse

Per inserire i file nella lista occorre effettuare la seguente operazione (figura Contenuto pagina (page 54))

1 Nella parte della maschera denominata DAM Lista di file scaricabili selezionare lrsquoicona SfogliaRecord (cerchiata in rosso) per avviare la procedura di selezione dei file

Selezionando la voce Sfoglia Record verragrave aperto lrsquoElement Browser di TYPO3 che ci permette di se-lezionare i file da inserire nel plugin La finestra (figura Element browser (page 55)) egrave composta di dueschede

1 Media ndash permette di selezionare i file giagrave esistenti nel sistema

2 Upload ndash permette di caricare nuovi file

Selezionando la sezione Media egrave possibile selezionare dalla lista i file da inserire

51 Inserimento e configurazione pagine di download 54

DocWeb Release 101

Figura 54 Element browser

Se la lista dei file fosse troppo lunga egrave possibile effettuare delle ricerche per nome e per tipologia di file(doc htm )

Per cercare per nome (figura Ricerca per nome (page 55)) occorre inserire nella casella di testo Cercastringa (punto 1 nella figura sopra) il nome o parte del nome del file da cercare Una volta specificata lastringa di ricerca premere il tasto Cerca (punto 2)

Figura 55 Ricerca per nome

Per cercare un particolare tipo di file selezionare il nome dellrsquoestensione che si desidera dallrsquoelenco deitipi di file (figura Ricerca per tipo (page 56))

Nota I due tipi di ricerca possono essere usati contemporaneamente

Selezionando la voce informazioni (punto 1 nella figura Selezione file (page 56)) egrave possibile visualizzarele meta-informazioni associate al file

Premendo con il mouse sul nome del file (punto 2) o sullrsquoicona associata (punto 3) si inserisce il file nellalista dei file da far visualizzare nella pagina di download mediante lrsquoapposito plugin

Selezionando la scheda Upload si puograve inserire un file non presente nel sistema (figura Caricamentoimmediato file (page 56))

51 Inserimento e configurazione pagine di download 55

DocWeb Release 101

Figura 56 Ricerca per tipo

Figura 57 Selezione file

Figura 58 Caricamento immediato file

51 Inserimento e configurazione pagine di download 56

DocWeb Release 101

Scegliere i file dal proprio PC seguendo le operazioni giagrave descritte nel modulo DAM e selezionare dallascheda Media i nuovi file inseriti

Nella figura Plugin con file selezionati (page 57) egrave visualizzato un esempio di maschera di configurazionedel plugin con la lista dei file selezionati

Figura 59 Plugin con file selezionati

I file una volta inseriti possono essere ordinati selezionando sugli appositi bottoni posti a destra dellalista file

bull Per ordinare un determinato file occorre

bull Selezionare un file

Premere uno dei tasti (figura sopra) per

1 Spostare in prima posizione

2 Spostare in alto di una posizione

3 Spostare in basso di una posizione

4 Spostare in ultima posizione

5 Rimuovere dalla lista il file selezionato

Una volta eseguiti i passaggi sopra descritti salvare la configurazione del plugin

51 Inserimento e configurazione pagine di download 57

CAPITOLO 6

Modulo Sitemap

Ersquo possibile generare una mappa del sito scegliendo un contenuto speciale di tipo ldquoMappa del Sitordquo comemostrato nella figura Contenuto mappa del sito (page 58)

Figura 61 Contenuto mappa del sito

Per scegliere un record di tipo ldquomappa del sitordquo (per visualizzare cioegrave la vista dei contenuti possibili)saragrave necessario portarsi in modalitagrave ldquopaginardquo compiendo gli stessi passaggi descritti per la creazione dicontenuti semplici in fase di creazione delle pagine (in questo caso selezionando il contenuto specialemappa)

58

DocWeb Release 101

61 Scheda di configurazione Mappa

La scheda di configurazione si presenta come nella figura Scheda mappa del sito (page 59)

Figura 62 Scheda mappa del sito

I campi fondamentali da personalizzare sono lrsquointestazione (ossia il titolo pagina) il tipo di menugrave e ilpunto di partenza Nellrsquointestazione viene inserito come di consuetudine il titolo pagina

62 Tipo di mappa

Ersquo possibile scegliere il tipo di mappa che si desidera creare consultando il menugrave a tendina ldquotipo di menugraverdquoche ci offriragrave diverse opzioni

Le piugrave frequentemente usate sono di tipo ldquoMenugrave delle sottopagine rdquo come indicato nella figura Tipo dimenu (page 60)

Menugrave delle sottopagine di queste pagine Scegliendo questa opzione da una pagina padre sigenereragrave un record che mostreragrave al suo interno tutte le sottovoci figlio con relativo link

Menugrave delle sottopagine di queste pagine (con abstract) Genera una mappa sia delle sottopagineche dei sottotitoli

Menugrave delle sottopagine di queste pagine + sezioni Genera una mappa sia delle sottopagine chedei record (link alle intestazioni dei singoli record)

Selezionando voci di menugrave di sottopagine egrave anche possibile stabilire un determinato punto di partenzasfogliando lrsquoapposito record

61 Scheda di configurazione Mappa 59

DocWeb Release 101

Figura 63 Tipo di menu

63 Il ldquopunto di partenzardquo della mappa

Il ldquopunto di partenzardquo dei Menugrave delle sottopagine Scheda mappa del sito (page 59) costituisce la paginadalla quale il sistema partiragrave per creare la mappa

Si potragrave quindi creare una mappa (di tipo menugrave delle sottopagine) che mostri solamente il percorso diquella porzione di menugrave che si intende mostrare

63 Il ldquopunto di partenzardquo della mappa 60

CAPITOLO 7

Modulo News

71 Inserimento e modifica di news

Alcune sezioni del nostro sito potrebbero essere state configurate per permettere la visualizzazione dinotizie

Per poter visualizzare le news correttamente occorre che queste ultime vengano inserite in una determi-nata posizione allrsquointerno del backend Da questa posizione che chiameremo repository delle news lenostre pagine andranno a prelevare le news da visualizzare al loro interno

Figura 71 Backend news

Nellrsquoesempio presentato nella figura Backend news (page 61) distinguiamo

1 il repository delle news che egrave stato creato

2 Un esempio di come potrebbe apparire il contenuto del repository delle news (lista delle news)

Per poter visualizzare il contenuto del repository delle news occorre seguire i seguenti passi

1 entrare nel modulo Pagina

61

DocWeb Release 101

2 selezionare il repository delle news corrispondente (nellrsquoesempio della figura Backend news (page 61)il Repository delle news si chiama ldquoNews Area Testrdquo)

Poniamo ora la nostra attenzione alla lista delle news (figura Lista news (page 62)) Da qui egrave possibile

bull Inserire una nuova notizia

bull Modificare le notizie giagrave esistenti

Per inserire una nuova notizia occorre selezionare la voce Crea nuovo record (figura Lista news (page 62))posta in fondo alla lista delle news

Figura 72 Lista news

A questo punto si apre la finestra di creazione Nuovo record da cui occorre selezionare la voce News(figura Nuovo record news (page 62))

Figura 73 Nuovo record news

Eseguendo le operazioni sopra descritte si accede alla maschera di inserimento news (figura Inserimentonews scheda generale (page 63))

Questa si compone di due schede una denominata Generale e unrsquoaltra denominata Relations

Nella scheda Generale egrave possibile inserire

Titolo in questo spazio egrave possibile specificare un titolo della news

Nascondi questo controllo determina se la news egrave pubblicabile oppure no Come avviene per le pagineanche per le news egrave consigliabile tenere la news nascosta durante la lavorazione Facciamo notare

71 Inserimento e modifica di news 62

DocWeb Release 101

Figura 74 Inserimento news scheda generale

71 Inserimento e modifica di news 63

DocWeb Release 101

che appena viene aperta la maschera di inserimento di una nuova news il controllo appare giagrave instato nascosto

Dataora in questo spazio viene indicata la data e lrsquoora della creazione della news in base ai parametridi sistema

Data Archiviazione in questo spazio viene inserita la data di Archiviazione di una news

Autore permette di specificare un autore della news

Email permette di specificare un e-mail a cui fare riferimento

Sottointestazione questo campo conterragrave una breve descrizione (abstract) della news La sottointes-tazione egrave quella parte della news che compare quando viene visualizzata la lista delle news e serveper dare una breve descrizione al contenuto della news (si veda Esempio news (page 64))

Figura 75 Esempio news

Durante lrsquoinserimento di una news egrave consigliabile specificare sempre una sottointestazione

Testo egrave il campo che contiene il contenuto vero e proprio della news Egrave possibile utilizzare tutte lefunzionalitagrave messe a disposizione dallrsquoeditor RTE

72 Modalitagrave Relations

Nella modalitagrave Relations (figura Inserimento news scheda relations (page 65)) egrave possibile inserire

Immagini contiene una lista di immagini da associare alla news Il procedimento per la se-lezionecaricamento delle immagini egrave stato descritto nella parte dedicata alla creazione di paginedi download a cui vi rimandiamo

Didascalia permette di specificare una descrizione per lrsquoimmagine associata alla news

Image alttext e Image titletext permette di specificare un testo che in visualizzazione (Frontend)compariragrave al passaggio del mouse sopra lrsquoimmagine

News correlate permette di specificare news o pagine del sito da associare alla news Il procedimentodi selezione delle news da associare alla notizia saragrave spiegato successivamente

DAM elements permette di assegnare alla news dei documenti da scaricare come per esempioil programma di un determinato evento Anche in questo caso il procedimento per la se-lezionecaricamento dei documenti egrave quello giagrave descritto nella parte dedicata alla creazione dipagine di download

Descriviamo il procedimento da seguire per associare alcune pagine o alcune news alla notizia che stiamoinserendo

Premere il tasto di Sfoglia Record evidenziato nella figura Sfoglia record news (page 65)

Verragrave aperta una finestra che contiene un Element Browser che ci permette di selezionare le newspagine(figura Element browser news (page 66)) da associare

La finestra di selezione si suddivide nelle seguenti parti (figura sopra)

Alberatura del sito da cui egrave possibile esplorare gli elementi del nostro sito (pagine sysfolder )Premendo con il tasto sinistro del mouse sul nome della pagina o sulla freccia corrispondente verragraveaggiornata la parte di destra della finestra in cui egrave inserita la lista degli elementi associabili

72 Modalitagrave Relations 64

DocWeb Release 101

Figura 76 Inserimento news scheda relations

Figura 77 Sfoglia record news

72 Modalitagrave Relations 65

DocWeb Release 101

Figura 78 Element browser news

Lista degli elementi associabili egrave quindi possibile selezionare gli elementi da associare alla newsPer associare un elemento si puograve selezionare il simbolo ldquo+rdquo posto accanto allrsquoelemento desideratoo agendo sul nome del file Nel primo caso lrsquoelemento viene aggiunto ma la finestra non si chiuderagrave(utile per effettuare selezioni multiple) mentre nel secondo caso lrsquoelemento viene aggiunto e lafinestra si chiuderagrave (selezione singola)

Nota Per associare una o piugrave news alla notizia che stiamo inserendo occorreragrave innanzitutto selezionareil repository delle news e utilizzando i metodi descritti in precedenza indicare le news di interesse

Nella figura Selezione repository (page 66) viene visualizzato come appare lrsquoElement Browser dopo averselezionato il repository delle news denominato ldquoNews Corso Typo3rdquo

Figura 79 Selezione repository

Una volta ultimato il procedimento di inserimento di una news vedremo che nel repository compariragrave(figura News nel repository (page 67)) anche quella da noi creata Nellrsquoesempio la news creata si chiamaldquoTitolo della news di provardquo

Dalla lista delle news possiamo notare che i diversi tipi di news sono contrassegnati con icone diverse

In particolare distinguiamo

72 Modalitagrave Relations 66

DocWeb Release 101

Figura 710 News nel repository

bull News (icona ldquocelestinardquo)

bull Collegamento a URL esterna (icona ldquorosardquo)

bull Collegamento a pagina interna (icona ldquogiallinardquo)

Per modificare il contenuto di una news egrave sufficiente selezionare il simbolo di modifica (figura Modificanews (page 67)) in corrispondenza della news da modificare

Figura 711 Modifica news

73 News collegata a URL esterna e a pagina interna

Attraverso la selezione della finestra ldquoTipordquo egrave possibile scegliere diverse tipologie di news

Nella figura News collegata a url esterna (page 68) egrave stato selezionato il Collegamento a URL esterna checi offriragrave la possibilitagrave di specificare un link (ldquoURL esternordquo) da far visualizzare e che saragrave contraddistintain lista da lrsquoicona di colore rosa

Selezionando il Collegamento a pagina interna viene offerta la possibilitagrave di inserire un collegamento auna pagina del sito (evidenziato nella figura News collegata a pagina interna (page 69))

La news si presenteragrave con icona di color ldquogiallordquo e al suo interno conterragrave un link alla pagina interna alsito

73 News collegata a URL esterna e a pagina interna 67

DocWeb Release 101

Figura 712 News collegata a url esterna

73 News collegata a URL esterna e a pagina interna 68

DocWeb Release 101

Figura 713 News collegata a pagina interna

73 News collegata a URL esterna e a pagina interna 69

DocWeb Release 101

74 Eliminazione delle News

Per eliminare una news possiamo procedere tra lrsquoaltro in due modi

1 Selezionare la news da eliminare dallrsquoelenco e selezionare la voce ldquocancellardquo dal menugrave a tendinaconsultabile cliccando con il pulsante destro sullrsquoicona in corrispondenza della news (figura Eliminanews da menu contestuale (page 70))

Figura 714 Elimina news da menu contestuale

2 Entrare allrsquointerno della modalitagrave di modifica della news attraverso lrsquoicona ldquomatitardquo e selezionare lrsquoi-cona raffigurante il bidone di elimina posta in alto pagina (figura Elimina news da scheda contenuto(page 70))

Figura 715 Elimina news da scheda contenuto

75 Ordinamento delle News e ricerca

Puograve essere necessario durante la visualizzazione della lista delle news (lato backend) di dover effettuaredegli ordinamenti al fine di permettere una ricerca piugrave veloce delle news da modificare

74 Eliminazione delle News 70

DocWeb Release 101

Avvertimento Lrsquoordinamento ha valore solo come ricerca allrsquointerno del backend mentre latofrontend rispecchieragrave i parametri prestabiliti dal sistema

Supponiamo per esempio di voler effettuare un ordinamento per Titolo Seguiamo i seguenti passi(figura sotto)

1 Selezionare la voce di menugrave Lista

2 Selezionare il deposito delle news (repository) News Corso Typo3

3 Cliccare con il mouse in corrispondenza della voce ldquoTitolordquo

A questo punto (figura Ordinamento news (page 71)) le news vengono ordinate in ordine crescente(vengono visualizzate prima le news con titolo che inizia con la lettera a b e cosigrave via)

Figura 716 Ordinamento news

Se clicchiamo unrsquoaltra volta sulla voce ldquoTitolordquo il tipo di ordinamento cambia da crescente a decrescente(compariranno per prima le news con titolo che inizia per z )

Egrave inoltre possibile ordinare secondo campo da noi specificato Per definire il nome di un campo (ad estesto inizio autore ) su cui effettuare lrsquoordinamento occorreragrave spostarsi in fondo alla lista delle newsdove troveremo una lista di campi (figura Mostra campo aggiuntivo news (page 71))

Figura 717 Mostra campo aggiuntivo news

Dalla lista possiamo

bull Selezionare la voce in base alla quale effettuare lrsquoordinamento (ad esempio Immagini)

bull Premere il tasto Imposta campi per aggiungere alla lista dei campi visualizzati quello selezionato

75 Ordinamento delle News e ricerca 71

DocWeb Release 101

A questo punto il campo selezionato (nel nostro esempio il campo Immagini) compare nella lista dellenews (il campo aggiunto egrave evidenziato con un riquadro in alto a destra nella figura Ordinamento campoaggiuntivo news (page 72))

Figura 718 Ordinamento campo aggiuntivo news

Effettuare le stesse operazioni illustrate per il campo Titolo per ordinare in modo crescente e decrescentele news secondo il criterio impostato (click pulsante sinistro sul nome etichetta)

Egrave anche possibile ricercare le news in base al testo contenuto nel titolo sottotitolo descrizione eccUtilizzando la maschera di ricerca in fondo pagina (evidenziata nella figura Ricerca news (page 72))

Figura 719 Ricerca news

Per effettuare una ricerca egrave necessario seguire i seguenti passi

1 Inserire nel campo Cerca Stringa il testo da cercare (nel nostro esempio ldquonequerdquo)

2 Premere il tasto Cerca per eseguire la ricerca secondo i criteri impostati

In questo modo nella lista delle news compariranno solo quelle che contengono il testo specificatoEffettuata la ricerca egrave possibile effettuare degli ordinamenti come spiegato in precedenza

75 Ordinamento delle News e ricerca 72

CAPITOLO 8

Modulo Eventi

Avvertimento SEZIONE NON COMPLETA

Si confrontino i seguenti due tipi di contenuti

Evento egrave un tipo di contenuto adatto a descrivere qualcosa che accadragrave o che egrave accaduto in una certadata La data o le date in cui lrsquoevento ricorre sono strettamente legate ad un luogo in cui lrsquoeventosi verificheragravesi egrave verificato Gli eventi vengono rappresentati mediante la metafora dellrsquoagenda edel calendario

Notizia egrave un tipo di contenuto caratterizzato dalla data di pubblicazione secondo la metafora delgiornale online E come in un giornale online una notizia puograve riferirsi sia a fatti giagrave accaduti chea fatti a venire

Nota Per comprendere meglio la differenza tra i due tipi di contenuto si pensi che dato un eventoche ha una certa data di svolgimento (ad es 20 maggio) di tale evento posso realizzare piugrave di unanotizia Rimanendo nellrsquoesempio potrei pubblicare una notizia il 10 maggio per preannunciare lrsquoeventoe poi unrsquoaltra il 18 maggio per ricordarne lrsquoimminenza Infine potrei pubblicare una notizia di riepilogo(cronaca dellrsquoevento immagini ecc) il 22 maggio

81 Scopo del modulo Eventi

Il visitatore del sito deve poter cogliere le informazioni essenziali di un evento

bull Cosa sta per succedere

bull Dove accadragrave

bull Quando accadragrave

82 Il Backend ndash Modulo Pagina

Vedi figura Eventi vista modulo pagina (page 74)

83 Il Backend ndash Modulo Lista

Vedi figura Eventi vista modulo lista (page 74)

73

DocWeb Release 101

Figura 81 Eventi vista modulo pagina

Figura 82 Eventi vista modulo lista

83 Il Backend ndash Modulo Lista 74

DocWeb Release 101

84 Creazione di un evento

Prima di procedere poniamoci qualche domanda

bull Lrsquoevento appartiene a qualche rassegna iniziativa per la quale sono in programma altri eventiPer esempio

ndash Rassegne teatrali cinematografiche

ndash Festival

bull Lrsquoevento si ripete

ndash La replica avviene sempre nello stesso luogo

841 Creazione del record

Vedi figura Creazione nuovo evento (page 75)

Vedi figura Creazione nuovo record evento (page 76)

Figura 83 Creazione nuovo evento

842 Scheda ldquoGeneralerdquo

Vedi figura Evento scheda generale (page 76)

843 Scheda ldquoFinestra temporalerdquo

Orario repliche

Vedi figura Evento finestra temporale (page 78)

84 Creazione di un evento 75

DocWeb Release 101

Figura 84 Creazione nuovo record evento

Figura 85 Evento scheda generale

84 Creazione di un evento 76

DocWeb Release 101

bull Lrsquoorario va solo per le Finestre temporali di un giorno (data inizio = data fine)

bull Se non si conosce lrsquoora della fine impostare ora inizio = ora fine

844 Scheda ldquoTestordquo

Vedi figura Evento scheda testo (page 79)

84 Creazione di un evento 77

DocWeb Release 101

Figura 86 Evento finestra temporale

84 Creazione di un evento 78

DocWeb Release 101

Figura 87 Evento scheda testo84 Creazione di un evento 79

  • Introduzione
    • Cosegrave DocWeb
    • Concetti chiave
      • Funzionalitagrave di Base
        • Il CMS Typo3 ldquobackendrdquo e ldquofrontendrdquo
        • Cambio password di accesso
        • Albero delle pagine
        • Implementazione delle pagine ldquogenitori rdquo e ldquofiglirdquo
        • Inserimento Nuova pagina
        • Elementi standard della pagina
        • Inserimento contenuti di una pagina
        • Contenuti multipli allrsquointerno di una pagina
        • Modifica dei contenuti della pagina
        • Spostamento di pagine
        • Eliminazione pagine
        • Rich Text Editor
        • Modalitagrave Lista
        • Modalitagrave Mostra
        • Modalitagrave ldquoMonta come radice dellrsquoalberordquo
        • Ottenere il page-id di una pagina
        • Admin Panel
          • La Clipboard
            • Copia o spostamento di un contenuto singolo di pagina allrsquointerno di unrsquoaltra pagina
            • Copia o spostamento di piugrave contenuti da una pagina ad unrsquoaltra
              • Modulo DAM (Digital Asset Management)
                • Caricamento e Aggiornamento di file
                • Ricerca di file allrsquointerno del DAM e modifica delle meta-informazioni
                  • Modulo Pagine di download
                    • Inserimento e configurazione pagine di download
                      • Modulo Sitemap
                        • Scheda di configurazione Mappa
                        • Tipo di mappa
                        • Il ``punto di partenza della mappa
                          • Modulo News
                            • Inserimento e modifica di news
                            • Modalitagrave Relations
                            • News collegata a URL esterna e a pagina interna
                            • Eliminazione delle News
                            • Ordinamento delle News e ricerca
                              • Modulo Eventi
                                • Scopo del modulo Eventi
                                • Il Backend ndash Modulo Pagina
                                • Il Backend ndash Modulo Lista
                                • Creazione di un evento
Page 35: DocWeb€¦ · per la realizzazione e la gestione di siti web della Pubblica Am-ministrazione. La piattaforma tecnologica utilizzata è il CMS (Content Management System) Open SourceTypo31

CAPITOLO 3

La Clipboard

Lrsquooggetto clipboard (rdquoblocco degli appuntirdquo) egrave molto utile quando si ha la necessitagrave di copiare o spostareuno o piugrave elementi di contenuto o una o piugrave pagine da una sezione del sito (contenitore di pagine) adunrsquoaltra

31 Copia o spostamento di un contenuto singolo di pagina allrsquointernodi unrsquoaltra pagina

Per prima cosa egrave necessario (figura Identifica contenuto (page 32))

Figura 31 Identifica contenuto

1 selezionare la voce Lista

2 selezionare la pagina che contiene il contenuto che si intende copiare (nella figura abbiamo sceltola pagina denominata ldquoCorso di formazione su Typo3rdquo

32

DocWeb Release 101

3 identificare dalla lista dei contenuti associati alla pagina quello da spostare

Supponiamo che si desideri copiare il contenuto denominato ldquoTesto 2rdquo (figura Copia contenuto (page 33))

Figura 32 Copia contenuto

Egrave sufficiente cliccare sullrsquoicona (nella figura sopra evidenziata con un cerchio rosso) di copia incorrispondenza del contenuto da copiare

Dopo avere eseguito questa operazione nella figura Risultato copia contenuto (page 34) possiamo notare

1 Egrave comparsa unrsquoicona nuova che mette in evidenza che nella clipboard egrave presente un elemento

2 Lrsquoicona di copia in corrispondenza del contenuto da spostare ha cambiato aspetto

A questo punto lrsquooggetto che si intende copiare egrave presente nella nostra clipboard

Il passo successivo egrave quello di selezionare la pagina in cui andare a posizionare lrsquoelemento (paginadestinazione)

Rimanendo sempre allrsquointerno del modulo Lista occorreragrave selezionare dallrsquoalberatura delle pagine la pag-ina destinazione Il procedimento da seguire per posizionarsi sulla pagina egrave lo stesso descritto in prece-denza Nella figura Incolla contenuto (page 34) viene evidenziato il contenuto di una pagina (denominataldquoPagina di Provardquo) in cui vogliamo copiare il contenuto

Per copiare il contenuto della clipboard nella pagina selezionare lrsquoicona Incolla contenuto Clipboard

Confermando lrsquooperazione il contenuto saragrave copiato allrsquointerno della pagina selezionata

Per effettuare lo spostamento di un contenuto di pagina allrsquointerno di unrsquoaltra pagina cliccare sullrsquoicona

di Taglia al posto dellrsquoicona copia e ripetere le operazioni sopra descritte

1 Selezionando la casella Mostra clipboard (figura Vista clipboard (page 35)) egrave possibile visualiz-zare lrsquooggetto clipboard Nel caso in figura lrsquoelemento copiato in precedenza (Testo 2) egrave ancoradisponibile allrsquointerno della clipboard Utilizzando il procedimento descritto infatti il contenuto

31 Copia o spostamento di un contenuto singolo di pagina allrsquointerno di unrsquoaltra pagina 33

DocWeb Release 101

Figura 33 Risultato copia contenuto

Figura 34 Incolla contenuto

31 Copia o spostamento di un contenuto singolo di pagina allrsquointerno di unrsquoaltra pagina 34

DocWeb Release 101

selezionato rimane ancora a disposizione dellrsquoutente che potragrave selezionare altre pagine destinazionesu cui eventualmente andare a copiare il contenuto Nel caso in cui si selezioni un altro elementoad esempio ldquoTesto 1rdquo lrsquoelemento presente viene automaticamente sostituito

2 Dallrsquooggetto clipboard egrave possibile rimuovere un elemento premendo il bottone di Elimina postoaccanto ad esso

Figura 35 Vista clipboard

Con il procedimento descritto fino ad ora egrave possibile scegliere soltanto un contenuto alla volta

32 Copia o spostamento di piugrave contenuti da una pagina ad unrsquoaltra

Nel caso in cui ci si trovi nella necessitagrave di copiare piugrave di un contenuto da una pagina allrsquoaltra egrave necessarioseguire i passi seguenti

1 Selezionare il modulo Lista

2 Selezionare la pagina di origine da cui prelevare i contenuti

3 Selezionare la casella Mostra clipboard

4 Selezionare una clipboard tra quelle denominate ldquoClipboard 1rdquo ldquoClipboard 2rdquo ldquoClipboard 3rdquo(punto 3 figura Vista clipboard con contenuto selezionato (page 36))

Selezionando ad esempio la clipboard contrassegnata come ldquoclipboard 1rdquo si avragrave la seguente situazione

32 Copia o spostamento di piugrave contenuti da una pagina ad unrsquoaltra 35

DocWeb Release 101

Figura 36 Vista clipboard con contenuto selezionato

32 Copia o spostamento di piugrave contenuti da una pagina ad unrsquoaltra 36

DocWeb Release 101

1 In corrispondenza di ogni contenuto si evidenzia una Casella di selezione Sopra la colonna con lecaselle di selezione egrave comparsa una lista di bottoni tra cui al momento distinguiamo

2 Bottone di copia elementi nella clipboard

3 Bottone di selezione tuttinessuno

Scegliendo ad esempio i primi due elementi e premendo il pulsante di copia elementi nella clipboard sipuograve notare che (figura Copia nella clipboard (page 37))

Figura 37 Copia nella clipboard

1 La clipboard che abbiamo scelto per la selezione multipla (ldquoClipboard 1rdquo) contiene la lista deglioggetti che abbiamo scelto di copiare

2 Ersquo comparsa lrsquoicona di Incolla contenuto Clipboard

La procedura della selezione della pagina di destinazione rimane identica a quella giagrave utilizzata per lacopia di un contenuto singolo (selezionare la pagina di destinazione su cui andare a posizionare i contenutiselezionati)

Egrave importante fare notare che seguendo le operazioni descritte sopra si ottiene come risultato lospostamento dei contenuti dalla pagina origine a quella destinazione

Se si desidera copiare gli elementi selezionati egrave necessario una volta selezionati gli elementi da copiarepremere il tasto copia gli items invece di spostarli (evidenziato con un cerchio rosso nella figura Tagliadalla clipboard (page 38))

32 Copia o spostamento di piugrave contenuti da una pagina ad unrsquoaltra 37

DocWeb Release 101

Figura 38 Taglia dalla clipboard

32 Copia o spostamento di piugrave contenuti da una pagina ad unrsquoaltra 38

DocWeb Release 101

In questo modo dopo avere confermato lrsquooperazione i contenuti o le pagine da copiare saranno presentisia nella pagina origine che in quella destinazione

32 Copia o spostamento di piugrave contenuti da una pagina ad unrsquoaltra 39

CAPITOLO 4

Modulo DAM (Digital AssetManagement)

Il modulo DAM (Digital Asset Management) offre la possibilitagrave di raccogliere e catalogare contenuti informato digitale come immagini documenti presentazioni

Ogni file inserito puograve essere corredato di informazioni aggiuntive (meta-informazioni) come la descrizionelrsquoautore parole chiave ecc

Attraverso il modulo DAM egrave possibile svolgere le seguenti operazioni

bull Caricamento e Aggiornamento di file

bull Ricerca di file allrsquointerno del DAM e modifica delle meta-informazioni associate ai file

41 Caricamento e Aggiornamento di file

Lrsquooperazione di CaricamentoAggiornamento di file serve per sottoporre al sistema DAM un particolarecontenuto memorizzato in formato digitale

Lrsquoelemento caricato saragrave poi disponibile a chi inserisce contenuti

Per iniziare lrsquooperazione di caricamento di un file egrave sufficiente selezionare la voce File che si trovaallrsquointerno del modulo Media (figura Menu file (page 41))

La maschera che si apre (figura File upload (page 41)) offre le seguenti possibilitagrave

1 Selezione della posizione dove andare a caricareaggiornare il file

2 Specificare alcuni documenti da caricare (area File)

Concentrandoci sullrsquoarea File (figura Dettaglio file upload (page 42)) distinguiamo

1 Voce Show upload location browser (punto 1 figura sopra) egrave possibile visualizzare i file attualmentecaricati nel Mount Point selezionato

2 Lista di bottoni denominati Sfoglia da utilizzare nel caso in cui si desideri caricareaggiornareun file

Se si desidera caricare un file occorre cliccare sul bottone Sfoglia

La finestra che appare (figura Sfoglia file (page 42)) permette di selezionare dal proprio PC il file dacaricare

Per selezionare un file da caricare occorre

1 Esplorare le cartelle del proprio PC per trovare il file

40

DocWeb Release 101

Figura 41 Menu file

Figura 42 File upload

41 Caricamento e Aggiornamento di file 41

DocWeb Release 101

Figura 43 Dettaglio file upload

Figura 44 Sfoglia file

41 Caricamento e Aggiornamento di file 42

DocWeb Release 101

2 Inserire il nome del file nella casella di testo Nome file

3 Premere il tasto Apri

Una volta che si egrave selezionato un file egrave possibile

1 selezionare altri file da caricare seguendo gli stessi passi descritti in precedenza

2 effettuare lrsquooperazione di caricamento del file vero e proprio

Dallrsquoesempio abbiamo scelto di caricare un solo file

Il caricamento dei file viene eseguito premendo il bottone ldquoUpload filesrdquo che si trova in fondo alla listadei file selezionati (figura File selezionato (page 43))

Figura 45 File selezionato

Se tutto egrave stato eseguito correttamente appariragrave una finestra come quella nella figura Process files(page 44)

In questa maschera egrave possibile

1 Specificare le meta-informazioni per il singolo file come ad esempio il titolo parole chiavedescrizione

2 Avviare il processo di elaborazione multipla premendo il bottone Process selected files Con questoprocesso egrave possibile inserire o modificare le meta-informazioni per tutti i file della lista (in questocaso solo uno)

Se si vuole eseguire lrsquoinserimento delle meta-informazioni per singolo file la finestra che si apre egrave similea quella presentata in figura Elaborazione metainformazioni singolo file (page 44)

Nel caso si scelga di eseguire il processo di elaborazione multipla la maschera che compare (figuraElaborazione metainformazioni file multipli (page 45)) permette di selezionare le meta-informazioni chelrsquoutente intende inserire contemporaneamente per tutti i file della selezione

41 Caricamento e Aggiornamento di file 43

DocWeb Release 101

Figura 46 Process files

Figura 47 Elaborazione metainformazioni singolo file

41 Caricamento e Aggiornamento di file 44

DocWeb Release 101

Figura 48 Elaborazione metainformazioni file multipli

41 Caricamento e Aggiornamento di file 45

DocWeb Release 101

Se si seleziona la checkbox accanto alla voce che eventualmente saragrave inserita questa viene aggiuntaalle informazioni eventualmente giagrave presenti (modalitagrave append) Nellrsquoaltro caso le informazioni sarannosovrascritte

I campi Titolo e Descrizione sono obbligatori mentre il campo Parole chiavi puograve essere valorizzato adiscrezione dellrsquoutente Informazioni su come valorizzare i campi elencati sopra saranno descritte suapposite linee guida

Per completare lrsquoinserimentoaggiornamento delle meta-informazioni riguardanti il file caricato occorrepremere il tasto Send (figura Salva metainformazioni (page 46)) in fondo alla maschera per il salvataggiodelle informazioni

Figura 49 Salva metainformazioni

Tornando alla maschera di caricamento file e selezionando la checkbox in corrispondenza della voceSovrascrivi file esistenti (figura Carica file sovrascrivendo (page 46)) saragrave possibile aggiornare eventualifile che hanno lo stesso nome di quello che stiamo caricando

Questa procedura egrave utile quando si vuole aggiornare il contenuto di un file che egrave giagrave presente nel DAM

Figura 410 Carica file sovrascrivendo

Nel caso di aggiornamento di un file le meta-informazioni del file rimangono le stesse inserite inprecedenza Come si puograve notare non viene offerta la possibilitagrave di inserirne di nuove

Nel caso in cui un file con lo stesso nome sia giagrave caricato e non si desideri aggiornarlo il file inseritoper ultimo viene rinominato con un suffisso generato automaticamente dal DAM In questo caso la voceSovrascrivi file esistenti non deve essere selezionata (figura Carica file senza sovrascrivere (page 47))

Nellrsquoesempio in figura viene presentata la lista dei file presenti nel mount point selezionato

Da notare la presenza di un file che egrave stato rinominato dal DAM con un suffisso ldquo_01rdquo dato che nellastessa posizione era giagrave presente un file con lo stesso nome

41 Caricamento e Aggiornamento di file 46

DocWeb Release 101

Figura 411 Carica file senza sovrascrivere

41 Caricamento e Aggiornamento di file 47

DocWeb Release 101

42 Ricerca di file allrsquointerno del DAM e modifica delle meta-informazioni

Rimanendo sempre allrsquointerno del modulo Media selezioniamo la voce List egrave possibile effettuare dellericerche dei file e modificare le meta-informazioni associate ai file

Nella figura Backend media list (page 48) distinguiamo

Figura 412 Backend media list

1 Parte relativa ai Mount Point disponibili

2 Parte relativa ai tipi di file caricati nel sistema

3 Schede List Thumbnails Selection Process

Da questa sezione egrave possibile effettuare ricerche sui file caricati nel DAM

Le ricerche che si possono eseguire sono del tipo ldquotrova tutti i file pdf e docrdquo oppure ldquoelenca tutti i filedi tipo immagine ad eccezione dei file con estensione gifrdquo

Per prima cosa facendo click sul nome del tipo file (es gif oppure image) si seleziona solo quel tipo difile e si escludono tutti i criteri selezionati in precedenza

Per aggiungere un altro criterio di ricerca egrave sufficiente selezionare il ldquo+rdquo (punto 1 nella figura Criteri diselezione (page 49)) posto accanto al tipo di file che si vuole selezionare

Con il ldquo-ldquo(punto 2) saragrave possibile rimuovere il tipo di file dai criteri di ricerca

Selezionando ldquo=rdquo (punto 3) egrave possibile introdurre clausole del tipo ldquocerca un file che sia doc e presentenel Mount Point chiamato lsquoArea Testrsquordquo (ossia effettua una ricerca che risponda a tutti i criteri impostati)

Nellrsquoesempio della figura Salva selezione (page 49) sono stati selezionati tutti i tipi di immagine adeccezione dei file con estensione gif Questo risultato si ottiene nel seguente modo

1 selezionare il ldquo+rdquo accanto alla voce ldquoimagerdquo

2 premendo il tasto ldquo-ldquo in corrispondenza della voce ldquogifrdquo

I criteri impostati per la selezione possono essere salvati per un uso futuro Per salvare la selezioneoccorre (figura Salva selezione (page 49))

1 riempire il campo sotto la voce SELECTION con un nome che identifichi la ricerca

2 premere il tasto Save per salvare la modalitagrave di ricerca impostata

In questo modo saragrave possibile richiamare e rieseguire la ricerca impostata anche in futuro senza doverripetere il procedimento di scelta dei criteri mostrato in precedenza

42 Ricerca di file allrsquointerno del DAM e modifica delle meta-informazioni 48

DocWeb Release 101

Figura 413 Criteri di selezione

Figura 414 Salva selezione

42 Ricerca di file allrsquointerno del DAM e modifica delle meta-informazioni 49

DocWeb Release 101

Se in futuro saranno inseriti nuovi file che soddisfano la ricerca salvata questi verranno selezionati quandoverragrave richiamata la ricerca salvata

Dalla figura Ricerca salvata (page 50) egrave possibile notare come richiamare la ricerca salvata In questocaso abbiamo salvato la ricerca con il nome ldquoimmaginisenzagifrdquo

Figura 415 Ricerca salvata

Una volta che si egrave selezionata la ricerca egrave possibile

1 Premere il tasto Load per ricaricare la ricerca precedentemente impostata

2 Premere Remove per rimuovere la ricerca salvata

Una volta effettuata una particolare selezione di file egrave possibile (figura Schede backend media list(page 50))

Figura 416 Schede backend media list

1 vedere il contenuto della selezione (schede List e Thumbnails)

2 vedere i criteri impostati per la ricerca (scheda Selection)

3 modificare le meta-informazioni associate ai file (scheda Process) secondo quanto descritto inprecedenza

Nella figura Scheda selection (page 51) egrave visualizzato come selezionando la scheda Selection egrave possibileprendere visione dei criteri impostati nella ricerca (la ricerca egrave quella dellrsquoesempio precedente)

Selezionando le schede List e Thumbnails dopo avere effettuato una qualsiasi selezione si potrebbe avereuna situazione come quella mostrata nella figura Scheda list (page 51)

Cliccando sullrsquoicona corrispondente ad uno dei file presenti nella lista (selezionato con un cerchio rosso)egrave possibile accedere ad un menugrave contestuale (figura Menu contestuale DAM (page 51))che permette disvolgere le seguenti operazioni

Modifica Offre la possibilitagrave di visualizzare e modificare le meta-informazioni associate al file

Rinomina Selezionando la seguente voce egrave possibile assegnare un altro nome al file che si egrave caricato

Replace file Avvia lrsquooperazione di sostituzione del file

Info Visualizza informazioni relative al file

Cancella Rimuove il file dal DAM

42 Ricerca di file allrsquointerno del DAM e modifica delle meta-informazioni 50

DocWeb Release 101

Figura 417 Scheda selection

Figura 418 Scheda list

Figura 419 Menu contestuale DAM

42 Ricerca di file allrsquointerno del DAM e modifica delle meta-informazioni 51

CAPITOLO 5

Modulo Pagine di download

51 Inserimento e configurazione pagine di download

La creazione di pagine di download egrave utile quando si vuole mettere a disposizione una lista di uno o piugravefile in forma scaricabile

Per creare una pagina di download egrave necessario seguire i seguenti passi

1 Creare una pagina standard

2 Inserire il plugin DAM Download List

3 Configurare il plugin

Per creare una pagina egrave sufficiente entrare nel modulo Pagina e selezionare Crea nuovo record per accederealla finestra di creazione pagine

Nellrsquoesempio in figura Backend creazione contenuto (page 52) egrave stata creata la pagina denominata ldquoPaginadownloadrdquo come figlio della pagina ldquoPagina di provardquo

Figura 51 Backend creazione contenuto

Una volta creata la pagina occorre configurarla in maniera tale da permettere la visualizzazione di unalista di file scaricabili Per fare ciograve occorre inserire un plugin denominato ldquoDAM Download Listrdquo Unplugin egrave un contenuto speciale da inserire in una pagina

52

DocWeb Release 101

Per inserirlo come per un contenuto occorre seguire i seguenti passi (figura Backend creazione contenuto(page 52))

1 Selezionare la pagina in cui inserire il plugin Nellrsquoesempio la pagina denominata ldquoPaginadownloadrdquo

2 Selezionare la voce Clicca qui per il wizard nella maschera che compare quando si vuole inserire unnuovo record

Figura 52 Wizard nuovo contenuto

Oltre ai normali contenuti standard il wizard permette di selezionare (figura Wizard nuovo contenuto(page 53))

1 Contenuti speciali

2 Moduli

3 Plugins

Allrsquointerno della lista dei Plugins selezionare DAM Lista dei file scaricabili (punto 4 nella figura Wizardnuovo contenuto (page 53))

Dopo aver selezionato il plugin occorreragrave selezionare la posizione della pagina in cui inserire lrsquoelemento

Selezionare ldquoNormalerdquo

A questo punto il plugin egrave inserito nella pagina desiderata

51 Inserimento e configurazione pagine di download 53

DocWeb Release 101

Oltre allrsquoinserimento occorre configurare il plugin in modo da dirgli quali file far visualizzare

Una volta che il plugin viene inserito viene aperta una finestra (figura Contenuto pagina (page 54)) doveviene richiesto di selezionare dei file inseriti nel sistema

Figura 53 Contenuto pagina

Per proseguire correttamente egrave necessario salvare immediatamente il Contenuto Pagina altrimenti leoperazioni successive potrebbero andare perse

Per inserire i file nella lista occorre effettuare la seguente operazione (figura Contenuto pagina (page 54))

1 Nella parte della maschera denominata DAM Lista di file scaricabili selezionare lrsquoicona SfogliaRecord (cerchiata in rosso) per avviare la procedura di selezione dei file

Selezionando la voce Sfoglia Record verragrave aperto lrsquoElement Browser di TYPO3 che ci permette di se-lezionare i file da inserire nel plugin La finestra (figura Element browser (page 55)) egrave composta di dueschede

1 Media ndash permette di selezionare i file giagrave esistenti nel sistema

2 Upload ndash permette di caricare nuovi file

Selezionando la sezione Media egrave possibile selezionare dalla lista i file da inserire

51 Inserimento e configurazione pagine di download 54

DocWeb Release 101

Figura 54 Element browser

Se la lista dei file fosse troppo lunga egrave possibile effettuare delle ricerche per nome e per tipologia di file(doc htm )

Per cercare per nome (figura Ricerca per nome (page 55)) occorre inserire nella casella di testo Cercastringa (punto 1 nella figura sopra) il nome o parte del nome del file da cercare Una volta specificata lastringa di ricerca premere il tasto Cerca (punto 2)

Figura 55 Ricerca per nome

Per cercare un particolare tipo di file selezionare il nome dellrsquoestensione che si desidera dallrsquoelenco deitipi di file (figura Ricerca per tipo (page 56))

Nota I due tipi di ricerca possono essere usati contemporaneamente

Selezionando la voce informazioni (punto 1 nella figura Selezione file (page 56)) egrave possibile visualizzarele meta-informazioni associate al file

Premendo con il mouse sul nome del file (punto 2) o sullrsquoicona associata (punto 3) si inserisce il file nellalista dei file da far visualizzare nella pagina di download mediante lrsquoapposito plugin

Selezionando la scheda Upload si puograve inserire un file non presente nel sistema (figura Caricamentoimmediato file (page 56))

51 Inserimento e configurazione pagine di download 55

DocWeb Release 101

Figura 56 Ricerca per tipo

Figura 57 Selezione file

Figura 58 Caricamento immediato file

51 Inserimento e configurazione pagine di download 56

DocWeb Release 101

Scegliere i file dal proprio PC seguendo le operazioni giagrave descritte nel modulo DAM e selezionare dallascheda Media i nuovi file inseriti

Nella figura Plugin con file selezionati (page 57) egrave visualizzato un esempio di maschera di configurazionedel plugin con la lista dei file selezionati

Figura 59 Plugin con file selezionati

I file una volta inseriti possono essere ordinati selezionando sugli appositi bottoni posti a destra dellalista file

bull Per ordinare un determinato file occorre

bull Selezionare un file

Premere uno dei tasti (figura sopra) per

1 Spostare in prima posizione

2 Spostare in alto di una posizione

3 Spostare in basso di una posizione

4 Spostare in ultima posizione

5 Rimuovere dalla lista il file selezionato

Una volta eseguiti i passaggi sopra descritti salvare la configurazione del plugin

51 Inserimento e configurazione pagine di download 57

CAPITOLO 6

Modulo Sitemap

Ersquo possibile generare una mappa del sito scegliendo un contenuto speciale di tipo ldquoMappa del Sitordquo comemostrato nella figura Contenuto mappa del sito (page 58)

Figura 61 Contenuto mappa del sito

Per scegliere un record di tipo ldquomappa del sitordquo (per visualizzare cioegrave la vista dei contenuti possibili)saragrave necessario portarsi in modalitagrave ldquopaginardquo compiendo gli stessi passaggi descritti per la creazione dicontenuti semplici in fase di creazione delle pagine (in questo caso selezionando il contenuto specialemappa)

58

DocWeb Release 101

61 Scheda di configurazione Mappa

La scheda di configurazione si presenta come nella figura Scheda mappa del sito (page 59)

Figura 62 Scheda mappa del sito

I campi fondamentali da personalizzare sono lrsquointestazione (ossia il titolo pagina) il tipo di menugrave e ilpunto di partenza Nellrsquointestazione viene inserito come di consuetudine il titolo pagina

62 Tipo di mappa

Ersquo possibile scegliere il tipo di mappa che si desidera creare consultando il menugrave a tendina ldquotipo di menugraverdquoche ci offriragrave diverse opzioni

Le piugrave frequentemente usate sono di tipo ldquoMenugrave delle sottopagine rdquo come indicato nella figura Tipo dimenu (page 60)

Menugrave delle sottopagine di queste pagine Scegliendo questa opzione da una pagina padre sigenereragrave un record che mostreragrave al suo interno tutte le sottovoci figlio con relativo link

Menugrave delle sottopagine di queste pagine (con abstract) Genera una mappa sia delle sottopagineche dei sottotitoli

Menugrave delle sottopagine di queste pagine + sezioni Genera una mappa sia delle sottopagine chedei record (link alle intestazioni dei singoli record)

Selezionando voci di menugrave di sottopagine egrave anche possibile stabilire un determinato punto di partenzasfogliando lrsquoapposito record

61 Scheda di configurazione Mappa 59

DocWeb Release 101

Figura 63 Tipo di menu

63 Il ldquopunto di partenzardquo della mappa

Il ldquopunto di partenzardquo dei Menugrave delle sottopagine Scheda mappa del sito (page 59) costituisce la paginadalla quale il sistema partiragrave per creare la mappa

Si potragrave quindi creare una mappa (di tipo menugrave delle sottopagine) che mostri solamente il percorso diquella porzione di menugrave che si intende mostrare

63 Il ldquopunto di partenzardquo della mappa 60

CAPITOLO 7

Modulo News

71 Inserimento e modifica di news

Alcune sezioni del nostro sito potrebbero essere state configurate per permettere la visualizzazione dinotizie

Per poter visualizzare le news correttamente occorre che queste ultime vengano inserite in una determi-nata posizione allrsquointerno del backend Da questa posizione che chiameremo repository delle news lenostre pagine andranno a prelevare le news da visualizzare al loro interno

Figura 71 Backend news

Nellrsquoesempio presentato nella figura Backend news (page 61) distinguiamo

1 il repository delle news che egrave stato creato

2 Un esempio di come potrebbe apparire il contenuto del repository delle news (lista delle news)

Per poter visualizzare il contenuto del repository delle news occorre seguire i seguenti passi

1 entrare nel modulo Pagina

61

DocWeb Release 101

2 selezionare il repository delle news corrispondente (nellrsquoesempio della figura Backend news (page 61)il Repository delle news si chiama ldquoNews Area Testrdquo)

Poniamo ora la nostra attenzione alla lista delle news (figura Lista news (page 62)) Da qui egrave possibile

bull Inserire una nuova notizia

bull Modificare le notizie giagrave esistenti

Per inserire una nuova notizia occorre selezionare la voce Crea nuovo record (figura Lista news (page 62))posta in fondo alla lista delle news

Figura 72 Lista news

A questo punto si apre la finestra di creazione Nuovo record da cui occorre selezionare la voce News(figura Nuovo record news (page 62))

Figura 73 Nuovo record news

Eseguendo le operazioni sopra descritte si accede alla maschera di inserimento news (figura Inserimentonews scheda generale (page 63))

Questa si compone di due schede una denominata Generale e unrsquoaltra denominata Relations

Nella scheda Generale egrave possibile inserire

Titolo in questo spazio egrave possibile specificare un titolo della news

Nascondi questo controllo determina se la news egrave pubblicabile oppure no Come avviene per le pagineanche per le news egrave consigliabile tenere la news nascosta durante la lavorazione Facciamo notare

71 Inserimento e modifica di news 62

DocWeb Release 101

Figura 74 Inserimento news scheda generale

71 Inserimento e modifica di news 63

DocWeb Release 101

che appena viene aperta la maschera di inserimento di una nuova news il controllo appare giagrave instato nascosto

Dataora in questo spazio viene indicata la data e lrsquoora della creazione della news in base ai parametridi sistema

Data Archiviazione in questo spazio viene inserita la data di Archiviazione di una news

Autore permette di specificare un autore della news

Email permette di specificare un e-mail a cui fare riferimento

Sottointestazione questo campo conterragrave una breve descrizione (abstract) della news La sottointes-tazione egrave quella parte della news che compare quando viene visualizzata la lista delle news e serveper dare una breve descrizione al contenuto della news (si veda Esempio news (page 64))

Figura 75 Esempio news

Durante lrsquoinserimento di una news egrave consigliabile specificare sempre una sottointestazione

Testo egrave il campo che contiene il contenuto vero e proprio della news Egrave possibile utilizzare tutte lefunzionalitagrave messe a disposizione dallrsquoeditor RTE

72 Modalitagrave Relations

Nella modalitagrave Relations (figura Inserimento news scheda relations (page 65)) egrave possibile inserire

Immagini contiene una lista di immagini da associare alla news Il procedimento per la se-lezionecaricamento delle immagini egrave stato descritto nella parte dedicata alla creazione di paginedi download a cui vi rimandiamo

Didascalia permette di specificare una descrizione per lrsquoimmagine associata alla news

Image alttext e Image titletext permette di specificare un testo che in visualizzazione (Frontend)compariragrave al passaggio del mouse sopra lrsquoimmagine

News correlate permette di specificare news o pagine del sito da associare alla news Il procedimentodi selezione delle news da associare alla notizia saragrave spiegato successivamente

DAM elements permette di assegnare alla news dei documenti da scaricare come per esempioil programma di un determinato evento Anche in questo caso il procedimento per la se-lezionecaricamento dei documenti egrave quello giagrave descritto nella parte dedicata alla creazione dipagine di download

Descriviamo il procedimento da seguire per associare alcune pagine o alcune news alla notizia che stiamoinserendo

Premere il tasto di Sfoglia Record evidenziato nella figura Sfoglia record news (page 65)

Verragrave aperta una finestra che contiene un Element Browser che ci permette di selezionare le newspagine(figura Element browser news (page 66)) da associare

La finestra di selezione si suddivide nelle seguenti parti (figura sopra)

Alberatura del sito da cui egrave possibile esplorare gli elementi del nostro sito (pagine sysfolder )Premendo con il tasto sinistro del mouse sul nome della pagina o sulla freccia corrispondente verragraveaggiornata la parte di destra della finestra in cui egrave inserita la lista degli elementi associabili

72 Modalitagrave Relations 64

DocWeb Release 101

Figura 76 Inserimento news scheda relations

Figura 77 Sfoglia record news

72 Modalitagrave Relations 65

DocWeb Release 101

Figura 78 Element browser news

Lista degli elementi associabili egrave quindi possibile selezionare gli elementi da associare alla newsPer associare un elemento si puograve selezionare il simbolo ldquo+rdquo posto accanto allrsquoelemento desideratoo agendo sul nome del file Nel primo caso lrsquoelemento viene aggiunto ma la finestra non si chiuderagrave(utile per effettuare selezioni multiple) mentre nel secondo caso lrsquoelemento viene aggiunto e lafinestra si chiuderagrave (selezione singola)

Nota Per associare una o piugrave news alla notizia che stiamo inserendo occorreragrave innanzitutto selezionareil repository delle news e utilizzando i metodi descritti in precedenza indicare le news di interesse

Nella figura Selezione repository (page 66) viene visualizzato come appare lrsquoElement Browser dopo averselezionato il repository delle news denominato ldquoNews Corso Typo3rdquo

Figura 79 Selezione repository

Una volta ultimato il procedimento di inserimento di una news vedremo che nel repository compariragrave(figura News nel repository (page 67)) anche quella da noi creata Nellrsquoesempio la news creata si chiamaldquoTitolo della news di provardquo

Dalla lista delle news possiamo notare che i diversi tipi di news sono contrassegnati con icone diverse

In particolare distinguiamo

72 Modalitagrave Relations 66

DocWeb Release 101

Figura 710 News nel repository

bull News (icona ldquocelestinardquo)

bull Collegamento a URL esterna (icona ldquorosardquo)

bull Collegamento a pagina interna (icona ldquogiallinardquo)

Per modificare il contenuto di una news egrave sufficiente selezionare il simbolo di modifica (figura Modificanews (page 67)) in corrispondenza della news da modificare

Figura 711 Modifica news

73 News collegata a URL esterna e a pagina interna

Attraverso la selezione della finestra ldquoTipordquo egrave possibile scegliere diverse tipologie di news

Nella figura News collegata a url esterna (page 68) egrave stato selezionato il Collegamento a URL esterna checi offriragrave la possibilitagrave di specificare un link (ldquoURL esternordquo) da far visualizzare e che saragrave contraddistintain lista da lrsquoicona di colore rosa

Selezionando il Collegamento a pagina interna viene offerta la possibilitagrave di inserire un collegamento auna pagina del sito (evidenziato nella figura News collegata a pagina interna (page 69))

La news si presenteragrave con icona di color ldquogiallordquo e al suo interno conterragrave un link alla pagina interna alsito

73 News collegata a URL esterna e a pagina interna 67

DocWeb Release 101

Figura 712 News collegata a url esterna

73 News collegata a URL esterna e a pagina interna 68

DocWeb Release 101

Figura 713 News collegata a pagina interna

73 News collegata a URL esterna e a pagina interna 69

DocWeb Release 101

74 Eliminazione delle News

Per eliminare una news possiamo procedere tra lrsquoaltro in due modi

1 Selezionare la news da eliminare dallrsquoelenco e selezionare la voce ldquocancellardquo dal menugrave a tendinaconsultabile cliccando con il pulsante destro sullrsquoicona in corrispondenza della news (figura Eliminanews da menu contestuale (page 70))

Figura 714 Elimina news da menu contestuale

2 Entrare allrsquointerno della modalitagrave di modifica della news attraverso lrsquoicona ldquomatitardquo e selezionare lrsquoi-cona raffigurante il bidone di elimina posta in alto pagina (figura Elimina news da scheda contenuto(page 70))

Figura 715 Elimina news da scheda contenuto

75 Ordinamento delle News e ricerca

Puograve essere necessario durante la visualizzazione della lista delle news (lato backend) di dover effettuaredegli ordinamenti al fine di permettere una ricerca piugrave veloce delle news da modificare

74 Eliminazione delle News 70

DocWeb Release 101

Avvertimento Lrsquoordinamento ha valore solo come ricerca allrsquointerno del backend mentre latofrontend rispecchieragrave i parametri prestabiliti dal sistema

Supponiamo per esempio di voler effettuare un ordinamento per Titolo Seguiamo i seguenti passi(figura sotto)

1 Selezionare la voce di menugrave Lista

2 Selezionare il deposito delle news (repository) News Corso Typo3

3 Cliccare con il mouse in corrispondenza della voce ldquoTitolordquo

A questo punto (figura Ordinamento news (page 71)) le news vengono ordinate in ordine crescente(vengono visualizzate prima le news con titolo che inizia con la lettera a b e cosigrave via)

Figura 716 Ordinamento news

Se clicchiamo unrsquoaltra volta sulla voce ldquoTitolordquo il tipo di ordinamento cambia da crescente a decrescente(compariranno per prima le news con titolo che inizia per z )

Egrave inoltre possibile ordinare secondo campo da noi specificato Per definire il nome di un campo (ad estesto inizio autore ) su cui effettuare lrsquoordinamento occorreragrave spostarsi in fondo alla lista delle newsdove troveremo una lista di campi (figura Mostra campo aggiuntivo news (page 71))

Figura 717 Mostra campo aggiuntivo news

Dalla lista possiamo

bull Selezionare la voce in base alla quale effettuare lrsquoordinamento (ad esempio Immagini)

bull Premere il tasto Imposta campi per aggiungere alla lista dei campi visualizzati quello selezionato

75 Ordinamento delle News e ricerca 71

DocWeb Release 101

A questo punto il campo selezionato (nel nostro esempio il campo Immagini) compare nella lista dellenews (il campo aggiunto egrave evidenziato con un riquadro in alto a destra nella figura Ordinamento campoaggiuntivo news (page 72))

Figura 718 Ordinamento campo aggiuntivo news

Effettuare le stesse operazioni illustrate per il campo Titolo per ordinare in modo crescente e decrescentele news secondo il criterio impostato (click pulsante sinistro sul nome etichetta)

Egrave anche possibile ricercare le news in base al testo contenuto nel titolo sottotitolo descrizione eccUtilizzando la maschera di ricerca in fondo pagina (evidenziata nella figura Ricerca news (page 72))

Figura 719 Ricerca news

Per effettuare una ricerca egrave necessario seguire i seguenti passi

1 Inserire nel campo Cerca Stringa il testo da cercare (nel nostro esempio ldquonequerdquo)

2 Premere il tasto Cerca per eseguire la ricerca secondo i criteri impostati

In questo modo nella lista delle news compariranno solo quelle che contengono il testo specificatoEffettuata la ricerca egrave possibile effettuare degli ordinamenti come spiegato in precedenza

75 Ordinamento delle News e ricerca 72

CAPITOLO 8

Modulo Eventi

Avvertimento SEZIONE NON COMPLETA

Si confrontino i seguenti due tipi di contenuti

Evento egrave un tipo di contenuto adatto a descrivere qualcosa che accadragrave o che egrave accaduto in una certadata La data o le date in cui lrsquoevento ricorre sono strettamente legate ad un luogo in cui lrsquoeventosi verificheragravesi egrave verificato Gli eventi vengono rappresentati mediante la metafora dellrsquoagenda edel calendario

Notizia egrave un tipo di contenuto caratterizzato dalla data di pubblicazione secondo la metafora delgiornale online E come in un giornale online una notizia puograve riferirsi sia a fatti giagrave accaduti chea fatti a venire

Nota Per comprendere meglio la differenza tra i due tipi di contenuto si pensi che dato un eventoche ha una certa data di svolgimento (ad es 20 maggio) di tale evento posso realizzare piugrave di unanotizia Rimanendo nellrsquoesempio potrei pubblicare una notizia il 10 maggio per preannunciare lrsquoeventoe poi unrsquoaltra il 18 maggio per ricordarne lrsquoimminenza Infine potrei pubblicare una notizia di riepilogo(cronaca dellrsquoevento immagini ecc) il 22 maggio

81 Scopo del modulo Eventi

Il visitatore del sito deve poter cogliere le informazioni essenziali di un evento

bull Cosa sta per succedere

bull Dove accadragrave

bull Quando accadragrave

82 Il Backend ndash Modulo Pagina

Vedi figura Eventi vista modulo pagina (page 74)

83 Il Backend ndash Modulo Lista

Vedi figura Eventi vista modulo lista (page 74)

73

DocWeb Release 101

Figura 81 Eventi vista modulo pagina

Figura 82 Eventi vista modulo lista

83 Il Backend ndash Modulo Lista 74

DocWeb Release 101

84 Creazione di un evento

Prima di procedere poniamoci qualche domanda

bull Lrsquoevento appartiene a qualche rassegna iniziativa per la quale sono in programma altri eventiPer esempio

ndash Rassegne teatrali cinematografiche

ndash Festival

bull Lrsquoevento si ripete

ndash La replica avviene sempre nello stesso luogo

841 Creazione del record

Vedi figura Creazione nuovo evento (page 75)

Vedi figura Creazione nuovo record evento (page 76)

Figura 83 Creazione nuovo evento

842 Scheda ldquoGeneralerdquo

Vedi figura Evento scheda generale (page 76)

843 Scheda ldquoFinestra temporalerdquo

Orario repliche

Vedi figura Evento finestra temporale (page 78)

84 Creazione di un evento 75

DocWeb Release 101

Figura 84 Creazione nuovo record evento

Figura 85 Evento scheda generale

84 Creazione di un evento 76

DocWeb Release 101

bull Lrsquoorario va solo per le Finestre temporali di un giorno (data inizio = data fine)

bull Se non si conosce lrsquoora della fine impostare ora inizio = ora fine

844 Scheda ldquoTestordquo

Vedi figura Evento scheda testo (page 79)

84 Creazione di un evento 77

DocWeb Release 101

Figura 86 Evento finestra temporale

84 Creazione di un evento 78

DocWeb Release 101

Figura 87 Evento scheda testo84 Creazione di un evento 79

  • Introduzione
    • Cosegrave DocWeb
    • Concetti chiave
      • Funzionalitagrave di Base
        • Il CMS Typo3 ldquobackendrdquo e ldquofrontendrdquo
        • Cambio password di accesso
        • Albero delle pagine
        • Implementazione delle pagine ldquogenitori rdquo e ldquofiglirdquo
        • Inserimento Nuova pagina
        • Elementi standard della pagina
        • Inserimento contenuti di una pagina
        • Contenuti multipli allrsquointerno di una pagina
        • Modifica dei contenuti della pagina
        • Spostamento di pagine
        • Eliminazione pagine
        • Rich Text Editor
        • Modalitagrave Lista
        • Modalitagrave Mostra
        • Modalitagrave ldquoMonta come radice dellrsquoalberordquo
        • Ottenere il page-id di una pagina
        • Admin Panel
          • La Clipboard
            • Copia o spostamento di un contenuto singolo di pagina allrsquointerno di unrsquoaltra pagina
            • Copia o spostamento di piugrave contenuti da una pagina ad unrsquoaltra
              • Modulo DAM (Digital Asset Management)
                • Caricamento e Aggiornamento di file
                • Ricerca di file allrsquointerno del DAM e modifica delle meta-informazioni
                  • Modulo Pagine di download
                    • Inserimento e configurazione pagine di download
                      • Modulo Sitemap
                        • Scheda di configurazione Mappa
                        • Tipo di mappa
                        • Il ``punto di partenza della mappa
                          • Modulo News
                            • Inserimento e modifica di news
                            • Modalitagrave Relations
                            • News collegata a URL esterna e a pagina interna
                            • Eliminazione delle News
                            • Ordinamento delle News e ricerca
                              • Modulo Eventi
                                • Scopo del modulo Eventi
                                • Il Backend ndash Modulo Pagina
                                • Il Backend ndash Modulo Lista
                                • Creazione di un evento
Page 36: DocWeb€¦ · per la realizzazione e la gestione di siti web della Pubblica Am-ministrazione. La piattaforma tecnologica utilizzata è il CMS (Content Management System) Open SourceTypo31

DocWeb Release 101

3 identificare dalla lista dei contenuti associati alla pagina quello da spostare

Supponiamo che si desideri copiare il contenuto denominato ldquoTesto 2rdquo (figura Copia contenuto (page 33))

Figura 32 Copia contenuto

Egrave sufficiente cliccare sullrsquoicona (nella figura sopra evidenziata con un cerchio rosso) di copia incorrispondenza del contenuto da copiare

Dopo avere eseguito questa operazione nella figura Risultato copia contenuto (page 34) possiamo notare

1 Egrave comparsa unrsquoicona nuova che mette in evidenza che nella clipboard egrave presente un elemento

2 Lrsquoicona di copia in corrispondenza del contenuto da spostare ha cambiato aspetto

A questo punto lrsquooggetto che si intende copiare egrave presente nella nostra clipboard

Il passo successivo egrave quello di selezionare la pagina in cui andare a posizionare lrsquoelemento (paginadestinazione)

Rimanendo sempre allrsquointerno del modulo Lista occorreragrave selezionare dallrsquoalberatura delle pagine la pag-ina destinazione Il procedimento da seguire per posizionarsi sulla pagina egrave lo stesso descritto in prece-denza Nella figura Incolla contenuto (page 34) viene evidenziato il contenuto di una pagina (denominataldquoPagina di Provardquo) in cui vogliamo copiare il contenuto

Per copiare il contenuto della clipboard nella pagina selezionare lrsquoicona Incolla contenuto Clipboard

Confermando lrsquooperazione il contenuto saragrave copiato allrsquointerno della pagina selezionata

Per effettuare lo spostamento di un contenuto di pagina allrsquointerno di unrsquoaltra pagina cliccare sullrsquoicona

di Taglia al posto dellrsquoicona copia e ripetere le operazioni sopra descritte

1 Selezionando la casella Mostra clipboard (figura Vista clipboard (page 35)) egrave possibile visualiz-zare lrsquooggetto clipboard Nel caso in figura lrsquoelemento copiato in precedenza (Testo 2) egrave ancoradisponibile allrsquointerno della clipboard Utilizzando il procedimento descritto infatti il contenuto

31 Copia o spostamento di un contenuto singolo di pagina allrsquointerno di unrsquoaltra pagina 33

DocWeb Release 101

Figura 33 Risultato copia contenuto

Figura 34 Incolla contenuto

31 Copia o spostamento di un contenuto singolo di pagina allrsquointerno di unrsquoaltra pagina 34

DocWeb Release 101

selezionato rimane ancora a disposizione dellrsquoutente che potragrave selezionare altre pagine destinazionesu cui eventualmente andare a copiare il contenuto Nel caso in cui si selezioni un altro elementoad esempio ldquoTesto 1rdquo lrsquoelemento presente viene automaticamente sostituito

2 Dallrsquooggetto clipboard egrave possibile rimuovere un elemento premendo il bottone di Elimina postoaccanto ad esso

Figura 35 Vista clipboard

Con il procedimento descritto fino ad ora egrave possibile scegliere soltanto un contenuto alla volta

32 Copia o spostamento di piugrave contenuti da una pagina ad unrsquoaltra

Nel caso in cui ci si trovi nella necessitagrave di copiare piugrave di un contenuto da una pagina allrsquoaltra egrave necessarioseguire i passi seguenti

1 Selezionare il modulo Lista

2 Selezionare la pagina di origine da cui prelevare i contenuti

3 Selezionare la casella Mostra clipboard

4 Selezionare una clipboard tra quelle denominate ldquoClipboard 1rdquo ldquoClipboard 2rdquo ldquoClipboard 3rdquo(punto 3 figura Vista clipboard con contenuto selezionato (page 36))

Selezionando ad esempio la clipboard contrassegnata come ldquoclipboard 1rdquo si avragrave la seguente situazione

32 Copia o spostamento di piugrave contenuti da una pagina ad unrsquoaltra 35

DocWeb Release 101

Figura 36 Vista clipboard con contenuto selezionato

32 Copia o spostamento di piugrave contenuti da una pagina ad unrsquoaltra 36

DocWeb Release 101

1 In corrispondenza di ogni contenuto si evidenzia una Casella di selezione Sopra la colonna con lecaselle di selezione egrave comparsa una lista di bottoni tra cui al momento distinguiamo

2 Bottone di copia elementi nella clipboard

3 Bottone di selezione tuttinessuno

Scegliendo ad esempio i primi due elementi e premendo il pulsante di copia elementi nella clipboard sipuograve notare che (figura Copia nella clipboard (page 37))

Figura 37 Copia nella clipboard

1 La clipboard che abbiamo scelto per la selezione multipla (ldquoClipboard 1rdquo) contiene la lista deglioggetti che abbiamo scelto di copiare

2 Ersquo comparsa lrsquoicona di Incolla contenuto Clipboard

La procedura della selezione della pagina di destinazione rimane identica a quella giagrave utilizzata per lacopia di un contenuto singolo (selezionare la pagina di destinazione su cui andare a posizionare i contenutiselezionati)

Egrave importante fare notare che seguendo le operazioni descritte sopra si ottiene come risultato lospostamento dei contenuti dalla pagina origine a quella destinazione

Se si desidera copiare gli elementi selezionati egrave necessario una volta selezionati gli elementi da copiarepremere il tasto copia gli items invece di spostarli (evidenziato con un cerchio rosso nella figura Tagliadalla clipboard (page 38))

32 Copia o spostamento di piugrave contenuti da una pagina ad unrsquoaltra 37

DocWeb Release 101

Figura 38 Taglia dalla clipboard

32 Copia o spostamento di piugrave contenuti da una pagina ad unrsquoaltra 38

DocWeb Release 101

In questo modo dopo avere confermato lrsquooperazione i contenuti o le pagine da copiare saranno presentisia nella pagina origine che in quella destinazione

32 Copia o spostamento di piugrave contenuti da una pagina ad unrsquoaltra 39

CAPITOLO 4

Modulo DAM (Digital AssetManagement)

Il modulo DAM (Digital Asset Management) offre la possibilitagrave di raccogliere e catalogare contenuti informato digitale come immagini documenti presentazioni

Ogni file inserito puograve essere corredato di informazioni aggiuntive (meta-informazioni) come la descrizionelrsquoautore parole chiave ecc

Attraverso il modulo DAM egrave possibile svolgere le seguenti operazioni

bull Caricamento e Aggiornamento di file

bull Ricerca di file allrsquointerno del DAM e modifica delle meta-informazioni associate ai file

41 Caricamento e Aggiornamento di file

Lrsquooperazione di CaricamentoAggiornamento di file serve per sottoporre al sistema DAM un particolarecontenuto memorizzato in formato digitale

Lrsquoelemento caricato saragrave poi disponibile a chi inserisce contenuti

Per iniziare lrsquooperazione di caricamento di un file egrave sufficiente selezionare la voce File che si trovaallrsquointerno del modulo Media (figura Menu file (page 41))

La maschera che si apre (figura File upload (page 41)) offre le seguenti possibilitagrave

1 Selezione della posizione dove andare a caricareaggiornare il file

2 Specificare alcuni documenti da caricare (area File)

Concentrandoci sullrsquoarea File (figura Dettaglio file upload (page 42)) distinguiamo

1 Voce Show upload location browser (punto 1 figura sopra) egrave possibile visualizzare i file attualmentecaricati nel Mount Point selezionato

2 Lista di bottoni denominati Sfoglia da utilizzare nel caso in cui si desideri caricareaggiornareun file

Se si desidera caricare un file occorre cliccare sul bottone Sfoglia

La finestra che appare (figura Sfoglia file (page 42)) permette di selezionare dal proprio PC il file dacaricare

Per selezionare un file da caricare occorre

1 Esplorare le cartelle del proprio PC per trovare il file

40

DocWeb Release 101

Figura 41 Menu file

Figura 42 File upload

41 Caricamento e Aggiornamento di file 41

DocWeb Release 101

Figura 43 Dettaglio file upload

Figura 44 Sfoglia file

41 Caricamento e Aggiornamento di file 42

DocWeb Release 101

2 Inserire il nome del file nella casella di testo Nome file

3 Premere il tasto Apri

Una volta che si egrave selezionato un file egrave possibile

1 selezionare altri file da caricare seguendo gli stessi passi descritti in precedenza

2 effettuare lrsquooperazione di caricamento del file vero e proprio

Dallrsquoesempio abbiamo scelto di caricare un solo file

Il caricamento dei file viene eseguito premendo il bottone ldquoUpload filesrdquo che si trova in fondo alla listadei file selezionati (figura File selezionato (page 43))

Figura 45 File selezionato

Se tutto egrave stato eseguito correttamente appariragrave una finestra come quella nella figura Process files(page 44)

In questa maschera egrave possibile

1 Specificare le meta-informazioni per il singolo file come ad esempio il titolo parole chiavedescrizione

2 Avviare il processo di elaborazione multipla premendo il bottone Process selected files Con questoprocesso egrave possibile inserire o modificare le meta-informazioni per tutti i file della lista (in questocaso solo uno)

Se si vuole eseguire lrsquoinserimento delle meta-informazioni per singolo file la finestra che si apre egrave similea quella presentata in figura Elaborazione metainformazioni singolo file (page 44)

Nel caso si scelga di eseguire il processo di elaborazione multipla la maschera che compare (figuraElaborazione metainformazioni file multipli (page 45)) permette di selezionare le meta-informazioni chelrsquoutente intende inserire contemporaneamente per tutti i file della selezione

41 Caricamento e Aggiornamento di file 43

DocWeb Release 101

Figura 46 Process files

Figura 47 Elaborazione metainformazioni singolo file

41 Caricamento e Aggiornamento di file 44

DocWeb Release 101

Figura 48 Elaborazione metainformazioni file multipli

41 Caricamento e Aggiornamento di file 45

DocWeb Release 101

Se si seleziona la checkbox accanto alla voce che eventualmente saragrave inserita questa viene aggiuntaalle informazioni eventualmente giagrave presenti (modalitagrave append) Nellrsquoaltro caso le informazioni sarannosovrascritte

I campi Titolo e Descrizione sono obbligatori mentre il campo Parole chiavi puograve essere valorizzato adiscrezione dellrsquoutente Informazioni su come valorizzare i campi elencati sopra saranno descritte suapposite linee guida

Per completare lrsquoinserimentoaggiornamento delle meta-informazioni riguardanti il file caricato occorrepremere il tasto Send (figura Salva metainformazioni (page 46)) in fondo alla maschera per il salvataggiodelle informazioni

Figura 49 Salva metainformazioni

Tornando alla maschera di caricamento file e selezionando la checkbox in corrispondenza della voceSovrascrivi file esistenti (figura Carica file sovrascrivendo (page 46)) saragrave possibile aggiornare eventualifile che hanno lo stesso nome di quello che stiamo caricando

Questa procedura egrave utile quando si vuole aggiornare il contenuto di un file che egrave giagrave presente nel DAM

Figura 410 Carica file sovrascrivendo

Nel caso di aggiornamento di un file le meta-informazioni del file rimangono le stesse inserite inprecedenza Come si puograve notare non viene offerta la possibilitagrave di inserirne di nuove

Nel caso in cui un file con lo stesso nome sia giagrave caricato e non si desideri aggiornarlo il file inseritoper ultimo viene rinominato con un suffisso generato automaticamente dal DAM In questo caso la voceSovrascrivi file esistenti non deve essere selezionata (figura Carica file senza sovrascrivere (page 47))

Nellrsquoesempio in figura viene presentata la lista dei file presenti nel mount point selezionato

Da notare la presenza di un file che egrave stato rinominato dal DAM con un suffisso ldquo_01rdquo dato che nellastessa posizione era giagrave presente un file con lo stesso nome

41 Caricamento e Aggiornamento di file 46

DocWeb Release 101

Figura 411 Carica file senza sovrascrivere

41 Caricamento e Aggiornamento di file 47

DocWeb Release 101

42 Ricerca di file allrsquointerno del DAM e modifica delle meta-informazioni

Rimanendo sempre allrsquointerno del modulo Media selezioniamo la voce List egrave possibile effettuare dellericerche dei file e modificare le meta-informazioni associate ai file

Nella figura Backend media list (page 48) distinguiamo

Figura 412 Backend media list

1 Parte relativa ai Mount Point disponibili

2 Parte relativa ai tipi di file caricati nel sistema

3 Schede List Thumbnails Selection Process

Da questa sezione egrave possibile effettuare ricerche sui file caricati nel DAM

Le ricerche che si possono eseguire sono del tipo ldquotrova tutti i file pdf e docrdquo oppure ldquoelenca tutti i filedi tipo immagine ad eccezione dei file con estensione gifrdquo

Per prima cosa facendo click sul nome del tipo file (es gif oppure image) si seleziona solo quel tipo difile e si escludono tutti i criteri selezionati in precedenza

Per aggiungere un altro criterio di ricerca egrave sufficiente selezionare il ldquo+rdquo (punto 1 nella figura Criteri diselezione (page 49)) posto accanto al tipo di file che si vuole selezionare

Con il ldquo-ldquo(punto 2) saragrave possibile rimuovere il tipo di file dai criteri di ricerca

Selezionando ldquo=rdquo (punto 3) egrave possibile introdurre clausole del tipo ldquocerca un file che sia doc e presentenel Mount Point chiamato lsquoArea Testrsquordquo (ossia effettua una ricerca che risponda a tutti i criteri impostati)

Nellrsquoesempio della figura Salva selezione (page 49) sono stati selezionati tutti i tipi di immagine adeccezione dei file con estensione gif Questo risultato si ottiene nel seguente modo

1 selezionare il ldquo+rdquo accanto alla voce ldquoimagerdquo

2 premendo il tasto ldquo-ldquo in corrispondenza della voce ldquogifrdquo

I criteri impostati per la selezione possono essere salvati per un uso futuro Per salvare la selezioneoccorre (figura Salva selezione (page 49))

1 riempire il campo sotto la voce SELECTION con un nome che identifichi la ricerca

2 premere il tasto Save per salvare la modalitagrave di ricerca impostata

In questo modo saragrave possibile richiamare e rieseguire la ricerca impostata anche in futuro senza doverripetere il procedimento di scelta dei criteri mostrato in precedenza

42 Ricerca di file allrsquointerno del DAM e modifica delle meta-informazioni 48

DocWeb Release 101

Figura 413 Criteri di selezione

Figura 414 Salva selezione

42 Ricerca di file allrsquointerno del DAM e modifica delle meta-informazioni 49

DocWeb Release 101

Se in futuro saranno inseriti nuovi file che soddisfano la ricerca salvata questi verranno selezionati quandoverragrave richiamata la ricerca salvata

Dalla figura Ricerca salvata (page 50) egrave possibile notare come richiamare la ricerca salvata In questocaso abbiamo salvato la ricerca con il nome ldquoimmaginisenzagifrdquo

Figura 415 Ricerca salvata

Una volta che si egrave selezionata la ricerca egrave possibile

1 Premere il tasto Load per ricaricare la ricerca precedentemente impostata

2 Premere Remove per rimuovere la ricerca salvata

Una volta effettuata una particolare selezione di file egrave possibile (figura Schede backend media list(page 50))

Figura 416 Schede backend media list

1 vedere il contenuto della selezione (schede List e Thumbnails)

2 vedere i criteri impostati per la ricerca (scheda Selection)

3 modificare le meta-informazioni associate ai file (scheda Process) secondo quanto descritto inprecedenza

Nella figura Scheda selection (page 51) egrave visualizzato come selezionando la scheda Selection egrave possibileprendere visione dei criteri impostati nella ricerca (la ricerca egrave quella dellrsquoesempio precedente)

Selezionando le schede List e Thumbnails dopo avere effettuato una qualsiasi selezione si potrebbe avereuna situazione come quella mostrata nella figura Scheda list (page 51)

Cliccando sullrsquoicona corrispondente ad uno dei file presenti nella lista (selezionato con un cerchio rosso)egrave possibile accedere ad un menugrave contestuale (figura Menu contestuale DAM (page 51))che permette disvolgere le seguenti operazioni

Modifica Offre la possibilitagrave di visualizzare e modificare le meta-informazioni associate al file

Rinomina Selezionando la seguente voce egrave possibile assegnare un altro nome al file che si egrave caricato

Replace file Avvia lrsquooperazione di sostituzione del file

Info Visualizza informazioni relative al file

Cancella Rimuove il file dal DAM

42 Ricerca di file allrsquointerno del DAM e modifica delle meta-informazioni 50

DocWeb Release 101

Figura 417 Scheda selection

Figura 418 Scheda list

Figura 419 Menu contestuale DAM

42 Ricerca di file allrsquointerno del DAM e modifica delle meta-informazioni 51

CAPITOLO 5

Modulo Pagine di download

51 Inserimento e configurazione pagine di download

La creazione di pagine di download egrave utile quando si vuole mettere a disposizione una lista di uno o piugravefile in forma scaricabile

Per creare una pagina di download egrave necessario seguire i seguenti passi

1 Creare una pagina standard

2 Inserire il plugin DAM Download List

3 Configurare il plugin

Per creare una pagina egrave sufficiente entrare nel modulo Pagina e selezionare Crea nuovo record per accederealla finestra di creazione pagine

Nellrsquoesempio in figura Backend creazione contenuto (page 52) egrave stata creata la pagina denominata ldquoPaginadownloadrdquo come figlio della pagina ldquoPagina di provardquo

Figura 51 Backend creazione contenuto

Una volta creata la pagina occorre configurarla in maniera tale da permettere la visualizzazione di unalista di file scaricabili Per fare ciograve occorre inserire un plugin denominato ldquoDAM Download Listrdquo Unplugin egrave un contenuto speciale da inserire in una pagina

52

DocWeb Release 101

Per inserirlo come per un contenuto occorre seguire i seguenti passi (figura Backend creazione contenuto(page 52))

1 Selezionare la pagina in cui inserire il plugin Nellrsquoesempio la pagina denominata ldquoPaginadownloadrdquo

2 Selezionare la voce Clicca qui per il wizard nella maschera che compare quando si vuole inserire unnuovo record

Figura 52 Wizard nuovo contenuto

Oltre ai normali contenuti standard il wizard permette di selezionare (figura Wizard nuovo contenuto(page 53))

1 Contenuti speciali

2 Moduli

3 Plugins

Allrsquointerno della lista dei Plugins selezionare DAM Lista dei file scaricabili (punto 4 nella figura Wizardnuovo contenuto (page 53))

Dopo aver selezionato il plugin occorreragrave selezionare la posizione della pagina in cui inserire lrsquoelemento

Selezionare ldquoNormalerdquo

A questo punto il plugin egrave inserito nella pagina desiderata

51 Inserimento e configurazione pagine di download 53

DocWeb Release 101

Oltre allrsquoinserimento occorre configurare il plugin in modo da dirgli quali file far visualizzare

Una volta che il plugin viene inserito viene aperta una finestra (figura Contenuto pagina (page 54)) doveviene richiesto di selezionare dei file inseriti nel sistema

Figura 53 Contenuto pagina

Per proseguire correttamente egrave necessario salvare immediatamente il Contenuto Pagina altrimenti leoperazioni successive potrebbero andare perse

Per inserire i file nella lista occorre effettuare la seguente operazione (figura Contenuto pagina (page 54))

1 Nella parte della maschera denominata DAM Lista di file scaricabili selezionare lrsquoicona SfogliaRecord (cerchiata in rosso) per avviare la procedura di selezione dei file

Selezionando la voce Sfoglia Record verragrave aperto lrsquoElement Browser di TYPO3 che ci permette di se-lezionare i file da inserire nel plugin La finestra (figura Element browser (page 55)) egrave composta di dueschede

1 Media ndash permette di selezionare i file giagrave esistenti nel sistema

2 Upload ndash permette di caricare nuovi file

Selezionando la sezione Media egrave possibile selezionare dalla lista i file da inserire

51 Inserimento e configurazione pagine di download 54

DocWeb Release 101

Figura 54 Element browser

Se la lista dei file fosse troppo lunga egrave possibile effettuare delle ricerche per nome e per tipologia di file(doc htm )

Per cercare per nome (figura Ricerca per nome (page 55)) occorre inserire nella casella di testo Cercastringa (punto 1 nella figura sopra) il nome o parte del nome del file da cercare Una volta specificata lastringa di ricerca premere il tasto Cerca (punto 2)

Figura 55 Ricerca per nome

Per cercare un particolare tipo di file selezionare il nome dellrsquoestensione che si desidera dallrsquoelenco deitipi di file (figura Ricerca per tipo (page 56))

Nota I due tipi di ricerca possono essere usati contemporaneamente

Selezionando la voce informazioni (punto 1 nella figura Selezione file (page 56)) egrave possibile visualizzarele meta-informazioni associate al file

Premendo con il mouse sul nome del file (punto 2) o sullrsquoicona associata (punto 3) si inserisce il file nellalista dei file da far visualizzare nella pagina di download mediante lrsquoapposito plugin

Selezionando la scheda Upload si puograve inserire un file non presente nel sistema (figura Caricamentoimmediato file (page 56))

51 Inserimento e configurazione pagine di download 55

DocWeb Release 101

Figura 56 Ricerca per tipo

Figura 57 Selezione file

Figura 58 Caricamento immediato file

51 Inserimento e configurazione pagine di download 56

DocWeb Release 101

Scegliere i file dal proprio PC seguendo le operazioni giagrave descritte nel modulo DAM e selezionare dallascheda Media i nuovi file inseriti

Nella figura Plugin con file selezionati (page 57) egrave visualizzato un esempio di maschera di configurazionedel plugin con la lista dei file selezionati

Figura 59 Plugin con file selezionati

I file una volta inseriti possono essere ordinati selezionando sugli appositi bottoni posti a destra dellalista file

bull Per ordinare un determinato file occorre

bull Selezionare un file

Premere uno dei tasti (figura sopra) per

1 Spostare in prima posizione

2 Spostare in alto di una posizione

3 Spostare in basso di una posizione

4 Spostare in ultima posizione

5 Rimuovere dalla lista il file selezionato

Una volta eseguiti i passaggi sopra descritti salvare la configurazione del plugin

51 Inserimento e configurazione pagine di download 57

CAPITOLO 6

Modulo Sitemap

Ersquo possibile generare una mappa del sito scegliendo un contenuto speciale di tipo ldquoMappa del Sitordquo comemostrato nella figura Contenuto mappa del sito (page 58)

Figura 61 Contenuto mappa del sito

Per scegliere un record di tipo ldquomappa del sitordquo (per visualizzare cioegrave la vista dei contenuti possibili)saragrave necessario portarsi in modalitagrave ldquopaginardquo compiendo gli stessi passaggi descritti per la creazione dicontenuti semplici in fase di creazione delle pagine (in questo caso selezionando il contenuto specialemappa)

58

DocWeb Release 101

61 Scheda di configurazione Mappa

La scheda di configurazione si presenta come nella figura Scheda mappa del sito (page 59)

Figura 62 Scheda mappa del sito

I campi fondamentali da personalizzare sono lrsquointestazione (ossia il titolo pagina) il tipo di menugrave e ilpunto di partenza Nellrsquointestazione viene inserito come di consuetudine il titolo pagina

62 Tipo di mappa

Ersquo possibile scegliere il tipo di mappa che si desidera creare consultando il menugrave a tendina ldquotipo di menugraverdquoche ci offriragrave diverse opzioni

Le piugrave frequentemente usate sono di tipo ldquoMenugrave delle sottopagine rdquo come indicato nella figura Tipo dimenu (page 60)

Menugrave delle sottopagine di queste pagine Scegliendo questa opzione da una pagina padre sigenereragrave un record che mostreragrave al suo interno tutte le sottovoci figlio con relativo link

Menugrave delle sottopagine di queste pagine (con abstract) Genera una mappa sia delle sottopagineche dei sottotitoli

Menugrave delle sottopagine di queste pagine + sezioni Genera una mappa sia delle sottopagine chedei record (link alle intestazioni dei singoli record)

Selezionando voci di menugrave di sottopagine egrave anche possibile stabilire un determinato punto di partenzasfogliando lrsquoapposito record

61 Scheda di configurazione Mappa 59

DocWeb Release 101

Figura 63 Tipo di menu

63 Il ldquopunto di partenzardquo della mappa

Il ldquopunto di partenzardquo dei Menugrave delle sottopagine Scheda mappa del sito (page 59) costituisce la paginadalla quale il sistema partiragrave per creare la mappa

Si potragrave quindi creare una mappa (di tipo menugrave delle sottopagine) che mostri solamente il percorso diquella porzione di menugrave che si intende mostrare

63 Il ldquopunto di partenzardquo della mappa 60

CAPITOLO 7

Modulo News

71 Inserimento e modifica di news

Alcune sezioni del nostro sito potrebbero essere state configurate per permettere la visualizzazione dinotizie

Per poter visualizzare le news correttamente occorre che queste ultime vengano inserite in una determi-nata posizione allrsquointerno del backend Da questa posizione che chiameremo repository delle news lenostre pagine andranno a prelevare le news da visualizzare al loro interno

Figura 71 Backend news

Nellrsquoesempio presentato nella figura Backend news (page 61) distinguiamo

1 il repository delle news che egrave stato creato

2 Un esempio di come potrebbe apparire il contenuto del repository delle news (lista delle news)

Per poter visualizzare il contenuto del repository delle news occorre seguire i seguenti passi

1 entrare nel modulo Pagina

61

DocWeb Release 101

2 selezionare il repository delle news corrispondente (nellrsquoesempio della figura Backend news (page 61)il Repository delle news si chiama ldquoNews Area Testrdquo)

Poniamo ora la nostra attenzione alla lista delle news (figura Lista news (page 62)) Da qui egrave possibile

bull Inserire una nuova notizia

bull Modificare le notizie giagrave esistenti

Per inserire una nuova notizia occorre selezionare la voce Crea nuovo record (figura Lista news (page 62))posta in fondo alla lista delle news

Figura 72 Lista news

A questo punto si apre la finestra di creazione Nuovo record da cui occorre selezionare la voce News(figura Nuovo record news (page 62))

Figura 73 Nuovo record news

Eseguendo le operazioni sopra descritte si accede alla maschera di inserimento news (figura Inserimentonews scheda generale (page 63))

Questa si compone di due schede una denominata Generale e unrsquoaltra denominata Relations

Nella scheda Generale egrave possibile inserire

Titolo in questo spazio egrave possibile specificare un titolo della news

Nascondi questo controllo determina se la news egrave pubblicabile oppure no Come avviene per le pagineanche per le news egrave consigliabile tenere la news nascosta durante la lavorazione Facciamo notare

71 Inserimento e modifica di news 62

DocWeb Release 101

Figura 74 Inserimento news scheda generale

71 Inserimento e modifica di news 63

DocWeb Release 101

che appena viene aperta la maschera di inserimento di una nuova news il controllo appare giagrave instato nascosto

Dataora in questo spazio viene indicata la data e lrsquoora della creazione della news in base ai parametridi sistema

Data Archiviazione in questo spazio viene inserita la data di Archiviazione di una news

Autore permette di specificare un autore della news

Email permette di specificare un e-mail a cui fare riferimento

Sottointestazione questo campo conterragrave una breve descrizione (abstract) della news La sottointes-tazione egrave quella parte della news che compare quando viene visualizzata la lista delle news e serveper dare una breve descrizione al contenuto della news (si veda Esempio news (page 64))

Figura 75 Esempio news

Durante lrsquoinserimento di una news egrave consigliabile specificare sempre una sottointestazione

Testo egrave il campo che contiene il contenuto vero e proprio della news Egrave possibile utilizzare tutte lefunzionalitagrave messe a disposizione dallrsquoeditor RTE

72 Modalitagrave Relations

Nella modalitagrave Relations (figura Inserimento news scheda relations (page 65)) egrave possibile inserire

Immagini contiene una lista di immagini da associare alla news Il procedimento per la se-lezionecaricamento delle immagini egrave stato descritto nella parte dedicata alla creazione di paginedi download a cui vi rimandiamo

Didascalia permette di specificare una descrizione per lrsquoimmagine associata alla news

Image alttext e Image titletext permette di specificare un testo che in visualizzazione (Frontend)compariragrave al passaggio del mouse sopra lrsquoimmagine

News correlate permette di specificare news o pagine del sito da associare alla news Il procedimentodi selezione delle news da associare alla notizia saragrave spiegato successivamente

DAM elements permette di assegnare alla news dei documenti da scaricare come per esempioil programma di un determinato evento Anche in questo caso il procedimento per la se-lezionecaricamento dei documenti egrave quello giagrave descritto nella parte dedicata alla creazione dipagine di download

Descriviamo il procedimento da seguire per associare alcune pagine o alcune news alla notizia che stiamoinserendo

Premere il tasto di Sfoglia Record evidenziato nella figura Sfoglia record news (page 65)

Verragrave aperta una finestra che contiene un Element Browser che ci permette di selezionare le newspagine(figura Element browser news (page 66)) da associare

La finestra di selezione si suddivide nelle seguenti parti (figura sopra)

Alberatura del sito da cui egrave possibile esplorare gli elementi del nostro sito (pagine sysfolder )Premendo con il tasto sinistro del mouse sul nome della pagina o sulla freccia corrispondente verragraveaggiornata la parte di destra della finestra in cui egrave inserita la lista degli elementi associabili

72 Modalitagrave Relations 64

DocWeb Release 101

Figura 76 Inserimento news scheda relations

Figura 77 Sfoglia record news

72 Modalitagrave Relations 65

DocWeb Release 101

Figura 78 Element browser news

Lista degli elementi associabili egrave quindi possibile selezionare gli elementi da associare alla newsPer associare un elemento si puograve selezionare il simbolo ldquo+rdquo posto accanto allrsquoelemento desideratoo agendo sul nome del file Nel primo caso lrsquoelemento viene aggiunto ma la finestra non si chiuderagrave(utile per effettuare selezioni multiple) mentre nel secondo caso lrsquoelemento viene aggiunto e lafinestra si chiuderagrave (selezione singola)

Nota Per associare una o piugrave news alla notizia che stiamo inserendo occorreragrave innanzitutto selezionareil repository delle news e utilizzando i metodi descritti in precedenza indicare le news di interesse

Nella figura Selezione repository (page 66) viene visualizzato come appare lrsquoElement Browser dopo averselezionato il repository delle news denominato ldquoNews Corso Typo3rdquo

Figura 79 Selezione repository

Una volta ultimato il procedimento di inserimento di una news vedremo che nel repository compariragrave(figura News nel repository (page 67)) anche quella da noi creata Nellrsquoesempio la news creata si chiamaldquoTitolo della news di provardquo

Dalla lista delle news possiamo notare che i diversi tipi di news sono contrassegnati con icone diverse

In particolare distinguiamo

72 Modalitagrave Relations 66

DocWeb Release 101

Figura 710 News nel repository

bull News (icona ldquocelestinardquo)

bull Collegamento a URL esterna (icona ldquorosardquo)

bull Collegamento a pagina interna (icona ldquogiallinardquo)

Per modificare il contenuto di una news egrave sufficiente selezionare il simbolo di modifica (figura Modificanews (page 67)) in corrispondenza della news da modificare

Figura 711 Modifica news

73 News collegata a URL esterna e a pagina interna

Attraverso la selezione della finestra ldquoTipordquo egrave possibile scegliere diverse tipologie di news

Nella figura News collegata a url esterna (page 68) egrave stato selezionato il Collegamento a URL esterna checi offriragrave la possibilitagrave di specificare un link (ldquoURL esternordquo) da far visualizzare e che saragrave contraddistintain lista da lrsquoicona di colore rosa

Selezionando il Collegamento a pagina interna viene offerta la possibilitagrave di inserire un collegamento auna pagina del sito (evidenziato nella figura News collegata a pagina interna (page 69))

La news si presenteragrave con icona di color ldquogiallordquo e al suo interno conterragrave un link alla pagina interna alsito

73 News collegata a URL esterna e a pagina interna 67

DocWeb Release 101

Figura 712 News collegata a url esterna

73 News collegata a URL esterna e a pagina interna 68

DocWeb Release 101

Figura 713 News collegata a pagina interna

73 News collegata a URL esterna e a pagina interna 69

DocWeb Release 101

74 Eliminazione delle News

Per eliminare una news possiamo procedere tra lrsquoaltro in due modi

1 Selezionare la news da eliminare dallrsquoelenco e selezionare la voce ldquocancellardquo dal menugrave a tendinaconsultabile cliccando con il pulsante destro sullrsquoicona in corrispondenza della news (figura Eliminanews da menu contestuale (page 70))

Figura 714 Elimina news da menu contestuale

2 Entrare allrsquointerno della modalitagrave di modifica della news attraverso lrsquoicona ldquomatitardquo e selezionare lrsquoi-cona raffigurante il bidone di elimina posta in alto pagina (figura Elimina news da scheda contenuto(page 70))

Figura 715 Elimina news da scheda contenuto

75 Ordinamento delle News e ricerca

Puograve essere necessario durante la visualizzazione della lista delle news (lato backend) di dover effettuaredegli ordinamenti al fine di permettere una ricerca piugrave veloce delle news da modificare

74 Eliminazione delle News 70

DocWeb Release 101

Avvertimento Lrsquoordinamento ha valore solo come ricerca allrsquointerno del backend mentre latofrontend rispecchieragrave i parametri prestabiliti dal sistema

Supponiamo per esempio di voler effettuare un ordinamento per Titolo Seguiamo i seguenti passi(figura sotto)

1 Selezionare la voce di menugrave Lista

2 Selezionare il deposito delle news (repository) News Corso Typo3

3 Cliccare con il mouse in corrispondenza della voce ldquoTitolordquo

A questo punto (figura Ordinamento news (page 71)) le news vengono ordinate in ordine crescente(vengono visualizzate prima le news con titolo che inizia con la lettera a b e cosigrave via)

Figura 716 Ordinamento news

Se clicchiamo unrsquoaltra volta sulla voce ldquoTitolordquo il tipo di ordinamento cambia da crescente a decrescente(compariranno per prima le news con titolo che inizia per z )

Egrave inoltre possibile ordinare secondo campo da noi specificato Per definire il nome di un campo (ad estesto inizio autore ) su cui effettuare lrsquoordinamento occorreragrave spostarsi in fondo alla lista delle newsdove troveremo una lista di campi (figura Mostra campo aggiuntivo news (page 71))

Figura 717 Mostra campo aggiuntivo news

Dalla lista possiamo

bull Selezionare la voce in base alla quale effettuare lrsquoordinamento (ad esempio Immagini)

bull Premere il tasto Imposta campi per aggiungere alla lista dei campi visualizzati quello selezionato

75 Ordinamento delle News e ricerca 71

DocWeb Release 101

A questo punto il campo selezionato (nel nostro esempio il campo Immagini) compare nella lista dellenews (il campo aggiunto egrave evidenziato con un riquadro in alto a destra nella figura Ordinamento campoaggiuntivo news (page 72))

Figura 718 Ordinamento campo aggiuntivo news

Effettuare le stesse operazioni illustrate per il campo Titolo per ordinare in modo crescente e decrescentele news secondo il criterio impostato (click pulsante sinistro sul nome etichetta)

Egrave anche possibile ricercare le news in base al testo contenuto nel titolo sottotitolo descrizione eccUtilizzando la maschera di ricerca in fondo pagina (evidenziata nella figura Ricerca news (page 72))

Figura 719 Ricerca news

Per effettuare una ricerca egrave necessario seguire i seguenti passi

1 Inserire nel campo Cerca Stringa il testo da cercare (nel nostro esempio ldquonequerdquo)

2 Premere il tasto Cerca per eseguire la ricerca secondo i criteri impostati

In questo modo nella lista delle news compariranno solo quelle che contengono il testo specificatoEffettuata la ricerca egrave possibile effettuare degli ordinamenti come spiegato in precedenza

75 Ordinamento delle News e ricerca 72

CAPITOLO 8

Modulo Eventi

Avvertimento SEZIONE NON COMPLETA

Si confrontino i seguenti due tipi di contenuti

Evento egrave un tipo di contenuto adatto a descrivere qualcosa che accadragrave o che egrave accaduto in una certadata La data o le date in cui lrsquoevento ricorre sono strettamente legate ad un luogo in cui lrsquoeventosi verificheragravesi egrave verificato Gli eventi vengono rappresentati mediante la metafora dellrsquoagenda edel calendario

Notizia egrave un tipo di contenuto caratterizzato dalla data di pubblicazione secondo la metafora delgiornale online E come in un giornale online una notizia puograve riferirsi sia a fatti giagrave accaduti chea fatti a venire

Nota Per comprendere meglio la differenza tra i due tipi di contenuto si pensi che dato un eventoche ha una certa data di svolgimento (ad es 20 maggio) di tale evento posso realizzare piugrave di unanotizia Rimanendo nellrsquoesempio potrei pubblicare una notizia il 10 maggio per preannunciare lrsquoeventoe poi unrsquoaltra il 18 maggio per ricordarne lrsquoimminenza Infine potrei pubblicare una notizia di riepilogo(cronaca dellrsquoevento immagini ecc) il 22 maggio

81 Scopo del modulo Eventi

Il visitatore del sito deve poter cogliere le informazioni essenziali di un evento

bull Cosa sta per succedere

bull Dove accadragrave

bull Quando accadragrave

82 Il Backend ndash Modulo Pagina

Vedi figura Eventi vista modulo pagina (page 74)

83 Il Backend ndash Modulo Lista

Vedi figura Eventi vista modulo lista (page 74)

73

DocWeb Release 101

Figura 81 Eventi vista modulo pagina

Figura 82 Eventi vista modulo lista

83 Il Backend ndash Modulo Lista 74

DocWeb Release 101

84 Creazione di un evento

Prima di procedere poniamoci qualche domanda

bull Lrsquoevento appartiene a qualche rassegna iniziativa per la quale sono in programma altri eventiPer esempio

ndash Rassegne teatrali cinematografiche

ndash Festival

bull Lrsquoevento si ripete

ndash La replica avviene sempre nello stesso luogo

841 Creazione del record

Vedi figura Creazione nuovo evento (page 75)

Vedi figura Creazione nuovo record evento (page 76)

Figura 83 Creazione nuovo evento

842 Scheda ldquoGeneralerdquo

Vedi figura Evento scheda generale (page 76)

843 Scheda ldquoFinestra temporalerdquo

Orario repliche

Vedi figura Evento finestra temporale (page 78)

84 Creazione di un evento 75

DocWeb Release 101

Figura 84 Creazione nuovo record evento

Figura 85 Evento scheda generale

84 Creazione di un evento 76

DocWeb Release 101

bull Lrsquoorario va solo per le Finestre temporali di un giorno (data inizio = data fine)

bull Se non si conosce lrsquoora della fine impostare ora inizio = ora fine

844 Scheda ldquoTestordquo

Vedi figura Evento scheda testo (page 79)

84 Creazione di un evento 77

DocWeb Release 101

Figura 86 Evento finestra temporale

84 Creazione di un evento 78

DocWeb Release 101

Figura 87 Evento scheda testo84 Creazione di un evento 79

  • Introduzione
    • Cosegrave DocWeb
    • Concetti chiave
      • Funzionalitagrave di Base
        • Il CMS Typo3 ldquobackendrdquo e ldquofrontendrdquo
        • Cambio password di accesso
        • Albero delle pagine
        • Implementazione delle pagine ldquogenitori rdquo e ldquofiglirdquo
        • Inserimento Nuova pagina
        • Elementi standard della pagina
        • Inserimento contenuti di una pagina
        • Contenuti multipli allrsquointerno di una pagina
        • Modifica dei contenuti della pagina
        • Spostamento di pagine
        • Eliminazione pagine
        • Rich Text Editor
        • Modalitagrave Lista
        • Modalitagrave Mostra
        • Modalitagrave ldquoMonta come radice dellrsquoalberordquo
        • Ottenere il page-id di una pagina
        • Admin Panel
          • La Clipboard
            • Copia o spostamento di un contenuto singolo di pagina allrsquointerno di unrsquoaltra pagina
            • Copia o spostamento di piugrave contenuti da una pagina ad unrsquoaltra
              • Modulo DAM (Digital Asset Management)
                • Caricamento e Aggiornamento di file
                • Ricerca di file allrsquointerno del DAM e modifica delle meta-informazioni
                  • Modulo Pagine di download
                    • Inserimento e configurazione pagine di download
                      • Modulo Sitemap
                        • Scheda di configurazione Mappa
                        • Tipo di mappa
                        • Il ``punto di partenza della mappa
                          • Modulo News
                            • Inserimento e modifica di news
                            • Modalitagrave Relations
                            • News collegata a URL esterna e a pagina interna
                            • Eliminazione delle News
                            • Ordinamento delle News e ricerca
                              • Modulo Eventi
                                • Scopo del modulo Eventi
                                • Il Backend ndash Modulo Pagina
                                • Il Backend ndash Modulo Lista
                                • Creazione di un evento
Page 37: DocWeb€¦ · per la realizzazione e la gestione di siti web della Pubblica Am-ministrazione. La piattaforma tecnologica utilizzata è il CMS (Content Management System) Open SourceTypo31

DocWeb Release 101

Figura 33 Risultato copia contenuto

Figura 34 Incolla contenuto

31 Copia o spostamento di un contenuto singolo di pagina allrsquointerno di unrsquoaltra pagina 34

DocWeb Release 101

selezionato rimane ancora a disposizione dellrsquoutente che potragrave selezionare altre pagine destinazionesu cui eventualmente andare a copiare il contenuto Nel caso in cui si selezioni un altro elementoad esempio ldquoTesto 1rdquo lrsquoelemento presente viene automaticamente sostituito

2 Dallrsquooggetto clipboard egrave possibile rimuovere un elemento premendo il bottone di Elimina postoaccanto ad esso

Figura 35 Vista clipboard

Con il procedimento descritto fino ad ora egrave possibile scegliere soltanto un contenuto alla volta

32 Copia o spostamento di piugrave contenuti da una pagina ad unrsquoaltra

Nel caso in cui ci si trovi nella necessitagrave di copiare piugrave di un contenuto da una pagina allrsquoaltra egrave necessarioseguire i passi seguenti

1 Selezionare il modulo Lista

2 Selezionare la pagina di origine da cui prelevare i contenuti

3 Selezionare la casella Mostra clipboard

4 Selezionare una clipboard tra quelle denominate ldquoClipboard 1rdquo ldquoClipboard 2rdquo ldquoClipboard 3rdquo(punto 3 figura Vista clipboard con contenuto selezionato (page 36))

Selezionando ad esempio la clipboard contrassegnata come ldquoclipboard 1rdquo si avragrave la seguente situazione

32 Copia o spostamento di piugrave contenuti da una pagina ad unrsquoaltra 35

DocWeb Release 101

Figura 36 Vista clipboard con contenuto selezionato

32 Copia o spostamento di piugrave contenuti da una pagina ad unrsquoaltra 36

DocWeb Release 101

1 In corrispondenza di ogni contenuto si evidenzia una Casella di selezione Sopra la colonna con lecaselle di selezione egrave comparsa una lista di bottoni tra cui al momento distinguiamo

2 Bottone di copia elementi nella clipboard

3 Bottone di selezione tuttinessuno

Scegliendo ad esempio i primi due elementi e premendo il pulsante di copia elementi nella clipboard sipuograve notare che (figura Copia nella clipboard (page 37))

Figura 37 Copia nella clipboard

1 La clipboard che abbiamo scelto per la selezione multipla (ldquoClipboard 1rdquo) contiene la lista deglioggetti che abbiamo scelto di copiare

2 Ersquo comparsa lrsquoicona di Incolla contenuto Clipboard

La procedura della selezione della pagina di destinazione rimane identica a quella giagrave utilizzata per lacopia di un contenuto singolo (selezionare la pagina di destinazione su cui andare a posizionare i contenutiselezionati)

Egrave importante fare notare che seguendo le operazioni descritte sopra si ottiene come risultato lospostamento dei contenuti dalla pagina origine a quella destinazione

Se si desidera copiare gli elementi selezionati egrave necessario una volta selezionati gli elementi da copiarepremere il tasto copia gli items invece di spostarli (evidenziato con un cerchio rosso nella figura Tagliadalla clipboard (page 38))

32 Copia o spostamento di piugrave contenuti da una pagina ad unrsquoaltra 37

DocWeb Release 101

Figura 38 Taglia dalla clipboard

32 Copia o spostamento di piugrave contenuti da una pagina ad unrsquoaltra 38

DocWeb Release 101

In questo modo dopo avere confermato lrsquooperazione i contenuti o le pagine da copiare saranno presentisia nella pagina origine che in quella destinazione

32 Copia o spostamento di piugrave contenuti da una pagina ad unrsquoaltra 39

CAPITOLO 4

Modulo DAM (Digital AssetManagement)

Il modulo DAM (Digital Asset Management) offre la possibilitagrave di raccogliere e catalogare contenuti informato digitale come immagini documenti presentazioni

Ogni file inserito puograve essere corredato di informazioni aggiuntive (meta-informazioni) come la descrizionelrsquoautore parole chiave ecc

Attraverso il modulo DAM egrave possibile svolgere le seguenti operazioni

bull Caricamento e Aggiornamento di file

bull Ricerca di file allrsquointerno del DAM e modifica delle meta-informazioni associate ai file

41 Caricamento e Aggiornamento di file

Lrsquooperazione di CaricamentoAggiornamento di file serve per sottoporre al sistema DAM un particolarecontenuto memorizzato in formato digitale

Lrsquoelemento caricato saragrave poi disponibile a chi inserisce contenuti

Per iniziare lrsquooperazione di caricamento di un file egrave sufficiente selezionare la voce File che si trovaallrsquointerno del modulo Media (figura Menu file (page 41))

La maschera che si apre (figura File upload (page 41)) offre le seguenti possibilitagrave

1 Selezione della posizione dove andare a caricareaggiornare il file

2 Specificare alcuni documenti da caricare (area File)

Concentrandoci sullrsquoarea File (figura Dettaglio file upload (page 42)) distinguiamo

1 Voce Show upload location browser (punto 1 figura sopra) egrave possibile visualizzare i file attualmentecaricati nel Mount Point selezionato

2 Lista di bottoni denominati Sfoglia da utilizzare nel caso in cui si desideri caricareaggiornareun file

Se si desidera caricare un file occorre cliccare sul bottone Sfoglia

La finestra che appare (figura Sfoglia file (page 42)) permette di selezionare dal proprio PC il file dacaricare

Per selezionare un file da caricare occorre

1 Esplorare le cartelle del proprio PC per trovare il file

40

DocWeb Release 101

Figura 41 Menu file

Figura 42 File upload

41 Caricamento e Aggiornamento di file 41

DocWeb Release 101

Figura 43 Dettaglio file upload

Figura 44 Sfoglia file

41 Caricamento e Aggiornamento di file 42

DocWeb Release 101

2 Inserire il nome del file nella casella di testo Nome file

3 Premere il tasto Apri

Una volta che si egrave selezionato un file egrave possibile

1 selezionare altri file da caricare seguendo gli stessi passi descritti in precedenza

2 effettuare lrsquooperazione di caricamento del file vero e proprio

Dallrsquoesempio abbiamo scelto di caricare un solo file

Il caricamento dei file viene eseguito premendo il bottone ldquoUpload filesrdquo che si trova in fondo alla listadei file selezionati (figura File selezionato (page 43))

Figura 45 File selezionato

Se tutto egrave stato eseguito correttamente appariragrave una finestra come quella nella figura Process files(page 44)

In questa maschera egrave possibile

1 Specificare le meta-informazioni per il singolo file come ad esempio il titolo parole chiavedescrizione

2 Avviare il processo di elaborazione multipla premendo il bottone Process selected files Con questoprocesso egrave possibile inserire o modificare le meta-informazioni per tutti i file della lista (in questocaso solo uno)

Se si vuole eseguire lrsquoinserimento delle meta-informazioni per singolo file la finestra che si apre egrave similea quella presentata in figura Elaborazione metainformazioni singolo file (page 44)

Nel caso si scelga di eseguire il processo di elaborazione multipla la maschera che compare (figuraElaborazione metainformazioni file multipli (page 45)) permette di selezionare le meta-informazioni chelrsquoutente intende inserire contemporaneamente per tutti i file della selezione

41 Caricamento e Aggiornamento di file 43

DocWeb Release 101

Figura 46 Process files

Figura 47 Elaborazione metainformazioni singolo file

41 Caricamento e Aggiornamento di file 44

DocWeb Release 101

Figura 48 Elaborazione metainformazioni file multipli

41 Caricamento e Aggiornamento di file 45

DocWeb Release 101

Se si seleziona la checkbox accanto alla voce che eventualmente saragrave inserita questa viene aggiuntaalle informazioni eventualmente giagrave presenti (modalitagrave append) Nellrsquoaltro caso le informazioni sarannosovrascritte

I campi Titolo e Descrizione sono obbligatori mentre il campo Parole chiavi puograve essere valorizzato adiscrezione dellrsquoutente Informazioni su come valorizzare i campi elencati sopra saranno descritte suapposite linee guida

Per completare lrsquoinserimentoaggiornamento delle meta-informazioni riguardanti il file caricato occorrepremere il tasto Send (figura Salva metainformazioni (page 46)) in fondo alla maschera per il salvataggiodelle informazioni

Figura 49 Salva metainformazioni

Tornando alla maschera di caricamento file e selezionando la checkbox in corrispondenza della voceSovrascrivi file esistenti (figura Carica file sovrascrivendo (page 46)) saragrave possibile aggiornare eventualifile che hanno lo stesso nome di quello che stiamo caricando

Questa procedura egrave utile quando si vuole aggiornare il contenuto di un file che egrave giagrave presente nel DAM

Figura 410 Carica file sovrascrivendo

Nel caso di aggiornamento di un file le meta-informazioni del file rimangono le stesse inserite inprecedenza Come si puograve notare non viene offerta la possibilitagrave di inserirne di nuove

Nel caso in cui un file con lo stesso nome sia giagrave caricato e non si desideri aggiornarlo il file inseritoper ultimo viene rinominato con un suffisso generato automaticamente dal DAM In questo caso la voceSovrascrivi file esistenti non deve essere selezionata (figura Carica file senza sovrascrivere (page 47))

Nellrsquoesempio in figura viene presentata la lista dei file presenti nel mount point selezionato

Da notare la presenza di un file che egrave stato rinominato dal DAM con un suffisso ldquo_01rdquo dato che nellastessa posizione era giagrave presente un file con lo stesso nome

41 Caricamento e Aggiornamento di file 46

DocWeb Release 101

Figura 411 Carica file senza sovrascrivere

41 Caricamento e Aggiornamento di file 47

DocWeb Release 101

42 Ricerca di file allrsquointerno del DAM e modifica delle meta-informazioni

Rimanendo sempre allrsquointerno del modulo Media selezioniamo la voce List egrave possibile effettuare dellericerche dei file e modificare le meta-informazioni associate ai file

Nella figura Backend media list (page 48) distinguiamo

Figura 412 Backend media list

1 Parte relativa ai Mount Point disponibili

2 Parte relativa ai tipi di file caricati nel sistema

3 Schede List Thumbnails Selection Process

Da questa sezione egrave possibile effettuare ricerche sui file caricati nel DAM

Le ricerche che si possono eseguire sono del tipo ldquotrova tutti i file pdf e docrdquo oppure ldquoelenca tutti i filedi tipo immagine ad eccezione dei file con estensione gifrdquo

Per prima cosa facendo click sul nome del tipo file (es gif oppure image) si seleziona solo quel tipo difile e si escludono tutti i criteri selezionati in precedenza

Per aggiungere un altro criterio di ricerca egrave sufficiente selezionare il ldquo+rdquo (punto 1 nella figura Criteri diselezione (page 49)) posto accanto al tipo di file che si vuole selezionare

Con il ldquo-ldquo(punto 2) saragrave possibile rimuovere il tipo di file dai criteri di ricerca

Selezionando ldquo=rdquo (punto 3) egrave possibile introdurre clausole del tipo ldquocerca un file che sia doc e presentenel Mount Point chiamato lsquoArea Testrsquordquo (ossia effettua una ricerca che risponda a tutti i criteri impostati)

Nellrsquoesempio della figura Salva selezione (page 49) sono stati selezionati tutti i tipi di immagine adeccezione dei file con estensione gif Questo risultato si ottiene nel seguente modo

1 selezionare il ldquo+rdquo accanto alla voce ldquoimagerdquo

2 premendo il tasto ldquo-ldquo in corrispondenza della voce ldquogifrdquo

I criteri impostati per la selezione possono essere salvati per un uso futuro Per salvare la selezioneoccorre (figura Salva selezione (page 49))

1 riempire il campo sotto la voce SELECTION con un nome che identifichi la ricerca

2 premere il tasto Save per salvare la modalitagrave di ricerca impostata

In questo modo saragrave possibile richiamare e rieseguire la ricerca impostata anche in futuro senza doverripetere il procedimento di scelta dei criteri mostrato in precedenza

42 Ricerca di file allrsquointerno del DAM e modifica delle meta-informazioni 48

DocWeb Release 101

Figura 413 Criteri di selezione

Figura 414 Salva selezione

42 Ricerca di file allrsquointerno del DAM e modifica delle meta-informazioni 49

DocWeb Release 101

Se in futuro saranno inseriti nuovi file che soddisfano la ricerca salvata questi verranno selezionati quandoverragrave richiamata la ricerca salvata

Dalla figura Ricerca salvata (page 50) egrave possibile notare come richiamare la ricerca salvata In questocaso abbiamo salvato la ricerca con il nome ldquoimmaginisenzagifrdquo

Figura 415 Ricerca salvata

Una volta che si egrave selezionata la ricerca egrave possibile

1 Premere il tasto Load per ricaricare la ricerca precedentemente impostata

2 Premere Remove per rimuovere la ricerca salvata

Una volta effettuata una particolare selezione di file egrave possibile (figura Schede backend media list(page 50))

Figura 416 Schede backend media list

1 vedere il contenuto della selezione (schede List e Thumbnails)

2 vedere i criteri impostati per la ricerca (scheda Selection)

3 modificare le meta-informazioni associate ai file (scheda Process) secondo quanto descritto inprecedenza

Nella figura Scheda selection (page 51) egrave visualizzato come selezionando la scheda Selection egrave possibileprendere visione dei criteri impostati nella ricerca (la ricerca egrave quella dellrsquoesempio precedente)

Selezionando le schede List e Thumbnails dopo avere effettuato una qualsiasi selezione si potrebbe avereuna situazione come quella mostrata nella figura Scheda list (page 51)

Cliccando sullrsquoicona corrispondente ad uno dei file presenti nella lista (selezionato con un cerchio rosso)egrave possibile accedere ad un menugrave contestuale (figura Menu contestuale DAM (page 51))che permette disvolgere le seguenti operazioni

Modifica Offre la possibilitagrave di visualizzare e modificare le meta-informazioni associate al file

Rinomina Selezionando la seguente voce egrave possibile assegnare un altro nome al file che si egrave caricato

Replace file Avvia lrsquooperazione di sostituzione del file

Info Visualizza informazioni relative al file

Cancella Rimuove il file dal DAM

42 Ricerca di file allrsquointerno del DAM e modifica delle meta-informazioni 50

DocWeb Release 101

Figura 417 Scheda selection

Figura 418 Scheda list

Figura 419 Menu contestuale DAM

42 Ricerca di file allrsquointerno del DAM e modifica delle meta-informazioni 51

CAPITOLO 5

Modulo Pagine di download

51 Inserimento e configurazione pagine di download

La creazione di pagine di download egrave utile quando si vuole mettere a disposizione una lista di uno o piugravefile in forma scaricabile

Per creare una pagina di download egrave necessario seguire i seguenti passi

1 Creare una pagina standard

2 Inserire il plugin DAM Download List

3 Configurare il plugin

Per creare una pagina egrave sufficiente entrare nel modulo Pagina e selezionare Crea nuovo record per accederealla finestra di creazione pagine

Nellrsquoesempio in figura Backend creazione contenuto (page 52) egrave stata creata la pagina denominata ldquoPaginadownloadrdquo come figlio della pagina ldquoPagina di provardquo

Figura 51 Backend creazione contenuto

Una volta creata la pagina occorre configurarla in maniera tale da permettere la visualizzazione di unalista di file scaricabili Per fare ciograve occorre inserire un plugin denominato ldquoDAM Download Listrdquo Unplugin egrave un contenuto speciale da inserire in una pagina

52

DocWeb Release 101

Per inserirlo come per un contenuto occorre seguire i seguenti passi (figura Backend creazione contenuto(page 52))

1 Selezionare la pagina in cui inserire il plugin Nellrsquoesempio la pagina denominata ldquoPaginadownloadrdquo

2 Selezionare la voce Clicca qui per il wizard nella maschera che compare quando si vuole inserire unnuovo record

Figura 52 Wizard nuovo contenuto

Oltre ai normali contenuti standard il wizard permette di selezionare (figura Wizard nuovo contenuto(page 53))

1 Contenuti speciali

2 Moduli

3 Plugins

Allrsquointerno della lista dei Plugins selezionare DAM Lista dei file scaricabili (punto 4 nella figura Wizardnuovo contenuto (page 53))

Dopo aver selezionato il plugin occorreragrave selezionare la posizione della pagina in cui inserire lrsquoelemento

Selezionare ldquoNormalerdquo

A questo punto il plugin egrave inserito nella pagina desiderata

51 Inserimento e configurazione pagine di download 53

DocWeb Release 101

Oltre allrsquoinserimento occorre configurare il plugin in modo da dirgli quali file far visualizzare

Una volta che il plugin viene inserito viene aperta una finestra (figura Contenuto pagina (page 54)) doveviene richiesto di selezionare dei file inseriti nel sistema

Figura 53 Contenuto pagina

Per proseguire correttamente egrave necessario salvare immediatamente il Contenuto Pagina altrimenti leoperazioni successive potrebbero andare perse

Per inserire i file nella lista occorre effettuare la seguente operazione (figura Contenuto pagina (page 54))

1 Nella parte della maschera denominata DAM Lista di file scaricabili selezionare lrsquoicona SfogliaRecord (cerchiata in rosso) per avviare la procedura di selezione dei file

Selezionando la voce Sfoglia Record verragrave aperto lrsquoElement Browser di TYPO3 che ci permette di se-lezionare i file da inserire nel plugin La finestra (figura Element browser (page 55)) egrave composta di dueschede

1 Media ndash permette di selezionare i file giagrave esistenti nel sistema

2 Upload ndash permette di caricare nuovi file

Selezionando la sezione Media egrave possibile selezionare dalla lista i file da inserire

51 Inserimento e configurazione pagine di download 54

DocWeb Release 101

Figura 54 Element browser

Se la lista dei file fosse troppo lunga egrave possibile effettuare delle ricerche per nome e per tipologia di file(doc htm )

Per cercare per nome (figura Ricerca per nome (page 55)) occorre inserire nella casella di testo Cercastringa (punto 1 nella figura sopra) il nome o parte del nome del file da cercare Una volta specificata lastringa di ricerca premere il tasto Cerca (punto 2)

Figura 55 Ricerca per nome

Per cercare un particolare tipo di file selezionare il nome dellrsquoestensione che si desidera dallrsquoelenco deitipi di file (figura Ricerca per tipo (page 56))

Nota I due tipi di ricerca possono essere usati contemporaneamente

Selezionando la voce informazioni (punto 1 nella figura Selezione file (page 56)) egrave possibile visualizzarele meta-informazioni associate al file

Premendo con il mouse sul nome del file (punto 2) o sullrsquoicona associata (punto 3) si inserisce il file nellalista dei file da far visualizzare nella pagina di download mediante lrsquoapposito plugin

Selezionando la scheda Upload si puograve inserire un file non presente nel sistema (figura Caricamentoimmediato file (page 56))

51 Inserimento e configurazione pagine di download 55

DocWeb Release 101

Figura 56 Ricerca per tipo

Figura 57 Selezione file

Figura 58 Caricamento immediato file

51 Inserimento e configurazione pagine di download 56

DocWeb Release 101

Scegliere i file dal proprio PC seguendo le operazioni giagrave descritte nel modulo DAM e selezionare dallascheda Media i nuovi file inseriti

Nella figura Plugin con file selezionati (page 57) egrave visualizzato un esempio di maschera di configurazionedel plugin con la lista dei file selezionati

Figura 59 Plugin con file selezionati

I file una volta inseriti possono essere ordinati selezionando sugli appositi bottoni posti a destra dellalista file

bull Per ordinare un determinato file occorre

bull Selezionare un file

Premere uno dei tasti (figura sopra) per

1 Spostare in prima posizione

2 Spostare in alto di una posizione

3 Spostare in basso di una posizione

4 Spostare in ultima posizione

5 Rimuovere dalla lista il file selezionato

Una volta eseguiti i passaggi sopra descritti salvare la configurazione del plugin

51 Inserimento e configurazione pagine di download 57

CAPITOLO 6

Modulo Sitemap

Ersquo possibile generare una mappa del sito scegliendo un contenuto speciale di tipo ldquoMappa del Sitordquo comemostrato nella figura Contenuto mappa del sito (page 58)

Figura 61 Contenuto mappa del sito

Per scegliere un record di tipo ldquomappa del sitordquo (per visualizzare cioegrave la vista dei contenuti possibili)saragrave necessario portarsi in modalitagrave ldquopaginardquo compiendo gli stessi passaggi descritti per la creazione dicontenuti semplici in fase di creazione delle pagine (in questo caso selezionando il contenuto specialemappa)

58

DocWeb Release 101

61 Scheda di configurazione Mappa

La scheda di configurazione si presenta come nella figura Scheda mappa del sito (page 59)

Figura 62 Scheda mappa del sito

I campi fondamentali da personalizzare sono lrsquointestazione (ossia il titolo pagina) il tipo di menugrave e ilpunto di partenza Nellrsquointestazione viene inserito come di consuetudine il titolo pagina

62 Tipo di mappa

Ersquo possibile scegliere il tipo di mappa che si desidera creare consultando il menugrave a tendina ldquotipo di menugraverdquoche ci offriragrave diverse opzioni

Le piugrave frequentemente usate sono di tipo ldquoMenugrave delle sottopagine rdquo come indicato nella figura Tipo dimenu (page 60)

Menugrave delle sottopagine di queste pagine Scegliendo questa opzione da una pagina padre sigenereragrave un record che mostreragrave al suo interno tutte le sottovoci figlio con relativo link

Menugrave delle sottopagine di queste pagine (con abstract) Genera una mappa sia delle sottopagineche dei sottotitoli

Menugrave delle sottopagine di queste pagine + sezioni Genera una mappa sia delle sottopagine chedei record (link alle intestazioni dei singoli record)

Selezionando voci di menugrave di sottopagine egrave anche possibile stabilire un determinato punto di partenzasfogliando lrsquoapposito record

61 Scheda di configurazione Mappa 59

DocWeb Release 101

Figura 63 Tipo di menu

63 Il ldquopunto di partenzardquo della mappa

Il ldquopunto di partenzardquo dei Menugrave delle sottopagine Scheda mappa del sito (page 59) costituisce la paginadalla quale il sistema partiragrave per creare la mappa

Si potragrave quindi creare una mappa (di tipo menugrave delle sottopagine) che mostri solamente il percorso diquella porzione di menugrave che si intende mostrare

63 Il ldquopunto di partenzardquo della mappa 60

CAPITOLO 7

Modulo News

71 Inserimento e modifica di news

Alcune sezioni del nostro sito potrebbero essere state configurate per permettere la visualizzazione dinotizie

Per poter visualizzare le news correttamente occorre che queste ultime vengano inserite in una determi-nata posizione allrsquointerno del backend Da questa posizione che chiameremo repository delle news lenostre pagine andranno a prelevare le news da visualizzare al loro interno

Figura 71 Backend news

Nellrsquoesempio presentato nella figura Backend news (page 61) distinguiamo

1 il repository delle news che egrave stato creato

2 Un esempio di come potrebbe apparire il contenuto del repository delle news (lista delle news)

Per poter visualizzare il contenuto del repository delle news occorre seguire i seguenti passi

1 entrare nel modulo Pagina

61

DocWeb Release 101

2 selezionare il repository delle news corrispondente (nellrsquoesempio della figura Backend news (page 61)il Repository delle news si chiama ldquoNews Area Testrdquo)

Poniamo ora la nostra attenzione alla lista delle news (figura Lista news (page 62)) Da qui egrave possibile

bull Inserire una nuova notizia

bull Modificare le notizie giagrave esistenti

Per inserire una nuova notizia occorre selezionare la voce Crea nuovo record (figura Lista news (page 62))posta in fondo alla lista delle news

Figura 72 Lista news

A questo punto si apre la finestra di creazione Nuovo record da cui occorre selezionare la voce News(figura Nuovo record news (page 62))

Figura 73 Nuovo record news

Eseguendo le operazioni sopra descritte si accede alla maschera di inserimento news (figura Inserimentonews scheda generale (page 63))

Questa si compone di due schede una denominata Generale e unrsquoaltra denominata Relations

Nella scheda Generale egrave possibile inserire

Titolo in questo spazio egrave possibile specificare un titolo della news

Nascondi questo controllo determina se la news egrave pubblicabile oppure no Come avviene per le pagineanche per le news egrave consigliabile tenere la news nascosta durante la lavorazione Facciamo notare

71 Inserimento e modifica di news 62

DocWeb Release 101

Figura 74 Inserimento news scheda generale

71 Inserimento e modifica di news 63

DocWeb Release 101

che appena viene aperta la maschera di inserimento di una nuova news il controllo appare giagrave instato nascosto

Dataora in questo spazio viene indicata la data e lrsquoora della creazione della news in base ai parametridi sistema

Data Archiviazione in questo spazio viene inserita la data di Archiviazione di una news

Autore permette di specificare un autore della news

Email permette di specificare un e-mail a cui fare riferimento

Sottointestazione questo campo conterragrave una breve descrizione (abstract) della news La sottointes-tazione egrave quella parte della news che compare quando viene visualizzata la lista delle news e serveper dare una breve descrizione al contenuto della news (si veda Esempio news (page 64))

Figura 75 Esempio news

Durante lrsquoinserimento di una news egrave consigliabile specificare sempre una sottointestazione

Testo egrave il campo che contiene il contenuto vero e proprio della news Egrave possibile utilizzare tutte lefunzionalitagrave messe a disposizione dallrsquoeditor RTE

72 Modalitagrave Relations

Nella modalitagrave Relations (figura Inserimento news scheda relations (page 65)) egrave possibile inserire

Immagini contiene una lista di immagini da associare alla news Il procedimento per la se-lezionecaricamento delle immagini egrave stato descritto nella parte dedicata alla creazione di paginedi download a cui vi rimandiamo

Didascalia permette di specificare una descrizione per lrsquoimmagine associata alla news

Image alttext e Image titletext permette di specificare un testo che in visualizzazione (Frontend)compariragrave al passaggio del mouse sopra lrsquoimmagine

News correlate permette di specificare news o pagine del sito da associare alla news Il procedimentodi selezione delle news da associare alla notizia saragrave spiegato successivamente

DAM elements permette di assegnare alla news dei documenti da scaricare come per esempioil programma di un determinato evento Anche in questo caso il procedimento per la se-lezionecaricamento dei documenti egrave quello giagrave descritto nella parte dedicata alla creazione dipagine di download

Descriviamo il procedimento da seguire per associare alcune pagine o alcune news alla notizia che stiamoinserendo

Premere il tasto di Sfoglia Record evidenziato nella figura Sfoglia record news (page 65)

Verragrave aperta una finestra che contiene un Element Browser che ci permette di selezionare le newspagine(figura Element browser news (page 66)) da associare

La finestra di selezione si suddivide nelle seguenti parti (figura sopra)

Alberatura del sito da cui egrave possibile esplorare gli elementi del nostro sito (pagine sysfolder )Premendo con il tasto sinistro del mouse sul nome della pagina o sulla freccia corrispondente verragraveaggiornata la parte di destra della finestra in cui egrave inserita la lista degli elementi associabili

72 Modalitagrave Relations 64

DocWeb Release 101

Figura 76 Inserimento news scheda relations

Figura 77 Sfoglia record news

72 Modalitagrave Relations 65

DocWeb Release 101

Figura 78 Element browser news

Lista degli elementi associabili egrave quindi possibile selezionare gli elementi da associare alla newsPer associare un elemento si puograve selezionare il simbolo ldquo+rdquo posto accanto allrsquoelemento desideratoo agendo sul nome del file Nel primo caso lrsquoelemento viene aggiunto ma la finestra non si chiuderagrave(utile per effettuare selezioni multiple) mentre nel secondo caso lrsquoelemento viene aggiunto e lafinestra si chiuderagrave (selezione singola)

Nota Per associare una o piugrave news alla notizia che stiamo inserendo occorreragrave innanzitutto selezionareil repository delle news e utilizzando i metodi descritti in precedenza indicare le news di interesse

Nella figura Selezione repository (page 66) viene visualizzato come appare lrsquoElement Browser dopo averselezionato il repository delle news denominato ldquoNews Corso Typo3rdquo

Figura 79 Selezione repository

Una volta ultimato il procedimento di inserimento di una news vedremo che nel repository compariragrave(figura News nel repository (page 67)) anche quella da noi creata Nellrsquoesempio la news creata si chiamaldquoTitolo della news di provardquo

Dalla lista delle news possiamo notare che i diversi tipi di news sono contrassegnati con icone diverse

In particolare distinguiamo

72 Modalitagrave Relations 66

DocWeb Release 101

Figura 710 News nel repository

bull News (icona ldquocelestinardquo)

bull Collegamento a URL esterna (icona ldquorosardquo)

bull Collegamento a pagina interna (icona ldquogiallinardquo)

Per modificare il contenuto di una news egrave sufficiente selezionare il simbolo di modifica (figura Modificanews (page 67)) in corrispondenza della news da modificare

Figura 711 Modifica news

73 News collegata a URL esterna e a pagina interna

Attraverso la selezione della finestra ldquoTipordquo egrave possibile scegliere diverse tipologie di news

Nella figura News collegata a url esterna (page 68) egrave stato selezionato il Collegamento a URL esterna checi offriragrave la possibilitagrave di specificare un link (ldquoURL esternordquo) da far visualizzare e che saragrave contraddistintain lista da lrsquoicona di colore rosa

Selezionando il Collegamento a pagina interna viene offerta la possibilitagrave di inserire un collegamento auna pagina del sito (evidenziato nella figura News collegata a pagina interna (page 69))

La news si presenteragrave con icona di color ldquogiallordquo e al suo interno conterragrave un link alla pagina interna alsito

73 News collegata a URL esterna e a pagina interna 67

DocWeb Release 101

Figura 712 News collegata a url esterna

73 News collegata a URL esterna e a pagina interna 68

DocWeb Release 101

Figura 713 News collegata a pagina interna

73 News collegata a URL esterna e a pagina interna 69

DocWeb Release 101

74 Eliminazione delle News

Per eliminare una news possiamo procedere tra lrsquoaltro in due modi

1 Selezionare la news da eliminare dallrsquoelenco e selezionare la voce ldquocancellardquo dal menugrave a tendinaconsultabile cliccando con il pulsante destro sullrsquoicona in corrispondenza della news (figura Eliminanews da menu contestuale (page 70))

Figura 714 Elimina news da menu contestuale

2 Entrare allrsquointerno della modalitagrave di modifica della news attraverso lrsquoicona ldquomatitardquo e selezionare lrsquoi-cona raffigurante il bidone di elimina posta in alto pagina (figura Elimina news da scheda contenuto(page 70))

Figura 715 Elimina news da scheda contenuto

75 Ordinamento delle News e ricerca

Puograve essere necessario durante la visualizzazione della lista delle news (lato backend) di dover effettuaredegli ordinamenti al fine di permettere una ricerca piugrave veloce delle news da modificare

74 Eliminazione delle News 70

DocWeb Release 101

Avvertimento Lrsquoordinamento ha valore solo come ricerca allrsquointerno del backend mentre latofrontend rispecchieragrave i parametri prestabiliti dal sistema

Supponiamo per esempio di voler effettuare un ordinamento per Titolo Seguiamo i seguenti passi(figura sotto)

1 Selezionare la voce di menugrave Lista

2 Selezionare il deposito delle news (repository) News Corso Typo3

3 Cliccare con il mouse in corrispondenza della voce ldquoTitolordquo

A questo punto (figura Ordinamento news (page 71)) le news vengono ordinate in ordine crescente(vengono visualizzate prima le news con titolo che inizia con la lettera a b e cosigrave via)

Figura 716 Ordinamento news

Se clicchiamo unrsquoaltra volta sulla voce ldquoTitolordquo il tipo di ordinamento cambia da crescente a decrescente(compariranno per prima le news con titolo che inizia per z )

Egrave inoltre possibile ordinare secondo campo da noi specificato Per definire il nome di un campo (ad estesto inizio autore ) su cui effettuare lrsquoordinamento occorreragrave spostarsi in fondo alla lista delle newsdove troveremo una lista di campi (figura Mostra campo aggiuntivo news (page 71))

Figura 717 Mostra campo aggiuntivo news

Dalla lista possiamo

bull Selezionare la voce in base alla quale effettuare lrsquoordinamento (ad esempio Immagini)

bull Premere il tasto Imposta campi per aggiungere alla lista dei campi visualizzati quello selezionato

75 Ordinamento delle News e ricerca 71

DocWeb Release 101

A questo punto il campo selezionato (nel nostro esempio il campo Immagini) compare nella lista dellenews (il campo aggiunto egrave evidenziato con un riquadro in alto a destra nella figura Ordinamento campoaggiuntivo news (page 72))

Figura 718 Ordinamento campo aggiuntivo news

Effettuare le stesse operazioni illustrate per il campo Titolo per ordinare in modo crescente e decrescentele news secondo il criterio impostato (click pulsante sinistro sul nome etichetta)

Egrave anche possibile ricercare le news in base al testo contenuto nel titolo sottotitolo descrizione eccUtilizzando la maschera di ricerca in fondo pagina (evidenziata nella figura Ricerca news (page 72))

Figura 719 Ricerca news

Per effettuare una ricerca egrave necessario seguire i seguenti passi

1 Inserire nel campo Cerca Stringa il testo da cercare (nel nostro esempio ldquonequerdquo)

2 Premere il tasto Cerca per eseguire la ricerca secondo i criteri impostati

In questo modo nella lista delle news compariranno solo quelle che contengono il testo specificatoEffettuata la ricerca egrave possibile effettuare degli ordinamenti come spiegato in precedenza

75 Ordinamento delle News e ricerca 72

CAPITOLO 8

Modulo Eventi

Avvertimento SEZIONE NON COMPLETA

Si confrontino i seguenti due tipi di contenuti

Evento egrave un tipo di contenuto adatto a descrivere qualcosa che accadragrave o che egrave accaduto in una certadata La data o le date in cui lrsquoevento ricorre sono strettamente legate ad un luogo in cui lrsquoeventosi verificheragravesi egrave verificato Gli eventi vengono rappresentati mediante la metafora dellrsquoagenda edel calendario

Notizia egrave un tipo di contenuto caratterizzato dalla data di pubblicazione secondo la metafora delgiornale online E come in un giornale online una notizia puograve riferirsi sia a fatti giagrave accaduti chea fatti a venire

Nota Per comprendere meglio la differenza tra i due tipi di contenuto si pensi che dato un eventoche ha una certa data di svolgimento (ad es 20 maggio) di tale evento posso realizzare piugrave di unanotizia Rimanendo nellrsquoesempio potrei pubblicare una notizia il 10 maggio per preannunciare lrsquoeventoe poi unrsquoaltra il 18 maggio per ricordarne lrsquoimminenza Infine potrei pubblicare una notizia di riepilogo(cronaca dellrsquoevento immagini ecc) il 22 maggio

81 Scopo del modulo Eventi

Il visitatore del sito deve poter cogliere le informazioni essenziali di un evento

bull Cosa sta per succedere

bull Dove accadragrave

bull Quando accadragrave

82 Il Backend ndash Modulo Pagina

Vedi figura Eventi vista modulo pagina (page 74)

83 Il Backend ndash Modulo Lista

Vedi figura Eventi vista modulo lista (page 74)

73

DocWeb Release 101

Figura 81 Eventi vista modulo pagina

Figura 82 Eventi vista modulo lista

83 Il Backend ndash Modulo Lista 74

DocWeb Release 101

84 Creazione di un evento

Prima di procedere poniamoci qualche domanda

bull Lrsquoevento appartiene a qualche rassegna iniziativa per la quale sono in programma altri eventiPer esempio

ndash Rassegne teatrali cinematografiche

ndash Festival

bull Lrsquoevento si ripete

ndash La replica avviene sempre nello stesso luogo

841 Creazione del record

Vedi figura Creazione nuovo evento (page 75)

Vedi figura Creazione nuovo record evento (page 76)

Figura 83 Creazione nuovo evento

842 Scheda ldquoGeneralerdquo

Vedi figura Evento scheda generale (page 76)

843 Scheda ldquoFinestra temporalerdquo

Orario repliche

Vedi figura Evento finestra temporale (page 78)

84 Creazione di un evento 75

DocWeb Release 101

Figura 84 Creazione nuovo record evento

Figura 85 Evento scheda generale

84 Creazione di un evento 76

DocWeb Release 101

bull Lrsquoorario va solo per le Finestre temporali di un giorno (data inizio = data fine)

bull Se non si conosce lrsquoora della fine impostare ora inizio = ora fine

844 Scheda ldquoTestordquo

Vedi figura Evento scheda testo (page 79)

84 Creazione di un evento 77

DocWeb Release 101

Figura 86 Evento finestra temporale

84 Creazione di un evento 78

DocWeb Release 101

Figura 87 Evento scheda testo84 Creazione di un evento 79

  • Introduzione
    • Cosegrave DocWeb
    • Concetti chiave
      • Funzionalitagrave di Base
        • Il CMS Typo3 ldquobackendrdquo e ldquofrontendrdquo
        • Cambio password di accesso
        • Albero delle pagine
        • Implementazione delle pagine ldquogenitori rdquo e ldquofiglirdquo
        • Inserimento Nuova pagina
        • Elementi standard della pagina
        • Inserimento contenuti di una pagina
        • Contenuti multipli allrsquointerno di una pagina
        • Modifica dei contenuti della pagina
        • Spostamento di pagine
        • Eliminazione pagine
        • Rich Text Editor
        • Modalitagrave Lista
        • Modalitagrave Mostra
        • Modalitagrave ldquoMonta come radice dellrsquoalberordquo
        • Ottenere il page-id di una pagina
        • Admin Panel
          • La Clipboard
            • Copia o spostamento di un contenuto singolo di pagina allrsquointerno di unrsquoaltra pagina
            • Copia o spostamento di piugrave contenuti da una pagina ad unrsquoaltra
              • Modulo DAM (Digital Asset Management)
                • Caricamento e Aggiornamento di file
                • Ricerca di file allrsquointerno del DAM e modifica delle meta-informazioni
                  • Modulo Pagine di download
                    • Inserimento e configurazione pagine di download
                      • Modulo Sitemap
                        • Scheda di configurazione Mappa
                        • Tipo di mappa
                        • Il ``punto di partenza della mappa
                          • Modulo News
                            • Inserimento e modifica di news
                            • Modalitagrave Relations
                            • News collegata a URL esterna e a pagina interna
                            • Eliminazione delle News
                            • Ordinamento delle News e ricerca
                              • Modulo Eventi
                                • Scopo del modulo Eventi
                                • Il Backend ndash Modulo Pagina
                                • Il Backend ndash Modulo Lista
                                • Creazione di un evento
Page 38: DocWeb€¦ · per la realizzazione e la gestione di siti web della Pubblica Am-ministrazione. La piattaforma tecnologica utilizzata è il CMS (Content Management System) Open SourceTypo31

DocWeb Release 101

selezionato rimane ancora a disposizione dellrsquoutente che potragrave selezionare altre pagine destinazionesu cui eventualmente andare a copiare il contenuto Nel caso in cui si selezioni un altro elementoad esempio ldquoTesto 1rdquo lrsquoelemento presente viene automaticamente sostituito

2 Dallrsquooggetto clipboard egrave possibile rimuovere un elemento premendo il bottone di Elimina postoaccanto ad esso

Figura 35 Vista clipboard

Con il procedimento descritto fino ad ora egrave possibile scegliere soltanto un contenuto alla volta

32 Copia o spostamento di piugrave contenuti da una pagina ad unrsquoaltra

Nel caso in cui ci si trovi nella necessitagrave di copiare piugrave di un contenuto da una pagina allrsquoaltra egrave necessarioseguire i passi seguenti

1 Selezionare il modulo Lista

2 Selezionare la pagina di origine da cui prelevare i contenuti

3 Selezionare la casella Mostra clipboard

4 Selezionare una clipboard tra quelle denominate ldquoClipboard 1rdquo ldquoClipboard 2rdquo ldquoClipboard 3rdquo(punto 3 figura Vista clipboard con contenuto selezionato (page 36))

Selezionando ad esempio la clipboard contrassegnata come ldquoclipboard 1rdquo si avragrave la seguente situazione

32 Copia o spostamento di piugrave contenuti da una pagina ad unrsquoaltra 35

DocWeb Release 101

Figura 36 Vista clipboard con contenuto selezionato

32 Copia o spostamento di piugrave contenuti da una pagina ad unrsquoaltra 36

DocWeb Release 101

1 In corrispondenza di ogni contenuto si evidenzia una Casella di selezione Sopra la colonna con lecaselle di selezione egrave comparsa una lista di bottoni tra cui al momento distinguiamo

2 Bottone di copia elementi nella clipboard

3 Bottone di selezione tuttinessuno

Scegliendo ad esempio i primi due elementi e premendo il pulsante di copia elementi nella clipboard sipuograve notare che (figura Copia nella clipboard (page 37))

Figura 37 Copia nella clipboard

1 La clipboard che abbiamo scelto per la selezione multipla (ldquoClipboard 1rdquo) contiene la lista deglioggetti che abbiamo scelto di copiare

2 Ersquo comparsa lrsquoicona di Incolla contenuto Clipboard

La procedura della selezione della pagina di destinazione rimane identica a quella giagrave utilizzata per lacopia di un contenuto singolo (selezionare la pagina di destinazione su cui andare a posizionare i contenutiselezionati)

Egrave importante fare notare che seguendo le operazioni descritte sopra si ottiene come risultato lospostamento dei contenuti dalla pagina origine a quella destinazione

Se si desidera copiare gli elementi selezionati egrave necessario una volta selezionati gli elementi da copiarepremere il tasto copia gli items invece di spostarli (evidenziato con un cerchio rosso nella figura Tagliadalla clipboard (page 38))

32 Copia o spostamento di piugrave contenuti da una pagina ad unrsquoaltra 37

DocWeb Release 101

Figura 38 Taglia dalla clipboard

32 Copia o spostamento di piugrave contenuti da una pagina ad unrsquoaltra 38

DocWeb Release 101

In questo modo dopo avere confermato lrsquooperazione i contenuti o le pagine da copiare saranno presentisia nella pagina origine che in quella destinazione

32 Copia o spostamento di piugrave contenuti da una pagina ad unrsquoaltra 39

CAPITOLO 4

Modulo DAM (Digital AssetManagement)

Il modulo DAM (Digital Asset Management) offre la possibilitagrave di raccogliere e catalogare contenuti informato digitale come immagini documenti presentazioni

Ogni file inserito puograve essere corredato di informazioni aggiuntive (meta-informazioni) come la descrizionelrsquoautore parole chiave ecc

Attraverso il modulo DAM egrave possibile svolgere le seguenti operazioni

bull Caricamento e Aggiornamento di file

bull Ricerca di file allrsquointerno del DAM e modifica delle meta-informazioni associate ai file

41 Caricamento e Aggiornamento di file

Lrsquooperazione di CaricamentoAggiornamento di file serve per sottoporre al sistema DAM un particolarecontenuto memorizzato in formato digitale

Lrsquoelemento caricato saragrave poi disponibile a chi inserisce contenuti

Per iniziare lrsquooperazione di caricamento di un file egrave sufficiente selezionare la voce File che si trovaallrsquointerno del modulo Media (figura Menu file (page 41))

La maschera che si apre (figura File upload (page 41)) offre le seguenti possibilitagrave

1 Selezione della posizione dove andare a caricareaggiornare il file

2 Specificare alcuni documenti da caricare (area File)

Concentrandoci sullrsquoarea File (figura Dettaglio file upload (page 42)) distinguiamo

1 Voce Show upload location browser (punto 1 figura sopra) egrave possibile visualizzare i file attualmentecaricati nel Mount Point selezionato

2 Lista di bottoni denominati Sfoglia da utilizzare nel caso in cui si desideri caricareaggiornareun file

Se si desidera caricare un file occorre cliccare sul bottone Sfoglia

La finestra che appare (figura Sfoglia file (page 42)) permette di selezionare dal proprio PC il file dacaricare

Per selezionare un file da caricare occorre

1 Esplorare le cartelle del proprio PC per trovare il file

40

DocWeb Release 101

Figura 41 Menu file

Figura 42 File upload

41 Caricamento e Aggiornamento di file 41

DocWeb Release 101

Figura 43 Dettaglio file upload

Figura 44 Sfoglia file

41 Caricamento e Aggiornamento di file 42

DocWeb Release 101

2 Inserire il nome del file nella casella di testo Nome file

3 Premere il tasto Apri

Una volta che si egrave selezionato un file egrave possibile

1 selezionare altri file da caricare seguendo gli stessi passi descritti in precedenza

2 effettuare lrsquooperazione di caricamento del file vero e proprio

Dallrsquoesempio abbiamo scelto di caricare un solo file

Il caricamento dei file viene eseguito premendo il bottone ldquoUpload filesrdquo che si trova in fondo alla listadei file selezionati (figura File selezionato (page 43))

Figura 45 File selezionato

Se tutto egrave stato eseguito correttamente appariragrave una finestra come quella nella figura Process files(page 44)

In questa maschera egrave possibile

1 Specificare le meta-informazioni per il singolo file come ad esempio il titolo parole chiavedescrizione

2 Avviare il processo di elaborazione multipla premendo il bottone Process selected files Con questoprocesso egrave possibile inserire o modificare le meta-informazioni per tutti i file della lista (in questocaso solo uno)

Se si vuole eseguire lrsquoinserimento delle meta-informazioni per singolo file la finestra che si apre egrave similea quella presentata in figura Elaborazione metainformazioni singolo file (page 44)

Nel caso si scelga di eseguire il processo di elaborazione multipla la maschera che compare (figuraElaborazione metainformazioni file multipli (page 45)) permette di selezionare le meta-informazioni chelrsquoutente intende inserire contemporaneamente per tutti i file della selezione

41 Caricamento e Aggiornamento di file 43

DocWeb Release 101

Figura 46 Process files

Figura 47 Elaborazione metainformazioni singolo file

41 Caricamento e Aggiornamento di file 44

DocWeb Release 101

Figura 48 Elaborazione metainformazioni file multipli

41 Caricamento e Aggiornamento di file 45

DocWeb Release 101

Se si seleziona la checkbox accanto alla voce che eventualmente saragrave inserita questa viene aggiuntaalle informazioni eventualmente giagrave presenti (modalitagrave append) Nellrsquoaltro caso le informazioni sarannosovrascritte

I campi Titolo e Descrizione sono obbligatori mentre il campo Parole chiavi puograve essere valorizzato adiscrezione dellrsquoutente Informazioni su come valorizzare i campi elencati sopra saranno descritte suapposite linee guida

Per completare lrsquoinserimentoaggiornamento delle meta-informazioni riguardanti il file caricato occorrepremere il tasto Send (figura Salva metainformazioni (page 46)) in fondo alla maschera per il salvataggiodelle informazioni

Figura 49 Salva metainformazioni

Tornando alla maschera di caricamento file e selezionando la checkbox in corrispondenza della voceSovrascrivi file esistenti (figura Carica file sovrascrivendo (page 46)) saragrave possibile aggiornare eventualifile che hanno lo stesso nome di quello che stiamo caricando

Questa procedura egrave utile quando si vuole aggiornare il contenuto di un file che egrave giagrave presente nel DAM

Figura 410 Carica file sovrascrivendo

Nel caso di aggiornamento di un file le meta-informazioni del file rimangono le stesse inserite inprecedenza Come si puograve notare non viene offerta la possibilitagrave di inserirne di nuove

Nel caso in cui un file con lo stesso nome sia giagrave caricato e non si desideri aggiornarlo il file inseritoper ultimo viene rinominato con un suffisso generato automaticamente dal DAM In questo caso la voceSovrascrivi file esistenti non deve essere selezionata (figura Carica file senza sovrascrivere (page 47))

Nellrsquoesempio in figura viene presentata la lista dei file presenti nel mount point selezionato

Da notare la presenza di un file che egrave stato rinominato dal DAM con un suffisso ldquo_01rdquo dato che nellastessa posizione era giagrave presente un file con lo stesso nome

41 Caricamento e Aggiornamento di file 46

DocWeb Release 101

Figura 411 Carica file senza sovrascrivere

41 Caricamento e Aggiornamento di file 47

DocWeb Release 101

42 Ricerca di file allrsquointerno del DAM e modifica delle meta-informazioni

Rimanendo sempre allrsquointerno del modulo Media selezioniamo la voce List egrave possibile effettuare dellericerche dei file e modificare le meta-informazioni associate ai file

Nella figura Backend media list (page 48) distinguiamo

Figura 412 Backend media list

1 Parte relativa ai Mount Point disponibili

2 Parte relativa ai tipi di file caricati nel sistema

3 Schede List Thumbnails Selection Process

Da questa sezione egrave possibile effettuare ricerche sui file caricati nel DAM

Le ricerche che si possono eseguire sono del tipo ldquotrova tutti i file pdf e docrdquo oppure ldquoelenca tutti i filedi tipo immagine ad eccezione dei file con estensione gifrdquo

Per prima cosa facendo click sul nome del tipo file (es gif oppure image) si seleziona solo quel tipo difile e si escludono tutti i criteri selezionati in precedenza

Per aggiungere un altro criterio di ricerca egrave sufficiente selezionare il ldquo+rdquo (punto 1 nella figura Criteri diselezione (page 49)) posto accanto al tipo di file che si vuole selezionare

Con il ldquo-ldquo(punto 2) saragrave possibile rimuovere il tipo di file dai criteri di ricerca

Selezionando ldquo=rdquo (punto 3) egrave possibile introdurre clausole del tipo ldquocerca un file che sia doc e presentenel Mount Point chiamato lsquoArea Testrsquordquo (ossia effettua una ricerca che risponda a tutti i criteri impostati)

Nellrsquoesempio della figura Salva selezione (page 49) sono stati selezionati tutti i tipi di immagine adeccezione dei file con estensione gif Questo risultato si ottiene nel seguente modo

1 selezionare il ldquo+rdquo accanto alla voce ldquoimagerdquo

2 premendo il tasto ldquo-ldquo in corrispondenza della voce ldquogifrdquo

I criteri impostati per la selezione possono essere salvati per un uso futuro Per salvare la selezioneoccorre (figura Salva selezione (page 49))

1 riempire il campo sotto la voce SELECTION con un nome che identifichi la ricerca

2 premere il tasto Save per salvare la modalitagrave di ricerca impostata

In questo modo saragrave possibile richiamare e rieseguire la ricerca impostata anche in futuro senza doverripetere il procedimento di scelta dei criteri mostrato in precedenza

42 Ricerca di file allrsquointerno del DAM e modifica delle meta-informazioni 48

DocWeb Release 101

Figura 413 Criteri di selezione

Figura 414 Salva selezione

42 Ricerca di file allrsquointerno del DAM e modifica delle meta-informazioni 49

DocWeb Release 101

Se in futuro saranno inseriti nuovi file che soddisfano la ricerca salvata questi verranno selezionati quandoverragrave richiamata la ricerca salvata

Dalla figura Ricerca salvata (page 50) egrave possibile notare come richiamare la ricerca salvata In questocaso abbiamo salvato la ricerca con il nome ldquoimmaginisenzagifrdquo

Figura 415 Ricerca salvata

Una volta che si egrave selezionata la ricerca egrave possibile

1 Premere il tasto Load per ricaricare la ricerca precedentemente impostata

2 Premere Remove per rimuovere la ricerca salvata

Una volta effettuata una particolare selezione di file egrave possibile (figura Schede backend media list(page 50))

Figura 416 Schede backend media list

1 vedere il contenuto della selezione (schede List e Thumbnails)

2 vedere i criteri impostati per la ricerca (scheda Selection)

3 modificare le meta-informazioni associate ai file (scheda Process) secondo quanto descritto inprecedenza

Nella figura Scheda selection (page 51) egrave visualizzato come selezionando la scheda Selection egrave possibileprendere visione dei criteri impostati nella ricerca (la ricerca egrave quella dellrsquoesempio precedente)

Selezionando le schede List e Thumbnails dopo avere effettuato una qualsiasi selezione si potrebbe avereuna situazione come quella mostrata nella figura Scheda list (page 51)

Cliccando sullrsquoicona corrispondente ad uno dei file presenti nella lista (selezionato con un cerchio rosso)egrave possibile accedere ad un menugrave contestuale (figura Menu contestuale DAM (page 51))che permette disvolgere le seguenti operazioni

Modifica Offre la possibilitagrave di visualizzare e modificare le meta-informazioni associate al file

Rinomina Selezionando la seguente voce egrave possibile assegnare un altro nome al file che si egrave caricato

Replace file Avvia lrsquooperazione di sostituzione del file

Info Visualizza informazioni relative al file

Cancella Rimuove il file dal DAM

42 Ricerca di file allrsquointerno del DAM e modifica delle meta-informazioni 50

DocWeb Release 101

Figura 417 Scheda selection

Figura 418 Scheda list

Figura 419 Menu contestuale DAM

42 Ricerca di file allrsquointerno del DAM e modifica delle meta-informazioni 51

CAPITOLO 5

Modulo Pagine di download

51 Inserimento e configurazione pagine di download

La creazione di pagine di download egrave utile quando si vuole mettere a disposizione una lista di uno o piugravefile in forma scaricabile

Per creare una pagina di download egrave necessario seguire i seguenti passi

1 Creare una pagina standard

2 Inserire il plugin DAM Download List

3 Configurare il plugin

Per creare una pagina egrave sufficiente entrare nel modulo Pagina e selezionare Crea nuovo record per accederealla finestra di creazione pagine

Nellrsquoesempio in figura Backend creazione contenuto (page 52) egrave stata creata la pagina denominata ldquoPaginadownloadrdquo come figlio della pagina ldquoPagina di provardquo

Figura 51 Backend creazione contenuto

Una volta creata la pagina occorre configurarla in maniera tale da permettere la visualizzazione di unalista di file scaricabili Per fare ciograve occorre inserire un plugin denominato ldquoDAM Download Listrdquo Unplugin egrave un contenuto speciale da inserire in una pagina

52

DocWeb Release 101

Per inserirlo come per un contenuto occorre seguire i seguenti passi (figura Backend creazione contenuto(page 52))

1 Selezionare la pagina in cui inserire il plugin Nellrsquoesempio la pagina denominata ldquoPaginadownloadrdquo

2 Selezionare la voce Clicca qui per il wizard nella maschera che compare quando si vuole inserire unnuovo record

Figura 52 Wizard nuovo contenuto

Oltre ai normali contenuti standard il wizard permette di selezionare (figura Wizard nuovo contenuto(page 53))

1 Contenuti speciali

2 Moduli

3 Plugins

Allrsquointerno della lista dei Plugins selezionare DAM Lista dei file scaricabili (punto 4 nella figura Wizardnuovo contenuto (page 53))

Dopo aver selezionato il plugin occorreragrave selezionare la posizione della pagina in cui inserire lrsquoelemento

Selezionare ldquoNormalerdquo

A questo punto il plugin egrave inserito nella pagina desiderata

51 Inserimento e configurazione pagine di download 53

DocWeb Release 101

Oltre allrsquoinserimento occorre configurare il plugin in modo da dirgli quali file far visualizzare

Una volta che il plugin viene inserito viene aperta una finestra (figura Contenuto pagina (page 54)) doveviene richiesto di selezionare dei file inseriti nel sistema

Figura 53 Contenuto pagina

Per proseguire correttamente egrave necessario salvare immediatamente il Contenuto Pagina altrimenti leoperazioni successive potrebbero andare perse

Per inserire i file nella lista occorre effettuare la seguente operazione (figura Contenuto pagina (page 54))

1 Nella parte della maschera denominata DAM Lista di file scaricabili selezionare lrsquoicona SfogliaRecord (cerchiata in rosso) per avviare la procedura di selezione dei file

Selezionando la voce Sfoglia Record verragrave aperto lrsquoElement Browser di TYPO3 che ci permette di se-lezionare i file da inserire nel plugin La finestra (figura Element browser (page 55)) egrave composta di dueschede

1 Media ndash permette di selezionare i file giagrave esistenti nel sistema

2 Upload ndash permette di caricare nuovi file

Selezionando la sezione Media egrave possibile selezionare dalla lista i file da inserire

51 Inserimento e configurazione pagine di download 54

DocWeb Release 101

Figura 54 Element browser

Se la lista dei file fosse troppo lunga egrave possibile effettuare delle ricerche per nome e per tipologia di file(doc htm )

Per cercare per nome (figura Ricerca per nome (page 55)) occorre inserire nella casella di testo Cercastringa (punto 1 nella figura sopra) il nome o parte del nome del file da cercare Una volta specificata lastringa di ricerca premere il tasto Cerca (punto 2)

Figura 55 Ricerca per nome

Per cercare un particolare tipo di file selezionare il nome dellrsquoestensione che si desidera dallrsquoelenco deitipi di file (figura Ricerca per tipo (page 56))

Nota I due tipi di ricerca possono essere usati contemporaneamente

Selezionando la voce informazioni (punto 1 nella figura Selezione file (page 56)) egrave possibile visualizzarele meta-informazioni associate al file

Premendo con il mouse sul nome del file (punto 2) o sullrsquoicona associata (punto 3) si inserisce il file nellalista dei file da far visualizzare nella pagina di download mediante lrsquoapposito plugin

Selezionando la scheda Upload si puograve inserire un file non presente nel sistema (figura Caricamentoimmediato file (page 56))

51 Inserimento e configurazione pagine di download 55

DocWeb Release 101

Figura 56 Ricerca per tipo

Figura 57 Selezione file

Figura 58 Caricamento immediato file

51 Inserimento e configurazione pagine di download 56

DocWeb Release 101

Scegliere i file dal proprio PC seguendo le operazioni giagrave descritte nel modulo DAM e selezionare dallascheda Media i nuovi file inseriti

Nella figura Plugin con file selezionati (page 57) egrave visualizzato un esempio di maschera di configurazionedel plugin con la lista dei file selezionati

Figura 59 Plugin con file selezionati

I file una volta inseriti possono essere ordinati selezionando sugli appositi bottoni posti a destra dellalista file

bull Per ordinare un determinato file occorre

bull Selezionare un file

Premere uno dei tasti (figura sopra) per

1 Spostare in prima posizione

2 Spostare in alto di una posizione

3 Spostare in basso di una posizione

4 Spostare in ultima posizione

5 Rimuovere dalla lista il file selezionato

Una volta eseguiti i passaggi sopra descritti salvare la configurazione del plugin

51 Inserimento e configurazione pagine di download 57

CAPITOLO 6

Modulo Sitemap

Ersquo possibile generare una mappa del sito scegliendo un contenuto speciale di tipo ldquoMappa del Sitordquo comemostrato nella figura Contenuto mappa del sito (page 58)

Figura 61 Contenuto mappa del sito

Per scegliere un record di tipo ldquomappa del sitordquo (per visualizzare cioegrave la vista dei contenuti possibili)saragrave necessario portarsi in modalitagrave ldquopaginardquo compiendo gli stessi passaggi descritti per la creazione dicontenuti semplici in fase di creazione delle pagine (in questo caso selezionando il contenuto specialemappa)

58

DocWeb Release 101

61 Scheda di configurazione Mappa

La scheda di configurazione si presenta come nella figura Scheda mappa del sito (page 59)

Figura 62 Scheda mappa del sito

I campi fondamentali da personalizzare sono lrsquointestazione (ossia il titolo pagina) il tipo di menugrave e ilpunto di partenza Nellrsquointestazione viene inserito come di consuetudine il titolo pagina

62 Tipo di mappa

Ersquo possibile scegliere il tipo di mappa che si desidera creare consultando il menugrave a tendina ldquotipo di menugraverdquoche ci offriragrave diverse opzioni

Le piugrave frequentemente usate sono di tipo ldquoMenugrave delle sottopagine rdquo come indicato nella figura Tipo dimenu (page 60)

Menugrave delle sottopagine di queste pagine Scegliendo questa opzione da una pagina padre sigenereragrave un record che mostreragrave al suo interno tutte le sottovoci figlio con relativo link

Menugrave delle sottopagine di queste pagine (con abstract) Genera una mappa sia delle sottopagineche dei sottotitoli

Menugrave delle sottopagine di queste pagine + sezioni Genera una mappa sia delle sottopagine chedei record (link alle intestazioni dei singoli record)

Selezionando voci di menugrave di sottopagine egrave anche possibile stabilire un determinato punto di partenzasfogliando lrsquoapposito record

61 Scheda di configurazione Mappa 59

DocWeb Release 101

Figura 63 Tipo di menu

63 Il ldquopunto di partenzardquo della mappa

Il ldquopunto di partenzardquo dei Menugrave delle sottopagine Scheda mappa del sito (page 59) costituisce la paginadalla quale il sistema partiragrave per creare la mappa

Si potragrave quindi creare una mappa (di tipo menugrave delle sottopagine) che mostri solamente il percorso diquella porzione di menugrave che si intende mostrare

63 Il ldquopunto di partenzardquo della mappa 60

CAPITOLO 7

Modulo News

71 Inserimento e modifica di news

Alcune sezioni del nostro sito potrebbero essere state configurate per permettere la visualizzazione dinotizie

Per poter visualizzare le news correttamente occorre che queste ultime vengano inserite in una determi-nata posizione allrsquointerno del backend Da questa posizione che chiameremo repository delle news lenostre pagine andranno a prelevare le news da visualizzare al loro interno

Figura 71 Backend news

Nellrsquoesempio presentato nella figura Backend news (page 61) distinguiamo

1 il repository delle news che egrave stato creato

2 Un esempio di come potrebbe apparire il contenuto del repository delle news (lista delle news)

Per poter visualizzare il contenuto del repository delle news occorre seguire i seguenti passi

1 entrare nel modulo Pagina

61

DocWeb Release 101

2 selezionare il repository delle news corrispondente (nellrsquoesempio della figura Backend news (page 61)il Repository delle news si chiama ldquoNews Area Testrdquo)

Poniamo ora la nostra attenzione alla lista delle news (figura Lista news (page 62)) Da qui egrave possibile

bull Inserire una nuova notizia

bull Modificare le notizie giagrave esistenti

Per inserire una nuova notizia occorre selezionare la voce Crea nuovo record (figura Lista news (page 62))posta in fondo alla lista delle news

Figura 72 Lista news

A questo punto si apre la finestra di creazione Nuovo record da cui occorre selezionare la voce News(figura Nuovo record news (page 62))

Figura 73 Nuovo record news

Eseguendo le operazioni sopra descritte si accede alla maschera di inserimento news (figura Inserimentonews scheda generale (page 63))

Questa si compone di due schede una denominata Generale e unrsquoaltra denominata Relations

Nella scheda Generale egrave possibile inserire

Titolo in questo spazio egrave possibile specificare un titolo della news

Nascondi questo controllo determina se la news egrave pubblicabile oppure no Come avviene per le pagineanche per le news egrave consigliabile tenere la news nascosta durante la lavorazione Facciamo notare

71 Inserimento e modifica di news 62

DocWeb Release 101

Figura 74 Inserimento news scheda generale

71 Inserimento e modifica di news 63

DocWeb Release 101

che appena viene aperta la maschera di inserimento di una nuova news il controllo appare giagrave instato nascosto

Dataora in questo spazio viene indicata la data e lrsquoora della creazione della news in base ai parametridi sistema

Data Archiviazione in questo spazio viene inserita la data di Archiviazione di una news

Autore permette di specificare un autore della news

Email permette di specificare un e-mail a cui fare riferimento

Sottointestazione questo campo conterragrave una breve descrizione (abstract) della news La sottointes-tazione egrave quella parte della news che compare quando viene visualizzata la lista delle news e serveper dare una breve descrizione al contenuto della news (si veda Esempio news (page 64))

Figura 75 Esempio news

Durante lrsquoinserimento di una news egrave consigliabile specificare sempre una sottointestazione

Testo egrave il campo che contiene il contenuto vero e proprio della news Egrave possibile utilizzare tutte lefunzionalitagrave messe a disposizione dallrsquoeditor RTE

72 Modalitagrave Relations

Nella modalitagrave Relations (figura Inserimento news scheda relations (page 65)) egrave possibile inserire

Immagini contiene una lista di immagini da associare alla news Il procedimento per la se-lezionecaricamento delle immagini egrave stato descritto nella parte dedicata alla creazione di paginedi download a cui vi rimandiamo

Didascalia permette di specificare una descrizione per lrsquoimmagine associata alla news

Image alttext e Image titletext permette di specificare un testo che in visualizzazione (Frontend)compariragrave al passaggio del mouse sopra lrsquoimmagine

News correlate permette di specificare news o pagine del sito da associare alla news Il procedimentodi selezione delle news da associare alla notizia saragrave spiegato successivamente

DAM elements permette di assegnare alla news dei documenti da scaricare come per esempioil programma di un determinato evento Anche in questo caso il procedimento per la se-lezionecaricamento dei documenti egrave quello giagrave descritto nella parte dedicata alla creazione dipagine di download

Descriviamo il procedimento da seguire per associare alcune pagine o alcune news alla notizia che stiamoinserendo

Premere il tasto di Sfoglia Record evidenziato nella figura Sfoglia record news (page 65)

Verragrave aperta una finestra che contiene un Element Browser che ci permette di selezionare le newspagine(figura Element browser news (page 66)) da associare

La finestra di selezione si suddivide nelle seguenti parti (figura sopra)

Alberatura del sito da cui egrave possibile esplorare gli elementi del nostro sito (pagine sysfolder )Premendo con il tasto sinistro del mouse sul nome della pagina o sulla freccia corrispondente verragraveaggiornata la parte di destra della finestra in cui egrave inserita la lista degli elementi associabili

72 Modalitagrave Relations 64

DocWeb Release 101

Figura 76 Inserimento news scheda relations

Figura 77 Sfoglia record news

72 Modalitagrave Relations 65

DocWeb Release 101

Figura 78 Element browser news

Lista degli elementi associabili egrave quindi possibile selezionare gli elementi da associare alla newsPer associare un elemento si puograve selezionare il simbolo ldquo+rdquo posto accanto allrsquoelemento desideratoo agendo sul nome del file Nel primo caso lrsquoelemento viene aggiunto ma la finestra non si chiuderagrave(utile per effettuare selezioni multiple) mentre nel secondo caso lrsquoelemento viene aggiunto e lafinestra si chiuderagrave (selezione singola)

Nota Per associare una o piugrave news alla notizia che stiamo inserendo occorreragrave innanzitutto selezionareil repository delle news e utilizzando i metodi descritti in precedenza indicare le news di interesse

Nella figura Selezione repository (page 66) viene visualizzato come appare lrsquoElement Browser dopo averselezionato il repository delle news denominato ldquoNews Corso Typo3rdquo

Figura 79 Selezione repository

Una volta ultimato il procedimento di inserimento di una news vedremo che nel repository compariragrave(figura News nel repository (page 67)) anche quella da noi creata Nellrsquoesempio la news creata si chiamaldquoTitolo della news di provardquo

Dalla lista delle news possiamo notare che i diversi tipi di news sono contrassegnati con icone diverse

In particolare distinguiamo

72 Modalitagrave Relations 66

DocWeb Release 101

Figura 710 News nel repository

bull News (icona ldquocelestinardquo)

bull Collegamento a URL esterna (icona ldquorosardquo)

bull Collegamento a pagina interna (icona ldquogiallinardquo)

Per modificare il contenuto di una news egrave sufficiente selezionare il simbolo di modifica (figura Modificanews (page 67)) in corrispondenza della news da modificare

Figura 711 Modifica news

73 News collegata a URL esterna e a pagina interna

Attraverso la selezione della finestra ldquoTipordquo egrave possibile scegliere diverse tipologie di news

Nella figura News collegata a url esterna (page 68) egrave stato selezionato il Collegamento a URL esterna checi offriragrave la possibilitagrave di specificare un link (ldquoURL esternordquo) da far visualizzare e che saragrave contraddistintain lista da lrsquoicona di colore rosa

Selezionando il Collegamento a pagina interna viene offerta la possibilitagrave di inserire un collegamento auna pagina del sito (evidenziato nella figura News collegata a pagina interna (page 69))

La news si presenteragrave con icona di color ldquogiallordquo e al suo interno conterragrave un link alla pagina interna alsito

73 News collegata a URL esterna e a pagina interna 67

DocWeb Release 101

Figura 712 News collegata a url esterna

73 News collegata a URL esterna e a pagina interna 68

DocWeb Release 101

Figura 713 News collegata a pagina interna

73 News collegata a URL esterna e a pagina interna 69

DocWeb Release 101

74 Eliminazione delle News

Per eliminare una news possiamo procedere tra lrsquoaltro in due modi

1 Selezionare la news da eliminare dallrsquoelenco e selezionare la voce ldquocancellardquo dal menugrave a tendinaconsultabile cliccando con il pulsante destro sullrsquoicona in corrispondenza della news (figura Eliminanews da menu contestuale (page 70))

Figura 714 Elimina news da menu contestuale

2 Entrare allrsquointerno della modalitagrave di modifica della news attraverso lrsquoicona ldquomatitardquo e selezionare lrsquoi-cona raffigurante il bidone di elimina posta in alto pagina (figura Elimina news da scheda contenuto(page 70))

Figura 715 Elimina news da scheda contenuto

75 Ordinamento delle News e ricerca

Puograve essere necessario durante la visualizzazione della lista delle news (lato backend) di dover effettuaredegli ordinamenti al fine di permettere una ricerca piugrave veloce delle news da modificare

74 Eliminazione delle News 70

DocWeb Release 101

Avvertimento Lrsquoordinamento ha valore solo come ricerca allrsquointerno del backend mentre latofrontend rispecchieragrave i parametri prestabiliti dal sistema

Supponiamo per esempio di voler effettuare un ordinamento per Titolo Seguiamo i seguenti passi(figura sotto)

1 Selezionare la voce di menugrave Lista

2 Selezionare il deposito delle news (repository) News Corso Typo3

3 Cliccare con il mouse in corrispondenza della voce ldquoTitolordquo

A questo punto (figura Ordinamento news (page 71)) le news vengono ordinate in ordine crescente(vengono visualizzate prima le news con titolo che inizia con la lettera a b e cosigrave via)

Figura 716 Ordinamento news

Se clicchiamo unrsquoaltra volta sulla voce ldquoTitolordquo il tipo di ordinamento cambia da crescente a decrescente(compariranno per prima le news con titolo che inizia per z )

Egrave inoltre possibile ordinare secondo campo da noi specificato Per definire il nome di un campo (ad estesto inizio autore ) su cui effettuare lrsquoordinamento occorreragrave spostarsi in fondo alla lista delle newsdove troveremo una lista di campi (figura Mostra campo aggiuntivo news (page 71))

Figura 717 Mostra campo aggiuntivo news

Dalla lista possiamo

bull Selezionare la voce in base alla quale effettuare lrsquoordinamento (ad esempio Immagini)

bull Premere il tasto Imposta campi per aggiungere alla lista dei campi visualizzati quello selezionato

75 Ordinamento delle News e ricerca 71

DocWeb Release 101

A questo punto il campo selezionato (nel nostro esempio il campo Immagini) compare nella lista dellenews (il campo aggiunto egrave evidenziato con un riquadro in alto a destra nella figura Ordinamento campoaggiuntivo news (page 72))

Figura 718 Ordinamento campo aggiuntivo news

Effettuare le stesse operazioni illustrate per il campo Titolo per ordinare in modo crescente e decrescentele news secondo il criterio impostato (click pulsante sinistro sul nome etichetta)

Egrave anche possibile ricercare le news in base al testo contenuto nel titolo sottotitolo descrizione eccUtilizzando la maschera di ricerca in fondo pagina (evidenziata nella figura Ricerca news (page 72))

Figura 719 Ricerca news

Per effettuare una ricerca egrave necessario seguire i seguenti passi

1 Inserire nel campo Cerca Stringa il testo da cercare (nel nostro esempio ldquonequerdquo)

2 Premere il tasto Cerca per eseguire la ricerca secondo i criteri impostati

In questo modo nella lista delle news compariranno solo quelle che contengono il testo specificatoEffettuata la ricerca egrave possibile effettuare degli ordinamenti come spiegato in precedenza

75 Ordinamento delle News e ricerca 72

CAPITOLO 8

Modulo Eventi

Avvertimento SEZIONE NON COMPLETA

Si confrontino i seguenti due tipi di contenuti

Evento egrave un tipo di contenuto adatto a descrivere qualcosa che accadragrave o che egrave accaduto in una certadata La data o le date in cui lrsquoevento ricorre sono strettamente legate ad un luogo in cui lrsquoeventosi verificheragravesi egrave verificato Gli eventi vengono rappresentati mediante la metafora dellrsquoagenda edel calendario

Notizia egrave un tipo di contenuto caratterizzato dalla data di pubblicazione secondo la metafora delgiornale online E come in un giornale online una notizia puograve riferirsi sia a fatti giagrave accaduti chea fatti a venire

Nota Per comprendere meglio la differenza tra i due tipi di contenuto si pensi che dato un eventoche ha una certa data di svolgimento (ad es 20 maggio) di tale evento posso realizzare piugrave di unanotizia Rimanendo nellrsquoesempio potrei pubblicare una notizia il 10 maggio per preannunciare lrsquoeventoe poi unrsquoaltra il 18 maggio per ricordarne lrsquoimminenza Infine potrei pubblicare una notizia di riepilogo(cronaca dellrsquoevento immagini ecc) il 22 maggio

81 Scopo del modulo Eventi

Il visitatore del sito deve poter cogliere le informazioni essenziali di un evento

bull Cosa sta per succedere

bull Dove accadragrave

bull Quando accadragrave

82 Il Backend ndash Modulo Pagina

Vedi figura Eventi vista modulo pagina (page 74)

83 Il Backend ndash Modulo Lista

Vedi figura Eventi vista modulo lista (page 74)

73

DocWeb Release 101

Figura 81 Eventi vista modulo pagina

Figura 82 Eventi vista modulo lista

83 Il Backend ndash Modulo Lista 74

DocWeb Release 101

84 Creazione di un evento

Prima di procedere poniamoci qualche domanda

bull Lrsquoevento appartiene a qualche rassegna iniziativa per la quale sono in programma altri eventiPer esempio

ndash Rassegne teatrali cinematografiche

ndash Festival

bull Lrsquoevento si ripete

ndash La replica avviene sempre nello stesso luogo

841 Creazione del record

Vedi figura Creazione nuovo evento (page 75)

Vedi figura Creazione nuovo record evento (page 76)

Figura 83 Creazione nuovo evento

842 Scheda ldquoGeneralerdquo

Vedi figura Evento scheda generale (page 76)

843 Scheda ldquoFinestra temporalerdquo

Orario repliche

Vedi figura Evento finestra temporale (page 78)

84 Creazione di un evento 75

DocWeb Release 101

Figura 84 Creazione nuovo record evento

Figura 85 Evento scheda generale

84 Creazione di un evento 76

DocWeb Release 101

bull Lrsquoorario va solo per le Finestre temporali di un giorno (data inizio = data fine)

bull Se non si conosce lrsquoora della fine impostare ora inizio = ora fine

844 Scheda ldquoTestordquo

Vedi figura Evento scheda testo (page 79)

84 Creazione di un evento 77

DocWeb Release 101

Figura 86 Evento finestra temporale

84 Creazione di un evento 78

DocWeb Release 101

Figura 87 Evento scheda testo84 Creazione di un evento 79

  • Introduzione
    • Cosegrave DocWeb
    • Concetti chiave
      • Funzionalitagrave di Base
        • Il CMS Typo3 ldquobackendrdquo e ldquofrontendrdquo
        • Cambio password di accesso
        • Albero delle pagine
        • Implementazione delle pagine ldquogenitori rdquo e ldquofiglirdquo
        • Inserimento Nuova pagina
        • Elementi standard della pagina
        • Inserimento contenuti di una pagina
        • Contenuti multipli allrsquointerno di una pagina
        • Modifica dei contenuti della pagina
        • Spostamento di pagine
        • Eliminazione pagine
        • Rich Text Editor
        • Modalitagrave Lista
        • Modalitagrave Mostra
        • Modalitagrave ldquoMonta come radice dellrsquoalberordquo
        • Ottenere il page-id di una pagina
        • Admin Panel
          • La Clipboard
            • Copia o spostamento di un contenuto singolo di pagina allrsquointerno di unrsquoaltra pagina
            • Copia o spostamento di piugrave contenuti da una pagina ad unrsquoaltra
              • Modulo DAM (Digital Asset Management)
                • Caricamento e Aggiornamento di file
                • Ricerca di file allrsquointerno del DAM e modifica delle meta-informazioni
                  • Modulo Pagine di download
                    • Inserimento e configurazione pagine di download
                      • Modulo Sitemap
                        • Scheda di configurazione Mappa
                        • Tipo di mappa
                        • Il ``punto di partenza della mappa
                          • Modulo News
                            • Inserimento e modifica di news
                            • Modalitagrave Relations
                            • News collegata a URL esterna e a pagina interna
                            • Eliminazione delle News
                            • Ordinamento delle News e ricerca
                              • Modulo Eventi
                                • Scopo del modulo Eventi
                                • Il Backend ndash Modulo Pagina
                                • Il Backend ndash Modulo Lista
                                • Creazione di un evento
Page 39: DocWeb€¦ · per la realizzazione e la gestione di siti web della Pubblica Am-ministrazione. La piattaforma tecnologica utilizzata è il CMS (Content Management System) Open SourceTypo31

DocWeb Release 101

Figura 36 Vista clipboard con contenuto selezionato

32 Copia o spostamento di piugrave contenuti da una pagina ad unrsquoaltra 36

DocWeb Release 101

1 In corrispondenza di ogni contenuto si evidenzia una Casella di selezione Sopra la colonna con lecaselle di selezione egrave comparsa una lista di bottoni tra cui al momento distinguiamo

2 Bottone di copia elementi nella clipboard

3 Bottone di selezione tuttinessuno

Scegliendo ad esempio i primi due elementi e premendo il pulsante di copia elementi nella clipboard sipuograve notare che (figura Copia nella clipboard (page 37))

Figura 37 Copia nella clipboard

1 La clipboard che abbiamo scelto per la selezione multipla (ldquoClipboard 1rdquo) contiene la lista deglioggetti che abbiamo scelto di copiare

2 Ersquo comparsa lrsquoicona di Incolla contenuto Clipboard

La procedura della selezione della pagina di destinazione rimane identica a quella giagrave utilizzata per lacopia di un contenuto singolo (selezionare la pagina di destinazione su cui andare a posizionare i contenutiselezionati)

Egrave importante fare notare che seguendo le operazioni descritte sopra si ottiene come risultato lospostamento dei contenuti dalla pagina origine a quella destinazione

Se si desidera copiare gli elementi selezionati egrave necessario una volta selezionati gli elementi da copiarepremere il tasto copia gli items invece di spostarli (evidenziato con un cerchio rosso nella figura Tagliadalla clipboard (page 38))

32 Copia o spostamento di piugrave contenuti da una pagina ad unrsquoaltra 37

DocWeb Release 101

Figura 38 Taglia dalla clipboard

32 Copia o spostamento di piugrave contenuti da una pagina ad unrsquoaltra 38

DocWeb Release 101

In questo modo dopo avere confermato lrsquooperazione i contenuti o le pagine da copiare saranno presentisia nella pagina origine che in quella destinazione

32 Copia o spostamento di piugrave contenuti da una pagina ad unrsquoaltra 39

CAPITOLO 4

Modulo DAM (Digital AssetManagement)

Il modulo DAM (Digital Asset Management) offre la possibilitagrave di raccogliere e catalogare contenuti informato digitale come immagini documenti presentazioni

Ogni file inserito puograve essere corredato di informazioni aggiuntive (meta-informazioni) come la descrizionelrsquoautore parole chiave ecc

Attraverso il modulo DAM egrave possibile svolgere le seguenti operazioni

bull Caricamento e Aggiornamento di file

bull Ricerca di file allrsquointerno del DAM e modifica delle meta-informazioni associate ai file

41 Caricamento e Aggiornamento di file

Lrsquooperazione di CaricamentoAggiornamento di file serve per sottoporre al sistema DAM un particolarecontenuto memorizzato in formato digitale

Lrsquoelemento caricato saragrave poi disponibile a chi inserisce contenuti

Per iniziare lrsquooperazione di caricamento di un file egrave sufficiente selezionare la voce File che si trovaallrsquointerno del modulo Media (figura Menu file (page 41))

La maschera che si apre (figura File upload (page 41)) offre le seguenti possibilitagrave

1 Selezione della posizione dove andare a caricareaggiornare il file

2 Specificare alcuni documenti da caricare (area File)

Concentrandoci sullrsquoarea File (figura Dettaglio file upload (page 42)) distinguiamo

1 Voce Show upload location browser (punto 1 figura sopra) egrave possibile visualizzare i file attualmentecaricati nel Mount Point selezionato

2 Lista di bottoni denominati Sfoglia da utilizzare nel caso in cui si desideri caricareaggiornareun file

Se si desidera caricare un file occorre cliccare sul bottone Sfoglia

La finestra che appare (figura Sfoglia file (page 42)) permette di selezionare dal proprio PC il file dacaricare

Per selezionare un file da caricare occorre

1 Esplorare le cartelle del proprio PC per trovare il file

40

DocWeb Release 101

Figura 41 Menu file

Figura 42 File upload

41 Caricamento e Aggiornamento di file 41

DocWeb Release 101

Figura 43 Dettaglio file upload

Figura 44 Sfoglia file

41 Caricamento e Aggiornamento di file 42

DocWeb Release 101

2 Inserire il nome del file nella casella di testo Nome file

3 Premere il tasto Apri

Una volta che si egrave selezionato un file egrave possibile

1 selezionare altri file da caricare seguendo gli stessi passi descritti in precedenza

2 effettuare lrsquooperazione di caricamento del file vero e proprio

Dallrsquoesempio abbiamo scelto di caricare un solo file

Il caricamento dei file viene eseguito premendo il bottone ldquoUpload filesrdquo che si trova in fondo alla listadei file selezionati (figura File selezionato (page 43))

Figura 45 File selezionato

Se tutto egrave stato eseguito correttamente appariragrave una finestra come quella nella figura Process files(page 44)

In questa maschera egrave possibile

1 Specificare le meta-informazioni per il singolo file come ad esempio il titolo parole chiavedescrizione

2 Avviare il processo di elaborazione multipla premendo il bottone Process selected files Con questoprocesso egrave possibile inserire o modificare le meta-informazioni per tutti i file della lista (in questocaso solo uno)

Se si vuole eseguire lrsquoinserimento delle meta-informazioni per singolo file la finestra che si apre egrave similea quella presentata in figura Elaborazione metainformazioni singolo file (page 44)

Nel caso si scelga di eseguire il processo di elaborazione multipla la maschera che compare (figuraElaborazione metainformazioni file multipli (page 45)) permette di selezionare le meta-informazioni chelrsquoutente intende inserire contemporaneamente per tutti i file della selezione

41 Caricamento e Aggiornamento di file 43

DocWeb Release 101

Figura 46 Process files

Figura 47 Elaborazione metainformazioni singolo file

41 Caricamento e Aggiornamento di file 44

DocWeb Release 101

Figura 48 Elaborazione metainformazioni file multipli

41 Caricamento e Aggiornamento di file 45

DocWeb Release 101

Se si seleziona la checkbox accanto alla voce che eventualmente saragrave inserita questa viene aggiuntaalle informazioni eventualmente giagrave presenti (modalitagrave append) Nellrsquoaltro caso le informazioni sarannosovrascritte

I campi Titolo e Descrizione sono obbligatori mentre il campo Parole chiavi puograve essere valorizzato adiscrezione dellrsquoutente Informazioni su come valorizzare i campi elencati sopra saranno descritte suapposite linee guida

Per completare lrsquoinserimentoaggiornamento delle meta-informazioni riguardanti il file caricato occorrepremere il tasto Send (figura Salva metainformazioni (page 46)) in fondo alla maschera per il salvataggiodelle informazioni

Figura 49 Salva metainformazioni

Tornando alla maschera di caricamento file e selezionando la checkbox in corrispondenza della voceSovrascrivi file esistenti (figura Carica file sovrascrivendo (page 46)) saragrave possibile aggiornare eventualifile che hanno lo stesso nome di quello che stiamo caricando

Questa procedura egrave utile quando si vuole aggiornare il contenuto di un file che egrave giagrave presente nel DAM

Figura 410 Carica file sovrascrivendo

Nel caso di aggiornamento di un file le meta-informazioni del file rimangono le stesse inserite inprecedenza Come si puograve notare non viene offerta la possibilitagrave di inserirne di nuove

Nel caso in cui un file con lo stesso nome sia giagrave caricato e non si desideri aggiornarlo il file inseritoper ultimo viene rinominato con un suffisso generato automaticamente dal DAM In questo caso la voceSovrascrivi file esistenti non deve essere selezionata (figura Carica file senza sovrascrivere (page 47))

Nellrsquoesempio in figura viene presentata la lista dei file presenti nel mount point selezionato

Da notare la presenza di un file che egrave stato rinominato dal DAM con un suffisso ldquo_01rdquo dato che nellastessa posizione era giagrave presente un file con lo stesso nome

41 Caricamento e Aggiornamento di file 46

DocWeb Release 101

Figura 411 Carica file senza sovrascrivere

41 Caricamento e Aggiornamento di file 47

DocWeb Release 101

42 Ricerca di file allrsquointerno del DAM e modifica delle meta-informazioni

Rimanendo sempre allrsquointerno del modulo Media selezioniamo la voce List egrave possibile effettuare dellericerche dei file e modificare le meta-informazioni associate ai file

Nella figura Backend media list (page 48) distinguiamo

Figura 412 Backend media list

1 Parte relativa ai Mount Point disponibili

2 Parte relativa ai tipi di file caricati nel sistema

3 Schede List Thumbnails Selection Process

Da questa sezione egrave possibile effettuare ricerche sui file caricati nel DAM

Le ricerche che si possono eseguire sono del tipo ldquotrova tutti i file pdf e docrdquo oppure ldquoelenca tutti i filedi tipo immagine ad eccezione dei file con estensione gifrdquo

Per prima cosa facendo click sul nome del tipo file (es gif oppure image) si seleziona solo quel tipo difile e si escludono tutti i criteri selezionati in precedenza

Per aggiungere un altro criterio di ricerca egrave sufficiente selezionare il ldquo+rdquo (punto 1 nella figura Criteri diselezione (page 49)) posto accanto al tipo di file che si vuole selezionare

Con il ldquo-ldquo(punto 2) saragrave possibile rimuovere il tipo di file dai criteri di ricerca

Selezionando ldquo=rdquo (punto 3) egrave possibile introdurre clausole del tipo ldquocerca un file che sia doc e presentenel Mount Point chiamato lsquoArea Testrsquordquo (ossia effettua una ricerca che risponda a tutti i criteri impostati)

Nellrsquoesempio della figura Salva selezione (page 49) sono stati selezionati tutti i tipi di immagine adeccezione dei file con estensione gif Questo risultato si ottiene nel seguente modo

1 selezionare il ldquo+rdquo accanto alla voce ldquoimagerdquo

2 premendo il tasto ldquo-ldquo in corrispondenza della voce ldquogifrdquo

I criteri impostati per la selezione possono essere salvati per un uso futuro Per salvare la selezioneoccorre (figura Salva selezione (page 49))

1 riempire il campo sotto la voce SELECTION con un nome che identifichi la ricerca

2 premere il tasto Save per salvare la modalitagrave di ricerca impostata

In questo modo saragrave possibile richiamare e rieseguire la ricerca impostata anche in futuro senza doverripetere il procedimento di scelta dei criteri mostrato in precedenza

42 Ricerca di file allrsquointerno del DAM e modifica delle meta-informazioni 48

DocWeb Release 101

Figura 413 Criteri di selezione

Figura 414 Salva selezione

42 Ricerca di file allrsquointerno del DAM e modifica delle meta-informazioni 49

DocWeb Release 101

Se in futuro saranno inseriti nuovi file che soddisfano la ricerca salvata questi verranno selezionati quandoverragrave richiamata la ricerca salvata

Dalla figura Ricerca salvata (page 50) egrave possibile notare come richiamare la ricerca salvata In questocaso abbiamo salvato la ricerca con il nome ldquoimmaginisenzagifrdquo

Figura 415 Ricerca salvata

Una volta che si egrave selezionata la ricerca egrave possibile

1 Premere il tasto Load per ricaricare la ricerca precedentemente impostata

2 Premere Remove per rimuovere la ricerca salvata

Una volta effettuata una particolare selezione di file egrave possibile (figura Schede backend media list(page 50))

Figura 416 Schede backend media list

1 vedere il contenuto della selezione (schede List e Thumbnails)

2 vedere i criteri impostati per la ricerca (scheda Selection)

3 modificare le meta-informazioni associate ai file (scheda Process) secondo quanto descritto inprecedenza

Nella figura Scheda selection (page 51) egrave visualizzato come selezionando la scheda Selection egrave possibileprendere visione dei criteri impostati nella ricerca (la ricerca egrave quella dellrsquoesempio precedente)

Selezionando le schede List e Thumbnails dopo avere effettuato una qualsiasi selezione si potrebbe avereuna situazione come quella mostrata nella figura Scheda list (page 51)

Cliccando sullrsquoicona corrispondente ad uno dei file presenti nella lista (selezionato con un cerchio rosso)egrave possibile accedere ad un menugrave contestuale (figura Menu contestuale DAM (page 51))che permette disvolgere le seguenti operazioni

Modifica Offre la possibilitagrave di visualizzare e modificare le meta-informazioni associate al file

Rinomina Selezionando la seguente voce egrave possibile assegnare un altro nome al file che si egrave caricato

Replace file Avvia lrsquooperazione di sostituzione del file

Info Visualizza informazioni relative al file

Cancella Rimuove il file dal DAM

42 Ricerca di file allrsquointerno del DAM e modifica delle meta-informazioni 50

DocWeb Release 101

Figura 417 Scheda selection

Figura 418 Scheda list

Figura 419 Menu contestuale DAM

42 Ricerca di file allrsquointerno del DAM e modifica delle meta-informazioni 51

CAPITOLO 5

Modulo Pagine di download

51 Inserimento e configurazione pagine di download

La creazione di pagine di download egrave utile quando si vuole mettere a disposizione una lista di uno o piugravefile in forma scaricabile

Per creare una pagina di download egrave necessario seguire i seguenti passi

1 Creare una pagina standard

2 Inserire il plugin DAM Download List

3 Configurare il plugin

Per creare una pagina egrave sufficiente entrare nel modulo Pagina e selezionare Crea nuovo record per accederealla finestra di creazione pagine

Nellrsquoesempio in figura Backend creazione contenuto (page 52) egrave stata creata la pagina denominata ldquoPaginadownloadrdquo come figlio della pagina ldquoPagina di provardquo

Figura 51 Backend creazione contenuto

Una volta creata la pagina occorre configurarla in maniera tale da permettere la visualizzazione di unalista di file scaricabili Per fare ciograve occorre inserire un plugin denominato ldquoDAM Download Listrdquo Unplugin egrave un contenuto speciale da inserire in una pagina

52

DocWeb Release 101

Per inserirlo come per un contenuto occorre seguire i seguenti passi (figura Backend creazione contenuto(page 52))

1 Selezionare la pagina in cui inserire il plugin Nellrsquoesempio la pagina denominata ldquoPaginadownloadrdquo

2 Selezionare la voce Clicca qui per il wizard nella maschera che compare quando si vuole inserire unnuovo record

Figura 52 Wizard nuovo contenuto

Oltre ai normali contenuti standard il wizard permette di selezionare (figura Wizard nuovo contenuto(page 53))

1 Contenuti speciali

2 Moduli

3 Plugins

Allrsquointerno della lista dei Plugins selezionare DAM Lista dei file scaricabili (punto 4 nella figura Wizardnuovo contenuto (page 53))

Dopo aver selezionato il plugin occorreragrave selezionare la posizione della pagina in cui inserire lrsquoelemento

Selezionare ldquoNormalerdquo

A questo punto il plugin egrave inserito nella pagina desiderata

51 Inserimento e configurazione pagine di download 53

DocWeb Release 101

Oltre allrsquoinserimento occorre configurare il plugin in modo da dirgli quali file far visualizzare

Una volta che il plugin viene inserito viene aperta una finestra (figura Contenuto pagina (page 54)) doveviene richiesto di selezionare dei file inseriti nel sistema

Figura 53 Contenuto pagina

Per proseguire correttamente egrave necessario salvare immediatamente il Contenuto Pagina altrimenti leoperazioni successive potrebbero andare perse

Per inserire i file nella lista occorre effettuare la seguente operazione (figura Contenuto pagina (page 54))

1 Nella parte della maschera denominata DAM Lista di file scaricabili selezionare lrsquoicona SfogliaRecord (cerchiata in rosso) per avviare la procedura di selezione dei file

Selezionando la voce Sfoglia Record verragrave aperto lrsquoElement Browser di TYPO3 che ci permette di se-lezionare i file da inserire nel plugin La finestra (figura Element browser (page 55)) egrave composta di dueschede

1 Media ndash permette di selezionare i file giagrave esistenti nel sistema

2 Upload ndash permette di caricare nuovi file

Selezionando la sezione Media egrave possibile selezionare dalla lista i file da inserire

51 Inserimento e configurazione pagine di download 54

DocWeb Release 101

Figura 54 Element browser

Se la lista dei file fosse troppo lunga egrave possibile effettuare delle ricerche per nome e per tipologia di file(doc htm )

Per cercare per nome (figura Ricerca per nome (page 55)) occorre inserire nella casella di testo Cercastringa (punto 1 nella figura sopra) il nome o parte del nome del file da cercare Una volta specificata lastringa di ricerca premere il tasto Cerca (punto 2)

Figura 55 Ricerca per nome

Per cercare un particolare tipo di file selezionare il nome dellrsquoestensione che si desidera dallrsquoelenco deitipi di file (figura Ricerca per tipo (page 56))

Nota I due tipi di ricerca possono essere usati contemporaneamente

Selezionando la voce informazioni (punto 1 nella figura Selezione file (page 56)) egrave possibile visualizzarele meta-informazioni associate al file

Premendo con il mouse sul nome del file (punto 2) o sullrsquoicona associata (punto 3) si inserisce il file nellalista dei file da far visualizzare nella pagina di download mediante lrsquoapposito plugin

Selezionando la scheda Upload si puograve inserire un file non presente nel sistema (figura Caricamentoimmediato file (page 56))

51 Inserimento e configurazione pagine di download 55

DocWeb Release 101

Figura 56 Ricerca per tipo

Figura 57 Selezione file

Figura 58 Caricamento immediato file

51 Inserimento e configurazione pagine di download 56

DocWeb Release 101

Scegliere i file dal proprio PC seguendo le operazioni giagrave descritte nel modulo DAM e selezionare dallascheda Media i nuovi file inseriti

Nella figura Plugin con file selezionati (page 57) egrave visualizzato un esempio di maschera di configurazionedel plugin con la lista dei file selezionati

Figura 59 Plugin con file selezionati

I file una volta inseriti possono essere ordinati selezionando sugli appositi bottoni posti a destra dellalista file

bull Per ordinare un determinato file occorre

bull Selezionare un file

Premere uno dei tasti (figura sopra) per

1 Spostare in prima posizione

2 Spostare in alto di una posizione

3 Spostare in basso di una posizione

4 Spostare in ultima posizione

5 Rimuovere dalla lista il file selezionato

Una volta eseguiti i passaggi sopra descritti salvare la configurazione del plugin

51 Inserimento e configurazione pagine di download 57

CAPITOLO 6

Modulo Sitemap

Ersquo possibile generare una mappa del sito scegliendo un contenuto speciale di tipo ldquoMappa del Sitordquo comemostrato nella figura Contenuto mappa del sito (page 58)

Figura 61 Contenuto mappa del sito

Per scegliere un record di tipo ldquomappa del sitordquo (per visualizzare cioegrave la vista dei contenuti possibili)saragrave necessario portarsi in modalitagrave ldquopaginardquo compiendo gli stessi passaggi descritti per la creazione dicontenuti semplici in fase di creazione delle pagine (in questo caso selezionando il contenuto specialemappa)

58

DocWeb Release 101

61 Scheda di configurazione Mappa

La scheda di configurazione si presenta come nella figura Scheda mappa del sito (page 59)

Figura 62 Scheda mappa del sito

I campi fondamentali da personalizzare sono lrsquointestazione (ossia il titolo pagina) il tipo di menugrave e ilpunto di partenza Nellrsquointestazione viene inserito come di consuetudine il titolo pagina

62 Tipo di mappa

Ersquo possibile scegliere il tipo di mappa che si desidera creare consultando il menugrave a tendina ldquotipo di menugraverdquoche ci offriragrave diverse opzioni

Le piugrave frequentemente usate sono di tipo ldquoMenugrave delle sottopagine rdquo come indicato nella figura Tipo dimenu (page 60)

Menugrave delle sottopagine di queste pagine Scegliendo questa opzione da una pagina padre sigenereragrave un record che mostreragrave al suo interno tutte le sottovoci figlio con relativo link

Menugrave delle sottopagine di queste pagine (con abstract) Genera una mappa sia delle sottopagineche dei sottotitoli

Menugrave delle sottopagine di queste pagine + sezioni Genera una mappa sia delle sottopagine chedei record (link alle intestazioni dei singoli record)

Selezionando voci di menugrave di sottopagine egrave anche possibile stabilire un determinato punto di partenzasfogliando lrsquoapposito record

61 Scheda di configurazione Mappa 59

DocWeb Release 101

Figura 63 Tipo di menu

63 Il ldquopunto di partenzardquo della mappa

Il ldquopunto di partenzardquo dei Menugrave delle sottopagine Scheda mappa del sito (page 59) costituisce la paginadalla quale il sistema partiragrave per creare la mappa

Si potragrave quindi creare una mappa (di tipo menugrave delle sottopagine) che mostri solamente il percorso diquella porzione di menugrave che si intende mostrare

63 Il ldquopunto di partenzardquo della mappa 60

CAPITOLO 7

Modulo News

71 Inserimento e modifica di news

Alcune sezioni del nostro sito potrebbero essere state configurate per permettere la visualizzazione dinotizie

Per poter visualizzare le news correttamente occorre che queste ultime vengano inserite in una determi-nata posizione allrsquointerno del backend Da questa posizione che chiameremo repository delle news lenostre pagine andranno a prelevare le news da visualizzare al loro interno

Figura 71 Backend news

Nellrsquoesempio presentato nella figura Backend news (page 61) distinguiamo

1 il repository delle news che egrave stato creato

2 Un esempio di come potrebbe apparire il contenuto del repository delle news (lista delle news)

Per poter visualizzare il contenuto del repository delle news occorre seguire i seguenti passi

1 entrare nel modulo Pagina

61

DocWeb Release 101

2 selezionare il repository delle news corrispondente (nellrsquoesempio della figura Backend news (page 61)il Repository delle news si chiama ldquoNews Area Testrdquo)

Poniamo ora la nostra attenzione alla lista delle news (figura Lista news (page 62)) Da qui egrave possibile

bull Inserire una nuova notizia

bull Modificare le notizie giagrave esistenti

Per inserire una nuova notizia occorre selezionare la voce Crea nuovo record (figura Lista news (page 62))posta in fondo alla lista delle news

Figura 72 Lista news

A questo punto si apre la finestra di creazione Nuovo record da cui occorre selezionare la voce News(figura Nuovo record news (page 62))

Figura 73 Nuovo record news

Eseguendo le operazioni sopra descritte si accede alla maschera di inserimento news (figura Inserimentonews scheda generale (page 63))

Questa si compone di due schede una denominata Generale e unrsquoaltra denominata Relations

Nella scheda Generale egrave possibile inserire

Titolo in questo spazio egrave possibile specificare un titolo della news

Nascondi questo controllo determina se la news egrave pubblicabile oppure no Come avviene per le pagineanche per le news egrave consigliabile tenere la news nascosta durante la lavorazione Facciamo notare

71 Inserimento e modifica di news 62

DocWeb Release 101

Figura 74 Inserimento news scheda generale

71 Inserimento e modifica di news 63

DocWeb Release 101

che appena viene aperta la maschera di inserimento di una nuova news il controllo appare giagrave instato nascosto

Dataora in questo spazio viene indicata la data e lrsquoora della creazione della news in base ai parametridi sistema

Data Archiviazione in questo spazio viene inserita la data di Archiviazione di una news

Autore permette di specificare un autore della news

Email permette di specificare un e-mail a cui fare riferimento

Sottointestazione questo campo conterragrave una breve descrizione (abstract) della news La sottointes-tazione egrave quella parte della news che compare quando viene visualizzata la lista delle news e serveper dare una breve descrizione al contenuto della news (si veda Esempio news (page 64))

Figura 75 Esempio news

Durante lrsquoinserimento di una news egrave consigliabile specificare sempre una sottointestazione

Testo egrave il campo che contiene il contenuto vero e proprio della news Egrave possibile utilizzare tutte lefunzionalitagrave messe a disposizione dallrsquoeditor RTE

72 Modalitagrave Relations

Nella modalitagrave Relations (figura Inserimento news scheda relations (page 65)) egrave possibile inserire

Immagini contiene una lista di immagini da associare alla news Il procedimento per la se-lezionecaricamento delle immagini egrave stato descritto nella parte dedicata alla creazione di paginedi download a cui vi rimandiamo

Didascalia permette di specificare una descrizione per lrsquoimmagine associata alla news

Image alttext e Image titletext permette di specificare un testo che in visualizzazione (Frontend)compariragrave al passaggio del mouse sopra lrsquoimmagine

News correlate permette di specificare news o pagine del sito da associare alla news Il procedimentodi selezione delle news da associare alla notizia saragrave spiegato successivamente

DAM elements permette di assegnare alla news dei documenti da scaricare come per esempioil programma di un determinato evento Anche in questo caso il procedimento per la se-lezionecaricamento dei documenti egrave quello giagrave descritto nella parte dedicata alla creazione dipagine di download

Descriviamo il procedimento da seguire per associare alcune pagine o alcune news alla notizia che stiamoinserendo

Premere il tasto di Sfoglia Record evidenziato nella figura Sfoglia record news (page 65)

Verragrave aperta una finestra che contiene un Element Browser che ci permette di selezionare le newspagine(figura Element browser news (page 66)) da associare

La finestra di selezione si suddivide nelle seguenti parti (figura sopra)

Alberatura del sito da cui egrave possibile esplorare gli elementi del nostro sito (pagine sysfolder )Premendo con il tasto sinistro del mouse sul nome della pagina o sulla freccia corrispondente verragraveaggiornata la parte di destra della finestra in cui egrave inserita la lista degli elementi associabili

72 Modalitagrave Relations 64

DocWeb Release 101

Figura 76 Inserimento news scheda relations

Figura 77 Sfoglia record news

72 Modalitagrave Relations 65

DocWeb Release 101

Figura 78 Element browser news

Lista degli elementi associabili egrave quindi possibile selezionare gli elementi da associare alla newsPer associare un elemento si puograve selezionare il simbolo ldquo+rdquo posto accanto allrsquoelemento desideratoo agendo sul nome del file Nel primo caso lrsquoelemento viene aggiunto ma la finestra non si chiuderagrave(utile per effettuare selezioni multiple) mentre nel secondo caso lrsquoelemento viene aggiunto e lafinestra si chiuderagrave (selezione singola)

Nota Per associare una o piugrave news alla notizia che stiamo inserendo occorreragrave innanzitutto selezionareil repository delle news e utilizzando i metodi descritti in precedenza indicare le news di interesse

Nella figura Selezione repository (page 66) viene visualizzato come appare lrsquoElement Browser dopo averselezionato il repository delle news denominato ldquoNews Corso Typo3rdquo

Figura 79 Selezione repository

Una volta ultimato il procedimento di inserimento di una news vedremo che nel repository compariragrave(figura News nel repository (page 67)) anche quella da noi creata Nellrsquoesempio la news creata si chiamaldquoTitolo della news di provardquo

Dalla lista delle news possiamo notare che i diversi tipi di news sono contrassegnati con icone diverse

In particolare distinguiamo

72 Modalitagrave Relations 66

DocWeb Release 101

Figura 710 News nel repository

bull News (icona ldquocelestinardquo)

bull Collegamento a URL esterna (icona ldquorosardquo)

bull Collegamento a pagina interna (icona ldquogiallinardquo)

Per modificare il contenuto di una news egrave sufficiente selezionare il simbolo di modifica (figura Modificanews (page 67)) in corrispondenza della news da modificare

Figura 711 Modifica news

73 News collegata a URL esterna e a pagina interna

Attraverso la selezione della finestra ldquoTipordquo egrave possibile scegliere diverse tipologie di news

Nella figura News collegata a url esterna (page 68) egrave stato selezionato il Collegamento a URL esterna checi offriragrave la possibilitagrave di specificare un link (ldquoURL esternordquo) da far visualizzare e che saragrave contraddistintain lista da lrsquoicona di colore rosa

Selezionando il Collegamento a pagina interna viene offerta la possibilitagrave di inserire un collegamento auna pagina del sito (evidenziato nella figura News collegata a pagina interna (page 69))

La news si presenteragrave con icona di color ldquogiallordquo e al suo interno conterragrave un link alla pagina interna alsito

73 News collegata a URL esterna e a pagina interna 67

DocWeb Release 101

Figura 712 News collegata a url esterna

73 News collegata a URL esterna e a pagina interna 68

DocWeb Release 101

Figura 713 News collegata a pagina interna

73 News collegata a URL esterna e a pagina interna 69

DocWeb Release 101

74 Eliminazione delle News

Per eliminare una news possiamo procedere tra lrsquoaltro in due modi

1 Selezionare la news da eliminare dallrsquoelenco e selezionare la voce ldquocancellardquo dal menugrave a tendinaconsultabile cliccando con il pulsante destro sullrsquoicona in corrispondenza della news (figura Eliminanews da menu contestuale (page 70))

Figura 714 Elimina news da menu contestuale

2 Entrare allrsquointerno della modalitagrave di modifica della news attraverso lrsquoicona ldquomatitardquo e selezionare lrsquoi-cona raffigurante il bidone di elimina posta in alto pagina (figura Elimina news da scheda contenuto(page 70))

Figura 715 Elimina news da scheda contenuto

75 Ordinamento delle News e ricerca

Puograve essere necessario durante la visualizzazione della lista delle news (lato backend) di dover effettuaredegli ordinamenti al fine di permettere una ricerca piugrave veloce delle news da modificare

74 Eliminazione delle News 70

DocWeb Release 101

Avvertimento Lrsquoordinamento ha valore solo come ricerca allrsquointerno del backend mentre latofrontend rispecchieragrave i parametri prestabiliti dal sistema

Supponiamo per esempio di voler effettuare un ordinamento per Titolo Seguiamo i seguenti passi(figura sotto)

1 Selezionare la voce di menugrave Lista

2 Selezionare il deposito delle news (repository) News Corso Typo3

3 Cliccare con il mouse in corrispondenza della voce ldquoTitolordquo

A questo punto (figura Ordinamento news (page 71)) le news vengono ordinate in ordine crescente(vengono visualizzate prima le news con titolo che inizia con la lettera a b e cosigrave via)

Figura 716 Ordinamento news

Se clicchiamo unrsquoaltra volta sulla voce ldquoTitolordquo il tipo di ordinamento cambia da crescente a decrescente(compariranno per prima le news con titolo che inizia per z )

Egrave inoltre possibile ordinare secondo campo da noi specificato Per definire il nome di un campo (ad estesto inizio autore ) su cui effettuare lrsquoordinamento occorreragrave spostarsi in fondo alla lista delle newsdove troveremo una lista di campi (figura Mostra campo aggiuntivo news (page 71))

Figura 717 Mostra campo aggiuntivo news

Dalla lista possiamo

bull Selezionare la voce in base alla quale effettuare lrsquoordinamento (ad esempio Immagini)

bull Premere il tasto Imposta campi per aggiungere alla lista dei campi visualizzati quello selezionato

75 Ordinamento delle News e ricerca 71

DocWeb Release 101

A questo punto il campo selezionato (nel nostro esempio il campo Immagini) compare nella lista dellenews (il campo aggiunto egrave evidenziato con un riquadro in alto a destra nella figura Ordinamento campoaggiuntivo news (page 72))

Figura 718 Ordinamento campo aggiuntivo news

Effettuare le stesse operazioni illustrate per il campo Titolo per ordinare in modo crescente e decrescentele news secondo il criterio impostato (click pulsante sinistro sul nome etichetta)

Egrave anche possibile ricercare le news in base al testo contenuto nel titolo sottotitolo descrizione eccUtilizzando la maschera di ricerca in fondo pagina (evidenziata nella figura Ricerca news (page 72))

Figura 719 Ricerca news

Per effettuare una ricerca egrave necessario seguire i seguenti passi

1 Inserire nel campo Cerca Stringa il testo da cercare (nel nostro esempio ldquonequerdquo)

2 Premere il tasto Cerca per eseguire la ricerca secondo i criteri impostati

In questo modo nella lista delle news compariranno solo quelle che contengono il testo specificatoEffettuata la ricerca egrave possibile effettuare degli ordinamenti come spiegato in precedenza

75 Ordinamento delle News e ricerca 72

CAPITOLO 8

Modulo Eventi

Avvertimento SEZIONE NON COMPLETA

Si confrontino i seguenti due tipi di contenuti

Evento egrave un tipo di contenuto adatto a descrivere qualcosa che accadragrave o che egrave accaduto in una certadata La data o le date in cui lrsquoevento ricorre sono strettamente legate ad un luogo in cui lrsquoeventosi verificheragravesi egrave verificato Gli eventi vengono rappresentati mediante la metafora dellrsquoagenda edel calendario

Notizia egrave un tipo di contenuto caratterizzato dalla data di pubblicazione secondo la metafora delgiornale online E come in un giornale online una notizia puograve riferirsi sia a fatti giagrave accaduti chea fatti a venire

Nota Per comprendere meglio la differenza tra i due tipi di contenuto si pensi che dato un eventoche ha una certa data di svolgimento (ad es 20 maggio) di tale evento posso realizzare piugrave di unanotizia Rimanendo nellrsquoesempio potrei pubblicare una notizia il 10 maggio per preannunciare lrsquoeventoe poi unrsquoaltra il 18 maggio per ricordarne lrsquoimminenza Infine potrei pubblicare una notizia di riepilogo(cronaca dellrsquoevento immagini ecc) il 22 maggio

81 Scopo del modulo Eventi

Il visitatore del sito deve poter cogliere le informazioni essenziali di un evento

bull Cosa sta per succedere

bull Dove accadragrave

bull Quando accadragrave

82 Il Backend ndash Modulo Pagina

Vedi figura Eventi vista modulo pagina (page 74)

83 Il Backend ndash Modulo Lista

Vedi figura Eventi vista modulo lista (page 74)

73

DocWeb Release 101

Figura 81 Eventi vista modulo pagina

Figura 82 Eventi vista modulo lista

83 Il Backend ndash Modulo Lista 74

DocWeb Release 101

84 Creazione di un evento

Prima di procedere poniamoci qualche domanda

bull Lrsquoevento appartiene a qualche rassegna iniziativa per la quale sono in programma altri eventiPer esempio

ndash Rassegne teatrali cinematografiche

ndash Festival

bull Lrsquoevento si ripete

ndash La replica avviene sempre nello stesso luogo

841 Creazione del record

Vedi figura Creazione nuovo evento (page 75)

Vedi figura Creazione nuovo record evento (page 76)

Figura 83 Creazione nuovo evento

842 Scheda ldquoGeneralerdquo

Vedi figura Evento scheda generale (page 76)

843 Scheda ldquoFinestra temporalerdquo

Orario repliche

Vedi figura Evento finestra temporale (page 78)

84 Creazione di un evento 75

DocWeb Release 101

Figura 84 Creazione nuovo record evento

Figura 85 Evento scheda generale

84 Creazione di un evento 76

DocWeb Release 101

bull Lrsquoorario va solo per le Finestre temporali di un giorno (data inizio = data fine)

bull Se non si conosce lrsquoora della fine impostare ora inizio = ora fine

844 Scheda ldquoTestordquo

Vedi figura Evento scheda testo (page 79)

84 Creazione di un evento 77

DocWeb Release 101

Figura 86 Evento finestra temporale

84 Creazione di un evento 78

DocWeb Release 101

Figura 87 Evento scheda testo84 Creazione di un evento 79

  • Introduzione
    • Cosegrave DocWeb
    • Concetti chiave
      • Funzionalitagrave di Base
        • Il CMS Typo3 ldquobackendrdquo e ldquofrontendrdquo
        • Cambio password di accesso
        • Albero delle pagine
        • Implementazione delle pagine ldquogenitori rdquo e ldquofiglirdquo
        • Inserimento Nuova pagina
        • Elementi standard della pagina
        • Inserimento contenuti di una pagina
        • Contenuti multipli allrsquointerno di una pagina
        • Modifica dei contenuti della pagina
        • Spostamento di pagine
        • Eliminazione pagine
        • Rich Text Editor
        • Modalitagrave Lista
        • Modalitagrave Mostra
        • Modalitagrave ldquoMonta come radice dellrsquoalberordquo
        • Ottenere il page-id di una pagina
        • Admin Panel
          • La Clipboard
            • Copia o spostamento di un contenuto singolo di pagina allrsquointerno di unrsquoaltra pagina
            • Copia o spostamento di piugrave contenuti da una pagina ad unrsquoaltra
              • Modulo DAM (Digital Asset Management)
                • Caricamento e Aggiornamento di file
                • Ricerca di file allrsquointerno del DAM e modifica delle meta-informazioni
                  • Modulo Pagine di download
                    • Inserimento e configurazione pagine di download
                      • Modulo Sitemap
                        • Scheda di configurazione Mappa
                        • Tipo di mappa
                        • Il ``punto di partenza della mappa
                          • Modulo News
                            • Inserimento e modifica di news
                            • Modalitagrave Relations
                            • News collegata a URL esterna e a pagina interna
                            • Eliminazione delle News
                            • Ordinamento delle News e ricerca
                              • Modulo Eventi
                                • Scopo del modulo Eventi
                                • Il Backend ndash Modulo Pagina
                                • Il Backend ndash Modulo Lista
                                • Creazione di un evento
Page 40: DocWeb€¦ · per la realizzazione e la gestione di siti web della Pubblica Am-ministrazione. La piattaforma tecnologica utilizzata è il CMS (Content Management System) Open SourceTypo31

DocWeb Release 101

1 In corrispondenza di ogni contenuto si evidenzia una Casella di selezione Sopra la colonna con lecaselle di selezione egrave comparsa una lista di bottoni tra cui al momento distinguiamo

2 Bottone di copia elementi nella clipboard

3 Bottone di selezione tuttinessuno

Scegliendo ad esempio i primi due elementi e premendo il pulsante di copia elementi nella clipboard sipuograve notare che (figura Copia nella clipboard (page 37))

Figura 37 Copia nella clipboard

1 La clipboard che abbiamo scelto per la selezione multipla (ldquoClipboard 1rdquo) contiene la lista deglioggetti che abbiamo scelto di copiare

2 Ersquo comparsa lrsquoicona di Incolla contenuto Clipboard

La procedura della selezione della pagina di destinazione rimane identica a quella giagrave utilizzata per lacopia di un contenuto singolo (selezionare la pagina di destinazione su cui andare a posizionare i contenutiselezionati)

Egrave importante fare notare che seguendo le operazioni descritte sopra si ottiene come risultato lospostamento dei contenuti dalla pagina origine a quella destinazione

Se si desidera copiare gli elementi selezionati egrave necessario una volta selezionati gli elementi da copiarepremere il tasto copia gli items invece di spostarli (evidenziato con un cerchio rosso nella figura Tagliadalla clipboard (page 38))

32 Copia o spostamento di piugrave contenuti da una pagina ad unrsquoaltra 37

DocWeb Release 101

Figura 38 Taglia dalla clipboard

32 Copia o spostamento di piugrave contenuti da una pagina ad unrsquoaltra 38

DocWeb Release 101

In questo modo dopo avere confermato lrsquooperazione i contenuti o le pagine da copiare saranno presentisia nella pagina origine che in quella destinazione

32 Copia o spostamento di piugrave contenuti da una pagina ad unrsquoaltra 39

CAPITOLO 4

Modulo DAM (Digital AssetManagement)

Il modulo DAM (Digital Asset Management) offre la possibilitagrave di raccogliere e catalogare contenuti informato digitale come immagini documenti presentazioni

Ogni file inserito puograve essere corredato di informazioni aggiuntive (meta-informazioni) come la descrizionelrsquoautore parole chiave ecc

Attraverso il modulo DAM egrave possibile svolgere le seguenti operazioni

bull Caricamento e Aggiornamento di file

bull Ricerca di file allrsquointerno del DAM e modifica delle meta-informazioni associate ai file

41 Caricamento e Aggiornamento di file

Lrsquooperazione di CaricamentoAggiornamento di file serve per sottoporre al sistema DAM un particolarecontenuto memorizzato in formato digitale

Lrsquoelemento caricato saragrave poi disponibile a chi inserisce contenuti

Per iniziare lrsquooperazione di caricamento di un file egrave sufficiente selezionare la voce File che si trovaallrsquointerno del modulo Media (figura Menu file (page 41))

La maschera che si apre (figura File upload (page 41)) offre le seguenti possibilitagrave

1 Selezione della posizione dove andare a caricareaggiornare il file

2 Specificare alcuni documenti da caricare (area File)

Concentrandoci sullrsquoarea File (figura Dettaglio file upload (page 42)) distinguiamo

1 Voce Show upload location browser (punto 1 figura sopra) egrave possibile visualizzare i file attualmentecaricati nel Mount Point selezionato

2 Lista di bottoni denominati Sfoglia da utilizzare nel caso in cui si desideri caricareaggiornareun file

Se si desidera caricare un file occorre cliccare sul bottone Sfoglia

La finestra che appare (figura Sfoglia file (page 42)) permette di selezionare dal proprio PC il file dacaricare

Per selezionare un file da caricare occorre

1 Esplorare le cartelle del proprio PC per trovare il file

40

DocWeb Release 101

Figura 41 Menu file

Figura 42 File upload

41 Caricamento e Aggiornamento di file 41

DocWeb Release 101

Figura 43 Dettaglio file upload

Figura 44 Sfoglia file

41 Caricamento e Aggiornamento di file 42

DocWeb Release 101

2 Inserire il nome del file nella casella di testo Nome file

3 Premere il tasto Apri

Una volta che si egrave selezionato un file egrave possibile

1 selezionare altri file da caricare seguendo gli stessi passi descritti in precedenza

2 effettuare lrsquooperazione di caricamento del file vero e proprio

Dallrsquoesempio abbiamo scelto di caricare un solo file

Il caricamento dei file viene eseguito premendo il bottone ldquoUpload filesrdquo che si trova in fondo alla listadei file selezionati (figura File selezionato (page 43))

Figura 45 File selezionato

Se tutto egrave stato eseguito correttamente appariragrave una finestra come quella nella figura Process files(page 44)

In questa maschera egrave possibile

1 Specificare le meta-informazioni per il singolo file come ad esempio il titolo parole chiavedescrizione

2 Avviare il processo di elaborazione multipla premendo il bottone Process selected files Con questoprocesso egrave possibile inserire o modificare le meta-informazioni per tutti i file della lista (in questocaso solo uno)

Se si vuole eseguire lrsquoinserimento delle meta-informazioni per singolo file la finestra che si apre egrave similea quella presentata in figura Elaborazione metainformazioni singolo file (page 44)

Nel caso si scelga di eseguire il processo di elaborazione multipla la maschera che compare (figuraElaborazione metainformazioni file multipli (page 45)) permette di selezionare le meta-informazioni chelrsquoutente intende inserire contemporaneamente per tutti i file della selezione

41 Caricamento e Aggiornamento di file 43

DocWeb Release 101

Figura 46 Process files

Figura 47 Elaborazione metainformazioni singolo file

41 Caricamento e Aggiornamento di file 44

DocWeb Release 101

Figura 48 Elaborazione metainformazioni file multipli

41 Caricamento e Aggiornamento di file 45

DocWeb Release 101

Se si seleziona la checkbox accanto alla voce che eventualmente saragrave inserita questa viene aggiuntaalle informazioni eventualmente giagrave presenti (modalitagrave append) Nellrsquoaltro caso le informazioni sarannosovrascritte

I campi Titolo e Descrizione sono obbligatori mentre il campo Parole chiavi puograve essere valorizzato adiscrezione dellrsquoutente Informazioni su come valorizzare i campi elencati sopra saranno descritte suapposite linee guida

Per completare lrsquoinserimentoaggiornamento delle meta-informazioni riguardanti il file caricato occorrepremere il tasto Send (figura Salva metainformazioni (page 46)) in fondo alla maschera per il salvataggiodelle informazioni

Figura 49 Salva metainformazioni

Tornando alla maschera di caricamento file e selezionando la checkbox in corrispondenza della voceSovrascrivi file esistenti (figura Carica file sovrascrivendo (page 46)) saragrave possibile aggiornare eventualifile che hanno lo stesso nome di quello che stiamo caricando

Questa procedura egrave utile quando si vuole aggiornare il contenuto di un file che egrave giagrave presente nel DAM

Figura 410 Carica file sovrascrivendo

Nel caso di aggiornamento di un file le meta-informazioni del file rimangono le stesse inserite inprecedenza Come si puograve notare non viene offerta la possibilitagrave di inserirne di nuove

Nel caso in cui un file con lo stesso nome sia giagrave caricato e non si desideri aggiornarlo il file inseritoper ultimo viene rinominato con un suffisso generato automaticamente dal DAM In questo caso la voceSovrascrivi file esistenti non deve essere selezionata (figura Carica file senza sovrascrivere (page 47))

Nellrsquoesempio in figura viene presentata la lista dei file presenti nel mount point selezionato

Da notare la presenza di un file che egrave stato rinominato dal DAM con un suffisso ldquo_01rdquo dato che nellastessa posizione era giagrave presente un file con lo stesso nome

41 Caricamento e Aggiornamento di file 46

DocWeb Release 101

Figura 411 Carica file senza sovrascrivere

41 Caricamento e Aggiornamento di file 47

DocWeb Release 101

42 Ricerca di file allrsquointerno del DAM e modifica delle meta-informazioni

Rimanendo sempre allrsquointerno del modulo Media selezioniamo la voce List egrave possibile effettuare dellericerche dei file e modificare le meta-informazioni associate ai file

Nella figura Backend media list (page 48) distinguiamo

Figura 412 Backend media list

1 Parte relativa ai Mount Point disponibili

2 Parte relativa ai tipi di file caricati nel sistema

3 Schede List Thumbnails Selection Process

Da questa sezione egrave possibile effettuare ricerche sui file caricati nel DAM

Le ricerche che si possono eseguire sono del tipo ldquotrova tutti i file pdf e docrdquo oppure ldquoelenca tutti i filedi tipo immagine ad eccezione dei file con estensione gifrdquo

Per prima cosa facendo click sul nome del tipo file (es gif oppure image) si seleziona solo quel tipo difile e si escludono tutti i criteri selezionati in precedenza

Per aggiungere un altro criterio di ricerca egrave sufficiente selezionare il ldquo+rdquo (punto 1 nella figura Criteri diselezione (page 49)) posto accanto al tipo di file che si vuole selezionare

Con il ldquo-ldquo(punto 2) saragrave possibile rimuovere il tipo di file dai criteri di ricerca

Selezionando ldquo=rdquo (punto 3) egrave possibile introdurre clausole del tipo ldquocerca un file che sia doc e presentenel Mount Point chiamato lsquoArea Testrsquordquo (ossia effettua una ricerca che risponda a tutti i criteri impostati)

Nellrsquoesempio della figura Salva selezione (page 49) sono stati selezionati tutti i tipi di immagine adeccezione dei file con estensione gif Questo risultato si ottiene nel seguente modo

1 selezionare il ldquo+rdquo accanto alla voce ldquoimagerdquo

2 premendo il tasto ldquo-ldquo in corrispondenza della voce ldquogifrdquo

I criteri impostati per la selezione possono essere salvati per un uso futuro Per salvare la selezioneoccorre (figura Salva selezione (page 49))

1 riempire il campo sotto la voce SELECTION con un nome che identifichi la ricerca

2 premere il tasto Save per salvare la modalitagrave di ricerca impostata

In questo modo saragrave possibile richiamare e rieseguire la ricerca impostata anche in futuro senza doverripetere il procedimento di scelta dei criteri mostrato in precedenza

42 Ricerca di file allrsquointerno del DAM e modifica delle meta-informazioni 48

DocWeb Release 101

Figura 413 Criteri di selezione

Figura 414 Salva selezione

42 Ricerca di file allrsquointerno del DAM e modifica delle meta-informazioni 49

DocWeb Release 101

Se in futuro saranno inseriti nuovi file che soddisfano la ricerca salvata questi verranno selezionati quandoverragrave richiamata la ricerca salvata

Dalla figura Ricerca salvata (page 50) egrave possibile notare come richiamare la ricerca salvata In questocaso abbiamo salvato la ricerca con il nome ldquoimmaginisenzagifrdquo

Figura 415 Ricerca salvata

Una volta che si egrave selezionata la ricerca egrave possibile

1 Premere il tasto Load per ricaricare la ricerca precedentemente impostata

2 Premere Remove per rimuovere la ricerca salvata

Una volta effettuata una particolare selezione di file egrave possibile (figura Schede backend media list(page 50))

Figura 416 Schede backend media list

1 vedere il contenuto della selezione (schede List e Thumbnails)

2 vedere i criteri impostati per la ricerca (scheda Selection)

3 modificare le meta-informazioni associate ai file (scheda Process) secondo quanto descritto inprecedenza

Nella figura Scheda selection (page 51) egrave visualizzato come selezionando la scheda Selection egrave possibileprendere visione dei criteri impostati nella ricerca (la ricerca egrave quella dellrsquoesempio precedente)

Selezionando le schede List e Thumbnails dopo avere effettuato una qualsiasi selezione si potrebbe avereuna situazione come quella mostrata nella figura Scheda list (page 51)

Cliccando sullrsquoicona corrispondente ad uno dei file presenti nella lista (selezionato con un cerchio rosso)egrave possibile accedere ad un menugrave contestuale (figura Menu contestuale DAM (page 51))che permette disvolgere le seguenti operazioni

Modifica Offre la possibilitagrave di visualizzare e modificare le meta-informazioni associate al file

Rinomina Selezionando la seguente voce egrave possibile assegnare un altro nome al file che si egrave caricato

Replace file Avvia lrsquooperazione di sostituzione del file

Info Visualizza informazioni relative al file

Cancella Rimuove il file dal DAM

42 Ricerca di file allrsquointerno del DAM e modifica delle meta-informazioni 50

DocWeb Release 101

Figura 417 Scheda selection

Figura 418 Scheda list

Figura 419 Menu contestuale DAM

42 Ricerca di file allrsquointerno del DAM e modifica delle meta-informazioni 51

CAPITOLO 5

Modulo Pagine di download

51 Inserimento e configurazione pagine di download

La creazione di pagine di download egrave utile quando si vuole mettere a disposizione una lista di uno o piugravefile in forma scaricabile

Per creare una pagina di download egrave necessario seguire i seguenti passi

1 Creare una pagina standard

2 Inserire il plugin DAM Download List

3 Configurare il plugin

Per creare una pagina egrave sufficiente entrare nel modulo Pagina e selezionare Crea nuovo record per accederealla finestra di creazione pagine

Nellrsquoesempio in figura Backend creazione contenuto (page 52) egrave stata creata la pagina denominata ldquoPaginadownloadrdquo come figlio della pagina ldquoPagina di provardquo

Figura 51 Backend creazione contenuto

Una volta creata la pagina occorre configurarla in maniera tale da permettere la visualizzazione di unalista di file scaricabili Per fare ciograve occorre inserire un plugin denominato ldquoDAM Download Listrdquo Unplugin egrave un contenuto speciale da inserire in una pagina

52

DocWeb Release 101

Per inserirlo come per un contenuto occorre seguire i seguenti passi (figura Backend creazione contenuto(page 52))

1 Selezionare la pagina in cui inserire il plugin Nellrsquoesempio la pagina denominata ldquoPaginadownloadrdquo

2 Selezionare la voce Clicca qui per il wizard nella maschera che compare quando si vuole inserire unnuovo record

Figura 52 Wizard nuovo contenuto

Oltre ai normali contenuti standard il wizard permette di selezionare (figura Wizard nuovo contenuto(page 53))

1 Contenuti speciali

2 Moduli

3 Plugins

Allrsquointerno della lista dei Plugins selezionare DAM Lista dei file scaricabili (punto 4 nella figura Wizardnuovo contenuto (page 53))

Dopo aver selezionato il plugin occorreragrave selezionare la posizione della pagina in cui inserire lrsquoelemento

Selezionare ldquoNormalerdquo

A questo punto il plugin egrave inserito nella pagina desiderata

51 Inserimento e configurazione pagine di download 53

DocWeb Release 101

Oltre allrsquoinserimento occorre configurare il plugin in modo da dirgli quali file far visualizzare

Una volta che il plugin viene inserito viene aperta una finestra (figura Contenuto pagina (page 54)) doveviene richiesto di selezionare dei file inseriti nel sistema

Figura 53 Contenuto pagina

Per proseguire correttamente egrave necessario salvare immediatamente il Contenuto Pagina altrimenti leoperazioni successive potrebbero andare perse

Per inserire i file nella lista occorre effettuare la seguente operazione (figura Contenuto pagina (page 54))

1 Nella parte della maschera denominata DAM Lista di file scaricabili selezionare lrsquoicona SfogliaRecord (cerchiata in rosso) per avviare la procedura di selezione dei file

Selezionando la voce Sfoglia Record verragrave aperto lrsquoElement Browser di TYPO3 che ci permette di se-lezionare i file da inserire nel plugin La finestra (figura Element browser (page 55)) egrave composta di dueschede

1 Media ndash permette di selezionare i file giagrave esistenti nel sistema

2 Upload ndash permette di caricare nuovi file

Selezionando la sezione Media egrave possibile selezionare dalla lista i file da inserire

51 Inserimento e configurazione pagine di download 54

DocWeb Release 101

Figura 54 Element browser

Se la lista dei file fosse troppo lunga egrave possibile effettuare delle ricerche per nome e per tipologia di file(doc htm )

Per cercare per nome (figura Ricerca per nome (page 55)) occorre inserire nella casella di testo Cercastringa (punto 1 nella figura sopra) il nome o parte del nome del file da cercare Una volta specificata lastringa di ricerca premere il tasto Cerca (punto 2)

Figura 55 Ricerca per nome

Per cercare un particolare tipo di file selezionare il nome dellrsquoestensione che si desidera dallrsquoelenco deitipi di file (figura Ricerca per tipo (page 56))

Nota I due tipi di ricerca possono essere usati contemporaneamente

Selezionando la voce informazioni (punto 1 nella figura Selezione file (page 56)) egrave possibile visualizzarele meta-informazioni associate al file

Premendo con il mouse sul nome del file (punto 2) o sullrsquoicona associata (punto 3) si inserisce il file nellalista dei file da far visualizzare nella pagina di download mediante lrsquoapposito plugin

Selezionando la scheda Upload si puograve inserire un file non presente nel sistema (figura Caricamentoimmediato file (page 56))

51 Inserimento e configurazione pagine di download 55

DocWeb Release 101

Figura 56 Ricerca per tipo

Figura 57 Selezione file

Figura 58 Caricamento immediato file

51 Inserimento e configurazione pagine di download 56

DocWeb Release 101

Scegliere i file dal proprio PC seguendo le operazioni giagrave descritte nel modulo DAM e selezionare dallascheda Media i nuovi file inseriti

Nella figura Plugin con file selezionati (page 57) egrave visualizzato un esempio di maschera di configurazionedel plugin con la lista dei file selezionati

Figura 59 Plugin con file selezionati

I file una volta inseriti possono essere ordinati selezionando sugli appositi bottoni posti a destra dellalista file

bull Per ordinare un determinato file occorre

bull Selezionare un file

Premere uno dei tasti (figura sopra) per

1 Spostare in prima posizione

2 Spostare in alto di una posizione

3 Spostare in basso di una posizione

4 Spostare in ultima posizione

5 Rimuovere dalla lista il file selezionato

Una volta eseguiti i passaggi sopra descritti salvare la configurazione del plugin

51 Inserimento e configurazione pagine di download 57

CAPITOLO 6

Modulo Sitemap

Ersquo possibile generare una mappa del sito scegliendo un contenuto speciale di tipo ldquoMappa del Sitordquo comemostrato nella figura Contenuto mappa del sito (page 58)

Figura 61 Contenuto mappa del sito

Per scegliere un record di tipo ldquomappa del sitordquo (per visualizzare cioegrave la vista dei contenuti possibili)saragrave necessario portarsi in modalitagrave ldquopaginardquo compiendo gli stessi passaggi descritti per la creazione dicontenuti semplici in fase di creazione delle pagine (in questo caso selezionando il contenuto specialemappa)

58

DocWeb Release 101

61 Scheda di configurazione Mappa

La scheda di configurazione si presenta come nella figura Scheda mappa del sito (page 59)

Figura 62 Scheda mappa del sito

I campi fondamentali da personalizzare sono lrsquointestazione (ossia il titolo pagina) il tipo di menugrave e ilpunto di partenza Nellrsquointestazione viene inserito come di consuetudine il titolo pagina

62 Tipo di mappa

Ersquo possibile scegliere il tipo di mappa che si desidera creare consultando il menugrave a tendina ldquotipo di menugraverdquoche ci offriragrave diverse opzioni

Le piugrave frequentemente usate sono di tipo ldquoMenugrave delle sottopagine rdquo come indicato nella figura Tipo dimenu (page 60)

Menugrave delle sottopagine di queste pagine Scegliendo questa opzione da una pagina padre sigenereragrave un record che mostreragrave al suo interno tutte le sottovoci figlio con relativo link

Menugrave delle sottopagine di queste pagine (con abstract) Genera una mappa sia delle sottopagineche dei sottotitoli

Menugrave delle sottopagine di queste pagine + sezioni Genera una mappa sia delle sottopagine chedei record (link alle intestazioni dei singoli record)

Selezionando voci di menugrave di sottopagine egrave anche possibile stabilire un determinato punto di partenzasfogliando lrsquoapposito record

61 Scheda di configurazione Mappa 59

DocWeb Release 101

Figura 63 Tipo di menu

63 Il ldquopunto di partenzardquo della mappa

Il ldquopunto di partenzardquo dei Menugrave delle sottopagine Scheda mappa del sito (page 59) costituisce la paginadalla quale il sistema partiragrave per creare la mappa

Si potragrave quindi creare una mappa (di tipo menugrave delle sottopagine) che mostri solamente il percorso diquella porzione di menugrave che si intende mostrare

63 Il ldquopunto di partenzardquo della mappa 60

CAPITOLO 7

Modulo News

71 Inserimento e modifica di news

Alcune sezioni del nostro sito potrebbero essere state configurate per permettere la visualizzazione dinotizie

Per poter visualizzare le news correttamente occorre che queste ultime vengano inserite in una determi-nata posizione allrsquointerno del backend Da questa posizione che chiameremo repository delle news lenostre pagine andranno a prelevare le news da visualizzare al loro interno

Figura 71 Backend news

Nellrsquoesempio presentato nella figura Backend news (page 61) distinguiamo

1 il repository delle news che egrave stato creato

2 Un esempio di come potrebbe apparire il contenuto del repository delle news (lista delle news)

Per poter visualizzare il contenuto del repository delle news occorre seguire i seguenti passi

1 entrare nel modulo Pagina

61

DocWeb Release 101

2 selezionare il repository delle news corrispondente (nellrsquoesempio della figura Backend news (page 61)il Repository delle news si chiama ldquoNews Area Testrdquo)

Poniamo ora la nostra attenzione alla lista delle news (figura Lista news (page 62)) Da qui egrave possibile

bull Inserire una nuova notizia

bull Modificare le notizie giagrave esistenti

Per inserire una nuova notizia occorre selezionare la voce Crea nuovo record (figura Lista news (page 62))posta in fondo alla lista delle news

Figura 72 Lista news

A questo punto si apre la finestra di creazione Nuovo record da cui occorre selezionare la voce News(figura Nuovo record news (page 62))

Figura 73 Nuovo record news

Eseguendo le operazioni sopra descritte si accede alla maschera di inserimento news (figura Inserimentonews scheda generale (page 63))

Questa si compone di due schede una denominata Generale e unrsquoaltra denominata Relations

Nella scheda Generale egrave possibile inserire

Titolo in questo spazio egrave possibile specificare un titolo della news

Nascondi questo controllo determina se la news egrave pubblicabile oppure no Come avviene per le pagineanche per le news egrave consigliabile tenere la news nascosta durante la lavorazione Facciamo notare

71 Inserimento e modifica di news 62

DocWeb Release 101

Figura 74 Inserimento news scheda generale

71 Inserimento e modifica di news 63

DocWeb Release 101

che appena viene aperta la maschera di inserimento di una nuova news il controllo appare giagrave instato nascosto

Dataora in questo spazio viene indicata la data e lrsquoora della creazione della news in base ai parametridi sistema

Data Archiviazione in questo spazio viene inserita la data di Archiviazione di una news

Autore permette di specificare un autore della news

Email permette di specificare un e-mail a cui fare riferimento

Sottointestazione questo campo conterragrave una breve descrizione (abstract) della news La sottointes-tazione egrave quella parte della news che compare quando viene visualizzata la lista delle news e serveper dare una breve descrizione al contenuto della news (si veda Esempio news (page 64))

Figura 75 Esempio news

Durante lrsquoinserimento di una news egrave consigliabile specificare sempre una sottointestazione

Testo egrave il campo che contiene il contenuto vero e proprio della news Egrave possibile utilizzare tutte lefunzionalitagrave messe a disposizione dallrsquoeditor RTE

72 Modalitagrave Relations

Nella modalitagrave Relations (figura Inserimento news scheda relations (page 65)) egrave possibile inserire

Immagini contiene una lista di immagini da associare alla news Il procedimento per la se-lezionecaricamento delle immagini egrave stato descritto nella parte dedicata alla creazione di paginedi download a cui vi rimandiamo

Didascalia permette di specificare una descrizione per lrsquoimmagine associata alla news

Image alttext e Image titletext permette di specificare un testo che in visualizzazione (Frontend)compariragrave al passaggio del mouse sopra lrsquoimmagine

News correlate permette di specificare news o pagine del sito da associare alla news Il procedimentodi selezione delle news da associare alla notizia saragrave spiegato successivamente

DAM elements permette di assegnare alla news dei documenti da scaricare come per esempioil programma di un determinato evento Anche in questo caso il procedimento per la se-lezionecaricamento dei documenti egrave quello giagrave descritto nella parte dedicata alla creazione dipagine di download

Descriviamo il procedimento da seguire per associare alcune pagine o alcune news alla notizia che stiamoinserendo

Premere il tasto di Sfoglia Record evidenziato nella figura Sfoglia record news (page 65)

Verragrave aperta una finestra che contiene un Element Browser che ci permette di selezionare le newspagine(figura Element browser news (page 66)) da associare

La finestra di selezione si suddivide nelle seguenti parti (figura sopra)

Alberatura del sito da cui egrave possibile esplorare gli elementi del nostro sito (pagine sysfolder )Premendo con il tasto sinistro del mouse sul nome della pagina o sulla freccia corrispondente verragraveaggiornata la parte di destra della finestra in cui egrave inserita la lista degli elementi associabili

72 Modalitagrave Relations 64

DocWeb Release 101

Figura 76 Inserimento news scheda relations

Figura 77 Sfoglia record news

72 Modalitagrave Relations 65

DocWeb Release 101

Figura 78 Element browser news

Lista degli elementi associabili egrave quindi possibile selezionare gli elementi da associare alla newsPer associare un elemento si puograve selezionare il simbolo ldquo+rdquo posto accanto allrsquoelemento desideratoo agendo sul nome del file Nel primo caso lrsquoelemento viene aggiunto ma la finestra non si chiuderagrave(utile per effettuare selezioni multiple) mentre nel secondo caso lrsquoelemento viene aggiunto e lafinestra si chiuderagrave (selezione singola)

Nota Per associare una o piugrave news alla notizia che stiamo inserendo occorreragrave innanzitutto selezionareil repository delle news e utilizzando i metodi descritti in precedenza indicare le news di interesse

Nella figura Selezione repository (page 66) viene visualizzato come appare lrsquoElement Browser dopo averselezionato il repository delle news denominato ldquoNews Corso Typo3rdquo

Figura 79 Selezione repository

Una volta ultimato il procedimento di inserimento di una news vedremo che nel repository compariragrave(figura News nel repository (page 67)) anche quella da noi creata Nellrsquoesempio la news creata si chiamaldquoTitolo della news di provardquo

Dalla lista delle news possiamo notare che i diversi tipi di news sono contrassegnati con icone diverse

In particolare distinguiamo

72 Modalitagrave Relations 66

DocWeb Release 101

Figura 710 News nel repository

bull News (icona ldquocelestinardquo)

bull Collegamento a URL esterna (icona ldquorosardquo)

bull Collegamento a pagina interna (icona ldquogiallinardquo)

Per modificare il contenuto di una news egrave sufficiente selezionare il simbolo di modifica (figura Modificanews (page 67)) in corrispondenza della news da modificare

Figura 711 Modifica news

73 News collegata a URL esterna e a pagina interna

Attraverso la selezione della finestra ldquoTipordquo egrave possibile scegliere diverse tipologie di news

Nella figura News collegata a url esterna (page 68) egrave stato selezionato il Collegamento a URL esterna checi offriragrave la possibilitagrave di specificare un link (ldquoURL esternordquo) da far visualizzare e che saragrave contraddistintain lista da lrsquoicona di colore rosa

Selezionando il Collegamento a pagina interna viene offerta la possibilitagrave di inserire un collegamento auna pagina del sito (evidenziato nella figura News collegata a pagina interna (page 69))

La news si presenteragrave con icona di color ldquogiallordquo e al suo interno conterragrave un link alla pagina interna alsito

73 News collegata a URL esterna e a pagina interna 67

DocWeb Release 101

Figura 712 News collegata a url esterna

73 News collegata a URL esterna e a pagina interna 68

DocWeb Release 101

Figura 713 News collegata a pagina interna

73 News collegata a URL esterna e a pagina interna 69

DocWeb Release 101

74 Eliminazione delle News

Per eliminare una news possiamo procedere tra lrsquoaltro in due modi

1 Selezionare la news da eliminare dallrsquoelenco e selezionare la voce ldquocancellardquo dal menugrave a tendinaconsultabile cliccando con il pulsante destro sullrsquoicona in corrispondenza della news (figura Eliminanews da menu contestuale (page 70))

Figura 714 Elimina news da menu contestuale

2 Entrare allrsquointerno della modalitagrave di modifica della news attraverso lrsquoicona ldquomatitardquo e selezionare lrsquoi-cona raffigurante il bidone di elimina posta in alto pagina (figura Elimina news da scheda contenuto(page 70))

Figura 715 Elimina news da scheda contenuto

75 Ordinamento delle News e ricerca

Puograve essere necessario durante la visualizzazione della lista delle news (lato backend) di dover effettuaredegli ordinamenti al fine di permettere una ricerca piugrave veloce delle news da modificare

74 Eliminazione delle News 70

DocWeb Release 101

Avvertimento Lrsquoordinamento ha valore solo come ricerca allrsquointerno del backend mentre latofrontend rispecchieragrave i parametri prestabiliti dal sistema

Supponiamo per esempio di voler effettuare un ordinamento per Titolo Seguiamo i seguenti passi(figura sotto)

1 Selezionare la voce di menugrave Lista

2 Selezionare il deposito delle news (repository) News Corso Typo3

3 Cliccare con il mouse in corrispondenza della voce ldquoTitolordquo

A questo punto (figura Ordinamento news (page 71)) le news vengono ordinate in ordine crescente(vengono visualizzate prima le news con titolo che inizia con la lettera a b e cosigrave via)

Figura 716 Ordinamento news

Se clicchiamo unrsquoaltra volta sulla voce ldquoTitolordquo il tipo di ordinamento cambia da crescente a decrescente(compariranno per prima le news con titolo che inizia per z )

Egrave inoltre possibile ordinare secondo campo da noi specificato Per definire il nome di un campo (ad estesto inizio autore ) su cui effettuare lrsquoordinamento occorreragrave spostarsi in fondo alla lista delle newsdove troveremo una lista di campi (figura Mostra campo aggiuntivo news (page 71))

Figura 717 Mostra campo aggiuntivo news

Dalla lista possiamo

bull Selezionare la voce in base alla quale effettuare lrsquoordinamento (ad esempio Immagini)

bull Premere il tasto Imposta campi per aggiungere alla lista dei campi visualizzati quello selezionato

75 Ordinamento delle News e ricerca 71

DocWeb Release 101

A questo punto il campo selezionato (nel nostro esempio il campo Immagini) compare nella lista dellenews (il campo aggiunto egrave evidenziato con un riquadro in alto a destra nella figura Ordinamento campoaggiuntivo news (page 72))

Figura 718 Ordinamento campo aggiuntivo news

Effettuare le stesse operazioni illustrate per il campo Titolo per ordinare in modo crescente e decrescentele news secondo il criterio impostato (click pulsante sinistro sul nome etichetta)

Egrave anche possibile ricercare le news in base al testo contenuto nel titolo sottotitolo descrizione eccUtilizzando la maschera di ricerca in fondo pagina (evidenziata nella figura Ricerca news (page 72))

Figura 719 Ricerca news

Per effettuare una ricerca egrave necessario seguire i seguenti passi

1 Inserire nel campo Cerca Stringa il testo da cercare (nel nostro esempio ldquonequerdquo)

2 Premere il tasto Cerca per eseguire la ricerca secondo i criteri impostati

In questo modo nella lista delle news compariranno solo quelle che contengono il testo specificatoEffettuata la ricerca egrave possibile effettuare degli ordinamenti come spiegato in precedenza

75 Ordinamento delle News e ricerca 72

CAPITOLO 8

Modulo Eventi

Avvertimento SEZIONE NON COMPLETA

Si confrontino i seguenti due tipi di contenuti

Evento egrave un tipo di contenuto adatto a descrivere qualcosa che accadragrave o che egrave accaduto in una certadata La data o le date in cui lrsquoevento ricorre sono strettamente legate ad un luogo in cui lrsquoeventosi verificheragravesi egrave verificato Gli eventi vengono rappresentati mediante la metafora dellrsquoagenda edel calendario

Notizia egrave un tipo di contenuto caratterizzato dalla data di pubblicazione secondo la metafora delgiornale online E come in un giornale online una notizia puograve riferirsi sia a fatti giagrave accaduti chea fatti a venire

Nota Per comprendere meglio la differenza tra i due tipi di contenuto si pensi che dato un eventoche ha una certa data di svolgimento (ad es 20 maggio) di tale evento posso realizzare piugrave di unanotizia Rimanendo nellrsquoesempio potrei pubblicare una notizia il 10 maggio per preannunciare lrsquoeventoe poi unrsquoaltra il 18 maggio per ricordarne lrsquoimminenza Infine potrei pubblicare una notizia di riepilogo(cronaca dellrsquoevento immagini ecc) il 22 maggio

81 Scopo del modulo Eventi

Il visitatore del sito deve poter cogliere le informazioni essenziali di un evento

bull Cosa sta per succedere

bull Dove accadragrave

bull Quando accadragrave

82 Il Backend ndash Modulo Pagina

Vedi figura Eventi vista modulo pagina (page 74)

83 Il Backend ndash Modulo Lista

Vedi figura Eventi vista modulo lista (page 74)

73

DocWeb Release 101

Figura 81 Eventi vista modulo pagina

Figura 82 Eventi vista modulo lista

83 Il Backend ndash Modulo Lista 74

DocWeb Release 101

84 Creazione di un evento

Prima di procedere poniamoci qualche domanda

bull Lrsquoevento appartiene a qualche rassegna iniziativa per la quale sono in programma altri eventiPer esempio

ndash Rassegne teatrali cinematografiche

ndash Festival

bull Lrsquoevento si ripete

ndash La replica avviene sempre nello stesso luogo

841 Creazione del record

Vedi figura Creazione nuovo evento (page 75)

Vedi figura Creazione nuovo record evento (page 76)

Figura 83 Creazione nuovo evento

842 Scheda ldquoGeneralerdquo

Vedi figura Evento scheda generale (page 76)

843 Scheda ldquoFinestra temporalerdquo

Orario repliche

Vedi figura Evento finestra temporale (page 78)

84 Creazione di un evento 75

DocWeb Release 101

Figura 84 Creazione nuovo record evento

Figura 85 Evento scheda generale

84 Creazione di un evento 76

DocWeb Release 101

bull Lrsquoorario va solo per le Finestre temporali di un giorno (data inizio = data fine)

bull Se non si conosce lrsquoora della fine impostare ora inizio = ora fine

844 Scheda ldquoTestordquo

Vedi figura Evento scheda testo (page 79)

84 Creazione di un evento 77

DocWeb Release 101

Figura 86 Evento finestra temporale

84 Creazione di un evento 78

DocWeb Release 101

Figura 87 Evento scheda testo84 Creazione di un evento 79

  • Introduzione
    • Cosegrave DocWeb
    • Concetti chiave
      • Funzionalitagrave di Base
        • Il CMS Typo3 ldquobackendrdquo e ldquofrontendrdquo
        • Cambio password di accesso
        • Albero delle pagine
        • Implementazione delle pagine ldquogenitori rdquo e ldquofiglirdquo
        • Inserimento Nuova pagina
        • Elementi standard della pagina
        • Inserimento contenuti di una pagina
        • Contenuti multipli allrsquointerno di una pagina
        • Modifica dei contenuti della pagina
        • Spostamento di pagine
        • Eliminazione pagine
        • Rich Text Editor
        • Modalitagrave Lista
        • Modalitagrave Mostra
        • Modalitagrave ldquoMonta come radice dellrsquoalberordquo
        • Ottenere il page-id di una pagina
        • Admin Panel
          • La Clipboard
            • Copia o spostamento di un contenuto singolo di pagina allrsquointerno di unrsquoaltra pagina
            • Copia o spostamento di piugrave contenuti da una pagina ad unrsquoaltra
              • Modulo DAM (Digital Asset Management)
                • Caricamento e Aggiornamento di file
                • Ricerca di file allrsquointerno del DAM e modifica delle meta-informazioni
                  • Modulo Pagine di download
                    • Inserimento e configurazione pagine di download
                      • Modulo Sitemap
                        • Scheda di configurazione Mappa
                        • Tipo di mappa
                        • Il ``punto di partenza della mappa
                          • Modulo News
                            • Inserimento e modifica di news
                            • Modalitagrave Relations
                            • News collegata a URL esterna e a pagina interna
                            • Eliminazione delle News
                            • Ordinamento delle News e ricerca
                              • Modulo Eventi
                                • Scopo del modulo Eventi
                                • Il Backend ndash Modulo Pagina
                                • Il Backend ndash Modulo Lista
                                • Creazione di un evento
Page 41: DocWeb€¦ · per la realizzazione e la gestione di siti web della Pubblica Am-ministrazione. La piattaforma tecnologica utilizzata è il CMS (Content Management System) Open SourceTypo31

DocWeb Release 101

Figura 38 Taglia dalla clipboard

32 Copia o spostamento di piugrave contenuti da una pagina ad unrsquoaltra 38

DocWeb Release 101

In questo modo dopo avere confermato lrsquooperazione i contenuti o le pagine da copiare saranno presentisia nella pagina origine che in quella destinazione

32 Copia o spostamento di piugrave contenuti da una pagina ad unrsquoaltra 39

CAPITOLO 4

Modulo DAM (Digital AssetManagement)

Il modulo DAM (Digital Asset Management) offre la possibilitagrave di raccogliere e catalogare contenuti informato digitale come immagini documenti presentazioni

Ogni file inserito puograve essere corredato di informazioni aggiuntive (meta-informazioni) come la descrizionelrsquoautore parole chiave ecc

Attraverso il modulo DAM egrave possibile svolgere le seguenti operazioni

bull Caricamento e Aggiornamento di file

bull Ricerca di file allrsquointerno del DAM e modifica delle meta-informazioni associate ai file

41 Caricamento e Aggiornamento di file

Lrsquooperazione di CaricamentoAggiornamento di file serve per sottoporre al sistema DAM un particolarecontenuto memorizzato in formato digitale

Lrsquoelemento caricato saragrave poi disponibile a chi inserisce contenuti

Per iniziare lrsquooperazione di caricamento di un file egrave sufficiente selezionare la voce File che si trovaallrsquointerno del modulo Media (figura Menu file (page 41))

La maschera che si apre (figura File upload (page 41)) offre le seguenti possibilitagrave

1 Selezione della posizione dove andare a caricareaggiornare il file

2 Specificare alcuni documenti da caricare (area File)

Concentrandoci sullrsquoarea File (figura Dettaglio file upload (page 42)) distinguiamo

1 Voce Show upload location browser (punto 1 figura sopra) egrave possibile visualizzare i file attualmentecaricati nel Mount Point selezionato

2 Lista di bottoni denominati Sfoglia da utilizzare nel caso in cui si desideri caricareaggiornareun file

Se si desidera caricare un file occorre cliccare sul bottone Sfoglia

La finestra che appare (figura Sfoglia file (page 42)) permette di selezionare dal proprio PC il file dacaricare

Per selezionare un file da caricare occorre

1 Esplorare le cartelle del proprio PC per trovare il file

40

DocWeb Release 101

Figura 41 Menu file

Figura 42 File upload

41 Caricamento e Aggiornamento di file 41

DocWeb Release 101

Figura 43 Dettaglio file upload

Figura 44 Sfoglia file

41 Caricamento e Aggiornamento di file 42

DocWeb Release 101

2 Inserire il nome del file nella casella di testo Nome file

3 Premere il tasto Apri

Una volta che si egrave selezionato un file egrave possibile

1 selezionare altri file da caricare seguendo gli stessi passi descritti in precedenza

2 effettuare lrsquooperazione di caricamento del file vero e proprio

Dallrsquoesempio abbiamo scelto di caricare un solo file

Il caricamento dei file viene eseguito premendo il bottone ldquoUpload filesrdquo che si trova in fondo alla listadei file selezionati (figura File selezionato (page 43))

Figura 45 File selezionato

Se tutto egrave stato eseguito correttamente appariragrave una finestra come quella nella figura Process files(page 44)

In questa maschera egrave possibile

1 Specificare le meta-informazioni per il singolo file come ad esempio il titolo parole chiavedescrizione

2 Avviare il processo di elaborazione multipla premendo il bottone Process selected files Con questoprocesso egrave possibile inserire o modificare le meta-informazioni per tutti i file della lista (in questocaso solo uno)

Se si vuole eseguire lrsquoinserimento delle meta-informazioni per singolo file la finestra che si apre egrave similea quella presentata in figura Elaborazione metainformazioni singolo file (page 44)

Nel caso si scelga di eseguire il processo di elaborazione multipla la maschera che compare (figuraElaborazione metainformazioni file multipli (page 45)) permette di selezionare le meta-informazioni chelrsquoutente intende inserire contemporaneamente per tutti i file della selezione

41 Caricamento e Aggiornamento di file 43

DocWeb Release 101

Figura 46 Process files

Figura 47 Elaborazione metainformazioni singolo file

41 Caricamento e Aggiornamento di file 44

DocWeb Release 101

Figura 48 Elaborazione metainformazioni file multipli

41 Caricamento e Aggiornamento di file 45

DocWeb Release 101

Se si seleziona la checkbox accanto alla voce che eventualmente saragrave inserita questa viene aggiuntaalle informazioni eventualmente giagrave presenti (modalitagrave append) Nellrsquoaltro caso le informazioni sarannosovrascritte

I campi Titolo e Descrizione sono obbligatori mentre il campo Parole chiavi puograve essere valorizzato adiscrezione dellrsquoutente Informazioni su come valorizzare i campi elencati sopra saranno descritte suapposite linee guida

Per completare lrsquoinserimentoaggiornamento delle meta-informazioni riguardanti il file caricato occorrepremere il tasto Send (figura Salva metainformazioni (page 46)) in fondo alla maschera per il salvataggiodelle informazioni

Figura 49 Salva metainformazioni

Tornando alla maschera di caricamento file e selezionando la checkbox in corrispondenza della voceSovrascrivi file esistenti (figura Carica file sovrascrivendo (page 46)) saragrave possibile aggiornare eventualifile che hanno lo stesso nome di quello che stiamo caricando

Questa procedura egrave utile quando si vuole aggiornare il contenuto di un file che egrave giagrave presente nel DAM

Figura 410 Carica file sovrascrivendo

Nel caso di aggiornamento di un file le meta-informazioni del file rimangono le stesse inserite inprecedenza Come si puograve notare non viene offerta la possibilitagrave di inserirne di nuove

Nel caso in cui un file con lo stesso nome sia giagrave caricato e non si desideri aggiornarlo il file inseritoper ultimo viene rinominato con un suffisso generato automaticamente dal DAM In questo caso la voceSovrascrivi file esistenti non deve essere selezionata (figura Carica file senza sovrascrivere (page 47))

Nellrsquoesempio in figura viene presentata la lista dei file presenti nel mount point selezionato

Da notare la presenza di un file che egrave stato rinominato dal DAM con un suffisso ldquo_01rdquo dato che nellastessa posizione era giagrave presente un file con lo stesso nome

41 Caricamento e Aggiornamento di file 46

DocWeb Release 101

Figura 411 Carica file senza sovrascrivere

41 Caricamento e Aggiornamento di file 47

DocWeb Release 101

42 Ricerca di file allrsquointerno del DAM e modifica delle meta-informazioni

Rimanendo sempre allrsquointerno del modulo Media selezioniamo la voce List egrave possibile effettuare dellericerche dei file e modificare le meta-informazioni associate ai file

Nella figura Backend media list (page 48) distinguiamo

Figura 412 Backend media list

1 Parte relativa ai Mount Point disponibili

2 Parte relativa ai tipi di file caricati nel sistema

3 Schede List Thumbnails Selection Process

Da questa sezione egrave possibile effettuare ricerche sui file caricati nel DAM

Le ricerche che si possono eseguire sono del tipo ldquotrova tutti i file pdf e docrdquo oppure ldquoelenca tutti i filedi tipo immagine ad eccezione dei file con estensione gifrdquo

Per prima cosa facendo click sul nome del tipo file (es gif oppure image) si seleziona solo quel tipo difile e si escludono tutti i criteri selezionati in precedenza

Per aggiungere un altro criterio di ricerca egrave sufficiente selezionare il ldquo+rdquo (punto 1 nella figura Criteri diselezione (page 49)) posto accanto al tipo di file che si vuole selezionare

Con il ldquo-ldquo(punto 2) saragrave possibile rimuovere il tipo di file dai criteri di ricerca

Selezionando ldquo=rdquo (punto 3) egrave possibile introdurre clausole del tipo ldquocerca un file che sia doc e presentenel Mount Point chiamato lsquoArea Testrsquordquo (ossia effettua una ricerca che risponda a tutti i criteri impostati)

Nellrsquoesempio della figura Salva selezione (page 49) sono stati selezionati tutti i tipi di immagine adeccezione dei file con estensione gif Questo risultato si ottiene nel seguente modo

1 selezionare il ldquo+rdquo accanto alla voce ldquoimagerdquo

2 premendo il tasto ldquo-ldquo in corrispondenza della voce ldquogifrdquo

I criteri impostati per la selezione possono essere salvati per un uso futuro Per salvare la selezioneoccorre (figura Salva selezione (page 49))

1 riempire il campo sotto la voce SELECTION con un nome che identifichi la ricerca

2 premere il tasto Save per salvare la modalitagrave di ricerca impostata

In questo modo saragrave possibile richiamare e rieseguire la ricerca impostata anche in futuro senza doverripetere il procedimento di scelta dei criteri mostrato in precedenza

42 Ricerca di file allrsquointerno del DAM e modifica delle meta-informazioni 48

DocWeb Release 101

Figura 413 Criteri di selezione

Figura 414 Salva selezione

42 Ricerca di file allrsquointerno del DAM e modifica delle meta-informazioni 49

DocWeb Release 101

Se in futuro saranno inseriti nuovi file che soddisfano la ricerca salvata questi verranno selezionati quandoverragrave richiamata la ricerca salvata

Dalla figura Ricerca salvata (page 50) egrave possibile notare come richiamare la ricerca salvata In questocaso abbiamo salvato la ricerca con il nome ldquoimmaginisenzagifrdquo

Figura 415 Ricerca salvata

Una volta che si egrave selezionata la ricerca egrave possibile

1 Premere il tasto Load per ricaricare la ricerca precedentemente impostata

2 Premere Remove per rimuovere la ricerca salvata

Una volta effettuata una particolare selezione di file egrave possibile (figura Schede backend media list(page 50))

Figura 416 Schede backend media list

1 vedere il contenuto della selezione (schede List e Thumbnails)

2 vedere i criteri impostati per la ricerca (scheda Selection)

3 modificare le meta-informazioni associate ai file (scheda Process) secondo quanto descritto inprecedenza

Nella figura Scheda selection (page 51) egrave visualizzato come selezionando la scheda Selection egrave possibileprendere visione dei criteri impostati nella ricerca (la ricerca egrave quella dellrsquoesempio precedente)

Selezionando le schede List e Thumbnails dopo avere effettuato una qualsiasi selezione si potrebbe avereuna situazione come quella mostrata nella figura Scheda list (page 51)

Cliccando sullrsquoicona corrispondente ad uno dei file presenti nella lista (selezionato con un cerchio rosso)egrave possibile accedere ad un menugrave contestuale (figura Menu contestuale DAM (page 51))che permette disvolgere le seguenti operazioni

Modifica Offre la possibilitagrave di visualizzare e modificare le meta-informazioni associate al file

Rinomina Selezionando la seguente voce egrave possibile assegnare un altro nome al file che si egrave caricato

Replace file Avvia lrsquooperazione di sostituzione del file

Info Visualizza informazioni relative al file

Cancella Rimuove il file dal DAM

42 Ricerca di file allrsquointerno del DAM e modifica delle meta-informazioni 50

DocWeb Release 101

Figura 417 Scheda selection

Figura 418 Scheda list

Figura 419 Menu contestuale DAM

42 Ricerca di file allrsquointerno del DAM e modifica delle meta-informazioni 51

CAPITOLO 5

Modulo Pagine di download

51 Inserimento e configurazione pagine di download

La creazione di pagine di download egrave utile quando si vuole mettere a disposizione una lista di uno o piugravefile in forma scaricabile

Per creare una pagina di download egrave necessario seguire i seguenti passi

1 Creare una pagina standard

2 Inserire il plugin DAM Download List

3 Configurare il plugin

Per creare una pagina egrave sufficiente entrare nel modulo Pagina e selezionare Crea nuovo record per accederealla finestra di creazione pagine

Nellrsquoesempio in figura Backend creazione contenuto (page 52) egrave stata creata la pagina denominata ldquoPaginadownloadrdquo come figlio della pagina ldquoPagina di provardquo

Figura 51 Backend creazione contenuto

Una volta creata la pagina occorre configurarla in maniera tale da permettere la visualizzazione di unalista di file scaricabili Per fare ciograve occorre inserire un plugin denominato ldquoDAM Download Listrdquo Unplugin egrave un contenuto speciale da inserire in una pagina

52

DocWeb Release 101

Per inserirlo come per un contenuto occorre seguire i seguenti passi (figura Backend creazione contenuto(page 52))

1 Selezionare la pagina in cui inserire il plugin Nellrsquoesempio la pagina denominata ldquoPaginadownloadrdquo

2 Selezionare la voce Clicca qui per il wizard nella maschera che compare quando si vuole inserire unnuovo record

Figura 52 Wizard nuovo contenuto

Oltre ai normali contenuti standard il wizard permette di selezionare (figura Wizard nuovo contenuto(page 53))

1 Contenuti speciali

2 Moduli

3 Plugins

Allrsquointerno della lista dei Plugins selezionare DAM Lista dei file scaricabili (punto 4 nella figura Wizardnuovo contenuto (page 53))

Dopo aver selezionato il plugin occorreragrave selezionare la posizione della pagina in cui inserire lrsquoelemento

Selezionare ldquoNormalerdquo

A questo punto il plugin egrave inserito nella pagina desiderata

51 Inserimento e configurazione pagine di download 53

DocWeb Release 101

Oltre allrsquoinserimento occorre configurare il plugin in modo da dirgli quali file far visualizzare

Una volta che il plugin viene inserito viene aperta una finestra (figura Contenuto pagina (page 54)) doveviene richiesto di selezionare dei file inseriti nel sistema

Figura 53 Contenuto pagina

Per proseguire correttamente egrave necessario salvare immediatamente il Contenuto Pagina altrimenti leoperazioni successive potrebbero andare perse

Per inserire i file nella lista occorre effettuare la seguente operazione (figura Contenuto pagina (page 54))

1 Nella parte della maschera denominata DAM Lista di file scaricabili selezionare lrsquoicona SfogliaRecord (cerchiata in rosso) per avviare la procedura di selezione dei file

Selezionando la voce Sfoglia Record verragrave aperto lrsquoElement Browser di TYPO3 che ci permette di se-lezionare i file da inserire nel plugin La finestra (figura Element browser (page 55)) egrave composta di dueschede

1 Media ndash permette di selezionare i file giagrave esistenti nel sistema

2 Upload ndash permette di caricare nuovi file

Selezionando la sezione Media egrave possibile selezionare dalla lista i file da inserire

51 Inserimento e configurazione pagine di download 54

DocWeb Release 101

Figura 54 Element browser

Se la lista dei file fosse troppo lunga egrave possibile effettuare delle ricerche per nome e per tipologia di file(doc htm )

Per cercare per nome (figura Ricerca per nome (page 55)) occorre inserire nella casella di testo Cercastringa (punto 1 nella figura sopra) il nome o parte del nome del file da cercare Una volta specificata lastringa di ricerca premere il tasto Cerca (punto 2)

Figura 55 Ricerca per nome

Per cercare un particolare tipo di file selezionare il nome dellrsquoestensione che si desidera dallrsquoelenco deitipi di file (figura Ricerca per tipo (page 56))

Nota I due tipi di ricerca possono essere usati contemporaneamente

Selezionando la voce informazioni (punto 1 nella figura Selezione file (page 56)) egrave possibile visualizzarele meta-informazioni associate al file

Premendo con il mouse sul nome del file (punto 2) o sullrsquoicona associata (punto 3) si inserisce il file nellalista dei file da far visualizzare nella pagina di download mediante lrsquoapposito plugin

Selezionando la scheda Upload si puograve inserire un file non presente nel sistema (figura Caricamentoimmediato file (page 56))

51 Inserimento e configurazione pagine di download 55

DocWeb Release 101

Figura 56 Ricerca per tipo

Figura 57 Selezione file

Figura 58 Caricamento immediato file

51 Inserimento e configurazione pagine di download 56

DocWeb Release 101

Scegliere i file dal proprio PC seguendo le operazioni giagrave descritte nel modulo DAM e selezionare dallascheda Media i nuovi file inseriti

Nella figura Plugin con file selezionati (page 57) egrave visualizzato un esempio di maschera di configurazionedel plugin con la lista dei file selezionati

Figura 59 Plugin con file selezionati

I file una volta inseriti possono essere ordinati selezionando sugli appositi bottoni posti a destra dellalista file

bull Per ordinare un determinato file occorre

bull Selezionare un file

Premere uno dei tasti (figura sopra) per

1 Spostare in prima posizione

2 Spostare in alto di una posizione

3 Spostare in basso di una posizione

4 Spostare in ultima posizione

5 Rimuovere dalla lista il file selezionato

Una volta eseguiti i passaggi sopra descritti salvare la configurazione del plugin

51 Inserimento e configurazione pagine di download 57

CAPITOLO 6

Modulo Sitemap

Ersquo possibile generare una mappa del sito scegliendo un contenuto speciale di tipo ldquoMappa del Sitordquo comemostrato nella figura Contenuto mappa del sito (page 58)

Figura 61 Contenuto mappa del sito

Per scegliere un record di tipo ldquomappa del sitordquo (per visualizzare cioegrave la vista dei contenuti possibili)saragrave necessario portarsi in modalitagrave ldquopaginardquo compiendo gli stessi passaggi descritti per la creazione dicontenuti semplici in fase di creazione delle pagine (in questo caso selezionando il contenuto specialemappa)

58

DocWeb Release 101

61 Scheda di configurazione Mappa

La scheda di configurazione si presenta come nella figura Scheda mappa del sito (page 59)

Figura 62 Scheda mappa del sito

I campi fondamentali da personalizzare sono lrsquointestazione (ossia il titolo pagina) il tipo di menugrave e ilpunto di partenza Nellrsquointestazione viene inserito come di consuetudine il titolo pagina

62 Tipo di mappa

Ersquo possibile scegliere il tipo di mappa che si desidera creare consultando il menugrave a tendina ldquotipo di menugraverdquoche ci offriragrave diverse opzioni

Le piugrave frequentemente usate sono di tipo ldquoMenugrave delle sottopagine rdquo come indicato nella figura Tipo dimenu (page 60)

Menugrave delle sottopagine di queste pagine Scegliendo questa opzione da una pagina padre sigenereragrave un record che mostreragrave al suo interno tutte le sottovoci figlio con relativo link

Menugrave delle sottopagine di queste pagine (con abstract) Genera una mappa sia delle sottopagineche dei sottotitoli

Menugrave delle sottopagine di queste pagine + sezioni Genera una mappa sia delle sottopagine chedei record (link alle intestazioni dei singoli record)

Selezionando voci di menugrave di sottopagine egrave anche possibile stabilire un determinato punto di partenzasfogliando lrsquoapposito record

61 Scheda di configurazione Mappa 59

DocWeb Release 101

Figura 63 Tipo di menu

63 Il ldquopunto di partenzardquo della mappa

Il ldquopunto di partenzardquo dei Menugrave delle sottopagine Scheda mappa del sito (page 59) costituisce la paginadalla quale il sistema partiragrave per creare la mappa

Si potragrave quindi creare una mappa (di tipo menugrave delle sottopagine) che mostri solamente il percorso diquella porzione di menugrave che si intende mostrare

63 Il ldquopunto di partenzardquo della mappa 60

CAPITOLO 7

Modulo News

71 Inserimento e modifica di news

Alcune sezioni del nostro sito potrebbero essere state configurate per permettere la visualizzazione dinotizie

Per poter visualizzare le news correttamente occorre che queste ultime vengano inserite in una determi-nata posizione allrsquointerno del backend Da questa posizione che chiameremo repository delle news lenostre pagine andranno a prelevare le news da visualizzare al loro interno

Figura 71 Backend news

Nellrsquoesempio presentato nella figura Backend news (page 61) distinguiamo

1 il repository delle news che egrave stato creato

2 Un esempio di come potrebbe apparire il contenuto del repository delle news (lista delle news)

Per poter visualizzare il contenuto del repository delle news occorre seguire i seguenti passi

1 entrare nel modulo Pagina

61

DocWeb Release 101

2 selezionare il repository delle news corrispondente (nellrsquoesempio della figura Backend news (page 61)il Repository delle news si chiama ldquoNews Area Testrdquo)

Poniamo ora la nostra attenzione alla lista delle news (figura Lista news (page 62)) Da qui egrave possibile

bull Inserire una nuova notizia

bull Modificare le notizie giagrave esistenti

Per inserire una nuova notizia occorre selezionare la voce Crea nuovo record (figura Lista news (page 62))posta in fondo alla lista delle news

Figura 72 Lista news

A questo punto si apre la finestra di creazione Nuovo record da cui occorre selezionare la voce News(figura Nuovo record news (page 62))

Figura 73 Nuovo record news

Eseguendo le operazioni sopra descritte si accede alla maschera di inserimento news (figura Inserimentonews scheda generale (page 63))

Questa si compone di due schede una denominata Generale e unrsquoaltra denominata Relations

Nella scheda Generale egrave possibile inserire

Titolo in questo spazio egrave possibile specificare un titolo della news

Nascondi questo controllo determina se la news egrave pubblicabile oppure no Come avviene per le pagineanche per le news egrave consigliabile tenere la news nascosta durante la lavorazione Facciamo notare

71 Inserimento e modifica di news 62

DocWeb Release 101

Figura 74 Inserimento news scheda generale

71 Inserimento e modifica di news 63

DocWeb Release 101

che appena viene aperta la maschera di inserimento di una nuova news il controllo appare giagrave instato nascosto

Dataora in questo spazio viene indicata la data e lrsquoora della creazione della news in base ai parametridi sistema

Data Archiviazione in questo spazio viene inserita la data di Archiviazione di una news

Autore permette di specificare un autore della news

Email permette di specificare un e-mail a cui fare riferimento

Sottointestazione questo campo conterragrave una breve descrizione (abstract) della news La sottointes-tazione egrave quella parte della news che compare quando viene visualizzata la lista delle news e serveper dare una breve descrizione al contenuto della news (si veda Esempio news (page 64))

Figura 75 Esempio news

Durante lrsquoinserimento di una news egrave consigliabile specificare sempre una sottointestazione

Testo egrave il campo che contiene il contenuto vero e proprio della news Egrave possibile utilizzare tutte lefunzionalitagrave messe a disposizione dallrsquoeditor RTE

72 Modalitagrave Relations

Nella modalitagrave Relations (figura Inserimento news scheda relations (page 65)) egrave possibile inserire

Immagini contiene una lista di immagini da associare alla news Il procedimento per la se-lezionecaricamento delle immagini egrave stato descritto nella parte dedicata alla creazione di paginedi download a cui vi rimandiamo

Didascalia permette di specificare una descrizione per lrsquoimmagine associata alla news

Image alttext e Image titletext permette di specificare un testo che in visualizzazione (Frontend)compariragrave al passaggio del mouse sopra lrsquoimmagine

News correlate permette di specificare news o pagine del sito da associare alla news Il procedimentodi selezione delle news da associare alla notizia saragrave spiegato successivamente

DAM elements permette di assegnare alla news dei documenti da scaricare come per esempioil programma di un determinato evento Anche in questo caso il procedimento per la se-lezionecaricamento dei documenti egrave quello giagrave descritto nella parte dedicata alla creazione dipagine di download

Descriviamo il procedimento da seguire per associare alcune pagine o alcune news alla notizia che stiamoinserendo

Premere il tasto di Sfoglia Record evidenziato nella figura Sfoglia record news (page 65)

Verragrave aperta una finestra che contiene un Element Browser che ci permette di selezionare le newspagine(figura Element browser news (page 66)) da associare

La finestra di selezione si suddivide nelle seguenti parti (figura sopra)

Alberatura del sito da cui egrave possibile esplorare gli elementi del nostro sito (pagine sysfolder )Premendo con il tasto sinistro del mouse sul nome della pagina o sulla freccia corrispondente verragraveaggiornata la parte di destra della finestra in cui egrave inserita la lista degli elementi associabili

72 Modalitagrave Relations 64

DocWeb Release 101

Figura 76 Inserimento news scheda relations

Figura 77 Sfoglia record news

72 Modalitagrave Relations 65

DocWeb Release 101

Figura 78 Element browser news

Lista degli elementi associabili egrave quindi possibile selezionare gli elementi da associare alla newsPer associare un elemento si puograve selezionare il simbolo ldquo+rdquo posto accanto allrsquoelemento desideratoo agendo sul nome del file Nel primo caso lrsquoelemento viene aggiunto ma la finestra non si chiuderagrave(utile per effettuare selezioni multiple) mentre nel secondo caso lrsquoelemento viene aggiunto e lafinestra si chiuderagrave (selezione singola)

Nota Per associare una o piugrave news alla notizia che stiamo inserendo occorreragrave innanzitutto selezionareil repository delle news e utilizzando i metodi descritti in precedenza indicare le news di interesse

Nella figura Selezione repository (page 66) viene visualizzato come appare lrsquoElement Browser dopo averselezionato il repository delle news denominato ldquoNews Corso Typo3rdquo

Figura 79 Selezione repository

Una volta ultimato il procedimento di inserimento di una news vedremo che nel repository compariragrave(figura News nel repository (page 67)) anche quella da noi creata Nellrsquoesempio la news creata si chiamaldquoTitolo della news di provardquo

Dalla lista delle news possiamo notare che i diversi tipi di news sono contrassegnati con icone diverse

In particolare distinguiamo

72 Modalitagrave Relations 66

DocWeb Release 101

Figura 710 News nel repository

bull News (icona ldquocelestinardquo)

bull Collegamento a URL esterna (icona ldquorosardquo)

bull Collegamento a pagina interna (icona ldquogiallinardquo)

Per modificare il contenuto di una news egrave sufficiente selezionare il simbolo di modifica (figura Modificanews (page 67)) in corrispondenza della news da modificare

Figura 711 Modifica news

73 News collegata a URL esterna e a pagina interna

Attraverso la selezione della finestra ldquoTipordquo egrave possibile scegliere diverse tipologie di news

Nella figura News collegata a url esterna (page 68) egrave stato selezionato il Collegamento a URL esterna checi offriragrave la possibilitagrave di specificare un link (ldquoURL esternordquo) da far visualizzare e che saragrave contraddistintain lista da lrsquoicona di colore rosa

Selezionando il Collegamento a pagina interna viene offerta la possibilitagrave di inserire un collegamento auna pagina del sito (evidenziato nella figura News collegata a pagina interna (page 69))

La news si presenteragrave con icona di color ldquogiallordquo e al suo interno conterragrave un link alla pagina interna alsito

73 News collegata a URL esterna e a pagina interna 67

DocWeb Release 101

Figura 712 News collegata a url esterna

73 News collegata a URL esterna e a pagina interna 68

DocWeb Release 101

Figura 713 News collegata a pagina interna

73 News collegata a URL esterna e a pagina interna 69

DocWeb Release 101

74 Eliminazione delle News

Per eliminare una news possiamo procedere tra lrsquoaltro in due modi

1 Selezionare la news da eliminare dallrsquoelenco e selezionare la voce ldquocancellardquo dal menugrave a tendinaconsultabile cliccando con il pulsante destro sullrsquoicona in corrispondenza della news (figura Eliminanews da menu contestuale (page 70))

Figura 714 Elimina news da menu contestuale

2 Entrare allrsquointerno della modalitagrave di modifica della news attraverso lrsquoicona ldquomatitardquo e selezionare lrsquoi-cona raffigurante il bidone di elimina posta in alto pagina (figura Elimina news da scheda contenuto(page 70))

Figura 715 Elimina news da scheda contenuto

75 Ordinamento delle News e ricerca

Puograve essere necessario durante la visualizzazione della lista delle news (lato backend) di dover effettuaredegli ordinamenti al fine di permettere una ricerca piugrave veloce delle news da modificare

74 Eliminazione delle News 70

DocWeb Release 101

Avvertimento Lrsquoordinamento ha valore solo come ricerca allrsquointerno del backend mentre latofrontend rispecchieragrave i parametri prestabiliti dal sistema

Supponiamo per esempio di voler effettuare un ordinamento per Titolo Seguiamo i seguenti passi(figura sotto)

1 Selezionare la voce di menugrave Lista

2 Selezionare il deposito delle news (repository) News Corso Typo3

3 Cliccare con il mouse in corrispondenza della voce ldquoTitolordquo

A questo punto (figura Ordinamento news (page 71)) le news vengono ordinate in ordine crescente(vengono visualizzate prima le news con titolo che inizia con la lettera a b e cosigrave via)

Figura 716 Ordinamento news

Se clicchiamo unrsquoaltra volta sulla voce ldquoTitolordquo il tipo di ordinamento cambia da crescente a decrescente(compariranno per prima le news con titolo che inizia per z )

Egrave inoltre possibile ordinare secondo campo da noi specificato Per definire il nome di un campo (ad estesto inizio autore ) su cui effettuare lrsquoordinamento occorreragrave spostarsi in fondo alla lista delle newsdove troveremo una lista di campi (figura Mostra campo aggiuntivo news (page 71))

Figura 717 Mostra campo aggiuntivo news

Dalla lista possiamo

bull Selezionare la voce in base alla quale effettuare lrsquoordinamento (ad esempio Immagini)

bull Premere il tasto Imposta campi per aggiungere alla lista dei campi visualizzati quello selezionato

75 Ordinamento delle News e ricerca 71

DocWeb Release 101

A questo punto il campo selezionato (nel nostro esempio il campo Immagini) compare nella lista dellenews (il campo aggiunto egrave evidenziato con un riquadro in alto a destra nella figura Ordinamento campoaggiuntivo news (page 72))

Figura 718 Ordinamento campo aggiuntivo news

Effettuare le stesse operazioni illustrate per il campo Titolo per ordinare in modo crescente e decrescentele news secondo il criterio impostato (click pulsante sinistro sul nome etichetta)

Egrave anche possibile ricercare le news in base al testo contenuto nel titolo sottotitolo descrizione eccUtilizzando la maschera di ricerca in fondo pagina (evidenziata nella figura Ricerca news (page 72))

Figura 719 Ricerca news

Per effettuare una ricerca egrave necessario seguire i seguenti passi

1 Inserire nel campo Cerca Stringa il testo da cercare (nel nostro esempio ldquonequerdquo)

2 Premere il tasto Cerca per eseguire la ricerca secondo i criteri impostati

In questo modo nella lista delle news compariranno solo quelle che contengono il testo specificatoEffettuata la ricerca egrave possibile effettuare degli ordinamenti come spiegato in precedenza

75 Ordinamento delle News e ricerca 72

CAPITOLO 8

Modulo Eventi

Avvertimento SEZIONE NON COMPLETA

Si confrontino i seguenti due tipi di contenuti

Evento egrave un tipo di contenuto adatto a descrivere qualcosa che accadragrave o che egrave accaduto in una certadata La data o le date in cui lrsquoevento ricorre sono strettamente legate ad un luogo in cui lrsquoeventosi verificheragravesi egrave verificato Gli eventi vengono rappresentati mediante la metafora dellrsquoagenda edel calendario

Notizia egrave un tipo di contenuto caratterizzato dalla data di pubblicazione secondo la metafora delgiornale online E come in un giornale online una notizia puograve riferirsi sia a fatti giagrave accaduti chea fatti a venire

Nota Per comprendere meglio la differenza tra i due tipi di contenuto si pensi che dato un eventoche ha una certa data di svolgimento (ad es 20 maggio) di tale evento posso realizzare piugrave di unanotizia Rimanendo nellrsquoesempio potrei pubblicare una notizia il 10 maggio per preannunciare lrsquoeventoe poi unrsquoaltra il 18 maggio per ricordarne lrsquoimminenza Infine potrei pubblicare una notizia di riepilogo(cronaca dellrsquoevento immagini ecc) il 22 maggio

81 Scopo del modulo Eventi

Il visitatore del sito deve poter cogliere le informazioni essenziali di un evento

bull Cosa sta per succedere

bull Dove accadragrave

bull Quando accadragrave

82 Il Backend ndash Modulo Pagina

Vedi figura Eventi vista modulo pagina (page 74)

83 Il Backend ndash Modulo Lista

Vedi figura Eventi vista modulo lista (page 74)

73

DocWeb Release 101

Figura 81 Eventi vista modulo pagina

Figura 82 Eventi vista modulo lista

83 Il Backend ndash Modulo Lista 74

DocWeb Release 101

84 Creazione di un evento

Prima di procedere poniamoci qualche domanda

bull Lrsquoevento appartiene a qualche rassegna iniziativa per la quale sono in programma altri eventiPer esempio

ndash Rassegne teatrali cinematografiche

ndash Festival

bull Lrsquoevento si ripete

ndash La replica avviene sempre nello stesso luogo

841 Creazione del record

Vedi figura Creazione nuovo evento (page 75)

Vedi figura Creazione nuovo record evento (page 76)

Figura 83 Creazione nuovo evento

842 Scheda ldquoGeneralerdquo

Vedi figura Evento scheda generale (page 76)

843 Scheda ldquoFinestra temporalerdquo

Orario repliche

Vedi figura Evento finestra temporale (page 78)

84 Creazione di un evento 75

DocWeb Release 101

Figura 84 Creazione nuovo record evento

Figura 85 Evento scheda generale

84 Creazione di un evento 76

DocWeb Release 101

bull Lrsquoorario va solo per le Finestre temporali di un giorno (data inizio = data fine)

bull Se non si conosce lrsquoora della fine impostare ora inizio = ora fine

844 Scheda ldquoTestordquo

Vedi figura Evento scheda testo (page 79)

84 Creazione di un evento 77

DocWeb Release 101

Figura 86 Evento finestra temporale

84 Creazione di un evento 78

DocWeb Release 101

Figura 87 Evento scheda testo84 Creazione di un evento 79

  • Introduzione
    • Cosegrave DocWeb
    • Concetti chiave
      • Funzionalitagrave di Base
        • Il CMS Typo3 ldquobackendrdquo e ldquofrontendrdquo
        • Cambio password di accesso
        • Albero delle pagine
        • Implementazione delle pagine ldquogenitori rdquo e ldquofiglirdquo
        • Inserimento Nuova pagina
        • Elementi standard della pagina
        • Inserimento contenuti di una pagina
        • Contenuti multipli allrsquointerno di una pagina
        • Modifica dei contenuti della pagina
        • Spostamento di pagine
        • Eliminazione pagine
        • Rich Text Editor
        • Modalitagrave Lista
        • Modalitagrave Mostra
        • Modalitagrave ldquoMonta come radice dellrsquoalberordquo
        • Ottenere il page-id di una pagina
        • Admin Panel
          • La Clipboard
            • Copia o spostamento di un contenuto singolo di pagina allrsquointerno di unrsquoaltra pagina
            • Copia o spostamento di piugrave contenuti da una pagina ad unrsquoaltra
              • Modulo DAM (Digital Asset Management)
                • Caricamento e Aggiornamento di file
                • Ricerca di file allrsquointerno del DAM e modifica delle meta-informazioni
                  • Modulo Pagine di download
                    • Inserimento e configurazione pagine di download
                      • Modulo Sitemap
                        • Scheda di configurazione Mappa
                        • Tipo di mappa
                        • Il ``punto di partenza della mappa
                          • Modulo News
                            • Inserimento e modifica di news
                            • Modalitagrave Relations
                            • News collegata a URL esterna e a pagina interna
                            • Eliminazione delle News
                            • Ordinamento delle News e ricerca
                              • Modulo Eventi
                                • Scopo del modulo Eventi
                                • Il Backend ndash Modulo Pagina
                                • Il Backend ndash Modulo Lista
                                • Creazione di un evento
Page 42: DocWeb€¦ · per la realizzazione e la gestione di siti web della Pubblica Am-ministrazione. La piattaforma tecnologica utilizzata è il CMS (Content Management System) Open SourceTypo31

DocWeb Release 101

In questo modo dopo avere confermato lrsquooperazione i contenuti o le pagine da copiare saranno presentisia nella pagina origine che in quella destinazione

32 Copia o spostamento di piugrave contenuti da una pagina ad unrsquoaltra 39

CAPITOLO 4

Modulo DAM (Digital AssetManagement)

Il modulo DAM (Digital Asset Management) offre la possibilitagrave di raccogliere e catalogare contenuti informato digitale come immagini documenti presentazioni

Ogni file inserito puograve essere corredato di informazioni aggiuntive (meta-informazioni) come la descrizionelrsquoautore parole chiave ecc

Attraverso il modulo DAM egrave possibile svolgere le seguenti operazioni

bull Caricamento e Aggiornamento di file

bull Ricerca di file allrsquointerno del DAM e modifica delle meta-informazioni associate ai file

41 Caricamento e Aggiornamento di file

Lrsquooperazione di CaricamentoAggiornamento di file serve per sottoporre al sistema DAM un particolarecontenuto memorizzato in formato digitale

Lrsquoelemento caricato saragrave poi disponibile a chi inserisce contenuti

Per iniziare lrsquooperazione di caricamento di un file egrave sufficiente selezionare la voce File che si trovaallrsquointerno del modulo Media (figura Menu file (page 41))

La maschera che si apre (figura File upload (page 41)) offre le seguenti possibilitagrave

1 Selezione della posizione dove andare a caricareaggiornare il file

2 Specificare alcuni documenti da caricare (area File)

Concentrandoci sullrsquoarea File (figura Dettaglio file upload (page 42)) distinguiamo

1 Voce Show upload location browser (punto 1 figura sopra) egrave possibile visualizzare i file attualmentecaricati nel Mount Point selezionato

2 Lista di bottoni denominati Sfoglia da utilizzare nel caso in cui si desideri caricareaggiornareun file

Se si desidera caricare un file occorre cliccare sul bottone Sfoglia

La finestra che appare (figura Sfoglia file (page 42)) permette di selezionare dal proprio PC il file dacaricare

Per selezionare un file da caricare occorre

1 Esplorare le cartelle del proprio PC per trovare il file

40

DocWeb Release 101

Figura 41 Menu file

Figura 42 File upload

41 Caricamento e Aggiornamento di file 41

DocWeb Release 101

Figura 43 Dettaglio file upload

Figura 44 Sfoglia file

41 Caricamento e Aggiornamento di file 42

DocWeb Release 101

2 Inserire il nome del file nella casella di testo Nome file

3 Premere il tasto Apri

Una volta che si egrave selezionato un file egrave possibile

1 selezionare altri file da caricare seguendo gli stessi passi descritti in precedenza

2 effettuare lrsquooperazione di caricamento del file vero e proprio

Dallrsquoesempio abbiamo scelto di caricare un solo file

Il caricamento dei file viene eseguito premendo il bottone ldquoUpload filesrdquo che si trova in fondo alla listadei file selezionati (figura File selezionato (page 43))

Figura 45 File selezionato

Se tutto egrave stato eseguito correttamente appariragrave una finestra come quella nella figura Process files(page 44)

In questa maschera egrave possibile

1 Specificare le meta-informazioni per il singolo file come ad esempio il titolo parole chiavedescrizione

2 Avviare il processo di elaborazione multipla premendo il bottone Process selected files Con questoprocesso egrave possibile inserire o modificare le meta-informazioni per tutti i file della lista (in questocaso solo uno)

Se si vuole eseguire lrsquoinserimento delle meta-informazioni per singolo file la finestra che si apre egrave similea quella presentata in figura Elaborazione metainformazioni singolo file (page 44)

Nel caso si scelga di eseguire il processo di elaborazione multipla la maschera che compare (figuraElaborazione metainformazioni file multipli (page 45)) permette di selezionare le meta-informazioni chelrsquoutente intende inserire contemporaneamente per tutti i file della selezione

41 Caricamento e Aggiornamento di file 43

DocWeb Release 101

Figura 46 Process files

Figura 47 Elaborazione metainformazioni singolo file

41 Caricamento e Aggiornamento di file 44

DocWeb Release 101

Figura 48 Elaborazione metainformazioni file multipli

41 Caricamento e Aggiornamento di file 45

DocWeb Release 101

Se si seleziona la checkbox accanto alla voce che eventualmente saragrave inserita questa viene aggiuntaalle informazioni eventualmente giagrave presenti (modalitagrave append) Nellrsquoaltro caso le informazioni sarannosovrascritte

I campi Titolo e Descrizione sono obbligatori mentre il campo Parole chiavi puograve essere valorizzato adiscrezione dellrsquoutente Informazioni su come valorizzare i campi elencati sopra saranno descritte suapposite linee guida

Per completare lrsquoinserimentoaggiornamento delle meta-informazioni riguardanti il file caricato occorrepremere il tasto Send (figura Salva metainformazioni (page 46)) in fondo alla maschera per il salvataggiodelle informazioni

Figura 49 Salva metainformazioni

Tornando alla maschera di caricamento file e selezionando la checkbox in corrispondenza della voceSovrascrivi file esistenti (figura Carica file sovrascrivendo (page 46)) saragrave possibile aggiornare eventualifile che hanno lo stesso nome di quello che stiamo caricando

Questa procedura egrave utile quando si vuole aggiornare il contenuto di un file che egrave giagrave presente nel DAM

Figura 410 Carica file sovrascrivendo

Nel caso di aggiornamento di un file le meta-informazioni del file rimangono le stesse inserite inprecedenza Come si puograve notare non viene offerta la possibilitagrave di inserirne di nuove

Nel caso in cui un file con lo stesso nome sia giagrave caricato e non si desideri aggiornarlo il file inseritoper ultimo viene rinominato con un suffisso generato automaticamente dal DAM In questo caso la voceSovrascrivi file esistenti non deve essere selezionata (figura Carica file senza sovrascrivere (page 47))

Nellrsquoesempio in figura viene presentata la lista dei file presenti nel mount point selezionato

Da notare la presenza di un file che egrave stato rinominato dal DAM con un suffisso ldquo_01rdquo dato che nellastessa posizione era giagrave presente un file con lo stesso nome

41 Caricamento e Aggiornamento di file 46

DocWeb Release 101

Figura 411 Carica file senza sovrascrivere

41 Caricamento e Aggiornamento di file 47

DocWeb Release 101

42 Ricerca di file allrsquointerno del DAM e modifica delle meta-informazioni

Rimanendo sempre allrsquointerno del modulo Media selezioniamo la voce List egrave possibile effettuare dellericerche dei file e modificare le meta-informazioni associate ai file

Nella figura Backend media list (page 48) distinguiamo

Figura 412 Backend media list

1 Parte relativa ai Mount Point disponibili

2 Parte relativa ai tipi di file caricati nel sistema

3 Schede List Thumbnails Selection Process

Da questa sezione egrave possibile effettuare ricerche sui file caricati nel DAM

Le ricerche che si possono eseguire sono del tipo ldquotrova tutti i file pdf e docrdquo oppure ldquoelenca tutti i filedi tipo immagine ad eccezione dei file con estensione gifrdquo

Per prima cosa facendo click sul nome del tipo file (es gif oppure image) si seleziona solo quel tipo difile e si escludono tutti i criteri selezionati in precedenza

Per aggiungere un altro criterio di ricerca egrave sufficiente selezionare il ldquo+rdquo (punto 1 nella figura Criteri diselezione (page 49)) posto accanto al tipo di file che si vuole selezionare

Con il ldquo-ldquo(punto 2) saragrave possibile rimuovere il tipo di file dai criteri di ricerca

Selezionando ldquo=rdquo (punto 3) egrave possibile introdurre clausole del tipo ldquocerca un file che sia doc e presentenel Mount Point chiamato lsquoArea Testrsquordquo (ossia effettua una ricerca che risponda a tutti i criteri impostati)

Nellrsquoesempio della figura Salva selezione (page 49) sono stati selezionati tutti i tipi di immagine adeccezione dei file con estensione gif Questo risultato si ottiene nel seguente modo

1 selezionare il ldquo+rdquo accanto alla voce ldquoimagerdquo

2 premendo il tasto ldquo-ldquo in corrispondenza della voce ldquogifrdquo

I criteri impostati per la selezione possono essere salvati per un uso futuro Per salvare la selezioneoccorre (figura Salva selezione (page 49))

1 riempire il campo sotto la voce SELECTION con un nome che identifichi la ricerca

2 premere il tasto Save per salvare la modalitagrave di ricerca impostata

In questo modo saragrave possibile richiamare e rieseguire la ricerca impostata anche in futuro senza doverripetere il procedimento di scelta dei criteri mostrato in precedenza

42 Ricerca di file allrsquointerno del DAM e modifica delle meta-informazioni 48

DocWeb Release 101

Figura 413 Criteri di selezione

Figura 414 Salva selezione

42 Ricerca di file allrsquointerno del DAM e modifica delle meta-informazioni 49

DocWeb Release 101

Se in futuro saranno inseriti nuovi file che soddisfano la ricerca salvata questi verranno selezionati quandoverragrave richiamata la ricerca salvata

Dalla figura Ricerca salvata (page 50) egrave possibile notare come richiamare la ricerca salvata In questocaso abbiamo salvato la ricerca con il nome ldquoimmaginisenzagifrdquo

Figura 415 Ricerca salvata

Una volta che si egrave selezionata la ricerca egrave possibile

1 Premere il tasto Load per ricaricare la ricerca precedentemente impostata

2 Premere Remove per rimuovere la ricerca salvata

Una volta effettuata una particolare selezione di file egrave possibile (figura Schede backend media list(page 50))

Figura 416 Schede backend media list

1 vedere il contenuto della selezione (schede List e Thumbnails)

2 vedere i criteri impostati per la ricerca (scheda Selection)

3 modificare le meta-informazioni associate ai file (scheda Process) secondo quanto descritto inprecedenza

Nella figura Scheda selection (page 51) egrave visualizzato come selezionando la scheda Selection egrave possibileprendere visione dei criteri impostati nella ricerca (la ricerca egrave quella dellrsquoesempio precedente)

Selezionando le schede List e Thumbnails dopo avere effettuato una qualsiasi selezione si potrebbe avereuna situazione come quella mostrata nella figura Scheda list (page 51)

Cliccando sullrsquoicona corrispondente ad uno dei file presenti nella lista (selezionato con un cerchio rosso)egrave possibile accedere ad un menugrave contestuale (figura Menu contestuale DAM (page 51))che permette disvolgere le seguenti operazioni

Modifica Offre la possibilitagrave di visualizzare e modificare le meta-informazioni associate al file

Rinomina Selezionando la seguente voce egrave possibile assegnare un altro nome al file che si egrave caricato

Replace file Avvia lrsquooperazione di sostituzione del file

Info Visualizza informazioni relative al file

Cancella Rimuove il file dal DAM

42 Ricerca di file allrsquointerno del DAM e modifica delle meta-informazioni 50

DocWeb Release 101

Figura 417 Scheda selection

Figura 418 Scheda list

Figura 419 Menu contestuale DAM

42 Ricerca di file allrsquointerno del DAM e modifica delle meta-informazioni 51

CAPITOLO 5

Modulo Pagine di download

51 Inserimento e configurazione pagine di download

La creazione di pagine di download egrave utile quando si vuole mettere a disposizione una lista di uno o piugravefile in forma scaricabile

Per creare una pagina di download egrave necessario seguire i seguenti passi

1 Creare una pagina standard

2 Inserire il plugin DAM Download List

3 Configurare il plugin

Per creare una pagina egrave sufficiente entrare nel modulo Pagina e selezionare Crea nuovo record per accederealla finestra di creazione pagine

Nellrsquoesempio in figura Backend creazione contenuto (page 52) egrave stata creata la pagina denominata ldquoPaginadownloadrdquo come figlio della pagina ldquoPagina di provardquo

Figura 51 Backend creazione contenuto

Una volta creata la pagina occorre configurarla in maniera tale da permettere la visualizzazione di unalista di file scaricabili Per fare ciograve occorre inserire un plugin denominato ldquoDAM Download Listrdquo Unplugin egrave un contenuto speciale da inserire in una pagina

52

DocWeb Release 101

Per inserirlo come per un contenuto occorre seguire i seguenti passi (figura Backend creazione contenuto(page 52))

1 Selezionare la pagina in cui inserire il plugin Nellrsquoesempio la pagina denominata ldquoPaginadownloadrdquo

2 Selezionare la voce Clicca qui per il wizard nella maschera che compare quando si vuole inserire unnuovo record

Figura 52 Wizard nuovo contenuto

Oltre ai normali contenuti standard il wizard permette di selezionare (figura Wizard nuovo contenuto(page 53))

1 Contenuti speciali

2 Moduli

3 Plugins

Allrsquointerno della lista dei Plugins selezionare DAM Lista dei file scaricabili (punto 4 nella figura Wizardnuovo contenuto (page 53))

Dopo aver selezionato il plugin occorreragrave selezionare la posizione della pagina in cui inserire lrsquoelemento

Selezionare ldquoNormalerdquo

A questo punto il plugin egrave inserito nella pagina desiderata

51 Inserimento e configurazione pagine di download 53

DocWeb Release 101

Oltre allrsquoinserimento occorre configurare il plugin in modo da dirgli quali file far visualizzare

Una volta che il plugin viene inserito viene aperta una finestra (figura Contenuto pagina (page 54)) doveviene richiesto di selezionare dei file inseriti nel sistema

Figura 53 Contenuto pagina

Per proseguire correttamente egrave necessario salvare immediatamente il Contenuto Pagina altrimenti leoperazioni successive potrebbero andare perse

Per inserire i file nella lista occorre effettuare la seguente operazione (figura Contenuto pagina (page 54))

1 Nella parte della maschera denominata DAM Lista di file scaricabili selezionare lrsquoicona SfogliaRecord (cerchiata in rosso) per avviare la procedura di selezione dei file

Selezionando la voce Sfoglia Record verragrave aperto lrsquoElement Browser di TYPO3 che ci permette di se-lezionare i file da inserire nel plugin La finestra (figura Element browser (page 55)) egrave composta di dueschede

1 Media ndash permette di selezionare i file giagrave esistenti nel sistema

2 Upload ndash permette di caricare nuovi file

Selezionando la sezione Media egrave possibile selezionare dalla lista i file da inserire

51 Inserimento e configurazione pagine di download 54

DocWeb Release 101

Figura 54 Element browser

Se la lista dei file fosse troppo lunga egrave possibile effettuare delle ricerche per nome e per tipologia di file(doc htm )

Per cercare per nome (figura Ricerca per nome (page 55)) occorre inserire nella casella di testo Cercastringa (punto 1 nella figura sopra) il nome o parte del nome del file da cercare Una volta specificata lastringa di ricerca premere il tasto Cerca (punto 2)

Figura 55 Ricerca per nome

Per cercare un particolare tipo di file selezionare il nome dellrsquoestensione che si desidera dallrsquoelenco deitipi di file (figura Ricerca per tipo (page 56))

Nota I due tipi di ricerca possono essere usati contemporaneamente

Selezionando la voce informazioni (punto 1 nella figura Selezione file (page 56)) egrave possibile visualizzarele meta-informazioni associate al file

Premendo con il mouse sul nome del file (punto 2) o sullrsquoicona associata (punto 3) si inserisce il file nellalista dei file da far visualizzare nella pagina di download mediante lrsquoapposito plugin

Selezionando la scheda Upload si puograve inserire un file non presente nel sistema (figura Caricamentoimmediato file (page 56))

51 Inserimento e configurazione pagine di download 55

DocWeb Release 101

Figura 56 Ricerca per tipo

Figura 57 Selezione file

Figura 58 Caricamento immediato file

51 Inserimento e configurazione pagine di download 56

DocWeb Release 101

Scegliere i file dal proprio PC seguendo le operazioni giagrave descritte nel modulo DAM e selezionare dallascheda Media i nuovi file inseriti

Nella figura Plugin con file selezionati (page 57) egrave visualizzato un esempio di maschera di configurazionedel plugin con la lista dei file selezionati

Figura 59 Plugin con file selezionati

I file una volta inseriti possono essere ordinati selezionando sugli appositi bottoni posti a destra dellalista file

bull Per ordinare un determinato file occorre

bull Selezionare un file

Premere uno dei tasti (figura sopra) per

1 Spostare in prima posizione

2 Spostare in alto di una posizione

3 Spostare in basso di una posizione

4 Spostare in ultima posizione

5 Rimuovere dalla lista il file selezionato

Una volta eseguiti i passaggi sopra descritti salvare la configurazione del plugin

51 Inserimento e configurazione pagine di download 57

CAPITOLO 6

Modulo Sitemap

Ersquo possibile generare una mappa del sito scegliendo un contenuto speciale di tipo ldquoMappa del Sitordquo comemostrato nella figura Contenuto mappa del sito (page 58)

Figura 61 Contenuto mappa del sito

Per scegliere un record di tipo ldquomappa del sitordquo (per visualizzare cioegrave la vista dei contenuti possibili)saragrave necessario portarsi in modalitagrave ldquopaginardquo compiendo gli stessi passaggi descritti per la creazione dicontenuti semplici in fase di creazione delle pagine (in questo caso selezionando il contenuto specialemappa)

58

DocWeb Release 101

61 Scheda di configurazione Mappa

La scheda di configurazione si presenta come nella figura Scheda mappa del sito (page 59)

Figura 62 Scheda mappa del sito

I campi fondamentali da personalizzare sono lrsquointestazione (ossia il titolo pagina) il tipo di menugrave e ilpunto di partenza Nellrsquointestazione viene inserito come di consuetudine il titolo pagina

62 Tipo di mappa

Ersquo possibile scegliere il tipo di mappa che si desidera creare consultando il menugrave a tendina ldquotipo di menugraverdquoche ci offriragrave diverse opzioni

Le piugrave frequentemente usate sono di tipo ldquoMenugrave delle sottopagine rdquo come indicato nella figura Tipo dimenu (page 60)

Menugrave delle sottopagine di queste pagine Scegliendo questa opzione da una pagina padre sigenereragrave un record che mostreragrave al suo interno tutte le sottovoci figlio con relativo link

Menugrave delle sottopagine di queste pagine (con abstract) Genera una mappa sia delle sottopagineche dei sottotitoli

Menugrave delle sottopagine di queste pagine + sezioni Genera una mappa sia delle sottopagine chedei record (link alle intestazioni dei singoli record)

Selezionando voci di menugrave di sottopagine egrave anche possibile stabilire un determinato punto di partenzasfogliando lrsquoapposito record

61 Scheda di configurazione Mappa 59

DocWeb Release 101

Figura 63 Tipo di menu

63 Il ldquopunto di partenzardquo della mappa

Il ldquopunto di partenzardquo dei Menugrave delle sottopagine Scheda mappa del sito (page 59) costituisce la paginadalla quale il sistema partiragrave per creare la mappa

Si potragrave quindi creare una mappa (di tipo menugrave delle sottopagine) che mostri solamente il percorso diquella porzione di menugrave che si intende mostrare

63 Il ldquopunto di partenzardquo della mappa 60

CAPITOLO 7

Modulo News

71 Inserimento e modifica di news

Alcune sezioni del nostro sito potrebbero essere state configurate per permettere la visualizzazione dinotizie

Per poter visualizzare le news correttamente occorre che queste ultime vengano inserite in una determi-nata posizione allrsquointerno del backend Da questa posizione che chiameremo repository delle news lenostre pagine andranno a prelevare le news da visualizzare al loro interno

Figura 71 Backend news

Nellrsquoesempio presentato nella figura Backend news (page 61) distinguiamo

1 il repository delle news che egrave stato creato

2 Un esempio di come potrebbe apparire il contenuto del repository delle news (lista delle news)

Per poter visualizzare il contenuto del repository delle news occorre seguire i seguenti passi

1 entrare nel modulo Pagina

61

DocWeb Release 101

2 selezionare il repository delle news corrispondente (nellrsquoesempio della figura Backend news (page 61)il Repository delle news si chiama ldquoNews Area Testrdquo)

Poniamo ora la nostra attenzione alla lista delle news (figura Lista news (page 62)) Da qui egrave possibile

bull Inserire una nuova notizia

bull Modificare le notizie giagrave esistenti

Per inserire una nuova notizia occorre selezionare la voce Crea nuovo record (figura Lista news (page 62))posta in fondo alla lista delle news

Figura 72 Lista news

A questo punto si apre la finestra di creazione Nuovo record da cui occorre selezionare la voce News(figura Nuovo record news (page 62))

Figura 73 Nuovo record news

Eseguendo le operazioni sopra descritte si accede alla maschera di inserimento news (figura Inserimentonews scheda generale (page 63))

Questa si compone di due schede una denominata Generale e unrsquoaltra denominata Relations

Nella scheda Generale egrave possibile inserire

Titolo in questo spazio egrave possibile specificare un titolo della news

Nascondi questo controllo determina se la news egrave pubblicabile oppure no Come avviene per le pagineanche per le news egrave consigliabile tenere la news nascosta durante la lavorazione Facciamo notare

71 Inserimento e modifica di news 62

DocWeb Release 101

Figura 74 Inserimento news scheda generale

71 Inserimento e modifica di news 63

DocWeb Release 101

che appena viene aperta la maschera di inserimento di una nuova news il controllo appare giagrave instato nascosto

Dataora in questo spazio viene indicata la data e lrsquoora della creazione della news in base ai parametridi sistema

Data Archiviazione in questo spazio viene inserita la data di Archiviazione di una news

Autore permette di specificare un autore della news

Email permette di specificare un e-mail a cui fare riferimento

Sottointestazione questo campo conterragrave una breve descrizione (abstract) della news La sottointes-tazione egrave quella parte della news che compare quando viene visualizzata la lista delle news e serveper dare una breve descrizione al contenuto della news (si veda Esempio news (page 64))

Figura 75 Esempio news

Durante lrsquoinserimento di una news egrave consigliabile specificare sempre una sottointestazione

Testo egrave il campo che contiene il contenuto vero e proprio della news Egrave possibile utilizzare tutte lefunzionalitagrave messe a disposizione dallrsquoeditor RTE

72 Modalitagrave Relations

Nella modalitagrave Relations (figura Inserimento news scheda relations (page 65)) egrave possibile inserire

Immagini contiene una lista di immagini da associare alla news Il procedimento per la se-lezionecaricamento delle immagini egrave stato descritto nella parte dedicata alla creazione di paginedi download a cui vi rimandiamo

Didascalia permette di specificare una descrizione per lrsquoimmagine associata alla news

Image alttext e Image titletext permette di specificare un testo che in visualizzazione (Frontend)compariragrave al passaggio del mouse sopra lrsquoimmagine

News correlate permette di specificare news o pagine del sito da associare alla news Il procedimentodi selezione delle news da associare alla notizia saragrave spiegato successivamente

DAM elements permette di assegnare alla news dei documenti da scaricare come per esempioil programma di un determinato evento Anche in questo caso il procedimento per la se-lezionecaricamento dei documenti egrave quello giagrave descritto nella parte dedicata alla creazione dipagine di download

Descriviamo il procedimento da seguire per associare alcune pagine o alcune news alla notizia che stiamoinserendo

Premere il tasto di Sfoglia Record evidenziato nella figura Sfoglia record news (page 65)

Verragrave aperta una finestra che contiene un Element Browser che ci permette di selezionare le newspagine(figura Element browser news (page 66)) da associare

La finestra di selezione si suddivide nelle seguenti parti (figura sopra)

Alberatura del sito da cui egrave possibile esplorare gli elementi del nostro sito (pagine sysfolder )Premendo con il tasto sinistro del mouse sul nome della pagina o sulla freccia corrispondente verragraveaggiornata la parte di destra della finestra in cui egrave inserita la lista degli elementi associabili

72 Modalitagrave Relations 64

DocWeb Release 101

Figura 76 Inserimento news scheda relations

Figura 77 Sfoglia record news

72 Modalitagrave Relations 65

DocWeb Release 101

Figura 78 Element browser news

Lista degli elementi associabili egrave quindi possibile selezionare gli elementi da associare alla newsPer associare un elemento si puograve selezionare il simbolo ldquo+rdquo posto accanto allrsquoelemento desideratoo agendo sul nome del file Nel primo caso lrsquoelemento viene aggiunto ma la finestra non si chiuderagrave(utile per effettuare selezioni multiple) mentre nel secondo caso lrsquoelemento viene aggiunto e lafinestra si chiuderagrave (selezione singola)

Nota Per associare una o piugrave news alla notizia che stiamo inserendo occorreragrave innanzitutto selezionareil repository delle news e utilizzando i metodi descritti in precedenza indicare le news di interesse

Nella figura Selezione repository (page 66) viene visualizzato come appare lrsquoElement Browser dopo averselezionato il repository delle news denominato ldquoNews Corso Typo3rdquo

Figura 79 Selezione repository

Una volta ultimato il procedimento di inserimento di una news vedremo che nel repository compariragrave(figura News nel repository (page 67)) anche quella da noi creata Nellrsquoesempio la news creata si chiamaldquoTitolo della news di provardquo

Dalla lista delle news possiamo notare che i diversi tipi di news sono contrassegnati con icone diverse

In particolare distinguiamo

72 Modalitagrave Relations 66

DocWeb Release 101

Figura 710 News nel repository

bull News (icona ldquocelestinardquo)

bull Collegamento a URL esterna (icona ldquorosardquo)

bull Collegamento a pagina interna (icona ldquogiallinardquo)

Per modificare il contenuto di una news egrave sufficiente selezionare il simbolo di modifica (figura Modificanews (page 67)) in corrispondenza della news da modificare

Figura 711 Modifica news

73 News collegata a URL esterna e a pagina interna

Attraverso la selezione della finestra ldquoTipordquo egrave possibile scegliere diverse tipologie di news

Nella figura News collegata a url esterna (page 68) egrave stato selezionato il Collegamento a URL esterna checi offriragrave la possibilitagrave di specificare un link (ldquoURL esternordquo) da far visualizzare e che saragrave contraddistintain lista da lrsquoicona di colore rosa

Selezionando il Collegamento a pagina interna viene offerta la possibilitagrave di inserire un collegamento auna pagina del sito (evidenziato nella figura News collegata a pagina interna (page 69))

La news si presenteragrave con icona di color ldquogiallordquo e al suo interno conterragrave un link alla pagina interna alsito

73 News collegata a URL esterna e a pagina interna 67

DocWeb Release 101

Figura 712 News collegata a url esterna

73 News collegata a URL esterna e a pagina interna 68

DocWeb Release 101

Figura 713 News collegata a pagina interna

73 News collegata a URL esterna e a pagina interna 69

DocWeb Release 101

74 Eliminazione delle News

Per eliminare una news possiamo procedere tra lrsquoaltro in due modi

1 Selezionare la news da eliminare dallrsquoelenco e selezionare la voce ldquocancellardquo dal menugrave a tendinaconsultabile cliccando con il pulsante destro sullrsquoicona in corrispondenza della news (figura Eliminanews da menu contestuale (page 70))

Figura 714 Elimina news da menu contestuale

2 Entrare allrsquointerno della modalitagrave di modifica della news attraverso lrsquoicona ldquomatitardquo e selezionare lrsquoi-cona raffigurante il bidone di elimina posta in alto pagina (figura Elimina news da scheda contenuto(page 70))

Figura 715 Elimina news da scheda contenuto

75 Ordinamento delle News e ricerca

Puograve essere necessario durante la visualizzazione della lista delle news (lato backend) di dover effettuaredegli ordinamenti al fine di permettere una ricerca piugrave veloce delle news da modificare

74 Eliminazione delle News 70

DocWeb Release 101

Avvertimento Lrsquoordinamento ha valore solo come ricerca allrsquointerno del backend mentre latofrontend rispecchieragrave i parametri prestabiliti dal sistema

Supponiamo per esempio di voler effettuare un ordinamento per Titolo Seguiamo i seguenti passi(figura sotto)

1 Selezionare la voce di menugrave Lista

2 Selezionare il deposito delle news (repository) News Corso Typo3

3 Cliccare con il mouse in corrispondenza della voce ldquoTitolordquo

A questo punto (figura Ordinamento news (page 71)) le news vengono ordinate in ordine crescente(vengono visualizzate prima le news con titolo che inizia con la lettera a b e cosigrave via)

Figura 716 Ordinamento news

Se clicchiamo unrsquoaltra volta sulla voce ldquoTitolordquo il tipo di ordinamento cambia da crescente a decrescente(compariranno per prima le news con titolo che inizia per z )

Egrave inoltre possibile ordinare secondo campo da noi specificato Per definire il nome di un campo (ad estesto inizio autore ) su cui effettuare lrsquoordinamento occorreragrave spostarsi in fondo alla lista delle newsdove troveremo una lista di campi (figura Mostra campo aggiuntivo news (page 71))

Figura 717 Mostra campo aggiuntivo news

Dalla lista possiamo

bull Selezionare la voce in base alla quale effettuare lrsquoordinamento (ad esempio Immagini)

bull Premere il tasto Imposta campi per aggiungere alla lista dei campi visualizzati quello selezionato

75 Ordinamento delle News e ricerca 71

DocWeb Release 101

A questo punto il campo selezionato (nel nostro esempio il campo Immagini) compare nella lista dellenews (il campo aggiunto egrave evidenziato con un riquadro in alto a destra nella figura Ordinamento campoaggiuntivo news (page 72))

Figura 718 Ordinamento campo aggiuntivo news

Effettuare le stesse operazioni illustrate per il campo Titolo per ordinare in modo crescente e decrescentele news secondo il criterio impostato (click pulsante sinistro sul nome etichetta)

Egrave anche possibile ricercare le news in base al testo contenuto nel titolo sottotitolo descrizione eccUtilizzando la maschera di ricerca in fondo pagina (evidenziata nella figura Ricerca news (page 72))

Figura 719 Ricerca news

Per effettuare una ricerca egrave necessario seguire i seguenti passi

1 Inserire nel campo Cerca Stringa il testo da cercare (nel nostro esempio ldquonequerdquo)

2 Premere il tasto Cerca per eseguire la ricerca secondo i criteri impostati

In questo modo nella lista delle news compariranno solo quelle che contengono il testo specificatoEffettuata la ricerca egrave possibile effettuare degli ordinamenti come spiegato in precedenza

75 Ordinamento delle News e ricerca 72

CAPITOLO 8

Modulo Eventi

Avvertimento SEZIONE NON COMPLETA

Si confrontino i seguenti due tipi di contenuti

Evento egrave un tipo di contenuto adatto a descrivere qualcosa che accadragrave o che egrave accaduto in una certadata La data o le date in cui lrsquoevento ricorre sono strettamente legate ad un luogo in cui lrsquoeventosi verificheragravesi egrave verificato Gli eventi vengono rappresentati mediante la metafora dellrsquoagenda edel calendario

Notizia egrave un tipo di contenuto caratterizzato dalla data di pubblicazione secondo la metafora delgiornale online E come in un giornale online una notizia puograve riferirsi sia a fatti giagrave accaduti chea fatti a venire

Nota Per comprendere meglio la differenza tra i due tipi di contenuto si pensi che dato un eventoche ha una certa data di svolgimento (ad es 20 maggio) di tale evento posso realizzare piugrave di unanotizia Rimanendo nellrsquoesempio potrei pubblicare una notizia il 10 maggio per preannunciare lrsquoeventoe poi unrsquoaltra il 18 maggio per ricordarne lrsquoimminenza Infine potrei pubblicare una notizia di riepilogo(cronaca dellrsquoevento immagini ecc) il 22 maggio

81 Scopo del modulo Eventi

Il visitatore del sito deve poter cogliere le informazioni essenziali di un evento

bull Cosa sta per succedere

bull Dove accadragrave

bull Quando accadragrave

82 Il Backend ndash Modulo Pagina

Vedi figura Eventi vista modulo pagina (page 74)

83 Il Backend ndash Modulo Lista

Vedi figura Eventi vista modulo lista (page 74)

73

DocWeb Release 101

Figura 81 Eventi vista modulo pagina

Figura 82 Eventi vista modulo lista

83 Il Backend ndash Modulo Lista 74

DocWeb Release 101

84 Creazione di un evento

Prima di procedere poniamoci qualche domanda

bull Lrsquoevento appartiene a qualche rassegna iniziativa per la quale sono in programma altri eventiPer esempio

ndash Rassegne teatrali cinematografiche

ndash Festival

bull Lrsquoevento si ripete

ndash La replica avviene sempre nello stesso luogo

841 Creazione del record

Vedi figura Creazione nuovo evento (page 75)

Vedi figura Creazione nuovo record evento (page 76)

Figura 83 Creazione nuovo evento

842 Scheda ldquoGeneralerdquo

Vedi figura Evento scheda generale (page 76)

843 Scheda ldquoFinestra temporalerdquo

Orario repliche

Vedi figura Evento finestra temporale (page 78)

84 Creazione di un evento 75

DocWeb Release 101

Figura 84 Creazione nuovo record evento

Figura 85 Evento scheda generale

84 Creazione di un evento 76

DocWeb Release 101

bull Lrsquoorario va solo per le Finestre temporali di un giorno (data inizio = data fine)

bull Se non si conosce lrsquoora della fine impostare ora inizio = ora fine

844 Scheda ldquoTestordquo

Vedi figura Evento scheda testo (page 79)

84 Creazione di un evento 77

DocWeb Release 101

Figura 86 Evento finestra temporale

84 Creazione di un evento 78

DocWeb Release 101

Figura 87 Evento scheda testo84 Creazione di un evento 79

  • Introduzione
    • Cosegrave DocWeb
    • Concetti chiave
      • Funzionalitagrave di Base
        • Il CMS Typo3 ldquobackendrdquo e ldquofrontendrdquo
        • Cambio password di accesso
        • Albero delle pagine
        • Implementazione delle pagine ldquogenitori rdquo e ldquofiglirdquo
        • Inserimento Nuova pagina
        • Elementi standard della pagina
        • Inserimento contenuti di una pagina
        • Contenuti multipli allrsquointerno di una pagina
        • Modifica dei contenuti della pagina
        • Spostamento di pagine
        • Eliminazione pagine
        • Rich Text Editor
        • Modalitagrave Lista
        • Modalitagrave Mostra
        • Modalitagrave ldquoMonta come radice dellrsquoalberordquo
        • Ottenere il page-id di una pagina
        • Admin Panel
          • La Clipboard
            • Copia o spostamento di un contenuto singolo di pagina allrsquointerno di unrsquoaltra pagina
            • Copia o spostamento di piugrave contenuti da una pagina ad unrsquoaltra
              • Modulo DAM (Digital Asset Management)
                • Caricamento e Aggiornamento di file
                • Ricerca di file allrsquointerno del DAM e modifica delle meta-informazioni
                  • Modulo Pagine di download
                    • Inserimento e configurazione pagine di download
                      • Modulo Sitemap
                        • Scheda di configurazione Mappa
                        • Tipo di mappa
                        • Il ``punto di partenza della mappa
                          • Modulo News
                            • Inserimento e modifica di news
                            • Modalitagrave Relations
                            • News collegata a URL esterna e a pagina interna
                            • Eliminazione delle News
                            • Ordinamento delle News e ricerca
                              • Modulo Eventi
                                • Scopo del modulo Eventi
                                • Il Backend ndash Modulo Pagina
                                • Il Backend ndash Modulo Lista
                                • Creazione di un evento
Page 43: DocWeb€¦ · per la realizzazione e la gestione di siti web della Pubblica Am-ministrazione. La piattaforma tecnologica utilizzata è il CMS (Content Management System) Open SourceTypo31

CAPITOLO 4

Modulo DAM (Digital AssetManagement)

Il modulo DAM (Digital Asset Management) offre la possibilitagrave di raccogliere e catalogare contenuti informato digitale come immagini documenti presentazioni

Ogni file inserito puograve essere corredato di informazioni aggiuntive (meta-informazioni) come la descrizionelrsquoautore parole chiave ecc

Attraverso il modulo DAM egrave possibile svolgere le seguenti operazioni

bull Caricamento e Aggiornamento di file

bull Ricerca di file allrsquointerno del DAM e modifica delle meta-informazioni associate ai file

41 Caricamento e Aggiornamento di file

Lrsquooperazione di CaricamentoAggiornamento di file serve per sottoporre al sistema DAM un particolarecontenuto memorizzato in formato digitale

Lrsquoelemento caricato saragrave poi disponibile a chi inserisce contenuti

Per iniziare lrsquooperazione di caricamento di un file egrave sufficiente selezionare la voce File che si trovaallrsquointerno del modulo Media (figura Menu file (page 41))

La maschera che si apre (figura File upload (page 41)) offre le seguenti possibilitagrave

1 Selezione della posizione dove andare a caricareaggiornare il file

2 Specificare alcuni documenti da caricare (area File)

Concentrandoci sullrsquoarea File (figura Dettaglio file upload (page 42)) distinguiamo

1 Voce Show upload location browser (punto 1 figura sopra) egrave possibile visualizzare i file attualmentecaricati nel Mount Point selezionato

2 Lista di bottoni denominati Sfoglia da utilizzare nel caso in cui si desideri caricareaggiornareun file

Se si desidera caricare un file occorre cliccare sul bottone Sfoglia

La finestra che appare (figura Sfoglia file (page 42)) permette di selezionare dal proprio PC il file dacaricare

Per selezionare un file da caricare occorre

1 Esplorare le cartelle del proprio PC per trovare il file

40

DocWeb Release 101

Figura 41 Menu file

Figura 42 File upload

41 Caricamento e Aggiornamento di file 41

DocWeb Release 101

Figura 43 Dettaglio file upload

Figura 44 Sfoglia file

41 Caricamento e Aggiornamento di file 42

DocWeb Release 101

2 Inserire il nome del file nella casella di testo Nome file

3 Premere il tasto Apri

Una volta che si egrave selezionato un file egrave possibile

1 selezionare altri file da caricare seguendo gli stessi passi descritti in precedenza

2 effettuare lrsquooperazione di caricamento del file vero e proprio

Dallrsquoesempio abbiamo scelto di caricare un solo file

Il caricamento dei file viene eseguito premendo il bottone ldquoUpload filesrdquo che si trova in fondo alla listadei file selezionati (figura File selezionato (page 43))

Figura 45 File selezionato

Se tutto egrave stato eseguito correttamente appariragrave una finestra come quella nella figura Process files(page 44)

In questa maschera egrave possibile

1 Specificare le meta-informazioni per il singolo file come ad esempio il titolo parole chiavedescrizione

2 Avviare il processo di elaborazione multipla premendo il bottone Process selected files Con questoprocesso egrave possibile inserire o modificare le meta-informazioni per tutti i file della lista (in questocaso solo uno)

Se si vuole eseguire lrsquoinserimento delle meta-informazioni per singolo file la finestra che si apre egrave similea quella presentata in figura Elaborazione metainformazioni singolo file (page 44)

Nel caso si scelga di eseguire il processo di elaborazione multipla la maschera che compare (figuraElaborazione metainformazioni file multipli (page 45)) permette di selezionare le meta-informazioni chelrsquoutente intende inserire contemporaneamente per tutti i file della selezione

41 Caricamento e Aggiornamento di file 43

DocWeb Release 101

Figura 46 Process files

Figura 47 Elaborazione metainformazioni singolo file

41 Caricamento e Aggiornamento di file 44

DocWeb Release 101

Figura 48 Elaborazione metainformazioni file multipli

41 Caricamento e Aggiornamento di file 45

DocWeb Release 101

Se si seleziona la checkbox accanto alla voce che eventualmente saragrave inserita questa viene aggiuntaalle informazioni eventualmente giagrave presenti (modalitagrave append) Nellrsquoaltro caso le informazioni sarannosovrascritte

I campi Titolo e Descrizione sono obbligatori mentre il campo Parole chiavi puograve essere valorizzato adiscrezione dellrsquoutente Informazioni su come valorizzare i campi elencati sopra saranno descritte suapposite linee guida

Per completare lrsquoinserimentoaggiornamento delle meta-informazioni riguardanti il file caricato occorrepremere il tasto Send (figura Salva metainformazioni (page 46)) in fondo alla maschera per il salvataggiodelle informazioni

Figura 49 Salva metainformazioni

Tornando alla maschera di caricamento file e selezionando la checkbox in corrispondenza della voceSovrascrivi file esistenti (figura Carica file sovrascrivendo (page 46)) saragrave possibile aggiornare eventualifile che hanno lo stesso nome di quello che stiamo caricando

Questa procedura egrave utile quando si vuole aggiornare il contenuto di un file che egrave giagrave presente nel DAM

Figura 410 Carica file sovrascrivendo

Nel caso di aggiornamento di un file le meta-informazioni del file rimangono le stesse inserite inprecedenza Come si puograve notare non viene offerta la possibilitagrave di inserirne di nuove

Nel caso in cui un file con lo stesso nome sia giagrave caricato e non si desideri aggiornarlo il file inseritoper ultimo viene rinominato con un suffisso generato automaticamente dal DAM In questo caso la voceSovrascrivi file esistenti non deve essere selezionata (figura Carica file senza sovrascrivere (page 47))

Nellrsquoesempio in figura viene presentata la lista dei file presenti nel mount point selezionato

Da notare la presenza di un file che egrave stato rinominato dal DAM con un suffisso ldquo_01rdquo dato che nellastessa posizione era giagrave presente un file con lo stesso nome

41 Caricamento e Aggiornamento di file 46

DocWeb Release 101

Figura 411 Carica file senza sovrascrivere

41 Caricamento e Aggiornamento di file 47

DocWeb Release 101

42 Ricerca di file allrsquointerno del DAM e modifica delle meta-informazioni

Rimanendo sempre allrsquointerno del modulo Media selezioniamo la voce List egrave possibile effettuare dellericerche dei file e modificare le meta-informazioni associate ai file

Nella figura Backend media list (page 48) distinguiamo

Figura 412 Backend media list

1 Parte relativa ai Mount Point disponibili

2 Parte relativa ai tipi di file caricati nel sistema

3 Schede List Thumbnails Selection Process

Da questa sezione egrave possibile effettuare ricerche sui file caricati nel DAM

Le ricerche che si possono eseguire sono del tipo ldquotrova tutti i file pdf e docrdquo oppure ldquoelenca tutti i filedi tipo immagine ad eccezione dei file con estensione gifrdquo

Per prima cosa facendo click sul nome del tipo file (es gif oppure image) si seleziona solo quel tipo difile e si escludono tutti i criteri selezionati in precedenza

Per aggiungere un altro criterio di ricerca egrave sufficiente selezionare il ldquo+rdquo (punto 1 nella figura Criteri diselezione (page 49)) posto accanto al tipo di file che si vuole selezionare

Con il ldquo-ldquo(punto 2) saragrave possibile rimuovere il tipo di file dai criteri di ricerca

Selezionando ldquo=rdquo (punto 3) egrave possibile introdurre clausole del tipo ldquocerca un file che sia doc e presentenel Mount Point chiamato lsquoArea Testrsquordquo (ossia effettua una ricerca che risponda a tutti i criteri impostati)

Nellrsquoesempio della figura Salva selezione (page 49) sono stati selezionati tutti i tipi di immagine adeccezione dei file con estensione gif Questo risultato si ottiene nel seguente modo

1 selezionare il ldquo+rdquo accanto alla voce ldquoimagerdquo

2 premendo il tasto ldquo-ldquo in corrispondenza della voce ldquogifrdquo

I criteri impostati per la selezione possono essere salvati per un uso futuro Per salvare la selezioneoccorre (figura Salva selezione (page 49))

1 riempire il campo sotto la voce SELECTION con un nome che identifichi la ricerca

2 premere il tasto Save per salvare la modalitagrave di ricerca impostata

In questo modo saragrave possibile richiamare e rieseguire la ricerca impostata anche in futuro senza doverripetere il procedimento di scelta dei criteri mostrato in precedenza

42 Ricerca di file allrsquointerno del DAM e modifica delle meta-informazioni 48

DocWeb Release 101

Figura 413 Criteri di selezione

Figura 414 Salva selezione

42 Ricerca di file allrsquointerno del DAM e modifica delle meta-informazioni 49

DocWeb Release 101

Se in futuro saranno inseriti nuovi file che soddisfano la ricerca salvata questi verranno selezionati quandoverragrave richiamata la ricerca salvata

Dalla figura Ricerca salvata (page 50) egrave possibile notare come richiamare la ricerca salvata In questocaso abbiamo salvato la ricerca con il nome ldquoimmaginisenzagifrdquo

Figura 415 Ricerca salvata

Una volta che si egrave selezionata la ricerca egrave possibile

1 Premere il tasto Load per ricaricare la ricerca precedentemente impostata

2 Premere Remove per rimuovere la ricerca salvata

Una volta effettuata una particolare selezione di file egrave possibile (figura Schede backend media list(page 50))

Figura 416 Schede backend media list

1 vedere il contenuto della selezione (schede List e Thumbnails)

2 vedere i criteri impostati per la ricerca (scheda Selection)

3 modificare le meta-informazioni associate ai file (scheda Process) secondo quanto descritto inprecedenza

Nella figura Scheda selection (page 51) egrave visualizzato come selezionando la scheda Selection egrave possibileprendere visione dei criteri impostati nella ricerca (la ricerca egrave quella dellrsquoesempio precedente)

Selezionando le schede List e Thumbnails dopo avere effettuato una qualsiasi selezione si potrebbe avereuna situazione come quella mostrata nella figura Scheda list (page 51)

Cliccando sullrsquoicona corrispondente ad uno dei file presenti nella lista (selezionato con un cerchio rosso)egrave possibile accedere ad un menugrave contestuale (figura Menu contestuale DAM (page 51))che permette disvolgere le seguenti operazioni

Modifica Offre la possibilitagrave di visualizzare e modificare le meta-informazioni associate al file

Rinomina Selezionando la seguente voce egrave possibile assegnare un altro nome al file che si egrave caricato

Replace file Avvia lrsquooperazione di sostituzione del file

Info Visualizza informazioni relative al file

Cancella Rimuove il file dal DAM

42 Ricerca di file allrsquointerno del DAM e modifica delle meta-informazioni 50

DocWeb Release 101

Figura 417 Scheda selection

Figura 418 Scheda list

Figura 419 Menu contestuale DAM

42 Ricerca di file allrsquointerno del DAM e modifica delle meta-informazioni 51

CAPITOLO 5

Modulo Pagine di download

51 Inserimento e configurazione pagine di download

La creazione di pagine di download egrave utile quando si vuole mettere a disposizione una lista di uno o piugravefile in forma scaricabile

Per creare una pagina di download egrave necessario seguire i seguenti passi

1 Creare una pagina standard

2 Inserire il plugin DAM Download List

3 Configurare il plugin

Per creare una pagina egrave sufficiente entrare nel modulo Pagina e selezionare Crea nuovo record per accederealla finestra di creazione pagine

Nellrsquoesempio in figura Backend creazione contenuto (page 52) egrave stata creata la pagina denominata ldquoPaginadownloadrdquo come figlio della pagina ldquoPagina di provardquo

Figura 51 Backend creazione contenuto

Una volta creata la pagina occorre configurarla in maniera tale da permettere la visualizzazione di unalista di file scaricabili Per fare ciograve occorre inserire un plugin denominato ldquoDAM Download Listrdquo Unplugin egrave un contenuto speciale da inserire in una pagina

52

DocWeb Release 101

Per inserirlo come per un contenuto occorre seguire i seguenti passi (figura Backend creazione contenuto(page 52))

1 Selezionare la pagina in cui inserire il plugin Nellrsquoesempio la pagina denominata ldquoPaginadownloadrdquo

2 Selezionare la voce Clicca qui per il wizard nella maschera che compare quando si vuole inserire unnuovo record

Figura 52 Wizard nuovo contenuto

Oltre ai normali contenuti standard il wizard permette di selezionare (figura Wizard nuovo contenuto(page 53))

1 Contenuti speciali

2 Moduli

3 Plugins

Allrsquointerno della lista dei Plugins selezionare DAM Lista dei file scaricabili (punto 4 nella figura Wizardnuovo contenuto (page 53))

Dopo aver selezionato il plugin occorreragrave selezionare la posizione della pagina in cui inserire lrsquoelemento

Selezionare ldquoNormalerdquo

A questo punto il plugin egrave inserito nella pagina desiderata

51 Inserimento e configurazione pagine di download 53

DocWeb Release 101

Oltre allrsquoinserimento occorre configurare il plugin in modo da dirgli quali file far visualizzare

Una volta che il plugin viene inserito viene aperta una finestra (figura Contenuto pagina (page 54)) doveviene richiesto di selezionare dei file inseriti nel sistema

Figura 53 Contenuto pagina

Per proseguire correttamente egrave necessario salvare immediatamente il Contenuto Pagina altrimenti leoperazioni successive potrebbero andare perse

Per inserire i file nella lista occorre effettuare la seguente operazione (figura Contenuto pagina (page 54))

1 Nella parte della maschera denominata DAM Lista di file scaricabili selezionare lrsquoicona SfogliaRecord (cerchiata in rosso) per avviare la procedura di selezione dei file

Selezionando la voce Sfoglia Record verragrave aperto lrsquoElement Browser di TYPO3 che ci permette di se-lezionare i file da inserire nel plugin La finestra (figura Element browser (page 55)) egrave composta di dueschede

1 Media ndash permette di selezionare i file giagrave esistenti nel sistema

2 Upload ndash permette di caricare nuovi file

Selezionando la sezione Media egrave possibile selezionare dalla lista i file da inserire

51 Inserimento e configurazione pagine di download 54

DocWeb Release 101

Figura 54 Element browser

Se la lista dei file fosse troppo lunga egrave possibile effettuare delle ricerche per nome e per tipologia di file(doc htm )

Per cercare per nome (figura Ricerca per nome (page 55)) occorre inserire nella casella di testo Cercastringa (punto 1 nella figura sopra) il nome o parte del nome del file da cercare Una volta specificata lastringa di ricerca premere il tasto Cerca (punto 2)

Figura 55 Ricerca per nome

Per cercare un particolare tipo di file selezionare il nome dellrsquoestensione che si desidera dallrsquoelenco deitipi di file (figura Ricerca per tipo (page 56))

Nota I due tipi di ricerca possono essere usati contemporaneamente

Selezionando la voce informazioni (punto 1 nella figura Selezione file (page 56)) egrave possibile visualizzarele meta-informazioni associate al file

Premendo con il mouse sul nome del file (punto 2) o sullrsquoicona associata (punto 3) si inserisce il file nellalista dei file da far visualizzare nella pagina di download mediante lrsquoapposito plugin

Selezionando la scheda Upload si puograve inserire un file non presente nel sistema (figura Caricamentoimmediato file (page 56))

51 Inserimento e configurazione pagine di download 55

DocWeb Release 101

Figura 56 Ricerca per tipo

Figura 57 Selezione file

Figura 58 Caricamento immediato file

51 Inserimento e configurazione pagine di download 56

DocWeb Release 101

Scegliere i file dal proprio PC seguendo le operazioni giagrave descritte nel modulo DAM e selezionare dallascheda Media i nuovi file inseriti

Nella figura Plugin con file selezionati (page 57) egrave visualizzato un esempio di maschera di configurazionedel plugin con la lista dei file selezionati

Figura 59 Plugin con file selezionati

I file una volta inseriti possono essere ordinati selezionando sugli appositi bottoni posti a destra dellalista file

bull Per ordinare un determinato file occorre

bull Selezionare un file

Premere uno dei tasti (figura sopra) per

1 Spostare in prima posizione

2 Spostare in alto di una posizione

3 Spostare in basso di una posizione

4 Spostare in ultima posizione

5 Rimuovere dalla lista il file selezionato

Una volta eseguiti i passaggi sopra descritti salvare la configurazione del plugin

51 Inserimento e configurazione pagine di download 57

CAPITOLO 6

Modulo Sitemap

Ersquo possibile generare una mappa del sito scegliendo un contenuto speciale di tipo ldquoMappa del Sitordquo comemostrato nella figura Contenuto mappa del sito (page 58)

Figura 61 Contenuto mappa del sito

Per scegliere un record di tipo ldquomappa del sitordquo (per visualizzare cioegrave la vista dei contenuti possibili)saragrave necessario portarsi in modalitagrave ldquopaginardquo compiendo gli stessi passaggi descritti per la creazione dicontenuti semplici in fase di creazione delle pagine (in questo caso selezionando il contenuto specialemappa)

58

DocWeb Release 101

61 Scheda di configurazione Mappa

La scheda di configurazione si presenta come nella figura Scheda mappa del sito (page 59)

Figura 62 Scheda mappa del sito

I campi fondamentali da personalizzare sono lrsquointestazione (ossia il titolo pagina) il tipo di menugrave e ilpunto di partenza Nellrsquointestazione viene inserito come di consuetudine il titolo pagina

62 Tipo di mappa

Ersquo possibile scegliere il tipo di mappa che si desidera creare consultando il menugrave a tendina ldquotipo di menugraverdquoche ci offriragrave diverse opzioni

Le piugrave frequentemente usate sono di tipo ldquoMenugrave delle sottopagine rdquo come indicato nella figura Tipo dimenu (page 60)

Menugrave delle sottopagine di queste pagine Scegliendo questa opzione da una pagina padre sigenereragrave un record che mostreragrave al suo interno tutte le sottovoci figlio con relativo link

Menugrave delle sottopagine di queste pagine (con abstract) Genera una mappa sia delle sottopagineche dei sottotitoli

Menugrave delle sottopagine di queste pagine + sezioni Genera una mappa sia delle sottopagine chedei record (link alle intestazioni dei singoli record)

Selezionando voci di menugrave di sottopagine egrave anche possibile stabilire un determinato punto di partenzasfogliando lrsquoapposito record

61 Scheda di configurazione Mappa 59

DocWeb Release 101

Figura 63 Tipo di menu

63 Il ldquopunto di partenzardquo della mappa

Il ldquopunto di partenzardquo dei Menugrave delle sottopagine Scheda mappa del sito (page 59) costituisce la paginadalla quale il sistema partiragrave per creare la mappa

Si potragrave quindi creare una mappa (di tipo menugrave delle sottopagine) che mostri solamente il percorso diquella porzione di menugrave che si intende mostrare

63 Il ldquopunto di partenzardquo della mappa 60

CAPITOLO 7

Modulo News

71 Inserimento e modifica di news

Alcune sezioni del nostro sito potrebbero essere state configurate per permettere la visualizzazione dinotizie

Per poter visualizzare le news correttamente occorre che queste ultime vengano inserite in una determi-nata posizione allrsquointerno del backend Da questa posizione che chiameremo repository delle news lenostre pagine andranno a prelevare le news da visualizzare al loro interno

Figura 71 Backend news

Nellrsquoesempio presentato nella figura Backend news (page 61) distinguiamo

1 il repository delle news che egrave stato creato

2 Un esempio di come potrebbe apparire il contenuto del repository delle news (lista delle news)

Per poter visualizzare il contenuto del repository delle news occorre seguire i seguenti passi

1 entrare nel modulo Pagina

61

DocWeb Release 101

2 selezionare il repository delle news corrispondente (nellrsquoesempio della figura Backend news (page 61)il Repository delle news si chiama ldquoNews Area Testrdquo)

Poniamo ora la nostra attenzione alla lista delle news (figura Lista news (page 62)) Da qui egrave possibile

bull Inserire una nuova notizia

bull Modificare le notizie giagrave esistenti

Per inserire una nuova notizia occorre selezionare la voce Crea nuovo record (figura Lista news (page 62))posta in fondo alla lista delle news

Figura 72 Lista news

A questo punto si apre la finestra di creazione Nuovo record da cui occorre selezionare la voce News(figura Nuovo record news (page 62))

Figura 73 Nuovo record news

Eseguendo le operazioni sopra descritte si accede alla maschera di inserimento news (figura Inserimentonews scheda generale (page 63))

Questa si compone di due schede una denominata Generale e unrsquoaltra denominata Relations

Nella scheda Generale egrave possibile inserire

Titolo in questo spazio egrave possibile specificare un titolo della news

Nascondi questo controllo determina se la news egrave pubblicabile oppure no Come avviene per le pagineanche per le news egrave consigliabile tenere la news nascosta durante la lavorazione Facciamo notare

71 Inserimento e modifica di news 62

DocWeb Release 101

Figura 74 Inserimento news scheda generale

71 Inserimento e modifica di news 63

DocWeb Release 101

che appena viene aperta la maschera di inserimento di una nuova news il controllo appare giagrave instato nascosto

Dataora in questo spazio viene indicata la data e lrsquoora della creazione della news in base ai parametridi sistema

Data Archiviazione in questo spazio viene inserita la data di Archiviazione di una news

Autore permette di specificare un autore della news

Email permette di specificare un e-mail a cui fare riferimento

Sottointestazione questo campo conterragrave una breve descrizione (abstract) della news La sottointes-tazione egrave quella parte della news che compare quando viene visualizzata la lista delle news e serveper dare una breve descrizione al contenuto della news (si veda Esempio news (page 64))

Figura 75 Esempio news

Durante lrsquoinserimento di una news egrave consigliabile specificare sempre una sottointestazione

Testo egrave il campo che contiene il contenuto vero e proprio della news Egrave possibile utilizzare tutte lefunzionalitagrave messe a disposizione dallrsquoeditor RTE

72 Modalitagrave Relations

Nella modalitagrave Relations (figura Inserimento news scheda relations (page 65)) egrave possibile inserire

Immagini contiene una lista di immagini da associare alla news Il procedimento per la se-lezionecaricamento delle immagini egrave stato descritto nella parte dedicata alla creazione di paginedi download a cui vi rimandiamo

Didascalia permette di specificare una descrizione per lrsquoimmagine associata alla news

Image alttext e Image titletext permette di specificare un testo che in visualizzazione (Frontend)compariragrave al passaggio del mouse sopra lrsquoimmagine

News correlate permette di specificare news o pagine del sito da associare alla news Il procedimentodi selezione delle news da associare alla notizia saragrave spiegato successivamente

DAM elements permette di assegnare alla news dei documenti da scaricare come per esempioil programma di un determinato evento Anche in questo caso il procedimento per la se-lezionecaricamento dei documenti egrave quello giagrave descritto nella parte dedicata alla creazione dipagine di download

Descriviamo il procedimento da seguire per associare alcune pagine o alcune news alla notizia che stiamoinserendo

Premere il tasto di Sfoglia Record evidenziato nella figura Sfoglia record news (page 65)

Verragrave aperta una finestra che contiene un Element Browser che ci permette di selezionare le newspagine(figura Element browser news (page 66)) da associare

La finestra di selezione si suddivide nelle seguenti parti (figura sopra)

Alberatura del sito da cui egrave possibile esplorare gli elementi del nostro sito (pagine sysfolder )Premendo con il tasto sinistro del mouse sul nome della pagina o sulla freccia corrispondente verragraveaggiornata la parte di destra della finestra in cui egrave inserita la lista degli elementi associabili

72 Modalitagrave Relations 64

DocWeb Release 101

Figura 76 Inserimento news scheda relations

Figura 77 Sfoglia record news

72 Modalitagrave Relations 65

DocWeb Release 101

Figura 78 Element browser news

Lista degli elementi associabili egrave quindi possibile selezionare gli elementi da associare alla newsPer associare un elemento si puograve selezionare il simbolo ldquo+rdquo posto accanto allrsquoelemento desideratoo agendo sul nome del file Nel primo caso lrsquoelemento viene aggiunto ma la finestra non si chiuderagrave(utile per effettuare selezioni multiple) mentre nel secondo caso lrsquoelemento viene aggiunto e lafinestra si chiuderagrave (selezione singola)

Nota Per associare una o piugrave news alla notizia che stiamo inserendo occorreragrave innanzitutto selezionareil repository delle news e utilizzando i metodi descritti in precedenza indicare le news di interesse

Nella figura Selezione repository (page 66) viene visualizzato come appare lrsquoElement Browser dopo averselezionato il repository delle news denominato ldquoNews Corso Typo3rdquo

Figura 79 Selezione repository

Una volta ultimato il procedimento di inserimento di una news vedremo che nel repository compariragrave(figura News nel repository (page 67)) anche quella da noi creata Nellrsquoesempio la news creata si chiamaldquoTitolo della news di provardquo

Dalla lista delle news possiamo notare che i diversi tipi di news sono contrassegnati con icone diverse

In particolare distinguiamo

72 Modalitagrave Relations 66

DocWeb Release 101

Figura 710 News nel repository

bull News (icona ldquocelestinardquo)

bull Collegamento a URL esterna (icona ldquorosardquo)

bull Collegamento a pagina interna (icona ldquogiallinardquo)

Per modificare il contenuto di una news egrave sufficiente selezionare il simbolo di modifica (figura Modificanews (page 67)) in corrispondenza della news da modificare

Figura 711 Modifica news

73 News collegata a URL esterna e a pagina interna

Attraverso la selezione della finestra ldquoTipordquo egrave possibile scegliere diverse tipologie di news

Nella figura News collegata a url esterna (page 68) egrave stato selezionato il Collegamento a URL esterna checi offriragrave la possibilitagrave di specificare un link (ldquoURL esternordquo) da far visualizzare e che saragrave contraddistintain lista da lrsquoicona di colore rosa

Selezionando il Collegamento a pagina interna viene offerta la possibilitagrave di inserire un collegamento auna pagina del sito (evidenziato nella figura News collegata a pagina interna (page 69))

La news si presenteragrave con icona di color ldquogiallordquo e al suo interno conterragrave un link alla pagina interna alsito

73 News collegata a URL esterna e a pagina interna 67

DocWeb Release 101

Figura 712 News collegata a url esterna

73 News collegata a URL esterna e a pagina interna 68

DocWeb Release 101

Figura 713 News collegata a pagina interna

73 News collegata a URL esterna e a pagina interna 69

DocWeb Release 101

74 Eliminazione delle News

Per eliminare una news possiamo procedere tra lrsquoaltro in due modi

1 Selezionare la news da eliminare dallrsquoelenco e selezionare la voce ldquocancellardquo dal menugrave a tendinaconsultabile cliccando con il pulsante destro sullrsquoicona in corrispondenza della news (figura Eliminanews da menu contestuale (page 70))

Figura 714 Elimina news da menu contestuale

2 Entrare allrsquointerno della modalitagrave di modifica della news attraverso lrsquoicona ldquomatitardquo e selezionare lrsquoi-cona raffigurante il bidone di elimina posta in alto pagina (figura Elimina news da scheda contenuto(page 70))

Figura 715 Elimina news da scheda contenuto

75 Ordinamento delle News e ricerca

Puograve essere necessario durante la visualizzazione della lista delle news (lato backend) di dover effettuaredegli ordinamenti al fine di permettere una ricerca piugrave veloce delle news da modificare

74 Eliminazione delle News 70

DocWeb Release 101

Avvertimento Lrsquoordinamento ha valore solo come ricerca allrsquointerno del backend mentre latofrontend rispecchieragrave i parametri prestabiliti dal sistema

Supponiamo per esempio di voler effettuare un ordinamento per Titolo Seguiamo i seguenti passi(figura sotto)

1 Selezionare la voce di menugrave Lista

2 Selezionare il deposito delle news (repository) News Corso Typo3

3 Cliccare con il mouse in corrispondenza della voce ldquoTitolordquo

A questo punto (figura Ordinamento news (page 71)) le news vengono ordinate in ordine crescente(vengono visualizzate prima le news con titolo che inizia con la lettera a b e cosigrave via)

Figura 716 Ordinamento news

Se clicchiamo unrsquoaltra volta sulla voce ldquoTitolordquo il tipo di ordinamento cambia da crescente a decrescente(compariranno per prima le news con titolo che inizia per z )

Egrave inoltre possibile ordinare secondo campo da noi specificato Per definire il nome di un campo (ad estesto inizio autore ) su cui effettuare lrsquoordinamento occorreragrave spostarsi in fondo alla lista delle newsdove troveremo una lista di campi (figura Mostra campo aggiuntivo news (page 71))

Figura 717 Mostra campo aggiuntivo news

Dalla lista possiamo

bull Selezionare la voce in base alla quale effettuare lrsquoordinamento (ad esempio Immagini)

bull Premere il tasto Imposta campi per aggiungere alla lista dei campi visualizzati quello selezionato

75 Ordinamento delle News e ricerca 71

DocWeb Release 101

A questo punto il campo selezionato (nel nostro esempio il campo Immagini) compare nella lista dellenews (il campo aggiunto egrave evidenziato con un riquadro in alto a destra nella figura Ordinamento campoaggiuntivo news (page 72))

Figura 718 Ordinamento campo aggiuntivo news

Effettuare le stesse operazioni illustrate per il campo Titolo per ordinare in modo crescente e decrescentele news secondo il criterio impostato (click pulsante sinistro sul nome etichetta)

Egrave anche possibile ricercare le news in base al testo contenuto nel titolo sottotitolo descrizione eccUtilizzando la maschera di ricerca in fondo pagina (evidenziata nella figura Ricerca news (page 72))

Figura 719 Ricerca news

Per effettuare una ricerca egrave necessario seguire i seguenti passi

1 Inserire nel campo Cerca Stringa il testo da cercare (nel nostro esempio ldquonequerdquo)

2 Premere il tasto Cerca per eseguire la ricerca secondo i criteri impostati

In questo modo nella lista delle news compariranno solo quelle che contengono il testo specificatoEffettuata la ricerca egrave possibile effettuare degli ordinamenti come spiegato in precedenza

75 Ordinamento delle News e ricerca 72

CAPITOLO 8

Modulo Eventi

Avvertimento SEZIONE NON COMPLETA

Si confrontino i seguenti due tipi di contenuti

Evento egrave un tipo di contenuto adatto a descrivere qualcosa che accadragrave o che egrave accaduto in una certadata La data o le date in cui lrsquoevento ricorre sono strettamente legate ad un luogo in cui lrsquoeventosi verificheragravesi egrave verificato Gli eventi vengono rappresentati mediante la metafora dellrsquoagenda edel calendario

Notizia egrave un tipo di contenuto caratterizzato dalla data di pubblicazione secondo la metafora delgiornale online E come in un giornale online una notizia puograve riferirsi sia a fatti giagrave accaduti chea fatti a venire

Nota Per comprendere meglio la differenza tra i due tipi di contenuto si pensi che dato un eventoche ha una certa data di svolgimento (ad es 20 maggio) di tale evento posso realizzare piugrave di unanotizia Rimanendo nellrsquoesempio potrei pubblicare una notizia il 10 maggio per preannunciare lrsquoeventoe poi unrsquoaltra il 18 maggio per ricordarne lrsquoimminenza Infine potrei pubblicare una notizia di riepilogo(cronaca dellrsquoevento immagini ecc) il 22 maggio

81 Scopo del modulo Eventi

Il visitatore del sito deve poter cogliere le informazioni essenziali di un evento

bull Cosa sta per succedere

bull Dove accadragrave

bull Quando accadragrave

82 Il Backend ndash Modulo Pagina

Vedi figura Eventi vista modulo pagina (page 74)

83 Il Backend ndash Modulo Lista

Vedi figura Eventi vista modulo lista (page 74)

73

DocWeb Release 101

Figura 81 Eventi vista modulo pagina

Figura 82 Eventi vista modulo lista

83 Il Backend ndash Modulo Lista 74

DocWeb Release 101

84 Creazione di un evento

Prima di procedere poniamoci qualche domanda

bull Lrsquoevento appartiene a qualche rassegna iniziativa per la quale sono in programma altri eventiPer esempio

ndash Rassegne teatrali cinematografiche

ndash Festival

bull Lrsquoevento si ripete

ndash La replica avviene sempre nello stesso luogo

841 Creazione del record

Vedi figura Creazione nuovo evento (page 75)

Vedi figura Creazione nuovo record evento (page 76)

Figura 83 Creazione nuovo evento

842 Scheda ldquoGeneralerdquo

Vedi figura Evento scheda generale (page 76)

843 Scheda ldquoFinestra temporalerdquo

Orario repliche

Vedi figura Evento finestra temporale (page 78)

84 Creazione di un evento 75

DocWeb Release 101

Figura 84 Creazione nuovo record evento

Figura 85 Evento scheda generale

84 Creazione di un evento 76

DocWeb Release 101

bull Lrsquoorario va solo per le Finestre temporali di un giorno (data inizio = data fine)

bull Se non si conosce lrsquoora della fine impostare ora inizio = ora fine

844 Scheda ldquoTestordquo

Vedi figura Evento scheda testo (page 79)

84 Creazione di un evento 77

DocWeb Release 101

Figura 86 Evento finestra temporale

84 Creazione di un evento 78

DocWeb Release 101

Figura 87 Evento scheda testo84 Creazione di un evento 79

  • Introduzione
    • Cosegrave DocWeb
    • Concetti chiave
      • Funzionalitagrave di Base
        • Il CMS Typo3 ldquobackendrdquo e ldquofrontendrdquo
        • Cambio password di accesso
        • Albero delle pagine
        • Implementazione delle pagine ldquogenitori rdquo e ldquofiglirdquo
        • Inserimento Nuova pagina
        • Elementi standard della pagina
        • Inserimento contenuti di una pagina
        • Contenuti multipli allrsquointerno di una pagina
        • Modifica dei contenuti della pagina
        • Spostamento di pagine
        • Eliminazione pagine
        • Rich Text Editor
        • Modalitagrave Lista
        • Modalitagrave Mostra
        • Modalitagrave ldquoMonta come radice dellrsquoalberordquo
        • Ottenere il page-id di una pagina
        • Admin Panel
          • La Clipboard
            • Copia o spostamento di un contenuto singolo di pagina allrsquointerno di unrsquoaltra pagina
            • Copia o spostamento di piugrave contenuti da una pagina ad unrsquoaltra
              • Modulo DAM (Digital Asset Management)
                • Caricamento e Aggiornamento di file
                • Ricerca di file allrsquointerno del DAM e modifica delle meta-informazioni
                  • Modulo Pagine di download
                    • Inserimento e configurazione pagine di download
                      • Modulo Sitemap
                        • Scheda di configurazione Mappa
                        • Tipo di mappa
                        • Il ``punto di partenza della mappa
                          • Modulo News
                            • Inserimento e modifica di news
                            • Modalitagrave Relations
                            • News collegata a URL esterna e a pagina interna
                            • Eliminazione delle News
                            • Ordinamento delle News e ricerca
                              • Modulo Eventi
                                • Scopo del modulo Eventi
                                • Il Backend ndash Modulo Pagina
                                • Il Backend ndash Modulo Lista
                                • Creazione di un evento
Page 44: DocWeb€¦ · per la realizzazione e la gestione di siti web della Pubblica Am-ministrazione. La piattaforma tecnologica utilizzata è il CMS (Content Management System) Open SourceTypo31

DocWeb Release 101

Figura 41 Menu file

Figura 42 File upload

41 Caricamento e Aggiornamento di file 41

DocWeb Release 101

Figura 43 Dettaglio file upload

Figura 44 Sfoglia file

41 Caricamento e Aggiornamento di file 42

DocWeb Release 101

2 Inserire il nome del file nella casella di testo Nome file

3 Premere il tasto Apri

Una volta che si egrave selezionato un file egrave possibile

1 selezionare altri file da caricare seguendo gli stessi passi descritti in precedenza

2 effettuare lrsquooperazione di caricamento del file vero e proprio

Dallrsquoesempio abbiamo scelto di caricare un solo file

Il caricamento dei file viene eseguito premendo il bottone ldquoUpload filesrdquo che si trova in fondo alla listadei file selezionati (figura File selezionato (page 43))

Figura 45 File selezionato

Se tutto egrave stato eseguito correttamente appariragrave una finestra come quella nella figura Process files(page 44)

In questa maschera egrave possibile

1 Specificare le meta-informazioni per il singolo file come ad esempio il titolo parole chiavedescrizione

2 Avviare il processo di elaborazione multipla premendo il bottone Process selected files Con questoprocesso egrave possibile inserire o modificare le meta-informazioni per tutti i file della lista (in questocaso solo uno)

Se si vuole eseguire lrsquoinserimento delle meta-informazioni per singolo file la finestra che si apre egrave similea quella presentata in figura Elaborazione metainformazioni singolo file (page 44)

Nel caso si scelga di eseguire il processo di elaborazione multipla la maschera che compare (figuraElaborazione metainformazioni file multipli (page 45)) permette di selezionare le meta-informazioni chelrsquoutente intende inserire contemporaneamente per tutti i file della selezione

41 Caricamento e Aggiornamento di file 43

DocWeb Release 101

Figura 46 Process files

Figura 47 Elaborazione metainformazioni singolo file

41 Caricamento e Aggiornamento di file 44

DocWeb Release 101

Figura 48 Elaborazione metainformazioni file multipli

41 Caricamento e Aggiornamento di file 45

DocWeb Release 101

Se si seleziona la checkbox accanto alla voce che eventualmente saragrave inserita questa viene aggiuntaalle informazioni eventualmente giagrave presenti (modalitagrave append) Nellrsquoaltro caso le informazioni sarannosovrascritte

I campi Titolo e Descrizione sono obbligatori mentre il campo Parole chiavi puograve essere valorizzato adiscrezione dellrsquoutente Informazioni su come valorizzare i campi elencati sopra saranno descritte suapposite linee guida

Per completare lrsquoinserimentoaggiornamento delle meta-informazioni riguardanti il file caricato occorrepremere il tasto Send (figura Salva metainformazioni (page 46)) in fondo alla maschera per il salvataggiodelle informazioni

Figura 49 Salva metainformazioni

Tornando alla maschera di caricamento file e selezionando la checkbox in corrispondenza della voceSovrascrivi file esistenti (figura Carica file sovrascrivendo (page 46)) saragrave possibile aggiornare eventualifile che hanno lo stesso nome di quello che stiamo caricando

Questa procedura egrave utile quando si vuole aggiornare il contenuto di un file che egrave giagrave presente nel DAM

Figura 410 Carica file sovrascrivendo

Nel caso di aggiornamento di un file le meta-informazioni del file rimangono le stesse inserite inprecedenza Come si puograve notare non viene offerta la possibilitagrave di inserirne di nuove

Nel caso in cui un file con lo stesso nome sia giagrave caricato e non si desideri aggiornarlo il file inseritoper ultimo viene rinominato con un suffisso generato automaticamente dal DAM In questo caso la voceSovrascrivi file esistenti non deve essere selezionata (figura Carica file senza sovrascrivere (page 47))

Nellrsquoesempio in figura viene presentata la lista dei file presenti nel mount point selezionato

Da notare la presenza di un file che egrave stato rinominato dal DAM con un suffisso ldquo_01rdquo dato che nellastessa posizione era giagrave presente un file con lo stesso nome

41 Caricamento e Aggiornamento di file 46

DocWeb Release 101

Figura 411 Carica file senza sovrascrivere

41 Caricamento e Aggiornamento di file 47

DocWeb Release 101

42 Ricerca di file allrsquointerno del DAM e modifica delle meta-informazioni

Rimanendo sempre allrsquointerno del modulo Media selezioniamo la voce List egrave possibile effettuare dellericerche dei file e modificare le meta-informazioni associate ai file

Nella figura Backend media list (page 48) distinguiamo

Figura 412 Backend media list

1 Parte relativa ai Mount Point disponibili

2 Parte relativa ai tipi di file caricati nel sistema

3 Schede List Thumbnails Selection Process

Da questa sezione egrave possibile effettuare ricerche sui file caricati nel DAM

Le ricerche che si possono eseguire sono del tipo ldquotrova tutti i file pdf e docrdquo oppure ldquoelenca tutti i filedi tipo immagine ad eccezione dei file con estensione gifrdquo

Per prima cosa facendo click sul nome del tipo file (es gif oppure image) si seleziona solo quel tipo difile e si escludono tutti i criteri selezionati in precedenza

Per aggiungere un altro criterio di ricerca egrave sufficiente selezionare il ldquo+rdquo (punto 1 nella figura Criteri diselezione (page 49)) posto accanto al tipo di file che si vuole selezionare

Con il ldquo-ldquo(punto 2) saragrave possibile rimuovere il tipo di file dai criteri di ricerca

Selezionando ldquo=rdquo (punto 3) egrave possibile introdurre clausole del tipo ldquocerca un file che sia doc e presentenel Mount Point chiamato lsquoArea Testrsquordquo (ossia effettua una ricerca che risponda a tutti i criteri impostati)

Nellrsquoesempio della figura Salva selezione (page 49) sono stati selezionati tutti i tipi di immagine adeccezione dei file con estensione gif Questo risultato si ottiene nel seguente modo

1 selezionare il ldquo+rdquo accanto alla voce ldquoimagerdquo

2 premendo il tasto ldquo-ldquo in corrispondenza della voce ldquogifrdquo

I criteri impostati per la selezione possono essere salvati per un uso futuro Per salvare la selezioneoccorre (figura Salva selezione (page 49))

1 riempire il campo sotto la voce SELECTION con un nome che identifichi la ricerca

2 premere il tasto Save per salvare la modalitagrave di ricerca impostata

In questo modo saragrave possibile richiamare e rieseguire la ricerca impostata anche in futuro senza doverripetere il procedimento di scelta dei criteri mostrato in precedenza

42 Ricerca di file allrsquointerno del DAM e modifica delle meta-informazioni 48

DocWeb Release 101

Figura 413 Criteri di selezione

Figura 414 Salva selezione

42 Ricerca di file allrsquointerno del DAM e modifica delle meta-informazioni 49

DocWeb Release 101

Se in futuro saranno inseriti nuovi file che soddisfano la ricerca salvata questi verranno selezionati quandoverragrave richiamata la ricerca salvata

Dalla figura Ricerca salvata (page 50) egrave possibile notare come richiamare la ricerca salvata In questocaso abbiamo salvato la ricerca con il nome ldquoimmaginisenzagifrdquo

Figura 415 Ricerca salvata

Una volta che si egrave selezionata la ricerca egrave possibile

1 Premere il tasto Load per ricaricare la ricerca precedentemente impostata

2 Premere Remove per rimuovere la ricerca salvata

Una volta effettuata una particolare selezione di file egrave possibile (figura Schede backend media list(page 50))

Figura 416 Schede backend media list

1 vedere il contenuto della selezione (schede List e Thumbnails)

2 vedere i criteri impostati per la ricerca (scheda Selection)

3 modificare le meta-informazioni associate ai file (scheda Process) secondo quanto descritto inprecedenza

Nella figura Scheda selection (page 51) egrave visualizzato come selezionando la scheda Selection egrave possibileprendere visione dei criteri impostati nella ricerca (la ricerca egrave quella dellrsquoesempio precedente)

Selezionando le schede List e Thumbnails dopo avere effettuato una qualsiasi selezione si potrebbe avereuna situazione come quella mostrata nella figura Scheda list (page 51)

Cliccando sullrsquoicona corrispondente ad uno dei file presenti nella lista (selezionato con un cerchio rosso)egrave possibile accedere ad un menugrave contestuale (figura Menu contestuale DAM (page 51))che permette disvolgere le seguenti operazioni

Modifica Offre la possibilitagrave di visualizzare e modificare le meta-informazioni associate al file

Rinomina Selezionando la seguente voce egrave possibile assegnare un altro nome al file che si egrave caricato

Replace file Avvia lrsquooperazione di sostituzione del file

Info Visualizza informazioni relative al file

Cancella Rimuove il file dal DAM

42 Ricerca di file allrsquointerno del DAM e modifica delle meta-informazioni 50

DocWeb Release 101

Figura 417 Scheda selection

Figura 418 Scheda list

Figura 419 Menu contestuale DAM

42 Ricerca di file allrsquointerno del DAM e modifica delle meta-informazioni 51

CAPITOLO 5

Modulo Pagine di download

51 Inserimento e configurazione pagine di download

La creazione di pagine di download egrave utile quando si vuole mettere a disposizione una lista di uno o piugravefile in forma scaricabile

Per creare una pagina di download egrave necessario seguire i seguenti passi

1 Creare una pagina standard

2 Inserire il plugin DAM Download List

3 Configurare il plugin

Per creare una pagina egrave sufficiente entrare nel modulo Pagina e selezionare Crea nuovo record per accederealla finestra di creazione pagine

Nellrsquoesempio in figura Backend creazione contenuto (page 52) egrave stata creata la pagina denominata ldquoPaginadownloadrdquo come figlio della pagina ldquoPagina di provardquo

Figura 51 Backend creazione contenuto

Una volta creata la pagina occorre configurarla in maniera tale da permettere la visualizzazione di unalista di file scaricabili Per fare ciograve occorre inserire un plugin denominato ldquoDAM Download Listrdquo Unplugin egrave un contenuto speciale da inserire in una pagina

52

DocWeb Release 101

Per inserirlo come per un contenuto occorre seguire i seguenti passi (figura Backend creazione contenuto(page 52))

1 Selezionare la pagina in cui inserire il plugin Nellrsquoesempio la pagina denominata ldquoPaginadownloadrdquo

2 Selezionare la voce Clicca qui per il wizard nella maschera che compare quando si vuole inserire unnuovo record

Figura 52 Wizard nuovo contenuto

Oltre ai normali contenuti standard il wizard permette di selezionare (figura Wizard nuovo contenuto(page 53))

1 Contenuti speciali

2 Moduli

3 Plugins

Allrsquointerno della lista dei Plugins selezionare DAM Lista dei file scaricabili (punto 4 nella figura Wizardnuovo contenuto (page 53))

Dopo aver selezionato il plugin occorreragrave selezionare la posizione della pagina in cui inserire lrsquoelemento

Selezionare ldquoNormalerdquo

A questo punto il plugin egrave inserito nella pagina desiderata

51 Inserimento e configurazione pagine di download 53

DocWeb Release 101

Oltre allrsquoinserimento occorre configurare il plugin in modo da dirgli quali file far visualizzare

Una volta che il plugin viene inserito viene aperta una finestra (figura Contenuto pagina (page 54)) doveviene richiesto di selezionare dei file inseriti nel sistema

Figura 53 Contenuto pagina

Per proseguire correttamente egrave necessario salvare immediatamente il Contenuto Pagina altrimenti leoperazioni successive potrebbero andare perse

Per inserire i file nella lista occorre effettuare la seguente operazione (figura Contenuto pagina (page 54))

1 Nella parte della maschera denominata DAM Lista di file scaricabili selezionare lrsquoicona SfogliaRecord (cerchiata in rosso) per avviare la procedura di selezione dei file

Selezionando la voce Sfoglia Record verragrave aperto lrsquoElement Browser di TYPO3 che ci permette di se-lezionare i file da inserire nel plugin La finestra (figura Element browser (page 55)) egrave composta di dueschede

1 Media ndash permette di selezionare i file giagrave esistenti nel sistema

2 Upload ndash permette di caricare nuovi file

Selezionando la sezione Media egrave possibile selezionare dalla lista i file da inserire

51 Inserimento e configurazione pagine di download 54

DocWeb Release 101

Figura 54 Element browser

Se la lista dei file fosse troppo lunga egrave possibile effettuare delle ricerche per nome e per tipologia di file(doc htm )

Per cercare per nome (figura Ricerca per nome (page 55)) occorre inserire nella casella di testo Cercastringa (punto 1 nella figura sopra) il nome o parte del nome del file da cercare Una volta specificata lastringa di ricerca premere il tasto Cerca (punto 2)

Figura 55 Ricerca per nome

Per cercare un particolare tipo di file selezionare il nome dellrsquoestensione che si desidera dallrsquoelenco deitipi di file (figura Ricerca per tipo (page 56))

Nota I due tipi di ricerca possono essere usati contemporaneamente

Selezionando la voce informazioni (punto 1 nella figura Selezione file (page 56)) egrave possibile visualizzarele meta-informazioni associate al file

Premendo con il mouse sul nome del file (punto 2) o sullrsquoicona associata (punto 3) si inserisce il file nellalista dei file da far visualizzare nella pagina di download mediante lrsquoapposito plugin

Selezionando la scheda Upload si puograve inserire un file non presente nel sistema (figura Caricamentoimmediato file (page 56))

51 Inserimento e configurazione pagine di download 55

DocWeb Release 101

Figura 56 Ricerca per tipo

Figura 57 Selezione file

Figura 58 Caricamento immediato file

51 Inserimento e configurazione pagine di download 56

DocWeb Release 101

Scegliere i file dal proprio PC seguendo le operazioni giagrave descritte nel modulo DAM e selezionare dallascheda Media i nuovi file inseriti

Nella figura Plugin con file selezionati (page 57) egrave visualizzato un esempio di maschera di configurazionedel plugin con la lista dei file selezionati

Figura 59 Plugin con file selezionati

I file una volta inseriti possono essere ordinati selezionando sugli appositi bottoni posti a destra dellalista file

bull Per ordinare un determinato file occorre

bull Selezionare un file

Premere uno dei tasti (figura sopra) per

1 Spostare in prima posizione

2 Spostare in alto di una posizione

3 Spostare in basso di una posizione

4 Spostare in ultima posizione

5 Rimuovere dalla lista il file selezionato

Una volta eseguiti i passaggi sopra descritti salvare la configurazione del plugin

51 Inserimento e configurazione pagine di download 57

CAPITOLO 6

Modulo Sitemap

Ersquo possibile generare una mappa del sito scegliendo un contenuto speciale di tipo ldquoMappa del Sitordquo comemostrato nella figura Contenuto mappa del sito (page 58)

Figura 61 Contenuto mappa del sito

Per scegliere un record di tipo ldquomappa del sitordquo (per visualizzare cioegrave la vista dei contenuti possibili)saragrave necessario portarsi in modalitagrave ldquopaginardquo compiendo gli stessi passaggi descritti per la creazione dicontenuti semplici in fase di creazione delle pagine (in questo caso selezionando il contenuto specialemappa)

58

DocWeb Release 101

61 Scheda di configurazione Mappa

La scheda di configurazione si presenta come nella figura Scheda mappa del sito (page 59)

Figura 62 Scheda mappa del sito

I campi fondamentali da personalizzare sono lrsquointestazione (ossia il titolo pagina) il tipo di menugrave e ilpunto di partenza Nellrsquointestazione viene inserito come di consuetudine il titolo pagina

62 Tipo di mappa

Ersquo possibile scegliere il tipo di mappa che si desidera creare consultando il menugrave a tendina ldquotipo di menugraverdquoche ci offriragrave diverse opzioni

Le piugrave frequentemente usate sono di tipo ldquoMenugrave delle sottopagine rdquo come indicato nella figura Tipo dimenu (page 60)

Menugrave delle sottopagine di queste pagine Scegliendo questa opzione da una pagina padre sigenereragrave un record che mostreragrave al suo interno tutte le sottovoci figlio con relativo link

Menugrave delle sottopagine di queste pagine (con abstract) Genera una mappa sia delle sottopagineche dei sottotitoli

Menugrave delle sottopagine di queste pagine + sezioni Genera una mappa sia delle sottopagine chedei record (link alle intestazioni dei singoli record)

Selezionando voci di menugrave di sottopagine egrave anche possibile stabilire un determinato punto di partenzasfogliando lrsquoapposito record

61 Scheda di configurazione Mappa 59

DocWeb Release 101

Figura 63 Tipo di menu

63 Il ldquopunto di partenzardquo della mappa

Il ldquopunto di partenzardquo dei Menugrave delle sottopagine Scheda mappa del sito (page 59) costituisce la paginadalla quale il sistema partiragrave per creare la mappa

Si potragrave quindi creare una mappa (di tipo menugrave delle sottopagine) che mostri solamente il percorso diquella porzione di menugrave che si intende mostrare

63 Il ldquopunto di partenzardquo della mappa 60

CAPITOLO 7

Modulo News

71 Inserimento e modifica di news

Alcune sezioni del nostro sito potrebbero essere state configurate per permettere la visualizzazione dinotizie

Per poter visualizzare le news correttamente occorre che queste ultime vengano inserite in una determi-nata posizione allrsquointerno del backend Da questa posizione che chiameremo repository delle news lenostre pagine andranno a prelevare le news da visualizzare al loro interno

Figura 71 Backend news

Nellrsquoesempio presentato nella figura Backend news (page 61) distinguiamo

1 il repository delle news che egrave stato creato

2 Un esempio di come potrebbe apparire il contenuto del repository delle news (lista delle news)

Per poter visualizzare il contenuto del repository delle news occorre seguire i seguenti passi

1 entrare nel modulo Pagina

61

DocWeb Release 101

2 selezionare il repository delle news corrispondente (nellrsquoesempio della figura Backend news (page 61)il Repository delle news si chiama ldquoNews Area Testrdquo)

Poniamo ora la nostra attenzione alla lista delle news (figura Lista news (page 62)) Da qui egrave possibile

bull Inserire una nuova notizia

bull Modificare le notizie giagrave esistenti

Per inserire una nuova notizia occorre selezionare la voce Crea nuovo record (figura Lista news (page 62))posta in fondo alla lista delle news

Figura 72 Lista news

A questo punto si apre la finestra di creazione Nuovo record da cui occorre selezionare la voce News(figura Nuovo record news (page 62))

Figura 73 Nuovo record news

Eseguendo le operazioni sopra descritte si accede alla maschera di inserimento news (figura Inserimentonews scheda generale (page 63))

Questa si compone di due schede una denominata Generale e unrsquoaltra denominata Relations

Nella scheda Generale egrave possibile inserire

Titolo in questo spazio egrave possibile specificare un titolo della news

Nascondi questo controllo determina se la news egrave pubblicabile oppure no Come avviene per le pagineanche per le news egrave consigliabile tenere la news nascosta durante la lavorazione Facciamo notare

71 Inserimento e modifica di news 62

DocWeb Release 101

Figura 74 Inserimento news scheda generale

71 Inserimento e modifica di news 63

DocWeb Release 101

che appena viene aperta la maschera di inserimento di una nuova news il controllo appare giagrave instato nascosto

Dataora in questo spazio viene indicata la data e lrsquoora della creazione della news in base ai parametridi sistema

Data Archiviazione in questo spazio viene inserita la data di Archiviazione di una news

Autore permette di specificare un autore della news

Email permette di specificare un e-mail a cui fare riferimento

Sottointestazione questo campo conterragrave una breve descrizione (abstract) della news La sottointes-tazione egrave quella parte della news che compare quando viene visualizzata la lista delle news e serveper dare una breve descrizione al contenuto della news (si veda Esempio news (page 64))

Figura 75 Esempio news

Durante lrsquoinserimento di una news egrave consigliabile specificare sempre una sottointestazione

Testo egrave il campo che contiene il contenuto vero e proprio della news Egrave possibile utilizzare tutte lefunzionalitagrave messe a disposizione dallrsquoeditor RTE

72 Modalitagrave Relations

Nella modalitagrave Relations (figura Inserimento news scheda relations (page 65)) egrave possibile inserire

Immagini contiene una lista di immagini da associare alla news Il procedimento per la se-lezionecaricamento delle immagini egrave stato descritto nella parte dedicata alla creazione di paginedi download a cui vi rimandiamo

Didascalia permette di specificare una descrizione per lrsquoimmagine associata alla news

Image alttext e Image titletext permette di specificare un testo che in visualizzazione (Frontend)compariragrave al passaggio del mouse sopra lrsquoimmagine

News correlate permette di specificare news o pagine del sito da associare alla news Il procedimentodi selezione delle news da associare alla notizia saragrave spiegato successivamente

DAM elements permette di assegnare alla news dei documenti da scaricare come per esempioil programma di un determinato evento Anche in questo caso il procedimento per la se-lezionecaricamento dei documenti egrave quello giagrave descritto nella parte dedicata alla creazione dipagine di download

Descriviamo il procedimento da seguire per associare alcune pagine o alcune news alla notizia che stiamoinserendo

Premere il tasto di Sfoglia Record evidenziato nella figura Sfoglia record news (page 65)

Verragrave aperta una finestra che contiene un Element Browser che ci permette di selezionare le newspagine(figura Element browser news (page 66)) da associare

La finestra di selezione si suddivide nelle seguenti parti (figura sopra)

Alberatura del sito da cui egrave possibile esplorare gli elementi del nostro sito (pagine sysfolder )Premendo con il tasto sinistro del mouse sul nome della pagina o sulla freccia corrispondente verragraveaggiornata la parte di destra della finestra in cui egrave inserita la lista degli elementi associabili

72 Modalitagrave Relations 64

DocWeb Release 101

Figura 76 Inserimento news scheda relations

Figura 77 Sfoglia record news

72 Modalitagrave Relations 65

DocWeb Release 101

Figura 78 Element browser news

Lista degli elementi associabili egrave quindi possibile selezionare gli elementi da associare alla newsPer associare un elemento si puograve selezionare il simbolo ldquo+rdquo posto accanto allrsquoelemento desideratoo agendo sul nome del file Nel primo caso lrsquoelemento viene aggiunto ma la finestra non si chiuderagrave(utile per effettuare selezioni multiple) mentre nel secondo caso lrsquoelemento viene aggiunto e lafinestra si chiuderagrave (selezione singola)

Nota Per associare una o piugrave news alla notizia che stiamo inserendo occorreragrave innanzitutto selezionareil repository delle news e utilizzando i metodi descritti in precedenza indicare le news di interesse

Nella figura Selezione repository (page 66) viene visualizzato come appare lrsquoElement Browser dopo averselezionato il repository delle news denominato ldquoNews Corso Typo3rdquo

Figura 79 Selezione repository

Una volta ultimato il procedimento di inserimento di una news vedremo che nel repository compariragrave(figura News nel repository (page 67)) anche quella da noi creata Nellrsquoesempio la news creata si chiamaldquoTitolo della news di provardquo

Dalla lista delle news possiamo notare che i diversi tipi di news sono contrassegnati con icone diverse

In particolare distinguiamo

72 Modalitagrave Relations 66

DocWeb Release 101

Figura 710 News nel repository

bull News (icona ldquocelestinardquo)

bull Collegamento a URL esterna (icona ldquorosardquo)

bull Collegamento a pagina interna (icona ldquogiallinardquo)

Per modificare il contenuto di una news egrave sufficiente selezionare il simbolo di modifica (figura Modificanews (page 67)) in corrispondenza della news da modificare

Figura 711 Modifica news

73 News collegata a URL esterna e a pagina interna

Attraverso la selezione della finestra ldquoTipordquo egrave possibile scegliere diverse tipologie di news

Nella figura News collegata a url esterna (page 68) egrave stato selezionato il Collegamento a URL esterna checi offriragrave la possibilitagrave di specificare un link (ldquoURL esternordquo) da far visualizzare e che saragrave contraddistintain lista da lrsquoicona di colore rosa

Selezionando il Collegamento a pagina interna viene offerta la possibilitagrave di inserire un collegamento auna pagina del sito (evidenziato nella figura News collegata a pagina interna (page 69))

La news si presenteragrave con icona di color ldquogiallordquo e al suo interno conterragrave un link alla pagina interna alsito

73 News collegata a URL esterna e a pagina interna 67

DocWeb Release 101

Figura 712 News collegata a url esterna

73 News collegata a URL esterna e a pagina interna 68

DocWeb Release 101

Figura 713 News collegata a pagina interna

73 News collegata a URL esterna e a pagina interna 69

DocWeb Release 101

74 Eliminazione delle News

Per eliminare una news possiamo procedere tra lrsquoaltro in due modi

1 Selezionare la news da eliminare dallrsquoelenco e selezionare la voce ldquocancellardquo dal menugrave a tendinaconsultabile cliccando con il pulsante destro sullrsquoicona in corrispondenza della news (figura Eliminanews da menu contestuale (page 70))

Figura 714 Elimina news da menu contestuale

2 Entrare allrsquointerno della modalitagrave di modifica della news attraverso lrsquoicona ldquomatitardquo e selezionare lrsquoi-cona raffigurante il bidone di elimina posta in alto pagina (figura Elimina news da scheda contenuto(page 70))

Figura 715 Elimina news da scheda contenuto

75 Ordinamento delle News e ricerca

Puograve essere necessario durante la visualizzazione della lista delle news (lato backend) di dover effettuaredegli ordinamenti al fine di permettere una ricerca piugrave veloce delle news da modificare

74 Eliminazione delle News 70

DocWeb Release 101

Avvertimento Lrsquoordinamento ha valore solo come ricerca allrsquointerno del backend mentre latofrontend rispecchieragrave i parametri prestabiliti dal sistema

Supponiamo per esempio di voler effettuare un ordinamento per Titolo Seguiamo i seguenti passi(figura sotto)

1 Selezionare la voce di menugrave Lista

2 Selezionare il deposito delle news (repository) News Corso Typo3

3 Cliccare con il mouse in corrispondenza della voce ldquoTitolordquo

A questo punto (figura Ordinamento news (page 71)) le news vengono ordinate in ordine crescente(vengono visualizzate prima le news con titolo che inizia con la lettera a b e cosigrave via)

Figura 716 Ordinamento news

Se clicchiamo unrsquoaltra volta sulla voce ldquoTitolordquo il tipo di ordinamento cambia da crescente a decrescente(compariranno per prima le news con titolo che inizia per z )

Egrave inoltre possibile ordinare secondo campo da noi specificato Per definire il nome di un campo (ad estesto inizio autore ) su cui effettuare lrsquoordinamento occorreragrave spostarsi in fondo alla lista delle newsdove troveremo una lista di campi (figura Mostra campo aggiuntivo news (page 71))

Figura 717 Mostra campo aggiuntivo news

Dalla lista possiamo

bull Selezionare la voce in base alla quale effettuare lrsquoordinamento (ad esempio Immagini)

bull Premere il tasto Imposta campi per aggiungere alla lista dei campi visualizzati quello selezionato

75 Ordinamento delle News e ricerca 71

DocWeb Release 101

A questo punto il campo selezionato (nel nostro esempio il campo Immagini) compare nella lista dellenews (il campo aggiunto egrave evidenziato con un riquadro in alto a destra nella figura Ordinamento campoaggiuntivo news (page 72))

Figura 718 Ordinamento campo aggiuntivo news

Effettuare le stesse operazioni illustrate per il campo Titolo per ordinare in modo crescente e decrescentele news secondo il criterio impostato (click pulsante sinistro sul nome etichetta)

Egrave anche possibile ricercare le news in base al testo contenuto nel titolo sottotitolo descrizione eccUtilizzando la maschera di ricerca in fondo pagina (evidenziata nella figura Ricerca news (page 72))

Figura 719 Ricerca news

Per effettuare una ricerca egrave necessario seguire i seguenti passi

1 Inserire nel campo Cerca Stringa il testo da cercare (nel nostro esempio ldquonequerdquo)

2 Premere il tasto Cerca per eseguire la ricerca secondo i criteri impostati

In questo modo nella lista delle news compariranno solo quelle che contengono il testo specificatoEffettuata la ricerca egrave possibile effettuare degli ordinamenti come spiegato in precedenza

75 Ordinamento delle News e ricerca 72

CAPITOLO 8

Modulo Eventi

Avvertimento SEZIONE NON COMPLETA

Si confrontino i seguenti due tipi di contenuti

Evento egrave un tipo di contenuto adatto a descrivere qualcosa che accadragrave o che egrave accaduto in una certadata La data o le date in cui lrsquoevento ricorre sono strettamente legate ad un luogo in cui lrsquoeventosi verificheragravesi egrave verificato Gli eventi vengono rappresentati mediante la metafora dellrsquoagenda edel calendario

Notizia egrave un tipo di contenuto caratterizzato dalla data di pubblicazione secondo la metafora delgiornale online E come in un giornale online una notizia puograve riferirsi sia a fatti giagrave accaduti chea fatti a venire

Nota Per comprendere meglio la differenza tra i due tipi di contenuto si pensi che dato un eventoche ha una certa data di svolgimento (ad es 20 maggio) di tale evento posso realizzare piugrave di unanotizia Rimanendo nellrsquoesempio potrei pubblicare una notizia il 10 maggio per preannunciare lrsquoeventoe poi unrsquoaltra il 18 maggio per ricordarne lrsquoimminenza Infine potrei pubblicare una notizia di riepilogo(cronaca dellrsquoevento immagini ecc) il 22 maggio

81 Scopo del modulo Eventi

Il visitatore del sito deve poter cogliere le informazioni essenziali di un evento

bull Cosa sta per succedere

bull Dove accadragrave

bull Quando accadragrave

82 Il Backend ndash Modulo Pagina

Vedi figura Eventi vista modulo pagina (page 74)

83 Il Backend ndash Modulo Lista

Vedi figura Eventi vista modulo lista (page 74)

73

DocWeb Release 101

Figura 81 Eventi vista modulo pagina

Figura 82 Eventi vista modulo lista

83 Il Backend ndash Modulo Lista 74

DocWeb Release 101

84 Creazione di un evento

Prima di procedere poniamoci qualche domanda

bull Lrsquoevento appartiene a qualche rassegna iniziativa per la quale sono in programma altri eventiPer esempio

ndash Rassegne teatrali cinematografiche

ndash Festival

bull Lrsquoevento si ripete

ndash La replica avviene sempre nello stesso luogo

841 Creazione del record

Vedi figura Creazione nuovo evento (page 75)

Vedi figura Creazione nuovo record evento (page 76)

Figura 83 Creazione nuovo evento

842 Scheda ldquoGeneralerdquo

Vedi figura Evento scheda generale (page 76)

843 Scheda ldquoFinestra temporalerdquo

Orario repliche

Vedi figura Evento finestra temporale (page 78)

84 Creazione di un evento 75

DocWeb Release 101

Figura 84 Creazione nuovo record evento

Figura 85 Evento scheda generale

84 Creazione di un evento 76

DocWeb Release 101

bull Lrsquoorario va solo per le Finestre temporali di un giorno (data inizio = data fine)

bull Se non si conosce lrsquoora della fine impostare ora inizio = ora fine

844 Scheda ldquoTestordquo

Vedi figura Evento scheda testo (page 79)

84 Creazione di un evento 77

DocWeb Release 101

Figura 86 Evento finestra temporale

84 Creazione di un evento 78

DocWeb Release 101

Figura 87 Evento scheda testo84 Creazione di un evento 79

  • Introduzione
    • Cosegrave DocWeb
    • Concetti chiave
      • Funzionalitagrave di Base
        • Il CMS Typo3 ldquobackendrdquo e ldquofrontendrdquo
        • Cambio password di accesso
        • Albero delle pagine
        • Implementazione delle pagine ldquogenitori rdquo e ldquofiglirdquo
        • Inserimento Nuova pagina
        • Elementi standard della pagina
        • Inserimento contenuti di una pagina
        • Contenuti multipli allrsquointerno di una pagina
        • Modifica dei contenuti della pagina
        • Spostamento di pagine
        • Eliminazione pagine
        • Rich Text Editor
        • Modalitagrave Lista
        • Modalitagrave Mostra
        • Modalitagrave ldquoMonta come radice dellrsquoalberordquo
        • Ottenere il page-id di una pagina
        • Admin Panel
          • La Clipboard
            • Copia o spostamento di un contenuto singolo di pagina allrsquointerno di unrsquoaltra pagina
            • Copia o spostamento di piugrave contenuti da una pagina ad unrsquoaltra
              • Modulo DAM (Digital Asset Management)
                • Caricamento e Aggiornamento di file
                • Ricerca di file allrsquointerno del DAM e modifica delle meta-informazioni
                  • Modulo Pagine di download
                    • Inserimento e configurazione pagine di download
                      • Modulo Sitemap
                        • Scheda di configurazione Mappa
                        • Tipo di mappa
                        • Il ``punto di partenza della mappa
                          • Modulo News
                            • Inserimento e modifica di news
                            • Modalitagrave Relations
                            • News collegata a URL esterna e a pagina interna
                            • Eliminazione delle News
                            • Ordinamento delle News e ricerca
                              • Modulo Eventi
                                • Scopo del modulo Eventi
                                • Il Backend ndash Modulo Pagina
                                • Il Backend ndash Modulo Lista
                                • Creazione di un evento
Page 45: DocWeb€¦ · per la realizzazione e la gestione di siti web della Pubblica Am-ministrazione. La piattaforma tecnologica utilizzata è il CMS (Content Management System) Open SourceTypo31

DocWeb Release 101

Figura 43 Dettaglio file upload

Figura 44 Sfoglia file

41 Caricamento e Aggiornamento di file 42

DocWeb Release 101

2 Inserire il nome del file nella casella di testo Nome file

3 Premere il tasto Apri

Una volta che si egrave selezionato un file egrave possibile

1 selezionare altri file da caricare seguendo gli stessi passi descritti in precedenza

2 effettuare lrsquooperazione di caricamento del file vero e proprio

Dallrsquoesempio abbiamo scelto di caricare un solo file

Il caricamento dei file viene eseguito premendo il bottone ldquoUpload filesrdquo che si trova in fondo alla listadei file selezionati (figura File selezionato (page 43))

Figura 45 File selezionato

Se tutto egrave stato eseguito correttamente appariragrave una finestra come quella nella figura Process files(page 44)

In questa maschera egrave possibile

1 Specificare le meta-informazioni per il singolo file come ad esempio il titolo parole chiavedescrizione

2 Avviare il processo di elaborazione multipla premendo il bottone Process selected files Con questoprocesso egrave possibile inserire o modificare le meta-informazioni per tutti i file della lista (in questocaso solo uno)

Se si vuole eseguire lrsquoinserimento delle meta-informazioni per singolo file la finestra che si apre egrave similea quella presentata in figura Elaborazione metainformazioni singolo file (page 44)

Nel caso si scelga di eseguire il processo di elaborazione multipla la maschera che compare (figuraElaborazione metainformazioni file multipli (page 45)) permette di selezionare le meta-informazioni chelrsquoutente intende inserire contemporaneamente per tutti i file della selezione

41 Caricamento e Aggiornamento di file 43

DocWeb Release 101

Figura 46 Process files

Figura 47 Elaborazione metainformazioni singolo file

41 Caricamento e Aggiornamento di file 44

DocWeb Release 101

Figura 48 Elaborazione metainformazioni file multipli

41 Caricamento e Aggiornamento di file 45

DocWeb Release 101

Se si seleziona la checkbox accanto alla voce che eventualmente saragrave inserita questa viene aggiuntaalle informazioni eventualmente giagrave presenti (modalitagrave append) Nellrsquoaltro caso le informazioni sarannosovrascritte

I campi Titolo e Descrizione sono obbligatori mentre il campo Parole chiavi puograve essere valorizzato adiscrezione dellrsquoutente Informazioni su come valorizzare i campi elencati sopra saranno descritte suapposite linee guida

Per completare lrsquoinserimentoaggiornamento delle meta-informazioni riguardanti il file caricato occorrepremere il tasto Send (figura Salva metainformazioni (page 46)) in fondo alla maschera per il salvataggiodelle informazioni

Figura 49 Salva metainformazioni

Tornando alla maschera di caricamento file e selezionando la checkbox in corrispondenza della voceSovrascrivi file esistenti (figura Carica file sovrascrivendo (page 46)) saragrave possibile aggiornare eventualifile che hanno lo stesso nome di quello che stiamo caricando

Questa procedura egrave utile quando si vuole aggiornare il contenuto di un file che egrave giagrave presente nel DAM

Figura 410 Carica file sovrascrivendo

Nel caso di aggiornamento di un file le meta-informazioni del file rimangono le stesse inserite inprecedenza Come si puograve notare non viene offerta la possibilitagrave di inserirne di nuove

Nel caso in cui un file con lo stesso nome sia giagrave caricato e non si desideri aggiornarlo il file inseritoper ultimo viene rinominato con un suffisso generato automaticamente dal DAM In questo caso la voceSovrascrivi file esistenti non deve essere selezionata (figura Carica file senza sovrascrivere (page 47))

Nellrsquoesempio in figura viene presentata la lista dei file presenti nel mount point selezionato

Da notare la presenza di un file che egrave stato rinominato dal DAM con un suffisso ldquo_01rdquo dato che nellastessa posizione era giagrave presente un file con lo stesso nome

41 Caricamento e Aggiornamento di file 46

DocWeb Release 101

Figura 411 Carica file senza sovrascrivere

41 Caricamento e Aggiornamento di file 47

DocWeb Release 101

42 Ricerca di file allrsquointerno del DAM e modifica delle meta-informazioni

Rimanendo sempre allrsquointerno del modulo Media selezioniamo la voce List egrave possibile effettuare dellericerche dei file e modificare le meta-informazioni associate ai file

Nella figura Backend media list (page 48) distinguiamo

Figura 412 Backend media list

1 Parte relativa ai Mount Point disponibili

2 Parte relativa ai tipi di file caricati nel sistema

3 Schede List Thumbnails Selection Process

Da questa sezione egrave possibile effettuare ricerche sui file caricati nel DAM

Le ricerche che si possono eseguire sono del tipo ldquotrova tutti i file pdf e docrdquo oppure ldquoelenca tutti i filedi tipo immagine ad eccezione dei file con estensione gifrdquo

Per prima cosa facendo click sul nome del tipo file (es gif oppure image) si seleziona solo quel tipo difile e si escludono tutti i criteri selezionati in precedenza

Per aggiungere un altro criterio di ricerca egrave sufficiente selezionare il ldquo+rdquo (punto 1 nella figura Criteri diselezione (page 49)) posto accanto al tipo di file che si vuole selezionare

Con il ldquo-ldquo(punto 2) saragrave possibile rimuovere il tipo di file dai criteri di ricerca

Selezionando ldquo=rdquo (punto 3) egrave possibile introdurre clausole del tipo ldquocerca un file che sia doc e presentenel Mount Point chiamato lsquoArea Testrsquordquo (ossia effettua una ricerca che risponda a tutti i criteri impostati)

Nellrsquoesempio della figura Salva selezione (page 49) sono stati selezionati tutti i tipi di immagine adeccezione dei file con estensione gif Questo risultato si ottiene nel seguente modo

1 selezionare il ldquo+rdquo accanto alla voce ldquoimagerdquo

2 premendo il tasto ldquo-ldquo in corrispondenza della voce ldquogifrdquo

I criteri impostati per la selezione possono essere salvati per un uso futuro Per salvare la selezioneoccorre (figura Salva selezione (page 49))

1 riempire il campo sotto la voce SELECTION con un nome che identifichi la ricerca

2 premere il tasto Save per salvare la modalitagrave di ricerca impostata

In questo modo saragrave possibile richiamare e rieseguire la ricerca impostata anche in futuro senza doverripetere il procedimento di scelta dei criteri mostrato in precedenza

42 Ricerca di file allrsquointerno del DAM e modifica delle meta-informazioni 48

DocWeb Release 101

Figura 413 Criteri di selezione

Figura 414 Salva selezione

42 Ricerca di file allrsquointerno del DAM e modifica delle meta-informazioni 49

DocWeb Release 101

Se in futuro saranno inseriti nuovi file che soddisfano la ricerca salvata questi verranno selezionati quandoverragrave richiamata la ricerca salvata

Dalla figura Ricerca salvata (page 50) egrave possibile notare come richiamare la ricerca salvata In questocaso abbiamo salvato la ricerca con il nome ldquoimmaginisenzagifrdquo

Figura 415 Ricerca salvata

Una volta che si egrave selezionata la ricerca egrave possibile

1 Premere il tasto Load per ricaricare la ricerca precedentemente impostata

2 Premere Remove per rimuovere la ricerca salvata

Una volta effettuata una particolare selezione di file egrave possibile (figura Schede backend media list(page 50))

Figura 416 Schede backend media list

1 vedere il contenuto della selezione (schede List e Thumbnails)

2 vedere i criteri impostati per la ricerca (scheda Selection)

3 modificare le meta-informazioni associate ai file (scheda Process) secondo quanto descritto inprecedenza

Nella figura Scheda selection (page 51) egrave visualizzato come selezionando la scheda Selection egrave possibileprendere visione dei criteri impostati nella ricerca (la ricerca egrave quella dellrsquoesempio precedente)

Selezionando le schede List e Thumbnails dopo avere effettuato una qualsiasi selezione si potrebbe avereuna situazione come quella mostrata nella figura Scheda list (page 51)

Cliccando sullrsquoicona corrispondente ad uno dei file presenti nella lista (selezionato con un cerchio rosso)egrave possibile accedere ad un menugrave contestuale (figura Menu contestuale DAM (page 51))che permette disvolgere le seguenti operazioni

Modifica Offre la possibilitagrave di visualizzare e modificare le meta-informazioni associate al file

Rinomina Selezionando la seguente voce egrave possibile assegnare un altro nome al file che si egrave caricato

Replace file Avvia lrsquooperazione di sostituzione del file

Info Visualizza informazioni relative al file

Cancella Rimuove il file dal DAM

42 Ricerca di file allrsquointerno del DAM e modifica delle meta-informazioni 50

DocWeb Release 101

Figura 417 Scheda selection

Figura 418 Scheda list

Figura 419 Menu contestuale DAM

42 Ricerca di file allrsquointerno del DAM e modifica delle meta-informazioni 51

CAPITOLO 5

Modulo Pagine di download

51 Inserimento e configurazione pagine di download

La creazione di pagine di download egrave utile quando si vuole mettere a disposizione una lista di uno o piugravefile in forma scaricabile

Per creare una pagina di download egrave necessario seguire i seguenti passi

1 Creare una pagina standard

2 Inserire il plugin DAM Download List

3 Configurare il plugin

Per creare una pagina egrave sufficiente entrare nel modulo Pagina e selezionare Crea nuovo record per accederealla finestra di creazione pagine

Nellrsquoesempio in figura Backend creazione contenuto (page 52) egrave stata creata la pagina denominata ldquoPaginadownloadrdquo come figlio della pagina ldquoPagina di provardquo

Figura 51 Backend creazione contenuto

Una volta creata la pagina occorre configurarla in maniera tale da permettere la visualizzazione di unalista di file scaricabili Per fare ciograve occorre inserire un plugin denominato ldquoDAM Download Listrdquo Unplugin egrave un contenuto speciale da inserire in una pagina

52

DocWeb Release 101

Per inserirlo come per un contenuto occorre seguire i seguenti passi (figura Backend creazione contenuto(page 52))

1 Selezionare la pagina in cui inserire il plugin Nellrsquoesempio la pagina denominata ldquoPaginadownloadrdquo

2 Selezionare la voce Clicca qui per il wizard nella maschera che compare quando si vuole inserire unnuovo record

Figura 52 Wizard nuovo contenuto

Oltre ai normali contenuti standard il wizard permette di selezionare (figura Wizard nuovo contenuto(page 53))

1 Contenuti speciali

2 Moduli

3 Plugins

Allrsquointerno della lista dei Plugins selezionare DAM Lista dei file scaricabili (punto 4 nella figura Wizardnuovo contenuto (page 53))

Dopo aver selezionato il plugin occorreragrave selezionare la posizione della pagina in cui inserire lrsquoelemento

Selezionare ldquoNormalerdquo

A questo punto il plugin egrave inserito nella pagina desiderata

51 Inserimento e configurazione pagine di download 53

DocWeb Release 101

Oltre allrsquoinserimento occorre configurare il plugin in modo da dirgli quali file far visualizzare

Una volta che il plugin viene inserito viene aperta una finestra (figura Contenuto pagina (page 54)) doveviene richiesto di selezionare dei file inseriti nel sistema

Figura 53 Contenuto pagina

Per proseguire correttamente egrave necessario salvare immediatamente il Contenuto Pagina altrimenti leoperazioni successive potrebbero andare perse

Per inserire i file nella lista occorre effettuare la seguente operazione (figura Contenuto pagina (page 54))

1 Nella parte della maschera denominata DAM Lista di file scaricabili selezionare lrsquoicona SfogliaRecord (cerchiata in rosso) per avviare la procedura di selezione dei file

Selezionando la voce Sfoglia Record verragrave aperto lrsquoElement Browser di TYPO3 che ci permette di se-lezionare i file da inserire nel plugin La finestra (figura Element browser (page 55)) egrave composta di dueschede

1 Media ndash permette di selezionare i file giagrave esistenti nel sistema

2 Upload ndash permette di caricare nuovi file

Selezionando la sezione Media egrave possibile selezionare dalla lista i file da inserire

51 Inserimento e configurazione pagine di download 54

DocWeb Release 101

Figura 54 Element browser

Se la lista dei file fosse troppo lunga egrave possibile effettuare delle ricerche per nome e per tipologia di file(doc htm )

Per cercare per nome (figura Ricerca per nome (page 55)) occorre inserire nella casella di testo Cercastringa (punto 1 nella figura sopra) il nome o parte del nome del file da cercare Una volta specificata lastringa di ricerca premere il tasto Cerca (punto 2)

Figura 55 Ricerca per nome

Per cercare un particolare tipo di file selezionare il nome dellrsquoestensione che si desidera dallrsquoelenco deitipi di file (figura Ricerca per tipo (page 56))

Nota I due tipi di ricerca possono essere usati contemporaneamente

Selezionando la voce informazioni (punto 1 nella figura Selezione file (page 56)) egrave possibile visualizzarele meta-informazioni associate al file

Premendo con il mouse sul nome del file (punto 2) o sullrsquoicona associata (punto 3) si inserisce il file nellalista dei file da far visualizzare nella pagina di download mediante lrsquoapposito plugin

Selezionando la scheda Upload si puograve inserire un file non presente nel sistema (figura Caricamentoimmediato file (page 56))

51 Inserimento e configurazione pagine di download 55

DocWeb Release 101

Figura 56 Ricerca per tipo

Figura 57 Selezione file

Figura 58 Caricamento immediato file

51 Inserimento e configurazione pagine di download 56

DocWeb Release 101

Scegliere i file dal proprio PC seguendo le operazioni giagrave descritte nel modulo DAM e selezionare dallascheda Media i nuovi file inseriti

Nella figura Plugin con file selezionati (page 57) egrave visualizzato un esempio di maschera di configurazionedel plugin con la lista dei file selezionati

Figura 59 Plugin con file selezionati

I file una volta inseriti possono essere ordinati selezionando sugli appositi bottoni posti a destra dellalista file

bull Per ordinare un determinato file occorre

bull Selezionare un file

Premere uno dei tasti (figura sopra) per

1 Spostare in prima posizione

2 Spostare in alto di una posizione

3 Spostare in basso di una posizione

4 Spostare in ultima posizione

5 Rimuovere dalla lista il file selezionato

Una volta eseguiti i passaggi sopra descritti salvare la configurazione del plugin

51 Inserimento e configurazione pagine di download 57

CAPITOLO 6

Modulo Sitemap

Ersquo possibile generare una mappa del sito scegliendo un contenuto speciale di tipo ldquoMappa del Sitordquo comemostrato nella figura Contenuto mappa del sito (page 58)

Figura 61 Contenuto mappa del sito

Per scegliere un record di tipo ldquomappa del sitordquo (per visualizzare cioegrave la vista dei contenuti possibili)saragrave necessario portarsi in modalitagrave ldquopaginardquo compiendo gli stessi passaggi descritti per la creazione dicontenuti semplici in fase di creazione delle pagine (in questo caso selezionando il contenuto specialemappa)

58

DocWeb Release 101

61 Scheda di configurazione Mappa

La scheda di configurazione si presenta come nella figura Scheda mappa del sito (page 59)

Figura 62 Scheda mappa del sito

I campi fondamentali da personalizzare sono lrsquointestazione (ossia il titolo pagina) il tipo di menugrave e ilpunto di partenza Nellrsquointestazione viene inserito come di consuetudine il titolo pagina

62 Tipo di mappa

Ersquo possibile scegliere il tipo di mappa che si desidera creare consultando il menugrave a tendina ldquotipo di menugraverdquoche ci offriragrave diverse opzioni

Le piugrave frequentemente usate sono di tipo ldquoMenugrave delle sottopagine rdquo come indicato nella figura Tipo dimenu (page 60)

Menugrave delle sottopagine di queste pagine Scegliendo questa opzione da una pagina padre sigenereragrave un record che mostreragrave al suo interno tutte le sottovoci figlio con relativo link

Menugrave delle sottopagine di queste pagine (con abstract) Genera una mappa sia delle sottopagineche dei sottotitoli

Menugrave delle sottopagine di queste pagine + sezioni Genera una mappa sia delle sottopagine chedei record (link alle intestazioni dei singoli record)

Selezionando voci di menugrave di sottopagine egrave anche possibile stabilire un determinato punto di partenzasfogliando lrsquoapposito record

61 Scheda di configurazione Mappa 59

DocWeb Release 101

Figura 63 Tipo di menu

63 Il ldquopunto di partenzardquo della mappa

Il ldquopunto di partenzardquo dei Menugrave delle sottopagine Scheda mappa del sito (page 59) costituisce la paginadalla quale il sistema partiragrave per creare la mappa

Si potragrave quindi creare una mappa (di tipo menugrave delle sottopagine) che mostri solamente il percorso diquella porzione di menugrave che si intende mostrare

63 Il ldquopunto di partenzardquo della mappa 60

CAPITOLO 7

Modulo News

71 Inserimento e modifica di news

Alcune sezioni del nostro sito potrebbero essere state configurate per permettere la visualizzazione dinotizie

Per poter visualizzare le news correttamente occorre che queste ultime vengano inserite in una determi-nata posizione allrsquointerno del backend Da questa posizione che chiameremo repository delle news lenostre pagine andranno a prelevare le news da visualizzare al loro interno

Figura 71 Backend news

Nellrsquoesempio presentato nella figura Backend news (page 61) distinguiamo

1 il repository delle news che egrave stato creato

2 Un esempio di come potrebbe apparire il contenuto del repository delle news (lista delle news)

Per poter visualizzare il contenuto del repository delle news occorre seguire i seguenti passi

1 entrare nel modulo Pagina

61

DocWeb Release 101

2 selezionare il repository delle news corrispondente (nellrsquoesempio della figura Backend news (page 61)il Repository delle news si chiama ldquoNews Area Testrdquo)

Poniamo ora la nostra attenzione alla lista delle news (figura Lista news (page 62)) Da qui egrave possibile

bull Inserire una nuova notizia

bull Modificare le notizie giagrave esistenti

Per inserire una nuova notizia occorre selezionare la voce Crea nuovo record (figura Lista news (page 62))posta in fondo alla lista delle news

Figura 72 Lista news

A questo punto si apre la finestra di creazione Nuovo record da cui occorre selezionare la voce News(figura Nuovo record news (page 62))

Figura 73 Nuovo record news

Eseguendo le operazioni sopra descritte si accede alla maschera di inserimento news (figura Inserimentonews scheda generale (page 63))

Questa si compone di due schede una denominata Generale e unrsquoaltra denominata Relations

Nella scheda Generale egrave possibile inserire

Titolo in questo spazio egrave possibile specificare un titolo della news

Nascondi questo controllo determina se la news egrave pubblicabile oppure no Come avviene per le pagineanche per le news egrave consigliabile tenere la news nascosta durante la lavorazione Facciamo notare

71 Inserimento e modifica di news 62

DocWeb Release 101

Figura 74 Inserimento news scheda generale

71 Inserimento e modifica di news 63

DocWeb Release 101

che appena viene aperta la maschera di inserimento di una nuova news il controllo appare giagrave instato nascosto

Dataora in questo spazio viene indicata la data e lrsquoora della creazione della news in base ai parametridi sistema

Data Archiviazione in questo spazio viene inserita la data di Archiviazione di una news

Autore permette di specificare un autore della news

Email permette di specificare un e-mail a cui fare riferimento

Sottointestazione questo campo conterragrave una breve descrizione (abstract) della news La sottointes-tazione egrave quella parte della news che compare quando viene visualizzata la lista delle news e serveper dare una breve descrizione al contenuto della news (si veda Esempio news (page 64))

Figura 75 Esempio news

Durante lrsquoinserimento di una news egrave consigliabile specificare sempre una sottointestazione

Testo egrave il campo che contiene il contenuto vero e proprio della news Egrave possibile utilizzare tutte lefunzionalitagrave messe a disposizione dallrsquoeditor RTE

72 Modalitagrave Relations

Nella modalitagrave Relations (figura Inserimento news scheda relations (page 65)) egrave possibile inserire

Immagini contiene una lista di immagini da associare alla news Il procedimento per la se-lezionecaricamento delle immagini egrave stato descritto nella parte dedicata alla creazione di paginedi download a cui vi rimandiamo

Didascalia permette di specificare una descrizione per lrsquoimmagine associata alla news

Image alttext e Image titletext permette di specificare un testo che in visualizzazione (Frontend)compariragrave al passaggio del mouse sopra lrsquoimmagine

News correlate permette di specificare news o pagine del sito da associare alla news Il procedimentodi selezione delle news da associare alla notizia saragrave spiegato successivamente

DAM elements permette di assegnare alla news dei documenti da scaricare come per esempioil programma di un determinato evento Anche in questo caso il procedimento per la se-lezionecaricamento dei documenti egrave quello giagrave descritto nella parte dedicata alla creazione dipagine di download

Descriviamo il procedimento da seguire per associare alcune pagine o alcune news alla notizia che stiamoinserendo

Premere il tasto di Sfoglia Record evidenziato nella figura Sfoglia record news (page 65)

Verragrave aperta una finestra che contiene un Element Browser che ci permette di selezionare le newspagine(figura Element browser news (page 66)) da associare

La finestra di selezione si suddivide nelle seguenti parti (figura sopra)

Alberatura del sito da cui egrave possibile esplorare gli elementi del nostro sito (pagine sysfolder )Premendo con il tasto sinistro del mouse sul nome della pagina o sulla freccia corrispondente verragraveaggiornata la parte di destra della finestra in cui egrave inserita la lista degli elementi associabili

72 Modalitagrave Relations 64

DocWeb Release 101

Figura 76 Inserimento news scheda relations

Figura 77 Sfoglia record news

72 Modalitagrave Relations 65

DocWeb Release 101

Figura 78 Element browser news

Lista degli elementi associabili egrave quindi possibile selezionare gli elementi da associare alla newsPer associare un elemento si puograve selezionare il simbolo ldquo+rdquo posto accanto allrsquoelemento desideratoo agendo sul nome del file Nel primo caso lrsquoelemento viene aggiunto ma la finestra non si chiuderagrave(utile per effettuare selezioni multiple) mentre nel secondo caso lrsquoelemento viene aggiunto e lafinestra si chiuderagrave (selezione singola)

Nota Per associare una o piugrave news alla notizia che stiamo inserendo occorreragrave innanzitutto selezionareil repository delle news e utilizzando i metodi descritti in precedenza indicare le news di interesse

Nella figura Selezione repository (page 66) viene visualizzato come appare lrsquoElement Browser dopo averselezionato il repository delle news denominato ldquoNews Corso Typo3rdquo

Figura 79 Selezione repository

Una volta ultimato il procedimento di inserimento di una news vedremo che nel repository compariragrave(figura News nel repository (page 67)) anche quella da noi creata Nellrsquoesempio la news creata si chiamaldquoTitolo della news di provardquo

Dalla lista delle news possiamo notare che i diversi tipi di news sono contrassegnati con icone diverse

In particolare distinguiamo

72 Modalitagrave Relations 66

DocWeb Release 101

Figura 710 News nel repository

bull News (icona ldquocelestinardquo)

bull Collegamento a URL esterna (icona ldquorosardquo)

bull Collegamento a pagina interna (icona ldquogiallinardquo)

Per modificare il contenuto di una news egrave sufficiente selezionare il simbolo di modifica (figura Modificanews (page 67)) in corrispondenza della news da modificare

Figura 711 Modifica news

73 News collegata a URL esterna e a pagina interna

Attraverso la selezione della finestra ldquoTipordquo egrave possibile scegliere diverse tipologie di news

Nella figura News collegata a url esterna (page 68) egrave stato selezionato il Collegamento a URL esterna checi offriragrave la possibilitagrave di specificare un link (ldquoURL esternordquo) da far visualizzare e che saragrave contraddistintain lista da lrsquoicona di colore rosa

Selezionando il Collegamento a pagina interna viene offerta la possibilitagrave di inserire un collegamento auna pagina del sito (evidenziato nella figura News collegata a pagina interna (page 69))

La news si presenteragrave con icona di color ldquogiallordquo e al suo interno conterragrave un link alla pagina interna alsito

73 News collegata a URL esterna e a pagina interna 67

DocWeb Release 101

Figura 712 News collegata a url esterna

73 News collegata a URL esterna e a pagina interna 68

DocWeb Release 101

Figura 713 News collegata a pagina interna

73 News collegata a URL esterna e a pagina interna 69

DocWeb Release 101

74 Eliminazione delle News

Per eliminare una news possiamo procedere tra lrsquoaltro in due modi

1 Selezionare la news da eliminare dallrsquoelenco e selezionare la voce ldquocancellardquo dal menugrave a tendinaconsultabile cliccando con il pulsante destro sullrsquoicona in corrispondenza della news (figura Eliminanews da menu contestuale (page 70))

Figura 714 Elimina news da menu contestuale

2 Entrare allrsquointerno della modalitagrave di modifica della news attraverso lrsquoicona ldquomatitardquo e selezionare lrsquoi-cona raffigurante il bidone di elimina posta in alto pagina (figura Elimina news da scheda contenuto(page 70))

Figura 715 Elimina news da scheda contenuto

75 Ordinamento delle News e ricerca

Puograve essere necessario durante la visualizzazione della lista delle news (lato backend) di dover effettuaredegli ordinamenti al fine di permettere una ricerca piugrave veloce delle news da modificare

74 Eliminazione delle News 70

DocWeb Release 101

Avvertimento Lrsquoordinamento ha valore solo come ricerca allrsquointerno del backend mentre latofrontend rispecchieragrave i parametri prestabiliti dal sistema

Supponiamo per esempio di voler effettuare un ordinamento per Titolo Seguiamo i seguenti passi(figura sotto)

1 Selezionare la voce di menugrave Lista

2 Selezionare il deposito delle news (repository) News Corso Typo3

3 Cliccare con il mouse in corrispondenza della voce ldquoTitolordquo

A questo punto (figura Ordinamento news (page 71)) le news vengono ordinate in ordine crescente(vengono visualizzate prima le news con titolo che inizia con la lettera a b e cosigrave via)

Figura 716 Ordinamento news

Se clicchiamo unrsquoaltra volta sulla voce ldquoTitolordquo il tipo di ordinamento cambia da crescente a decrescente(compariranno per prima le news con titolo che inizia per z )

Egrave inoltre possibile ordinare secondo campo da noi specificato Per definire il nome di un campo (ad estesto inizio autore ) su cui effettuare lrsquoordinamento occorreragrave spostarsi in fondo alla lista delle newsdove troveremo una lista di campi (figura Mostra campo aggiuntivo news (page 71))

Figura 717 Mostra campo aggiuntivo news

Dalla lista possiamo

bull Selezionare la voce in base alla quale effettuare lrsquoordinamento (ad esempio Immagini)

bull Premere il tasto Imposta campi per aggiungere alla lista dei campi visualizzati quello selezionato

75 Ordinamento delle News e ricerca 71

DocWeb Release 101

A questo punto il campo selezionato (nel nostro esempio il campo Immagini) compare nella lista dellenews (il campo aggiunto egrave evidenziato con un riquadro in alto a destra nella figura Ordinamento campoaggiuntivo news (page 72))

Figura 718 Ordinamento campo aggiuntivo news

Effettuare le stesse operazioni illustrate per il campo Titolo per ordinare in modo crescente e decrescentele news secondo il criterio impostato (click pulsante sinistro sul nome etichetta)

Egrave anche possibile ricercare le news in base al testo contenuto nel titolo sottotitolo descrizione eccUtilizzando la maschera di ricerca in fondo pagina (evidenziata nella figura Ricerca news (page 72))

Figura 719 Ricerca news

Per effettuare una ricerca egrave necessario seguire i seguenti passi

1 Inserire nel campo Cerca Stringa il testo da cercare (nel nostro esempio ldquonequerdquo)

2 Premere il tasto Cerca per eseguire la ricerca secondo i criteri impostati

In questo modo nella lista delle news compariranno solo quelle che contengono il testo specificatoEffettuata la ricerca egrave possibile effettuare degli ordinamenti come spiegato in precedenza

75 Ordinamento delle News e ricerca 72

CAPITOLO 8

Modulo Eventi

Avvertimento SEZIONE NON COMPLETA

Si confrontino i seguenti due tipi di contenuti

Evento egrave un tipo di contenuto adatto a descrivere qualcosa che accadragrave o che egrave accaduto in una certadata La data o le date in cui lrsquoevento ricorre sono strettamente legate ad un luogo in cui lrsquoeventosi verificheragravesi egrave verificato Gli eventi vengono rappresentati mediante la metafora dellrsquoagenda edel calendario

Notizia egrave un tipo di contenuto caratterizzato dalla data di pubblicazione secondo la metafora delgiornale online E come in un giornale online una notizia puograve riferirsi sia a fatti giagrave accaduti chea fatti a venire

Nota Per comprendere meglio la differenza tra i due tipi di contenuto si pensi che dato un eventoche ha una certa data di svolgimento (ad es 20 maggio) di tale evento posso realizzare piugrave di unanotizia Rimanendo nellrsquoesempio potrei pubblicare una notizia il 10 maggio per preannunciare lrsquoeventoe poi unrsquoaltra il 18 maggio per ricordarne lrsquoimminenza Infine potrei pubblicare una notizia di riepilogo(cronaca dellrsquoevento immagini ecc) il 22 maggio

81 Scopo del modulo Eventi

Il visitatore del sito deve poter cogliere le informazioni essenziali di un evento

bull Cosa sta per succedere

bull Dove accadragrave

bull Quando accadragrave

82 Il Backend ndash Modulo Pagina

Vedi figura Eventi vista modulo pagina (page 74)

83 Il Backend ndash Modulo Lista

Vedi figura Eventi vista modulo lista (page 74)

73

DocWeb Release 101

Figura 81 Eventi vista modulo pagina

Figura 82 Eventi vista modulo lista

83 Il Backend ndash Modulo Lista 74

DocWeb Release 101

84 Creazione di un evento

Prima di procedere poniamoci qualche domanda

bull Lrsquoevento appartiene a qualche rassegna iniziativa per la quale sono in programma altri eventiPer esempio

ndash Rassegne teatrali cinematografiche

ndash Festival

bull Lrsquoevento si ripete

ndash La replica avviene sempre nello stesso luogo

841 Creazione del record

Vedi figura Creazione nuovo evento (page 75)

Vedi figura Creazione nuovo record evento (page 76)

Figura 83 Creazione nuovo evento

842 Scheda ldquoGeneralerdquo

Vedi figura Evento scheda generale (page 76)

843 Scheda ldquoFinestra temporalerdquo

Orario repliche

Vedi figura Evento finestra temporale (page 78)

84 Creazione di un evento 75

DocWeb Release 101

Figura 84 Creazione nuovo record evento

Figura 85 Evento scheda generale

84 Creazione di un evento 76

DocWeb Release 101

bull Lrsquoorario va solo per le Finestre temporali di un giorno (data inizio = data fine)

bull Se non si conosce lrsquoora della fine impostare ora inizio = ora fine

844 Scheda ldquoTestordquo

Vedi figura Evento scheda testo (page 79)

84 Creazione di un evento 77

DocWeb Release 101

Figura 86 Evento finestra temporale

84 Creazione di un evento 78

DocWeb Release 101

Figura 87 Evento scheda testo84 Creazione di un evento 79

  • Introduzione
    • Cosegrave DocWeb
    • Concetti chiave
      • Funzionalitagrave di Base
        • Il CMS Typo3 ldquobackendrdquo e ldquofrontendrdquo
        • Cambio password di accesso
        • Albero delle pagine
        • Implementazione delle pagine ldquogenitori rdquo e ldquofiglirdquo
        • Inserimento Nuova pagina
        • Elementi standard della pagina
        • Inserimento contenuti di una pagina
        • Contenuti multipli allrsquointerno di una pagina
        • Modifica dei contenuti della pagina
        • Spostamento di pagine
        • Eliminazione pagine
        • Rich Text Editor
        • Modalitagrave Lista
        • Modalitagrave Mostra
        • Modalitagrave ldquoMonta come radice dellrsquoalberordquo
        • Ottenere il page-id di una pagina
        • Admin Panel
          • La Clipboard
            • Copia o spostamento di un contenuto singolo di pagina allrsquointerno di unrsquoaltra pagina
            • Copia o spostamento di piugrave contenuti da una pagina ad unrsquoaltra
              • Modulo DAM (Digital Asset Management)
                • Caricamento e Aggiornamento di file
                • Ricerca di file allrsquointerno del DAM e modifica delle meta-informazioni
                  • Modulo Pagine di download
                    • Inserimento e configurazione pagine di download
                      • Modulo Sitemap
                        • Scheda di configurazione Mappa
                        • Tipo di mappa
                        • Il ``punto di partenza della mappa
                          • Modulo News
                            • Inserimento e modifica di news
                            • Modalitagrave Relations
                            • News collegata a URL esterna e a pagina interna
                            • Eliminazione delle News
                            • Ordinamento delle News e ricerca
                              • Modulo Eventi
                                • Scopo del modulo Eventi
                                • Il Backend ndash Modulo Pagina
                                • Il Backend ndash Modulo Lista
                                • Creazione di un evento
Page 46: DocWeb€¦ · per la realizzazione e la gestione di siti web della Pubblica Am-ministrazione. La piattaforma tecnologica utilizzata è il CMS (Content Management System) Open SourceTypo31

DocWeb Release 101

2 Inserire il nome del file nella casella di testo Nome file

3 Premere il tasto Apri

Una volta che si egrave selezionato un file egrave possibile

1 selezionare altri file da caricare seguendo gli stessi passi descritti in precedenza

2 effettuare lrsquooperazione di caricamento del file vero e proprio

Dallrsquoesempio abbiamo scelto di caricare un solo file

Il caricamento dei file viene eseguito premendo il bottone ldquoUpload filesrdquo che si trova in fondo alla listadei file selezionati (figura File selezionato (page 43))

Figura 45 File selezionato

Se tutto egrave stato eseguito correttamente appariragrave una finestra come quella nella figura Process files(page 44)

In questa maschera egrave possibile

1 Specificare le meta-informazioni per il singolo file come ad esempio il titolo parole chiavedescrizione

2 Avviare il processo di elaborazione multipla premendo il bottone Process selected files Con questoprocesso egrave possibile inserire o modificare le meta-informazioni per tutti i file della lista (in questocaso solo uno)

Se si vuole eseguire lrsquoinserimento delle meta-informazioni per singolo file la finestra che si apre egrave similea quella presentata in figura Elaborazione metainformazioni singolo file (page 44)

Nel caso si scelga di eseguire il processo di elaborazione multipla la maschera che compare (figuraElaborazione metainformazioni file multipli (page 45)) permette di selezionare le meta-informazioni chelrsquoutente intende inserire contemporaneamente per tutti i file della selezione

41 Caricamento e Aggiornamento di file 43

DocWeb Release 101

Figura 46 Process files

Figura 47 Elaborazione metainformazioni singolo file

41 Caricamento e Aggiornamento di file 44

DocWeb Release 101

Figura 48 Elaborazione metainformazioni file multipli

41 Caricamento e Aggiornamento di file 45

DocWeb Release 101

Se si seleziona la checkbox accanto alla voce che eventualmente saragrave inserita questa viene aggiuntaalle informazioni eventualmente giagrave presenti (modalitagrave append) Nellrsquoaltro caso le informazioni sarannosovrascritte

I campi Titolo e Descrizione sono obbligatori mentre il campo Parole chiavi puograve essere valorizzato adiscrezione dellrsquoutente Informazioni su come valorizzare i campi elencati sopra saranno descritte suapposite linee guida

Per completare lrsquoinserimentoaggiornamento delle meta-informazioni riguardanti il file caricato occorrepremere il tasto Send (figura Salva metainformazioni (page 46)) in fondo alla maschera per il salvataggiodelle informazioni

Figura 49 Salva metainformazioni

Tornando alla maschera di caricamento file e selezionando la checkbox in corrispondenza della voceSovrascrivi file esistenti (figura Carica file sovrascrivendo (page 46)) saragrave possibile aggiornare eventualifile che hanno lo stesso nome di quello che stiamo caricando

Questa procedura egrave utile quando si vuole aggiornare il contenuto di un file che egrave giagrave presente nel DAM

Figura 410 Carica file sovrascrivendo

Nel caso di aggiornamento di un file le meta-informazioni del file rimangono le stesse inserite inprecedenza Come si puograve notare non viene offerta la possibilitagrave di inserirne di nuove

Nel caso in cui un file con lo stesso nome sia giagrave caricato e non si desideri aggiornarlo il file inseritoper ultimo viene rinominato con un suffisso generato automaticamente dal DAM In questo caso la voceSovrascrivi file esistenti non deve essere selezionata (figura Carica file senza sovrascrivere (page 47))

Nellrsquoesempio in figura viene presentata la lista dei file presenti nel mount point selezionato

Da notare la presenza di un file che egrave stato rinominato dal DAM con un suffisso ldquo_01rdquo dato che nellastessa posizione era giagrave presente un file con lo stesso nome

41 Caricamento e Aggiornamento di file 46

DocWeb Release 101

Figura 411 Carica file senza sovrascrivere

41 Caricamento e Aggiornamento di file 47

DocWeb Release 101

42 Ricerca di file allrsquointerno del DAM e modifica delle meta-informazioni

Rimanendo sempre allrsquointerno del modulo Media selezioniamo la voce List egrave possibile effettuare dellericerche dei file e modificare le meta-informazioni associate ai file

Nella figura Backend media list (page 48) distinguiamo

Figura 412 Backend media list

1 Parte relativa ai Mount Point disponibili

2 Parte relativa ai tipi di file caricati nel sistema

3 Schede List Thumbnails Selection Process

Da questa sezione egrave possibile effettuare ricerche sui file caricati nel DAM

Le ricerche che si possono eseguire sono del tipo ldquotrova tutti i file pdf e docrdquo oppure ldquoelenca tutti i filedi tipo immagine ad eccezione dei file con estensione gifrdquo

Per prima cosa facendo click sul nome del tipo file (es gif oppure image) si seleziona solo quel tipo difile e si escludono tutti i criteri selezionati in precedenza

Per aggiungere un altro criterio di ricerca egrave sufficiente selezionare il ldquo+rdquo (punto 1 nella figura Criteri diselezione (page 49)) posto accanto al tipo di file che si vuole selezionare

Con il ldquo-ldquo(punto 2) saragrave possibile rimuovere il tipo di file dai criteri di ricerca

Selezionando ldquo=rdquo (punto 3) egrave possibile introdurre clausole del tipo ldquocerca un file che sia doc e presentenel Mount Point chiamato lsquoArea Testrsquordquo (ossia effettua una ricerca che risponda a tutti i criteri impostati)

Nellrsquoesempio della figura Salva selezione (page 49) sono stati selezionati tutti i tipi di immagine adeccezione dei file con estensione gif Questo risultato si ottiene nel seguente modo

1 selezionare il ldquo+rdquo accanto alla voce ldquoimagerdquo

2 premendo il tasto ldquo-ldquo in corrispondenza della voce ldquogifrdquo

I criteri impostati per la selezione possono essere salvati per un uso futuro Per salvare la selezioneoccorre (figura Salva selezione (page 49))

1 riempire il campo sotto la voce SELECTION con un nome che identifichi la ricerca

2 premere il tasto Save per salvare la modalitagrave di ricerca impostata

In questo modo saragrave possibile richiamare e rieseguire la ricerca impostata anche in futuro senza doverripetere il procedimento di scelta dei criteri mostrato in precedenza

42 Ricerca di file allrsquointerno del DAM e modifica delle meta-informazioni 48

DocWeb Release 101

Figura 413 Criteri di selezione

Figura 414 Salva selezione

42 Ricerca di file allrsquointerno del DAM e modifica delle meta-informazioni 49

DocWeb Release 101

Se in futuro saranno inseriti nuovi file che soddisfano la ricerca salvata questi verranno selezionati quandoverragrave richiamata la ricerca salvata

Dalla figura Ricerca salvata (page 50) egrave possibile notare come richiamare la ricerca salvata In questocaso abbiamo salvato la ricerca con il nome ldquoimmaginisenzagifrdquo

Figura 415 Ricerca salvata

Una volta che si egrave selezionata la ricerca egrave possibile

1 Premere il tasto Load per ricaricare la ricerca precedentemente impostata

2 Premere Remove per rimuovere la ricerca salvata

Una volta effettuata una particolare selezione di file egrave possibile (figura Schede backend media list(page 50))

Figura 416 Schede backend media list

1 vedere il contenuto della selezione (schede List e Thumbnails)

2 vedere i criteri impostati per la ricerca (scheda Selection)

3 modificare le meta-informazioni associate ai file (scheda Process) secondo quanto descritto inprecedenza

Nella figura Scheda selection (page 51) egrave visualizzato come selezionando la scheda Selection egrave possibileprendere visione dei criteri impostati nella ricerca (la ricerca egrave quella dellrsquoesempio precedente)

Selezionando le schede List e Thumbnails dopo avere effettuato una qualsiasi selezione si potrebbe avereuna situazione come quella mostrata nella figura Scheda list (page 51)

Cliccando sullrsquoicona corrispondente ad uno dei file presenti nella lista (selezionato con un cerchio rosso)egrave possibile accedere ad un menugrave contestuale (figura Menu contestuale DAM (page 51))che permette disvolgere le seguenti operazioni

Modifica Offre la possibilitagrave di visualizzare e modificare le meta-informazioni associate al file

Rinomina Selezionando la seguente voce egrave possibile assegnare un altro nome al file che si egrave caricato

Replace file Avvia lrsquooperazione di sostituzione del file

Info Visualizza informazioni relative al file

Cancella Rimuove il file dal DAM

42 Ricerca di file allrsquointerno del DAM e modifica delle meta-informazioni 50

DocWeb Release 101

Figura 417 Scheda selection

Figura 418 Scheda list

Figura 419 Menu contestuale DAM

42 Ricerca di file allrsquointerno del DAM e modifica delle meta-informazioni 51

CAPITOLO 5

Modulo Pagine di download

51 Inserimento e configurazione pagine di download

La creazione di pagine di download egrave utile quando si vuole mettere a disposizione una lista di uno o piugravefile in forma scaricabile

Per creare una pagina di download egrave necessario seguire i seguenti passi

1 Creare una pagina standard

2 Inserire il plugin DAM Download List

3 Configurare il plugin

Per creare una pagina egrave sufficiente entrare nel modulo Pagina e selezionare Crea nuovo record per accederealla finestra di creazione pagine

Nellrsquoesempio in figura Backend creazione contenuto (page 52) egrave stata creata la pagina denominata ldquoPaginadownloadrdquo come figlio della pagina ldquoPagina di provardquo

Figura 51 Backend creazione contenuto

Una volta creata la pagina occorre configurarla in maniera tale da permettere la visualizzazione di unalista di file scaricabili Per fare ciograve occorre inserire un plugin denominato ldquoDAM Download Listrdquo Unplugin egrave un contenuto speciale da inserire in una pagina

52

DocWeb Release 101

Per inserirlo come per un contenuto occorre seguire i seguenti passi (figura Backend creazione contenuto(page 52))

1 Selezionare la pagina in cui inserire il plugin Nellrsquoesempio la pagina denominata ldquoPaginadownloadrdquo

2 Selezionare la voce Clicca qui per il wizard nella maschera che compare quando si vuole inserire unnuovo record

Figura 52 Wizard nuovo contenuto

Oltre ai normali contenuti standard il wizard permette di selezionare (figura Wizard nuovo contenuto(page 53))

1 Contenuti speciali

2 Moduli

3 Plugins

Allrsquointerno della lista dei Plugins selezionare DAM Lista dei file scaricabili (punto 4 nella figura Wizardnuovo contenuto (page 53))

Dopo aver selezionato il plugin occorreragrave selezionare la posizione della pagina in cui inserire lrsquoelemento

Selezionare ldquoNormalerdquo

A questo punto il plugin egrave inserito nella pagina desiderata

51 Inserimento e configurazione pagine di download 53

DocWeb Release 101

Oltre allrsquoinserimento occorre configurare il plugin in modo da dirgli quali file far visualizzare

Una volta che il plugin viene inserito viene aperta una finestra (figura Contenuto pagina (page 54)) doveviene richiesto di selezionare dei file inseriti nel sistema

Figura 53 Contenuto pagina

Per proseguire correttamente egrave necessario salvare immediatamente il Contenuto Pagina altrimenti leoperazioni successive potrebbero andare perse

Per inserire i file nella lista occorre effettuare la seguente operazione (figura Contenuto pagina (page 54))

1 Nella parte della maschera denominata DAM Lista di file scaricabili selezionare lrsquoicona SfogliaRecord (cerchiata in rosso) per avviare la procedura di selezione dei file

Selezionando la voce Sfoglia Record verragrave aperto lrsquoElement Browser di TYPO3 che ci permette di se-lezionare i file da inserire nel plugin La finestra (figura Element browser (page 55)) egrave composta di dueschede

1 Media ndash permette di selezionare i file giagrave esistenti nel sistema

2 Upload ndash permette di caricare nuovi file

Selezionando la sezione Media egrave possibile selezionare dalla lista i file da inserire

51 Inserimento e configurazione pagine di download 54

DocWeb Release 101

Figura 54 Element browser

Se la lista dei file fosse troppo lunga egrave possibile effettuare delle ricerche per nome e per tipologia di file(doc htm )

Per cercare per nome (figura Ricerca per nome (page 55)) occorre inserire nella casella di testo Cercastringa (punto 1 nella figura sopra) il nome o parte del nome del file da cercare Una volta specificata lastringa di ricerca premere il tasto Cerca (punto 2)

Figura 55 Ricerca per nome

Per cercare un particolare tipo di file selezionare il nome dellrsquoestensione che si desidera dallrsquoelenco deitipi di file (figura Ricerca per tipo (page 56))

Nota I due tipi di ricerca possono essere usati contemporaneamente

Selezionando la voce informazioni (punto 1 nella figura Selezione file (page 56)) egrave possibile visualizzarele meta-informazioni associate al file

Premendo con il mouse sul nome del file (punto 2) o sullrsquoicona associata (punto 3) si inserisce il file nellalista dei file da far visualizzare nella pagina di download mediante lrsquoapposito plugin

Selezionando la scheda Upload si puograve inserire un file non presente nel sistema (figura Caricamentoimmediato file (page 56))

51 Inserimento e configurazione pagine di download 55

DocWeb Release 101

Figura 56 Ricerca per tipo

Figura 57 Selezione file

Figura 58 Caricamento immediato file

51 Inserimento e configurazione pagine di download 56

DocWeb Release 101

Scegliere i file dal proprio PC seguendo le operazioni giagrave descritte nel modulo DAM e selezionare dallascheda Media i nuovi file inseriti

Nella figura Plugin con file selezionati (page 57) egrave visualizzato un esempio di maschera di configurazionedel plugin con la lista dei file selezionati

Figura 59 Plugin con file selezionati

I file una volta inseriti possono essere ordinati selezionando sugli appositi bottoni posti a destra dellalista file

bull Per ordinare un determinato file occorre

bull Selezionare un file

Premere uno dei tasti (figura sopra) per

1 Spostare in prima posizione

2 Spostare in alto di una posizione

3 Spostare in basso di una posizione

4 Spostare in ultima posizione

5 Rimuovere dalla lista il file selezionato

Una volta eseguiti i passaggi sopra descritti salvare la configurazione del plugin

51 Inserimento e configurazione pagine di download 57

CAPITOLO 6

Modulo Sitemap

Ersquo possibile generare una mappa del sito scegliendo un contenuto speciale di tipo ldquoMappa del Sitordquo comemostrato nella figura Contenuto mappa del sito (page 58)

Figura 61 Contenuto mappa del sito

Per scegliere un record di tipo ldquomappa del sitordquo (per visualizzare cioegrave la vista dei contenuti possibili)saragrave necessario portarsi in modalitagrave ldquopaginardquo compiendo gli stessi passaggi descritti per la creazione dicontenuti semplici in fase di creazione delle pagine (in questo caso selezionando il contenuto specialemappa)

58

DocWeb Release 101

61 Scheda di configurazione Mappa

La scheda di configurazione si presenta come nella figura Scheda mappa del sito (page 59)

Figura 62 Scheda mappa del sito

I campi fondamentali da personalizzare sono lrsquointestazione (ossia il titolo pagina) il tipo di menugrave e ilpunto di partenza Nellrsquointestazione viene inserito come di consuetudine il titolo pagina

62 Tipo di mappa

Ersquo possibile scegliere il tipo di mappa che si desidera creare consultando il menugrave a tendina ldquotipo di menugraverdquoche ci offriragrave diverse opzioni

Le piugrave frequentemente usate sono di tipo ldquoMenugrave delle sottopagine rdquo come indicato nella figura Tipo dimenu (page 60)

Menugrave delle sottopagine di queste pagine Scegliendo questa opzione da una pagina padre sigenereragrave un record che mostreragrave al suo interno tutte le sottovoci figlio con relativo link

Menugrave delle sottopagine di queste pagine (con abstract) Genera una mappa sia delle sottopagineche dei sottotitoli

Menugrave delle sottopagine di queste pagine + sezioni Genera una mappa sia delle sottopagine chedei record (link alle intestazioni dei singoli record)

Selezionando voci di menugrave di sottopagine egrave anche possibile stabilire un determinato punto di partenzasfogliando lrsquoapposito record

61 Scheda di configurazione Mappa 59

DocWeb Release 101

Figura 63 Tipo di menu

63 Il ldquopunto di partenzardquo della mappa

Il ldquopunto di partenzardquo dei Menugrave delle sottopagine Scheda mappa del sito (page 59) costituisce la paginadalla quale il sistema partiragrave per creare la mappa

Si potragrave quindi creare una mappa (di tipo menugrave delle sottopagine) che mostri solamente il percorso diquella porzione di menugrave che si intende mostrare

63 Il ldquopunto di partenzardquo della mappa 60

CAPITOLO 7

Modulo News

71 Inserimento e modifica di news

Alcune sezioni del nostro sito potrebbero essere state configurate per permettere la visualizzazione dinotizie

Per poter visualizzare le news correttamente occorre che queste ultime vengano inserite in una determi-nata posizione allrsquointerno del backend Da questa posizione che chiameremo repository delle news lenostre pagine andranno a prelevare le news da visualizzare al loro interno

Figura 71 Backend news

Nellrsquoesempio presentato nella figura Backend news (page 61) distinguiamo

1 il repository delle news che egrave stato creato

2 Un esempio di come potrebbe apparire il contenuto del repository delle news (lista delle news)

Per poter visualizzare il contenuto del repository delle news occorre seguire i seguenti passi

1 entrare nel modulo Pagina

61

DocWeb Release 101

2 selezionare il repository delle news corrispondente (nellrsquoesempio della figura Backend news (page 61)il Repository delle news si chiama ldquoNews Area Testrdquo)

Poniamo ora la nostra attenzione alla lista delle news (figura Lista news (page 62)) Da qui egrave possibile

bull Inserire una nuova notizia

bull Modificare le notizie giagrave esistenti

Per inserire una nuova notizia occorre selezionare la voce Crea nuovo record (figura Lista news (page 62))posta in fondo alla lista delle news

Figura 72 Lista news

A questo punto si apre la finestra di creazione Nuovo record da cui occorre selezionare la voce News(figura Nuovo record news (page 62))

Figura 73 Nuovo record news

Eseguendo le operazioni sopra descritte si accede alla maschera di inserimento news (figura Inserimentonews scheda generale (page 63))

Questa si compone di due schede una denominata Generale e unrsquoaltra denominata Relations

Nella scheda Generale egrave possibile inserire

Titolo in questo spazio egrave possibile specificare un titolo della news

Nascondi questo controllo determina se la news egrave pubblicabile oppure no Come avviene per le pagineanche per le news egrave consigliabile tenere la news nascosta durante la lavorazione Facciamo notare

71 Inserimento e modifica di news 62

DocWeb Release 101

Figura 74 Inserimento news scheda generale

71 Inserimento e modifica di news 63

DocWeb Release 101

che appena viene aperta la maschera di inserimento di una nuova news il controllo appare giagrave instato nascosto

Dataora in questo spazio viene indicata la data e lrsquoora della creazione della news in base ai parametridi sistema

Data Archiviazione in questo spazio viene inserita la data di Archiviazione di una news

Autore permette di specificare un autore della news

Email permette di specificare un e-mail a cui fare riferimento

Sottointestazione questo campo conterragrave una breve descrizione (abstract) della news La sottointes-tazione egrave quella parte della news che compare quando viene visualizzata la lista delle news e serveper dare una breve descrizione al contenuto della news (si veda Esempio news (page 64))

Figura 75 Esempio news

Durante lrsquoinserimento di una news egrave consigliabile specificare sempre una sottointestazione

Testo egrave il campo che contiene il contenuto vero e proprio della news Egrave possibile utilizzare tutte lefunzionalitagrave messe a disposizione dallrsquoeditor RTE

72 Modalitagrave Relations

Nella modalitagrave Relations (figura Inserimento news scheda relations (page 65)) egrave possibile inserire

Immagini contiene una lista di immagini da associare alla news Il procedimento per la se-lezionecaricamento delle immagini egrave stato descritto nella parte dedicata alla creazione di paginedi download a cui vi rimandiamo

Didascalia permette di specificare una descrizione per lrsquoimmagine associata alla news

Image alttext e Image titletext permette di specificare un testo che in visualizzazione (Frontend)compariragrave al passaggio del mouse sopra lrsquoimmagine

News correlate permette di specificare news o pagine del sito da associare alla news Il procedimentodi selezione delle news da associare alla notizia saragrave spiegato successivamente

DAM elements permette di assegnare alla news dei documenti da scaricare come per esempioil programma di un determinato evento Anche in questo caso il procedimento per la se-lezionecaricamento dei documenti egrave quello giagrave descritto nella parte dedicata alla creazione dipagine di download

Descriviamo il procedimento da seguire per associare alcune pagine o alcune news alla notizia che stiamoinserendo

Premere il tasto di Sfoglia Record evidenziato nella figura Sfoglia record news (page 65)

Verragrave aperta una finestra che contiene un Element Browser che ci permette di selezionare le newspagine(figura Element browser news (page 66)) da associare

La finestra di selezione si suddivide nelle seguenti parti (figura sopra)

Alberatura del sito da cui egrave possibile esplorare gli elementi del nostro sito (pagine sysfolder )Premendo con il tasto sinistro del mouse sul nome della pagina o sulla freccia corrispondente verragraveaggiornata la parte di destra della finestra in cui egrave inserita la lista degli elementi associabili

72 Modalitagrave Relations 64

DocWeb Release 101

Figura 76 Inserimento news scheda relations

Figura 77 Sfoglia record news

72 Modalitagrave Relations 65

DocWeb Release 101

Figura 78 Element browser news

Lista degli elementi associabili egrave quindi possibile selezionare gli elementi da associare alla newsPer associare un elemento si puograve selezionare il simbolo ldquo+rdquo posto accanto allrsquoelemento desideratoo agendo sul nome del file Nel primo caso lrsquoelemento viene aggiunto ma la finestra non si chiuderagrave(utile per effettuare selezioni multiple) mentre nel secondo caso lrsquoelemento viene aggiunto e lafinestra si chiuderagrave (selezione singola)

Nota Per associare una o piugrave news alla notizia che stiamo inserendo occorreragrave innanzitutto selezionareil repository delle news e utilizzando i metodi descritti in precedenza indicare le news di interesse

Nella figura Selezione repository (page 66) viene visualizzato come appare lrsquoElement Browser dopo averselezionato il repository delle news denominato ldquoNews Corso Typo3rdquo

Figura 79 Selezione repository

Una volta ultimato il procedimento di inserimento di una news vedremo che nel repository compariragrave(figura News nel repository (page 67)) anche quella da noi creata Nellrsquoesempio la news creata si chiamaldquoTitolo della news di provardquo

Dalla lista delle news possiamo notare che i diversi tipi di news sono contrassegnati con icone diverse

In particolare distinguiamo

72 Modalitagrave Relations 66

DocWeb Release 101

Figura 710 News nel repository

bull News (icona ldquocelestinardquo)

bull Collegamento a URL esterna (icona ldquorosardquo)

bull Collegamento a pagina interna (icona ldquogiallinardquo)

Per modificare il contenuto di una news egrave sufficiente selezionare il simbolo di modifica (figura Modificanews (page 67)) in corrispondenza della news da modificare

Figura 711 Modifica news

73 News collegata a URL esterna e a pagina interna

Attraverso la selezione della finestra ldquoTipordquo egrave possibile scegliere diverse tipologie di news

Nella figura News collegata a url esterna (page 68) egrave stato selezionato il Collegamento a URL esterna checi offriragrave la possibilitagrave di specificare un link (ldquoURL esternordquo) da far visualizzare e che saragrave contraddistintain lista da lrsquoicona di colore rosa

Selezionando il Collegamento a pagina interna viene offerta la possibilitagrave di inserire un collegamento auna pagina del sito (evidenziato nella figura News collegata a pagina interna (page 69))

La news si presenteragrave con icona di color ldquogiallordquo e al suo interno conterragrave un link alla pagina interna alsito

73 News collegata a URL esterna e a pagina interna 67

DocWeb Release 101

Figura 712 News collegata a url esterna

73 News collegata a URL esterna e a pagina interna 68

DocWeb Release 101

Figura 713 News collegata a pagina interna

73 News collegata a URL esterna e a pagina interna 69

DocWeb Release 101

74 Eliminazione delle News

Per eliminare una news possiamo procedere tra lrsquoaltro in due modi

1 Selezionare la news da eliminare dallrsquoelenco e selezionare la voce ldquocancellardquo dal menugrave a tendinaconsultabile cliccando con il pulsante destro sullrsquoicona in corrispondenza della news (figura Eliminanews da menu contestuale (page 70))

Figura 714 Elimina news da menu contestuale

2 Entrare allrsquointerno della modalitagrave di modifica della news attraverso lrsquoicona ldquomatitardquo e selezionare lrsquoi-cona raffigurante il bidone di elimina posta in alto pagina (figura Elimina news da scheda contenuto(page 70))

Figura 715 Elimina news da scheda contenuto

75 Ordinamento delle News e ricerca

Puograve essere necessario durante la visualizzazione della lista delle news (lato backend) di dover effettuaredegli ordinamenti al fine di permettere una ricerca piugrave veloce delle news da modificare

74 Eliminazione delle News 70

DocWeb Release 101

Avvertimento Lrsquoordinamento ha valore solo come ricerca allrsquointerno del backend mentre latofrontend rispecchieragrave i parametri prestabiliti dal sistema

Supponiamo per esempio di voler effettuare un ordinamento per Titolo Seguiamo i seguenti passi(figura sotto)

1 Selezionare la voce di menugrave Lista

2 Selezionare il deposito delle news (repository) News Corso Typo3

3 Cliccare con il mouse in corrispondenza della voce ldquoTitolordquo

A questo punto (figura Ordinamento news (page 71)) le news vengono ordinate in ordine crescente(vengono visualizzate prima le news con titolo che inizia con la lettera a b e cosigrave via)

Figura 716 Ordinamento news

Se clicchiamo unrsquoaltra volta sulla voce ldquoTitolordquo il tipo di ordinamento cambia da crescente a decrescente(compariranno per prima le news con titolo che inizia per z )

Egrave inoltre possibile ordinare secondo campo da noi specificato Per definire il nome di un campo (ad estesto inizio autore ) su cui effettuare lrsquoordinamento occorreragrave spostarsi in fondo alla lista delle newsdove troveremo una lista di campi (figura Mostra campo aggiuntivo news (page 71))

Figura 717 Mostra campo aggiuntivo news

Dalla lista possiamo

bull Selezionare la voce in base alla quale effettuare lrsquoordinamento (ad esempio Immagini)

bull Premere il tasto Imposta campi per aggiungere alla lista dei campi visualizzati quello selezionato

75 Ordinamento delle News e ricerca 71

DocWeb Release 101

A questo punto il campo selezionato (nel nostro esempio il campo Immagini) compare nella lista dellenews (il campo aggiunto egrave evidenziato con un riquadro in alto a destra nella figura Ordinamento campoaggiuntivo news (page 72))

Figura 718 Ordinamento campo aggiuntivo news

Effettuare le stesse operazioni illustrate per il campo Titolo per ordinare in modo crescente e decrescentele news secondo il criterio impostato (click pulsante sinistro sul nome etichetta)

Egrave anche possibile ricercare le news in base al testo contenuto nel titolo sottotitolo descrizione eccUtilizzando la maschera di ricerca in fondo pagina (evidenziata nella figura Ricerca news (page 72))

Figura 719 Ricerca news

Per effettuare una ricerca egrave necessario seguire i seguenti passi

1 Inserire nel campo Cerca Stringa il testo da cercare (nel nostro esempio ldquonequerdquo)

2 Premere il tasto Cerca per eseguire la ricerca secondo i criteri impostati

In questo modo nella lista delle news compariranno solo quelle che contengono il testo specificatoEffettuata la ricerca egrave possibile effettuare degli ordinamenti come spiegato in precedenza

75 Ordinamento delle News e ricerca 72

CAPITOLO 8

Modulo Eventi

Avvertimento SEZIONE NON COMPLETA

Si confrontino i seguenti due tipi di contenuti

Evento egrave un tipo di contenuto adatto a descrivere qualcosa che accadragrave o che egrave accaduto in una certadata La data o le date in cui lrsquoevento ricorre sono strettamente legate ad un luogo in cui lrsquoeventosi verificheragravesi egrave verificato Gli eventi vengono rappresentati mediante la metafora dellrsquoagenda edel calendario

Notizia egrave un tipo di contenuto caratterizzato dalla data di pubblicazione secondo la metafora delgiornale online E come in un giornale online una notizia puograve riferirsi sia a fatti giagrave accaduti chea fatti a venire

Nota Per comprendere meglio la differenza tra i due tipi di contenuto si pensi che dato un eventoche ha una certa data di svolgimento (ad es 20 maggio) di tale evento posso realizzare piugrave di unanotizia Rimanendo nellrsquoesempio potrei pubblicare una notizia il 10 maggio per preannunciare lrsquoeventoe poi unrsquoaltra il 18 maggio per ricordarne lrsquoimminenza Infine potrei pubblicare una notizia di riepilogo(cronaca dellrsquoevento immagini ecc) il 22 maggio

81 Scopo del modulo Eventi

Il visitatore del sito deve poter cogliere le informazioni essenziali di un evento

bull Cosa sta per succedere

bull Dove accadragrave

bull Quando accadragrave

82 Il Backend ndash Modulo Pagina

Vedi figura Eventi vista modulo pagina (page 74)

83 Il Backend ndash Modulo Lista

Vedi figura Eventi vista modulo lista (page 74)

73

DocWeb Release 101

Figura 81 Eventi vista modulo pagina

Figura 82 Eventi vista modulo lista

83 Il Backend ndash Modulo Lista 74

DocWeb Release 101

84 Creazione di un evento

Prima di procedere poniamoci qualche domanda

bull Lrsquoevento appartiene a qualche rassegna iniziativa per la quale sono in programma altri eventiPer esempio

ndash Rassegne teatrali cinematografiche

ndash Festival

bull Lrsquoevento si ripete

ndash La replica avviene sempre nello stesso luogo

841 Creazione del record

Vedi figura Creazione nuovo evento (page 75)

Vedi figura Creazione nuovo record evento (page 76)

Figura 83 Creazione nuovo evento

842 Scheda ldquoGeneralerdquo

Vedi figura Evento scheda generale (page 76)

843 Scheda ldquoFinestra temporalerdquo

Orario repliche

Vedi figura Evento finestra temporale (page 78)

84 Creazione di un evento 75

DocWeb Release 101

Figura 84 Creazione nuovo record evento

Figura 85 Evento scheda generale

84 Creazione di un evento 76

DocWeb Release 101

bull Lrsquoorario va solo per le Finestre temporali di un giorno (data inizio = data fine)

bull Se non si conosce lrsquoora della fine impostare ora inizio = ora fine

844 Scheda ldquoTestordquo

Vedi figura Evento scheda testo (page 79)

84 Creazione di un evento 77

DocWeb Release 101

Figura 86 Evento finestra temporale

84 Creazione di un evento 78

DocWeb Release 101

Figura 87 Evento scheda testo84 Creazione di un evento 79

  • Introduzione
    • Cosegrave DocWeb
    • Concetti chiave
      • Funzionalitagrave di Base
        • Il CMS Typo3 ldquobackendrdquo e ldquofrontendrdquo
        • Cambio password di accesso
        • Albero delle pagine
        • Implementazione delle pagine ldquogenitori rdquo e ldquofiglirdquo
        • Inserimento Nuova pagina
        • Elementi standard della pagina
        • Inserimento contenuti di una pagina
        • Contenuti multipli allrsquointerno di una pagina
        • Modifica dei contenuti della pagina
        • Spostamento di pagine
        • Eliminazione pagine
        • Rich Text Editor
        • Modalitagrave Lista
        • Modalitagrave Mostra
        • Modalitagrave ldquoMonta come radice dellrsquoalberordquo
        • Ottenere il page-id di una pagina
        • Admin Panel
          • La Clipboard
            • Copia o spostamento di un contenuto singolo di pagina allrsquointerno di unrsquoaltra pagina
            • Copia o spostamento di piugrave contenuti da una pagina ad unrsquoaltra
              • Modulo DAM (Digital Asset Management)
                • Caricamento e Aggiornamento di file
                • Ricerca di file allrsquointerno del DAM e modifica delle meta-informazioni
                  • Modulo Pagine di download
                    • Inserimento e configurazione pagine di download
                      • Modulo Sitemap
                        • Scheda di configurazione Mappa
                        • Tipo di mappa
                        • Il ``punto di partenza della mappa
                          • Modulo News
                            • Inserimento e modifica di news
                            • Modalitagrave Relations
                            • News collegata a URL esterna e a pagina interna
                            • Eliminazione delle News
                            • Ordinamento delle News e ricerca
                              • Modulo Eventi
                                • Scopo del modulo Eventi
                                • Il Backend ndash Modulo Pagina
                                • Il Backend ndash Modulo Lista
                                • Creazione di un evento
Page 47: DocWeb€¦ · per la realizzazione e la gestione di siti web della Pubblica Am-ministrazione. La piattaforma tecnologica utilizzata è il CMS (Content Management System) Open SourceTypo31

DocWeb Release 101

Figura 46 Process files

Figura 47 Elaborazione metainformazioni singolo file

41 Caricamento e Aggiornamento di file 44

DocWeb Release 101

Figura 48 Elaborazione metainformazioni file multipli

41 Caricamento e Aggiornamento di file 45

DocWeb Release 101

Se si seleziona la checkbox accanto alla voce che eventualmente saragrave inserita questa viene aggiuntaalle informazioni eventualmente giagrave presenti (modalitagrave append) Nellrsquoaltro caso le informazioni sarannosovrascritte

I campi Titolo e Descrizione sono obbligatori mentre il campo Parole chiavi puograve essere valorizzato adiscrezione dellrsquoutente Informazioni su come valorizzare i campi elencati sopra saranno descritte suapposite linee guida

Per completare lrsquoinserimentoaggiornamento delle meta-informazioni riguardanti il file caricato occorrepremere il tasto Send (figura Salva metainformazioni (page 46)) in fondo alla maschera per il salvataggiodelle informazioni

Figura 49 Salva metainformazioni

Tornando alla maschera di caricamento file e selezionando la checkbox in corrispondenza della voceSovrascrivi file esistenti (figura Carica file sovrascrivendo (page 46)) saragrave possibile aggiornare eventualifile che hanno lo stesso nome di quello che stiamo caricando

Questa procedura egrave utile quando si vuole aggiornare il contenuto di un file che egrave giagrave presente nel DAM

Figura 410 Carica file sovrascrivendo

Nel caso di aggiornamento di un file le meta-informazioni del file rimangono le stesse inserite inprecedenza Come si puograve notare non viene offerta la possibilitagrave di inserirne di nuove

Nel caso in cui un file con lo stesso nome sia giagrave caricato e non si desideri aggiornarlo il file inseritoper ultimo viene rinominato con un suffisso generato automaticamente dal DAM In questo caso la voceSovrascrivi file esistenti non deve essere selezionata (figura Carica file senza sovrascrivere (page 47))

Nellrsquoesempio in figura viene presentata la lista dei file presenti nel mount point selezionato

Da notare la presenza di un file che egrave stato rinominato dal DAM con un suffisso ldquo_01rdquo dato che nellastessa posizione era giagrave presente un file con lo stesso nome

41 Caricamento e Aggiornamento di file 46

DocWeb Release 101

Figura 411 Carica file senza sovrascrivere

41 Caricamento e Aggiornamento di file 47

DocWeb Release 101

42 Ricerca di file allrsquointerno del DAM e modifica delle meta-informazioni

Rimanendo sempre allrsquointerno del modulo Media selezioniamo la voce List egrave possibile effettuare dellericerche dei file e modificare le meta-informazioni associate ai file

Nella figura Backend media list (page 48) distinguiamo

Figura 412 Backend media list

1 Parte relativa ai Mount Point disponibili

2 Parte relativa ai tipi di file caricati nel sistema

3 Schede List Thumbnails Selection Process

Da questa sezione egrave possibile effettuare ricerche sui file caricati nel DAM

Le ricerche che si possono eseguire sono del tipo ldquotrova tutti i file pdf e docrdquo oppure ldquoelenca tutti i filedi tipo immagine ad eccezione dei file con estensione gifrdquo

Per prima cosa facendo click sul nome del tipo file (es gif oppure image) si seleziona solo quel tipo difile e si escludono tutti i criteri selezionati in precedenza

Per aggiungere un altro criterio di ricerca egrave sufficiente selezionare il ldquo+rdquo (punto 1 nella figura Criteri diselezione (page 49)) posto accanto al tipo di file che si vuole selezionare

Con il ldquo-ldquo(punto 2) saragrave possibile rimuovere il tipo di file dai criteri di ricerca

Selezionando ldquo=rdquo (punto 3) egrave possibile introdurre clausole del tipo ldquocerca un file che sia doc e presentenel Mount Point chiamato lsquoArea Testrsquordquo (ossia effettua una ricerca che risponda a tutti i criteri impostati)

Nellrsquoesempio della figura Salva selezione (page 49) sono stati selezionati tutti i tipi di immagine adeccezione dei file con estensione gif Questo risultato si ottiene nel seguente modo

1 selezionare il ldquo+rdquo accanto alla voce ldquoimagerdquo

2 premendo il tasto ldquo-ldquo in corrispondenza della voce ldquogifrdquo

I criteri impostati per la selezione possono essere salvati per un uso futuro Per salvare la selezioneoccorre (figura Salva selezione (page 49))

1 riempire il campo sotto la voce SELECTION con un nome che identifichi la ricerca

2 premere il tasto Save per salvare la modalitagrave di ricerca impostata

In questo modo saragrave possibile richiamare e rieseguire la ricerca impostata anche in futuro senza doverripetere il procedimento di scelta dei criteri mostrato in precedenza

42 Ricerca di file allrsquointerno del DAM e modifica delle meta-informazioni 48

DocWeb Release 101

Figura 413 Criteri di selezione

Figura 414 Salva selezione

42 Ricerca di file allrsquointerno del DAM e modifica delle meta-informazioni 49

DocWeb Release 101

Se in futuro saranno inseriti nuovi file che soddisfano la ricerca salvata questi verranno selezionati quandoverragrave richiamata la ricerca salvata

Dalla figura Ricerca salvata (page 50) egrave possibile notare come richiamare la ricerca salvata In questocaso abbiamo salvato la ricerca con il nome ldquoimmaginisenzagifrdquo

Figura 415 Ricerca salvata

Una volta che si egrave selezionata la ricerca egrave possibile

1 Premere il tasto Load per ricaricare la ricerca precedentemente impostata

2 Premere Remove per rimuovere la ricerca salvata

Una volta effettuata una particolare selezione di file egrave possibile (figura Schede backend media list(page 50))

Figura 416 Schede backend media list

1 vedere il contenuto della selezione (schede List e Thumbnails)

2 vedere i criteri impostati per la ricerca (scheda Selection)

3 modificare le meta-informazioni associate ai file (scheda Process) secondo quanto descritto inprecedenza

Nella figura Scheda selection (page 51) egrave visualizzato come selezionando la scheda Selection egrave possibileprendere visione dei criteri impostati nella ricerca (la ricerca egrave quella dellrsquoesempio precedente)

Selezionando le schede List e Thumbnails dopo avere effettuato una qualsiasi selezione si potrebbe avereuna situazione come quella mostrata nella figura Scheda list (page 51)

Cliccando sullrsquoicona corrispondente ad uno dei file presenti nella lista (selezionato con un cerchio rosso)egrave possibile accedere ad un menugrave contestuale (figura Menu contestuale DAM (page 51))che permette disvolgere le seguenti operazioni

Modifica Offre la possibilitagrave di visualizzare e modificare le meta-informazioni associate al file

Rinomina Selezionando la seguente voce egrave possibile assegnare un altro nome al file che si egrave caricato

Replace file Avvia lrsquooperazione di sostituzione del file

Info Visualizza informazioni relative al file

Cancella Rimuove il file dal DAM

42 Ricerca di file allrsquointerno del DAM e modifica delle meta-informazioni 50

DocWeb Release 101

Figura 417 Scheda selection

Figura 418 Scheda list

Figura 419 Menu contestuale DAM

42 Ricerca di file allrsquointerno del DAM e modifica delle meta-informazioni 51

CAPITOLO 5

Modulo Pagine di download

51 Inserimento e configurazione pagine di download

La creazione di pagine di download egrave utile quando si vuole mettere a disposizione una lista di uno o piugravefile in forma scaricabile

Per creare una pagina di download egrave necessario seguire i seguenti passi

1 Creare una pagina standard

2 Inserire il plugin DAM Download List

3 Configurare il plugin

Per creare una pagina egrave sufficiente entrare nel modulo Pagina e selezionare Crea nuovo record per accederealla finestra di creazione pagine

Nellrsquoesempio in figura Backend creazione contenuto (page 52) egrave stata creata la pagina denominata ldquoPaginadownloadrdquo come figlio della pagina ldquoPagina di provardquo

Figura 51 Backend creazione contenuto

Una volta creata la pagina occorre configurarla in maniera tale da permettere la visualizzazione di unalista di file scaricabili Per fare ciograve occorre inserire un plugin denominato ldquoDAM Download Listrdquo Unplugin egrave un contenuto speciale da inserire in una pagina

52

DocWeb Release 101

Per inserirlo come per un contenuto occorre seguire i seguenti passi (figura Backend creazione contenuto(page 52))

1 Selezionare la pagina in cui inserire il plugin Nellrsquoesempio la pagina denominata ldquoPaginadownloadrdquo

2 Selezionare la voce Clicca qui per il wizard nella maschera che compare quando si vuole inserire unnuovo record

Figura 52 Wizard nuovo contenuto

Oltre ai normali contenuti standard il wizard permette di selezionare (figura Wizard nuovo contenuto(page 53))

1 Contenuti speciali

2 Moduli

3 Plugins

Allrsquointerno della lista dei Plugins selezionare DAM Lista dei file scaricabili (punto 4 nella figura Wizardnuovo contenuto (page 53))

Dopo aver selezionato il plugin occorreragrave selezionare la posizione della pagina in cui inserire lrsquoelemento

Selezionare ldquoNormalerdquo

A questo punto il plugin egrave inserito nella pagina desiderata

51 Inserimento e configurazione pagine di download 53

DocWeb Release 101

Oltre allrsquoinserimento occorre configurare il plugin in modo da dirgli quali file far visualizzare

Una volta che il plugin viene inserito viene aperta una finestra (figura Contenuto pagina (page 54)) doveviene richiesto di selezionare dei file inseriti nel sistema

Figura 53 Contenuto pagina

Per proseguire correttamente egrave necessario salvare immediatamente il Contenuto Pagina altrimenti leoperazioni successive potrebbero andare perse

Per inserire i file nella lista occorre effettuare la seguente operazione (figura Contenuto pagina (page 54))

1 Nella parte della maschera denominata DAM Lista di file scaricabili selezionare lrsquoicona SfogliaRecord (cerchiata in rosso) per avviare la procedura di selezione dei file

Selezionando la voce Sfoglia Record verragrave aperto lrsquoElement Browser di TYPO3 che ci permette di se-lezionare i file da inserire nel plugin La finestra (figura Element browser (page 55)) egrave composta di dueschede

1 Media ndash permette di selezionare i file giagrave esistenti nel sistema

2 Upload ndash permette di caricare nuovi file

Selezionando la sezione Media egrave possibile selezionare dalla lista i file da inserire

51 Inserimento e configurazione pagine di download 54

DocWeb Release 101

Figura 54 Element browser

Se la lista dei file fosse troppo lunga egrave possibile effettuare delle ricerche per nome e per tipologia di file(doc htm )

Per cercare per nome (figura Ricerca per nome (page 55)) occorre inserire nella casella di testo Cercastringa (punto 1 nella figura sopra) il nome o parte del nome del file da cercare Una volta specificata lastringa di ricerca premere il tasto Cerca (punto 2)

Figura 55 Ricerca per nome

Per cercare un particolare tipo di file selezionare il nome dellrsquoestensione che si desidera dallrsquoelenco deitipi di file (figura Ricerca per tipo (page 56))

Nota I due tipi di ricerca possono essere usati contemporaneamente

Selezionando la voce informazioni (punto 1 nella figura Selezione file (page 56)) egrave possibile visualizzarele meta-informazioni associate al file

Premendo con il mouse sul nome del file (punto 2) o sullrsquoicona associata (punto 3) si inserisce il file nellalista dei file da far visualizzare nella pagina di download mediante lrsquoapposito plugin

Selezionando la scheda Upload si puograve inserire un file non presente nel sistema (figura Caricamentoimmediato file (page 56))

51 Inserimento e configurazione pagine di download 55

DocWeb Release 101

Figura 56 Ricerca per tipo

Figura 57 Selezione file

Figura 58 Caricamento immediato file

51 Inserimento e configurazione pagine di download 56

DocWeb Release 101

Scegliere i file dal proprio PC seguendo le operazioni giagrave descritte nel modulo DAM e selezionare dallascheda Media i nuovi file inseriti

Nella figura Plugin con file selezionati (page 57) egrave visualizzato un esempio di maschera di configurazionedel plugin con la lista dei file selezionati

Figura 59 Plugin con file selezionati

I file una volta inseriti possono essere ordinati selezionando sugli appositi bottoni posti a destra dellalista file

bull Per ordinare un determinato file occorre

bull Selezionare un file

Premere uno dei tasti (figura sopra) per

1 Spostare in prima posizione

2 Spostare in alto di una posizione

3 Spostare in basso di una posizione

4 Spostare in ultima posizione

5 Rimuovere dalla lista il file selezionato

Una volta eseguiti i passaggi sopra descritti salvare la configurazione del plugin

51 Inserimento e configurazione pagine di download 57

CAPITOLO 6

Modulo Sitemap

Ersquo possibile generare una mappa del sito scegliendo un contenuto speciale di tipo ldquoMappa del Sitordquo comemostrato nella figura Contenuto mappa del sito (page 58)

Figura 61 Contenuto mappa del sito

Per scegliere un record di tipo ldquomappa del sitordquo (per visualizzare cioegrave la vista dei contenuti possibili)saragrave necessario portarsi in modalitagrave ldquopaginardquo compiendo gli stessi passaggi descritti per la creazione dicontenuti semplici in fase di creazione delle pagine (in questo caso selezionando il contenuto specialemappa)

58

DocWeb Release 101

61 Scheda di configurazione Mappa

La scheda di configurazione si presenta come nella figura Scheda mappa del sito (page 59)

Figura 62 Scheda mappa del sito

I campi fondamentali da personalizzare sono lrsquointestazione (ossia il titolo pagina) il tipo di menugrave e ilpunto di partenza Nellrsquointestazione viene inserito come di consuetudine il titolo pagina

62 Tipo di mappa

Ersquo possibile scegliere il tipo di mappa che si desidera creare consultando il menugrave a tendina ldquotipo di menugraverdquoche ci offriragrave diverse opzioni

Le piugrave frequentemente usate sono di tipo ldquoMenugrave delle sottopagine rdquo come indicato nella figura Tipo dimenu (page 60)

Menugrave delle sottopagine di queste pagine Scegliendo questa opzione da una pagina padre sigenereragrave un record che mostreragrave al suo interno tutte le sottovoci figlio con relativo link

Menugrave delle sottopagine di queste pagine (con abstract) Genera una mappa sia delle sottopagineche dei sottotitoli

Menugrave delle sottopagine di queste pagine + sezioni Genera una mappa sia delle sottopagine chedei record (link alle intestazioni dei singoli record)

Selezionando voci di menugrave di sottopagine egrave anche possibile stabilire un determinato punto di partenzasfogliando lrsquoapposito record

61 Scheda di configurazione Mappa 59

DocWeb Release 101

Figura 63 Tipo di menu

63 Il ldquopunto di partenzardquo della mappa

Il ldquopunto di partenzardquo dei Menugrave delle sottopagine Scheda mappa del sito (page 59) costituisce la paginadalla quale il sistema partiragrave per creare la mappa

Si potragrave quindi creare una mappa (di tipo menugrave delle sottopagine) che mostri solamente il percorso diquella porzione di menugrave che si intende mostrare

63 Il ldquopunto di partenzardquo della mappa 60

CAPITOLO 7

Modulo News

71 Inserimento e modifica di news

Alcune sezioni del nostro sito potrebbero essere state configurate per permettere la visualizzazione dinotizie

Per poter visualizzare le news correttamente occorre che queste ultime vengano inserite in una determi-nata posizione allrsquointerno del backend Da questa posizione che chiameremo repository delle news lenostre pagine andranno a prelevare le news da visualizzare al loro interno

Figura 71 Backend news

Nellrsquoesempio presentato nella figura Backend news (page 61) distinguiamo

1 il repository delle news che egrave stato creato

2 Un esempio di come potrebbe apparire il contenuto del repository delle news (lista delle news)

Per poter visualizzare il contenuto del repository delle news occorre seguire i seguenti passi

1 entrare nel modulo Pagina

61

DocWeb Release 101

2 selezionare il repository delle news corrispondente (nellrsquoesempio della figura Backend news (page 61)il Repository delle news si chiama ldquoNews Area Testrdquo)

Poniamo ora la nostra attenzione alla lista delle news (figura Lista news (page 62)) Da qui egrave possibile

bull Inserire una nuova notizia

bull Modificare le notizie giagrave esistenti

Per inserire una nuova notizia occorre selezionare la voce Crea nuovo record (figura Lista news (page 62))posta in fondo alla lista delle news

Figura 72 Lista news

A questo punto si apre la finestra di creazione Nuovo record da cui occorre selezionare la voce News(figura Nuovo record news (page 62))

Figura 73 Nuovo record news

Eseguendo le operazioni sopra descritte si accede alla maschera di inserimento news (figura Inserimentonews scheda generale (page 63))

Questa si compone di due schede una denominata Generale e unrsquoaltra denominata Relations

Nella scheda Generale egrave possibile inserire

Titolo in questo spazio egrave possibile specificare un titolo della news

Nascondi questo controllo determina se la news egrave pubblicabile oppure no Come avviene per le pagineanche per le news egrave consigliabile tenere la news nascosta durante la lavorazione Facciamo notare

71 Inserimento e modifica di news 62

DocWeb Release 101

Figura 74 Inserimento news scheda generale

71 Inserimento e modifica di news 63

DocWeb Release 101

che appena viene aperta la maschera di inserimento di una nuova news il controllo appare giagrave instato nascosto

Dataora in questo spazio viene indicata la data e lrsquoora della creazione della news in base ai parametridi sistema

Data Archiviazione in questo spazio viene inserita la data di Archiviazione di una news

Autore permette di specificare un autore della news

Email permette di specificare un e-mail a cui fare riferimento

Sottointestazione questo campo conterragrave una breve descrizione (abstract) della news La sottointes-tazione egrave quella parte della news che compare quando viene visualizzata la lista delle news e serveper dare una breve descrizione al contenuto della news (si veda Esempio news (page 64))

Figura 75 Esempio news

Durante lrsquoinserimento di una news egrave consigliabile specificare sempre una sottointestazione

Testo egrave il campo che contiene il contenuto vero e proprio della news Egrave possibile utilizzare tutte lefunzionalitagrave messe a disposizione dallrsquoeditor RTE

72 Modalitagrave Relations

Nella modalitagrave Relations (figura Inserimento news scheda relations (page 65)) egrave possibile inserire

Immagini contiene una lista di immagini da associare alla news Il procedimento per la se-lezionecaricamento delle immagini egrave stato descritto nella parte dedicata alla creazione di paginedi download a cui vi rimandiamo

Didascalia permette di specificare una descrizione per lrsquoimmagine associata alla news

Image alttext e Image titletext permette di specificare un testo che in visualizzazione (Frontend)compariragrave al passaggio del mouse sopra lrsquoimmagine

News correlate permette di specificare news o pagine del sito da associare alla news Il procedimentodi selezione delle news da associare alla notizia saragrave spiegato successivamente

DAM elements permette di assegnare alla news dei documenti da scaricare come per esempioil programma di un determinato evento Anche in questo caso il procedimento per la se-lezionecaricamento dei documenti egrave quello giagrave descritto nella parte dedicata alla creazione dipagine di download

Descriviamo il procedimento da seguire per associare alcune pagine o alcune news alla notizia che stiamoinserendo

Premere il tasto di Sfoglia Record evidenziato nella figura Sfoglia record news (page 65)

Verragrave aperta una finestra che contiene un Element Browser che ci permette di selezionare le newspagine(figura Element browser news (page 66)) da associare

La finestra di selezione si suddivide nelle seguenti parti (figura sopra)

Alberatura del sito da cui egrave possibile esplorare gli elementi del nostro sito (pagine sysfolder )Premendo con il tasto sinistro del mouse sul nome della pagina o sulla freccia corrispondente verragraveaggiornata la parte di destra della finestra in cui egrave inserita la lista degli elementi associabili

72 Modalitagrave Relations 64

DocWeb Release 101

Figura 76 Inserimento news scheda relations

Figura 77 Sfoglia record news

72 Modalitagrave Relations 65

DocWeb Release 101

Figura 78 Element browser news

Lista degli elementi associabili egrave quindi possibile selezionare gli elementi da associare alla newsPer associare un elemento si puograve selezionare il simbolo ldquo+rdquo posto accanto allrsquoelemento desideratoo agendo sul nome del file Nel primo caso lrsquoelemento viene aggiunto ma la finestra non si chiuderagrave(utile per effettuare selezioni multiple) mentre nel secondo caso lrsquoelemento viene aggiunto e lafinestra si chiuderagrave (selezione singola)

Nota Per associare una o piugrave news alla notizia che stiamo inserendo occorreragrave innanzitutto selezionareil repository delle news e utilizzando i metodi descritti in precedenza indicare le news di interesse

Nella figura Selezione repository (page 66) viene visualizzato come appare lrsquoElement Browser dopo averselezionato il repository delle news denominato ldquoNews Corso Typo3rdquo

Figura 79 Selezione repository

Una volta ultimato il procedimento di inserimento di una news vedremo che nel repository compariragrave(figura News nel repository (page 67)) anche quella da noi creata Nellrsquoesempio la news creata si chiamaldquoTitolo della news di provardquo

Dalla lista delle news possiamo notare che i diversi tipi di news sono contrassegnati con icone diverse

In particolare distinguiamo

72 Modalitagrave Relations 66

DocWeb Release 101

Figura 710 News nel repository

bull News (icona ldquocelestinardquo)

bull Collegamento a URL esterna (icona ldquorosardquo)

bull Collegamento a pagina interna (icona ldquogiallinardquo)

Per modificare il contenuto di una news egrave sufficiente selezionare il simbolo di modifica (figura Modificanews (page 67)) in corrispondenza della news da modificare

Figura 711 Modifica news

73 News collegata a URL esterna e a pagina interna

Attraverso la selezione della finestra ldquoTipordquo egrave possibile scegliere diverse tipologie di news

Nella figura News collegata a url esterna (page 68) egrave stato selezionato il Collegamento a URL esterna checi offriragrave la possibilitagrave di specificare un link (ldquoURL esternordquo) da far visualizzare e che saragrave contraddistintain lista da lrsquoicona di colore rosa

Selezionando il Collegamento a pagina interna viene offerta la possibilitagrave di inserire un collegamento auna pagina del sito (evidenziato nella figura News collegata a pagina interna (page 69))

La news si presenteragrave con icona di color ldquogiallordquo e al suo interno conterragrave un link alla pagina interna alsito

73 News collegata a URL esterna e a pagina interna 67

DocWeb Release 101

Figura 712 News collegata a url esterna

73 News collegata a URL esterna e a pagina interna 68

DocWeb Release 101

Figura 713 News collegata a pagina interna

73 News collegata a URL esterna e a pagina interna 69

DocWeb Release 101

74 Eliminazione delle News

Per eliminare una news possiamo procedere tra lrsquoaltro in due modi

1 Selezionare la news da eliminare dallrsquoelenco e selezionare la voce ldquocancellardquo dal menugrave a tendinaconsultabile cliccando con il pulsante destro sullrsquoicona in corrispondenza della news (figura Eliminanews da menu contestuale (page 70))

Figura 714 Elimina news da menu contestuale

2 Entrare allrsquointerno della modalitagrave di modifica della news attraverso lrsquoicona ldquomatitardquo e selezionare lrsquoi-cona raffigurante il bidone di elimina posta in alto pagina (figura Elimina news da scheda contenuto(page 70))

Figura 715 Elimina news da scheda contenuto

75 Ordinamento delle News e ricerca

Puograve essere necessario durante la visualizzazione della lista delle news (lato backend) di dover effettuaredegli ordinamenti al fine di permettere una ricerca piugrave veloce delle news da modificare

74 Eliminazione delle News 70

DocWeb Release 101

Avvertimento Lrsquoordinamento ha valore solo come ricerca allrsquointerno del backend mentre latofrontend rispecchieragrave i parametri prestabiliti dal sistema

Supponiamo per esempio di voler effettuare un ordinamento per Titolo Seguiamo i seguenti passi(figura sotto)

1 Selezionare la voce di menugrave Lista

2 Selezionare il deposito delle news (repository) News Corso Typo3

3 Cliccare con il mouse in corrispondenza della voce ldquoTitolordquo

A questo punto (figura Ordinamento news (page 71)) le news vengono ordinate in ordine crescente(vengono visualizzate prima le news con titolo che inizia con la lettera a b e cosigrave via)

Figura 716 Ordinamento news

Se clicchiamo unrsquoaltra volta sulla voce ldquoTitolordquo il tipo di ordinamento cambia da crescente a decrescente(compariranno per prima le news con titolo che inizia per z )

Egrave inoltre possibile ordinare secondo campo da noi specificato Per definire il nome di un campo (ad estesto inizio autore ) su cui effettuare lrsquoordinamento occorreragrave spostarsi in fondo alla lista delle newsdove troveremo una lista di campi (figura Mostra campo aggiuntivo news (page 71))

Figura 717 Mostra campo aggiuntivo news

Dalla lista possiamo

bull Selezionare la voce in base alla quale effettuare lrsquoordinamento (ad esempio Immagini)

bull Premere il tasto Imposta campi per aggiungere alla lista dei campi visualizzati quello selezionato

75 Ordinamento delle News e ricerca 71

DocWeb Release 101

A questo punto il campo selezionato (nel nostro esempio il campo Immagini) compare nella lista dellenews (il campo aggiunto egrave evidenziato con un riquadro in alto a destra nella figura Ordinamento campoaggiuntivo news (page 72))

Figura 718 Ordinamento campo aggiuntivo news

Effettuare le stesse operazioni illustrate per il campo Titolo per ordinare in modo crescente e decrescentele news secondo il criterio impostato (click pulsante sinistro sul nome etichetta)

Egrave anche possibile ricercare le news in base al testo contenuto nel titolo sottotitolo descrizione eccUtilizzando la maschera di ricerca in fondo pagina (evidenziata nella figura Ricerca news (page 72))

Figura 719 Ricerca news

Per effettuare una ricerca egrave necessario seguire i seguenti passi

1 Inserire nel campo Cerca Stringa il testo da cercare (nel nostro esempio ldquonequerdquo)

2 Premere il tasto Cerca per eseguire la ricerca secondo i criteri impostati

In questo modo nella lista delle news compariranno solo quelle che contengono il testo specificatoEffettuata la ricerca egrave possibile effettuare degli ordinamenti come spiegato in precedenza

75 Ordinamento delle News e ricerca 72

CAPITOLO 8

Modulo Eventi

Avvertimento SEZIONE NON COMPLETA

Si confrontino i seguenti due tipi di contenuti

Evento egrave un tipo di contenuto adatto a descrivere qualcosa che accadragrave o che egrave accaduto in una certadata La data o le date in cui lrsquoevento ricorre sono strettamente legate ad un luogo in cui lrsquoeventosi verificheragravesi egrave verificato Gli eventi vengono rappresentati mediante la metafora dellrsquoagenda edel calendario

Notizia egrave un tipo di contenuto caratterizzato dalla data di pubblicazione secondo la metafora delgiornale online E come in un giornale online una notizia puograve riferirsi sia a fatti giagrave accaduti chea fatti a venire

Nota Per comprendere meglio la differenza tra i due tipi di contenuto si pensi che dato un eventoche ha una certa data di svolgimento (ad es 20 maggio) di tale evento posso realizzare piugrave di unanotizia Rimanendo nellrsquoesempio potrei pubblicare una notizia il 10 maggio per preannunciare lrsquoeventoe poi unrsquoaltra il 18 maggio per ricordarne lrsquoimminenza Infine potrei pubblicare una notizia di riepilogo(cronaca dellrsquoevento immagini ecc) il 22 maggio

81 Scopo del modulo Eventi

Il visitatore del sito deve poter cogliere le informazioni essenziali di un evento

bull Cosa sta per succedere

bull Dove accadragrave

bull Quando accadragrave

82 Il Backend ndash Modulo Pagina

Vedi figura Eventi vista modulo pagina (page 74)

83 Il Backend ndash Modulo Lista

Vedi figura Eventi vista modulo lista (page 74)

73

DocWeb Release 101

Figura 81 Eventi vista modulo pagina

Figura 82 Eventi vista modulo lista

83 Il Backend ndash Modulo Lista 74

DocWeb Release 101

84 Creazione di un evento

Prima di procedere poniamoci qualche domanda

bull Lrsquoevento appartiene a qualche rassegna iniziativa per la quale sono in programma altri eventiPer esempio

ndash Rassegne teatrali cinematografiche

ndash Festival

bull Lrsquoevento si ripete

ndash La replica avviene sempre nello stesso luogo

841 Creazione del record

Vedi figura Creazione nuovo evento (page 75)

Vedi figura Creazione nuovo record evento (page 76)

Figura 83 Creazione nuovo evento

842 Scheda ldquoGeneralerdquo

Vedi figura Evento scheda generale (page 76)

843 Scheda ldquoFinestra temporalerdquo

Orario repliche

Vedi figura Evento finestra temporale (page 78)

84 Creazione di un evento 75

DocWeb Release 101

Figura 84 Creazione nuovo record evento

Figura 85 Evento scheda generale

84 Creazione di un evento 76

DocWeb Release 101

bull Lrsquoorario va solo per le Finestre temporali di un giorno (data inizio = data fine)

bull Se non si conosce lrsquoora della fine impostare ora inizio = ora fine

844 Scheda ldquoTestordquo

Vedi figura Evento scheda testo (page 79)

84 Creazione di un evento 77

DocWeb Release 101

Figura 86 Evento finestra temporale

84 Creazione di un evento 78

DocWeb Release 101

Figura 87 Evento scheda testo84 Creazione di un evento 79

  • Introduzione
    • Cosegrave DocWeb
    • Concetti chiave
      • Funzionalitagrave di Base
        • Il CMS Typo3 ldquobackendrdquo e ldquofrontendrdquo
        • Cambio password di accesso
        • Albero delle pagine
        • Implementazione delle pagine ldquogenitori rdquo e ldquofiglirdquo
        • Inserimento Nuova pagina
        • Elementi standard della pagina
        • Inserimento contenuti di una pagina
        • Contenuti multipli allrsquointerno di una pagina
        • Modifica dei contenuti della pagina
        • Spostamento di pagine
        • Eliminazione pagine
        • Rich Text Editor
        • Modalitagrave Lista
        • Modalitagrave Mostra
        • Modalitagrave ldquoMonta come radice dellrsquoalberordquo
        • Ottenere il page-id di una pagina
        • Admin Panel
          • La Clipboard
            • Copia o spostamento di un contenuto singolo di pagina allrsquointerno di unrsquoaltra pagina
            • Copia o spostamento di piugrave contenuti da una pagina ad unrsquoaltra
              • Modulo DAM (Digital Asset Management)
                • Caricamento e Aggiornamento di file
                • Ricerca di file allrsquointerno del DAM e modifica delle meta-informazioni
                  • Modulo Pagine di download
                    • Inserimento e configurazione pagine di download
                      • Modulo Sitemap
                        • Scheda di configurazione Mappa
                        • Tipo di mappa
                        • Il ``punto di partenza della mappa
                          • Modulo News
                            • Inserimento e modifica di news
                            • Modalitagrave Relations
                            • News collegata a URL esterna e a pagina interna
                            • Eliminazione delle News
                            • Ordinamento delle News e ricerca
                              • Modulo Eventi
                                • Scopo del modulo Eventi
                                • Il Backend ndash Modulo Pagina
                                • Il Backend ndash Modulo Lista
                                • Creazione di un evento
Page 48: DocWeb€¦ · per la realizzazione e la gestione di siti web della Pubblica Am-ministrazione. La piattaforma tecnologica utilizzata è il CMS (Content Management System) Open SourceTypo31

DocWeb Release 101

Figura 48 Elaborazione metainformazioni file multipli

41 Caricamento e Aggiornamento di file 45

DocWeb Release 101

Se si seleziona la checkbox accanto alla voce che eventualmente saragrave inserita questa viene aggiuntaalle informazioni eventualmente giagrave presenti (modalitagrave append) Nellrsquoaltro caso le informazioni sarannosovrascritte

I campi Titolo e Descrizione sono obbligatori mentre il campo Parole chiavi puograve essere valorizzato adiscrezione dellrsquoutente Informazioni su come valorizzare i campi elencati sopra saranno descritte suapposite linee guida

Per completare lrsquoinserimentoaggiornamento delle meta-informazioni riguardanti il file caricato occorrepremere il tasto Send (figura Salva metainformazioni (page 46)) in fondo alla maschera per il salvataggiodelle informazioni

Figura 49 Salva metainformazioni

Tornando alla maschera di caricamento file e selezionando la checkbox in corrispondenza della voceSovrascrivi file esistenti (figura Carica file sovrascrivendo (page 46)) saragrave possibile aggiornare eventualifile che hanno lo stesso nome di quello che stiamo caricando

Questa procedura egrave utile quando si vuole aggiornare il contenuto di un file che egrave giagrave presente nel DAM

Figura 410 Carica file sovrascrivendo

Nel caso di aggiornamento di un file le meta-informazioni del file rimangono le stesse inserite inprecedenza Come si puograve notare non viene offerta la possibilitagrave di inserirne di nuove

Nel caso in cui un file con lo stesso nome sia giagrave caricato e non si desideri aggiornarlo il file inseritoper ultimo viene rinominato con un suffisso generato automaticamente dal DAM In questo caso la voceSovrascrivi file esistenti non deve essere selezionata (figura Carica file senza sovrascrivere (page 47))

Nellrsquoesempio in figura viene presentata la lista dei file presenti nel mount point selezionato

Da notare la presenza di un file che egrave stato rinominato dal DAM con un suffisso ldquo_01rdquo dato che nellastessa posizione era giagrave presente un file con lo stesso nome

41 Caricamento e Aggiornamento di file 46

DocWeb Release 101

Figura 411 Carica file senza sovrascrivere

41 Caricamento e Aggiornamento di file 47

DocWeb Release 101

42 Ricerca di file allrsquointerno del DAM e modifica delle meta-informazioni

Rimanendo sempre allrsquointerno del modulo Media selezioniamo la voce List egrave possibile effettuare dellericerche dei file e modificare le meta-informazioni associate ai file

Nella figura Backend media list (page 48) distinguiamo

Figura 412 Backend media list

1 Parte relativa ai Mount Point disponibili

2 Parte relativa ai tipi di file caricati nel sistema

3 Schede List Thumbnails Selection Process

Da questa sezione egrave possibile effettuare ricerche sui file caricati nel DAM

Le ricerche che si possono eseguire sono del tipo ldquotrova tutti i file pdf e docrdquo oppure ldquoelenca tutti i filedi tipo immagine ad eccezione dei file con estensione gifrdquo

Per prima cosa facendo click sul nome del tipo file (es gif oppure image) si seleziona solo quel tipo difile e si escludono tutti i criteri selezionati in precedenza

Per aggiungere un altro criterio di ricerca egrave sufficiente selezionare il ldquo+rdquo (punto 1 nella figura Criteri diselezione (page 49)) posto accanto al tipo di file che si vuole selezionare

Con il ldquo-ldquo(punto 2) saragrave possibile rimuovere il tipo di file dai criteri di ricerca

Selezionando ldquo=rdquo (punto 3) egrave possibile introdurre clausole del tipo ldquocerca un file che sia doc e presentenel Mount Point chiamato lsquoArea Testrsquordquo (ossia effettua una ricerca che risponda a tutti i criteri impostati)

Nellrsquoesempio della figura Salva selezione (page 49) sono stati selezionati tutti i tipi di immagine adeccezione dei file con estensione gif Questo risultato si ottiene nel seguente modo

1 selezionare il ldquo+rdquo accanto alla voce ldquoimagerdquo

2 premendo il tasto ldquo-ldquo in corrispondenza della voce ldquogifrdquo

I criteri impostati per la selezione possono essere salvati per un uso futuro Per salvare la selezioneoccorre (figura Salva selezione (page 49))

1 riempire il campo sotto la voce SELECTION con un nome che identifichi la ricerca

2 premere il tasto Save per salvare la modalitagrave di ricerca impostata

In questo modo saragrave possibile richiamare e rieseguire la ricerca impostata anche in futuro senza doverripetere il procedimento di scelta dei criteri mostrato in precedenza

42 Ricerca di file allrsquointerno del DAM e modifica delle meta-informazioni 48

DocWeb Release 101

Figura 413 Criteri di selezione

Figura 414 Salva selezione

42 Ricerca di file allrsquointerno del DAM e modifica delle meta-informazioni 49

DocWeb Release 101

Se in futuro saranno inseriti nuovi file che soddisfano la ricerca salvata questi verranno selezionati quandoverragrave richiamata la ricerca salvata

Dalla figura Ricerca salvata (page 50) egrave possibile notare come richiamare la ricerca salvata In questocaso abbiamo salvato la ricerca con il nome ldquoimmaginisenzagifrdquo

Figura 415 Ricerca salvata

Una volta che si egrave selezionata la ricerca egrave possibile

1 Premere il tasto Load per ricaricare la ricerca precedentemente impostata

2 Premere Remove per rimuovere la ricerca salvata

Una volta effettuata una particolare selezione di file egrave possibile (figura Schede backend media list(page 50))

Figura 416 Schede backend media list

1 vedere il contenuto della selezione (schede List e Thumbnails)

2 vedere i criteri impostati per la ricerca (scheda Selection)

3 modificare le meta-informazioni associate ai file (scheda Process) secondo quanto descritto inprecedenza

Nella figura Scheda selection (page 51) egrave visualizzato come selezionando la scheda Selection egrave possibileprendere visione dei criteri impostati nella ricerca (la ricerca egrave quella dellrsquoesempio precedente)

Selezionando le schede List e Thumbnails dopo avere effettuato una qualsiasi selezione si potrebbe avereuna situazione come quella mostrata nella figura Scheda list (page 51)

Cliccando sullrsquoicona corrispondente ad uno dei file presenti nella lista (selezionato con un cerchio rosso)egrave possibile accedere ad un menugrave contestuale (figura Menu contestuale DAM (page 51))che permette disvolgere le seguenti operazioni

Modifica Offre la possibilitagrave di visualizzare e modificare le meta-informazioni associate al file

Rinomina Selezionando la seguente voce egrave possibile assegnare un altro nome al file che si egrave caricato

Replace file Avvia lrsquooperazione di sostituzione del file

Info Visualizza informazioni relative al file

Cancella Rimuove il file dal DAM

42 Ricerca di file allrsquointerno del DAM e modifica delle meta-informazioni 50

DocWeb Release 101

Figura 417 Scheda selection

Figura 418 Scheda list

Figura 419 Menu contestuale DAM

42 Ricerca di file allrsquointerno del DAM e modifica delle meta-informazioni 51

CAPITOLO 5

Modulo Pagine di download

51 Inserimento e configurazione pagine di download

La creazione di pagine di download egrave utile quando si vuole mettere a disposizione una lista di uno o piugravefile in forma scaricabile

Per creare una pagina di download egrave necessario seguire i seguenti passi

1 Creare una pagina standard

2 Inserire il plugin DAM Download List

3 Configurare il plugin

Per creare una pagina egrave sufficiente entrare nel modulo Pagina e selezionare Crea nuovo record per accederealla finestra di creazione pagine

Nellrsquoesempio in figura Backend creazione contenuto (page 52) egrave stata creata la pagina denominata ldquoPaginadownloadrdquo come figlio della pagina ldquoPagina di provardquo

Figura 51 Backend creazione contenuto

Una volta creata la pagina occorre configurarla in maniera tale da permettere la visualizzazione di unalista di file scaricabili Per fare ciograve occorre inserire un plugin denominato ldquoDAM Download Listrdquo Unplugin egrave un contenuto speciale da inserire in una pagina

52

DocWeb Release 101

Per inserirlo come per un contenuto occorre seguire i seguenti passi (figura Backend creazione contenuto(page 52))

1 Selezionare la pagina in cui inserire il plugin Nellrsquoesempio la pagina denominata ldquoPaginadownloadrdquo

2 Selezionare la voce Clicca qui per il wizard nella maschera che compare quando si vuole inserire unnuovo record

Figura 52 Wizard nuovo contenuto

Oltre ai normali contenuti standard il wizard permette di selezionare (figura Wizard nuovo contenuto(page 53))

1 Contenuti speciali

2 Moduli

3 Plugins

Allrsquointerno della lista dei Plugins selezionare DAM Lista dei file scaricabili (punto 4 nella figura Wizardnuovo contenuto (page 53))

Dopo aver selezionato il plugin occorreragrave selezionare la posizione della pagina in cui inserire lrsquoelemento

Selezionare ldquoNormalerdquo

A questo punto il plugin egrave inserito nella pagina desiderata

51 Inserimento e configurazione pagine di download 53

DocWeb Release 101

Oltre allrsquoinserimento occorre configurare il plugin in modo da dirgli quali file far visualizzare

Una volta che il plugin viene inserito viene aperta una finestra (figura Contenuto pagina (page 54)) doveviene richiesto di selezionare dei file inseriti nel sistema

Figura 53 Contenuto pagina

Per proseguire correttamente egrave necessario salvare immediatamente il Contenuto Pagina altrimenti leoperazioni successive potrebbero andare perse

Per inserire i file nella lista occorre effettuare la seguente operazione (figura Contenuto pagina (page 54))

1 Nella parte della maschera denominata DAM Lista di file scaricabili selezionare lrsquoicona SfogliaRecord (cerchiata in rosso) per avviare la procedura di selezione dei file

Selezionando la voce Sfoglia Record verragrave aperto lrsquoElement Browser di TYPO3 che ci permette di se-lezionare i file da inserire nel plugin La finestra (figura Element browser (page 55)) egrave composta di dueschede

1 Media ndash permette di selezionare i file giagrave esistenti nel sistema

2 Upload ndash permette di caricare nuovi file

Selezionando la sezione Media egrave possibile selezionare dalla lista i file da inserire

51 Inserimento e configurazione pagine di download 54

DocWeb Release 101

Figura 54 Element browser

Se la lista dei file fosse troppo lunga egrave possibile effettuare delle ricerche per nome e per tipologia di file(doc htm )

Per cercare per nome (figura Ricerca per nome (page 55)) occorre inserire nella casella di testo Cercastringa (punto 1 nella figura sopra) il nome o parte del nome del file da cercare Una volta specificata lastringa di ricerca premere il tasto Cerca (punto 2)

Figura 55 Ricerca per nome

Per cercare un particolare tipo di file selezionare il nome dellrsquoestensione che si desidera dallrsquoelenco deitipi di file (figura Ricerca per tipo (page 56))

Nota I due tipi di ricerca possono essere usati contemporaneamente

Selezionando la voce informazioni (punto 1 nella figura Selezione file (page 56)) egrave possibile visualizzarele meta-informazioni associate al file

Premendo con il mouse sul nome del file (punto 2) o sullrsquoicona associata (punto 3) si inserisce il file nellalista dei file da far visualizzare nella pagina di download mediante lrsquoapposito plugin

Selezionando la scheda Upload si puograve inserire un file non presente nel sistema (figura Caricamentoimmediato file (page 56))

51 Inserimento e configurazione pagine di download 55

DocWeb Release 101

Figura 56 Ricerca per tipo

Figura 57 Selezione file

Figura 58 Caricamento immediato file

51 Inserimento e configurazione pagine di download 56

DocWeb Release 101

Scegliere i file dal proprio PC seguendo le operazioni giagrave descritte nel modulo DAM e selezionare dallascheda Media i nuovi file inseriti

Nella figura Plugin con file selezionati (page 57) egrave visualizzato un esempio di maschera di configurazionedel plugin con la lista dei file selezionati

Figura 59 Plugin con file selezionati

I file una volta inseriti possono essere ordinati selezionando sugli appositi bottoni posti a destra dellalista file

bull Per ordinare un determinato file occorre

bull Selezionare un file

Premere uno dei tasti (figura sopra) per

1 Spostare in prima posizione

2 Spostare in alto di una posizione

3 Spostare in basso di una posizione

4 Spostare in ultima posizione

5 Rimuovere dalla lista il file selezionato

Una volta eseguiti i passaggi sopra descritti salvare la configurazione del plugin

51 Inserimento e configurazione pagine di download 57

CAPITOLO 6

Modulo Sitemap

Ersquo possibile generare una mappa del sito scegliendo un contenuto speciale di tipo ldquoMappa del Sitordquo comemostrato nella figura Contenuto mappa del sito (page 58)

Figura 61 Contenuto mappa del sito

Per scegliere un record di tipo ldquomappa del sitordquo (per visualizzare cioegrave la vista dei contenuti possibili)saragrave necessario portarsi in modalitagrave ldquopaginardquo compiendo gli stessi passaggi descritti per la creazione dicontenuti semplici in fase di creazione delle pagine (in questo caso selezionando il contenuto specialemappa)

58

DocWeb Release 101

61 Scheda di configurazione Mappa

La scheda di configurazione si presenta come nella figura Scheda mappa del sito (page 59)

Figura 62 Scheda mappa del sito

I campi fondamentali da personalizzare sono lrsquointestazione (ossia il titolo pagina) il tipo di menugrave e ilpunto di partenza Nellrsquointestazione viene inserito come di consuetudine il titolo pagina

62 Tipo di mappa

Ersquo possibile scegliere il tipo di mappa che si desidera creare consultando il menugrave a tendina ldquotipo di menugraverdquoche ci offriragrave diverse opzioni

Le piugrave frequentemente usate sono di tipo ldquoMenugrave delle sottopagine rdquo come indicato nella figura Tipo dimenu (page 60)

Menugrave delle sottopagine di queste pagine Scegliendo questa opzione da una pagina padre sigenereragrave un record che mostreragrave al suo interno tutte le sottovoci figlio con relativo link

Menugrave delle sottopagine di queste pagine (con abstract) Genera una mappa sia delle sottopagineche dei sottotitoli

Menugrave delle sottopagine di queste pagine + sezioni Genera una mappa sia delle sottopagine chedei record (link alle intestazioni dei singoli record)

Selezionando voci di menugrave di sottopagine egrave anche possibile stabilire un determinato punto di partenzasfogliando lrsquoapposito record

61 Scheda di configurazione Mappa 59

DocWeb Release 101

Figura 63 Tipo di menu

63 Il ldquopunto di partenzardquo della mappa

Il ldquopunto di partenzardquo dei Menugrave delle sottopagine Scheda mappa del sito (page 59) costituisce la paginadalla quale il sistema partiragrave per creare la mappa

Si potragrave quindi creare una mappa (di tipo menugrave delle sottopagine) che mostri solamente il percorso diquella porzione di menugrave che si intende mostrare

63 Il ldquopunto di partenzardquo della mappa 60

CAPITOLO 7

Modulo News

71 Inserimento e modifica di news

Alcune sezioni del nostro sito potrebbero essere state configurate per permettere la visualizzazione dinotizie

Per poter visualizzare le news correttamente occorre che queste ultime vengano inserite in una determi-nata posizione allrsquointerno del backend Da questa posizione che chiameremo repository delle news lenostre pagine andranno a prelevare le news da visualizzare al loro interno

Figura 71 Backend news

Nellrsquoesempio presentato nella figura Backend news (page 61) distinguiamo

1 il repository delle news che egrave stato creato

2 Un esempio di come potrebbe apparire il contenuto del repository delle news (lista delle news)

Per poter visualizzare il contenuto del repository delle news occorre seguire i seguenti passi

1 entrare nel modulo Pagina

61

DocWeb Release 101

2 selezionare il repository delle news corrispondente (nellrsquoesempio della figura Backend news (page 61)il Repository delle news si chiama ldquoNews Area Testrdquo)

Poniamo ora la nostra attenzione alla lista delle news (figura Lista news (page 62)) Da qui egrave possibile

bull Inserire una nuova notizia

bull Modificare le notizie giagrave esistenti

Per inserire una nuova notizia occorre selezionare la voce Crea nuovo record (figura Lista news (page 62))posta in fondo alla lista delle news

Figura 72 Lista news

A questo punto si apre la finestra di creazione Nuovo record da cui occorre selezionare la voce News(figura Nuovo record news (page 62))

Figura 73 Nuovo record news

Eseguendo le operazioni sopra descritte si accede alla maschera di inserimento news (figura Inserimentonews scheda generale (page 63))

Questa si compone di due schede una denominata Generale e unrsquoaltra denominata Relations

Nella scheda Generale egrave possibile inserire

Titolo in questo spazio egrave possibile specificare un titolo della news

Nascondi questo controllo determina se la news egrave pubblicabile oppure no Come avviene per le pagineanche per le news egrave consigliabile tenere la news nascosta durante la lavorazione Facciamo notare

71 Inserimento e modifica di news 62

DocWeb Release 101

Figura 74 Inserimento news scheda generale

71 Inserimento e modifica di news 63

DocWeb Release 101

che appena viene aperta la maschera di inserimento di una nuova news il controllo appare giagrave instato nascosto

Dataora in questo spazio viene indicata la data e lrsquoora della creazione della news in base ai parametridi sistema

Data Archiviazione in questo spazio viene inserita la data di Archiviazione di una news

Autore permette di specificare un autore della news

Email permette di specificare un e-mail a cui fare riferimento

Sottointestazione questo campo conterragrave una breve descrizione (abstract) della news La sottointes-tazione egrave quella parte della news che compare quando viene visualizzata la lista delle news e serveper dare una breve descrizione al contenuto della news (si veda Esempio news (page 64))

Figura 75 Esempio news

Durante lrsquoinserimento di una news egrave consigliabile specificare sempre una sottointestazione

Testo egrave il campo che contiene il contenuto vero e proprio della news Egrave possibile utilizzare tutte lefunzionalitagrave messe a disposizione dallrsquoeditor RTE

72 Modalitagrave Relations

Nella modalitagrave Relations (figura Inserimento news scheda relations (page 65)) egrave possibile inserire

Immagini contiene una lista di immagini da associare alla news Il procedimento per la se-lezionecaricamento delle immagini egrave stato descritto nella parte dedicata alla creazione di paginedi download a cui vi rimandiamo

Didascalia permette di specificare una descrizione per lrsquoimmagine associata alla news

Image alttext e Image titletext permette di specificare un testo che in visualizzazione (Frontend)compariragrave al passaggio del mouse sopra lrsquoimmagine

News correlate permette di specificare news o pagine del sito da associare alla news Il procedimentodi selezione delle news da associare alla notizia saragrave spiegato successivamente

DAM elements permette di assegnare alla news dei documenti da scaricare come per esempioil programma di un determinato evento Anche in questo caso il procedimento per la se-lezionecaricamento dei documenti egrave quello giagrave descritto nella parte dedicata alla creazione dipagine di download

Descriviamo il procedimento da seguire per associare alcune pagine o alcune news alla notizia che stiamoinserendo

Premere il tasto di Sfoglia Record evidenziato nella figura Sfoglia record news (page 65)

Verragrave aperta una finestra che contiene un Element Browser che ci permette di selezionare le newspagine(figura Element browser news (page 66)) da associare

La finestra di selezione si suddivide nelle seguenti parti (figura sopra)

Alberatura del sito da cui egrave possibile esplorare gli elementi del nostro sito (pagine sysfolder )Premendo con il tasto sinistro del mouse sul nome della pagina o sulla freccia corrispondente verragraveaggiornata la parte di destra della finestra in cui egrave inserita la lista degli elementi associabili

72 Modalitagrave Relations 64

DocWeb Release 101

Figura 76 Inserimento news scheda relations

Figura 77 Sfoglia record news

72 Modalitagrave Relations 65

DocWeb Release 101

Figura 78 Element browser news

Lista degli elementi associabili egrave quindi possibile selezionare gli elementi da associare alla newsPer associare un elemento si puograve selezionare il simbolo ldquo+rdquo posto accanto allrsquoelemento desideratoo agendo sul nome del file Nel primo caso lrsquoelemento viene aggiunto ma la finestra non si chiuderagrave(utile per effettuare selezioni multiple) mentre nel secondo caso lrsquoelemento viene aggiunto e lafinestra si chiuderagrave (selezione singola)

Nota Per associare una o piugrave news alla notizia che stiamo inserendo occorreragrave innanzitutto selezionareil repository delle news e utilizzando i metodi descritti in precedenza indicare le news di interesse

Nella figura Selezione repository (page 66) viene visualizzato come appare lrsquoElement Browser dopo averselezionato il repository delle news denominato ldquoNews Corso Typo3rdquo

Figura 79 Selezione repository

Una volta ultimato il procedimento di inserimento di una news vedremo che nel repository compariragrave(figura News nel repository (page 67)) anche quella da noi creata Nellrsquoesempio la news creata si chiamaldquoTitolo della news di provardquo

Dalla lista delle news possiamo notare che i diversi tipi di news sono contrassegnati con icone diverse

In particolare distinguiamo

72 Modalitagrave Relations 66

DocWeb Release 101

Figura 710 News nel repository

bull News (icona ldquocelestinardquo)

bull Collegamento a URL esterna (icona ldquorosardquo)

bull Collegamento a pagina interna (icona ldquogiallinardquo)

Per modificare il contenuto di una news egrave sufficiente selezionare il simbolo di modifica (figura Modificanews (page 67)) in corrispondenza della news da modificare

Figura 711 Modifica news

73 News collegata a URL esterna e a pagina interna

Attraverso la selezione della finestra ldquoTipordquo egrave possibile scegliere diverse tipologie di news

Nella figura News collegata a url esterna (page 68) egrave stato selezionato il Collegamento a URL esterna checi offriragrave la possibilitagrave di specificare un link (ldquoURL esternordquo) da far visualizzare e che saragrave contraddistintain lista da lrsquoicona di colore rosa

Selezionando il Collegamento a pagina interna viene offerta la possibilitagrave di inserire un collegamento auna pagina del sito (evidenziato nella figura News collegata a pagina interna (page 69))

La news si presenteragrave con icona di color ldquogiallordquo e al suo interno conterragrave un link alla pagina interna alsito

73 News collegata a URL esterna e a pagina interna 67

DocWeb Release 101

Figura 712 News collegata a url esterna

73 News collegata a URL esterna e a pagina interna 68

DocWeb Release 101

Figura 713 News collegata a pagina interna

73 News collegata a URL esterna e a pagina interna 69

DocWeb Release 101

74 Eliminazione delle News

Per eliminare una news possiamo procedere tra lrsquoaltro in due modi

1 Selezionare la news da eliminare dallrsquoelenco e selezionare la voce ldquocancellardquo dal menugrave a tendinaconsultabile cliccando con il pulsante destro sullrsquoicona in corrispondenza della news (figura Eliminanews da menu contestuale (page 70))

Figura 714 Elimina news da menu contestuale

2 Entrare allrsquointerno della modalitagrave di modifica della news attraverso lrsquoicona ldquomatitardquo e selezionare lrsquoi-cona raffigurante il bidone di elimina posta in alto pagina (figura Elimina news da scheda contenuto(page 70))

Figura 715 Elimina news da scheda contenuto

75 Ordinamento delle News e ricerca

Puograve essere necessario durante la visualizzazione della lista delle news (lato backend) di dover effettuaredegli ordinamenti al fine di permettere una ricerca piugrave veloce delle news da modificare

74 Eliminazione delle News 70

DocWeb Release 101

Avvertimento Lrsquoordinamento ha valore solo come ricerca allrsquointerno del backend mentre latofrontend rispecchieragrave i parametri prestabiliti dal sistema

Supponiamo per esempio di voler effettuare un ordinamento per Titolo Seguiamo i seguenti passi(figura sotto)

1 Selezionare la voce di menugrave Lista

2 Selezionare il deposito delle news (repository) News Corso Typo3

3 Cliccare con il mouse in corrispondenza della voce ldquoTitolordquo

A questo punto (figura Ordinamento news (page 71)) le news vengono ordinate in ordine crescente(vengono visualizzate prima le news con titolo che inizia con la lettera a b e cosigrave via)

Figura 716 Ordinamento news

Se clicchiamo unrsquoaltra volta sulla voce ldquoTitolordquo il tipo di ordinamento cambia da crescente a decrescente(compariranno per prima le news con titolo che inizia per z )

Egrave inoltre possibile ordinare secondo campo da noi specificato Per definire il nome di un campo (ad estesto inizio autore ) su cui effettuare lrsquoordinamento occorreragrave spostarsi in fondo alla lista delle newsdove troveremo una lista di campi (figura Mostra campo aggiuntivo news (page 71))

Figura 717 Mostra campo aggiuntivo news

Dalla lista possiamo

bull Selezionare la voce in base alla quale effettuare lrsquoordinamento (ad esempio Immagini)

bull Premere il tasto Imposta campi per aggiungere alla lista dei campi visualizzati quello selezionato

75 Ordinamento delle News e ricerca 71

DocWeb Release 101

A questo punto il campo selezionato (nel nostro esempio il campo Immagini) compare nella lista dellenews (il campo aggiunto egrave evidenziato con un riquadro in alto a destra nella figura Ordinamento campoaggiuntivo news (page 72))

Figura 718 Ordinamento campo aggiuntivo news

Effettuare le stesse operazioni illustrate per il campo Titolo per ordinare in modo crescente e decrescentele news secondo il criterio impostato (click pulsante sinistro sul nome etichetta)

Egrave anche possibile ricercare le news in base al testo contenuto nel titolo sottotitolo descrizione eccUtilizzando la maschera di ricerca in fondo pagina (evidenziata nella figura Ricerca news (page 72))

Figura 719 Ricerca news

Per effettuare una ricerca egrave necessario seguire i seguenti passi

1 Inserire nel campo Cerca Stringa il testo da cercare (nel nostro esempio ldquonequerdquo)

2 Premere il tasto Cerca per eseguire la ricerca secondo i criteri impostati

In questo modo nella lista delle news compariranno solo quelle che contengono il testo specificatoEffettuata la ricerca egrave possibile effettuare degli ordinamenti come spiegato in precedenza

75 Ordinamento delle News e ricerca 72

CAPITOLO 8

Modulo Eventi

Avvertimento SEZIONE NON COMPLETA

Si confrontino i seguenti due tipi di contenuti

Evento egrave un tipo di contenuto adatto a descrivere qualcosa che accadragrave o che egrave accaduto in una certadata La data o le date in cui lrsquoevento ricorre sono strettamente legate ad un luogo in cui lrsquoeventosi verificheragravesi egrave verificato Gli eventi vengono rappresentati mediante la metafora dellrsquoagenda edel calendario

Notizia egrave un tipo di contenuto caratterizzato dalla data di pubblicazione secondo la metafora delgiornale online E come in un giornale online una notizia puograve riferirsi sia a fatti giagrave accaduti chea fatti a venire

Nota Per comprendere meglio la differenza tra i due tipi di contenuto si pensi che dato un eventoche ha una certa data di svolgimento (ad es 20 maggio) di tale evento posso realizzare piugrave di unanotizia Rimanendo nellrsquoesempio potrei pubblicare una notizia il 10 maggio per preannunciare lrsquoeventoe poi unrsquoaltra il 18 maggio per ricordarne lrsquoimminenza Infine potrei pubblicare una notizia di riepilogo(cronaca dellrsquoevento immagini ecc) il 22 maggio

81 Scopo del modulo Eventi

Il visitatore del sito deve poter cogliere le informazioni essenziali di un evento

bull Cosa sta per succedere

bull Dove accadragrave

bull Quando accadragrave

82 Il Backend ndash Modulo Pagina

Vedi figura Eventi vista modulo pagina (page 74)

83 Il Backend ndash Modulo Lista

Vedi figura Eventi vista modulo lista (page 74)

73

DocWeb Release 101

Figura 81 Eventi vista modulo pagina

Figura 82 Eventi vista modulo lista

83 Il Backend ndash Modulo Lista 74

DocWeb Release 101

84 Creazione di un evento

Prima di procedere poniamoci qualche domanda

bull Lrsquoevento appartiene a qualche rassegna iniziativa per la quale sono in programma altri eventiPer esempio

ndash Rassegne teatrali cinematografiche

ndash Festival

bull Lrsquoevento si ripete

ndash La replica avviene sempre nello stesso luogo

841 Creazione del record

Vedi figura Creazione nuovo evento (page 75)

Vedi figura Creazione nuovo record evento (page 76)

Figura 83 Creazione nuovo evento

842 Scheda ldquoGeneralerdquo

Vedi figura Evento scheda generale (page 76)

843 Scheda ldquoFinestra temporalerdquo

Orario repliche

Vedi figura Evento finestra temporale (page 78)

84 Creazione di un evento 75

DocWeb Release 101

Figura 84 Creazione nuovo record evento

Figura 85 Evento scheda generale

84 Creazione di un evento 76

DocWeb Release 101

bull Lrsquoorario va solo per le Finestre temporali di un giorno (data inizio = data fine)

bull Se non si conosce lrsquoora della fine impostare ora inizio = ora fine

844 Scheda ldquoTestordquo

Vedi figura Evento scheda testo (page 79)

84 Creazione di un evento 77

DocWeb Release 101

Figura 86 Evento finestra temporale

84 Creazione di un evento 78

DocWeb Release 101

Figura 87 Evento scheda testo84 Creazione di un evento 79

  • Introduzione
    • Cosegrave DocWeb
    • Concetti chiave
      • Funzionalitagrave di Base
        • Il CMS Typo3 ldquobackendrdquo e ldquofrontendrdquo
        • Cambio password di accesso
        • Albero delle pagine
        • Implementazione delle pagine ldquogenitori rdquo e ldquofiglirdquo
        • Inserimento Nuova pagina
        • Elementi standard della pagina
        • Inserimento contenuti di una pagina
        • Contenuti multipli allrsquointerno di una pagina
        • Modifica dei contenuti della pagina
        • Spostamento di pagine
        • Eliminazione pagine
        • Rich Text Editor
        • Modalitagrave Lista
        • Modalitagrave Mostra
        • Modalitagrave ldquoMonta come radice dellrsquoalberordquo
        • Ottenere il page-id di una pagina
        • Admin Panel
          • La Clipboard
            • Copia o spostamento di un contenuto singolo di pagina allrsquointerno di unrsquoaltra pagina
            • Copia o spostamento di piugrave contenuti da una pagina ad unrsquoaltra
              • Modulo DAM (Digital Asset Management)
                • Caricamento e Aggiornamento di file
                • Ricerca di file allrsquointerno del DAM e modifica delle meta-informazioni
                  • Modulo Pagine di download
                    • Inserimento e configurazione pagine di download
                      • Modulo Sitemap
                        • Scheda di configurazione Mappa
                        • Tipo di mappa
                        • Il ``punto di partenza della mappa
                          • Modulo News
                            • Inserimento e modifica di news
                            • Modalitagrave Relations
                            • News collegata a URL esterna e a pagina interna
                            • Eliminazione delle News
                            • Ordinamento delle News e ricerca
                              • Modulo Eventi
                                • Scopo del modulo Eventi
                                • Il Backend ndash Modulo Pagina
                                • Il Backend ndash Modulo Lista
                                • Creazione di un evento
Page 49: DocWeb€¦ · per la realizzazione e la gestione di siti web della Pubblica Am-ministrazione. La piattaforma tecnologica utilizzata è il CMS (Content Management System) Open SourceTypo31

DocWeb Release 101

Se si seleziona la checkbox accanto alla voce che eventualmente saragrave inserita questa viene aggiuntaalle informazioni eventualmente giagrave presenti (modalitagrave append) Nellrsquoaltro caso le informazioni sarannosovrascritte

I campi Titolo e Descrizione sono obbligatori mentre il campo Parole chiavi puograve essere valorizzato adiscrezione dellrsquoutente Informazioni su come valorizzare i campi elencati sopra saranno descritte suapposite linee guida

Per completare lrsquoinserimentoaggiornamento delle meta-informazioni riguardanti il file caricato occorrepremere il tasto Send (figura Salva metainformazioni (page 46)) in fondo alla maschera per il salvataggiodelle informazioni

Figura 49 Salva metainformazioni

Tornando alla maschera di caricamento file e selezionando la checkbox in corrispondenza della voceSovrascrivi file esistenti (figura Carica file sovrascrivendo (page 46)) saragrave possibile aggiornare eventualifile che hanno lo stesso nome di quello che stiamo caricando

Questa procedura egrave utile quando si vuole aggiornare il contenuto di un file che egrave giagrave presente nel DAM

Figura 410 Carica file sovrascrivendo

Nel caso di aggiornamento di un file le meta-informazioni del file rimangono le stesse inserite inprecedenza Come si puograve notare non viene offerta la possibilitagrave di inserirne di nuove

Nel caso in cui un file con lo stesso nome sia giagrave caricato e non si desideri aggiornarlo il file inseritoper ultimo viene rinominato con un suffisso generato automaticamente dal DAM In questo caso la voceSovrascrivi file esistenti non deve essere selezionata (figura Carica file senza sovrascrivere (page 47))

Nellrsquoesempio in figura viene presentata la lista dei file presenti nel mount point selezionato

Da notare la presenza di un file che egrave stato rinominato dal DAM con un suffisso ldquo_01rdquo dato che nellastessa posizione era giagrave presente un file con lo stesso nome

41 Caricamento e Aggiornamento di file 46

DocWeb Release 101

Figura 411 Carica file senza sovrascrivere

41 Caricamento e Aggiornamento di file 47

DocWeb Release 101

42 Ricerca di file allrsquointerno del DAM e modifica delle meta-informazioni

Rimanendo sempre allrsquointerno del modulo Media selezioniamo la voce List egrave possibile effettuare dellericerche dei file e modificare le meta-informazioni associate ai file

Nella figura Backend media list (page 48) distinguiamo

Figura 412 Backend media list

1 Parte relativa ai Mount Point disponibili

2 Parte relativa ai tipi di file caricati nel sistema

3 Schede List Thumbnails Selection Process

Da questa sezione egrave possibile effettuare ricerche sui file caricati nel DAM

Le ricerche che si possono eseguire sono del tipo ldquotrova tutti i file pdf e docrdquo oppure ldquoelenca tutti i filedi tipo immagine ad eccezione dei file con estensione gifrdquo

Per prima cosa facendo click sul nome del tipo file (es gif oppure image) si seleziona solo quel tipo difile e si escludono tutti i criteri selezionati in precedenza

Per aggiungere un altro criterio di ricerca egrave sufficiente selezionare il ldquo+rdquo (punto 1 nella figura Criteri diselezione (page 49)) posto accanto al tipo di file che si vuole selezionare

Con il ldquo-ldquo(punto 2) saragrave possibile rimuovere il tipo di file dai criteri di ricerca

Selezionando ldquo=rdquo (punto 3) egrave possibile introdurre clausole del tipo ldquocerca un file che sia doc e presentenel Mount Point chiamato lsquoArea Testrsquordquo (ossia effettua una ricerca che risponda a tutti i criteri impostati)

Nellrsquoesempio della figura Salva selezione (page 49) sono stati selezionati tutti i tipi di immagine adeccezione dei file con estensione gif Questo risultato si ottiene nel seguente modo

1 selezionare il ldquo+rdquo accanto alla voce ldquoimagerdquo

2 premendo il tasto ldquo-ldquo in corrispondenza della voce ldquogifrdquo

I criteri impostati per la selezione possono essere salvati per un uso futuro Per salvare la selezioneoccorre (figura Salva selezione (page 49))

1 riempire il campo sotto la voce SELECTION con un nome che identifichi la ricerca

2 premere il tasto Save per salvare la modalitagrave di ricerca impostata

In questo modo saragrave possibile richiamare e rieseguire la ricerca impostata anche in futuro senza doverripetere il procedimento di scelta dei criteri mostrato in precedenza

42 Ricerca di file allrsquointerno del DAM e modifica delle meta-informazioni 48

DocWeb Release 101

Figura 413 Criteri di selezione

Figura 414 Salva selezione

42 Ricerca di file allrsquointerno del DAM e modifica delle meta-informazioni 49

DocWeb Release 101

Se in futuro saranno inseriti nuovi file che soddisfano la ricerca salvata questi verranno selezionati quandoverragrave richiamata la ricerca salvata

Dalla figura Ricerca salvata (page 50) egrave possibile notare come richiamare la ricerca salvata In questocaso abbiamo salvato la ricerca con il nome ldquoimmaginisenzagifrdquo

Figura 415 Ricerca salvata

Una volta che si egrave selezionata la ricerca egrave possibile

1 Premere il tasto Load per ricaricare la ricerca precedentemente impostata

2 Premere Remove per rimuovere la ricerca salvata

Una volta effettuata una particolare selezione di file egrave possibile (figura Schede backend media list(page 50))

Figura 416 Schede backend media list

1 vedere il contenuto della selezione (schede List e Thumbnails)

2 vedere i criteri impostati per la ricerca (scheda Selection)

3 modificare le meta-informazioni associate ai file (scheda Process) secondo quanto descritto inprecedenza

Nella figura Scheda selection (page 51) egrave visualizzato come selezionando la scheda Selection egrave possibileprendere visione dei criteri impostati nella ricerca (la ricerca egrave quella dellrsquoesempio precedente)

Selezionando le schede List e Thumbnails dopo avere effettuato una qualsiasi selezione si potrebbe avereuna situazione come quella mostrata nella figura Scheda list (page 51)

Cliccando sullrsquoicona corrispondente ad uno dei file presenti nella lista (selezionato con un cerchio rosso)egrave possibile accedere ad un menugrave contestuale (figura Menu contestuale DAM (page 51))che permette disvolgere le seguenti operazioni

Modifica Offre la possibilitagrave di visualizzare e modificare le meta-informazioni associate al file

Rinomina Selezionando la seguente voce egrave possibile assegnare un altro nome al file che si egrave caricato

Replace file Avvia lrsquooperazione di sostituzione del file

Info Visualizza informazioni relative al file

Cancella Rimuove il file dal DAM

42 Ricerca di file allrsquointerno del DAM e modifica delle meta-informazioni 50

DocWeb Release 101

Figura 417 Scheda selection

Figura 418 Scheda list

Figura 419 Menu contestuale DAM

42 Ricerca di file allrsquointerno del DAM e modifica delle meta-informazioni 51

CAPITOLO 5

Modulo Pagine di download

51 Inserimento e configurazione pagine di download

La creazione di pagine di download egrave utile quando si vuole mettere a disposizione una lista di uno o piugravefile in forma scaricabile

Per creare una pagina di download egrave necessario seguire i seguenti passi

1 Creare una pagina standard

2 Inserire il plugin DAM Download List

3 Configurare il plugin

Per creare una pagina egrave sufficiente entrare nel modulo Pagina e selezionare Crea nuovo record per accederealla finestra di creazione pagine

Nellrsquoesempio in figura Backend creazione contenuto (page 52) egrave stata creata la pagina denominata ldquoPaginadownloadrdquo come figlio della pagina ldquoPagina di provardquo

Figura 51 Backend creazione contenuto

Una volta creata la pagina occorre configurarla in maniera tale da permettere la visualizzazione di unalista di file scaricabili Per fare ciograve occorre inserire un plugin denominato ldquoDAM Download Listrdquo Unplugin egrave un contenuto speciale da inserire in una pagina

52

DocWeb Release 101

Per inserirlo come per un contenuto occorre seguire i seguenti passi (figura Backend creazione contenuto(page 52))

1 Selezionare la pagina in cui inserire il plugin Nellrsquoesempio la pagina denominata ldquoPaginadownloadrdquo

2 Selezionare la voce Clicca qui per il wizard nella maschera che compare quando si vuole inserire unnuovo record

Figura 52 Wizard nuovo contenuto

Oltre ai normali contenuti standard il wizard permette di selezionare (figura Wizard nuovo contenuto(page 53))

1 Contenuti speciali

2 Moduli

3 Plugins

Allrsquointerno della lista dei Plugins selezionare DAM Lista dei file scaricabili (punto 4 nella figura Wizardnuovo contenuto (page 53))

Dopo aver selezionato il plugin occorreragrave selezionare la posizione della pagina in cui inserire lrsquoelemento

Selezionare ldquoNormalerdquo

A questo punto il plugin egrave inserito nella pagina desiderata

51 Inserimento e configurazione pagine di download 53

DocWeb Release 101

Oltre allrsquoinserimento occorre configurare il plugin in modo da dirgli quali file far visualizzare

Una volta che il plugin viene inserito viene aperta una finestra (figura Contenuto pagina (page 54)) doveviene richiesto di selezionare dei file inseriti nel sistema

Figura 53 Contenuto pagina

Per proseguire correttamente egrave necessario salvare immediatamente il Contenuto Pagina altrimenti leoperazioni successive potrebbero andare perse

Per inserire i file nella lista occorre effettuare la seguente operazione (figura Contenuto pagina (page 54))

1 Nella parte della maschera denominata DAM Lista di file scaricabili selezionare lrsquoicona SfogliaRecord (cerchiata in rosso) per avviare la procedura di selezione dei file

Selezionando la voce Sfoglia Record verragrave aperto lrsquoElement Browser di TYPO3 che ci permette di se-lezionare i file da inserire nel plugin La finestra (figura Element browser (page 55)) egrave composta di dueschede

1 Media ndash permette di selezionare i file giagrave esistenti nel sistema

2 Upload ndash permette di caricare nuovi file

Selezionando la sezione Media egrave possibile selezionare dalla lista i file da inserire

51 Inserimento e configurazione pagine di download 54

DocWeb Release 101

Figura 54 Element browser

Se la lista dei file fosse troppo lunga egrave possibile effettuare delle ricerche per nome e per tipologia di file(doc htm )

Per cercare per nome (figura Ricerca per nome (page 55)) occorre inserire nella casella di testo Cercastringa (punto 1 nella figura sopra) il nome o parte del nome del file da cercare Una volta specificata lastringa di ricerca premere il tasto Cerca (punto 2)

Figura 55 Ricerca per nome

Per cercare un particolare tipo di file selezionare il nome dellrsquoestensione che si desidera dallrsquoelenco deitipi di file (figura Ricerca per tipo (page 56))

Nota I due tipi di ricerca possono essere usati contemporaneamente

Selezionando la voce informazioni (punto 1 nella figura Selezione file (page 56)) egrave possibile visualizzarele meta-informazioni associate al file

Premendo con il mouse sul nome del file (punto 2) o sullrsquoicona associata (punto 3) si inserisce il file nellalista dei file da far visualizzare nella pagina di download mediante lrsquoapposito plugin

Selezionando la scheda Upload si puograve inserire un file non presente nel sistema (figura Caricamentoimmediato file (page 56))

51 Inserimento e configurazione pagine di download 55

DocWeb Release 101

Figura 56 Ricerca per tipo

Figura 57 Selezione file

Figura 58 Caricamento immediato file

51 Inserimento e configurazione pagine di download 56

DocWeb Release 101

Scegliere i file dal proprio PC seguendo le operazioni giagrave descritte nel modulo DAM e selezionare dallascheda Media i nuovi file inseriti

Nella figura Plugin con file selezionati (page 57) egrave visualizzato un esempio di maschera di configurazionedel plugin con la lista dei file selezionati

Figura 59 Plugin con file selezionati

I file una volta inseriti possono essere ordinati selezionando sugli appositi bottoni posti a destra dellalista file

bull Per ordinare un determinato file occorre

bull Selezionare un file

Premere uno dei tasti (figura sopra) per

1 Spostare in prima posizione

2 Spostare in alto di una posizione

3 Spostare in basso di una posizione

4 Spostare in ultima posizione

5 Rimuovere dalla lista il file selezionato

Una volta eseguiti i passaggi sopra descritti salvare la configurazione del plugin

51 Inserimento e configurazione pagine di download 57

CAPITOLO 6

Modulo Sitemap

Ersquo possibile generare una mappa del sito scegliendo un contenuto speciale di tipo ldquoMappa del Sitordquo comemostrato nella figura Contenuto mappa del sito (page 58)

Figura 61 Contenuto mappa del sito

Per scegliere un record di tipo ldquomappa del sitordquo (per visualizzare cioegrave la vista dei contenuti possibili)saragrave necessario portarsi in modalitagrave ldquopaginardquo compiendo gli stessi passaggi descritti per la creazione dicontenuti semplici in fase di creazione delle pagine (in questo caso selezionando il contenuto specialemappa)

58

DocWeb Release 101

61 Scheda di configurazione Mappa

La scheda di configurazione si presenta come nella figura Scheda mappa del sito (page 59)

Figura 62 Scheda mappa del sito

I campi fondamentali da personalizzare sono lrsquointestazione (ossia il titolo pagina) il tipo di menugrave e ilpunto di partenza Nellrsquointestazione viene inserito come di consuetudine il titolo pagina

62 Tipo di mappa

Ersquo possibile scegliere il tipo di mappa che si desidera creare consultando il menugrave a tendina ldquotipo di menugraverdquoche ci offriragrave diverse opzioni

Le piugrave frequentemente usate sono di tipo ldquoMenugrave delle sottopagine rdquo come indicato nella figura Tipo dimenu (page 60)

Menugrave delle sottopagine di queste pagine Scegliendo questa opzione da una pagina padre sigenereragrave un record che mostreragrave al suo interno tutte le sottovoci figlio con relativo link

Menugrave delle sottopagine di queste pagine (con abstract) Genera una mappa sia delle sottopagineche dei sottotitoli

Menugrave delle sottopagine di queste pagine + sezioni Genera una mappa sia delle sottopagine chedei record (link alle intestazioni dei singoli record)

Selezionando voci di menugrave di sottopagine egrave anche possibile stabilire un determinato punto di partenzasfogliando lrsquoapposito record

61 Scheda di configurazione Mappa 59

DocWeb Release 101

Figura 63 Tipo di menu

63 Il ldquopunto di partenzardquo della mappa

Il ldquopunto di partenzardquo dei Menugrave delle sottopagine Scheda mappa del sito (page 59) costituisce la paginadalla quale il sistema partiragrave per creare la mappa

Si potragrave quindi creare una mappa (di tipo menugrave delle sottopagine) che mostri solamente il percorso diquella porzione di menugrave che si intende mostrare

63 Il ldquopunto di partenzardquo della mappa 60

CAPITOLO 7

Modulo News

71 Inserimento e modifica di news

Alcune sezioni del nostro sito potrebbero essere state configurate per permettere la visualizzazione dinotizie

Per poter visualizzare le news correttamente occorre che queste ultime vengano inserite in una determi-nata posizione allrsquointerno del backend Da questa posizione che chiameremo repository delle news lenostre pagine andranno a prelevare le news da visualizzare al loro interno

Figura 71 Backend news

Nellrsquoesempio presentato nella figura Backend news (page 61) distinguiamo

1 il repository delle news che egrave stato creato

2 Un esempio di come potrebbe apparire il contenuto del repository delle news (lista delle news)

Per poter visualizzare il contenuto del repository delle news occorre seguire i seguenti passi

1 entrare nel modulo Pagina

61

DocWeb Release 101

2 selezionare il repository delle news corrispondente (nellrsquoesempio della figura Backend news (page 61)il Repository delle news si chiama ldquoNews Area Testrdquo)

Poniamo ora la nostra attenzione alla lista delle news (figura Lista news (page 62)) Da qui egrave possibile

bull Inserire una nuova notizia

bull Modificare le notizie giagrave esistenti

Per inserire una nuova notizia occorre selezionare la voce Crea nuovo record (figura Lista news (page 62))posta in fondo alla lista delle news

Figura 72 Lista news

A questo punto si apre la finestra di creazione Nuovo record da cui occorre selezionare la voce News(figura Nuovo record news (page 62))

Figura 73 Nuovo record news

Eseguendo le operazioni sopra descritte si accede alla maschera di inserimento news (figura Inserimentonews scheda generale (page 63))

Questa si compone di due schede una denominata Generale e unrsquoaltra denominata Relations

Nella scheda Generale egrave possibile inserire

Titolo in questo spazio egrave possibile specificare un titolo della news

Nascondi questo controllo determina se la news egrave pubblicabile oppure no Come avviene per le pagineanche per le news egrave consigliabile tenere la news nascosta durante la lavorazione Facciamo notare

71 Inserimento e modifica di news 62

DocWeb Release 101

Figura 74 Inserimento news scheda generale

71 Inserimento e modifica di news 63

DocWeb Release 101

che appena viene aperta la maschera di inserimento di una nuova news il controllo appare giagrave instato nascosto

Dataora in questo spazio viene indicata la data e lrsquoora della creazione della news in base ai parametridi sistema

Data Archiviazione in questo spazio viene inserita la data di Archiviazione di una news

Autore permette di specificare un autore della news

Email permette di specificare un e-mail a cui fare riferimento

Sottointestazione questo campo conterragrave una breve descrizione (abstract) della news La sottointes-tazione egrave quella parte della news che compare quando viene visualizzata la lista delle news e serveper dare una breve descrizione al contenuto della news (si veda Esempio news (page 64))

Figura 75 Esempio news

Durante lrsquoinserimento di una news egrave consigliabile specificare sempre una sottointestazione

Testo egrave il campo che contiene il contenuto vero e proprio della news Egrave possibile utilizzare tutte lefunzionalitagrave messe a disposizione dallrsquoeditor RTE

72 Modalitagrave Relations

Nella modalitagrave Relations (figura Inserimento news scheda relations (page 65)) egrave possibile inserire

Immagini contiene una lista di immagini da associare alla news Il procedimento per la se-lezionecaricamento delle immagini egrave stato descritto nella parte dedicata alla creazione di paginedi download a cui vi rimandiamo

Didascalia permette di specificare una descrizione per lrsquoimmagine associata alla news

Image alttext e Image titletext permette di specificare un testo che in visualizzazione (Frontend)compariragrave al passaggio del mouse sopra lrsquoimmagine

News correlate permette di specificare news o pagine del sito da associare alla news Il procedimentodi selezione delle news da associare alla notizia saragrave spiegato successivamente

DAM elements permette di assegnare alla news dei documenti da scaricare come per esempioil programma di un determinato evento Anche in questo caso il procedimento per la se-lezionecaricamento dei documenti egrave quello giagrave descritto nella parte dedicata alla creazione dipagine di download

Descriviamo il procedimento da seguire per associare alcune pagine o alcune news alla notizia che stiamoinserendo

Premere il tasto di Sfoglia Record evidenziato nella figura Sfoglia record news (page 65)

Verragrave aperta una finestra che contiene un Element Browser che ci permette di selezionare le newspagine(figura Element browser news (page 66)) da associare

La finestra di selezione si suddivide nelle seguenti parti (figura sopra)

Alberatura del sito da cui egrave possibile esplorare gli elementi del nostro sito (pagine sysfolder )Premendo con il tasto sinistro del mouse sul nome della pagina o sulla freccia corrispondente verragraveaggiornata la parte di destra della finestra in cui egrave inserita la lista degli elementi associabili

72 Modalitagrave Relations 64

DocWeb Release 101

Figura 76 Inserimento news scheda relations

Figura 77 Sfoglia record news

72 Modalitagrave Relations 65

DocWeb Release 101

Figura 78 Element browser news

Lista degli elementi associabili egrave quindi possibile selezionare gli elementi da associare alla newsPer associare un elemento si puograve selezionare il simbolo ldquo+rdquo posto accanto allrsquoelemento desideratoo agendo sul nome del file Nel primo caso lrsquoelemento viene aggiunto ma la finestra non si chiuderagrave(utile per effettuare selezioni multiple) mentre nel secondo caso lrsquoelemento viene aggiunto e lafinestra si chiuderagrave (selezione singola)

Nota Per associare una o piugrave news alla notizia che stiamo inserendo occorreragrave innanzitutto selezionareil repository delle news e utilizzando i metodi descritti in precedenza indicare le news di interesse

Nella figura Selezione repository (page 66) viene visualizzato come appare lrsquoElement Browser dopo averselezionato il repository delle news denominato ldquoNews Corso Typo3rdquo

Figura 79 Selezione repository

Una volta ultimato il procedimento di inserimento di una news vedremo che nel repository compariragrave(figura News nel repository (page 67)) anche quella da noi creata Nellrsquoesempio la news creata si chiamaldquoTitolo della news di provardquo

Dalla lista delle news possiamo notare che i diversi tipi di news sono contrassegnati con icone diverse

In particolare distinguiamo

72 Modalitagrave Relations 66

DocWeb Release 101

Figura 710 News nel repository

bull News (icona ldquocelestinardquo)

bull Collegamento a URL esterna (icona ldquorosardquo)

bull Collegamento a pagina interna (icona ldquogiallinardquo)

Per modificare il contenuto di una news egrave sufficiente selezionare il simbolo di modifica (figura Modificanews (page 67)) in corrispondenza della news da modificare

Figura 711 Modifica news

73 News collegata a URL esterna e a pagina interna

Attraverso la selezione della finestra ldquoTipordquo egrave possibile scegliere diverse tipologie di news

Nella figura News collegata a url esterna (page 68) egrave stato selezionato il Collegamento a URL esterna checi offriragrave la possibilitagrave di specificare un link (ldquoURL esternordquo) da far visualizzare e che saragrave contraddistintain lista da lrsquoicona di colore rosa

Selezionando il Collegamento a pagina interna viene offerta la possibilitagrave di inserire un collegamento auna pagina del sito (evidenziato nella figura News collegata a pagina interna (page 69))

La news si presenteragrave con icona di color ldquogiallordquo e al suo interno conterragrave un link alla pagina interna alsito

73 News collegata a URL esterna e a pagina interna 67

DocWeb Release 101

Figura 712 News collegata a url esterna

73 News collegata a URL esterna e a pagina interna 68

DocWeb Release 101

Figura 713 News collegata a pagina interna

73 News collegata a URL esterna e a pagina interna 69

DocWeb Release 101

74 Eliminazione delle News

Per eliminare una news possiamo procedere tra lrsquoaltro in due modi

1 Selezionare la news da eliminare dallrsquoelenco e selezionare la voce ldquocancellardquo dal menugrave a tendinaconsultabile cliccando con il pulsante destro sullrsquoicona in corrispondenza della news (figura Eliminanews da menu contestuale (page 70))

Figura 714 Elimina news da menu contestuale

2 Entrare allrsquointerno della modalitagrave di modifica della news attraverso lrsquoicona ldquomatitardquo e selezionare lrsquoi-cona raffigurante il bidone di elimina posta in alto pagina (figura Elimina news da scheda contenuto(page 70))

Figura 715 Elimina news da scheda contenuto

75 Ordinamento delle News e ricerca

Puograve essere necessario durante la visualizzazione della lista delle news (lato backend) di dover effettuaredegli ordinamenti al fine di permettere una ricerca piugrave veloce delle news da modificare

74 Eliminazione delle News 70

DocWeb Release 101

Avvertimento Lrsquoordinamento ha valore solo come ricerca allrsquointerno del backend mentre latofrontend rispecchieragrave i parametri prestabiliti dal sistema

Supponiamo per esempio di voler effettuare un ordinamento per Titolo Seguiamo i seguenti passi(figura sotto)

1 Selezionare la voce di menugrave Lista

2 Selezionare il deposito delle news (repository) News Corso Typo3

3 Cliccare con il mouse in corrispondenza della voce ldquoTitolordquo

A questo punto (figura Ordinamento news (page 71)) le news vengono ordinate in ordine crescente(vengono visualizzate prima le news con titolo che inizia con la lettera a b e cosigrave via)

Figura 716 Ordinamento news

Se clicchiamo unrsquoaltra volta sulla voce ldquoTitolordquo il tipo di ordinamento cambia da crescente a decrescente(compariranno per prima le news con titolo che inizia per z )

Egrave inoltre possibile ordinare secondo campo da noi specificato Per definire il nome di un campo (ad estesto inizio autore ) su cui effettuare lrsquoordinamento occorreragrave spostarsi in fondo alla lista delle newsdove troveremo una lista di campi (figura Mostra campo aggiuntivo news (page 71))

Figura 717 Mostra campo aggiuntivo news

Dalla lista possiamo

bull Selezionare la voce in base alla quale effettuare lrsquoordinamento (ad esempio Immagini)

bull Premere il tasto Imposta campi per aggiungere alla lista dei campi visualizzati quello selezionato

75 Ordinamento delle News e ricerca 71

DocWeb Release 101

A questo punto il campo selezionato (nel nostro esempio il campo Immagini) compare nella lista dellenews (il campo aggiunto egrave evidenziato con un riquadro in alto a destra nella figura Ordinamento campoaggiuntivo news (page 72))

Figura 718 Ordinamento campo aggiuntivo news

Effettuare le stesse operazioni illustrate per il campo Titolo per ordinare in modo crescente e decrescentele news secondo il criterio impostato (click pulsante sinistro sul nome etichetta)

Egrave anche possibile ricercare le news in base al testo contenuto nel titolo sottotitolo descrizione eccUtilizzando la maschera di ricerca in fondo pagina (evidenziata nella figura Ricerca news (page 72))

Figura 719 Ricerca news

Per effettuare una ricerca egrave necessario seguire i seguenti passi

1 Inserire nel campo Cerca Stringa il testo da cercare (nel nostro esempio ldquonequerdquo)

2 Premere il tasto Cerca per eseguire la ricerca secondo i criteri impostati

In questo modo nella lista delle news compariranno solo quelle che contengono il testo specificatoEffettuata la ricerca egrave possibile effettuare degli ordinamenti come spiegato in precedenza

75 Ordinamento delle News e ricerca 72

CAPITOLO 8

Modulo Eventi

Avvertimento SEZIONE NON COMPLETA

Si confrontino i seguenti due tipi di contenuti

Evento egrave un tipo di contenuto adatto a descrivere qualcosa che accadragrave o che egrave accaduto in una certadata La data o le date in cui lrsquoevento ricorre sono strettamente legate ad un luogo in cui lrsquoeventosi verificheragravesi egrave verificato Gli eventi vengono rappresentati mediante la metafora dellrsquoagenda edel calendario

Notizia egrave un tipo di contenuto caratterizzato dalla data di pubblicazione secondo la metafora delgiornale online E come in un giornale online una notizia puograve riferirsi sia a fatti giagrave accaduti chea fatti a venire

Nota Per comprendere meglio la differenza tra i due tipi di contenuto si pensi che dato un eventoche ha una certa data di svolgimento (ad es 20 maggio) di tale evento posso realizzare piugrave di unanotizia Rimanendo nellrsquoesempio potrei pubblicare una notizia il 10 maggio per preannunciare lrsquoeventoe poi unrsquoaltra il 18 maggio per ricordarne lrsquoimminenza Infine potrei pubblicare una notizia di riepilogo(cronaca dellrsquoevento immagini ecc) il 22 maggio

81 Scopo del modulo Eventi

Il visitatore del sito deve poter cogliere le informazioni essenziali di un evento

bull Cosa sta per succedere

bull Dove accadragrave

bull Quando accadragrave

82 Il Backend ndash Modulo Pagina

Vedi figura Eventi vista modulo pagina (page 74)

83 Il Backend ndash Modulo Lista

Vedi figura Eventi vista modulo lista (page 74)

73

DocWeb Release 101

Figura 81 Eventi vista modulo pagina

Figura 82 Eventi vista modulo lista

83 Il Backend ndash Modulo Lista 74

DocWeb Release 101

84 Creazione di un evento

Prima di procedere poniamoci qualche domanda

bull Lrsquoevento appartiene a qualche rassegna iniziativa per la quale sono in programma altri eventiPer esempio

ndash Rassegne teatrali cinematografiche

ndash Festival

bull Lrsquoevento si ripete

ndash La replica avviene sempre nello stesso luogo

841 Creazione del record

Vedi figura Creazione nuovo evento (page 75)

Vedi figura Creazione nuovo record evento (page 76)

Figura 83 Creazione nuovo evento

842 Scheda ldquoGeneralerdquo

Vedi figura Evento scheda generale (page 76)

843 Scheda ldquoFinestra temporalerdquo

Orario repliche

Vedi figura Evento finestra temporale (page 78)

84 Creazione di un evento 75

DocWeb Release 101

Figura 84 Creazione nuovo record evento

Figura 85 Evento scheda generale

84 Creazione di un evento 76

DocWeb Release 101

bull Lrsquoorario va solo per le Finestre temporali di un giorno (data inizio = data fine)

bull Se non si conosce lrsquoora della fine impostare ora inizio = ora fine

844 Scheda ldquoTestordquo

Vedi figura Evento scheda testo (page 79)

84 Creazione di un evento 77

DocWeb Release 101

Figura 86 Evento finestra temporale

84 Creazione di un evento 78

DocWeb Release 101

Figura 87 Evento scheda testo84 Creazione di un evento 79

  • Introduzione
    • Cosegrave DocWeb
    • Concetti chiave
      • Funzionalitagrave di Base
        • Il CMS Typo3 ldquobackendrdquo e ldquofrontendrdquo
        • Cambio password di accesso
        • Albero delle pagine
        • Implementazione delle pagine ldquogenitori rdquo e ldquofiglirdquo
        • Inserimento Nuova pagina
        • Elementi standard della pagina
        • Inserimento contenuti di una pagina
        • Contenuti multipli allrsquointerno di una pagina
        • Modifica dei contenuti della pagina
        • Spostamento di pagine
        • Eliminazione pagine
        • Rich Text Editor
        • Modalitagrave Lista
        • Modalitagrave Mostra
        • Modalitagrave ldquoMonta come radice dellrsquoalberordquo
        • Ottenere il page-id di una pagina
        • Admin Panel
          • La Clipboard
            • Copia o spostamento di un contenuto singolo di pagina allrsquointerno di unrsquoaltra pagina
            • Copia o spostamento di piugrave contenuti da una pagina ad unrsquoaltra
              • Modulo DAM (Digital Asset Management)
                • Caricamento e Aggiornamento di file
                • Ricerca di file allrsquointerno del DAM e modifica delle meta-informazioni
                  • Modulo Pagine di download
                    • Inserimento e configurazione pagine di download
                      • Modulo Sitemap
                        • Scheda di configurazione Mappa
                        • Tipo di mappa
                        • Il ``punto di partenza della mappa
                          • Modulo News
                            • Inserimento e modifica di news
                            • Modalitagrave Relations
                            • News collegata a URL esterna e a pagina interna
                            • Eliminazione delle News
                            • Ordinamento delle News e ricerca
                              • Modulo Eventi
                                • Scopo del modulo Eventi
                                • Il Backend ndash Modulo Pagina
                                • Il Backend ndash Modulo Lista
                                • Creazione di un evento
Page 50: DocWeb€¦ · per la realizzazione e la gestione di siti web della Pubblica Am-ministrazione. La piattaforma tecnologica utilizzata è il CMS (Content Management System) Open SourceTypo31

DocWeb Release 101

Figura 411 Carica file senza sovrascrivere

41 Caricamento e Aggiornamento di file 47

DocWeb Release 101

42 Ricerca di file allrsquointerno del DAM e modifica delle meta-informazioni

Rimanendo sempre allrsquointerno del modulo Media selezioniamo la voce List egrave possibile effettuare dellericerche dei file e modificare le meta-informazioni associate ai file

Nella figura Backend media list (page 48) distinguiamo

Figura 412 Backend media list

1 Parte relativa ai Mount Point disponibili

2 Parte relativa ai tipi di file caricati nel sistema

3 Schede List Thumbnails Selection Process

Da questa sezione egrave possibile effettuare ricerche sui file caricati nel DAM

Le ricerche che si possono eseguire sono del tipo ldquotrova tutti i file pdf e docrdquo oppure ldquoelenca tutti i filedi tipo immagine ad eccezione dei file con estensione gifrdquo

Per prima cosa facendo click sul nome del tipo file (es gif oppure image) si seleziona solo quel tipo difile e si escludono tutti i criteri selezionati in precedenza

Per aggiungere un altro criterio di ricerca egrave sufficiente selezionare il ldquo+rdquo (punto 1 nella figura Criteri diselezione (page 49)) posto accanto al tipo di file che si vuole selezionare

Con il ldquo-ldquo(punto 2) saragrave possibile rimuovere il tipo di file dai criteri di ricerca

Selezionando ldquo=rdquo (punto 3) egrave possibile introdurre clausole del tipo ldquocerca un file che sia doc e presentenel Mount Point chiamato lsquoArea Testrsquordquo (ossia effettua una ricerca che risponda a tutti i criteri impostati)

Nellrsquoesempio della figura Salva selezione (page 49) sono stati selezionati tutti i tipi di immagine adeccezione dei file con estensione gif Questo risultato si ottiene nel seguente modo

1 selezionare il ldquo+rdquo accanto alla voce ldquoimagerdquo

2 premendo il tasto ldquo-ldquo in corrispondenza della voce ldquogifrdquo

I criteri impostati per la selezione possono essere salvati per un uso futuro Per salvare la selezioneoccorre (figura Salva selezione (page 49))

1 riempire il campo sotto la voce SELECTION con un nome che identifichi la ricerca

2 premere il tasto Save per salvare la modalitagrave di ricerca impostata

In questo modo saragrave possibile richiamare e rieseguire la ricerca impostata anche in futuro senza doverripetere il procedimento di scelta dei criteri mostrato in precedenza

42 Ricerca di file allrsquointerno del DAM e modifica delle meta-informazioni 48

DocWeb Release 101

Figura 413 Criteri di selezione

Figura 414 Salva selezione

42 Ricerca di file allrsquointerno del DAM e modifica delle meta-informazioni 49

DocWeb Release 101

Se in futuro saranno inseriti nuovi file che soddisfano la ricerca salvata questi verranno selezionati quandoverragrave richiamata la ricerca salvata

Dalla figura Ricerca salvata (page 50) egrave possibile notare come richiamare la ricerca salvata In questocaso abbiamo salvato la ricerca con il nome ldquoimmaginisenzagifrdquo

Figura 415 Ricerca salvata

Una volta che si egrave selezionata la ricerca egrave possibile

1 Premere il tasto Load per ricaricare la ricerca precedentemente impostata

2 Premere Remove per rimuovere la ricerca salvata

Una volta effettuata una particolare selezione di file egrave possibile (figura Schede backend media list(page 50))

Figura 416 Schede backend media list

1 vedere il contenuto della selezione (schede List e Thumbnails)

2 vedere i criteri impostati per la ricerca (scheda Selection)

3 modificare le meta-informazioni associate ai file (scheda Process) secondo quanto descritto inprecedenza

Nella figura Scheda selection (page 51) egrave visualizzato come selezionando la scheda Selection egrave possibileprendere visione dei criteri impostati nella ricerca (la ricerca egrave quella dellrsquoesempio precedente)

Selezionando le schede List e Thumbnails dopo avere effettuato una qualsiasi selezione si potrebbe avereuna situazione come quella mostrata nella figura Scheda list (page 51)

Cliccando sullrsquoicona corrispondente ad uno dei file presenti nella lista (selezionato con un cerchio rosso)egrave possibile accedere ad un menugrave contestuale (figura Menu contestuale DAM (page 51))che permette disvolgere le seguenti operazioni

Modifica Offre la possibilitagrave di visualizzare e modificare le meta-informazioni associate al file

Rinomina Selezionando la seguente voce egrave possibile assegnare un altro nome al file che si egrave caricato

Replace file Avvia lrsquooperazione di sostituzione del file

Info Visualizza informazioni relative al file

Cancella Rimuove il file dal DAM

42 Ricerca di file allrsquointerno del DAM e modifica delle meta-informazioni 50

DocWeb Release 101

Figura 417 Scheda selection

Figura 418 Scheda list

Figura 419 Menu contestuale DAM

42 Ricerca di file allrsquointerno del DAM e modifica delle meta-informazioni 51

CAPITOLO 5

Modulo Pagine di download

51 Inserimento e configurazione pagine di download

La creazione di pagine di download egrave utile quando si vuole mettere a disposizione una lista di uno o piugravefile in forma scaricabile

Per creare una pagina di download egrave necessario seguire i seguenti passi

1 Creare una pagina standard

2 Inserire il plugin DAM Download List

3 Configurare il plugin

Per creare una pagina egrave sufficiente entrare nel modulo Pagina e selezionare Crea nuovo record per accederealla finestra di creazione pagine

Nellrsquoesempio in figura Backend creazione contenuto (page 52) egrave stata creata la pagina denominata ldquoPaginadownloadrdquo come figlio della pagina ldquoPagina di provardquo

Figura 51 Backend creazione contenuto

Una volta creata la pagina occorre configurarla in maniera tale da permettere la visualizzazione di unalista di file scaricabili Per fare ciograve occorre inserire un plugin denominato ldquoDAM Download Listrdquo Unplugin egrave un contenuto speciale da inserire in una pagina

52

DocWeb Release 101

Per inserirlo come per un contenuto occorre seguire i seguenti passi (figura Backend creazione contenuto(page 52))

1 Selezionare la pagina in cui inserire il plugin Nellrsquoesempio la pagina denominata ldquoPaginadownloadrdquo

2 Selezionare la voce Clicca qui per il wizard nella maschera che compare quando si vuole inserire unnuovo record

Figura 52 Wizard nuovo contenuto

Oltre ai normali contenuti standard il wizard permette di selezionare (figura Wizard nuovo contenuto(page 53))

1 Contenuti speciali

2 Moduli

3 Plugins

Allrsquointerno della lista dei Plugins selezionare DAM Lista dei file scaricabili (punto 4 nella figura Wizardnuovo contenuto (page 53))

Dopo aver selezionato il plugin occorreragrave selezionare la posizione della pagina in cui inserire lrsquoelemento

Selezionare ldquoNormalerdquo

A questo punto il plugin egrave inserito nella pagina desiderata

51 Inserimento e configurazione pagine di download 53

DocWeb Release 101

Oltre allrsquoinserimento occorre configurare il plugin in modo da dirgli quali file far visualizzare

Una volta che il plugin viene inserito viene aperta una finestra (figura Contenuto pagina (page 54)) doveviene richiesto di selezionare dei file inseriti nel sistema

Figura 53 Contenuto pagina

Per proseguire correttamente egrave necessario salvare immediatamente il Contenuto Pagina altrimenti leoperazioni successive potrebbero andare perse

Per inserire i file nella lista occorre effettuare la seguente operazione (figura Contenuto pagina (page 54))

1 Nella parte della maschera denominata DAM Lista di file scaricabili selezionare lrsquoicona SfogliaRecord (cerchiata in rosso) per avviare la procedura di selezione dei file

Selezionando la voce Sfoglia Record verragrave aperto lrsquoElement Browser di TYPO3 che ci permette di se-lezionare i file da inserire nel plugin La finestra (figura Element browser (page 55)) egrave composta di dueschede

1 Media ndash permette di selezionare i file giagrave esistenti nel sistema

2 Upload ndash permette di caricare nuovi file

Selezionando la sezione Media egrave possibile selezionare dalla lista i file da inserire

51 Inserimento e configurazione pagine di download 54

DocWeb Release 101

Figura 54 Element browser

Se la lista dei file fosse troppo lunga egrave possibile effettuare delle ricerche per nome e per tipologia di file(doc htm )

Per cercare per nome (figura Ricerca per nome (page 55)) occorre inserire nella casella di testo Cercastringa (punto 1 nella figura sopra) il nome o parte del nome del file da cercare Una volta specificata lastringa di ricerca premere il tasto Cerca (punto 2)

Figura 55 Ricerca per nome

Per cercare un particolare tipo di file selezionare il nome dellrsquoestensione che si desidera dallrsquoelenco deitipi di file (figura Ricerca per tipo (page 56))

Nota I due tipi di ricerca possono essere usati contemporaneamente

Selezionando la voce informazioni (punto 1 nella figura Selezione file (page 56)) egrave possibile visualizzarele meta-informazioni associate al file

Premendo con il mouse sul nome del file (punto 2) o sullrsquoicona associata (punto 3) si inserisce il file nellalista dei file da far visualizzare nella pagina di download mediante lrsquoapposito plugin

Selezionando la scheda Upload si puograve inserire un file non presente nel sistema (figura Caricamentoimmediato file (page 56))

51 Inserimento e configurazione pagine di download 55

DocWeb Release 101

Figura 56 Ricerca per tipo

Figura 57 Selezione file

Figura 58 Caricamento immediato file

51 Inserimento e configurazione pagine di download 56

DocWeb Release 101

Scegliere i file dal proprio PC seguendo le operazioni giagrave descritte nel modulo DAM e selezionare dallascheda Media i nuovi file inseriti

Nella figura Plugin con file selezionati (page 57) egrave visualizzato un esempio di maschera di configurazionedel plugin con la lista dei file selezionati

Figura 59 Plugin con file selezionati

I file una volta inseriti possono essere ordinati selezionando sugli appositi bottoni posti a destra dellalista file

bull Per ordinare un determinato file occorre

bull Selezionare un file

Premere uno dei tasti (figura sopra) per

1 Spostare in prima posizione

2 Spostare in alto di una posizione

3 Spostare in basso di una posizione

4 Spostare in ultima posizione

5 Rimuovere dalla lista il file selezionato

Una volta eseguiti i passaggi sopra descritti salvare la configurazione del plugin

51 Inserimento e configurazione pagine di download 57

CAPITOLO 6

Modulo Sitemap

Ersquo possibile generare una mappa del sito scegliendo un contenuto speciale di tipo ldquoMappa del Sitordquo comemostrato nella figura Contenuto mappa del sito (page 58)

Figura 61 Contenuto mappa del sito

Per scegliere un record di tipo ldquomappa del sitordquo (per visualizzare cioegrave la vista dei contenuti possibili)saragrave necessario portarsi in modalitagrave ldquopaginardquo compiendo gli stessi passaggi descritti per la creazione dicontenuti semplici in fase di creazione delle pagine (in questo caso selezionando il contenuto specialemappa)

58

DocWeb Release 101

61 Scheda di configurazione Mappa

La scheda di configurazione si presenta come nella figura Scheda mappa del sito (page 59)

Figura 62 Scheda mappa del sito

I campi fondamentali da personalizzare sono lrsquointestazione (ossia il titolo pagina) il tipo di menugrave e ilpunto di partenza Nellrsquointestazione viene inserito come di consuetudine il titolo pagina

62 Tipo di mappa

Ersquo possibile scegliere il tipo di mappa che si desidera creare consultando il menugrave a tendina ldquotipo di menugraverdquoche ci offriragrave diverse opzioni

Le piugrave frequentemente usate sono di tipo ldquoMenugrave delle sottopagine rdquo come indicato nella figura Tipo dimenu (page 60)

Menugrave delle sottopagine di queste pagine Scegliendo questa opzione da una pagina padre sigenereragrave un record che mostreragrave al suo interno tutte le sottovoci figlio con relativo link

Menugrave delle sottopagine di queste pagine (con abstract) Genera una mappa sia delle sottopagineche dei sottotitoli

Menugrave delle sottopagine di queste pagine + sezioni Genera una mappa sia delle sottopagine chedei record (link alle intestazioni dei singoli record)

Selezionando voci di menugrave di sottopagine egrave anche possibile stabilire un determinato punto di partenzasfogliando lrsquoapposito record

61 Scheda di configurazione Mappa 59

DocWeb Release 101

Figura 63 Tipo di menu

63 Il ldquopunto di partenzardquo della mappa

Il ldquopunto di partenzardquo dei Menugrave delle sottopagine Scheda mappa del sito (page 59) costituisce la paginadalla quale il sistema partiragrave per creare la mappa

Si potragrave quindi creare una mappa (di tipo menugrave delle sottopagine) che mostri solamente il percorso diquella porzione di menugrave che si intende mostrare

63 Il ldquopunto di partenzardquo della mappa 60

CAPITOLO 7

Modulo News

71 Inserimento e modifica di news

Alcune sezioni del nostro sito potrebbero essere state configurate per permettere la visualizzazione dinotizie

Per poter visualizzare le news correttamente occorre che queste ultime vengano inserite in una determi-nata posizione allrsquointerno del backend Da questa posizione che chiameremo repository delle news lenostre pagine andranno a prelevare le news da visualizzare al loro interno

Figura 71 Backend news

Nellrsquoesempio presentato nella figura Backend news (page 61) distinguiamo

1 il repository delle news che egrave stato creato

2 Un esempio di come potrebbe apparire il contenuto del repository delle news (lista delle news)

Per poter visualizzare il contenuto del repository delle news occorre seguire i seguenti passi

1 entrare nel modulo Pagina

61

DocWeb Release 101

2 selezionare il repository delle news corrispondente (nellrsquoesempio della figura Backend news (page 61)il Repository delle news si chiama ldquoNews Area Testrdquo)

Poniamo ora la nostra attenzione alla lista delle news (figura Lista news (page 62)) Da qui egrave possibile

bull Inserire una nuova notizia

bull Modificare le notizie giagrave esistenti

Per inserire una nuova notizia occorre selezionare la voce Crea nuovo record (figura Lista news (page 62))posta in fondo alla lista delle news

Figura 72 Lista news

A questo punto si apre la finestra di creazione Nuovo record da cui occorre selezionare la voce News(figura Nuovo record news (page 62))

Figura 73 Nuovo record news

Eseguendo le operazioni sopra descritte si accede alla maschera di inserimento news (figura Inserimentonews scheda generale (page 63))

Questa si compone di due schede una denominata Generale e unrsquoaltra denominata Relations

Nella scheda Generale egrave possibile inserire

Titolo in questo spazio egrave possibile specificare un titolo della news

Nascondi questo controllo determina se la news egrave pubblicabile oppure no Come avviene per le pagineanche per le news egrave consigliabile tenere la news nascosta durante la lavorazione Facciamo notare

71 Inserimento e modifica di news 62

DocWeb Release 101

Figura 74 Inserimento news scheda generale

71 Inserimento e modifica di news 63

DocWeb Release 101

che appena viene aperta la maschera di inserimento di una nuova news il controllo appare giagrave instato nascosto

Dataora in questo spazio viene indicata la data e lrsquoora della creazione della news in base ai parametridi sistema

Data Archiviazione in questo spazio viene inserita la data di Archiviazione di una news

Autore permette di specificare un autore della news

Email permette di specificare un e-mail a cui fare riferimento

Sottointestazione questo campo conterragrave una breve descrizione (abstract) della news La sottointes-tazione egrave quella parte della news che compare quando viene visualizzata la lista delle news e serveper dare una breve descrizione al contenuto della news (si veda Esempio news (page 64))

Figura 75 Esempio news

Durante lrsquoinserimento di una news egrave consigliabile specificare sempre una sottointestazione

Testo egrave il campo che contiene il contenuto vero e proprio della news Egrave possibile utilizzare tutte lefunzionalitagrave messe a disposizione dallrsquoeditor RTE

72 Modalitagrave Relations

Nella modalitagrave Relations (figura Inserimento news scheda relations (page 65)) egrave possibile inserire

Immagini contiene una lista di immagini da associare alla news Il procedimento per la se-lezionecaricamento delle immagini egrave stato descritto nella parte dedicata alla creazione di paginedi download a cui vi rimandiamo

Didascalia permette di specificare una descrizione per lrsquoimmagine associata alla news

Image alttext e Image titletext permette di specificare un testo che in visualizzazione (Frontend)compariragrave al passaggio del mouse sopra lrsquoimmagine

News correlate permette di specificare news o pagine del sito da associare alla news Il procedimentodi selezione delle news da associare alla notizia saragrave spiegato successivamente

DAM elements permette di assegnare alla news dei documenti da scaricare come per esempioil programma di un determinato evento Anche in questo caso il procedimento per la se-lezionecaricamento dei documenti egrave quello giagrave descritto nella parte dedicata alla creazione dipagine di download

Descriviamo il procedimento da seguire per associare alcune pagine o alcune news alla notizia che stiamoinserendo

Premere il tasto di Sfoglia Record evidenziato nella figura Sfoglia record news (page 65)

Verragrave aperta una finestra che contiene un Element Browser che ci permette di selezionare le newspagine(figura Element browser news (page 66)) da associare

La finestra di selezione si suddivide nelle seguenti parti (figura sopra)

Alberatura del sito da cui egrave possibile esplorare gli elementi del nostro sito (pagine sysfolder )Premendo con il tasto sinistro del mouse sul nome della pagina o sulla freccia corrispondente verragraveaggiornata la parte di destra della finestra in cui egrave inserita la lista degli elementi associabili

72 Modalitagrave Relations 64

DocWeb Release 101

Figura 76 Inserimento news scheda relations

Figura 77 Sfoglia record news

72 Modalitagrave Relations 65

DocWeb Release 101

Figura 78 Element browser news

Lista degli elementi associabili egrave quindi possibile selezionare gli elementi da associare alla newsPer associare un elemento si puograve selezionare il simbolo ldquo+rdquo posto accanto allrsquoelemento desideratoo agendo sul nome del file Nel primo caso lrsquoelemento viene aggiunto ma la finestra non si chiuderagrave(utile per effettuare selezioni multiple) mentre nel secondo caso lrsquoelemento viene aggiunto e lafinestra si chiuderagrave (selezione singola)

Nota Per associare una o piugrave news alla notizia che stiamo inserendo occorreragrave innanzitutto selezionareil repository delle news e utilizzando i metodi descritti in precedenza indicare le news di interesse

Nella figura Selezione repository (page 66) viene visualizzato come appare lrsquoElement Browser dopo averselezionato il repository delle news denominato ldquoNews Corso Typo3rdquo

Figura 79 Selezione repository

Una volta ultimato il procedimento di inserimento di una news vedremo che nel repository compariragrave(figura News nel repository (page 67)) anche quella da noi creata Nellrsquoesempio la news creata si chiamaldquoTitolo della news di provardquo

Dalla lista delle news possiamo notare che i diversi tipi di news sono contrassegnati con icone diverse

In particolare distinguiamo

72 Modalitagrave Relations 66

DocWeb Release 101

Figura 710 News nel repository

bull News (icona ldquocelestinardquo)

bull Collegamento a URL esterna (icona ldquorosardquo)

bull Collegamento a pagina interna (icona ldquogiallinardquo)

Per modificare il contenuto di una news egrave sufficiente selezionare il simbolo di modifica (figura Modificanews (page 67)) in corrispondenza della news da modificare

Figura 711 Modifica news

73 News collegata a URL esterna e a pagina interna

Attraverso la selezione della finestra ldquoTipordquo egrave possibile scegliere diverse tipologie di news

Nella figura News collegata a url esterna (page 68) egrave stato selezionato il Collegamento a URL esterna checi offriragrave la possibilitagrave di specificare un link (ldquoURL esternordquo) da far visualizzare e che saragrave contraddistintain lista da lrsquoicona di colore rosa

Selezionando il Collegamento a pagina interna viene offerta la possibilitagrave di inserire un collegamento auna pagina del sito (evidenziato nella figura News collegata a pagina interna (page 69))

La news si presenteragrave con icona di color ldquogiallordquo e al suo interno conterragrave un link alla pagina interna alsito

73 News collegata a URL esterna e a pagina interna 67

DocWeb Release 101

Figura 712 News collegata a url esterna

73 News collegata a URL esterna e a pagina interna 68

DocWeb Release 101

Figura 713 News collegata a pagina interna

73 News collegata a URL esterna e a pagina interna 69

DocWeb Release 101

74 Eliminazione delle News

Per eliminare una news possiamo procedere tra lrsquoaltro in due modi

1 Selezionare la news da eliminare dallrsquoelenco e selezionare la voce ldquocancellardquo dal menugrave a tendinaconsultabile cliccando con il pulsante destro sullrsquoicona in corrispondenza della news (figura Eliminanews da menu contestuale (page 70))

Figura 714 Elimina news da menu contestuale

2 Entrare allrsquointerno della modalitagrave di modifica della news attraverso lrsquoicona ldquomatitardquo e selezionare lrsquoi-cona raffigurante il bidone di elimina posta in alto pagina (figura Elimina news da scheda contenuto(page 70))

Figura 715 Elimina news da scheda contenuto

75 Ordinamento delle News e ricerca

Puograve essere necessario durante la visualizzazione della lista delle news (lato backend) di dover effettuaredegli ordinamenti al fine di permettere una ricerca piugrave veloce delle news da modificare

74 Eliminazione delle News 70

DocWeb Release 101

Avvertimento Lrsquoordinamento ha valore solo come ricerca allrsquointerno del backend mentre latofrontend rispecchieragrave i parametri prestabiliti dal sistema

Supponiamo per esempio di voler effettuare un ordinamento per Titolo Seguiamo i seguenti passi(figura sotto)

1 Selezionare la voce di menugrave Lista

2 Selezionare il deposito delle news (repository) News Corso Typo3

3 Cliccare con il mouse in corrispondenza della voce ldquoTitolordquo

A questo punto (figura Ordinamento news (page 71)) le news vengono ordinate in ordine crescente(vengono visualizzate prima le news con titolo che inizia con la lettera a b e cosigrave via)

Figura 716 Ordinamento news

Se clicchiamo unrsquoaltra volta sulla voce ldquoTitolordquo il tipo di ordinamento cambia da crescente a decrescente(compariranno per prima le news con titolo che inizia per z )

Egrave inoltre possibile ordinare secondo campo da noi specificato Per definire il nome di un campo (ad estesto inizio autore ) su cui effettuare lrsquoordinamento occorreragrave spostarsi in fondo alla lista delle newsdove troveremo una lista di campi (figura Mostra campo aggiuntivo news (page 71))

Figura 717 Mostra campo aggiuntivo news

Dalla lista possiamo

bull Selezionare la voce in base alla quale effettuare lrsquoordinamento (ad esempio Immagini)

bull Premere il tasto Imposta campi per aggiungere alla lista dei campi visualizzati quello selezionato

75 Ordinamento delle News e ricerca 71

DocWeb Release 101

A questo punto il campo selezionato (nel nostro esempio il campo Immagini) compare nella lista dellenews (il campo aggiunto egrave evidenziato con un riquadro in alto a destra nella figura Ordinamento campoaggiuntivo news (page 72))

Figura 718 Ordinamento campo aggiuntivo news

Effettuare le stesse operazioni illustrate per il campo Titolo per ordinare in modo crescente e decrescentele news secondo il criterio impostato (click pulsante sinistro sul nome etichetta)

Egrave anche possibile ricercare le news in base al testo contenuto nel titolo sottotitolo descrizione eccUtilizzando la maschera di ricerca in fondo pagina (evidenziata nella figura Ricerca news (page 72))

Figura 719 Ricerca news

Per effettuare una ricerca egrave necessario seguire i seguenti passi

1 Inserire nel campo Cerca Stringa il testo da cercare (nel nostro esempio ldquonequerdquo)

2 Premere il tasto Cerca per eseguire la ricerca secondo i criteri impostati

In questo modo nella lista delle news compariranno solo quelle che contengono il testo specificatoEffettuata la ricerca egrave possibile effettuare degli ordinamenti come spiegato in precedenza

75 Ordinamento delle News e ricerca 72

CAPITOLO 8

Modulo Eventi

Avvertimento SEZIONE NON COMPLETA

Si confrontino i seguenti due tipi di contenuti

Evento egrave un tipo di contenuto adatto a descrivere qualcosa che accadragrave o che egrave accaduto in una certadata La data o le date in cui lrsquoevento ricorre sono strettamente legate ad un luogo in cui lrsquoeventosi verificheragravesi egrave verificato Gli eventi vengono rappresentati mediante la metafora dellrsquoagenda edel calendario

Notizia egrave un tipo di contenuto caratterizzato dalla data di pubblicazione secondo la metafora delgiornale online E come in un giornale online una notizia puograve riferirsi sia a fatti giagrave accaduti chea fatti a venire

Nota Per comprendere meglio la differenza tra i due tipi di contenuto si pensi che dato un eventoche ha una certa data di svolgimento (ad es 20 maggio) di tale evento posso realizzare piugrave di unanotizia Rimanendo nellrsquoesempio potrei pubblicare una notizia il 10 maggio per preannunciare lrsquoeventoe poi unrsquoaltra il 18 maggio per ricordarne lrsquoimminenza Infine potrei pubblicare una notizia di riepilogo(cronaca dellrsquoevento immagini ecc) il 22 maggio

81 Scopo del modulo Eventi

Il visitatore del sito deve poter cogliere le informazioni essenziali di un evento

bull Cosa sta per succedere

bull Dove accadragrave

bull Quando accadragrave

82 Il Backend ndash Modulo Pagina

Vedi figura Eventi vista modulo pagina (page 74)

83 Il Backend ndash Modulo Lista

Vedi figura Eventi vista modulo lista (page 74)

73

DocWeb Release 101

Figura 81 Eventi vista modulo pagina

Figura 82 Eventi vista modulo lista

83 Il Backend ndash Modulo Lista 74

DocWeb Release 101

84 Creazione di un evento

Prima di procedere poniamoci qualche domanda

bull Lrsquoevento appartiene a qualche rassegna iniziativa per la quale sono in programma altri eventiPer esempio

ndash Rassegne teatrali cinematografiche

ndash Festival

bull Lrsquoevento si ripete

ndash La replica avviene sempre nello stesso luogo

841 Creazione del record

Vedi figura Creazione nuovo evento (page 75)

Vedi figura Creazione nuovo record evento (page 76)

Figura 83 Creazione nuovo evento

842 Scheda ldquoGeneralerdquo

Vedi figura Evento scheda generale (page 76)

843 Scheda ldquoFinestra temporalerdquo

Orario repliche

Vedi figura Evento finestra temporale (page 78)

84 Creazione di un evento 75

DocWeb Release 101

Figura 84 Creazione nuovo record evento

Figura 85 Evento scheda generale

84 Creazione di un evento 76

DocWeb Release 101

bull Lrsquoorario va solo per le Finestre temporali di un giorno (data inizio = data fine)

bull Se non si conosce lrsquoora della fine impostare ora inizio = ora fine

844 Scheda ldquoTestordquo

Vedi figura Evento scheda testo (page 79)

84 Creazione di un evento 77

DocWeb Release 101

Figura 86 Evento finestra temporale

84 Creazione di un evento 78

DocWeb Release 101

Figura 87 Evento scheda testo84 Creazione di un evento 79

  • Introduzione
    • Cosegrave DocWeb
    • Concetti chiave
      • Funzionalitagrave di Base
        • Il CMS Typo3 ldquobackendrdquo e ldquofrontendrdquo
        • Cambio password di accesso
        • Albero delle pagine
        • Implementazione delle pagine ldquogenitori rdquo e ldquofiglirdquo
        • Inserimento Nuova pagina
        • Elementi standard della pagina
        • Inserimento contenuti di una pagina
        • Contenuti multipli allrsquointerno di una pagina
        • Modifica dei contenuti della pagina
        • Spostamento di pagine
        • Eliminazione pagine
        • Rich Text Editor
        • Modalitagrave Lista
        • Modalitagrave Mostra
        • Modalitagrave ldquoMonta come radice dellrsquoalberordquo
        • Ottenere il page-id di una pagina
        • Admin Panel
          • La Clipboard
            • Copia o spostamento di un contenuto singolo di pagina allrsquointerno di unrsquoaltra pagina
            • Copia o spostamento di piugrave contenuti da una pagina ad unrsquoaltra
              • Modulo DAM (Digital Asset Management)
                • Caricamento e Aggiornamento di file
                • Ricerca di file allrsquointerno del DAM e modifica delle meta-informazioni
                  • Modulo Pagine di download
                    • Inserimento e configurazione pagine di download
                      • Modulo Sitemap
                        • Scheda di configurazione Mappa
                        • Tipo di mappa
                        • Il ``punto di partenza della mappa
                          • Modulo News
                            • Inserimento e modifica di news
                            • Modalitagrave Relations
                            • News collegata a URL esterna e a pagina interna
                            • Eliminazione delle News
                            • Ordinamento delle News e ricerca
                              • Modulo Eventi
                                • Scopo del modulo Eventi
                                • Il Backend ndash Modulo Pagina
                                • Il Backend ndash Modulo Lista
                                • Creazione di un evento
Page 51: DocWeb€¦ · per la realizzazione e la gestione di siti web della Pubblica Am-ministrazione. La piattaforma tecnologica utilizzata è il CMS (Content Management System) Open SourceTypo31

DocWeb Release 101

42 Ricerca di file allrsquointerno del DAM e modifica delle meta-informazioni

Rimanendo sempre allrsquointerno del modulo Media selezioniamo la voce List egrave possibile effettuare dellericerche dei file e modificare le meta-informazioni associate ai file

Nella figura Backend media list (page 48) distinguiamo

Figura 412 Backend media list

1 Parte relativa ai Mount Point disponibili

2 Parte relativa ai tipi di file caricati nel sistema

3 Schede List Thumbnails Selection Process

Da questa sezione egrave possibile effettuare ricerche sui file caricati nel DAM

Le ricerche che si possono eseguire sono del tipo ldquotrova tutti i file pdf e docrdquo oppure ldquoelenca tutti i filedi tipo immagine ad eccezione dei file con estensione gifrdquo

Per prima cosa facendo click sul nome del tipo file (es gif oppure image) si seleziona solo quel tipo difile e si escludono tutti i criteri selezionati in precedenza

Per aggiungere un altro criterio di ricerca egrave sufficiente selezionare il ldquo+rdquo (punto 1 nella figura Criteri diselezione (page 49)) posto accanto al tipo di file che si vuole selezionare

Con il ldquo-ldquo(punto 2) saragrave possibile rimuovere il tipo di file dai criteri di ricerca

Selezionando ldquo=rdquo (punto 3) egrave possibile introdurre clausole del tipo ldquocerca un file che sia doc e presentenel Mount Point chiamato lsquoArea Testrsquordquo (ossia effettua una ricerca che risponda a tutti i criteri impostati)

Nellrsquoesempio della figura Salva selezione (page 49) sono stati selezionati tutti i tipi di immagine adeccezione dei file con estensione gif Questo risultato si ottiene nel seguente modo

1 selezionare il ldquo+rdquo accanto alla voce ldquoimagerdquo

2 premendo il tasto ldquo-ldquo in corrispondenza della voce ldquogifrdquo

I criteri impostati per la selezione possono essere salvati per un uso futuro Per salvare la selezioneoccorre (figura Salva selezione (page 49))

1 riempire il campo sotto la voce SELECTION con un nome che identifichi la ricerca

2 premere il tasto Save per salvare la modalitagrave di ricerca impostata

In questo modo saragrave possibile richiamare e rieseguire la ricerca impostata anche in futuro senza doverripetere il procedimento di scelta dei criteri mostrato in precedenza

42 Ricerca di file allrsquointerno del DAM e modifica delle meta-informazioni 48

DocWeb Release 101

Figura 413 Criteri di selezione

Figura 414 Salva selezione

42 Ricerca di file allrsquointerno del DAM e modifica delle meta-informazioni 49

DocWeb Release 101

Se in futuro saranno inseriti nuovi file che soddisfano la ricerca salvata questi verranno selezionati quandoverragrave richiamata la ricerca salvata

Dalla figura Ricerca salvata (page 50) egrave possibile notare come richiamare la ricerca salvata In questocaso abbiamo salvato la ricerca con il nome ldquoimmaginisenzagifrdquo

Figura 415 Ricerca salvata

Una volta che si egrave selezionata la ricerca egrave possibile

1 Premere il tasto Load per ricaricare la ricerca precedentemente impostata

2 Premere Remove per rimuovere la ricerca salvata

Una volta effettuata una particolare selezione di file egrave possibile (figura Schede backend media list(page 50))

Figura 416 Schede backend media list

1 vedere il contenuto della selezione (schede List e Thumbnails)

2 vedere i criteri impostati per la ricerca (scheda Selection)

3 modificare le meta-informazioni associate ai file (scheda Process) secondo quanto descritto inprecedenza

Nella figura Scheda selection (page 51) egrave visualizzato come selezionando la scheda Selection egrave possibileprendere visione dei criteri impostati nella ricerca (la ricerca egrave quella dellrsquoesempio precedente)

Selezionando le schede List e Thumbnails dopo avere effettuato una qualsiasi selezione si potrebbe avereuna situazione come quella mostrata nella figura Scheda list (page 51)

Cliccando sullrsquoicona corrispondente ad uno dei file presenti nella lista (selezionato con un cerchio rosso)egrave possibile accedere ad un menugrave contestuale (figura Menu contestuale DAM (page 51))che permette disvolgere le seguenti operazioni

Modifica Offre la possibilitagrave di visualizzare e modificare le meta-informazioni associate al file

Rinomina Selezionando la seguente voce egrave possibile assegnare un altro nome al file che si egrave caricato

Replace file Avvia lrsquooperazione di sostituzione del file

Info Visualizza informazioni relative al file

Cancella Rimuove il file dal DAM

42 Ricerca di file allrsquointerno del DAM e modifica delle meta-informazioni 50

DocWeb Release 101

Figura 417 Scheda selection

Figura 418 Scheda list

Figura 419 Menu contestuale DAM

42 Ricerca di file allrsquointerno del DAM e modifica delle meta-informazioni 51

CAPITOLO 5

Modulo Pagine di download

51 Inserimento e configurazione pagine di download

La creazione di pagine di download egrave utile quando si vuole mettere a disposizione una lista di uno o piugravefile in forma scaricabile

Per creare una pagina di download egrave necessario seguire i seguenti passi

1 Creare una pagina standard

2 Inserire il plugin DAM Download List

3 Configurare il plugin

Per creare una pagina egrave sufficiente entrare nel modulo Pagina e selezionare Crea nuovo record per accederealla finestra di creazione pagine

Nellrsquoesempio in figura Backend creazione contenuto (page 52) egrave stata creata la pagina denominata ldquoPaginadownloadrdquo come figlio della pagina ldquoPagina di provardquo

Figura 51 Backend creazione contenuto

Una volta creata la pagina occorre configurarla in maniera tale da permettere la visualizzazione di unalista di file scaricabili Per fare ciograve occorre inserire un plugin denominato ldquoDAM Download Listrdquo Unplugin egrave un contenuto speciale da inserire in una pagina

52

DocWeb Release 101

Per inserirlo come per un contenuto occorre seguire i seguenti passi (figura Backend creazione contenuto(page 52))

1 Selezionare la pagina in cui inserire il plugin Nellrsquoesempio la pagina denominata ldquoPaginadownloadrdquo

2 Selezionare la voce Clicca qui per il wizard nella maschera che compare quando si vuole inserire unnuovo record

Figura 52 Wizard nuovo contenuto

Oltre ai normali contenuti standard il wizard permette di selezionare (figura Wizard nuovo contenuto(page 53))

1 Contenuti speciali

2 Moduli

3 Plugins

Allrsquointerno della lista dei Plugins selezionare DAM Lista dei file scaricabili (punto 4 nella figura Wizardnuovo contenuto (page 53))

Dopo aver selezionato il plugin occorreragrave selezionare la posizione della pagina in cui inserire lrsquoelemento

Selezionare ldquoNormalerdquo

A questo punto il plugin egrave inserito nella pagina desiderata

51 Inserimento e configurazione pagine di download 53

DocWeb Release 101

Oltre allrsquoinserimento occorre configurare il plugin in modo da dirgli quali file far visualizzare

Una volta che il plugin viene inserito viene aperta una finestra (figura Contenuto pagina (page 54)) doveviene richiesto di selezionare dei file inseriti nel sistema

Figura 53 Contenuto pagina

Per proseguire correttamente egrave necessario salvare immediatamente il Contenuto Pagina altrimenti leoperazioni successive potrebbero andare perse

Per inserire i file nella lista occorre effettuare la seguente operazione (figura Contenuto pagina (page 54))

1 Nella parte della maschera denominata DAM Lista di file scaricabili selezionare lrsquoicona SfogliaRecord (cerchiata in rosso) per avviare la procedura di selezione dei file

Selezionando la voce Sfoglia Record verragrave aperto lrsquoElement Browser di TYPO3 che ci permette di se-lezionare i file da inserire nel plugin La finestra (figura Element browser (page 55)) egrave composta di dueschede

1 Media ndash permette di selezionare i file giagrave esistenti nel sistema

2 Upload ndash permette di caricare nuovi file

Selezionando la sezione Media egrave possibile selezionare dalla lista i file da inserire

51 Inserimento e configurazione pagine di download 54

DocWeb Release 101

Figura 54 Element browser

Se la lista dei file fosse troppo lunga egrave possibile effettuare delle ricerche per nome e per tipologia di file(doc htm )

Per cercare per nome (figura Ricerca per nome (page 55)) occorre inserire nella casella di testo Cercastringa (punto 1 nella figura sopra) il nome o parte del nome del file da cercare Una volta specificata lastringa di ricerca premere il tasto Cerca (punto 2)

Figura 55 Ricerca per nome

Per cercare un particolare tipo di file selezionare il nome dellrsquoestensione che si desidera dallrsquoelenco deitipi di file (figura Ricerca per tipo (page 56))

Nota I due tipi di ricerca possono essere usati contemporaneamente

Selezionando la voce informazioni (punto 1 nella figura Selezione file (page 56)) egrave possibile visualizzarele meta-informazioni associate al file

Premendo con il mouse sul nome del file (punto 2) o sullrsquoicona associata (punto 3) si inserisce il file nellalista dei file da far visualizzare nella pagina di download mediante lrsquoapposito plugin

Selezionando la scheda Upload si puograve inserire un file non presente nel sistema (figura Caricamentoimmediato file (page 56))

51 Inserimento e configurazione pagine di download 55

DocWeb Release 101

Figura 56 Ricerca per tipo

Figura 57 Selezione file

Figura 58 Caricamento immediato file

51 Inserimento e configurazione pagine di download 56

DocWeb Release 101

Scegliere i file dal proprio PC seguendo le operazioni giagrave descritte nel modulo DAM e selezionare dallascheda Media i nuovi file inseriti

Nella figura Plugin con file selezionati (page 57) egrave visualizzato un esempio di maschera di configurazionedel plugin con la lista dei file selezionati

Figura 59 Plugin con file selezionati

I file una volta inseriti possono essere ordinati selezionando sugli appositi bottoni posti a destra dellalista file

bull Per ordinare un determinato file occorre

bull Selezionare un file

Premere uno dei tasti (figura sopra) per

1 Spostare in prima posizione

2 Spostare in alto di una posizione

3 Spostare in basso di una posizione

4 Spostare in ultima posizione

5 Rimuovere dalla lista il file selezionato

Una volta eseguiti i passaggi sopra descritti salvare la configurazione del plugin

51 Inserimento e configurazione pagine di download 57

CAPITOLO 6

Modulo Sitemap

Ersquo possibile generare una mappa del sito scegliendo un contenuto speciale di tipo ldquoMappa del Sitordquo comemostrato nella figura Contenuto mappa del sito (page 58)

Figura 61 Contenuto mappa del sito

Per scegliere un record di tipo ldquomappa del sitordquo (per visualizzare cioegrave la vista dei contenuti possibili)saragrave necessario portarsi in modalitagrave ldquopaginardquo compiendo gli stessi passaggi descritti per la creazione dicontenuti semplici in fase di creazione delle pagine (in questo caso selezionando il contenuto specialemappa)

58

DocWeb Release 101

61 Scheda di configurazione Mappa

La scheda di configurazione si presenta come nella figura Scheda mappa del sito (page 59)

Figura 62 Scheda mappa del sito

I campi fondamentali da personalizzare sono lrsquointestazione (ossia il titolo pagina) il tipo di menugrave e ilpunto di partenza Nellrsquointestazione viene inserito come di consuetudine il titolo pagina

62 Tipo di mappa

Ersquo possibile scegliere il tipo di mappa che si desidera creare consultando il menugrave a tendina ldquotipo di menugraverdquoche ci offriragrave diverse opzioni

Le piugrave frequentemente usate sono di tipo ldquoMenugrave delle sottopagine rdquo come indicato nella figura Tipo dimenu (page 60)

Menugrave delle sottopagine di queste pagine Scegliendo questa opzione da una pagina padre sigenereragrave un record che mostreragrave al suo interno tutte le sottovoci figlio con relativo link

Menugrave delle sottopagine di queste pagine (con abstract) Genera una mappa sia delle sottopagineche dei sottotitoli

Menugrave delle sottopagine di queste pagine + sezioni Genera una mappa sia delle sottopagine chedei record (link alle intestazioni dei singoli record)

Selezionando voci di menugrave di sottopagine egrave anche possibile stabilire un determinato punto di partenzasfogliando lrsquoapposito record

61 Scheda di configurazione Mappa 59

DocWeb Release 101

Figura 63 Tipo di menu

63 Il ldquopunto di partenzardquo della mappa

Il ldquopunto di partenzardquo dei Menugrave delle sottopagine Scheda mappa del sito (page 59) costituisce la paginadalla quale il sistema partiragrave per creare la mappa

Si potragrave quindi creare una mappa (di tipo menugrave delle sottopagine) che mostri solamente il percorso diquella porzione di menugrave che si intende mostrare

63 Il ldquopunto di partenzardquo della mappa 60

CAPITOLO 7

Modulo News

71 Inserimento e modifica di news

Alcune sezioni del nostro sito potrebbero essere state configurate per permettere la visualizzazione dinotizie

Per poter visualizzare le news correttamente occorre che queste ultime vengano inserite in una determi-nata posizione allrsquointerno del backend Da questa posizione che chiameremo repository delle news lenostre pagine andranno a prelevare le news da visualizzare al loro interno

Figura 71 Backend news

Nellrsquoesempio presentato nella figura Backend news (page 61) distinguiamo

1 il repository delle news che egrave stato creato

2 Un esempio di come potrebbe apparire il contenuto del repository delle news (lista delle news)

Per poter visualizzare il contenuto del repository delle news occorre seguire i seguenti passi

1 entrare nel modulo Pagina

61

DocWeb Release 101

2 selezionare il repository delle news corrispondente (nellrsquoesempio della figura Backend news (page 61)il Repository delle news si chiama ldquoNews Area Testrdquo)

Poniamo ora la nostra attenzione alla lista delle news (figura Lista news (page 62)) Da qui egrave possibile

bull Inserire una nuova notizia

bull Modificare le notizie giagrave esistenti

Per inserire una nuova notizia occorre selezionare la voce Crea nuovo record (figura Lista news (page 62))posta in fondo alla lista delle news

Figura 72 Lista news

A questo punto si apre la finestra di creazione Nuovo record da cui occorre selezionare la voce News(figura Nuovo record news (page 62))

Figura 73 Nuovo record news

Eseguendo le operazioni sopra descritte si accede alla maschera di inserimento news (figura Inserimentonews scheda generale (page 63))

Questa si compone di due schede una denominata Generale e unrsquoaltra denominata Relations

Nella scheda Generale egrave possibile inserire

Titolo in questo spazio egrave possibile specificare un titolo della news

Nascondi questo controllo determina se la news egrave pubblicabile oppure no Come avviene per le pagineanche per le news egrave consigliabile tenere la news nascosta durante la lavorazione Facciamo notare

71 Inserimento e modifica di news 62

DocWeb Release 101

Figura 74 Inserimento news scheda generale

71 Inserimento e modifica di news 63

DocWeb Release 101

che appena viene aperta la maschera di inserimento di una nuova news il controllo appare giagrave instato nascosto

Dataora in questo spazio viene indicata la data e lrsquoora della creazione della news in base ai parametridi sistema

Data Archiviazione in questo spazio viene inserita la data di Archiviazione di una news

Autore permette di specificare un autore della news

Email permette di specificare un e-mail a cui fare riferimento

Sottointestazione questo campo conterragrave una breve descrizione (abstract) della news La sottointes-tazione egrave quella parte della news che compare quando viene visualizzata la lista delle news e serveper dare una breve descrizione al contenuto della news (si veda Esempio news (page 64))

Figura 75 Esempio news

Durante lrsquoinserimento di una news egrave consigliabile specificare sempre una sottointestazione

Testo egrave il campo che contiene il contenuto vero e proprio della news Egrave possibile utilizzare tutte lefunzionalitagrave messe a disposizione dallrsquoeditor RTE

72 Modalitagrave Relations

Nella modalitagrave Relations (figura Inserimento news scheda relations (page 65)) egrave possibile inserire

Immagini contiene una lista di immagini da associare alla news Il procedimento per la se-lezionecaricamento delle immagini egrave stato descritto nella parte dedicata alla creazione di paginedi download a cui vi rimandiamo

Didascalia permette di specificare una descrizione per lrsquoimmagine associata alla news

Image alttext e Image titletext permette di specificare un testo che in visualizzazione (Frontend)compariragrave al passaggio del mouse sopra lrsquoimmagine

News correlate permette di specificare news o pagine del sito da associare alla news Il procedimentodi selezione delle news da associare alla notizia saragrave spiegato successivamente

DAM elements permette di assegnare alla news dei documenti da scaricare come per esempioil programma di un determinato evento Anche in questo caso il procedimento per la se-lezionecaricamento dei documenti egrave quello giagrave descritto nella parte dedicata alla creazione dipagine di download

Descriviamo il procedimento da seguire per associare alcune pagine o alcune news alla notizia che stiamoinserendo

Premere il tasto di Sfoglia Record evidenziato nella figura Sfoglia record news (page 65)

Verragrave aperta una finestra che contiene un Element Browser che ci permette di selezionare le newspagine(figura Element browser news (page 66)) da associare

La finestra di selezione si suddivide nelle seguenti parti (figura sopra)

Alberatura del sito da cui egrave possibile esplorare gli elementi del nostro sito (pagine sysfolder )Premendo con il tasto sinistro del mouse sul nome della pagina o sulla freccia corrispondente verragraveaggiornata la parte di destra della finestra in cui egrave inserita la lista degli elementi associabili

72 Modalitagrave Relations 64

DocWeb Release 101

Figura 76 Inserimento news scheda relations

Figura 77 Sfoglia record news

72 Modalitagrave Relations 65

DocWeb Release 101

Figura 78 Element browser news

Lista degli elementi associabili egrave quindi possibile selezionare gli elementi da associare alla newsPer associare un elemento si puograve selezionare il simbolo ldquo+rdquo posto accanto allrsquoelemento desideratoo agendo sul nome del file Nel primo caso lrsquoelemento viene aggiunto ma la finestra non si chiuderagrave(utile per effettuare selezioni multiple) mentre nel secondo caso lrsquoelemento viene aggiunto e lafinestra si chiuderagrave (selezione singola)

Nota Per associare una o piugrave news alla notizia che stiamo inserendo occorreragrave innanzitutto selezionareil repository delle news e utilizzando i metodi descritti in precedenza indicare le news di interesse

Nella figura Selezione repository (page 66) viene visualizzato come appare lrsquoElement Browser dopo averselezionato il repository delle news denominato ldquoNews Corso Typo3rdquo

Figura 79 Selezione repository

Una volta ultimato il procedimento di inserimento di una news vedremo che nel repository compariragrave(figura News nel repository (page 67)) anche quella da noi creata Nellrsquoesempio la news creata si chiamaldquoTitolo della news di provardquo

Dalla lista delle news possiamo notare che i diversi tipi di news sono contrassegnati con icone diverse

In particolare distinguiamo

72 Modalitagrave Relations 66

DocWeb Release 101

Figura 710 News nel repository

bull News (icona ldquocelestinardquo)

bull Collegamento a URL esterna (icona ldquorosardquo)

bull Collegamento a pagina interna (icona ldquogiallinardquo)

Per modificare il contenuto di una news egrave sufficiente selezionare il simbolo di modifica (figura Modificanews (page 67)) in corrispondenza della news da modificare

Figura 711 Modifica news

73 News collegata a URL esterna e a pagina interna

Attraverso la selezione della finestra ldquoTipordquo egrave possibile scegliere diverse tipologie di news

Nella figura News collegata a url esterna (page 68) egrave stato selezionato il Collegamento a URL esterna checi offriragrave la possibilitagrave di specificare un link (ldquoURL esternordquo) da far visualizzare e che saragrave contraddistintain lista da lrsquoicona di colore rosa

Selezionando il Collegamento a pagina interna viene offerta la possibilitagrave di inserire un collegamento auna pagina del sito (evidenziato nella figura News collegata a pagina interna (page 69))

La news si presenteragrave con icona di color ldquogiallordquo e al suo interno conterragrave un link alla pagina interna alsito

73 News collegata a URL esterna e a pagina interna 67

DocWeb Release 101

Figura 712 News collegata a url esterna

73 News collegata a URL esterna e a pagina interna 68

DocWeb Release 101

Figura 713 News collegata a pagina interna

73 News collegata a URL esterna e a pagina interna 69

DocWeb Release 101

74 Eliminazione delle News

Per eliminare una news possiamo procedere tra lrsquoaltro in due modi

1 Selezionare la news da eliminare dallrsquoelenco e selezionare la voce ldquocancellardquo dal menugrave a tendinaconsultabile cliccando con il pulsante destro sullrsquoicona in corrispondenza della news (figura Eliminanews da menu contestuale (page 70))

Figura 714 Elimina news da menu contestuale

2 Entrare allrsquointerno della modalitagrave di modifica della news attraverso lrsquoicona ldquomatitardquo e selezionare lrsquoi-cona raffigurante il bidone di elimina posta in alto pagina (figura Elimina news da scheda contenuto(page 70))

Figura 715 Elimina news da scheda contenuto

75 Ordinamento delle News e ricerca

Puograve essere necessario durante la visualizzazione della lista delle news (lato backend) di dover effettuaredegli ordinamenti al fine di permettere una ricerca piugrave veloce delle news da modificare

74 Eliminazione delle News 70

DocWeb Release 101

Avvertimento Lrsquoordinamento ha valore solo come ricerca allrsquointerno del backend mentre latofrontend rispecchieragrave i parametri prestabiliti dal sistema

Supponiamo per esempio di voler effettuare un ordinamento per Titolo Seguiamo i seguenti passi(figura sotto)

1 Selezionare la voce di menugrave Lista

2 Selezionare il deposito delle news (repository) News Corso Typo3

3 Cliccare con il mouse in corrispondenza della voce ldquoTitolordquo

A questo punto (figura Ordinamento news (page 71)) le news vengono ordinate in ordine crescente(vengono visualizzate prima le news con titolo che inizia con la lettera a b e cosigrave via)

Figura 716 Ordinamento news

Se clicchiamo unrsquoaltra volta sulla voce ldquoTitolordquo il tipo di ordinamento cambia da crescente a decrescente(compariranno per prima le news con titolo che inizia per z )

Egrave inoltre possibile ordinare secondo campo da noi specificato Per definire il nome di un campo (ad estesto inizio autore ) su cui effettuare lrsquoordinamento occorreragrave spostarsi in fondo alla lista delle newsdove troveremo una lista di campi (figura Mostra campo aggiuntivo news (page 71))

Figura 717 Mostra campo aggiuntivo news

Dalla lista possiamo

bull Selezionare la voce in base alla quale effettuare lrsquoordinamento (ad esempio Immagini)

bull Premere il tasto Imposta campi per aggiungere alla lista dei campi visualizzati quello selezionato

75 Ordinamento delle News e ricerca 71

DocWeb Release 101

A questo punto il campo selezionato (nel nostro esempio il campo Immagini) compare nella lista dellenews (il campo aggiunto egrave evidenziato con un riquadro in alto a destra nella figura Ordinamento campoaggiuntivo news (page 72))

Figura 718 Ordinamento campo aggiuntivo news

Effettuare le stesse operazioni illustrate per il campo Titolo per ordinare in modo crescente e decrescentele news secondo il criterio impostato (click pulsante sinistro sul nome etichetta)

Egrave anche possibile ricercare le news in base al testo contenuto nel titolo sottotitolo descrizione eccUtilizzando la maschera di ricerca in fondo pagina (evidenziata nella figura Ricerca news (page 72))

Figura 719 Ricerca news

Per effettuare una ricerca egrave necessario seguire i seguenti passi

1 Inserire nel campo Cerca Stringa il testo da cercare (nel nostro esempio ldquonequerdquo)

2 Premere il tasto Cerca per eseguire la ricerca secondo i criteri impostati

In questo modo nella lista delle news compariranno solo quelle che contengono il testo specificatoEffettuata la ricerca egrave possibile effettuare degli ordinamenti come spiegato in precedenza

75 Ordinamento delle News e ricerca 72

CAPITOLO 8

Modulo Eventi

Avvertimento SEZIONE NON COMPLETA

Si confrontino i seguenti due tipi di contenuti

Evento egrave un tipo di contenuto adatto a descrivere qualcosa che accadragrave o che egrave accaduto in una certadata La data o le date in cui lrsquoevento ricorre sono strettamente legate ad un luogo in cui lrsquoeventosi verificheragravesi egrave verificato Gli eventi vengono rappresentati mediante la metafora dellrsquoagenda edel calendario

Notizia egrave un tipo di contenuto caratterizzato dalla data di pubblicazione secondo la metafora delgiornale online E come in un giornale online una notizia puograve riferirsi sia a fatti giagrave accaduti chea fatti a venire

Nota Per comprendere meglio la differenza tra i due tipi di contenuto si pensi che dato un eventoche ha una certa data di svolgimento (ad es 20 maggio) di tale evento posso realizzare piugrave di unanotizia Rimanendo nellrsquoesempio potrei pubblicare una notizia il 10 maggio per preannunciare lrsquoeventoe poi unrsquoaltra il 18 maggio per ricordarne lrsquoimminenza Infine potrei pubblicare una notizia di riepilogo(cronaca dellrsquoevento immagini ecc) il 22 maggio

81 Scopo del modulo Eventi

Il visitatore del sito deve poter cogliere le informazioni essenziali di un evento

bull Cosa sta per succedere

bull Dove accadragrave

bull Quando accadragrave

82 Il Backend ndash Modulo Pagina

Vedi figura Eventi vista modulo pagina (page 74)

83 Il Backend ndash Modulo Lista

Vedi figura Eventi vista modulo lista (page 74)

73

DocWeb Release 101

Figura 81 Eventi vista modulo pagina

Figura 82 Eventi vista modulo lista

83 Il Backend ndash Modulo Lista 74

DocWeb Release 101

84 Creazione di un evento

Prima di procedere poniamoci qualche domanda

bull Lrsquoevento appartiene a qualche rassegna iniziativa per la quale sono in programma altri eventiPer esempio

ndash Rassegne teatrali cinematografiche

ndash Festival

bull Lrsquoevento si ripete

ndash La replica avviene sempre nello stesso luogo

841 Creazione del record

Vedi figura Creazione nuovo evento (page 75)

Vedi figura Creazione nuovo record evento (page 76)

Figura 83 Creazione nuovo evento

842 Scheda ldquoGeneralerdquo

Vedi figura Evento scheda generale (page 76)

843 Scheda ldquoFinestra temporalerdquo

Orario repliche

Vedi figura Evento finestra temporale (page 78)

84 Creazione di un evento 75

DocWeb Release 101

Figura 84 Creazione nuovo record evento

Figura 85 Evento scheda generale

84 Creazione di un evento 76

DocWeb Release 101

bull Lrsquoorario va solo per le Finestre temporali di un giorno (data inizio = data fine)

bull Se non si conosce lrsquoora della fine impostare ora inizio = ora fine

844 Scheda ldquoTestordquo

Vedi figura Evento scheda testo (page 79)

84 Creazione di un evento 77

DocWeb Release 101

Figura 86 Evento finestra temporale

84 Creazione di un evento 78

DocWeb Release 101

Figura 87 Evento scheda testo84 Creazione di un evento 79

  • Introduzione
    • Cosegrave DocWeb
    • Concetti chiave
      • Funzionalitagrave di Base
        • Il CMS Typo3 ldquobackendrdquo e ldquofrontendrdquo
        • Cambio password di accesso
        • Albero delle pagine
        • Implementazione delle pagine ldquogenitori rdquo e ldquofiglirdquo
        • Inserimento Nuova pagina
        • Elementi standard della pagina
        • Inserimento contenuti di una pagina
        • Contenuti multipli allrsquointerno di una pagina
        • Modifica dei contenuti della pagina
        • Spostamento di pagine
        • Eliminazione pagine
        • Rich Text Editor
        • Modalitagrave Lista
        • Modalitagrave Mostra
        • Modalitagrave ldquoMonta come radice dellrsquoalberordquo
        • Ottenere il page-id di una pagina
        • Admin Panel
          • La Clipboard
            • Copia o spostamento di un contenuto singolo di pagina allrsquointerno di unrsquoaltra pagina
            • Copia o spostamento di piugrave contenuti da una pagina ad unrsquoaltra
              • Modulo DAM (Digital Asset Management)
                • Caricamento e Aggiornamento di file
                • Ricerca di file allrsquointerno del DAM e modifica delle meta-informazioni
                  • Modulo Pagine di download
                    • Inserimento e configurazione pagine di download
                      • Modulo Sitemap
                        • Scheda di configurazione Mappa
                        • Tipo di mappa
                        • Il ``punto di partenza della mappa
                          • Modulo News
                            • Inserimento e modifica di news
                            • Modalitagrave Relations
                            • News collegata a URL esterna e a pagina interna
                            • Eliminazione delle News
                            • Ordinamento delle News e ricerca
                              • Modulo Eventi
                                • Scopo del modulo Eventi
                                • Il Backend ndash Modulo Pagina
                                • Il Backend ndash Modulo Lista
                                • Creazione di un evento
Page 52: DocWeb€¦ · per la realizzazione e la gestione di siti web della Pubblica Am-ministrazione. La piattaforma tecnologica utilizzata è il CMS (Content Management System) Open SourceTypo31

DocWeb Release 101

Figura 413 Criteri di selezione

Figura 414 Salva selezione

42 Ricerca di file allrsquointerno del DAM e modifica delle meta-informazioni 49

DocWeb Release 101

Se in futuro saranno inseriti nuovi file che soddisfano la ricerca salvata questi verranno selezionati quandoverragrave richiamata la ricerca salvata

Dalla figura Ricerca salvata (page 50) egrave possibile notare come richiamare la ricerca salvata In questocaso abbiamo salvato la ricerca con il nome ldquoimmaginisenzagifrdquo

Figura 415 Ricerca salvata

Una volta che si egrave selezionata la ricerca egrave possibile

1 Premere il tasto Load per ricaricare la ricerca precedentemente impostata

2 Premere Remove per rimuovere la ricerca salvata

Una volta effettuata una particolare selezione di file egrave possibile (figura Schede backend media list(page 50))

Figura 416 Schede backend media list

1 vedere il contenuto della selezione (schede List e Thumbnails)

2 vedere i criteri impostati per la ricerca (scheda Selection)

3 modificare le meta-informazioni associate ai file (scheda Process) secondo quanto descritto inprecedenza

Nella figura Scheda selection (page 51) egrave visualizzato come selezionando la scheda Selection egrave possibileprendere visione dei criteri impostati nella ricerca (la ricerca egrave quella dellrsquoesempio precedente)

Selezionando le schede List e Thumbnails dopo avere effettuato una qualsiasi selezione si potrebbe avereuna situazione come quella mostrata nella figura Scheda list (page 51)

Cliccando sullrsquoicona corrispondente ad uno dei file presenti nella lista (selezionato con un cerchio rosso)egrave possibile accedere ad un menugrave contestuale (figura Menu contestuale DAM (page 51))che permette disvolgere le seguenti operazioni

Modifica Offre la possibilitagrave di visualizzare e modificare le meta-informazioni associate al file

Rinomina Selezionando la seguente voce egrave possibile assegnare un altro nome al file che si egrave caricato

Replace file Avvia lrsquooperazione di sostituzione del file

Info Visualizza informazioni relative al file

Cancella Rimuove il file dal DAM

42 Ricerca di file allrsquointerno del DAM e modifica delle meta-informazioni 50

DocWeb Release 101

Figura 417 Scheda selection

Figura 418 Scheda list

Figura 419 Menu contestuale DAM

42 Ricerca di file allrsquointerno del DAM e modifica delle meta-informazioni 51

CAPITOLO 5

Modulo Pagine di download

51 Inserimento e configurazione pagine di download

La creazione di pagine di download egrave utile quando si vuole mettere a disposizione una lista di uno o piugravefile in forma scaricabile

Per creare una pagina di download egrave necessario seguire i seguenti passi

1 Creare una pagina standard

2 Inserire il plugin DAM Download List

3 Configurare il plugin

Per creare una pagina egrave sufficiente entrare nel modulo Pagina e selezionare Crea nuovo record per accederealla finestra di creazione pagine

Nellrsquoesempio in figura Backend creazione contenuto (page 52) egrave stata creata la pagina denominata ldquoPaginadownloadrdquo come figlio della pagina ldquoPagina di provardquo

Figura 51 Backend creazione contenuto

Una volta creata la pagina occorre configurarla in maniera tale da permettere la visualizzazione di unalista di file scaricabili Per fare ciograve occorre inserire un plugin denominato ldquoDAM Download Listrdquo Unplugin egrave un contenuto speciale da inserire in una pagina

52

DocWeb Release 101

Per inserirlo come per un contenuto occorre seguire i seguenti passi (figura Backend creazione contenuto(page 52))

1 Selezionare la pagina in cui inserire il plugin Nellrsquoesempio la pagina denominata ldquoPaginadownloadrdquo

2 Selezionare la voce Clicca qui per il wizard nella maschera che compare quando si vuole inserire unnuovo record

Figura 52 Wizard nuovo contenuto

Oltre ai normali contenuti standard il wizard permette di selezionare (figura Wizard nuovo contenuto(page 53))

1 Contenuti speciali

2 Moduli

3 Plugins

Allrsquointerno della lista dei Plugins selezionare DAM Lista dei file scaricabili (punto 4 nella figura Wizardnuovo contenuto (page 53))

Dopo aver selezionato il plugin occorreragrave selezionare la posizione della pagina in cui inserire lrsquoelemento

Selezionare ldquoNormalerdquo

A questo punto il plugin egrave inserito nella pagina desiderata

51 Inserimento e configurazione pagine di download 53

DocWeb Release 101

Oltre allrsquoinserimento occorre configurare il plugin in modo da dirgli quali file far visualizzare

Una volta che il plugin viene inserito viene aperta una finestra (figura Contenuto pagina (page 54)) doveviene richiesto di selezionare dei file inseriti nel sistema

Figura 53 Contenuto pagina

Per proseguire correttamente egrave necessario salvare immediatamente il Contenuto Pagina altrimenti leoperazioni successive potrebbero andare perse

Per inserire i file nella lista occorre effettuare la seguente operazione (figura Contenuto pagina (page 54))

1 Nella parte della maschera denominata DAM Lista di file scaricabili selezionare lrsquoicona SfogliaRecord (cerchiata in rosso) per avviare la procedura di selezione dei file

Selezionando la voce Sfoglia Record verragrave aperto lrsquoElement Browser di TYPO3 che ci permette di se-lezionare i file da inserire nel plugin La finestra (figura Element browser (page 55)) egrave composta di dueschede

1 Media ndash permette di selezionare i file giagrave esistenti nel sistema

2 Upload ndash permette di caricare nuovi file

Selezionando la sezione Media egrave possibile selezionare dalla lista i file da inserire

51 Inserimento e configurazione pagine di download 54

DocWeb Release 101

Figura 54 Element browser

Se la lista dei file fosse troppo lunga egrave possibile effettuare delle ricerche per nome e per tipologia di file(doc htm )

Per cercare per nome (figura Ricerca per nome (page 55)) occorre inserire nella casella di testo Cercastringa (punto 1 nella figura sopra) il nome o parte del nome del file da cercare Una volta specificata lastringa di ricerca premere il tasto Cerca (punto 2)

Figura 55 Ricerca per nome

Per cercare un particolare tipo di file selezionare il nome dellrsquoestensione che si desidera dallrsquoelenco deitipi di file (figura Ricerca per tipo (page 56))

Nota I due tipi di ricerca possono essere usati contemporaneamente

Selezionando la voce informazioni (punto 1 nella figura Selezione file (page 56)) egrave possibile visualizzarele meta-informazioni associate al file

Premendo con il mouse sul nome del file (punto 2) o sullrsquoicona associata (punto 3) si inserisce il file nellalista dei file da far visualizzare nella pagina di download mediante lrsquoapposito plugin

Selezionando la scheda Upload si puograve inserire un file non presente nel sistema (figura Caricamentoimmediato file (page 56))

51 Inserimento e configurazione pagine di download 55

DocWeb Release 101

Figura 56 Ricerca per tipo

Figura 57 Selezione file

Figura 58 Caricamento immediato file

51 Inserimento e configurazione pagine di download 56

DocWeb Release 101

Scegliere i file dal proprio PC seguendo le operazioni giagrave descritte nel modulo DAM e selezionare dallascheda Media i nuovi file inseriti

Nella figura Plugin con file selezionati (page 57) egrave visualizzato un esempio di maschera di configurazionedel plugin con la lista dei file selezionati

Figura 59 Plugin con file selezionati

I file una volta inseriti possono essere ordinati selezionando sugli appositi bottoni posti a destra dellalista file

bull Per ordinare un determinato file occorre

bull Selezionare un file

Premere uno dei tasti (figura sopra) per

1 Spostare in prima posizione

2 Spostare in alto di una posizione

3 Spostare in basso di una posizione

4 Spostare in ultima posizione

5 Rimuovere dalla lista il file selezionato

Una volta eseguiti i passaggi sopra descritti salvare la configurazione del plugin

51 Inserimento e configurazione pagine di download 57

CAPITOLO 6

Modulo Sitemap

Ersquo possibile generare una mappa del sito scegliendo un contenuto speciale di tipo ldquoMappa del Sitordquo comemostrato nella figura Contenuto mappa del sito (page 58)

Figura 61 Contenuto mappa del sito

Per scegliere un record di tipo ldquomappa del sitordquo (per visualizzare cioegrave la vista dei contenuti possibili)saragrave necessario portarsi in modalitagrave ldquopaginardquo compiendo gli stessi passaggi descritti per la creazione dicontenuti semplici in fase di creazione delle pagine (in questo caso selezionando il contenuto specialemappa)

58

DocWeb Release 101

61 Scheda di configurazione Mappa

La scheda di configurazione si presenta come nella figura Scheda mappa del sito (page 59)

Figura 62 Scheda mappa del sito

I campi fondamentali da personalizzare sono lrsquointestazione (ossia il titolo pagina) il tipo di menugrave e ilpunto di partenza Nellrsquointestazione viene inserito come di consuetudine il titolo pagina

62 Tipo di mappa

Ersquo possibile scegliere il tipo di mappa che si desidera creare consultando il menugrave a tendina ldquotipo di menugraverdquoche ci offriragrave diverse opzioni

Le piugrave frequentemente usate sono di tipo ldquoMenugrave delle sottopagine rdquo come indicato nella figura Tipo dimenu (page 60)

Menugrave delle sottopagine di queste pagine Scegliendo questa opzione da una pagina padre sigenereragrave un record che mostreragrave al suo interno tutte le sottovoci figlio con relativo link

Menugrave delle sottopagine di queste pagine (con abstract) Genera una mappa sia delle sottopagineche dei sottotitoli

Menugrave delle sottopagine di queste pagine + sezioni Genera una mappa sia delle sottopagine chedei record (link alle intestazioni dei singoli record)

Selezionando voci di menugrave di sottopagine egrave anche possibile stabilire un determinato punto di partenzasfogliando lrsquoapposito record

61 Scheda di configurazione Mappa 59

DocWeb Release 101

Figura 63 Tipo di menu

63 Il ldquopunto di partenzardquo della mappa

Il ldquopunto di partenzardquo dei Menugrave delle sottopagine Scheda mappa del sito (page 59) costituisce la paginadalla quale il sistema partiragrave per creare la mappa

Si potragrave quindi creare una mappa (di tipo menugrave delle sottopagine) che mostri solamente il percorso diquella porzione di menugrave che si intende mostrare

63 Il ldquopunto di partenzardquo della mappa 60

CAPITOLO 7

Modulo News

71 Inserimento e modifica di news

Alcune sezioni del nostro sito potrebbero essere state configurate per permettere la visualizzazione dinotizie

Per poter visualizzare le news correttamente occorre che queste ultime vengano inserite in una determi-nata posizione allrsquointerno del backend Da questa posizione che chiameremo repository delle news lenostre pagine andranno a prelevare le news da visualizzare al loro interno

Figura 71 Backend news

Nellrsquoesempio presentato nella figura Backend news (page 61) distinguiamo

1 il repository delle news che egrave stato creato

2 Un esempio di come potrebbe apparire il contenuto del repository delle news (lista delle news)

Per poter visualizzare il contenuto del repository delle news occorre seguire i seguenti passi

1 entrare nel modulo Pagina

61

DocWeb Release 101

2 selezionare il repository delle news corrispondente (nellrsquoesempio della figura Backend news (page 61)il Repository delle news si chiama ldquoNews Area Testrdquo)

Poniamo ora la nostra attenzione alla lista delle news (figura Lista news (page 62)) Da qui egrave possibile

bull Inserire una nuova notizia

bull Modificare le notizie giagrave esistenti

Per inserire una nuova notizia occorre selezionare la voce Crea nuovo record (figura Lista news (page 62))posta in fondo alla lista delle news

Figura 72 Lista news

A questo punto si apre la finestra di creazione Nuovo record da cui occorre selezionare la voce News(figura Nuovo record news (page 62))

Figura 73 Nuovo record news

Eseguendo le operazioni sopra descritte si accede alla maschera di inserimento news (figura Inserimentonews scheda generale (page 63))

Questa si compone di due schede una denominata Generale e unrsquoaltra denominata Relations

Nella scheda Generale egrave possibile inserire

Titolo in questo spazio egrave possibile specificare un titolo della news

Nascondi questo controllo determina se la news egrave pubblicabile oppure no Come avviene per le pagineanche per le news egrave consigliabile tenere la news nascosta durante la lavorazione Facciamo notare

71 Inserimento e modifica di news 62

DocWeb Release 101

Figura 74 Inserimento news scheda generale

71 Inserimento e modifica di news 63

DocWeb Release 101

che appena viene aperta la maschera di inserimento di una nuova news il controllo appare giagrave instato nascosto

Dataora in questo spazio viene indicata la data e lrsquoora della creazione della news in base ai parametridi sistema

Data Archiviazione in questo spazio viene inserita la data di Archiviazione di una news

Autore permette di specificare un autore della news

Email permette di specificare un e-mail a cui fare riferimento

Sottointestazione questo campo conterragrave una breve descrizione (abstract) della news La sottointes-tazione egrave quella parte della news che compare quando viene visualizzata la lista delle news e serveper dare una breve descrizione al contenuto della news (si veda Esempio news (page 64))

Figura 75 Esempio news

Durante lrsquoinserimento di una news egrave consigliabile specificare sempre una sottointestazione

Testo egrave il campo che contiene il contenuto vero e proprio della news Egrave possibile utilizzare tutte lefunzionalitagrave messe a disposizione dallrsquoeditor RTE

72 Modalitagrave Relations

Nella modalitagrave Relations (figura Inserimento news scheda relations (page 65)) egrave possibile inserire

Immagini contiene una lista di immagini da associare alla news Il procedimento per la se-lezionecaricamento delle immagini egrave stato descritto nella parte dedicata alla creazione di paginedi download a cui vi rimandiamo

Didascalia permette di specificare una descrizione per lrsquoimmagine associata alla news

Image alttext e Image titletext permette di specificare un testo che in visualizzazione (Frontend)compariragrave al passaggio del mouse sopra lrsquoimmagine

News correlate permette di specificare news o pagine del sito da associare alla news Il procedimentodi selezione delle news da associare alla notizia saragrave spiegato successivamente

DAM elements permette di assegnare alla news dei documenti da scaricare come per esempioil programma di un determinato evento Anche in questo caso il procedimento per la se-lezionecaricamento dei documenti egrave quello giagrave descritto nella parte dedicata alla creazione dipagine di download

Descriviamo il procedimento da seguire per associare alcune pagine o alcune news alla notizia che stiamoinserendo

Premere il tasto di Sfoglia Record evidenziato nella figura Sfoglia record news (page 65)

Verragrave aperta una finestra che contiene un Element Browser che ci permette di selezionare le newspagine(figura Element browser news (page 66)) da associare

La finestra di selezione si suddivide nelle seguenti parti (figura sopra)

Alberatura del sito da cui egrave possibile esplorare gli elementi del nostro sito (pagine sysfolder )Premendo con il tasto sinistro del mouse sul nome della pagina o sulla freccia corrispondente verragraveaggiornata la parte di destra della finestra in cui egrave inserita la lista degli elementi associabili

72 Modalitagrave Relations 64

DocWeb Release 101

Figura 76 Inserimento news scheda relations

Figura 77 Sfoglia record news

72 Modalitagrave Relations 65

DocWeb Release 101

Figura 78 Element browser news

Lista degli elementi associabili egrave quindi possibile selezionare gli elementi da associare alla newsPer associare un elemento si puograve selezionare il simbolo ldquo+rdquo posto accanto allrsquoelemento desideratoo agendo sul nome del file Nel primo caso lrsquoelemento viene aggiunto ma la finestra non si chiuderagrave(utile per effettuare selezioni multiple) mentre nel secondo caso lrsquoelemento viene aggiunto e lafinestra si chiuderagrave (selezione singola)

Nota Per associare una o piugrave news alla notizia che stiamo inserendo occorreragrave innanzitutto selezionareil repository delle news e utilizzando i metodi descritti in precedenza indicare le news di interesse

Nella figura Selezione repository (page 66) viene visualizzato come appare lrsquoElement Browser dopo averselezionato il repository delle news denominato ldquoNews Corso Typo3rdquo

Figura 79 Selezione repository

Una volta ultimato il procedimento di inserimento di una news vedremo che nel repository compariragrave(figura News nel repository (page 67)) anche quella da noi creata Nellrsquoesempio la news creata si chiamaldquoTitolo della news di provardquo

Dalla lista delle news possiamo notare che i diversi tipi di news sono contrassegnati con icone diverse

In particolare distinguiamo

72 Modalitagrave Relations 66

DocWeb Release 101

Figura 710 News nel repository

bull News (icona ldquocelestinardquo)

bull Collegamento a URL esterna (icona ldquorosardquo)

bull Collegamento a pagina interna (icona ldquogiallinardquo)

Per modificare il contenuto di una news egrave sufficiente selezionare il simbolo di modifica (figura Modificanews (page 67)) in corrispondenza della news da modificare

Figura 711 Modifica news

73 News collegata a URL esterna e a pagina interna

Attraverso la selezione della finestra ldquoTipordquo egrave possibile scegliere diverse tipologie di news

Nella figura News collegata a url esterna (page 68) egrave stato selezionato il Collegamento a URL esterna checi offriragrave la possibilitagrave di specificare un link (ldquoURL esternordquo) da far visualizzare e che saragrave contraddistintain lista da lrsquoicona di colore rosa

Selezionando il Collegamento a pagina interna viene offerta la possibilitagrave di inserire un collegamento auna pagina del sito (evidenziato nella figura News collegata a pagina interna (page 69))

La news si presenteragrave con icona di color ldquogiallordquo e al suo interno conterragrave un link alla pagina interna alsito

73 News collegata a URL esterna e a pagina interna 67

DocWeb Release 101

Figura 712 News collegata a url esterna

73 News collegata a URL esterna e a pagina interna 68

DocWeb Release 101

Figura 713 News collegata a pagina interna

73 News collegata a URL esterna e a pagina interna 69

DocWeb Release 101

74 Eliminazione delle News

Per eliminare una news possiamo procedere tra lrsquoaltro in due modi

1 Selezionare la news da eliminare dallrsquoelenco e selezionare la voce ldquocancellardquo dal menugrave a tendinaconsultabile cliccando con il pulsante destro sullrsquoicona in corrispondenza della news (figura Eliminanews da menu contestuale (page 70))

Figura 714 Elimina news da menu contestuale

2 Entrare allrsquointerno della modalitagrave di modifica della news attraverso lrsquoicona ldquomatitardquo e selezionare lrsquoi-cona raffigurante il bidone di elimina posta in alto pagina (figura Elimina news da scheda contenuto(page 70))

Figura 715 Elimina news da scheda contenuto

75 Ordinamento delle News e ricerca

Puograve essere necessario durante la visualizzazione della lista delle news (lato backend) di dover effettuaredegli ordinamenti al fine di permettere una ricerca piugrave veloce delle news da modificare

74 Eliminazione delle News 70

DocWeb Release 101

Avvertimento Lrsquoordinamento ha valore solo come ricerca allrsquointerno del backend mentre latofrontend rispecchieragrave i parametri prestabiliti dal sistema

Supponiamo per esempio di voler effettuare un ordinamento per Titolo Seguiamo i seguenti passi(figura sotto)

1 Selezionare la voce di menugrave Lista

2 Selezionare il deposito delle news (repository) News Corso Typo3

3 Cliccare con il mouse in corrispondenza della voce ldquoTitolordquo

A questo punto (figura Ordinamento news (page 71)) le news vengono ordinate in ordine crescente(vengono visualizzate prima le news con titolo che inizia con la lettera a b e cosigrave via)

Figura 716 Ordinamento news

Se clicchiamo unrsquoaltra volta sulla voce ldquoTitolordquo il tipo di ordinamento cambia da crescente a decrescente(compariranno per prima le news con titolo che inizia per z )

Egrave inoltre possibile ordinare secondo campo da noi specificato Per definire il nome di un campo (ad estesto inizio autore ) su cui effettuare lrsquoordinamento occorreragrave spostarsi in fondo alla lista delle newsdove troveremo una lista di campi (figura Mostra campo aggiuntivo news (page 71))

Figura 717 Mostra campo aggiuntivo news

Dalla lista possiamo

bull Selezionare la voce in base alla quale effettuare lrsquoordinamento (ad esempio Immagini)

bull Premere il tasto Imposta campi per aggiungere alla lista dei campi visualizzati quello selezionato

75 Ordinamento delle News e ricerca 71

DocWeb Release 101

A questo punto il campo selezionato (nel nostro esempio il campo Immagini) compare nella lista dellenews (il campo aggiunto egrave evidenziato con un riquadro in alto a destra nella figura Ordinamento campoaggiuntivo news (page 72))

Figura 718 Ordinamento campo aggiuntivo news

Effettuare le stesse operazioni illustrate per il campo Titolo per ordinare in modo crescente e decrescentele news secondo il criterio impostato (click pulsante sinistro sul nome etichetta)

Egrave anche possibile ricercare le news in base al testo contenuto nel titolo sottotitolo descrizione eccUtilizzando la maschera di ricerca in fondo pagina (evidenziata nella figura Ricerca news (page 72))

Figura 719 Ricerca news

Per effettuare una ricerca egrave necessario seguire i seguenti passi

1 Inserire nel campo Cerca Stringa il testo da cercare (nel nostro esempio ldquonequerdquo)

2 Premere il tasto Cerca per eseguire la ricerca secondo i criteri impostati

In questo modo nella lista delle news compariranno solo quelle che contengono il testo specificatoEffettuata la ricerca egrave possibile effettuare degli ordinamenti come spiegato in precedenza

75 Ordinamento delle News e ricerca 72

CAPITOLO 8

Modulo Eventi

Avvertimento SEZIONE NON COMPLETA

Si confrontino i seguenti due tipi di contenuti

Evento egrave un tipo di contenuto adatto a descrivere qualcosa che accadragrave o che egrave accaduto in una certadata La data o le date in cui lrsquoevento ricorre sono strettamente legate ad un luogo in cui lrsquoeventosi verificheragravesi egrave verificato Gli eventi vengono rappresentati mediante la metafora dellrsquoagenda edel calendario

Notizia egrave un tipo di contenuto caratterizzato dalla data di pubblicazione secondo la metafora delgiornale online E come in un giornale online una notizia puograve riferirsi sia a fatti giagrave accaduti chea fatti a venire

Nota Per comprendere meglio la differenza tra i due tipi di contenuto si pensi che dato un eventoche ha una certa data di svolgimento (ad es 20 maggio) di tale evento posso realizzare piugrave di unanotizia Rimanendo nellrsquoesempio potrei pubblicare una notizia il 10 maggio per preannunciare lrsquoeventoe poi unrsquoaltra il 18 maggio per ricordarne lrsquoimminenza Infine potrei pubblicare una notizia di riepilogo(cronaca dellrsquoevento immagini ecc) il 22 maggio

81 Scopo del modulo Eventi

Il visitatore del sito deve poter cogliere le informazioni essenziali di un evento

bull Cosa sta per succedere

bull Dove accadragrave

bull Quando accadragrave

82 Il Backend ndash Modulo Pagina

Vedi figura Eventi vista modulo pagina (page 74)

83 Il Backend ndash Modulo Lista

Vedi figura Eventi vista modulo lista (page 74)

73

DocWeb Release 101

Figura 81 Eventi vista modulo pagina

Figura 82 Eventi vista modulo lista

83 Il Backend ndash Modulo Lista 74

DocWeb Release 101

84 Creazione di un evento

Prima di procedere poniamoci qualche domanda

bull Lrsquoevento appartiene a qualche rassegna iniziativa per la quale sono in programma altri eventiPer esempio

ndash Rassegne teatrali cinematografiche

ndash Festival

bull Lrsquoevento si ripete

ndash La replica avviene sempre nello stesso luogo

841 Creazione del record

Vedi figura Creazione nuovo evento (page 75)

Vedi figura Creazione nuovo record evento (page 76)

Figura 83 Creazione nuovo evento

842 Scheda ldquoGeneralerdquo

Vedi figura Evento scheda generale (page 76)

843 Scheda ldquoFinestra temporalerdquo

Orario repliche

Vedi figura Evento finestra temporale (page 78)

84 Creazione di un evento 75

DocWeb Release 101

Figura 84 Creazione nuovo record evento

Figura 85 Evento scheda generale

84 Creazione di un evento 76

DocWeb Release 101

bull Lrsquoorario va solo per le Finestre temporali di un giorno (data inizio = data fine)

bull Se non si conosce lrsquoora della fine impostare ora inizio = ora fine

844 Scheda ldquoTestordquo

Vedi figura Evento scheda testo (page 79)

84 Creazione di un evento 77

DocWeb Release 101

Figura 86 Evento finestra temporale

84 Creazione di un evento 78

DocWeb Release 101

Figura 87 Evento scheda testo84 Creazione di un evento 79

  • Introduzione
    • Cosegrave DocWeb
    • Concetti chiave
      • Funzionalitagrave di Base
        • Il CMS Typo3 ldquobackendrdquo e ldquofrontendrdquo
        • Cambio password di accesso
        • Albero delle pagine
        • Implementazione delle pagine ldquogenitori rdquo e ldquofiglirdquo
        • Inserimento Nuova pagina
        • Elementi standard della pagina
        • Inserimento contenuti di una pagina
        • Contenuti multipli allrsquointerno di una pagina
        • Modifica dei contenuti della pagina
        • Spostamento di pagine
        • Eliminazione pagine
        • Rich Text Editor
        • Modalitagrave Lista
        • Modalitagrave Mostra
        • Modalitagrave ldquoMonta come radice dellrsquoalberordquo
        • Ottenere il page-id di una pagina
        • Admin Panel
          • La Clipboard
            • Copia o spostamento di un contenuto singolo di pagina allrsquointerno di unrsquoaltra pagina
            • Copia o spostamento di piugrave contenuti da una pagina ad unrsquoaltra
              • Modulo DAM (Digital Asset Management)
                • Caricamento e Aggiornamento di file
                • Ricerca di file allrsquointerno del DAM e modifica delle meta-informazioni
                  • Modulo Pagine di download
                    • Inserimento e configurazione pagine di download
                      • Modulo Sitemap
                        • Scheda di configurazione Mappa
                        • Tipo di mappa
                        • Il ``punto di partenza della mappa
                          • Modulo News
                            • Inserimento e modifica di news
                            • Modalitagrave Relations
                            • News collegata a URL esterna e a pagina interna
                            • Eliminazione delle News
                            • Ordinamento delle News e ricerca
                              • Modulo Eventi
                                • Scopo del modulo Eventi
                                • Il Backend ndash Modulo Pagina
                                • Il Backend ndash Modulo Lista
                                • Creazione di un evento
Page 53: DocWeb€¦ · per la realizzazione e la gestione di siti web della Pubblica Am-ministrazione. La piattaforma tecnologica utilizzata è il CMS (Content Management System) Open SourceTypo31

DocWeb Release 101

Se in futuro saranno inseriti nuovi file che soddisfano la ricerca salvata questi verranno selezionati quandoverragrave richiamata la ricerca salvata

Dalla figura Ricerca salvata (page 50) egrave possibile notare come richiamare la ricerca salvata In questocaso abbiamo salvato la ricerca con il nome ldquoimmaginisenzagifrdquo

Figura 415 Ricerca salvata

Una volta che si egrave selezionata la ricerca egrave possibile

1 Premere il tasto Load per ricaricare la ricerca precedentemente impostata

2 Premere Remove per rimuovere la ricerca salvata

Una volta effettuata una particolare selezione di file egrave possibile (figura Schede backend media list(page 50))

Figura 416 Schede backend media list

1 vedere il contenuto della selezione (schede List e Thumbnails)

2 vedere i criteri impostati per la ricerca (scheda Selection)

3 modificare le meta-informazioni associate ai file (scheda Process) secondo quanto descritto inprecedenza

Nella figura Scheda selection (page 51) egrave visualizzato come selezionando la scheda Selection egrave possibileprendere visione dei criteri impostati nella ricerca (la ricerca egrave quella dellrsquoesempio precedente)

Selezionando le schede List e Thumbnails dopo avere effettuato una qualsiasi selezione si potrebbe avereuna situazione come quella mostrata nella figura Scheda list (page 51)

Cliccando sullrsquoicona corrispondente ad uno dei file presenti nella lista (selezionato con un cerchio rosso)egrave possibile accedere ad un menugrave contestuale (figura Menu contestuale DAM (page 51))che permette disvolgere le seguenti operazioni

Modifica Offre la possibilitagrave di visualizzare e modificare le meta-informazioni associate al file

Rinomina Selezionando la seguente voce egrave possibile assegnare un altro nome al file che si egrave caricato

Replace file Avvia lrsquooperazione di sostituzione del file

Info Visualizza informazioni relative al file

Cancella Rimuove il file dal DAM

42 Ricerca di file allrsquointerno del DAM e modifica delle meta-informazioni 50

DocWeb Release 101

Figura 417 Scheda selection

Figura 418 Scheda list

Figura 419 Menu contestuale DAM

42 Ricerca di file allrsquointerno del DAM e modifica delle meta-informazioni 51

CAPITOLO 5

Modulo Pagine di download

51 Inserimento e configurazione pagine di download

La creazione di pagine di download egrave utile quando si vuole mettere a disposizione una lista di uno o piugravefile in forma scaricabile

Per creare una pagina di download egrave necessario seguire i seguenti passi

1 Creare una pagina standard

2 Inserire il plugin DAM Download List

3 Configurare il plugin

Per creare una pagina egrave sufficiente entrare nel modulo Pagina e selezionare Crea nuovo record per accederealla finestra di creazione pagine

Nellrsquoesempio in figura Backend creazione contenuto (page 52) egrave stata creata la pagina denominata ldquoPaginadownloadrdquo come figlio della pagina ldquoPagina di provardquo

Figura 51 Backend creazione contenuto

Una volta creata la pagina occorre configurarla in maniera tale da permettere la visualizzazione di unalista di file scaricabili Per fare ciograve occorre inserire un plugin denominato ldquoDAM Download Listrdquo Unplugin egrave un contenuto speciale da inserire in una pagina

52

DocWeb Release 101

Per inserirlo come per un contenuto occorre seguire i seguenti passi (figura Backend creazione contenuto(page 52))

1 Selezionare la pagina in cui inserire il plugin Nellrsquoesempio la pagina denominata ldquoPaginadownloadrdquo

2 Selezionare la voce Clicca qui per il wizard nella maschera che compare quando si vuole inserire unnuovo record

Figura 52 Wizard nuovo contenuto

Oltre ai normali contenuti standard il wizard permette di selezionare (figura Wizard nuovo contenuto(page 53))

1 Contenuti speciali

2 Moduli

3 Plugins

Allrsquointerno della lista dei Plugins selezionare DAM Lista dei file scaricabili (punto 4 nella figura Wizardnuovo contenuto (page 53))

Dopo aver selezionato il plugin occorreragrave selezionare la posizione della pagina in cui inserire lrsquoelemento

Selezionare ldquoNormalerdquo

A questo punto il plugin egrave inserito nella pagina desiderata

51 Inserimento e configurazione pagine di download 53

DocWeb Release 101

Oltre allrsquoinserimento occorre configurare il plugin in modo da dirgli quali file far visualizzare

Una volta che il plugin viene inserito viene aperta una finestra (figura Contenuto pagina (page 54)) doveviene richiesto di selezionare dei file inseriti nel sistema

Figura 53 Contenuto pagina

Per proseguire correttamente egrave necessario salvare immediatamente il Contenuto Pagina altrimenti leoperazioni successive potrebbero andare perse

Per inserire i file nella lista occorre effettuare la seguente operazione (figura Contenuto pagina (page 54))

1 Nella parte della maschera denominata DAM Lista di file scaricabili selezionare lrsquoicona SfogliaRecord (cerchiata in rosso) per avviare la procedura di selezione dei file

Selezionando la voce Sfoglia Record verragrave aperto lrsquoElement Browser di TYPO3 che ci permette di se-lezionare i file da inserire nel plugin La finestra (figura Element browser (page 55)) egrave composta di dueschede

1 Media ndash permette di selezionare i file giagrave esistenti nel sistema

2 Upload ndash permette di caricare nuovi file

Selezionando la sezione Media egrave possibile selezionare dalla lista i file da inserire

51 Inserimento e configurazione pagine di download 54

DocWeb Release 101

Figura 54 Element browser

Se la lista dei file fosse troppo lunga egrave possibile effettuare delle ricerche per nome e per tipologia di file(doc htm )

Per cercare per nome (figura Ricerca per nome (page 55)) occorre inserire nella casella di testo Cercastringa (punto 1 nella figura sopra) il nome o parte del nome del file da cercare Una volta specificata lastringa di ricerca premere il tasto Cerca (punto 2)

Figura 55 Ricerca per nome

Per cercare un particolare tipo di file selezionare il nome dellrsquoestensione che si desidera dallrsquoelenco deitipi di file (figura Ricerca per tipo (page 56))

Nota I due tipi di ricerca possono essere usati contemporaneamente

Selezionando la voce informazioni (punto 1 nella figura Selezione file (page 56)) egrave possibile visualizzarele meta-informazioni associate al file

Premendo con il mouse sul nome del file (punto 2) o sullrsquoicona associata (punto 3) si inserisce il file nellalista dei file da far visualizzare nella pagina di download mediante lrsquoapposito plugin

Selezionando la scheda Upload si puograve inserire un file non presente nel sistema (figura Caricamentoimmediato file (page 56))

51 Inserimento e configurazione pagine di download 55

DocWeb Release 101

Figura 56 Ricerca per tipo

Figura 57 Selezione file

Figura 58 Caricamento immediato file

51 Inserimento e configurazione pagine di download 56

DocWeb Release 101

Scegliere i file dal proprio PC seguendo le operazioni giagrave descritte nel modulo DAM e selezionare dallascheda Media i nuovi file inseriti

Nella figura Plugin con file selezionati (page 57) egrave visualizzato un esempio di maschera di configurazionedel plugin con la lista dei file selezionati

Figura 59 Plugin con file selezionati

I file una volta inseriti possono essere ordinati selezionando sugli appositi bottoni posti a destra dellalista file

bull Per ordinare un determinato file occorre

bull Selezionare un file

Premere uno dei tasti (figura sopra) per

1 Spostare in prima posizione

2 Spostare in alto di una posizione

3 Spostare in basso di una posizione

4 Spostare in ultima posizione

5 Rimuovere dalla lista il file selezionato

Una volta eseguiti i passaggi sopra descritti salvare la configurazione del plugin

51 Inserimento e configurazione pagine di download 57

CAPITOLO 6

Modulo Sitemap

Ersquo possibile generare una mappa del sito scegliendo un contenuto speciale di tipo ldquoMappa del Sitordquo comemostrato nella figura Contenuto mappa del sito (page 58)

Figura 61 Contenuto mappa del sito

Per scegliere un record di tipo ldquomappa del sitordquo (per visualizzare cioegrave la vista dei contenuti possibili)saragrave necessario portarsi in modalitagrave ldquopaginardquo compiendo gli stessi passaggi descritti per la creazione dicontenuti semplici in fase di creazione delle pagine (in questo caso selezionando il contenuto specialemappa)

58

DocWeb Release 101

61 Scheda di configurazione Mappa

La scheda di configurazione si presenta come nella figura Scheda mappa del sito (page 59)

Figura 62 Scheda mappa del sito

I campi fondamentali da personalizzare sono lrsquointestazione (ossia il titolo pagina) il tipo di menugrave e ilpunto di partenza Nellrsquointestazione viene inserito come di consuetudine il titolo pagina

62 Tipo di mappa

Ersquo possibile scegliere il tipo di mappa che si desidera creare consultando il menugrave a tendina ldquotipo di menugraverdquoche ci offriragrave diverse opzioni

Le piugrave frequentemente usate sono di tipo ldquoMenugrave delle sottopagine rdquo come indicato nella figura Tipo dimenu (page 60)

Menugrave delle sottopagine di queste pagine Scegliendo questa opzione da una pagina padre sigenereragrave un record che mostreragrave al suo interno tutte le sottovoci figlio con relativo link

Menugrave delle sottopagine di queste pagine (con abstract) Genera una mappa sia delle sottopagineche dei sottotitoli

Menugrave delle sottopagine di queste pagine + sezioni Genera una mappa sia delle sottopagine chedei record (link alle intestazioni dei singoli record)

Selezionando voci di menugrave di sottopagine egrave anche possibile stabilire un determinato punto di partenzasfogliando lrsquoapposito record

61 Scheda di configurazione Mappa 59

DocWeb Release 101

Figura 63 Tipo di menu

63 Il ldquopunto di partenzardquo della mappa

Il ldquopunto di partenzardquo dei Menugrave delle sottopagine Scheda mappa del sito (page 59) costituisce la paginadalla quale il sistema partiragrave per creare la mappa

Si potragrave quindi creare una mappa (di tipo menugrave delle sottopagine) che mostri solamente il percorso diquella porzione di menugrave che si intende mostrare

63 Il ldquopunto di partenzardquo della mappa 60

CAPITOLO 7

Modulo News

71 Inserimento e modifica di news

Alcune sezioni del nostro sito potrebbero essere state configurate per permettere la visualizzazione dinotizie

Per poter visualizzare le news correttamente occorre che queste ultime vengano inserite in una determi-nata posizione allrsquointerno del backend Da questa posizione che chiameremo repository delle news lenostre pagine andranno a prelevare le news da visualizzare al loro interno

Figura 71 Backend news

Nellrsquoesempio presentato nella figura Backend news (page 61) distinguiamo

1 il repository delle news che egrave stato creato

2 Un esempio di come potrebbe apparire il contenuto del repository delle news (lista delle news)

Per poter visualizzare il contenuto del repository delle news occorre seguire i seguenti passi

1 entrare nel modulo Pagina

61

DocWeb Release 101

2 selezionare il repository delle news corrispondente (nellrsquoesempio della figura Backend news (page 61)il Repository delle news si chiama ldquoNews Area Testrdquo)

Poniamo ora la nostra attenzione alla lista delle news (figura Lista news (page 62)) Da qui egrave possibile

bull Inserire una nuova notizia

bull Modificare le notizie giagrave esistenti

Per inserire una nuova notizia occorre selezionare la voce Crea nuovo record (figura Lista news (page 62))posta in fondo alla lista delle news

Figura 72 Lista news

A questo punto si apre la finestra di creazione Nuovo record da cui occorre selezionare la voce News(figura Nuovo record news (page 62))

Figura 73 Nuovo record news

Eseguendo le operazioni sopra descritte si accede alla maschera di inserimento news (figura Inserimentonews scheda generale (page 63))

Questa si compone di due schede una denominata Generale e unrsquoaltra denominata Relations

Nella scheda Generale egrave possibile inserire

Titolo in questo spazio egrave possibile specificare un titolo della news

Nascondi questo controllo determina se la news egrave pubblicabile oppure no Come avviene per le pagineanche per le news egrave consigliabile tenere la news nascosta durante la lavorazione Facciamo notare

71 Inserimento e modifica di news 62

DocWeb Release 101

Figura 74 Inserimento news scheda generale

71 Inserimento e modifica di news 63

DocWeb Release 101

che appena viene aperta la maschera di inserimento di una nuova news il controllo appare giagrave instato nascosto

Dataora in questo spazio viene indicata la data e lrsquoora della creazione della news in base ai parametridi sistema

Data Archiviazione in questo spazio viene inserita la data di Archiviazione di una news

Autore permette di specificare un autore della news

Email permette di specificare un e-mail a cui fare riferimento

Sottointestazione questo campo conterragrave una breve descrizione (abstract) della news La sottointes-tazione egrave quella parte della news che compare quando viene visualizzata la lista delle news e serveper dare una breve descrizione al contenuto della news (si veda Esempio news (page 64))

Figura 75 Esempio news

Durante lrsquoinserimento di una news egrave consigliabile specificare sempre una sottointestazione

Testo egrave il campo che contiene il contenuto vero e proprio della news Egrave possibile utilizzare tutte lefunzionalitagrave messe a disposizione dallrsquoeditor RTE

72 Modalitagrave Relations

Nella modalitagrave Relations (figura Inserimento news scheda relations (page 65)) egrave possibile inserire

Immagini contiene una lista di immagini da associare alla news Il procedimento per la se-lezionecaricamento delle immagini egrave stato descritto nella parte dedicata alla creazione di paginedi download a cui vi rimandiamo

Didascalia permette di specificare una descrizione per lrsquoimmagine associata alla news

Image alttext e Image titletext permette di specificare un testo che in visualizzazione (Frontend)compariragrave al passaggio del mouse sopra lrsquoimmagine

News correlate permette di specificare news o pagine del sito da associare alla news Il procedimentodi selezione delle news da associare alla notizia saragrave spiegato successivamente

DAM elements permette di assegnare alla news dei documenti da scaricare come per esempioil programma di un determinato evento Anche in questo caso il procedimento per la se-lezionecaricamento dei documenti egrave quello giagrave descritto nella parte dedicata alla creazione dipagine di download

Descriviamo il procedimento da seguire per associare alcune pagine o alcune news alla notizia che stiamoinserendo

Premere il tasto di Sfoglia Record evidenziato nella figura Sfoglia record news (page 65)

Verragrave aperta una finestra che contiene un Element Browser che ci permette di selezionare le newspagine(figura Element browser news (page 66)) da associare

La finestra di selezione si suddivide nelle seguenti parti (figura sopra)

Alberatura del sito da cui egrave possibile esplorare gli elementi del nostro sito (pagine sysfolder )Premendo con il tasto sinistro del mouse sul nome della pagina o sulla freccia corrispondente verragraveaggiornata la parte di destra della finestra in cui egrave inserita la lista degli elementi associabili

72 Modalitagrave Relations 64

DocWeb Release 101

Figura 76 Inserimento news scheda relations

Figura 77 Sfoglia record news

72 Modalitagrave Relations 65

DocWeb Release 101

Figura 78 Element browser news

Lista degli elementi associabili egrave quindi possibile selezionare gli elementi da associare alla newsPer associare un elemento si puograve selezionare il simbolo ldquo+rdquo posto accanto allrsquoelemento desideratoo agendo sul nome del file Nel primo caso lrsquoelemento viene aggiunto ma la finestra non si chiuderagrave(utile per effettuare selezioni multiple) mentre nel secondo caso lrsquoelemento viene aggiunto e lafinestra si chiuderagrave (selezione singola)

Nota Per associare una o piugrave news alla notizia che stiamo inserendo occorreragrave innanzitutto selezionareil repository delle news e utilizzando i metodi descritti in precedenza indicare le news di interesse

Nella figura Selezione repository (page 66) viene visualizzato come appare lrsquoElement Browser dopo averselezionato il repository delle news denominato ldquoNews Corso Typo3rdquo

Figura 79 Selezione repository

Una volta ultimato il procedimento di inserimento di una news vedremo che nel repository compariragrave(figura News nel repository (page 67)) anche quella da noi creata Nellrsquoesempio la news creata si chiamaldquoTitolo della news di provardquo

Dalla lista delle news possiamo notare che i diversi tipi di news sono contrassegnati con icone diverse

In particolare distinguiamo

72 Modalitagrave Relations 66

DocWeb Release 101

Figura 710 News nel repository

bull News (icona ldquocelestinardquo)

bull Collegamento a URL esterna (icona ldquorosardquo)

bull Collegamento a pagina interna (icona ldquogiallinardquo)

Per modificare il contenuto di una news egrave sufficiente selezionare il simbolo di modifica (figura Modificanews (page 67)) in corrispondenza della news da modificare

Figura 711 Modifica news

73 News collegata a URL esterna e a pagina interna

Attraverso la selezione della finestra ldquoTipordquo egrave possibile scegliere diverse tipologie di news

Nella figura News collegata a url esterna (page 68) egrave stato selezionato il Collegamento a URL esterna checi offriragrave la possibilitagrave di specificare un link (ldquoURL esternordquo) da far visualizzare e che saragrave contraddistintain lista da lrsquoicona di colore rosa

Selezionando il Collegamento a pagina interna viene offerta la possibilitagrave di inserire un collegamento auna pagina del sito (evidenziato nella figura News collegata a pagina interna (page 69))

La news si presenteragrave con icona di color ldquogiallordquo e al suo interno conterragrave un link alla pagina interna alsito

73 News collegata a URL esterna e a pagina interna 67

DocWeb Release 101

Figura 712 News collegata a url esterna

73 News collegata a URL esterna e a pagina interna 68

DocWeb Release 101

Figura 713 News collegata a pagina interna

73 News collegata a URL esterna e a pagina interna 69

DocWeb Release 101

74 Eliminazione delle News

Per eliminare una news possiamo procedere tra lrsquoaltro in due modi

1 Selezionare la news da eliminare dallrsquoelenco e selezionare la voce ldquocancellardquo dal menugrave a tendinaconsultabile cliccando con il pulsante destro sullrsquoicona in corrispondenza della news (figura Eliminanews da menu contestuale (page 70))

Figura 714 Elimina news da menu contestuale

2 Entrare allrsquointerno della modalitagrave di modifica della news attraverso lrsquoicona ldquomatitardquo e selezionare lrsquoi-cona raffigurante il bidone di elimina posta in alto pagina (figura Elimina news da scheda contenuto(page 70))

Figura 715 Elimina news da scheda contenuto

75 Ordinamento delle News e ricerca

Puograve essere necessario durante la visualizzazione della lista delle news (lato backend) di dover effettuaredegli ordinamenti al fine di permettere una ricerca piugrave veloce delle news da modificare

74 Eliminazione delle News 70

DocWeb Release 101

Avvertimento Lrsquoordinamento ha valore solo come ricerca allrsquointerno del backend mentre latofrontend rispecchieragrave i parametri prestabiliti dal sistema

Supponiamo per esempio di voler effettuare un ordinamento per Titolo Seguiamo i seguenti passi(figura sotto)

1 Selezionare la voce di menugrave Lista

2 Selezionare il deposito delle news (repository) News Corso Typo3

3 Cliccare con il mouse in corrispondenza della voce ldquoTitolordquo

A questo punto (figura Ordinamento news (page 71)) le news vengono ordinate in ordine crescente(vengono visualizzate prima le news con titolo che inizia con la lettera a b e cosigrave via)

Figura 716 Ordinamento news

Se clicchiamo unrsquoaltra volta sulla voce ldquoTitolordquo il tipo di ordinamento cambia da crescente a decrescente(compariranno per prima le news con titolo che inizia per z )

Egrave inoltre possibile ordinare secondo campo da noi specificato Per definire il nome di un campo (ad estesto inizio autore ) su cui effettuare lrsquoordinamento occorreragrave spostarsi in fondo alla lista delle newsdove troveremo una lista di campi (figura Mostra campo aggiuntivo news (page 71))

Figura 717 Mostra campo aggiuntivo news

Dalla lista possiamo

bull Selezionare la voce in base alla quale effettuare lrsquoordinamento (ad esempio Immagini)

bull Premere il tasto Imposta campi per aggiungere alla lista dei campi visualizzati quello selezionato

75 Ordinamento delle News e ricerca 71

DocWeb Release 101

A questo punto il campo selezionato (nel nostro esempio il campo Immagini) compare nella lista dellenews (il campo aggiunto egrave evidenziato con un riquadro in alto a destra nella figura Ordinamento campoaggiuntivo news (page 72))

Figura 718 Ordinamento campo aggiuntivo news

Effettuare le stesse operazioni illustrate per il campo Titolo per ordinare in modo crescente e decrescentele news secondo il criterio impostato (click pulsante sinistro sul nome etichetta)

Egrave anche possibile ricercare le news in base al testo contenuto nel titolo sottotitolo descrizione eccUtilizzando la maschera di ricerca in fondo pagina (evidenziata nella figura Ricerca news (page 72))

Figura 719 Ricerca news

Per effettuare una ricerca egrave necessario seguire i seguenti passi

1 Inserire nel campo Cerca Stringa il testo da cercare (nel nostro esempio ldquonequerdquo)

2 Premere il tasto Cerca per eseguire la ricerca secondo i criteri impostati

In questo modo nella lista delle news compariranno solo quelle che contengono il testo specificatoEffettuata la ricerca egrave possibile effettuare degli ordinamenti come spiegato in precedenza

75 Ordinamento delle News e ricerca 72

CAPITOLO 8

Modulo Eventi

Avvertimento SEZIONE NON COMPLETA

Si confrontino i seguenti due tipi di contenuti

Evento egrave un tipo di contenuto adatto a descrivere qualcosa che accadragrave o che egrave accaduto in una certadata La data o le date in cui lrsquoevento ricorre sono strettamente legate ad un luogo in cui lrsquoeventosi verificheragravesi egrave verificato Gli eventi vengono rappresentati mediante la metafora dellrsquoagenda edel calendario

Notizia egrave un tipo di contenuto caratterizzato dalla data di pubblicazione secondo la metafora delgiornale online E come in un giornale online una notizia puograve riferirsi sia a fatti giagrave accaduti chea fatti a venire

Nota Per comprendere meglio la differenza tra i due tipi di contenuto si pensi che dato un eventoche ha una certa data di svolgimento (ad es 20 maggio) di tale evento posso realizzare piugrave di unanotizia Rimanendo nellrsquoesempio potrei pubblicare una notizia il 10 maggio per preannunciare lrsquoeventoe poi unrsquoaltra il 18 maggio per ricordarne lrsquoimminenza Infine potrei pubblicare una notizia di riepilogo(cronaca dellrsquoevento immagini ecc) il 22 maggio

81 Scopo del modulo Eventi

Il visitatore del sito deve poter cogliere le informazioni essenziali di un evento

bull Cosa sta per succedere

bull Dove accadragrave

bull Quando accadragrave

82 Il Backend ndash Modulo Pagina

Vedi figura Eventi vista modulo pagina (page 74)

83 Il Backend ndash Modulo Lista

Vedi figura Eventi vista modulo lista (page 74)

73

DocWeb Release 101

Figura 81 Eventi vista modulo pagina

Figura 82 Eventi vista modulo lista

83 Il Backend ndash Modulo Lista 74

DocWeb Release 101

84 Creazione di un evento

Prima di procedere poniamoci qualche domanda

bull Lrsquoevento appartiene a qualche rassegna iniziativa per la quale sono in programma altri eventiPer esempio

ndash Rassegne teatrali cinematografiche

ndash Festival

bull Lrsquoevento si ripete

ndash La replica avviene sempre nello stesso luogo

841 Creazione del record

Vedi figura Creazione nuovo evento (page 75)

Vedi figura Creazione nuovo record evento (page 76)

Figura 83 Creazione nuovo evento

842 Scheda ldquoGeneralerdquo

Vedi figura Evento scheda generale (page 76)

843 Scheda ldquoFinestra temporalerdquo

Orario repliche

Vedi figura Evento finestra temporale (page 78)

84 Creazione di un evento 75

DocWeb Release 101

Figura 84 Creazione nuovo record evento

Figura 85 Evento scheda generale

84 Creazione di un evento 76

DocWeb Release 101

bull Lrsquoorario va solo per le Finestre temporali di un giorno (data inizio = data fine)

bull Se non si conosce lrsquoora della fine impostare ora inizio = ora fine

844 Scheda ldquoTestordquo

Vedi figura Evento scheda testo (page 79)

84 Creazione di un evento 77

DocWeb Release 101

Figura 86 Evento finestra temporale

84 Creazione di un evento 78

DocWeb Release 101

Figura 87 Evento scheda testo84 Creazione di un evento 79

  • Introduzione
    • Cosegrave DocWeb
    • Concetti chiave
      • Funzionalitagrave di Base
        • Il CMS Typo3 ldquobackendrdquo e ldquofrontendrdquo
        • Cambio password di accesso
        • Albero delle pagine
        • Implementazione delle pagine ldquogenitori rdquo e ldquofiglirdquo
        • Inserimento Nuova pagina
        • Elementi standard della pagina
        • Inserimento contenuti di una pagina
        • Contenuti multipli allrsquointerno di una pagina
        • Modifica dei contenuti della pagina
        • Spostamento di pagine
        • Eliminazione pagine
        • Rich Text Editor
        • Modalitagrave Lista
        • Modalitagrave Mostra
        • Modalitagrave ldquoMonta come radice dellrsquoalberordquo
        • Ottenere il page-id di una pagina
        • Admin Panel
          • La Clipboard
            • Copia o spostamento di un contenuto singolo di pagina allrsquointerno di unrsquoaltra pagina
            • Copia o spostamento di piugrave contenuti da una pagina ad unrsquoaltra
              • Modulo DAM (Digital Asset Management)
                • Caricamento e Aggiornamento di file
                • Ricerca di file allrsquointerno del DAM e modifica delle meta-informazioni
                  • Modulo Pagine di download
                    • Inserimento e configurazione pagine di download
                      • Modulo Sitemap
                        • Scheda di configurazione Mappa
                        • Tipo di mappa
                        • Il ``punto di partenza della mappa
                          • Modulo News
                            • Inserimento e modifica di news
                            • Modalitagrave Relations
                            • News collegata a URL esterna e a pagina interna
                            • Eliminazione delle News
                            • Ordinamento delle News e ricerca
                              • Modulo Eventi
                                • Scopo del modulo Eventi
                                • Il Backend ndash Modulo Pagina
                                • Il Backend ndash Modulo Lista
                                • Creazione di un evento
Page 54: DocWeb€¦ · per la realizzazione e la gestione di siti web della Pubblica Am-ministrazione. La piattaforma tecnologica utilizzata è il CMS (Content Management System) Open SourceTypo31

DocWeb Release 101

Figura 417 Scheda selection

Figura 418 Scheda list

Figura 419 Menu contestuale DAM

42 Ricerca di file allrsquointerno del DAM e modifica delle meta-informazioni 51

CAPITOLO 5

Modulo Pagine di download

51 Inserimento e configurazione pagine di download

La creazione di pagine di download egrave utile quando si vuole mettere a disposizione una lista di uno o piugravefile in forma scaricabile

Per creare una pagina di download egrave necessario seguire i seguenti passi

1 Creare una pagina standard

2 Inserire il plugin DAM Download List

3 Configurare il plugin

Per creare una pagina egrave sufficiente entrare nel modulo Pagina e selezionare Crea nuovo record per accederealla finestra di creazione pagine

Nellrsquoesempio in figura Backend creazione contenuto (page 52) egrave stata creata la pagina denominata ldquoPaginadownloadrdquo come figlio della pagina ldquoPagina di provardquo

Figura 51 Backend creazione contenuto

Una volta creata la pagina occorre configurarla in maniera tale da permettere la visualizzazione di unalista di file scaricabili Per fare ciograve occorre inserire un plugin denominato ldquoDAM Download Listrdquo Unplugin egrave un contenuto speciale da inserire in una pagina

52

DocWeb Release 101

Per inserirlo come per un contenuto occorre seguire i seguenti passi (figura Backend creazione contenuto(page 52))

1 Selezionare la pagina in cui inserire il plugin Nellrsquoesempio la pagina denominata ldquoPaginadownloadrdquo

2 Selezionare la voce Clicca qui per il wizard nella maschera che compare quando si vuole inserire unnuovo record

Figura 52 Wizard nuovo contenuto

Oltre ai normali contenuti standard il wizard permette di selezionare (figura Wizard nuovo contenuto(page 53))

1 Contenuti speciali

2 Moduli

3 Plugins

Allrsquointerno della lista dei Plugins selezionare DAM Lista dei file scaricabili (punto 4 nella figura Wizardnuovo contenuto (page 53))

Dopo aver selezionato il plugin occorreragrave selezionare la posizione della pagina in cui inserire lrsquoelemento

Selezionare ldquoNormalerdquo

A questo punto il plugin egrave inserito nella pagina desiderata

51 Inserimento e configurazione pagine di download 53

DocWeb Release 101

Oltre allrsquoinserimento occorre configurare il plugin in modo da dirgli quali file far visualizzare

Una volta che il plugin viene inserito viene aperta una finestra (figura Contenuto pagina (page 54)) doveviene richiesto di selezionare dei file inseriti nel sistema

Figura 53 Contenuto pagina

Per proseguire correttamente egrave necessario salvare immediatamente il Contenuto Pagina altrimenti leoperazioni successive potrebbero andare perse

Per inserire i file nella lista occorre effettuare la seguente operazione (figura Contenuto pagina (page 54))

1 Nella parte della maschera denominata DAM Lista di file scaricabili selezionare lrsquoicona SfogliaRecord (cerchiata in rosso) per avviare la procedura di selezione dei file

Selezionando la voce Sfoglia Record verragrave aperto lrsquoElement Browser di TYPO3 che ci permette di se-lezionare i file da inserire nel plugin La finestra (figura Element browser (page 55)) egrave composta di dueschede

1 Media ndash permette di selezionare i file giagrave esistenti nel sistema

2 Upload ndash permette di caricare nuovi file

Selezionando la sezione Media egrave possibile selezionare dalla lista i file da inserire

51 Inserimento e configurazione pagine di download 54

DocWeb Release 101

Figura 54 Element browser

Se la lista dei file fosse troppo lunga egrave possibile effettuare delle ricerche per nome e per tipologia di file(doc htm )

Per cercare per nome (figura Ricerca per nome (page 55)) occorre inserire nella casella di testo Cercastringa (punto 1 nella figura sopra) il nome o parte del nome del file da cercare Una volta specificata lastringa di ricerca premere il tasto Cerca (punto 2)

Figura 55 Ricerca per nome

Per cercare un particolare tipo di file selezionare il nome dellrsquoestensione che si desidera dallrsquoelenco deitipi di file (figura Ricerca per tipo (page 56))

Nota I due tipi di ricerca possono essere usati contemporaneamente

Selezionando la voce informazioni (punto 1 nella figura Selezione file (page 56)) egrave possibile visualizzarele meta-informazioni associate al file

Premendo con il mouse sul nome del file (punto 2) o sullrsquoicona associata (punto 3) si inserisce il file nellalista dei file da far visualizzare nella pagina di download mediante lrsquoapposito plugin

Selezionando la scheda Upload si puograve inserire un file non presente nel sistema (figura Caricamentoimmediato file (page 56))

51 Inserimento e configurazione pagine di download 55

DocWeb Release 101

Figura 56 Ricerca per tipo

Figura 57 Selezione file

Figura 58 Caricamento immediato file

51 Inserimento e configurazione pagine di download 56

DocWeb Release 101

Scegliere i file dal proprio PC seguendo le operazioni giagrave descritte nel modulo DAM e selezionare dallascheda Media i nuovi file inseriti

Nella figura Plugin con file selezionati (page 57) egrave visualizzato un esempio di maschera di configurazionedel plugin con la lista dei file selezionati

Figura 59 Plugin con file selezionati

I file una volta inseriti possono essere ordinati selezionando sugli appositi bottoni posti a destra dellalista file

bull Per ordinare un determinato file occorre

bull Selezionare un file

Premere uno dei tasti (figura sopra) per

1 Spostare in prima posizione

2 Spostare in alto di una posizione

3 Spostare in basso di una posizione

4 Spostare in ultima posizione

5 Rimuovere dalla lista il file selezionato

Una volta eseguiti i passaggi sopra descritti salvare la configurazione del plugin

51 Inserimento e configurazione pagine di download 57

CAPITOLO 6

Modulo Sitemap

Ersquo possibile generare una mappa del sito scegliendo un contenuto speciale di tipo ldquoMappa del Sitordquo comemostrato nella figura Contenuto mappa del sito (page 58)

Figura 61 Contenuto mappa del sito

Per scegliere un record di tipo ldquomappa del sitordquo (per visualizzare cioegrave la vista dei contenuti possibili)saragrave necessario portarsi in modalitagrave ldquopaginardquo compiendo gli stessi passaggi descritti per la creazione dicontenuti semplici in fase di creazione delle pagine (in questo caso selezionando il contenuto specialemappa)

58

DocWeb Release 101

61 Scheda di configurazione Mappa

La scheda di configurazione si presenta come nella figura Scheda mappa del sito (page 59)

Figura 62 Scheda mappa del sito

I campi fondamentali da personalizzare sono lrsquointestazione (ossia il titolo pagina) il tipo di menugrave e ilpunto di partenza Nellrsquointestazione viene inserito come di consuetudine il titolo pagina

62 Tipo di mappa

Ersquo possibile scegliere il tipo di mappa che si desidera creare consultando il menugrave a tendina ldquotipo di menugraverdquoche ci offriragrave diverse opzioni

Le piugrave frequentemente usate sono di tipo ldquoMenugrave delle sottopagine rdquo come indicato nella figura Tipo dimenu (page 60)

Menugrave delle sottopagine di queste pagine Scegliendo questa opzione da una pagina padre sigenereragrave un record che mostreragrave al suo interno tutte le sottovoci figlio con relativo link

Menugrave delle sottopagine di queste pagine (con abstract) Genera una mappa sia delle sottopagineche dei sottotitoli

Menugrave delle sottopagine di queste pagine + sezioni Genera una mappa sia delle sottopagine chedei record (link alle intestazioni dei singoli record)

Selezionando voci di menugrave di sottopagine egrave anche possibile stabilire un determinato punto di partenzasfogliando lrsquoapposito record

61 Scheda di configurazione Mappa 59

DocWeb Release 101

Figura 63 Tipo di menu

63 Il ldquopunto di partenzardquo della mappa

Il ldquopunto di partenzardquo dei Menugrave delle sottopagine Scheda mappa del sito (page 59) costituisce la paginadalla quale il sistema partiragrave per creare la mappa

Si potragrave quindi creare una mappa (di tipo menugrave delle sottopagine) che mostri solamente il percorso diquella porzione di menugrave che si intende mostrare

63 Il ldquopunto di partenzardquo della mappa 60

CAPITOLO 7

Modulo News

71 Inserimento e modifica di news

Alcune sezioni del nostro sito potrebbero essere state configurate per permettere la visualizzazione dinotizie

Per poter visualizzare le news correttamente occorre che queste ultime vengano inserite in una determi-nata posizione allrsquointerno del backend Da questa posizione che chiameremo repository delle news lenostre pagine andranno a prelevare le news da visualizzare al loro interno

Figura 71 Backend news

Nellrsquoesempio presentato nella figura Backend news (page 61) distinguiamo

1 il repository delle news che egrave stato creato

2 Un esempio di come potrebbe apparire il contenuto del repository delle news (lista delle news)

Per poter visualizzare il contenuto del repository delle news occorre seguire i seguenti passi

1 entrare nel modulo Pagina

61

DocWeb Release 101

2 selezionare il repository delle news corrispondente (nellrsquoesempio della figura Backend news (page 61)il Repository delle news si chiama ldquoNews Area Testrdquo)

Poniamo ora la nostra attenzione alla lista delle news (figura Lista news (page 62)) Da qui egrave possibile

bull Inserire una nuova notizia

bull Modificare le notizie giagrave esistenti

Per inserire una nuova notizia occorre selezionare la voce Crea nuovo record (figura Lista news (page 62))posta in fondo alla lista delle news

Figura 72 Lista news

A questo punto si apre la finestra di creazione Nuovo record da cui occorre selezionare la voce News(figura Nuovo record news (page 62))

Figura 73 Nuovo record news

Eseguendo le operazioni sopra descritte si accede alla maschera di inserimento news (figura Inserimentonews scheda generale (page 63))

Questa si compone di due schede una denominata Generale e unrsquoaltra denominata Relations

Nella scheda Generale egrave possibile inserire

Titolo in questo spazio egrave possibile specificare un titolo della news

Nascondi questo controllo determina se la news egrave pubblicabile oppure no Come avviene per le pagineanche per le news egrave consigliabile tenere la news nascosta durante la lavorazione Facciamo notare

71 Inserimento e modifica di news 62

DocWeb Release 101

Figura 74 Inserimento news scheda generale

71 Inserimento e modifica di news 63

DocWeb Release 101

che appena viene aperta la maschera di inserimento di una nuova news il controllo appare giagrave instato nascosto

Dataora in questo spazio viene indicata la data e lrsquoora della creazione della news in base ai parametridi sistema

Data Archiviazione in questo spazio viene inserita la data di Archiviazione di una news

Autore permette di specificare un autore della news

Email permette di specificare un e-mail a cui fare riferimento

Sottointestazione questo campo conterragrave una breve descrizione (abstract) della news La sottointes-tazione egrave quella parte della news che compare quando viene visualizzata la lista delle news e serveper dare una breve descrizione al contenuto della news (si veda Esempio news (page 64))

Figura 75 Esempio news

Durante lrsquoinserimento di una news egrave consigliabile specificare sempre una sottointestazione

Testo egrave il campo che contiene il contenuto vero e proprio della news Egrave possibile utilizzare tutte lefunzionalitagrave messe a disposizione dallrsquoeditor RTE

72 Modalitagrave Relations

Nella modalitagrave Relations (figura Inserimento news scheda relations (page 65)) egrave possibile inserire

Immagini contiene una lista di immagini da associare alla news Il procedimento per la se-lezionecaricamento delle immagini egrave stato descritto nella parte dedicata alla creazione di paginedi download a cui vi rimandiamo

Didascalia permette di specificare una descrizione per lrsquoimmagine associata alla news

Image alttext e Image titletext permette di specificare un testo che in visualizzazione (Frontend)compariragrave al passaggio del mouse sopra lrsquoimmagine

News correlate permette di specificare news o pagine del sito da associare alla news Il procedimentodi selezione delle news da associare alla notizia saragrave spiegato successivamente

DAM elements permette di assegnare alla news dei documenti da scaricare come per esempioil programma di un determinato evento Anche in questo caso il procedimento per la se-lezionecaricamento dei documenti egrave quello giagrave descritto nella parte dedicata alla creazione dipagine di download

Descriviamo il procedimento da seguire per associare alcune pagine o alcune news alla notizia che stiamoinserendo

Premere il tasto di Sfoglia Record evidenziato nella figura Sfoglia record news (page 65)

Verragrave aperta una finestra che contiene un Element Browser che ci permette di selezionare le newspagine(figura Element browser news (page 66)) da associare

La finestra di selezione si suddivide nelle seguenti parti (figura sopra)

Alberatura del sito da cui egrave possibile esplorare gli elementi del nostro sito (pagine sysfolder )Premendo con il tasto sinistro del mouse sul nome della pagina o sulla freccia corrispondente verragraveaggiornata la parte di destra della finestra in cui egrave inserita la lista degli elementi associabili

72 Modalitagrave Relations 64

DocWeb Release 101

Figura 76 Inserimento news scheda relations

Figura 77 Sfoglia record news

72 Modalitagrave Relations 65

DocWeb Release 101

Figura 78 Element browser news

Lista degli elementi associabili egrave quindi possibile selezionare gli elementi da associare alla newsPer associare un elemento si puograve selezionare il simbolo ldquo+rdquo posto accanto allrsquoelemento desideratoo agendo sul nome del file Nel primo caso lrsquoelemento viene aggiunto ma la finestra non si chiuderagrave(utile per effettuare selezioni multiple) mentre nel secondo caso lrsquoelemento viene aggiunto e lafinestra si chiuderagrave (selezione singola)

Nota Per associare una o piugrave news alla notizia che stiamo inserendo occorreragrave innanzitutto selezionareil repository delle news e utilizzando i metodi descritti in precedenza indicare le news di interesse

Nella figura Selezione repository (page 66) viene visualizzato come appare lrsquoElement Browser dopo averselezionato il repository delle news denominato ldquoNews Corso Typo3rdquo

Figura 79 Selezione repository

Una volta ultimato il procedimento di inserimento di una news vedremo che nel repository compariragrave(figura News nel repository (page 67)) anche quella da noi creata Nellrsquoesempio la news creata si chiamaldquoTitolo della news di provardquo

Dalla lista delle news possiamo notare che i diversi tipi di news sono contrassegnati con icone diverse

In particolare distinguiamo

72 Modalitagrave Relations 66

DocWeb Release 101

Figura 710 News nel repository

bull News (icona ldquocelestinardquo)

bull Collegamento a URL esterna (icona ldquorosardquo)

bull Collegamento a pagina interna (icona ldquogiallinardquo)

Per modificare il contenuto di una news egrave sufficiente selezionare il simbolo di modifica (figura Modificanews (page 67)) in corrispondenza della news da modificare

Figura 711 Modifica news

73 News collegata a URL esterna e a pagina interna

Attraverso la selezione della finestra ldquoTipordquo egrave possibile scegliere diverse tipologie di news

Nella figura News collegata a url esterna (page 68) egrave stato selezionato il Collegamento a URL esterna checi offriragrave la possibilitagrave di specificare un link (ldquoURL esternordquo) da far visualizzare e che saragrave contraddistintain lista da lrsquoicona di colore rosa

Selezionando il Collegamento a pagina interna viene offerta la possibilitagrave di inserire un collegamento auna pagina del sito (evidenziato nella figura News collegata a pagina interna (page 69))

La news si presenteragrave con icona di color ldquogiallordquo e al suo interno conterragrave un link alla pagina interna alsito

73 News collegata a URL esterna e a pagina interna 67

DocWeb Release 101

Figura 712 News collegata a url esterna

73 News collegata a URL esterna e a pagina interna 68

DocWeb Release 101

Figura 713 News collegata a pagina interna

73 News collegata a URL esterna e a pagina interna 69

DocWeb Release 101

74 Eliminazione delle News

Per eliminare una news possiamo procedere tra lrsquoaltro in due modi

1 Selezionare la news da eliminare dallrsquoelenco e selezionare la voce ldquocancellardquo dal menugrave a tendinaconsultabile cliccando con il pulsante destro sullrsquoicona in corrispondenza della news (figura Eliminanews da menu contestuale (page 70))

Figura 714 Elimina news da menu contestuale

2 Entrare allrsquointerno della modalitagrave di modifica della news attraverso lrsquoicona ldquomatitardquo e selezionare lrsquoi-cona raffigurante il bidone di elimina posta in alto pagina (figura Elimina news da scheda contenuto(page 70))

Figura 715 Elimina news da scheda contenuto

75 Ordinamento delle News e ricerca

Puograve essere necessario durante la visualizzazione della lista delle news (lato backend) di dover effettuaredegli ordinamenti al fine di permettere una ricerca piugrave veloce delle news da modificare

74 Eliminazione delle News 70

DocWeb Release 101

Avvertimento Lrsquoordinamento ha valore solo come ricerca allrsquointerno del backend mentre latofrontend rispecchieragrave i parametri prestabiliti dal sistema

Supponiamo per esempio di voler effettuare un ordinamento per Titolo Seguiamo i seguenti passi(figura sotto)

1 Selezionare la voce di menugrave Lista

2 Selezionare il deposito delle news (repository) News Corso Typo3

3 Cliccare con il mouse in corrispondenza della voce ldquoTitolordquo

A questo punto (figura Ordinamento news (page 71)) le news vengono ordinate in ordine crescente(vengono visualizzate prima le news con titolo che inizia con la lettera a b e cosigrave via)

Figura 716 Ordinamento news

Se clicchiamo unrsquoaltra volta sulla voce ldquoTitolordquo il tipo di ordinamento cambia da crescente a decrescente(compariranno per prima le news con titolo che inizia per z )

Egrave inoltre possibile ordinare secondo campo da noi specificato Per definire il nome di un campo (ad estesto inizio autore ) su cui effettuare lrsquoordinamento occorreragrave spostarsi in fondo alla lista delle newsdove troveremo una lista di campi (figura Mostra campo aggiuntivo news (page 71))

Figura 717 Mostra campo aggiuntivo news

Dalla lista possiamo

bull Selezionare la voce in base alla quale effettuare lrsquoordinamento (ad esempio Immagini)

bull Premere il tasto Imposta campi per aggiungere alla lista dei campi visualizzati quello selezionato

75 Ordinamento delle News e ricerca 71

DocWeb Release 101

A questo punto il campo selezionato (nel nostro esempio il campo Immagini) compare nella lista dellenews (il campo aggiunto egrave evidenziato con un riquadro in alto a destra nella figura Ordinamento campoaggiuntivo news (page 72))

Figura 718 Ordinamento campo aggiuntivo news

Effettuare le stesse operazioni illustrate per il campo Titolo per ordinare in modo crescente e decrescentele news secondo il criterio impostato (click pulsante sinistro sul nome etichetta)

Egrave anche possibile ricercare le news in base al testo contenuto nel titolo sottotitolo descrizione eccUtilizzando la maschera di ricerca in fondo pagina (evidenziata nella figura Ricerca news (page 72))

Figura 719 Ricerca news

Per effettuare una ricerca egrave necessario seguire i seguenti passi

1 Inserire nel campo Cerca Stringa il testo da cercare (nel nostro esempio ldquonequerdquo)

2 Premere il tasto Cerca per eseguire la ricerca secondo i criteri impostati

In questo modo nella lista delle news compariranno solo quelle che contengono il testo specificatoEffettuata la ricerca egrave possibile effettuare degli ordinamenti come spiegato in precedenza

75 Ordinamento delle News e ricerca 72

CAPITOLO 8

Modulo Eventi

Avvertimento SEZIONE NON COMPLETA

Si confrontino i seguenti due tipi di contenuti

Evento egrave un tipo di contenuto adatto a descrivere qualcosa che accadragrave o che egrave accaduto in una certadata La data o le date in cui lrsquoevento ricorre sono strettamente legate ad un luogo in cui lrsquoeventosi verificheragravesi egrave verificato Gli eventi vengono rappresentati mediante la metafora dellrsquoagenda edel calendario

Notizia egrave un tipo di contenuto caratterizzato dalla data di pubblicazione secondo la metafora delgiornale online E come in un giornale online una notizia puograve riferirsi sia a fatti giagrave accaduti chea fatti a venire

Nota Per comprendere meglio la differenza tra i due tipi di contenuto si pensi che dato un eventoche ha una certa data di svolgimento (ad es 20 maggio) di tale evento posso realizzare piugrave di unanotizia Rimanendo nellrsquoesempio potrei pubblicare una notizia il 10 maggio per preannunciare lrsquoeventoe poi unrsquoaltra il 18 maggio per ricordarne lrsquoimminenza Infine potrei pubblicare una notizia di riepilogo(cronaca dellrsquoevento immagini ecc) il 22 maggio

81 Scopo del modulo Eventi

Il visitatore del sito deve poter cogliere le informazioni essenziali di un evento

bull Cosa sta per succedere

bull Dove accadragrave

bull Quando accadragrave

82 Il Backend ndash Modulo Pagina

Vedi figura Eventi vista modulo pagina (page 74)

83 Il Backend ndash Modulo Lista

Vedi figura Eventi vista modulo lista (page 74)

73

DocWeb Release 101

Figura 81 Eventi vista modulo pagina

Figura 82 Eventi vista modulo lista

83 Il Backend ndash Modulo Lista 74

DocWeb Release 101

84 Creazione di un evento

Prima di procedere poniamoci qualche domanda

bull Lrsquoevento appartiene a qualche rassegna iniziativa per la quale sono in programma altri eventiPer esempio

ndash Rassegne teatrali cinematografiche

ndash Festival

bull Lrsquoevento si ripete

ndash La replica avviene sempre nello stesso luogo

841 Creazione del record

Vedi figura Creazione nuovo evento (page 75)

Vedi figura Creazione nuovo record evento (page 76)

Figura 83 Creazione nuovo evento

842 Scheda ldquoGeneralerdquo

Vedi figura Evento scheda generale (page 76)

843 Scheda ldquoFinestra temporalerdquo

Orario repliche

Vedi figura Evento finestra temporale (page 78)

84 Creazione di un evento 75

DocWeb Release 101

Figura 84 Creazione nuovo record evento

Figura 85 Evento scheda generale

84 Creazione di un evento 76

DocWeb Release 101

bull Lrsquoorario va solo per le Finestre temporali di un giorno (data inizio = data fine)

bull Se non si conosce lrsquoora della fine impostare ora inizio = ora fine

844 Scheda ldquoTestordquo

Vedi figura Evento scheda testo (page 79)

84 Creazione di un evento 77

DocWeb Release 101

Figura 86 Evento finestra temporale

84 Creazione di un evento 78

DocWeb Release 101

Figura 87 Evento scheda testo84 Creazione di un evento 79

  • Introduzione
    • Cosegrave DocWeb
    • Concetti chiave
      • Funzionalitagrave di Base
        • Il CMS Typo3 ldquobackendrdquo e ldquofrontendrdquo
        • Cambio password di accesso
        • Albero delle pagine
        • Implementazione delle pagine ldquogenitori rdquo e ldquofiglirdquo
        • Inserimento Nuova pagina
        • Elementi standard della pagina
        • Inserimento contenuti di una pagina
        • Contenuti multipli allrsquointerno di una pagina
        • Modifica dei contenuti della pagina
        • Spostamento di pagine
        • Eliminazione pagine
        • Rich Text Editor
        • Modalitagrave Lista
        • Modalitagrave Mostra
        • Modalitagrave ldquoMonta come radice dellrsquoalberordquo
        • Ottenere il page-id di una pagina
        • Admin Panel
          • La Clipboard
            • Copia o spostamento di un contenuto singolo di pagina allrsquointerno di unrsquoaltra pagina
            • Copia o spostamento di piugrave contenuti da una pagina ad unrsquoaltra
              • Modulo DAM (Digital Asset Management)
                • Caricamento e Aggiornamento di file
                • Ricerca di file allrsquointerno del DAM e modifica delle meta-informazioni
                  • Modulo Pagine di download
                    • Inserimento e configurazione pagine di download
                      • Modulo Sitemap
                        • Scheda di configurazione Mappa
                        • Tipo di mappa
                        • Il ``punto di partenza della mappa
                          • Modulo News
                            • Inserimento e modifica di news
                            • Modalitagrave Relations
                            • News collegata a URL esterna e a pagina interna
                            • Eliminazione delle News
                            • Ordinamento delle News e ricerca
                              • Modulo Eventi
                                • Scopo del modulo Eventi
                                • Il Backend ndash Modulo Pagina
                                • Il Backend ndash Modulo Lista
                                • Creazione di un evento
Page 55: DocWeb€¦ · per la realizzazione e la gestione di siti web della Pubblica Am-ministrazione. La piattaforma tecnologica utilizzata è il CMS (Content Management System) Open SourceTypo31

CAPITOLO 5

Modulo Pagine di download

51 Inserimento e configurazione pagine di download

La creazione di pagine di download egrave utile quando si vuole mettere a disposizione una lista di uno o piugravefile in forma scaricabile

Per creare una pagina di download egrave necessario seguire i seguenti passi

1 Creare una pagina standard

2 Inserire il plugin DAM Download List

3 Configurare il plugin

Per creare una pagina egrave sufficiente entrare nel modulo Pagina e selezionare Crea nuovo record per accederealla finestra di creazione pagine

Nellrsquoesempio in figura Backend creazione contenuto (page 52) egrave stata creata la pagina denominata ldquoPaginadownloadrdquo come figlio della pagina ldquoPagina di provardquo

Figura 51 Backend creazione contenuto

Una volta creata la pagina occorre configurarla in maniera tale da permettere la visualizzazione di unalista di file scaricabili Per fare ciograve occorre inserire un plugin denominato ldquoDAM Download Listrdquo Unplugin egrave un contenuto speciale da inserire in una pagina

52

DocWeb Release 101

Per inserirlo come per un contenuto occorre seguire i seguenti passi (figura Backend creazione contenuto(page 52))

1 Selezionare la pagina in cui inserire il plugin Nellrsquoesempio la pagina denominata ldquoPaginadownloadrdquo

2 Selezionare la voce Clicca qui per il wizard nella maschera che compare quando si vuole inserire unnuovo record

Figura 52 Wizard nuovo contenuto

Oltre ai normali contenuti standard il wizard permette di selezionare (figura Wizard nuovo contenuto(page 53))

1 Contenuti speciali

2 Moduli

3 Plugins

Allrsquointerno della lista dei Plugins selezionare DAM Lista dei file scaricabili (punto 4 nella figura Wizardnuovo contenuto (page 53))

Dopo aver selezionato il plugin occorreragrave selezionare la posizione della pagina in cui inserire lrsquoelemento

Selezionare ldquoNormalerdquo

A questo punto il plugin egrave inserito nella pagina desiderata

51 Inserimento e configurazione pagine di download 53

DocWeb Release 101

Oltre allrsquoinserimento occorre configurare il plugin in modo da dirgli quali file far visualizzare

Una volta che il plugin viene inserito viene aperta una finestra (figura Contenuto pagina (page 54)) doveviene richiesto di selezionare dei file inseriti nel sistema

Figura 53 Contenuto pagina

Per proseguire correttamente egrave necessario salvare immediatamente il Contenuto Pagina altrimenti leoperazioni successive potrebbero andare perse

Per inserire i file nella lista occorre effettuare la seguente operazione (figura Contenuto pagina (page 54))

1 Nella parte della maschera denominata DAM Lista di file scaricabili selezionare lrsquoicona SfogliaRecord (cerchiata in rosso) per avviare la procedura di selezione dei file

Selezionando la voce Sfoglia Record verragrave aperto lrsquoElement Browser di TYPO3 che ci permette di se-lezionare i file da inserire nel plugin La finestra (figura Element browser (page 55)) egrave composta di dueschede

1 Media ndash permette di selezionare i file giagrave esistenti nel sistema

2 Upload ndash permette di caricare nuovi file

Selezionando la sezione Media egrave possibile selezionare dalla lista i file da inserire

51 Inserimento e configurazione pagine di download 54

DocWeb Release 101

Figura 54 Element browser

Se la lista dei file fosse troppo lunga egrave possibile effettuare delle ricerche per nome e per tipologia di file(doc htm )

Per cercare per nome (figura Ricerca per nome (page 55)) occorre inserire nella casella di testo Cercastringa (punto 1 nella figura sopra) il nome o parte del nome del file da cercare Una volta specificata lastringa di ricerca premere il tasto Cerca (punto 2)

Figura 55 Ricerca per nome

Per cercare un particolare tipo di file selezionare il nome dellrsquoestensione che si desidera dallrsquoelenco deitipi di file (figura Ricerca per tipo (page 56))

Nota I due tipi di ricerca possono essere usati contemporaneamente

Selezionando la voce informazioni (punto 1 nella figura Selezione file (page 56)) egrave possibile visualizzarele meta-informazioni associate al file

Premendo con il mouse sul nome del file (punto 2) o sullrsquoicona associata (punto 3) si inserisce il file nellalista dei file da far visualizzare nella pagina di download mediante lrsquoapposito plugin

Selezionando la scheda Upload si puograve inserire un file non presente nel sistema (figura Caricamentoimmediato file (page 56))

51 Inserimento e configurazione pagine di download 55

DocWeb Release 101

Figura 56 Ricerca per tipo

Figura 57 Selezione file

Figura 58 Caricamento immediato file

51 Inserimento e configurazione pagine di download 56

DocWeb Release 101

Scegliere i file dal proprio PC seguendo le operazioni giagrave descritte nel modulo DAM e selezionare dallascheda Media i nuovi file inseriti

Nella figura Plugin con file selezionati (page 57) egrave visualizzato un esempio di maschera di configurazionedel plugin con la lista dei file selezionati

Figura 59 Plugin con file selezionati

I file una volta inseriti possono essere ordinati selezionando sugli appositi bottoni posti a destra dellalista file

bull Per ordinare un determinato file occorre

bull Selezionare un file

Premere uno dei tasti (figura sopra) per

1 Spostare in prima posizione

2 Spostare in alto di una posizione

3 Spostare in basso di una posizione

4 Spostare in ultima posizione

5 Rimuovere dalla lista il file selezionato

Una volta eseguiti i passaggi sopra descritti salvare la configurazione del plugin

51 Inserimento e configurazione pagine di download 57

CAPITOLO 6

Modulo Sitemap

Ersquo possibile generare una mappa del sito scegliendo un contenuto speciale di tipo ldquoMappa del Sitordquo comemostrato nella figura Contenuto mappa del sito (page 58)

Figura 61 Contenuto mappa del sito

Per scegliere un record di tipo ldquomappa del sitordquo (per visualizzare cioegrave la vista dei contenuti possibili)saragrave necessario portarsi in modalitagrave ldquopaginardquo compiendo gli stessi passaggi descritti per la creazione dicontenuti semplici in fase di creazione delle pagine (in questo caso selezionando il contenuto specialemappa)

58

DocWeb Release 101

61 Scheda di configurazione Mappa

La scheda di configurazione si presenta come nella figura Scheda mappa del sito (page 59)

Figura 62 Scheda mappa del sito

I campi fondamentali da personalizzare sono lrsquointestazione (ossia il titolo pagina) il tipo di menugrave e ilpunto di partenza Nellrsquointestazione viene inserito come di consuetudine il titolo pagina

62 Tipo di mappa

Ersquo possibile scegliere il tipo di mappa che si desidera creare consultando il menugrave a tendina ldquotipo di menugraverdquoche ci offriragrave diverse opzioni

Le piugrave frequentemente usate sono di tipo ldquoMenugrave delle sottopagine rdquo come indicato nella figura Tipo dimenu (page 60)

Menugrave delle sottopagine di queste pagine Scegliendo questa opzione da una pagina padre sigenereragrave un record che mostreragrave al suo interno tutte le sottovoci figlio con relativo link

Menugrave delle sottopagine di queste pagine (con abstract) Genera una mappa sia delle sottopagineche dei sottotitoli

Menugrave delle sottopagine di queste pagine + sezioni Genera una mappa sia delle sottopagine chedei record (link alle intestazioni dei singoli record)

Selezionando voci di menugrave di sottopagine egrave anche possibile stabilire un determinato punto di partenzasfogliando lrsquoapposito record

61 Scheda di configurazione Mappa 59

DocWeb Release 101

Figura 63 Tipo di menu

63 Il ldquopunto di partenzardquo della mappa

Il ldquopunto di partenzardquo dei Menugrave delle sottopagine Scheda mappa del sito (page 59) costituisce la paginadalla quale il sistema partiragrave per creare la mappa

Si potragrave quindi creare una mappa (di tipo menugrave delle sottopagine) che mostri solamente il percorso diquella porzione di menugrave che si intende mostrare

63 Il ldquopunto di partenzardquo della mappa 60

CAPITOLO 7

Modulo News

71 Inserimento e modifica di news

Alcune sezioni del nostro sito potrebbero essere state configurate per permettere la visualizzazione dinotizie

Per poter visualizzare le news correttamente occorre che queste ultime vengano inserite in una determi-nata posizione allrsquointerno del backend Da questa posizione che chiameremo repository delle news lenostre pagine andranno a prelevare le news da visualizzare al loro interno

Figura 71 Backend news

Nellrsquoesempio presentato nella figura Backend news (page 61) distinguiamo

1 il repository delle news che egrave stato creato

2 Un esempio di come potrebbe apparire il contenuto del repository delle news (lista delle news)

Per poter visualizzare il contenuto del repository delle news occorre seguire i seguenti passi

1 entrare nel modulo Pagina

61

DocWeb Release 101

2 selezionare il repository delle news corrispondente (nellrsquoesempio della figura Backend news (page 61)il Repository delle news si chiama ldquoNews Area Testrdquo)

Poniamo ora la nostra attenzione alla lista delle news (figura Lista news (page 62)) Da qui egrave possibile

bull Inserire una nuova notizia

bull Modificare le notizie giagrave esistenti

Per inserire una nuova notizia occorre selezionare la voce Crea nuovo record (figura Lista news (page 62))posta in fondo alla lista delle news

Figura 72 Lista news

A questo punto si apre la finestra di creazione Nuovo record da cui occorre selezionare la voce News(figura Nuovo record news (page 62))

Figura 73 Nuovo record news

Eseguendo le operazioni sopra descritte si accede alla maschera di inserimento news (figura Inserimentonews scheda generale (page 63))

Questa si compone di due schede una denominata Generale e unrsquoaltra denominata Relations

Nella scheda Generale egrave possibile inserire

Titolo in questo spazio egrave possibile specificare un titolo della news

Nascondi questo controllo determina se la news egrave pubblicabile oppure no Come avviene per le pagineanche per le news egrave consigliabile tenere la news nascosta durante la lavorazione Facciamo notare

71 Inserimento e modifica di news 62

DocWeb Release 101

Figura 74 Inserimento news scheda generale

71 Inserimento e modifica di news 63

DocWeb Release 101

che appena viene aperta la maschera di inserimento di una nuova news il controllo appare giagrave instato nascosto

Dataora in questo spazio viene indicata la data e lrsquoora della creazione della news in base ai parametridi sistema

Data Archiviazione in questo spazio viene inserita la data di Archiviazione di una news

Autore permette di specificare un autore della news

Email permette di specificare un e-mail a cui fare riferimento

Sottointestazione questo campo conterragrave una breve descrizione (abstract) della news La sottointes-tazione egrave quella parte della news che compare quando viene visualizzata la lista delle news e serveper dare una breve descrizione al contenuto della news (si veda Esempio news (page 64))

Figura 75 Esempio news

Durante lrsquoinserimento di una news egrave consigliabile specificare sempre una sottointestazione

Testo egrave il campo che contiene il contenuto vero e proprio della news Egrave possibile utilizzare tutte lefunzionalitagrave messe a disposizione dallrsquoeditor RTE

72 Modalitagrave Relations

Nella modalitagrave Relations (figura Inserimento news scheda relations (page 65)) egrave possibile inserire

Immagini contiene una lista di immagini da associare alla news Il procedimento per la se-lezionecaricamento delle immagini egrave stato descritto nella parte dedicata alla creazione di paginedi download a cui vi rimandiamo

Didascalia permette di specificare una descrizione per lrsquoimmagine associata alla news

Image alttext e Image titletext permette di specificare un testo che in visualizzazione (Frontend)compariragrave al passaggio del mouse sopra lrsquoimmagine

News correlate permette di specificare news o pagine del sito da associare alla news Il procedimentodi selezione delle news da associare alla notizia saragrave spiegato successivamente

DAM elements permette di assegnare alla news dei documenti da scaricare come per esempioil programma di un determinato evento Anche in questo caso il procedimento per la se-lezionecaricamento dei documenti egrave quello giagrave descritto nella parte dedicata alla creazione dipagine di download

Descriviamo il procedimento da seguire per associare alcune pagine o alcune news alla notizia che stiamoinserendo

Premere il tasto di Sfoglia Record evidenziato nella figura Sfoglia record news (page 65)

Verragrave aperta una finestra che contiene un Element Browser che ci permette di selezionare le newspagine(figura Element browser news (page 66)) da associare

La finestra di selezione si suddivide nelle seguenti parti (figura sopra)

Alberatura del sito da cui egrave possibile esplorare gli elementi del nostro sito (pagine sysfolder )Premendo con il tasto sinistro del mouse sul nome della pagina o sulla freccia corrispondente verragraveaggiornata la parte di destra della finestra in cui egrave inserita la lista degli elementi associabili

72 Modalitagrave Relations 64

DocWeb Release 101

Figura 76 Inserimento news scheda relations

Figura 77 Sfoglia record news

72 Modalitagrave Relations 65

DocWeb Release 101

Figura 78 Element browser news

Lista degli elementi associabili egrave quindi possibile selezionare gli elementi da associare alla newsPer associare un elemento si puograve selezionare il simbolo ldquo+rdquo posto accanto allrsquoelemento desideratoo agendo sul nome del file Nel primo caso lrsquoelemento viene aggiunto ma la finestra non si chiuderagrave(utile per effettuare selezioni multiple) mentre nel secondo caso lrsquoelemento viene aggiunto e lafinestra si chiuderagrave (selezione singola)

Nota Per associare una o piugrave news alla notizia che stiamo inserendo occorreragrave innanzitutto selezionareil repository delle news e utilizzando i metodi descritti in precedenza indicare le news di interesse

Nella figura Selezione repository (page 66) viene visualizzato come appare lrsquoElement Browser dopo averselezionato il repository delle news denominato ldquoNews Corso Typo3rdquo

Figura 79 Selezione repository

Una volta ultimato il procedimento di inserimento di una news vedremo che nel repository compariragrave(figura News nel repository (page 67)) anche quella da noi creata Nellrsquoesempio la news creata si chiamaldquoTitolo della news di provardquo

Dalla lista delle news possiamo notare che i diversi tipi di news sono contrassegnati con icone diverse

In particolare distinguiamo

72 Modalitagrave Relations 66

DocWeb Release 101

Figura 710 News nel repository

bull News (icona ldquocelestinardquo)

bull Collegamento a URL esterna (icona ldquorosardquo)

bull Collegamento a pagina interna (icona ldquogiallinardquo)

Per modificare il contenuto di una news egrave sufficiente selezionare il simbolo di modifica (figura Modificanews (page 67)) in corrispondenza della news da modificare

Figura 711 Modifica news

73 News collegata a URL esterna e a pagina interna

Attraverso la selezione della finestra ldquoTipordquo egrave possibile scegliere diverse tipologie di news

Nella figura News collegata a url esterna (page 68) egrave stato selezionato il Collegamento a URL esterna checi offriragrave la possibilitagrave di specificare un link (ldquoURL esternordquo) da far visualizzare e che saragrave contraddistintain lista da lrsquoicona di colore rosa

Selezionando il Collegamento a pagina interna viene offerta la possibilitagrave di inserire un collegamento auna pagina del sito (evidenziato nella figura News collegata a pagina interna (page 69))

La news si presenteragrave con icona di color ldquogiallordquo e al suo interno conterragrave un link alla pagina interna alsito

73 News collegata a URL esterna e a pagina interna 67

DocWeb Release 101

Figura 712 News collegata a url esterna

73 News collegata a URL esterna e a pagina interna 68

DocWeb Release 101

Figura 713 News collegata a pagina interna

73 News collegata a URL esterna e a pagina interna 69

DocWeb Release 101

74 Eliminazione delle News

Per eliminare una news possiamo procedere tra lrsquoaltro in due modi

1 Selezionare la news da eliminare dallrsquoelenco e selezionare la voce ldquocancellardquo dal menugrave a tendinaconsultabile cliccando con il pulsante destro sullrsquoicona in corrispondenza della news (figura Eliminanews da menu contestuale (page 70))

Figura 714 Elimina news da menu contestuale

2 Entrare allrsquointerno della modalitagrave di modifica della news attraverso lrsquoicona ldquomatitardquo e selezionare lrsquoi-cona raffigurante il bidone di elimina posta in alto pagina (figura Elimina news da scheda contenuto(page 70))

Figura 715 Elimina news da scheda contenuto

75 Ordinamento delle News e ricerca

Puograve essere necessario durante la visualizzazione della lista delle news (lato backend) di dover effettuaredegli ordinamenti al fine di permettere una ricerca piugrave veloce delle news da modificare

74 Eliminazione delle News 70

DocWeb Release 101

Avvertimento Lrsquoordinamento ha valore solo come ricerca allrsquointerno del backend mentre latofrontend rispecchieragrave i parametri prestabiliti dal sistema

Supponiamo per esempio di voler effettuare un ordinamento per Titolo Seguiamo i seguenti passi(figura sotto)

1 Selezionare la voce di menugrave Lista

2 Selezionare il deposito delle news (repository) News Corso Typo3

3 Cliccare con il mouse in corrispondenza della voce ldquoTitolordquo

A questo punto (figura Ordinamento news (page 71)) le news vengono ordinate in ordine crescente(vengono visualizzate prima le news con titolo che inizia con la lettera a b e cosigrave via)

Figura 716 Ordinamento news

Se clicchiamo unrsquoaltra volta sulla voce ldquoTitolordquo il tipo di ordinamento cambia da crescente a decrescente(compariranno per prima le news con titolo che inizia per z )

Egrave inoltre possibile ordinare secondo campo da noi specificato Per definire il nome di un campo (ad estesto inizio autore ) su cui effettuare lrsquoordinamento occorreragrave spostarsi in fondo alla lista delle newsdove troveremo una lista di campi (figura Mostra campo aggiuntivo news (page 71))

Figura 717 Mostra campo aggiuntivo news

Dalla lista possiamo

bull Selezionare la voce in base alla quale effettuare lrsquoordinamento (ad esempio Immagini)

bull Premere il tasto Imposta campi per aggiungere alla lista dei campi visualizzati quello selezionato

75 Ordinamento delle News e ricerca 71

DocWeb Release 101

A questo punto il campo selezionato (nel nostro esempio il campo Immagini) compare nella lista dellenews (il campo aggiunto egrave evidenziato con un riquadro in alto a destra nella figura Ordinamento campoaggiuntivo news (page 72))

Figura 718 Ordinamento campo aggiuntivo news

Effettuare le stesse operazioni illustrate per il campo Titolo per ordinare in modo crescente e decrescentele news secondo il criterio impostato (click pulsante sinistro sul nome etichetta)

Egrave anche possibile ricercare le news in base al testo contenuto nel titolo sottotitolo descrizione eccUtilizzando la maschera di ricerca in fondo pagina (evidenziata nella figura Ricerca news (page 72))

Figura 719 Ricerca news

Per effettuare una ricerca egrave necessario seguire i seguenti passi

1 Inserire nel campo Cerca Stringa il testo da cercare (nel nostro esempio ldquonequerdquo)

2 Premere il tasto Cerca per eseguire la ricerca secondo i criteri impostati

In questo modo nella lista delle news compariranno solo quelle che contengono il testo specificatoEffettuata la ricerca egrave possibile effettuare degli ordinamenti come spiegato in precedenza

75 Ordinamento delle News e ricerca 72

CAPITOLO 8

Modulo Eventi

Avvertimento SEZIONE NON COMPLETA

Si confrontino i seguenti due tipi di contenuti

Evento egrave un tipo di contenuto adatto a descrivere qualcosa che accadragrave o che egrave accaduto in una certadata La data o le date in cui lrsquoevento ricorre sono strettamente legate ad un luogo in cui lrsquoeventosi verificheragravesi egrave verificato Gli eventi vengono rappresentati mediante la metafora dellrsquoagenda edel calendario

Notizia egrave un tipo di contenuto caratterizzato dalla data di pubblicazione secondo la metafora delgiornale online E come in un giornale online una notizia puograve riferirsi sia a fatti giagrave accaduti chea fatti a venire

Nota Per comprendere meglio la differenza tra i due tipi di contenuto si pensi che dato un eventoche ha una certa data di svolgimento (ad es 20 maggio) di tale evento posso realizzare piugrave di unanotizia Rimanendo nellrsquoesempio potrei pubblicare una notizia il 10 maggio per preannunciare lrsquoeventoe poi unrsquoaltra il 18 maggio per ricordarne lrsquoimminenza Infine potrei pubblicare una notizia di riepilogo(cronaca dellrsquoevento immagini ecc) il 22 maggio

81 Scopo del modulo Eventi

Il visitatore del sito deve poter cogliere le informazioni essenziali di un evento

bull Cosa sta per succedere

bull Dove accadragrave

bull Quando accadragrave

82 Il Backend ndash Modulo Pagina

Vedi figura Eventi vista modulo pagina (page 74)

83 Il Backend ndash Modulo Lista

Vedi figura Eventi vista modulo lista (page 74)

73

DocWeb Release 101

Figura 81 Eventi vista modulo pagina

Figura 82 Eventi vista modulo lista

83 Il Backend ndash Modulo Lista 74

DocWeb Release 101

84 Creazione di un evento

Prima di procedere poniamoci qualche domanda

bull Lrsquoevento appartiene a qualche rassegna iniziativa per la quale sono in programma altri eventiPer esempio

ndash Rassegne teatrali cinematografiche

ndash Festival

bull Lrsquoevento si ripete

ndash La replica avviene sempre nello stesso luogo

841 Creazione del record

Vedi figura Creazione nuovo evento (page 75)

Vedi figura Creazione nuovo record evento (page 76)

Figura 83 Creazione nuovo evento

842 Scheda ldquoGeneralerdquo

Vedi figura Evento scheda generale (page 76)

843 Scheda ldquoFinestra temporalerdquo

Orario repliche

Vedi figura Evento finestra temporale (page 78)

84 Creazione di un evento 75

DocWeb Release 101

Figura 84 Creazione nuovo record evento

Figura 85 Evento scheda generale

84 Creazione di un evento 76

DocWeb Release 101

bull Lrsquoorario va solo per le Finestre temporali di un giorno (data inizio = data fine)

bull Se non si conosce lrsquoora della fine impostare ora inizio = ora fine

844 Scheda ldquoTestordquo

Vedi figura Evento scheda testo (page 79)

84 Creazione di un evento 77

DocWeb Release 101

Figura 86 Evento finestra temporale

84 Creazione di un evento 78

DocWeb Release 101

Figura 87 Evento scheda testo84 Creazione di un evento 79

  • Introduzione
    • Cosegrave DocWeb
    • Concetti chiave
      • Funzionalitagrave di Base
        • Il CMS Typo3 ldquobackendrdquo e ldquofrontendrdquo
        • Cambio password di accesso
        • Albero delle pagine
        • Implementazione delle pagine ldquogenitori rdquo e ldquofiglirdquo
        • Inserimento Nuova pagina
        • Elementi standard della pagina
        • Inserimento contenuti di una pagina
        • Contenuti multipli allrsquointerno di una pagina
        • Modifica dei contenuti della pagina
        • Spostamento di pagine
        • Eliminazione pagine
        • Rich Text Editor
        • Modalitagrave Lista
        • Modalitagrave Mostra
        • Modalitagrave ldquoMonta come radice dellrsquoalberordquo
        • Ottenere il page-id di una pagina
        • Admin Panel
          • La Clipboard
            • Copia o spostamento di un contenuto singolo di pagina allrsquointerno di unrsquoaltra pagina
            • Copia o spostamento di piugrave contenuti da una pagina ad unrsquoaltra
              • Modulo DAM (Digital Asset Management)
                • Caricamento e Aggiornamento di file
                • Ricerca di file allrsquointerno del DAM e modifica delle meta-informazioni
                  • Modulo Pagine di download
                    • Inserimento e configurazione pagine di download
                      • Modulo Sitemap
                        • Scheda di configurazione Mappa
                        • Tipo di mappa
                        • Il ``punto di partenza della mappa
                          • Modulo News
                            • Inserimento e modifica di news
                            • Modalitagrave Relations
                            • News collegata a URL esterna e a pagina interna
                            • Eliminazione delle News
                            • Ordinamento delle News e ricerca
                              • Modulo Eventi
                                • Scopo del modulo Eventi
                                • Il Backend ndash Modulo Pagina
                                • Il Backend ndash Modulo Lista
                                • Creazione di un evento
Page 56: DocWeb€¦ · per la realizzazione e la gestione di siti web della Pubblica Am-ministrazione. La piattaforma tecnologica utilizzata è il CMS (Content Management System) Open SourceTypo31

DocWeb Release 101

Per inserirlo come per un contenuto occorre seguire i seguenti passi (figura Backend creazione contenuto(page 52))

1 Selezionare la pagina in cui inserire il plugin Nellrsquoesempio la pagina denominata ldquoPaginadownloadrdquo

2 Selezionare la voce Clicca qui per il wizard nella maschera che compare quando si vuole inserire unnuovo record

Figura 52 Wizard nuovo contenuto

Oltre ai normali contenuti standard il wizard permette di selezionare (figura Wizard nuovo contenuto(page 53))

1 Contenuti speciali

2 Moduli

3 Plugins

Allrsquointerno della lista dei Plugins selezionare DAM Lista dei file scaricabili (punto 4 nella figura Wizardnuovo contenuto (page 53))

Dopo aver selezionato il plugin occorreragrave selezionare la posizione della pagina in cui inserire lrsquoelemento

Selezionare ldquoNormalerdquo

A questo punto il plugin egrave inserito nella pagina desiderata

51 Inserimento e configurazione pagine di download 53

DocWeb Release 101

Oltre allrsquoinserimento occorre configurare il plugin in modo da dirgli quali file far visualizzare

Una volta che il plugin viene inserito viene aperta una finestra (figura Contenuto pagina (page 54)) doveviene richiesto di selezionare dei file inseriti nel sistema

Figura 53 Contenuto pagina

Per proseguire correttamente egrave necessario salvare immediatamente il Contenuto Pagina altrimenti leoperazioni successive potrebbero andare perse

Per inserire i file nella lista occorre effettuare la seguente operazione (figura Contenuto pagina (page 54))

1 Nella parte della maschera denominata DAM Lista di file scaricabili selezionare lrsquoicona SfogliaRecord (cerchiata in rosso) per avviare la procedura di selezione dei file

Selezionando la voce Sfoglia Record verragrave aperto lrsquoElement Browser di TYPO3 che ci permette di se-lezionare i file da inserire nel plugin La finestra (figura Element browser (page 55)) egrave composta di dueschede

1 Media ndash permette di selezionare i file giagrave esistenti nel sistema

2 Upload ndash permette di caricare nuovi file

Selezionando la sezione Media egrave possibile selezionare dalla lista i file da inserire

51 Inserimento e configurazione pagine di download 54

DocWeb Release 101

Figura 54 Element browser

Se la lista dei file fosse troppo lunga egrave possibile effettuare delle ricerche per nome e per tipologia di file(doc htm )

Per cercare per nome (figura Ricerca per nome (page 55)) occorre inserire nella casella di testo Cercastringa (punto 1 nella figura sopra) il nome o parte del nome del file da cercare Una volta specificata lastringa di ricerca premere il tasto Cerca (punto 2)

Figura 55 Ricerca per nome

Per cercare un particolare tipo di file selezionare il nome dellrsquoestensione che si desidera dallrsquoelenco deitipi di file (figura Ricerca per tipo (page 56))

Nota I due tipi di ricerca possono essere usati contemporaneamente

Selezionando la voce informazioni (punto 1 nella figura Selezione file (page 56)) egrave possibile visualizzarele meta-informazioni associate al file

Premendo con il mouse sul nome del file (punto 2) o sullrsquoicona associata (punto 3) si inserisce il file nellalista dei file da far visualizzare nella pagina di download mediante lrsquoapposito plugin

Selezionando la scheda Upload si puograve inserire un file non presente nel sistema (figura Caricamentoimmediato file (page 56))

51 Inserimento e configurazione pagine di download 55

DocWeb Release 101

Figura 56 Ricerca per tipo

Figura 57 Selezione file

Figura 58 Caricamento immediato file

51 Inserimento e configurazione pagine di download 56

DocWeb Release 101

Scegliere i file dal proprio PC seguendo le operazioni giagrave descritte nel modulo DAM e selezionare dallascheda Media i nuovi file inseriti

Nella figura Plugin con file selezionati (page 57) egrave visualizzato un esempio di maschera di configurazionedel plugin con la lista dei file selezionati

Figura 59 Plugin con file selezionati

I file una volta inseriti possono essere ordinati selezionando sugli appositi bottoni posti a destra dellalista file

bull Per ordinare un determinato file occorre

bull Selezionare un file

Premere uno dei tasti (figura sopra) per

1 Spostare in prima posizione

2 Spostare in alto di una posizione

3 Spostare in basso di una posizione

4 Spostare in ultima posizione

5 Rimuovere dalla lista il file selezionato

Una volta eseguiti i passaggi sopra descritti salvare la configurazione del plugin

51 Inserimento e configurazione pagine di download 57

CAPITOLO 6

Modulo Sitemap

Ersquo possibile generare una mappa del sito scegliendo un contenuto speciale di tipo ldquoMappa del Sitordquo comemostrato nella figura Contenuto mappa del sito (page 58)

Figura 61 Contenuto mappa del sito

Per scegliere un record di tipo ldquomappa del sitordquo (per visualizzare cioegrave la vista dei contenuti possibili)saragrave necessario portarsi in modalitagrave ldquopaginardquo compiendo gli stessi passaggi descritti per la creazione dicontenuti semplici in fase di creazione delle pagine (in questo caso selezionando il contenuto specialemappa)

58

DocWeb Release 101

61 Scheda di configurazione Mappa

La scheda di configurazione si presenta come nella figura Scheda mappa del sito (page 59)

Figura 62 Scheda mappa del sito

I campi fondamentali da personalizzare sono lrsquointestazione (ossia il titolo pagina) il tipo di menugrave e ilpunto di partenza Nellrsquointestazione viene inserito come di consuetudine il titolo pagina

62 Tipo di mappa

Ersquo possibile scegliere il tipo di mappa che si desidera creare consultando il menugrave a tendina ldquotipo di menugraverdquoche ci offriragrave diverse opzioni

Le piugrave frequentemente usate sono di tipo ldquoMenugrave delle sottopagine rdquo come indicato nella figura Tipo dimenu (page 60)

Menugrave delle sottopagine di queste pagine Scegliendo questa opzione da una pagina padre sigenereragrave un record che mostreragrave al suo interno tutte le sottovoci figlio con relativo link

Menugrave delle sottopagine di queste pagine (con abstract) Genera una mappa sia delle sottopagineche dei sottotitoli

Menugrave delle sottopagine di queste pagine + sezioni Genera una mappa sia delle sottopagine chedei record (link alle intestazioni dei singoli record)

Selezionando voci di menugrave di sottopagine egrave anche possibile stabilire un determinato punto di partenzasfogliando lrsquoapposito record

61 Scheda di configurazione Mappa 59

DocWeb Release 101

Figura 63 Tipo di menu

63 Il ldquopunto di partenzardquo della mappa

Il ldquopunto di partenzardquo dei Menugrave delle sottopagine Scheda mappa del sito (page 59) costituisce la paginadalla quale il sistema partiragrave per creare la mappa

Si potragrave quindi creare una mappa (di tipo menugrave delle sottopagine) che mostri solamente il percorso diquella porzione di menugrave che si intende mostrare

63 Il ldquopunto di partenzardquo della mappa 60

CAPITOLO 7

Modulo News

71 Inserimento e modifica di news

Alcune sezioni del nostro sito potrebbero essere state configurate per permettere la visualizzazione dinotizie

Per poter visualizzare le news correttamente occorre che queste ultime vengano inserite in una determi-nata posizione allrsquointerno del backend Da questa posizione che chiameremo repository delle news lenostre pagine andranno a prelevare le news da visualizzare al loro interno

Figura 71 Backend news

Nellrsquoesempio presentato nella figura Backend news (page 61) distinguiamo

1 il repository delle news che egrave stato creato

2 Un esempio di come potrebbe apparire il contenuto del repository delle news (lista delle news)

Per poter visualizzare il contenuto del repository delle news occorre seguire i seguenti passi

1 entrare nel modulo Pagina

61

DocWeb Release 101

2 selezionare il repository delle news corrispondente (nellrsquoesempio della figura Backend news (page 61)il Repository delle news si chiama ldquoNews Area Testrdquo)

Poniamo ora la nostra attenzione alla lista delle news (figura Lista news (page 62)) Da qui egrave possibile

bull Inserire una nuova notizia

bull Modificare le notizie giagrave esistenti

Per inserire una nuova notizia occorre selezionare la voce Crea nuovo record (figura Lista news (page 62))posta in fondo alla lista delle news

Figura 72 Lista news

A questo punto si apre la finestra di creazione Nuovo record da cui occorre selezionare la voce News(figura Nuovo record news (page 62))

Figura 73 Nuovo record news

Eseguendo le operazioni sopra descritte si accede alla maschera di inserimento news (figura Inserimentonews scheda generale (page 63))

Questa si compone di due schede una denominata Generale e unrsquoaltra denominata Relations

Nella scheda Generale egrave possibile inserire

Titolo in questo spazio egrave possibile specificare un titolo della news

Nascondi questo controllo determina se la news egrave pubblicabile oppure no Come avviene per le pagineanche per le news egrave consigliabile tenere la news nascosta durante la lavorazione Facciamo notare

71 Inserimento e modifica di news 62

DocWeb Release 101

Figura 74 Inserimento news scheda generale

71 Inserimento e modifica di news 63

DocWeb Release 101

che appena viene aperta la maschera di inserimento di una nuova news il controllo appare giagrave instato nascosto

Dataora in questo spazio viene indicata la data e lrsquoora della creazione della news in base ai parametridi sistema

Data Archiviazione in questo spazio viene inserita la data di Archiviazione di una news

Autore permette di specificare un autore della news

Email permette di specificare un e-mail a cui fare riferimento

Sottointestazione questo campo conterragrave una breve descrizione (abstract) della news La sottointes-tazione egrave quella parte della news che compare quando viene visualizzata la lista delle news e serveper dare una breve descrizione al contenuto della news (si veda Esempio news (page 64))

Figura 75 Esempio news

Durante lrsquoinserimento di una news egrave consigliabile specificare sempre una sottointestazione

Testo egrave il campo che contiene il contenuto vero e proprio della news Egrave possibile utilizzare tutte lefunzionalitagrave messe a disposizione dallrsquoeditor RTE

72 Modalitagrave Relations

Nella modalitagrave Relations (figura Inserimento news scheda relations (page 65)) egrave possibile inserire

Immagini contiene una lista di immagini da associare alla news Il procedimento per la se-lezionecaricamento delle immagini egrave stato descritto nella parte dedicata alla creazione di paginedi download a cui vi rimandiamo

Didascalia permette di specificare una descrizione per lrsquoimmagine associata alla news

Image alttext e Image titletext permette di specificare un testo che in visualizzazione (Frontend)compariragrave al passaggio del mouse sopra lrsquoimmagine

News correlate permette di specificare news o pagine del sito da associare alla news Il procedimentodi selezione delle news da associare alla notizia saragrave spiegato successivamente

DAM elements permette di assegnare alla news dei documenti da scaricare come per esempioil programma di un determinato evento Anche in questo caso il procedimento per la se-lezionecaricamento dei documenti egrave quello giagrave descritto nella parte dedicata alla creazione dipagine di download

Descriviamo il procedimento da seguire per associare alcune pagine o alcune news alla notizia che stiamoinserendo

Premere il tasto di Sfoglia Record evidenziato nella figura Sfoglia record news (page 65)

Verragrave aperta una finestra che contiene un Element Browser che ci permette di selezionare le newspagine(figura Element browser news (page 66)) da associare

La finestra di selezione si suddivide nelle seguenti parti (figura sopra)

Alberatura del sito da cui egrave possibile esplorare gli elementi del nostro sito (pagine sysfolder )Premendo con il tasto sinistro del mouse sul nome della pagina o sulla freccia corrispondente verragraveaggiornata la parte di destra della finestra in cui egrave inserita la lista degli elementi associabili

72 Modalitagrave Relations 64

DocWeb Release 101

Figura 76 Inserimento news scheda relations

Figura 77 Sfoglia record news

72 Modalitagrave Relations 65

DocWeb Release 101

Figura 78 Element browser news

Lista degli elementi associabili egrave quindi possibile selezionare gli elementi da associare alla newsPer associare un elemento si puograve selezionare il simbolo ldquo+rdquo posto accanto allrsquoelemento desideratoo agendo sul nome del file Nel primo caso lrsquoelemento viene aggiunto ma la finestra non si chiuderagrave(utile per effettuare selezioni multiple) mentre nel secondo caso lrsquoelemento viene aggiunto e lafinestra si chiuderagrave (selezione singola)

Nota Per associare una o piugrave news alla notizia che stiamo inserendo occorreragrave innanzitutto selezionareil repository delle news e utilizzando i metodi descritti in precedenza indicare le news di interesse

Nella figura Selezione repository (page 66) viene visualizzato come appare lrsquoElement Browser dopo averselezionato il repository delle news denominato ldquoNews Corso Typo3rdquo

Figura 79 Selezione repository

Una volta ultimato il procedimento di inserimento di una news vedremo che nel repository compariragrave(figura News nel repository (page 67)) anche quella da noi creata Nellrsquoesempio la news creata si chiamaldquoTitolo della news di provardquo

Dalla lista delle news possiamo notare che i diversi tipi di news sono contrassegnati con icone diverse

In particolare distinguiamo

72 Modalitagrave Relations 66

DocWeb Release 101

Figura 710 News nel repository

bull News (icona ldquocelestinardquo)

bull Collegamento a URL esterna (icona ldquorosardquo)

bull Collegamento a pagina interna (icona ldquogiallinardquo)

Per modificare il contenuto di una news egrave sufficiente selezionare il simbolo di modifica (figura Modificanews (page 67)) in corrispondenza della news da modificare

Figura 711 Modifica news

73 News collegata a URL esterna e a pagina interna

Attraverso la selezione della finestra ldquoTipordquo egrave possibile scegliere diverse tipologie di news

Nella figura News collegata a url esterna (page 68) egrave stato selezionato il Collegamento a URL esterna checi offriragrave la possibilitagrave di specificare un link (ldquoURL esternordquo) da far visualizzare e che saragrave contraddistintain lista da lrsquoicona di colore rosa

Selezionando il Collegamento a pagina interna viene offerta la possibilitagrave di inserire un collegamento auna pagina del sito (evidenziato nella figura News collegata a pagina interna (page 69))

La news si presenteragrave con icona di color ldquogiallordquo e al suo interno conterragrave un link alla pagina interna alsito

73 News collegata a URL esterna e a pagina interna 67

DocWeb Release 101

Figura 712 News collegata a url esterna

73 News collegata a URL esterna e a pagina interna 68

DocWeb Release 101

Figura 713 News collegata a pagina interna

73 News collegata a URL esterna e a pagina interna 69

DocWeb Release 101

74 Eliminazione delle News

Per eliminare una news possiamo procedere tra lrsquoaltro in due modi

1 Selezionare la news da eliminare dallrsquoelenco e selezionare la voce ldquocancellardquo dal menugrave a tendinaconsultabile cliccando con il pulsante destro sullrsquoicona in corrispondenza della news (figura Eliminanews da menu contestuale (page 70))

Figura 714 Elimina news da menu contestuale

2 Entrare allrsquointerno della modalitagrave di modifica della news attraverso lrsquoicona ldquomatitardquo e selezionare lrsquoi-cona raffigurante il bidone di elimina posta in alto pagina (figura Elimina news da scheda contenuto(page 70))

Figura 715 Elimina news da scheda contenuto

75 Ordinamento delle News e ricerca

Puograve essere necessario durante la visualizzazione della lista delle news (lato backend) di dover effettuaredegli ordinamenti al fine di permettere una ricerca piugrave veloce delle news da modificare

74 Eliminazione delle News 70

DocWeb Release 101

Avvertimento Lrsquoordinamento ha valore solo come ricerca allrsquointerno del backend mentre latofrontend rispecchieragrave i parametri prestabiliti dal sistema

Supponiamo per esempio di voler effettuare un ordinamento per Titolo Seguiamo i seguenti passi(figura sotto)

1 Selezionare la voce di menugrave Lista

2 Selezionare il deposito delle news (repository) News Corso Typo3

3 Cliccare con il mouse in corrispondenza della voce ldquoTitolordquo

A questo punto (figura Ordinamento news (page 71)) le news vengono ordinate in ordine crescente(vengono visualizzate prima le news con titolo che inizia con la lettera a b e cosigrave via)

Figura 716 Ordinamento news

Se clicchiamo unrsquoaltra volta sulla voce ldquoTitolordquo il tipo di ordinamento cambia da crescente a decrescente(compariranno per prima le news con titolo che inizia per z )

Egrave inoltre possibile ordinare secondo campo da noi specificato Per definire il nome di un campo (ad estesto inizio autore ) su cui effettuare lrsquoordinamento occorreragrave spostarsi in fondo alla lista delle newsdove troveremo una lista di campi (figura Mostra campo aggiuntivo news (page 71))

Figura 717 Mostra campo aggiuntivo news

Dalla lista possiamo

bull Selezionare la voce in base alla quale effettuare lrsquoordinamento (ad esempio Immagini)

bull Premere il tasto Imposta campi per aggiungere alla lista dei campi visualizzati quello selezionato

75 Ordinamento delle News e ricerca 71

DocWeb Release 101

A questo punto il campo selezionato (nel nostro esempio il campo Immagini) compare nella lista dellenews (il campo aggiunto egrave evidenziato con un riquadro in alto a destra nella figura Ordinamento campoaggiuntivo news (page 72))

Figura 718 Ordinamento campo aggiuntivo news

Effettuare le stesse operazioni illustrate per il campo Titolo per ordinare in modo crescente e decrescentele news secondo il criterio impostato (click pulsante sinistro sul nome etichetta)

Egrave anche possibile ricercare le news in base al testo contenuto nel titolo sottotitolo descrizione eccUtilizzando la maschera di ricerca in fondo pagina (evidenziata nella figura Ricerca news (page 72))

Figura 719 Ricerca news

Per effettuare una ricerca egrave necessario seguire i seguenti passi

1 Inserire nel campo Cerca Stringa il testo da cercare (nel nostro esempio ldquonequerdquo)

2 Premere il tasto Cerca per eseguire la ricerca secondo i criteri impostati

In questo modo nella lista delle news compariranno solo quelle che contengono il testo specificatoEffettuata la ricerca egrave possibile effettuare degli ordinamenti come spiegato in precedenza

75 Ordinamento delle News e ricerca 72

CAPITOLO 8

Modulo Eventi

Avvertimento SEZIONE NON COMPLETA

Si confrontino i seguenti due tipi di contenuti

Evento egrave un tipo di contenuto adatto a descrivere qualcosa che accadragrave o che egrave accaduto in una certadata La data o le date in cui lrsquoevento ricorre sono strettamente legate ad un luogo in cui lrsquoeventosi verificheragravesi egrave verificato Gli eventi vengono rappresentati mediante la metafora dellrsquoagenda edel calendario

Notizia egrave un tipo di contenuto caratterizzato dalla data di pubblicazione secondo la metafora delgiornale online E come in un giornale online una notizia puograve riferirsi sia a fatti giagrave accaduti chea fatti a venire

Nota Per comprendere meglio la differenza tra i due tipi di contenuto si pensi che dato un eventoche ha una certa data di svolgimento (ad es 20 maggio) di tale evento posso realizzare piugrave di unanotizia Rimanendo nellrsquoesempio potrei pubblicare una notizia il 10 maggio per preannunciare lrsquoeventoe poi unrsquoaltra il 18 maggio per ricordarne lrsquoimminenza Infine potrei pubblicare una notizia di riepilogo(cronaca dellrsquoevento immagini ecc) il 22 maggio

81 Scopo del modulo Eventi

Il visitatore del sito deve poter cogliere le informazioni essenziali di un evento

bull Cosa sta per succedere

bull Dove accadragrave

bull Quando accadragrave

82 Il Backend ndash Modulo Pagina

Vedi figura Eventi vista modulo pagina (page 74)

83 Il Backend ndash Modulo Lista

Vedi figura Eventi vista modulo lista (page 74)

73

DocWeb Release 101

Figura 81 Eventi vista modulo pagina

Figura 82 Eventi vista modulo lista

83 Il Backend ndash Modulo Lista 74

DocWeb Release 101

84 Creazione di un evento

Prima di procedere poniamoci qualche domanda

bull Lrsquoevento appartiene a qualche rassegna iniziativa per la quale sono in programma altri eventiPer esempio

ndash Rassegne teatrali cinematografiche

ndash Festival

bull Lrsquoevento si ripete

ndash La replica avviene sempre nello stesso luogo

841 Creazione del record

Vedi figura Creazione nuovo evento (page 75)

Vedi figura Creazione nuovo record evento (page 76)

Figura 83 Creazione nuovo evento

842 Scheda ldquoGeneralerdquo

Vedi figura Evento scheda generale (page 76)

843 Scheda ldquoFinestra temporalerdquo

Orario repliche

Vedi figura Evento finestra temporale (page 78)

84 Creazione di un evento 75

DocWeb Release 101

Figura 84 Creazione nuovo record evento

Figura 85 Evento scheda generale

84 Creazione di un evento 76

DocWeb Release 101

bull Lrsquoorario va solo per le Finestre temporali di un giorno (data inizio = data fine)

bull Se non si conosce lrsquoora della fine impostare ora inizio = ora fine

844 Scheda ldquoTestordquo

Vedi figura Evento scheda testo (page 79)

84 Creazione di un evento 77

DocWeb Release 101

Figura 86 Evento finestra temporale

84 Creazione di un evento 78

DocWeb Release 101

Figura 87 Evento scheda testo84 Creazione di un evento 79

  • Introduzione
    • Cosegrave DocWeb
    • Concetti chiave
      • Funzionalitagrave di Base
        • Il CMS Typo3 ldquobackendrdquo e ldquofrontendrdquo
        • Cambio password di accesso
        • Albero delle pagine
        • Implementazione delle pagine ldquogenitori rdquo e ldquofiglirdquo
        • Inserimento Nuova pagina
        • Elementi standard della pagina
        • Inserimento contenuti di una pagina
        • Contenuti multipli allrsquointerno di una pagina
        • Modifica dei contenuti della pagina
        • Spostamento di pagine
        • Eliminazione pagine
        • Rich Text Editor
        • Modalitagrave Lista
        • Modalitagrave Mostra
        • Modalitagrave ldquoMonta come radice dellrsquoalberordquo
        • Ottenere il page-id di una pagina
        • Admin Panel
          • La Clipboard
            • Copia o spostamento di un contenuto singolo di pagina allrsquointerno di unrsquoaltra pagina
            • Copia o spostamento di piugrave contenuti da una pagina ad unrsquoaltra
              • Modulo DAM (Digital Asset Management)
                • Caricamento e Aggiornamento di file
                • Ricerca di file allrsquointerno del DAM e modifica delle meta-informazioni
                  • Modulo Pagine di download
                    • Inserimento e configurazione pagine di download
                      • Modulo Sitemap
                        • Scheda di configurazione Mappa
                        • Tipo di mappa
                        • Il ``punto di partenza della mappa
                          • Modulo News
                            • Inserimento e modifica di news
                            • Modalitagrave Relations
                            • News collegata a URL esterna e a pagina interna
                            • Eliminazione delle News
                            • Ordinamento delle News e ricerca
                              • Modulo Eventi
                                • Scopo del modulo Eventi
                                • Il Backend ndash Modulo Pagina
                                • Il Backend ndash Modulo Lista
                                • Creazione di un evento
Page 57: DocWeb€¦ · per la realizzazione e la gestione di siti web della Pubblica Am-ministrazione. La piattaforma tecnologica utilizzata è il CMS (Content Management System) Open SourceTypo31

DocWeb Release 101

Oltre allrsquoinserimento occorre configurare il plugin in modo da dirgli quali file far visualizzare

Una volta che il plugin viene inserito viene aperta una finestra (figura Contenuto pagina (page 54)) doveviene richiesto di selezionare dei file inseriti nel sistema

Figura 53 Contenuto pagina

Per proseguire correttamente egrave necessario salvare immediatamente il Contenuto Pagina altrimenti leoperazioni successive potrebbero andare perse

Per inserire i file nella lista occorre effettuare la seguente operazione (figura Contenuto pagina (page 54))

1 Nella parte della maschera denominata DAM Lista di file scaricabili selezionare lrsquoicona SfogliaRecord (cerchiata in rosso) per avviare la procedura di selezione dei file

Selezionando la voce Sfoglia Record verragrave aperto lrsquoElement Browser di TYPO3 che ci permette di se-lezionare i file da inserire nel plugin La finestra (figura Element browser (page 55)) egrave composta di dueschede

1 Media ndash permette di selezionare i file giagrave esistenti nel sistema

2 Upload ndash permette di caricare nuovi file

Selezionando la sezione Media egrave possibile selezionare dalla lista i file da inserire

51 Inserimento e configurazione pagine di download 54

DocWeb Release 101

Figura 54 Element browser

Se la lista dei file fosse troppo lunga egrave possibile effettuare delle ricerche per nome e per tipologia di file(doc htm )

Per cercare per nome (figura Ricerca per nome (page 55)) occorre inserire nella casella di testo Cercastringa (punto 1 nella figura sopra) il nome o parte del nome del file da cercare Una volta specificata lastringa di ricerca premere il tasto Cerca (punto 2)

Figura 55 Ricerca per nome

Per cercare un particolare tipo di file selezionare il nome dellrsquoestensione che si desidera dallrsquoelenco deitipi di file (figura Ricerca per tipo (page 56))

Nota I due tipi di ricerca possono essere usati contemporaneamente

Selezionando la voce informazioni (punto 1 nella figura Selezione file (page 56)) egrave possibile visualizzarele meta-informazioni associate al file

Premendo con il mouse sul nome del file (punto 2) o sullrsquoicona associata (punto 3) si inserisce il file nellalista dei file da far visualizzare nella pagina di download mediante lrsquoapposito plugin

Selezionando la scheda Upload si puograve inserire un file non presente nel sistema (figura Caricamentoimmediato file (page 56))

51 Inserimento e configurazione pagine di download 55

DocWeb Release 101

Figura 56 Ricerca per tipo

Figura 57 Selezione file

Figura 58 Caricamento immediato file

51 Inserimento e configurazione pagine di download 56

DocWeb Release 101

Scegliere i file dal proprio PC seguendo le operazioni giagrave descritte nel modulo DAM e selezionare dallascheda Media i nuovi file inseriti

Nella figura Plugin con file selezionati (page 57) egrave visualizzato un esempio di maschera di configurazionedel plugin con la lista dei file selezionati

Figura 59 Plugin con file selezionati

I file una volta inseriti possono essere ordinati selezionando sugli appositi bottoni posti a destra dellalista file

bull Per ordinare un determinato file occorre

bull Selezionare un file

Premere uno dei tasti (figura sopra) per

1 Spostare in prima posizione

2 Spostare in alto di una posizione

3 Spostare in basso di una posizione

4 Spostare in ultima posizione

5 Rimuovere dalla lista il file selezionato

Una volta eseguiti i passaggi sopra descritti salvare la configurazione del plugin

51 Inserimento e configurazione pagine di download 57

CAPITOLO 6

Modulo Sitemap

Ersquo possibile generare una mappa del sito scegliendo un contenuto speciale di tipo ldquoMappa del Sitordquo comemostrato nella figura Contenuto mappa del sito (page 58)

Figura 61 Contenuto mappa del sito

Per scegliere un record di tipo ldquomappa del sitordquo (per visualizzare cioegrave la vista dei contenuti possibili)saragrave necessario portarsi in modalitagrave ldquopaginardquo compiendo gli stessi passaggi descritti per la creazione dicontenuti semplici in fase di creazione delle pagine (in questo caso selezionando il contenuto specialemappa)

58

DocWeb Release 101

61 Scheda di configurazione Mappa

La scheda di configurazione si presenta come nella figura Scheda mappa del sito (page 59)

Figura 62 Scheda mappa del sito

I campi fondamentali da personalizzare sono lrsquointestazione (ossia il titolo pagina) il tipo di menugrave e ilpunto di partenza Nellrsquointestazione viene inserito come di consuetudine il titolo pagina

62 Tipo di mappa

Ersquo possibile scegliere il tipo di mappa che si desidera creare consultando il menugrave a tendina ldquotipo di menugraverdquoche ci offriragrave diverse opzioni

Le piugrave frequentemente usate sono di tipo ldquoMenugrave delle sottopagine rdquo come indicato nella figura Tipo dimenu (page 60)

Menugrave delle sottopagine di queste pagine Scegliendo questa opzione da una pagina padre sigenereragrave un record che mostreragrave al suo interno tutte le sottovoci figlio con relativo link

Menugrave delle sottopagine di queste pagine (con abstract) Genera una mappa sia delle sottopagineche dei sottotitoli

Menugrave delle sottopagine di queste pagine + sezioni Genera una mappa sia delle sottopagine chedei record (link alle intestazioni dei singoli record)

Selezionando voci di menugrave di sottopagine egrave anche possibile stabilire un determinato punto di partenzasfogliando lrsquoapposito record

61 Scheda di configurazione Mappa 59

DocWeb Release 101

Figura 63 Tipo di menu

63 Il ldquopunto di partenzardquo della mappa

Il ldquopunto di partenzardquo dei Menugrave delle sottopagine Scheda mappa del sito (page 59) costituisce la paginadalla quale il sistema partiragrave per creare la mappa

Si potragrave quindi creare una mappa (di tipo menugrave delle sottopagine) che mostri solamente il percorso diquella porzione di menugrave che si intende mostrare

63 Il ldquopunto di partenzardquo della mappa 60

CAPITOLO 7

Modulo News

71 Inserimento e modifica di news

Alcune sezioni del nostro sito potrebbero essere state configurate per permettere la visualizzazione dinotizie

Per poter visualizzare le news correttamente occorre che queste ultime vengano inserite in una determi-nata posizione allrsquointerno del backend Da questa posizione che chiameremo repository delle news lenostre pagine andranno a prelevare le news da visualizzare al loro interno

Figura 71 Backend news

Nellrsquoesempio presentato nella figura Backend news (page 61) distinguiamo

1 il repository delle news che egrave stato creato

2 Un esempio di come potrebbe apparire il contenuto del repository delle news (lista delle news)

Per poter visualizzare il contenuto del repository delle news occorre seguire i seguenti passi

1 entrare nel modulo Pagina

61

DocWeb Release 101

2 selezionare il repository delle news corrispondente (nellrsquoesempio della figura Backend news (page 61)il Repository delle news si chiama ldquoNews Area Testrdquo)

Poniamo ora la nostra attenzione alla lista delle news (figura Lista news (page 62)) Da qui egrave possibile

bull Inserire una nuova notizia

bull Modificare le notizie giagrave esistenti

Per inserire una nuova notizia occorre selezionare la voce Crea nuovo record (figura Lista news (page 62))posta in fondo alla lista delle news

Figura 72 Lista news

A questo punto si apre la finestra di creazione Nuovo record da cui occorre selezionare la voce News(figura Nuovo record news (page 62))

Figura 73 Nuovo record news

Eseguendo le operazioni sopra descritte si accede alla maschera di inserimento news (figura Inserimentonews scheda generale (page 63))

Questa si compone di due schede una denominata Generale e unrsquoaltra denominata Relations

Nella scheda Generale egrave possibile inserire

Titolo in questo spazio egrave possibile specificare un titolo della news

Nascondi questo controllo determina se la news egrave pubblicabile oppure no Come avviene per le pagineanche per le news egrave consigliabile tenere la news nascosta durante la lavorazione Facciamo notare

71 Inserimento e modifica di news 62

DocWeb Release 101

Figura 74 Inserimento news scheda generale

71 Inserimento e modifica di news 63

DocWeb Release 101

che appena viene aperta la maschera di inserimento di una nuova news il controllo appare giagrave instato nascosto

Dataora in questo spazio viene indicata la data e lrsquoora della creazione della news in base ai parametridi sistema

Data Archiviazione in questo spazio viene inserita la data di Archiviazione di una news

Autore permette di specificare un autore della news

Email permette di specificare un e-mail a cui fare riferimento

Sottointestazione questo campo conterragrave una breve descrizione (abstract) della news La sottointes-tazione egrave quella parte della news che compare quando viene visualizzata la lista delle news e serveper dare una breve descrizione al contenuto della news (si veda Esempio news (page 64))

Figura 75 Esempio news

Durante lrsquoinserimento di una news egrave consigliabile specificare sempre una sottointestazione

Testo egrave il campo che contiene il contenuto vero e proprio della news Egrave possibile utilizzare tutte lefunzionalitagrave messe a disposizione dallrsquoeditor RTE

72 Modalitagrave Relations

Nella modalitagrave Relations (figura Inserimento news scheda relations (page 65)) egrave possibile inserire

Immagini contiene una lista di immagini da associare alla news Il procedimento per la se-lezionecaricamento delle immagini egrave stato descritto nella parte dedicata alla creazione di paginedi download a cui vi rimandiamo

Didascalia permette di specificare una descrizione per lrsquoimmagine associata alla news

Image alttext e Image titletext permette di specificare un testo che in visualizzazione (Frontend)compariragrave al passaggio del mouse sopra lrsquoimmagine

News correlate permette di specificare news o pagine del sito da associare alla news Il procedimentodi selezione delle news da associare alla notizia saragrave spiegato successivamente

DAM elements permette di assegnare alla news dei documenti da scaricare come per esempioil programma di un determinato evento Anche in questo caso il procedimento per la se-lezionecaricamento dei documenti egrave quello giagrave descritto nella parte dedicata alla creazione dipagine di download

Descriviamo il procedimento da seguire per associare alcune pagine o alcune news alla notizia che stiamoinserendo

Premere il tasto di Sfoglia Record evidenziato nella figura Sfoglia record news (page 65)

Verragrave aperta una finestra che contiene un Element Browser che ci permette di selezionare le newspagine(figura Element browser news (page 66)) da associare

La finestra di selezione si suddivide nelle seguenti parti (figura sopra)

Alberatura del sito da cui egrave possibile esplorare gli elementi del nostro sito (pagine sysfolder )Premendo con il tasto sinistro del mouse sul nome della pagina o sulla freccia corrispondente verragraveaggiornata la parte di destra della finestra in cui egrave inserita la lista degli elementi associabili

72 Modalitagrave Relations 64

DocWeb Release 101

Figura 76 Inserimento news scheda relations

Figura 77 Sfoglia record news

72 Modalitagrave Relations 65

DocWeb Release 101

Figura 78 Element browser news

Lista degli elementi associabili egrave quindi possibile selezionare gli elementi da associare alla newsPer associare un elemento si puograve selezionare il simbolo ldquo+rdquo posto accanto allrsquoelemento desideratoo agendo sul nome del file Nel primo caso lrsquoelemento viene aggiunto ma la finestra non si chiuderagrave(utile per effettuare selezioni multiple) mentre nel secondo caso lrsquoelemento viene aggiunto e lafinestra si chiuderagrave (selezione singola)

Nota Per associare una o piugrave news alla notizia che stiamo inserendo occorreragrave innanzitutto selezionareil repository delle news e utilizzando i metodi descritti in precedenza indicare le news di interesse

Nella figura Selezione repository (page 66) viene visualizzato come appare lrsquoElement Browser dopo averselezionato il repository delle news denominato ldquoNews Corso Typo3rdquo

Figura 79 Selezione repository

Una volta ultimato il procedimento di inserimento di una news vedremo che nel repository compariragrave(figura News nel repository (page 67)) anche quella da noi creata Nellrsquoesempio la news creata si chiamaldquoTitolo della news di provardquo

Dalla lista delle news possiamo notare che i diversi tipi di news sono contrassegnati con icone diverse

In particolare distinguiamo

72 Modalitagrave Relations 66

DocWeb Release 101

Figura 710 News nel repository

bull News (icona ldquocelestinardquo)

bull Collegamento a URL esterna (icona ldquorosardquo)

bull Collegamento a pagina interna (icona ldquogiallinardquo)

Per modificare il contenuto di una news egrave sufficiente selezionare il simbolo di modifica (figura Modificanews (page 67)) in corrispondenza della news da modificare

Figura 711 Modifica news

73 News collegata a URL esterna e a pagina interna

Attraverso la selezione della finestra ldquoTipordquo egrave possibile scegliere diverse tipologie di news

Nella figura News collegata a url esterna (page 68) egrave stato selezionato il Collegamento a URL esterna checi offriragrave la possibilitagrave di specificare un link (ldquoURL esternordquo) da far visualizzare e che saragrave contraddistintain lista da lrsquoicona di colore rosa

Selezionando il Collegamento a pagina interna viene offerta la possibilitagrave di inserire un collegamento auna pagina del sito (evidenziato nella figura News collegata a pagina interna (page 69))

La news si presenteragrave con icona di color ldquogiallordquo e al suo interno conterragrave un link alla pagina interna alsito

73 News collegata a URL esterna e a pagina interna 67

DocWeb Release 101

Figura 712 News collegata a url esterna

73 News collegata a URL esterna e a pagina interna 68

DocWeb Release 101

Figura 713 News collegata a pagina interna

73 News collegata a URL esterna e a pagina interna 69

DocWeb Release 101

74 Eliminazione delle News

Per eliminare una news possiamo procedere tra lrsquoaltro in due modi

1 Selezionare la news da eliminare dallrsquoelenco e selezionare la voce ldquocancellardquo dal menugrave a tendinaconsultabile cliccando con il pulsante destro sullrsquoicona in corrispondenza della news (figura Eliminanews da menu contestuale (page 70))

Figura 714 Elimina news da menu contestuale

2 Entrare allrsquointerno della modalitagrave di modifica della news attraverso lrsquoicona ldquomatitardquo e selezionare lrsquoi-cona raffigurante il bidone di elimina posta in alto pagina (figura Elimina news da scheda contenuto(page 70))

Figura 715 Elimina news da scheda contenuto

75 Ordinamento delle News e ricerca

Puograve essere necessario durante la visualizzazione della lista delle news (lato backend) di dover effettuaredegli ordinamenti al fine di permettere una ricerca piugrave veloce delle news da modificare

74 Eliminazione delle News 70

DocWeb Release 101

Avvertimento Lrsquoordinamento ha valore solo come ricerca allrsquointerno del backend mentre latofrontend rispecchieragrave i parametri prestabiliti dal sistema

Supponiamo per esempio di voler effettuare un ordinamento per Titolo Seguiamo i seguenti passi(figura sotto)

1 Selezionare la voce di menugrave Lista

2 Selezionare il deposito delle news (repository) News Corso Typo3

3 Cliccare con il mouse in corrispondenza della voce ldquoTitolordquo

A questo punto (figura Ordinamento news (page 71)) le news vengono ordinate in ordine crescente(vengono visualizzate prima le news con titolo che inizia con la lettera a b e cosigrave via)

Figura 716 Ordinamento news

Se clicchiamo unrsquoaltra volta sulla voce ldquoTitolordquo il tipo di ordinamento cambia da crescente a decrescente(compariranno per prima le news con titolo che inizia per z )

Egrave inoltre possibile ordinare secondo campo da noi specificato Per definire il nome di un campo (ad estesto inizio autore ) su cui effettuare lrsquoordinamento occorreragrave spostarsi in fondo alla lista delle newsdove troveremo una lista di campi (figura Mostra campo aggiuntivo news (page 71))

Figura 717 Mostra campo aggiuntivo news

Dalla lista possiamo

bull Selezionare la voce in base alla quale effettuare lrsquoordinamento (ad esempio Immagini)

bull Premere il tasto Imposta campi per aggiungere alla lista dei campi visualizzati quello selezionato

75 Ordinamento delle News e ricerca 71

DocWeb Release 101

A questo punto il campo selezionato (nel nostro esempio il campo Immagini) compare nella lista dellenews (il campo aggiunto egrave evidenziato con un riquadro in alto a destra nella figura Ordinamento campoaggiuntivo news (page 72))

Figura 718 Ordinamento campo aggiuntivo news

Effettuare le stesse operazioni illustrate per il campo Titolo per ordinare in modo crescente e decrescentele news secondo il criterio impostato (click pulsante sinistro sul nome etichetta)

Egrave anche possibile ricercare le news in base al testo contenuto nel titolo sottotitolo descrizione eccUtilizzando la maschera di ricerca in fondo pagina (evidenziata nella figura Ricerca news (page 72))

Figura 719 Ricerca news

Per effettuare una ricerca egrave necessario seguire i seguenti passi

1 Inserire nel campo Cerca Stringa il testo da cercare (nel nostro esempio ldquonequerdquo)

2 Premere il tasto Cerca per eseguire la ricerca secondo i criteri impostati

In questo modo nella lista delle news compariranno solo quelle che contengono il testo specificatoEffettuata la ricerca egrave possibile effettuare degli ordinamenti come spiegato in precedenza

75 Ordinamento delle News e ricerca 72

CAPITOLO 8

Modulo Eventi

Avvertimento SEZIONE NON COMPLETA

Si confrontino i seguenti due tipi di contenuti

Evento egrave un tipo di contenuto adatto a descrivere qualcosa che accadragrave o che egrave accaduto in una certadata La data o le date in cui lrsquoevento ricorre sono strettamente legate ad un luogo in cui lrsquoeventosi verificheragravesi egrave verificato Gli eventi vengono rappresentati mediante la metafora dellrsquoagenda edel calendario

Notizia egrave un tipo di contenuto caratterizzato dalla data di pubblicazione secondo la metafora delgiornale online E come in un giornale online una notizia puograve riferirsi sia a fatti giagrave accaduti chea fatti a venire

Nota Per comprendere meglio la differenza tra i due tipi di contenuto si pensi che dato un eventoche ha una certa data di svolgimento (ad es 20 maggio) di tale evento posso realizzare piugrave di unanotizia Rimanendo nellrsquoesempio potrei pubblicare una notizia il 10 maggio per preannunciare lrsquoeventoe poi unrsquoaltra il 18 maggio per ricordarne lrsquoimminenza Infine potrei pubblicare una notizia di riepilogo(cronaca dellrsquoevento immagini ecc) il 22 maggio

81 Scopo del modulo Eventi

Il visitatore del sito deve poter cogliere le informazioni essenziali di un evento

bull Cosa sta per succedere

bull Dove accadragrave

bull Quando accadragrave

82 Il Backend ndash Modulo Pagina

Vedi figura Eventi vista modulo pagina (page 74)

83 Il Backend ndash Modulo Lista

Vedi figura Eventi vista modulo lista (page 74)

73

DocWeb Release 101

Figura 81 Eventi vista modulo pagina

Figura 82 Eventi vista modulo lista

83 Il Backend ndash Modulo Lista 74

DocWeb Release 101

84 Creazione di un evento

Prima di procedere poniamoci qualche domanda

bull Lrsquoevento appartiene a qualche rassegna iniziativa per la quale sono in programma altri eventiPer esempio

ndash Rassegne teatrali cinematografiche

ndash Festival

bull Lrsquoevento si ripete

ndash La replica avviene sempre nello stesso luogo

841 Creazione del record

Vedi figura Creazione nuovo evento (page 75)

Vedi figura Creazione nuovo record evento (page 76)

Figura 83 Creazione nuovo evento

842 Scheda ldquoGeneralerdquo

Vedi figura Evento scheda generale (page 76)

843 Scheda ldquoFinestra temporalerdquo

Orario repliche

Vedi figura Evento finestra temporale (page 78)

84 Creazione di un evento 75

DocWeb Release 101

Figura 84 Creazione nuovo record evento

Figura 85 Evento scheda generale

84 Creazione di un evento 76

DocWeb Release 101

bull Lrsquoorario va solo per le Finestre temporali di un giorno (data inizio = data fine)

bull Se non si conosce lrsquoora della fine impostare ora inizio = ora fine

844 Scheda ldquoTestordquo

Vedi figura Evento scheda testo (page 79)

84 Creazione di un evento 77

DocWeb Release 101

Figura 86 Evento finestra temporale

84 Creazione di un evento 78

DocWeb Release 101

Figura 87 Evento scheda testo84 Creazione di un evento 79

  • Introduzione
    • Cosegrave DocWeb
    • Concetti chiave
      • Funzionalitagrave di Base
        • Il CMS Typo3 ldquobackendrdquo e ldquofrontendrdquo
        • Cambio password di accesso
        • Albero delle pagine
        • Implementazione delle pagine ldquogenitori rdquo e ldquofiglirdquo
        • Inserimento Nuova pagina
        • Elementi standard della pagina
        • Inserimento contenuti di una pagina
        • Contenuti multipli allrsquointerno di una pagina
        • Modifica dei contenuti della pagina
        • Spostamento di pagine
        • Eliminazione pagine
        • Rich Text Editor
        • Modalitagrave Lista
        • Modalitagrave Mostra
        • Modalitagrave ldquoMonta come radice dellrsquoalberordquo
        • Ottenere il page-id di una pagina
        • Admin Panel
          • La Clipboard
            • Copia o spostamento di un contenuto singolo di pagina allrsquointerno di unrsquoaltra pagina
            • Copia o spostamento di piugrave contenuti da una pagina ad unrsquoaltra
              • Modulo DAM (Digital Asset Management)
                • Caricamento e Aggiornamento di file
                • Ricerca di file allrsquointerno del DAM e modifica delle meta-informazioni
                  • Modulo Pagine di download
                    • Inserimento e configurazione pagine di download
                      • Modulo Sitemap
                        • Scheda di configurazione Mappa
                        • Tipo di mappa
                        • Il ``punto di partenza della mappa
                          • Modulo News
                            • Inserimento e modifica di news
                            • Modalitagrave Relations
                            • News collegata a URL esterna e a pagina interna
                            • Eliminazione delle News
                            • Ordinamento delle News e ricerca
                              • Modulo Eventi
                                • Scopo del modulo Eventi
                                • Il Backend ndash Modulo Pagina
                                • Il Backend ndash Modulo Lista
                                • Creazione di un evento
Page 58: DocWeb€¦ · per la realizzazione e la gestione di siti web della Pubblica Am-ministrazione. La piattaforma tecnologica utilizzata è il CMS (Content Management System) Open SourceTypo31

DocWeb Release 101

Figura 54 Element browser

Se la lista dei file fosse troppo lunga egrave possibile effettuare delle ricerche per nome e per tipologia di file(doc htm )

Per cercare per nome (figura Ricerca per nome (page 55)) occorre inserire nella casella di testo Cercastringa (punto 1 nella figura sopra) il nome o parte del nome del file da cercare Una volta specificata lastringa di ricerca premere il tasto Cerca (punto 2)

Figura 55 Ricerca per nome

Per cercare un particolare tipo di file selezionare il nome dellrsquoestensione che si desidera dallrsquoelenco deitipi di file (figura Ricerca per tipo (page 56))

Nota I due tipi di ricerca possono essere usati contemporaneamente

Selezionando la voce informazioni (punto 1 nella figura Selezione file (page 56)) egrave possibile visualizzarele meta-informazioni associate al file

Premendo con il mouse sul nome del file (punto 2) o sullrsquoicona associata (punto 3) si inserisce il file nellalista dei file da far visualizzare nella pagina di download mediante lrsquoapposito plugin

Selezionando la scheda Upload si puograve inserire un file non presente nel sistema (figura Caricamentoimmediato file (page 56))

51 Inserimento e configurazione pagine di download 55

DocWeb Release 101

Figura 56 Ricerca per tipo

Figura 57 Selezione file

Figura 58 Caricamento immediato file

51 Inserimento e configurazione pagine di download 56

DocWeb Release 101

Scegliere i file dal proprio PC seguendo le operazioni giagrave descritte nel modulo DAM e selezionare dallascheda Media i nuovi file inseriti

Nella figura Plugin con file selezionati (page 57) egrave visualizzato un esempio di maschera di configurazionedel plugin con la lista dei file selezionati

Figura 59 Plugin con file selezionati

I file una volta inseriti possono essere ordinati selezionando sugli appositi bottoni posti a destra dellalista file

bull Per ordinare un determinato file occorre

bull Selezionare un file

Premere uno dei tasti (figura sopra) per

1 Spostare in prima posizione

2 Spostare in alto di una posizione

3 Spostare in basso di una posizione

4 Spostare in ultima posizione

5 Rimuovere dalla lista il file selezionato

Una volta eseguiti i passaggi sopra descritti salvare la configurazione del plugin

51 Inserimento e configurazione pagine di download 57

CAPITOLO 6

Modulo Sitemap

Ersquo possibile generare una mappa del sito scegliendo un contenuto speciale di tipo ldquoMappa del Sitordquo comemostrato nella figura Contenuto mappa del sito (page 58)

Figura 61 Contenuto mappa del sito

Per scegliere un record di tipo ldquomappa del sitordquo (per visualizzare cioegrave la vista dei contenuti possibili)saragrave necessario portarsi in modalitagrave ldquopaginardquo compiendo gli stessi passaggi descritti per la creazione dicontenuti semplici in fase di creazione delle pagine (in questo caso selezionando il contenuto specialemappa)

58

DocWeb Release 101

61 Scheda di configurazione Mappa

La scheda di configurazione si presenta come nella figura Scheda mappa del sito (page 59)

Figura 62 Scheda mappa del sito

I campi fondamentali da personalizzare sono lrsquointestazione (ossia il titolo pagina) il tipo di menugrave e ilpunto di partenza Nellrsquointestazione viene inserito come di consuetudine il titolo pagina

62 Tipo di mappa

Ersquo possibile scegliere il tipo di mappa che si desidera creare consultando il menugrave a tendina ldquotipo di menugraverdquoche ci offriragrave diverse opzioni

Le piugrave frequentemente usate sono di tipo ldquoMenugrave delle sottopagine rdquo come indicato nella figura Tipo dimenu (page 60)

Menugrave delle sottopagine di queste pagine Scegliendo questa opzione da una pagina padre sigenereragrave un record che mostreragrave al suo interno tutte le sottovoci figlio con relativo link

Menugrave delle sottopagine di queste pagine (con abstract) Genera una mappa sia delle sottopagineche dei sottotitoli

Menugrave delle sottopagine di queste pagine + sezioni Genera una mappa sia delle sottopagine chedei record (link alle intestazioni dei singoli record)

Selezionando voci di menugrave di sottopagine egrave anche possibile stabilire un determinato punto di partenzasfogliando lrsquoapposito record

61 Scheda di configurazione Mappa 59

DocWeb Release 101

Figura 63 Tipo di menu

63 Il ldquopunto di partenzardquo della mappa

Il ldquopunto di partenzardquo dei Menugrave delle sottopagine Scheda mappa del sito (page 59) costituisce la paginadalla quale il sistema partiragrave per creare la mappa

Si potragrave quindi creare una mappa (di tipo menugrave delle sottopagine) che mostri solamente il percorso diquella porzione di menugrave che si intende mostrare

63 Il ldquopunto di partenzardquo della mappa 60

CAPITOLO 7

Modulo News

71 Inserimento e modifica di news

Alcune sezioni del nostro sito potrebbero essere state configurate per permettere la visualizzazione dinotizie

Per poter visualizzare le news correttamente occorre che queste ultime vengano inserite in una determi-nata posizione allrsquointerno del backend Da questa posizione che chiameremo repository delle news lenostre pagine andranno a prelevare le news da visualizzare al loro interno

Figura 71 Backend news

Nellrsquoesempio presentato nella figura Backend news (page 61) distinguiamo

1 il repository delle news che egrave stato creato

2 Un esempio di come potrebbe apparire il contenuto del repository delle news (lista delle news)

Per poter visualizzare il contenuto del repository delle news occorre seguire i seguenti passi

1 entrare nel modulo Pagina

61

DocWeb Release 101

2 selezionare il repository delle news corrispondente (nellrsquoesempio della figura Backend news (page 61)il Repository delle news si chiama ldquoNews Area Testrdquo)

Poniamo ora la nostra attenzione alla lista delle news (figura Lista news (page 62)) Da qui egrave possibile

bull Inserire una nuova notizia

bull Modificare le notizie giagrave esistenti

Per inserire una nuova notizia occorre selezionare la voce Crea nuovo record (figura Lista news (page 62))posta in fondo alla lista delle news

Figura 72 Lista news

A questo punto si apre la finestra di creazione Nuovo record da cui occorre selezionare la voce News(figura Nuovo record news (page 62))

Figura 73 Nuovo record news

Eseguendo le operazioni sopra descritte si accede alla maschera di inserimento news (figura Inserimentonews scheda generale (page 63))

Questa si compone di due schede una denominata Generale e unrsquoaltra denominata Relations

Nella scheda Generale egrave possibile inserire

Titolo in questo spazio egrave possibile specificare un titolo della news

Nascondi questo controllo determina se la news egrave pubblicabile oppure no Come avviene per le pagineanche per le news egrave consigliabile tenere la news nascosta durante la lavorazione Facciamo notare

71 Inserimento e modifica di news 62

DocWeb Release 101

Figura 74 Inserimento news scheda generale

71 Inserimento e modifica di news 63

DocWeb Release 101

che appena viene aperta la maschera di inserimento di una nuova news il controllo appare giagrave instato nascosto

Dataora in questo spazio viene indicata la data e lrsquoora della creazione della news in base ai parametridi sistema

Data Archiviazione in questo spazio viene inserita la data di Archiviazione di una news

Autore permette di specificare un autore della news

Email permette di specificare un e-mail a cui fare riferimento

Sottointestazione questo campo conterragrave una breve descrizione (abstract) della news La sottointes-tazione egrave quella parte della news che compare quando viene visualizzata la lista delle news e serveper dare una breve descrizione al contenuto della news (si veda Esempio news (page 64))

Figura 75 Esempio news

Durante lrsquoinserimento di una news egrave consigliabile specificare sempre una sottointestazione

Testo egrave il campo che contiene il contenuto vero e proprio della news Egrave possibile utilizzare tutte lefunzionalitagrave messe a disposizione dallrsquoeditor RTE

72 Modalitagrave Relations

Nella modalitagrave Relations (figura Inserimento news scheda relations (page 65)) egrave possibile inserire

Immagini contiene una lista di immagini da associare alla news Il procedimento per la se-lezionecaricamento delle immagini egrave stato descritto nella parte dedicata alla creazione di paginedi download a cui vi rimandiamo

Didascalia permette di specificare una descrizione per lrsquoimmagine associata alla news

Image alttext e Image titletext permette di specificare un testo che in visualizzazione (Frontend)compariragrave al passaggio del mouse sopra lrsquoimmagine

News correlate permette di specificare news o pagine del sito da associare alla news Il procedimentodi selezione delle news da associare alla notizia saragrave spiegato successivamente

DAM elements permette di assegnare alla news dei documenti da scaricare come per esempioil programma di un determinato evento Anche in questo caso il procedimento per la se-lezionecaricamento dei documenti egrave quello giagrave descritto nella parte dedicata alla creazione dipagine di download

Descriviamo il procedimento da seguire per associare alcune pagine o alcune news alla notizia che stiamoinserendo

Premere il tasto di Sfoglia Record evidenziato nella figura Sfoglia record news (page 65)

Verragrave aperta una finestra che contiene un Element Browser che ci permette di selezionare le newspagine(figura Element browser news (page 66)) da associare

La finestra di selezione si suddivide nelle seguenti parti (figura sopra)

Alberatura del sito da cui egrave possibile esplorare gli elementi del nostro sito (pagine sysfolder )Premendo con il tasto sinistro del mouse sul nome della pagina o sulla freccia corrispondente verragraveaggiornata la parte di destra della finestra in cui egrave inserita la lista degli elementi associabili

72 Modalitagrave Relations 64

DocWeb Release 101

Figura 76 Inserimento news scheda relations

Figura 77 Sfoglia record news

72 Modalitagrave Relations 65

DocWeb Release 101

Figura 78 Element browser news

Lista degli elementi associabili egrave quindi possibile selezionare gli elementi da associare alla newsPer associare un elemento si puograve selezionare il simbolo ldquo+rdquo posto accanto allrsquoelemento desideratoo agendo sul nome del file Nel primo caso lrsquoelemento viene aggiunto ma la finestra non si chiuderagrave(utile per effettuare selezioni multiple) mentre nel secondo caso lrsquoelemento viene aggiunto e lafinestra si chiuderagrave (selezione singola)

Nota Per associare una o piugrave news alla notizia che stiamo inserendo occorreragrave innanzitutto selezionareil repository delle news e utilizzando i metodi descritti in precedenza indicare le news di interesse

Nella figura Selezione repository (page 66) viene visualizzato come appare lrsquoElement Browser dopo averselezionato il repository delle news denominato ldquoNews Corso Typo3rdquo

Figura 79 Selezione repository

Una volta ultimato il procedimento di inserimento di una news vedremo che nel repository compariragrave(figura News nel repository (page 67)) anche quella da noi creata Nellrsquoesempio la news creata si chiamaldquoTitolo della news di provardquo

Dalla lista delle news possiamo notare che i diversi tipi di news sono contrassegnati con icone diverse

In particolare distinguiamo

72 Modalitagrave Relations 66

DocWeb Release 101

Figura 710 News nel repository

bull News (icona ldquocelestinardquo)

bull Collegamento a URL esterna (icona ldquorosardquo)

bull Collegamento a pagina interna (icona ldquogiallinardquo)

Per modificare il contenuto di una news egrave sufficiente selezionare il simbolo di modifica (figura Modificanews (page 67)) in corrispondenza della news da modificare

Figura 711 Modifica news

73 News collegata a URL esterna e a pagina interna

Attraverso la selezione della finestra ldquoTipordquo egrave possibile scegliere diverse tipologie di news

Nella figura News collegata a url esterna (page 68) egrave stato selezionato il Collegamento a URL esterna checi offriragrave la possibilitagrave di specificare un link (ldquoURL esternordquo) da far visualizzare e che saragrave contraddistintain lista da lrsquoicona di colore rosa

Selezionando il Collegamento a pagina interna viene offerta la possibilitagrave di inserire un collegamento auna pagina del sito (evidenziato nella figura News collegata a pagina interna (page 69))

La news si presenteragrave con icona di color ldquogiallordquo e al suo interno conterragrave un link alla pagina interna alsito

73 News collegata a URL esterna e a pagina interna 67

DocWeb Release 101

Figura 712 News collegata a url esterna

73 News collegata a URL esterna e a pagina interna 68

DocWeb Release 101

Figura 713 News collegata a pagina interna

73 News collegata a URL esterna e a pagina interna 69

DocWeb Release 101

74 Eliminazione delle News

Per eliminare una news possiamo procedere tra lrsquoaltro in due modi

1 Selezionare la news da eliminare dallrsquoelenco e selezionare la voce ldquocancellardquo dal menugrave a tendinaconsultabile cliccando con il pulsante destro sullrsquoicona in corrispondenza della news (figura Eliminanews da menu contestuale (page 70))

Figura 714 Elimina news da menu contestuale

2 Entrare allrsquointerno della modalitagrave di modifica della news attraverso lrsquoicona ldquomatitardquo e selezionare lrsquoi-cona raffigurante il bidone di elimina posta in alto pagina (figura Elimina news da scheda contenuto(page 70))

Figura 715 Elimina news da scheda contenuto

75 Ordinamento delle News e ricerca

Puograve essere necessario durante la visualizzazione della lista delle news (lato backend) di dover effettuaredegli ordinamenti al fine di permettere una ricerca piugrave veloce delle news da modificare

74 Eliminazione delle News 70

DocWeb Release 101

Avvertimento Lrsquoordinamento ha valore solo come ricerca allrsquointerno del backend mentre latofrontend rispecchieragrave i parametri prestabiliti dal sistema

Supponiamo per esempio di voler effettuare un ordinamento per Titolo Seguiamo i seguenti passi(figura sotto)

1 Selezionare la voce di menugrave Lista

2 Selezionare il deposito delle news (repository) News Corso Typo3

3 Cliccare con il mouse in corrispondenza della voce ldquoTitolordquo

A questo punto (figura Ordinamento news (page 71)) le news vengono ordinate in ordine crescente(vengono visualizzate prima le news con titolo che inizia con la lettera a b e cosigrave via)

Figura 716 Ordinamento news

Se clicchiamo unrsquoaltra volta sulla voce ldquoTitolordquo il tipo di ordinamento cambia da crescente a decrescente(compariranno per prima le news con titolo che inizia per z )

Egrave inoltre possibile ordinare secondo campo da noi specificato Per definire il nome di un campo (ad estesto inizio autore ) su cui effettuare lrsquoordinamento occorreragrave spostarsi in fondo alla lista delle newsdove troveremo una lista di campi (figura Mostra campo aggiuntivo news (page 71))

Figura 717 Mostra campo aggiuntivo news

Dalla lista possiamo

bull Selezionare la voce in base alla quale effettuare lrsquoordinamento (ad esempio Immagini)

bull Premere il tasto Imposta campi per aggiungere alla lista dei campi visualizzati quello selezionato

75 Ordinamento delle News e ricerca 71

DocWeb Release 101

A questo punto il campo selezionato (nel nostro esempio il campo Immagini) compare nella lista dellenews (il campo aggiunto egrave evidenziato con un riquadro in alto a destra nella figura Ordinamento campoaggiuntivo news (page 72))

Figura 718 Ordinamento campo aggiuntivo news

Effettuare le stesse operazioni illustrate per il campo Titolo per ordinare in modo crescente e decrescentele news secondo il criterio impostato (click pulsante sinistro sul nome etichetta)

Egrave anche possibile ricercare le news in base al testo contenuto nel titolo sottotitolo descrizione eccUtilizzando la maschera di ricerca in fondo pagina (evidenziata nella figura Ricerca news (page 72))

Figura 719 Ricerca news

Per effettuare una ricerca egrave necessario seguire i seguenti passi

1 Inserire nel campo Cerca Stringa il testo da cercare (nel nostro esempio ldquonequerdquo)

2 Premere il tasto Cerca per eseguire la ricerca secondo i criteri impostati

In questo modo nella lista delle news compariranno solo quelle che contengono il testo specificatoEffettuata la ricerca egrave possibile effettuare degli ordinamenti come spiegato in precedenza

75 Ordinamento delle News e ricerca 72

CAPITOLO 8

Modulo Eventi

Avvertimento SEZIONE NON COMPLETA

Si confrontino i seguenti due tipi di contenuti

Evento egrave un tipo di contenuto adatto a descrivere qualcosa che accadragrave o che egrave accaduto in una certadata La data o le date in cui lrsquoevento ricorre sono strettamente legate ad un luogo in cui lrsquoeventosi verificheragravesi egrave verificato Gli eventi vengono rappresentati mediante la metafora dellrsquoagenda edel calendario

Notizia egrave un tipo di contenuto caratterizzato dalla data di pubblicazione secondo la metafora delgiornale online E come in un giornale online una notizia puograve riferirsi sia a fatti giagrave accaduti chea fatti a venire

Nota Per comprendere meglio la differenza tra i due tipi di contenuto si pensi che dato un eventoche ha una certa data di svolgimento (ad es 20 maggio) di tale evento posso realizzare piugrave di unanotizia Rimanendo nellrsquoesempio potrei pubblicare una notizia il 10 maggio per preannunciare lrsquoeventoe poi unrsquoaltra il 18 maggio per ricordarne lrsquoimminenza Infine potrei pubblicare una notizia di riepilogo(cronaca dellrsquoevento immagini ecc) il 22 maggio

81 Scopo del modulo Eventi

Il visitatore del sito deve poter cogliere le informazioni essenziali di un evento

bull Cosa sta per succedere

bull Dove accadragrave

bull Quando accadragrave

82 Il Backend ndash Modulo Pagina

Vedi figura Eventi vista modulo pagina (page 74)

83 Il Backend ndash Modulo Lista

Vedi figura Eventi vista modulo lista (page 74)

73

DocWeb Release 101

Figura 81 Eventi vista modulo pagina

Figura 82 Eventi vista modulo lista

83 Il Backend ndash Modulo Lista 74

DocWeb Release 101

84 Creazione di un evento

Prima di procedere poniamoci qualche domanda

bull Lrsquoevento appartiene a qualche rassegna iniziativa per la quale sono in programma altri eventiPer esempio

ndash Rassegne teatrali cinematografiche

ndash Festival

bull Lrsquoevento si ripete

ndash La replica avviene sempre nello stesso luogo

841 Creazione del record

Vedi figura Creazione nuovo evento (page 75)

Vedi figura Creazione nuovo record evento (page 76)

Figura 83 Creazione nuovo evento

842 Scheda ldquoGeneralerdquo

Vedi figura Evento scheda generale (page 76)

843 Scheda ldquoFinestra temporalerdquo

Orario repliche

Vedi figura Evento finestra temporale (page 78)

84 Creazione di un evento 75

DocWeb Release 101

Figura 84 Creazione nuovo record evento

Figura 85 Evento scheda generale

84 Creazione di un evento 76

DocWeb Release 101

bull Lrsquoorario va solo per le Finestre temporali di un giorno (data inizio = data fine)

bull Se non si conosce lrsquoora della fine impostare ora inizio = ora fine

844 Scheda ldquoTestordquo

Vedi figura Evento scheda testo (page 79)

84 Creazione di un evento 77

DocWeb Release 101

Figura 86 Evento finestra temporale

84 Creazione di un evento 78

DocWeb Release 101

Figura 87 Evento scheda testo84 Creazione di un evento 79

  • Introduzione
    • Cosegrave DocWeb
    • Concetti chiave
      • Funzionalitagrave di Base
        • Il CMS Typo3 ldquobackendrdquo e ldquofrontendrdquo
        • Cambio password di accesso
        • Albero delle pagine
        • Implementazione delle pagine ldquogenitori rdquo e ldquofiglirdquo
        • Inserimento Nuova pagina
        • Elementi standard della pagina
        • Inserimento contenuti di una pagina
        • Contenuti multipli allrsquointerno di una pagina
        • Modifica dei contenuti della pagina
        • Spostamento di pagine
        • Eliminazione pagine
        • Rich Text Editor
        • Modalitagrave Lista
        • Modalitagrave Mostra
        • Modalitagrave ldquoMonta come radice dellrsquoalberordquo
        • Ottenere il page-id di una pagina
        • Admin Panel
          • La Clipboard
            • Copia o spostamento di un contenuto singolo di pagina allrsquointerno di unrsquoaltra pagina
            • Copia o spostamento di piugrave contenuti da una pagina ad unrsquoaltra
              • Modulo DAM (Digital Asset Management)
                • Caricamento e Aggiornamento di file
                • Ricerca di file allrsquointerno del DAM e modifica delle meta-informazioni
                  • Modulo Pagine di download
                    • Inserimento e configurazione pagine di download
                      • Modulo Sitemap
                        • Scheda di configurazione Mappa
                        • Tipo di mappa
                        • Il ``punto di partenza della mappa
                          • Modulo News
                            • Inserimento e modifica di news
                            • Modalitagrave Relations
                            • News collegata a URL esterna e a pagina interna
                            • Eliminazione delle News
                            • Ordinamento delle News e ricerca
                              • Modulo Eventi
                                • Scopo del modulo Eventi
                                • Il Backend ndash Modulo Pagina
                                • Il Backend ndash Modulo Lista
                                • Creazione di un evento
Page 59: DocWeb€¦ · per la realizzazione e la gestione di siti web della Pubblica Am-ministrazione. La piattaforma tecnologica utilizzata è il CMS (Content Management System) Open SourceTypo31

DocWeb Release 101

Figura 56 Ricerca per tipo

Figura 57 Selezione file

Figura 58 Caricamento immediato file

51 Inserimento e configurazione pagine di download 56

DocWeb Release 101

Scegliere i file dal proprio PC seguendo le operazioni giagrave descritte nel modulo DAM e selezionare dallascheda Media i nuovi file inseriti

Nella figura Plugin con file selezionati (page 57) egrave visualizzato un esempio di maschera di configurazionedel plugin con la lista dei file selezionati

Figura 59 Plugin con file selezionati

I file una volta inseriti possono essere ordinati selezionando sugli appositi bottoni posti a destra dellalista file

bull Per ordinare un determinato file occorre

bull Selezionare un file

Premere uno dei tasti (figura sopra) per

1 Spostare in prima posizione

2 Spostare in alto di una posizione

3 Spostare in basso di una posizione

4 Spostare in ultima posizione

5 Rimuovere dalla lista il file selezionato

Una volta eseguiti i passaggi sopra descritti salvare la configurazione del plugin

51 Inserimento e configurazione pagine di download 57

CAPITOLO 6

Modulo Sitemap

Ersquo possibile generare una mappa del sito scegliendo un contenuto speciale di tipo ldquoMappa del Sitordquo comemostrato nella figura Contenuto mappa del sito (page 58)

Figura 61 Contenuto mappa del sito

Per scegliere un record di tipo ldquomappa del sitordquo (per visualizzare cioegrave la vista dei contenuti possibili)saragrave necessario portarsi in modalitagrave ldquopaginardquo compiendo gli stessi passaggi descritti per la creazione dicontenuti semplici in fase di creazione delle pagine (in questo caso selezionando il contenuto specialemappa)

58

DocWeb Release 101

61 Scheda di configurazione Mappa

La scheda di configurazione si presenta come nella figura Scheda mappa del sito (page 59)

Figura 62 Scheda mappa del sito

I campi fondamentali da personalizzare sono lrsquointestazione (ossia il titolo pagina) il tipo di menugrave e ilpunto di partenza Nellrsquointestazione viene inserito come di consuetudine il titolo pagina

62 Tipo di mappa

Ersquo possibile scegliere il tipo di mappa che si desidera creare consultando il menugrave a tendina ldquotipo di menugraverdquoche ci offriragrave diverse opzioni

Le piugrave frequentemente usate sono di tipo ldquoMenugrave delle sottopagine rdquo come indicato nella figura Tipo dimenu (page 60)

Menugrave delle sottopagine di queste pagine Scegliendo questa opzione da una pagina padre sigenereragrave un record che mostreragrave al suo interno tutte le sottovoci figlio con relativo link

Menugrave delle sottopagine di queste pagine (con abstract) Genera una mappa sia delle sottopagineche dei sottotitoli

Menugrave delle sottopagine di queste pagine + sezioni Genera una mappa sia delle sottopagine chedei record (link alle intestazioni dei singoli record)

Selezionando voci di menugrave di sottopagine egrave anche possibile stabilire un determinato punto di partenzasfogliando lrsquoapposito record

61 Scheda di configurazione Mappa 59

DocWeb Release 101

Figura 63 Tipo di menu

63 Il ldquopunto di partenzardquo della mappa

Il ldquopunto di partenzardquo dei Menugrave delle sottopagine Scheda mappa del sito (page 59) costituisce la paginadalla quale il sistema partiragrave per creare la mappa

Si potragrave quindi creare una mappa (di tipo menugrave delle sottopagine) che mostri solamente il percorso diquella porzione di menugrave che si intende mostrare

63 Il ldquopunto di partenzardquo della mappa 60

CAPITOLO 7

Modulo News

71 Inserimento e modifica di news

Alcune sezioni del nostro sito potrebbero essere state configurate per permettere la visualizzazione dinotizie

Per poter visualizzare le news correttamente occorre che queste ultime vengano inserite in una determi-nata posizione allrsquointerno del backend Da questa posizione che chiameremo repository delle news lenostre pagine andranno a prelevare le news da visualizzare al loro interno

Figura 71 Backend news

Nellrsquoesempio presentato nella figura Backend news (page 61) distinguiamo

1 il repository delle news che egrave stato creato

2 Un esempio di come potrebbe apparire il contenuto del repository delle news (lista delle news)

Per poter visualizzare il contenuto del repository delle news occorre seguire i seguenti passi

1 entrare nel modulo Pagina

61

DocWeb Release 101

2 selezionare il repository delle news corrispondente (nellrsquoesempio della figura Backend news (page 61)il Repository delle news si chiama ldquoNews Area Testrdquo)

Poniamo ora la nostra attenzione alla lista delle news (figura Lista news (page 62)) Da qui egrave possibile

bull Inserire una nuova notizia

bull Modificare le notizie giagrave esistenti

Per inserire una nuova notizia occorre selezionare la voce Crea nuovo record (figura Lista news (page 62))posta in fondo alla lista delle news

Figura 72 Lista news

A questo punto si apre la finestra di creazione Nuovo record da cui occorre selezionare la voce News(figura Nuovo record news (page 62))

Figura 73 Nuovo record news

Eseguendo le operazioni sopra descritte si accede alla maschera di inserimento news (figura Inserimentonews scheda generale (page 63))

Questa si compone di due schede una denominata Generale e unrsquoaltra denominata Relations

Nella scheda Generale egrave possibile inserire

Titolo in questo spazio egrave possibile specificare un titolo della news

Nascondi questo controllo determina se la news egrave pubblicabile oppure no Come avviene per le pagineanche per le news egrave consigliabile tenere la news nascosta durante la lavorazione Facciamo notare

71 Inserimento e modifica di news 62

DocWeb Release 101

Figura 74 Inserimento news scheda generale

71 Inserimento e modifica di news 63

DocWeb Release 101

che appena viene aperta la maschera di inserimento di una nuova news il controllo appare giagrave instato nascosto

Dataora in questo spazio viene indicata la data e lrsquoora della creazione della news in base ai parametridi sistema

Data Archiviazione in questo spazio viene inserita la data di Archiviazione di una news

Autore permette di specificare un autore della news

Email permette di specificare un e-mail a cui fare riferimento

Sottointestazione questo campo conterragrave una breve descrizione (abstract) della news La sottointes-tazione egrave quella parte della news che compare quando viene visualizzata la lista delle news e serveper dare una breve descrizione al contenuto della news (si veda Esempio news (page 64))

Figura 75 Esempio news

Durante lrsquoinserimento di una news egrave consigliabile specificare sempre una sottointestazione

Testo egrave il campo che contiene il contenuto vero e proprio della news Egrave possibile utilizzare tutte lefunzionalitagrave messe a disposizione dallrsquoeditor RTE

72 Modalitagrave Relations

Nella modalitagrave Relations (figura Inserimento news scheda relations (page 65)) egrave possibile inserire

Immagini contiene una lista di immagini da associare alla news Il procedimento per la se-lezionecaricamento delle immagini egrave stato descritto nella parte dedicata alla creazione di paginedi download a cui vi rimandiamo

Didascalia permette di specificare una descrizione per lrsquoimmagine associata alla news

Image alttext e Image titletext permette di specificare un testo che in visualizzazione (Frontend)compariragrave al passaggio del mouse sopra lrsquoimmagine

News correlate permette di specificare news o pagine del sito da associare alla news Il procedimentodi selezione delle news da associare alla notizia saragrave spiegato successivamente

DAM elements permette di assegnare alla news dei documenti da scaricare come per esempioil programma di un determinato evento Anche in questo caso il procedimento per la se-lezionecaricamento dei documenti egrave quello giagrave descritto nella parte dedicata alla creazione dipagine di download

Descriviamo il procedimento da seguire per associare alcune pagine o alcune news alla notizia che stiamoinserendo

Premere il tasto di Sfoglia Record evidenziato nella figura Sfoglia record news (page 65)

Verragrave aperta una finestra che contiene un Element Browser che ci permette di selezionare le newspagine(figura Element browser news (page 66)) da associare

La finestra di selezione si suddivide nelle seguenti parti (figura sopra)

Alberatura del sito da cui egrave possibile esplorare gli elementi del nostro sito (pagine sysfolder )Premendo con il tasto sinistro del mouse sul nome della pagina o sulla freccia corrispondente verragraveaggiornata la parte di destra della finestra in cui egrave inserita la lista degli elementi associabili

72 Modalitagrave Relations 64

DocWeb Release 101

Figura 76 Inserimento news scheda relations

Figura 77 Sfoglia record news

72 Modalitagrave Relations 65

DocWeb Release 101

Figura 78 Element browser news

Lista degli elementi associabili egrave quindi possibile selezionare gli elementi da associare alla newsPer associare un elemento si puograve selezionare il simbolo ldquo+rdquo posto accanto allrsquoelemento desideratoo agendo sul nome del file Nel primo caso lrsquoelemento viene aggiunto ma la finestra non si chiuderagrave(utile per effettuare selezioni multiple) mentre nel secondo caso lrsquoelemento viene aggiunto e lafinestra si chiuderagrave (selezione singola)

Nota Per associare una o piugrave news alla notizia che stiamo inserendo occorreragrave innanzitutto selezionareil repository delle news e utilizzando i metodi descritti in precedenza indicare le news di interesse

Nella figura Selezione repository (page 66) viene visualizzato come appare lrsquoElement Browser dopo averselezionato il repository delle news denominato ldquoNews Corso Typo3rdquo

Figura 79 Selezione repository

Una volta ultimato il procedimento di inserimento di una news vedremo che nel repository compariragrave(figura News nel repository (page 67)) anche quella da noi creata Nellrsquoesempio la news creata si chiamaldquoTitolo della news di provardquo

Dalla lista delle news possiamo notare che i diversi tipi di news sono contrassegnati con icone diverse

In particolare distinguiamo

72 Modalitagrave Relations 66

DocWeb Release 101

Figura 710 News nel repository

bull News (icona ldquocelestinardquo)

bull Collegamento a URL esterna (icona ldquorosardquo)

bull Collegamento a pagina interna (icona ldquogiallinardquo)

Per modificare il contenuto di una news egrave sufficiente selezionare il simbolo di modifica (figura Modificanews (page 67)) in corrispondenza della news da modificare

Figura 711 Modifica news

73 News collegata a URL esterna e a pagina interna

Attraverso la selezione della finestra ldquoTipordquo egrave possibile scegliere diverse tipologie di news

Nella figura News collegata a url esterna (page 68) egrave stato selezionato il Collegamento a URL esterna checi offriragrave la possibilitagrave di specificare un link (ldquoURL esternordquo) da far visualizzare e che saragrave contraddistintain lista da lrsquoicona di colore rosa

Selezionando il Collegamento a pagina interna viene offerta la possibilitagrave di inserire un collegamento auna pagina del sito (evidenziato nella figura News collegata a pagina interna (page 69))

La news si presenteragrave con icona di color ldquogiallordquo e al suo interno conterragrave un link alla pagina interna alsito

73 News collegata a URL esterna e a pagina interna 67

DocWeb Release 101

Figura 712 News collegata a url esterna

73 News collegata a URL esterna e a pagina interna 68

DocWeb Release 101

Figura 713 News collegata a pagina interna

73 News collegata a URL esterna e a pagina interna 69

DocWeb Release 101

74 Eliminazione delle News

Per eliminare una news possiamo procedere tra lrsquoaltro in due modi

1 Selezionare la news da eliminare dallrsquoelenco e selezionare la voce ldquocancellardquo dal menugrave a tendinaconsultabile cliccando con il pulsante destro sullrsquoicona in corrispondenza della news (figura Eliminanews da menu contestuale (page 70))

Figura 714 Elimina news da menu contestuale

2 Entrare allrsquointerno della modalitagrave di modifica della news attraverso lrsquoicona ldquomatitardquo e selezionare lrsquoi-cona raffigurante il bidone di elimina posta in alto pagina (figura Elimina news da scheda contenuto(page 70))

Figura 715 Elimina news da scheda contenuto

75 Ordinamento delle News e ricerca

Puograve essere necessario durante la visualizzazione della lista delle news (lato backend) di dover effettuaredegli ordinamenti al fine di permettere una ricerca piugrave veloce delle news da modificare

74 Eliminazione delle News 70

DocWeb Release 101

Avvertimento Lrsquoordinamento ha valore solo come ricerca allrsquointerno del backend mentre latofrontend rispecchieragrave i parametri prestabiliti dal sistema

Supponiamo per esempio di voler effettuare un ordinamento per Titolo Seguiamo i seguenti passi(figura sotto)

1 Selezionare la voce di menugrave Lista

2 Selezionare il deposito delle news (repository) News Corso Typo3

3 Cliccare con il mouse in corrispondenza della voce ldquoTitolordquo

A questo punto (figura Ordinamento news (page 71)) le news vengono ordinate in ordine crescente(vengono visualizzate prima le news con titolo che inizia con la lettera a b e cosigrave via)

Figura 716 Ordinamento news

Se clicchiamo unrsquoaltra volta sulla voce ldquoTitolordquo il tipo di ordinamento cambia da crescente a decrescente(compariranno per prima le news con titolo che inizia per z )

Egrave inoltre possibile ordinare secondo campo da noi specificato Per definire il nome di un campo (ad estesto inizio autore ) su cui effettuare lrsquoordinamento occorreragrave spostarsi in fondo alla lista delle newsdove troveremo una lista di campi (figura Mostra campo aggiuntivo news (page 71))

Figura 717 Mostra campo aggiuntivo news

Dalla lista possiamo

bull Selezionare la voce in base alla quale effettuare lrsquoordinamento (ad esempio Immagini)

bull Premere il tasto Imposta campi per aggiungere alla lista dei campi visualizzati quello selezionato

75 Ordinamento delle News e ricerca 71

DocWeb Release 101

A questo punto il campo selezionato (nel nostro esempio il campo Immagini) compare nella lista dellenews (il campo aggiunto egrave evidenziato con un riquadro in alto a destra nella figura Ordinamento campoaggiuntivo news (page 72))

Figura 718 Ordinamento campo aggiuntivo news

Effettuare le stesse operazioni illustrate per il campo Titolo per ordinare in modo crescente e decrescentele news secondo il criterio impostato (click pulsante sinistro sul nome etichetta)

Egrave anche possibile ricercare le news in base al testo contenuto nel titolo sottotitolo descrizione eccUtilizzando la maschera di ricerca in fondo pagina (evidenziata nella figura Ricerca news (page 72))

Figura 719 Ricerca news

Per effettuare una ricerca egrave necessario seguire i seguenti passi

1 Inserire nel campo Cerca Stringa il testo da cercare (nel nostro esempio ldquonequerdquo)

2 Premere il tasto Cerca per eseguire la ricerca secondo i criteri impostati

In questo modo nella lista delle news compariranno solo quelle che contengono il testo specificatoEffettuata la ricerca egrave possibile effettuare degli ordinamenti come spiegato in precedenza

75 Ordinamento delle News e ricerca 72

CAPITOLO 8

Modulo Eventi

Avvertimento SEZIONE NON COMPLETA

Si confrontino i seguenti due tipi di contenuti

Evento egrave un tipo di contenuto adatto a descrivere qualcosa che accadragrave o che egrave accaduto in una certadata La data o le date in cui lrsquoevento ricorre sono strettamente legate ad un luogo in cui lrsquoeventosi verificheragravesi egrave verificato Gli eventi vengono rappresentati mediante la metafora dellrsquoagenda edel calendario

Notizia egrave un tipo di contenuto caratterizzato dalla data di pubblicazione secondo la metafora delgiornale online E come in un giornale online una notizia puograve riferirsi sia a fatti giagrave accaduti chea fatti a venire

Nota Per comprendere meglio la differenza tra i due tipi di contenuto si pensi che dato un eventoche ha una certa data di svolgimento (ad es 20 maggio) di tale evento posso realizzare piugrave di unanotizia Rimanendo nellrsquoesempio potrei pubblicare una notizia il 10 maggio per preannunciare lrsquoeventoe poi unrsquoaltra il 18 maggio per ricordarne lrsquoimminenza Infine potrei pubblicare una notizia di riepilogo(cronaca dellrsquoevento immagini ecc) il 22 maggio

81 Scopo del modulo Eventi

Il visitatore del sito deve poter cogliere le informazioni essenziali di un evento

bull Cosa sta per succedere

bull Dove accadragrave

bull Quando accadragrave

82 Il Backend ndash Modulo Pagina

Vedi figura Eventi vista modulo pagina (page 74)

83 Il Backend ndash Modulo Lista

Vedi figura Eventi vista modulo lista (page 74)

73

DocWeb Release 101

Figura 81 Eventi vista modulo pagina

Figura 82 Eventi vista modulo lista

83 Il Backend ndash Modulo Lista 74

DocWeb Release 101

84 Creazione di un evento

Prima di procedere poniamoci qualche domanda

bull Lrsquoevento appartiene a qualche rassegna iniziativa per la quale sono in programma altri eventiPer esempio

ndash Rassegne teatrali cinematografiche

ndash Festival

bull Lrsquoevento si ripete

ndash La replica avviene sempre nello stesso luogo

841 Creazione del record

Vedi figura Creazione nuovo evento (page 75)

Vedi figura Creazione nuovo record evento (page 76)

Figura 83 Creazione nuovo evento

842 Scheda ldquoGeneralerdquo

Vedi figura Evento scheda generale (page 76)

843 Scheda ldquoFinestra temporalerdquo

Orario repliche

Vedi figura Evento finestra temporale (page 78)

84 Creazione di un evento 75

DocWeb Release 101

Figura 84 Creazione nuovo record evento

Figura 85 Evento scheda generale

84 Creazione di un evento 76

DocWeb Release 101

bull Lrsquoorario va solo per le Finestre temporali di un giorno (data inizio = data fine)

bull Se non si conosce lrsquoora della fine impostare ora inizio = ora fine

844 Scheda ldquoTestordquo

Vedi figura Evento scheda testo (page 79)

84 Creazione di un evento 77

DocWeb Release 101

Figura 86 Evento finestra temporale

84 Creazione di un evento 78

DocWeb Release 101

Figura 87 Evento scheda testo84 Creazione di un evento 79

  • Introduzione
    • Cosegrave DocWeb
    • Concetti chiave
      • Funzionalitagrave di Base
        • Il CMS Typo3 ldquobackendrdquo e ldquofrontendrdquo
        • Cambio password di accesso
        • Albero delle pagine
        • Implementazione delle pagine ldquogenitori rdquo e ldquofiglirdquo
        • Inserimento Nuova pagina
        • Elementi standard della pagina
        • Inserimento contenuti di una pagina
        • Contenuti multipli allrsquointerno di una pagina
        • Modifica dei contenuti della pagina
        • Spostamento di pagine
        • Eliminazione pagine
        • Rich Text Editor
        • Modalitagrave Lista
        • Modalitagrave Mostra
        • Modalitagrave ldquoMonta come radice dellrsquoalberordquo
        • Ottenere il page-id di una pagina
        • Admin Panel
          • La Clipboard
            • Copia o spostamento di un contenuto singolo di pagina allrsquointerno di unrsquoaltra pagina
            • Copia o spostamento di piugrave contenuti da una pagina ad unrsquoaltra
              • Modulo DAM (Digital Asset Management)
                • Caricamento e Aggiornamento di file
                • Ricerca di file allrsquointerno del DAM e modifica delle meta-informazioni
                  • Modulo Pagine di download
                    • Inserimento e configurazione pagine di download
                      • Modulo Sitemap
                        • Scheda di configurazione Mappa
                        • Tipo di mappa
                        • Il ``punto di partenza della mappa
                          • Modulo News
                            • Inserimento e modifica di news
                            • Modalitagrave Relations
                            • News collegata a URL esterna e a pagina interna
                            • Eliminazione delle News
                            • Ordinamento delle News e ricerca
                              • Modulo Eventi
                                • Scopo del modulo Eventi
                                • Il Backend ndash Modulo Pagina
                                • Il Backend ndash Modulo Lista
                                • Creazione di un evento
Page 60: DocWeb€¦ · per la realizzazione e la gestione di siti web della Pubblica Am-ministrazione. La piattaforma tecnologica utilizzata è il CMS (Content Management System) Open SourceTypo31

DocWeb Release 101

Scegliere i file dal proprio PC seguendo le operazioni giagrave descritte nel modulo DAM e selezionare dallascheda Media i nuovi file inseriti

Nella figura Plugin con file selezionati (page 57) egrave visualizzato un esempio di maschera di configurazionedel plugin con la lista dei file selezionati

Figura 59 Plugin con file selezionati

I file una volta inseriti possono essere ordinati selezionando sugli appositi bottoni posti a destra dellalista file

bull Per ordinare un determinato file occorre

bull Selezionare un file

Premere uno dei tasti (figura sopra) per

1 Spostare in prima posizione

2 Spostare in alto di una posizione

3 Spostare in basso di una posizione

4 Spostare in ultima posizione

5 Rimuovere dalla lista il file selezionato

Una volta eseguiti i passaggi sopra descritti salvare la configurazione del plugin

51 Inserimento e configurazione pagine di download 57

CAPITOLO 6

Modulo Sitemap

Ersquo possibile generare una mappa del sito scegliendo un contenuto speciale di tipo ldquoMappa del Sitordquo comemostrato nella figura Contenuto mappa del sito (page 58)

Figura 61 Contenuto mappa del sito

Per scegliere un record di tipo ldquomappa del sitordquo (per visualizzare cioegrave la vista dei contenuti possibili)saragrave necessario portarsi in modalitagrave ldquopaginardquo compiendo gli stessi passaggi descritti per la creazione dicontenuti semplici in fase di creazione delle pagine (in questo caso selezionando il contenuto specialemappa)

58

DocWeb Release 101

61 Scheda di configurazione Mappa

La scheda di configurazione si presenta come nella figura Scheda mappa del sito (page 59)

Figura 62 Scheda mappa del sito

I campi fondamentali da personalizzare sono lrsquointestazione (ossia il titolo pagina) il tipo di menugrave e ilpunto di partenza Nellrsquointestazione viene inserito come di consuetudine il titolo pagina

62 Tipo di mappa

Ersquo possibile scegliere il tipo di mappa che si desidera creare consultando il menugrave a tendina ldquotipo di menugraverdquoche ci offriragrave diverse opzioni

Le piugrave frequentemente usate sono di tipo ldquoMenugrave delle sottopagine rdquo come indicato nella figura Tipo dimenu (page 60)

Menugrave delle sottopagine di queste pagine Scegliendo questa opzione da una pagina padre sigenereragrave un record che mostreragrave al suo interno tutte le sottovoci figlio con relativo link

Menugrave delle sottopagine di queste pagine (con abstract) Genera una mappa sia delle sottopagineche dei sottotitoli

Menugrave delle sottopagine di queste pagine + sezioni Genera una mappa sia delle sottopagine chedei record (link alle intestazioni dei singoli record)

Selezionando voci di menugrave di sottopagine egrave anche possibile stabilire un determinato punto di partenzasfogliando lrsquoapposito record

61 Scheda di configurazione Mappa 59

DocWeb Release 101

Figura 63 Tipo di menu

63 Il ldquopunto di partenzardquo della mappa

Il ldquopunto di partenzardquo dei Menugrave delle sottopagine Scheda mappa del sito (page 59) costituisce la paginadalla quale il sistema partiragrave per creare la mappa

Si potragrave quindi creare una mappa (di tipo menugrave delle sottopagine) che mostri solamente il percorso diquella porzione di menugrave che si intende mostrare

63 Il ldquopunto di partenzardquo della mappa 60

CAPITOLO 7

Modulo News

71 Inserimento e modifica di news

Alcune sezioni del nostro sito potrebbero essere state configurate per permettere la visualizzazione dinotizie

Per poter visualizzare le news correttamente occorre che queste ultime vengano inserite in una determi-nata posizione allrsquointerno del backend Da questa posizione che chiameremo repository delle news lenostre pagine andranno a prelevare le news da visualizzare al loro interno

Figura 71 Backend news

Nellrsquoesempio presentato nella figura Backend news (page 61) distinguiamo

1 il repository delle news che egrave stato creato

2 Un esempio di come potrebbe apparire il contenuto del repository delle news (lista delle news)

Per poter visualizzare il contenuto del repository delle news occorre seguire i seguenti passi

1 entrare nel modulo Pagina

61

DocWeb Release 101

2 selezionare il repository delle news corrispondente (nellrsquoesempio della figura Backend news (page 61)il Repository delle news si chiama ldquoNews Area Testrdquo)

Poniamo ora la nostra attenzione alla lista delle news (figura Lista news (page 62)) Da qui egrave possibile

bull Inserire una nuova notizia

bull Modificare le notizie giagrave esistenti

Per inserire una nuova notizia occorre selezionare la voce Crea nuovo record (figura Lista news (page 62))posta in fondo alla lista delle news

Figura 72 Lista news

A questo punto si apre la finestra di creazione Nuovo record da cui occorre selezionare la voce News(figura Nuovo record news (page 62))

Figura 73 Nuovo record news

Eseguendo le operazioni sopra descritte si accede alla maschera di inserimento news (figura Inserimentonews scheda generale (page 63))

Questa si compone di due schede una denominata Generale e unrsquoaltra denominata Relations

Nella scheda Generale egrave possibile inserire

Titolo in questo spazio egrave possibile specificare un titolo della news

Nascondi questo controllo determina se la news egrave pubblicabile oppure no Come avviene per le pagineanche per le news egrave consigliabile tenere la news nascosta durante la lavorazione Facciamo notare

71 Inserimento e modifica di news 62

DocWeb Release 101

Figura 74 Inserimento news scheda generale

71 Inserimento e modifica di news 63

DocWeb Release 101

che appena viene aperta la maschera di inserimento di una nuova news il controllo appare giagrave instato nascosto

Dataora in questo spazio viene indicata la data e lrsquoora della creazione della news in base ai parametridi sistema

Data Archiviazione in questo spazio viene inserita la data di Archiviazione di una news

Autore permette di specificare un autore della news

Email permette di specificare un e-mail a cui fare riferimento

Sottointestazione questo campo conterragrave una breve descrizione (abstract) della news La sottointes-tazione egrave quella parte della news che compare quando viene visualizzata la lista delle news e serveper dare una breve descrizione al contenuto della news (si veda Esempio news (page 64))

Figura 75 Esempio news

Durante lrsquoinserimento di una news egrave consigliabile specificare sempre una sottointestazione

Testo egrave il campo che contiene il contenuto vero e proprio della news Egrave possibile utilizzare tutte lefunzionalitagrave messe a disposizione dallrsquoeditor RTE

72 Modalitagrave Relations

Nella modalitagrave Relations (figura Inserimento news scheda relations (page 65)) egrave possibile inserire

Immagini contiene una lista di immagini da associare alla news Il procedimento per la se-lezionecaricamento delle immagini egrave stato descritto nella parte dedicata alla creazione di paginedi download a cui vi rimandiamo

Didascalia permette di specificare una descrizione per lrsquoimmagine associata alla news

Image alttext e Image titletext permette di specificare un testo che in visualizzazione (Frontend)compariragrave al passaggio del mouse sopra lrsquoimmagine

News correlate permette di specificare news o pagine del sito da associare alla news Il procedimentodi selezione delle news da associare alla notizia saragrave spiegato successivamente

DAM elements permette di assegnare alla news dei documenti da scaricare come per esempioil programma di un determinato evento Anche in questo caso il procedimento per la se-lezionecaricamento dei documenti egrave quello giagrave descritto nella parte dedicata alla creazione dipagine di download

Descriviamo il procedimento da seguire per associare alcune pagine o alcune news alla notizia che stiamoinserendo

Premere il tasto di Sfoglia Record evidenziato nella figura Sfoglia record news (page 65)

Verragrave aperta una finestra che contiene un Element Browser che ci permette di selezionare le newspagine(figura Element browser news (page 66)) da associare

La finestra di selezione si suddivide nelle seguenti parti (figura sopra)

Alberatura del sito da cui egrave possibile esplorare gli elementi del nostro sito (pagine sysfolder )Premendo con il tasto sinistro del mouse sul nome della pagina o sulla freccia corrispondente verragraveaggiornata la parte di destra della finestra in cui egrave inserita la lista degli elementi associabili

72 Modalitagrave Relations 64

DocWeb Release 101

Figura 76 Inserimento news scheda relations

Figura 77 Sfoglia record news

72 Modalitagrave Relations 65

DocWeb Release 101

Figura 78 Element browser news

Lista degli elementi associabili egrave quindi possibile selezionare gli elementi da associare alla newsPer associare un elemento si puograve selezionare il simbolo ldquo+rdquo posto accanto allrsquoelemento desideratoo agendo sul nome del file Nel primo caso lrsquoelemento viene aggiunto ma la finestra non si chiuderagrave(utile per effettuare selezioni multiple) mentre nel secondo caso lrsquoelemento viene aggiunto e lafinestra si chiuderagrave (selezione singola)

Nota Per associare una o piugrave news alla notizia che stiamo inserendo occorreragrave innanzitutto selezionareil repository delle news e utilizzando i metodi descritti in precedenza indicare le news di interesse

Nella figura Selezione repository (page 66) viene visualizzato come appare lrsquoElement Browser dopo averselezionato il repository delle news denominato ldquoNews Corso Typo3rdquo

Figura 79 Selezione repository

Una volta ultimato il procedimento di inserimento di una news vedremo che nel repository compariragrave(figura News nel repository (page 67)) anche quella da noi creata Nellrsquoesempio la news creata si chiamaldquoTitolo della news di provardquo

Dalla lista delle news possiamo notare che i diversi tipi di news sono contrassegnati con icone diverse

In particolare distinguiamo

72 Modalitagrave Relations 66

DocWeb Release 101

Figura 710 News nel repository

bull News (icona ldquocelestinardquo)

bull Collegamento a URL esterna (icona ldquorosardquo)

bull Collegamento a pagina interna (icona ldquogiallinardquo)

Per modificare il contenuto di una news egrave sufficiente selezionare il simbolo di modifica (figura Modificanews (page 67)) in corrispondenza della news da modificare

Figura 711 Modifica news

73 News collegata a URL esterna e a pagina interna

Attraverso la selezione della finestra ldquoTipordquo egrave possibile scegliere diverse tipologie di news

Nella figura News collegata a url esterna (page 68) egrave stato selezionato il Collegamento a URL esterna checi offriragrave la possibilitagrave di specificare un link (ldquoURL esternordquo) da far visualizzare e che saragrave contraddistintain lista da lrsquoicona di colore rosa

Selezionando il Collegamento a pagina interna viene offerta la possibilitagrave di inserire un collegamento auna pagina del sito (evidenziato nella figura News collegata a pagina interna (page 69))

La news si presenteragrave con icona di color ldquogiallordquo e al suo interno conterragrave un link alla pagina interna alsito

73 News collegata a URL esterna e a pagina interna 67

DocWeb Release 101

Figura 712 News collegata a url esterna

73 News collegata a URL esterna e a pagina interna 68

DocWeb Release 101

Figura 713 News collegata a pagina interna

73 News collegata a URL esterna e a pagina interna 69

DocWeb Release 101

74 Eliminazione delle News

Per eliminare una news possiamo procedere tra lrsquoaltro in due modi

1 Selezionare la news da eliminare dallrsquoelenco e selezionare la voce ldquocancellardquo dal menugrave a tendinaconsultabile cliccando con il pulsante destro sullrsquoicona in corrispondenza della news (figura Eliminanews da menu contestuale (page 70))

Figura 714 Elimina news da menu contestuale

2 Entrare allrsquointerno della modalitagrave di modifica della news attraverso lrsquoicona ldquomatitardquo e selezionare lrsquoi-cona raffigurante il bidone di elimina posta in alto pagina (figura Elimina news da scheda contenuto(page 70))

Figura 715 Elimina news da scheda contenuto

75 Ordinamento delle News e ricerca

Puograve essere necessario durante la visualizzazione della lista delle news (lato backend) di dover effettuaredegli ordinamenti al fine di permettere una ricerca piugrave veloce delle news da modificare

74 Eliminazione delle News 70

DocWeb Release 101

Avvertimento Lrsquoordinamento ha valore solo come ricerca allrsquointerno del backend mentre latofrontend rispecchieragrave i parametri prestabiliti dal sistema

Supponiamo per esempio di voler effettuare un ordinamento per Titolo Seguiamo i seguenti passi(figura sotto)

1 Selezionare la voce di menugrave Lista

2 Selezionare il deposito delle news (repository) News Corso Typo3

3 Cliccare con il mouse in corrispondenza della voce ldquoTitolordquo

A questo punto (figura Ordinamento news (page 71)) le news vengono ordinate in ordine crescente(vengono visualizzate prima le news con titolo che inizia con la lettera a b e cosigrave via)

Figura 716 Ordinamento news

Se clicchiamo unrsquoaltra volta sulla voce ldquoTitolordquo il tipo di ordinamento cambia da crescente a decrescente(compariranno per prima le news con titolo che inizia per z )

Egrave inoltre possibile ordinare secondo campo da noi specificato Per definire il nome di un campo (ad estesto inizio autore ) su cui effettuare lrsquoordinamento occorreragrave spostarsi in fondo alla lista delle newsdove troveremo una lista di campi (figura Mostra campo aggiuntivo news (page 71))

Figura 717 Mostra campo aggiuntivo news

Dalla lista possiamo

bull Selezionare la voce in base alla quale effettuare lrsquoordinamento (ad esempio Immagini)

bull Premere il tasto Imposta campi per aggiungere alla lista dei campi visualizzati quello selezionato

75 Ordinamento delle News e ricerca 71

DocWeb Release 101

A questo punto il campo selezionato (nel nostro esempio il campo Immagini) compare nella lista dellenews (il campo aggiunto egrave evidenziato con un riquadro in alto a destra nella figura Ordinamento campoaggiuntivo news (page 72))

Figura 718 Ordinamento campo aggiuntivo news

Effettuare le stesse operazioni illustrate per il campo Titolo per ordinare in modo crescente e decrescentele news secondo il criterio impostato (click pulsante sinistro sul nome etichetta)

Egrave anche possibile ricercare le news in base al testo contenuto nel titolo sottotitolo descrizione eccUtilizzando la maschera di ricerca in fondo pagina (evidenziata nella figura Ricerca news (page 72))

Figura 719 Ricerca news

Per effettuare una ricerca egrave necessario seguire i seguenti passi

1 Inserire nel campo Cerca Stringa il testo da cercare (nel nostro esempio ldquonequerdquo)

2 Premere il tasto Cerca per eseguire la ricerca secondo i criteri impostati

In questo modo nella lista delle news compariranno solo quelle che contengono il testo specificatoEffettuata la ricerca egrave possibile effettuare degli ordinamenti come spiegato in precedenza

75 Ordinamento delle News e ricerca 72

CAPITOLO 8

Modulo Eventi

Avvertimento SEZIONE NON COMPLETA

Si confrontino i seguenti due tipi di contenuti

Evento egrave un tipo di contenuto adatto a descrivere qualcosa che accadragrave o che egrave accaduto in una certadata La data o le date in cui lrsquoevento ricorre sono strettamente legate ad un luogo in cui lrsquoeventosi verificheragravesi egrave verificato Gli eventi vengono rappresentati mediante la metafora dellrsquoagenda edel calendario

Notizia egrave un tipo di contenuto caratterizzato dalla data di pubblicazione secondo la metafora delgiornale online E come in un giornale online una notizia puograve riferirsi sia a fatti giagrave accaduti chea fatti a venire

Nota Per comprendere meglio la differenza tra i due tipi di contenuto si pensi che dato un eventoche ha una certa data di svolgimento (ad es 20 maggio) di tale evento posso realizzare piugrave di unanotizia Rimanendo nellrsquoesempio potrei pubblicare una notizia il 10 maggio per preannunciare lrsquoeventoe poi unrsquoaltra il 18 maggio per ricordarne lrsquoimminenza Infine potrei pubblicare una notizia di riepilogo(cronaca dellrsquoevento immagini ecc) il 22 maggio

81 Scopo del modulo Eventi

Il visitatore del sito deve poter cogliere le informazioni essenziali di un evento

bull Cosa sta per succedere

bull Dove accadragrave

bull Quando accadragrave

82 Il Backend ndash Modulo Pagina

Vedi figura Eventi vista modulo pagina (page 74)

83 Il Backend ndash Modulo Lista

Vedi figura Eventi vista modulo lista (page 74)

73

DocWeb Release 101

Figura 81 Eventi vista modulo pagina

Figura 82 Eventi vista modulo lista

83 Il Backend ndash Modulo Lista 74

DocWeb Release 101

84 Creazione di un evento

Prima di procedere poniamoci qualche domanda

bull Lrsquoevento appartiene a qualche rassegna iniziativa per la quale sono in programma altri eventiPer esempio

ndash Rassegne teatrali cinematografiche

ndash Festival

bull Lrsquoevento si ripete

ndash La replica avviene sempre nello stesso luogo

841 Creazione del record

Vedi figura Creazione nuovo evento (page 75)

Vedi figura Creazione nuovo record evento (page 76)

Figura 83 Creazione nuovo evento

842 Scheda ldquoGeneralerdquo

Vedi figura Evento scheda generale (page 76)

843 Scheda ldquoFinestra temporalerdquo

Orario repliche

Vedi figura Evento finestra temporale (page 78)

84 Creazione di un evento 75

DocWeb Release 101

Figura 84 Creazione nuovo record evento

Figura 85 Evento scheda generale

84 Creazione di un evento 76

DocWeb Release 101

bull Lrsquoorario va solo per le Finestre temporali di un giorno (data inizio = data fine)

bull Se non si conosce lrsquoora della fine impostare ora inizio = ora fine

844 Scheda ldquoTestordquo

Vedi figura Evento scheda testo (page 79)

84 Creazione di un evento 77

DocWeb Release 101

Figura 86 Evento finestra temporale

84 Creazione di un evento 78

DocWeb Release 101

Figura 87 Evento scheda testo84 Creazione di un evento 79

  • Introduzione
    • Cosegrave DocWeb
    • Concetti chiave
      • Funzionalitagrave di Base
        • Il CMS Typo3 ldquobackendrdquo e ldquofrontendrdquo
        • Cambio password di accesso
        • Albero delle pagine
        • Implementazione delle pagine ldquogenitori rdquo e ldquofiglirdquo
        • Inserimento Nuova pagina
        • Elementi standard della pagina
        • Inserimento contenuti di una pagina
        • Contenuti multipli allrsquointerno di una pagina
        • Modifica dei contenuti della pagina
        • Spostamento di pagine
        • Eliminazione pagine
        • Rich Text Editor
        • Modalitagrave Lista
        • Modalitagrave Mostra
        • Modalitagrave ldquoMonta come radice dellrsquoalberordquo
        • Ottenere il page-id di una pagina
        • Admin Panel
          • La Clipboard
            • Copia o spostamento di un contenuto singolo di pagina allrsquointerno di unrsquoaltra pagina
            • Copia o spostamento di piugrave contenuti da una pagina ad unrsquoaltra
              • Modulo DAM (Digital Asset Management)
                • Caricamento e Aggiornamento di file
                • Ricerca di file allrsquointerno del DAM e modifica delle meta-informazioni
                  • Modulo Pagine di download
                    • Inserimento e configurazione pagine di download
                      • Modulo Sitemap
                        • Scheda di configurazione Mappa
                        • Tipo di mappa
                        • Il ``punto di partenza della mappa
                          • Modulo News
                            • Inserimento e modifica di news
                            • Modalitagrave Relations
                            • News collegata a URL esterna e a pagina interna
                            • Eliminazione delle News
                            • Ordinamento delle News e ricerca
                              • Modulo Eventi
                                • Scopo del modulo Eventi
                                • Il Backend ndash Modulo Pagina
                                • Il Backend ndash Modulo Lista
                                • Creazione di un evento
Page 61: DocWeb€¦ · per la realizzazione e la gestione di siti web della Pubblica Am-ministrazione. La piattaforma tecnologica utilizzata è il CMS (Content Management System) Open SourceTypo31

CAPITOLO 6

Modulo Sitemap

Ersquo possibile generare una mappa del sito scegliendo un contenuto speciale di tipo ldquoMappa del Sitordquo comemostrato nella figura Contenuto mappa del sito (page 58)

Figura 61 Contenuto mappa del sito

Per scegliere un record di tipo ldquomappa del sitordquo (per visualizzare cioegrave la vista dei contenuti possibili)saragrave necessario portarsi in modalitagrave ldquopaginardquo compiendo gli stessi passaggi descritti per la creazione dicontenuti semplici in fase di creazione delle pagine (in questo caso selezionando il contenuto specialemappa)

58

DocWeb Release 101

61 Scheda di configurazione Mappa

La scheda di configurazione si presenta come nella figura Scheda mappa del sito (page 59)

Figura 62 Scheda mappa del sito

I campi fondamentali da personalizzare sono lrsquointestazione (ossia il titolo pagina) il tipo di menugrave e ilpunto di partenza Nellrsquointestazione viene inserito come di consuetudine il titolo pagina

62 Tipo di mappa

Ersquo possibile scegliere il tipo di mappa che si desidera creare consultando il menugrave a tendina ldquotipo di menugraverdquoche ci offriragrave diverse opzioni

Le piugrave frequentemente usate sono di tipo ldquoMenugrave delle sottopagine rdquo come indicato nella figura Tipo dimenu (page 60)

Menugrave delle sottopagine di queste pagine Scegliendo questa opzione da una pagina padre sigenereragrave un record che mostreragrave al suo interno tutte le sottovoci figlio con relativo link

Menugrave delle sottopagine di queste pagine (con abstract) Genera una mappa sia delle sottopagineche dei sottotitoli

Menugrave delle sottopagine di queste pagine + sezioni Genera una mappa sia delle sottopagine chedei record (link alle intestazioni dei singoli record)

Selezionando voci di menugrave di sottopagine egrave anche possibile stabilire un determinato punto di partenzasfogliando lrsquoapposito record

61 Scheda di configurazione Mappa 59

DocWeb Release 101

Figura 63 Tipo di menu

63 Il ldquopunto di partenzardquo della mappa

Il ldquopunto di partenzardquo dei Menugrave delle sottopagine Scheda mappa del sito (page 59) costituisce la paginadalla quale il sistema partiragrave per creare la mappa

Si potragrave quindi creare una mappa (di tipo menugrave delle sottopagine) che mostri solamente il percorso diquella porzione di menugrave che si intende mostrare

63 Il ldquopunto di partenzardquo della mappa 60

CAPITOLO 7

Modulo News

71 Inserimento e modifica di news

Alcune sezioni del nostro sito potrebbero essere state configurate per permettere la visualizzazione dinotizie

Per poter visualizzare le news correttamente occorre che queste ultime vengano inserite in una determi-nata posizione allrsquointerno del backend Da questa posizione che chiameremo repository delle news lenostre pagine andranno a prelevare le news da visualizzare al loro interno

Figura 71 Backend news

Nellrsquoesempio presentato nella figura Backend news (page 61) distinguiamo

1 il repository delle news che egrave stato creato

2 Un esempio di come potrebbe apparire il contenuto del repository delle news (lista delle news)

Per poter visualizzare il contenuto del repository delle news occorre seguire i seguenti passi

1 entrare nel modulo Pagina

61

DocWeb Release 101

2 selezionare il repository delle news corrispondente (nellrsquoesempio della figura Backend news (page 61)il Repository delle news si chiama ldquoNews Area Testrdquo)

Poniamo ora la nostra attenzione alla lista delle news (figura Lista news (page 62)) Da qui egrave possibile

bull Inserire una nuova notizia

bull Modificare le notizie giagrave esistenti

Per inserire una nuova notizia occorre selezionare la voce Crea nuovo record (figura Lista news (page 62))posta in fondo alla lista delle news

Figura 72 Lista news

A questo punto si apre la finestra di creazione Nuovo record da cui occorre selezionare la voce News(figura Nuovo record news (page 62))

Figura 73 Nuovo record news

Eseguendo le operazioni sopra descritte si accede alla maschera di inserimento news (figura Inserimentonews scheda generale (page 63))

Questa si compone di due schede una denominata Generale e unrsquoaltra denominata Relations

Nella scheda Generale egrave possibile inserire

Titolo in questo spazio egrave possibile specificare un titolo della news

Nascondi questo controllo determina se la news egrave pubblicabile oppure no Come avviene per le pagineanche per le news egrave consigliabile tenere la news nascosta durante la lavorazione Facciamo notare

71 Inserimento e modifica di news 62

DocWeb Release 101

Figura 74 Inserimento news scheda generale

71 Inserimento e modifica di news 63

DocWeb Release 101

che appena viene aperta la maschera di inserimento di una nuova news il controllo appare giagrave instato nascosto

Dataora in questo spazio viene indicata la data e lrsquoora della creazione della news in base ai parametridi sistema

Data Archiviazione in questo spazio viene inserita la data di Archiviazione di una news

Autore permette di specificare un autore della news

Email permette di specificare un e-mail a cui fare riferimento

Sottointestazione questo campo conterragrave una breve descrizione (abstract) della news La sottointes-tazione egrave quella parte della news che compare quando viene visualizzata la lista delle news e serveper dare una breve descrizione al contenuto della news (si veda Esempio news (page 64))

Figura 75 Esempio news

Durante lrsquoinserimento di una news egrave consigliabile specificare sempre una sottointestazione

Testo egrave il campo che contiene il contenuto vero e proprio della news Egrave possibile utilizzare tutte lefunzionalitagrave messe a disposizione dallrsquoeditor RTE

72 Modalitagrave Relations

Nella modalitagrave Relations (figura Inserimento news scheda relations (page 65)) egrave possibile inserire

Immagini contiene una lista di immagini da associare alla news Il procedimento per la se-lezionecaricamento delle immagini egrave stato descritto nella parte dedicata alla creazione di paginedi download a cui vi rimandiamo

Didascalia permette di specificare una descrizione per lrsquoimmagine associata alla news

Image alttext e Image titletext permette di specificare un testo che in visualizzazione (Frontend)compariragrave al passaggio del mouse sopra lrsquoimmagine

News correlate permette di specificare news o pagine del sito da associare alla news Il procedimentodi selezione delle news da associare alla notizia saragrave spiegato successivamente

DAM elements permette di assegnare alla news dei documenti da scaricare come per esempioil programma di un determinato evento Anche in questo caso il procedimento per la se-lezionecaricamento dei documenti egrave quello giagrave descritto nella parte dedicata alla creazione dipagine di download

Descriviamo il procedimento da seguire per associare alcune pagine o alcune news alla notizia che stiamoinserendo

Premere il tasto di Sfoglia Record evidenziato nella figura Sfoglia record news (page 65)

Verragrave aperta una finestra che contiene un Element Browser che ci permette di selezionare le newspagine(figura Element browser news (page 66)) da associare

La finestra di selezione si suddivide nelle seguenti parti (figura sopra)

Alberatura del sito da cui egrave possibile esplorare gli elementi del nostro sito (pagine sysfolder )Premendo con il tasto sinistro del mouse sul nome della pagina o sulla freccia corrispondente verragraveaggiornata la parte di destra della finestra in cui egrave inserita la lista degli elementi associabili

72 Modalitagrave Relations 64

DocWeb Release 101

Figura 76 Inserimento news scheda relations

Figura 77 Sfoglia record news

72 Modalitagrave Relations 65

DocWeb Release 101

Figura 78 Element browser news

Lista degli elementi associabili egrave quindi possibile selezionare gli elementi da associare alla newsPer associare un elemento si puograve selezionare il simbolo ldquo+rdquo posto accanto allrsquoelemento desideratoo agendo sul nome del file Nel primo caso lrsquoelemento viene aggiunto ma la finestra non si chiuderagrave(utile per effettuare selezioni multiple) mentre nel secondo caso lrsquoelemento viene aggiunto e lafinestra si chiuderagrave (selezione singola)

Nota Per associare una o piugrave news alla notizia che stiamo inserendo occorreragrave innanzitutto selezionareil repository delle news e utilizzando i metodi descritti in precedenza indicare le news di interesse

Nella figura Selezione repository (page 66) viene visualizzato come appare lrsquoElement Browser dopo averselezionato il repository delle news denominato ldquoNews Corso Typo3rdquo

Figura 79 Selezione repository

Una volta ultimato il procedimento di inserimento di una news vedremo che nel repository compariragrave(figura News nel repository (page 67)) anche quella da noi creata Nellrsquoesempio la news creata si chiamaldquoTitolo della news di provardquo

Dalla lista delle news possiamo notare che i diversi tipi di news sono contrassegnati con icone diverse

In particolare distinguiamo

72 Modalitagrave Relations 66

DocWeb Release 101

Figura 710 News nel repository

bull News (icona ldquocelestinardquo)

bull Collegamento a URL esterna (icona ldquorosardquo)

bull Collegamento a pagina interna (icona ldquogiallinardquo)

Per modificare il contenuto di una news egrave sufficiente selezionare il simbolo di modifica (figura Modificanews (page 67)) in corrispondenza della news da modificare

Figura 711 Modifica news

73 News collegata a URL esterna e a pagina interna

Attraverso la selezione della finestra ldquoTipordquo egrave possibile scegliere diverse tipologie di news

Nella figura News collegata a url esterna (page 68) egrave stato selezionato il Collegamento a URL esterna checi offriragrave la possibilitagrave di specificare un link (ldquoURL esternordquo) da far visualizzare e che saragrave contraddistintain lista da lrsquoicona di colore rosa

Selezionando il Collegamento a pagina interna viene offerta la possibilitagrave di inserire un collegamento auna pagina del sito (evidenziato nella figura News collegata a pagina interna (page 69))

La news si presenteragrave con icona di color ldquogiallordquo e al suo interno conterragrave un link alla pagina interna alsito

73 News collegata a URL esterna e a pagina interna 67

DocWeb Release 101

Figura 712 News collegata a url esterna

73 News collegata a URL esterna e a pagina interna 68

DocWeb Release 101

Figura 713 News collegata a pagina interna

73 News collegata a URL esterna e a pagina interna 69

DocWeb Release 101

74 Eliminazione delle News

Per eliminare una news possiamo procedere tra lrsquoaltro in due modi

1 Selezionare la news da eliminare dallrsquoelenco e selezionare la voce ldquocancellardquo dal menugrave a tendinaconsultabile cliccando con il pulsante destro sullrsquoicona in corrispondenza della news (figura Eliminanews da menu contestuale (page 70))

Figura 714 Elimina news da menu contestuale

2 Entrare allrsquointerno della modalitagrave di modifica della news attraverso lrsquoicona ldquomatitardquo e selezionare lrsquoi-cona raffigurante il bidone di elimina posta in alto pagina (figura Elimina news da scheda contenuto(page 70))

Figura 715 Elimina news da scheda contenuto

75 Ordinamento delle News e ricerca

Puograve essere necessario durante la visualizzazione della lista delle news (lato backend) di dover effettuaredegli ordinamenti al fine di permettere una ricerca piugrave veloce delle news da modificare

74 Eliminazione delle News 70

DocWeb Release 101

Avvertimento Lrsquoordinamento ha valore solo come ricerca allrsquointerno del backend mentre latofrontend rispecchieragrave i parametri prestabiliti dal sistema

Supponiamo per esempio di voler effettuare un ordinamento per Titolo Seguiamo i seguenti passi(figura sotto)

1 Selezionare la voce di menugrave Lista

2 Selezionare il deposito delle news (repository) News Corso Typo3

3 Cliccare con il mouse in corrispondenza della voce ldquoTitolordquo

A questo punto (figura Ordinamento news (page 71)) le news vengono ordinate in ordine crescente(vengono visualizzate prima le news con titolo che inizia con la lettera a b e cosigrave via)

Figura 716 Ordinamento news

Se clicchiamo unrsquoaltra volta sulla voce ldquoTitolordquo il tipo di ordinamento cambia da crescente a decrescente(compariranno per prima le news con titolo che inizia per z )

Egrave inoltre possibile ordinare secondo campo da noi specificato Per definire il nome di un campo (ad estesto inizio autore ) su cui effettuare lrsquoordinamento occorreragrave spostarsi in fondo alla lista delle newsdove troveremo una lista di campi (figura Mostra campo aggiuntivo news (page 71))

Figura 717 Mostra campo aggiuntivo news

Dalla lista possiamo

bull Selezionare la voce in base alla quale effettuare lrsquoordinamento (ad esempio Immagini)

bull Premere il tasto Imposta campi per aggiungere alla lista dei campi visualizzati quello selezionato

75 Ordinamento delle News e ricerca 71

DocWeb Release 101

A questo punto il campo selezionato (nel nostro esempio il campo Immagini) compare nella lista dellenews (il campo aggiunto egrave evidenziato con un riquadro in alto a destra nella figura Ordinamento campoaggiuntivo news (page 72))

Figura 718 Ordinamento campo aggiuntivo news

Effettuare le stesse operazioni illustrate per il campo Titolo per ordinare in modo crescente e decrescentele news secondo il criterio impostato (click pulsante sinistro sul nome etichetta)

Egrave anche possibile ricercare le news in base al testo contenuto nel titolo sottotitolo descrizione eccUtilizzando la maschera di ricerca in fondo pagina (evidenziata nella figura Ricerca news (page 72))

Figura 719 Ricerca news

Per effettuare una ricerca egrave necessario seguire i seguenti passi

1 Inserire nel campo Cerca Stringa il testo da cercare (nel nostro esempio ldquonequerdquo)

2 Premere il tasto Cerca per eseguire la ricerca secondo i criteri impostati

In questo modo nella lista delle news compariranno solo quelle che contengono il testo specificatoEffettuata la ricerca egrave possibile effettuare degli ordinamenti come spiegato in precedenza

75 Ordinamento delle News e ricerca 72

CAPITOLO 8

Modulo Eventi

Avvertimento SEZIONE NON COMPLETA

Si confrontino i seguenti due tipi di contenuti

Evento egrave un tipo di contenuto adatto a descrivere qualcosa che accadragrave o che egrave accaduto in una certadata La data o le date in cui lrsquoevento ricorre sono strettamente legate ad un luogo in cui lrsquoeventosi verificheragravesi egrave verificato Gli eventi vengono rappresentati mediante la metafora dellrsquoagenda edel calendario

Notizia egrave un tipo di contenuto caratterizzato dalla data di pubblicazione secondo la metafora delgiornale online E come in un giornale online una notizia puograve riferirsi sia a fatti giagrave accaduti chea fatti a venire

Nota Per comprendere meglio la differenza tra i due tipi di contenuto si pensi che dato un eventoche ha una certa data di svolgimento (ad es 20 maggio) di tale evento posso realizzare piugrave di unanotizia Rimanendo nellrsquoesempio potrei pubblicare una notizia il 10 maggio per preannunciare lrsquoeventoe poi unrsquoaltra il 18 maggio per ricordarne lrsquoimminenza Infine potrei pubblicare una notizia di riepilogo(cronaca dellrsquoevento immagini ecc) il 22 maggio

81 Scopo del modulo Eventi

Il visitatore del sito deve poter cogliere le informazioni essenziali di un evento

bull Cosa sta per succedere

bull Dove accadragrave

bull Quando accadragrave

82 Il Backend ndash Modulo Pagina

Vedi figura Eventi vista modulo pagina (page 74)

83 Il Backend ndash Modulo Lista

Vedi figura Eventi vista modulo lista (page 74)

73

DocWeb Release 101

Figura 81 Eventi vista modulo pagina

Figura 82 Eventi vista modulo lista

83 Il Backend ndash Modulo Lista 74

DocWeb Release 101

84 Creazione di un evento

Prima di procedere poniamoci qualche domanda

bull Lrsquoevento appartiene a qualche rassegna iniziativa per la quale sono in programma altri eventiPer esempio

ndash Rassegne teatrali cinematografiche

ndash Festival

bull Lrsquoevento si ripete

ndash La replica avviene sempre nello stesso luogo

841 Creazione del record

Vedi figura Creazione nuovo evento (page 75)

Vedi figura Creazione nuovo record evento (page 76)

Figura 83 Creazione nuovo evento

842 Scheda ldquoGeneralerdquo

Vedi figura Evento scheda generale (page 76)

843 Scheda ldquoFinestra temporalerdquo

Orario repliche

Vedi figura Evento finestra temporale (page 78)

84 Creazione di un evento 75

DocWeb Release 101

Figura 84 Creazione nuovo record evento

Figura 85 Evento scheda generale

84 Creazione di un evento 76

DocWeb Release 101

bull Lrsquoorario va solo per le Finestre temporali di un giorno (data inizio = data fine)

bull Se non si conosce lrsquoora della fine impostare ora inizio = ora fine

844 Scheda ldquoTestordquo

Vedi figura Evento scheda testo (page 79)

84 Creazione di un evento 77

DocWeb Release 101

Figura 86 Evento finestra temporale

84 Creazione di un evento 78

DocWeb Release 101

Figura 87 Evento scheda testo84 Creazione di un evento 79

  • Introduzione
    • Cosegrave DocWeb
    • Concetti chiave
      • Funzionalitagrave di Base
        • Il CMS Typo3 ldquobackendrdquo e ldquofrontendrdquo
        • Cambio password di accesso
        • Albero delle pagine
        • Implementazione delle pagine ldquogenitori rdquo e ldquofiglirdquo
        • Inserimento Nuova pagina
        • Elementi standard della pagina
        • Inserimento contenuti di una pagina
        • Contenuti multipli allrsquointerno di una pagina
        • Modifica dei contenuti della pagina
        • Spostamento di pagine
        • Eliminazione pagine
        • Rich Text Editor
        • Modalitagrave Lista
        • Modalitagrave Mostra
        • Modalitagrave ldquoMonta come radice dellrsquoalberordquo
        • Ottenere il page-id di una pagina
        • Admin Panel
          • La Clipboard
            • Copia o spostamento di un contenuto singolo di pagina allrsquointerno di unrsquoaltra pagina
            • Copia o spostamento di piugrave contenuti da una pagina ad unrsquoaltra
              • Modulo DAM (Digital Asset Management)
                • Caricamento e Aggiornamento di file
                • Ricerca di file allrsquointerno del DAM e modifica delle meta-informazioni
                  • Modulo Pagine di download
                    • Inserimento e configurazione pagine di download
                      • Modulo Sitemap
                        • Scheda di configurazione Mappa
                        • Tipo di mappa
                        • Il ``punto di partenza della mappa
                          • Modulo News
                            • Inserimento e modifica di news
                            • Modalitagrave Relations
                            • News collegata a URL esterna e a pagina interna
                            • Eliminazione delle News
                            • Ordinamento delle News e ricerca
                              • Modulo Eventi
                                • Scopo del modulo Eventi
                                • Il Backend ndash Modulo Pagina
                                • Il Backend ndash Modulo Lista
                                • Creazione di un evento
Page 62: DocWeb€¦ · per la realizzazione e la gestione di siti web della Pubblica Am-ministrazione. La piattaforma tecnologica utilizzata è il CMS (Content Management System) Open SourceTypo31

DocWeb Release 101

61 Scheda di configurazione Mappa

La scheda di configurazione si presenta come nella figura Scheda mappa del sito (page 59)

Figura 62 Scheda mappa del sito

I campi fondamentali da personalizzare sono lrsquointestazione (ossia il titolo pagina) il tipo di menugrave e ilpunto di partenza Nellrsquointestazione viene inserito come di consuetudine il titolo pagina

62 Tipo di mappa

Ersquo possibile scegliere il tipo di mappa che si desidera creare consultando il menugrave a tendina ldquotipo di menugraverdquoche ci offriragrave diverse opzioni

Le piugrave frequentemente usate sono di tipo ldquoMenugrave delle sottopagine rdquo come indicato nella figura Tipo dimenu (page 60)

Menugrave delle sottopagine di queste pagine Scegliendo questa opzione da una pagina padre sigenereragrave un record che mostreragrave al suo interno tutte le sottovoci figlio con relativo link

Menugrave delle sottopagine di queste pagine (con abstract) Genera una mappa sia delle sottopagineche dei sottotitoli

Menugrave delle sottopagine di queste pagine + sezioni Genera una mappa sia delle sottopagine chedei record (link alle intestazioni dei singoli record)

Selezionando voci di menugrave di sottopagine egrave anche possibile stabilire un determinato punto di partenzasfogliando lrsquoapposito record

61 Scheda di configurazione Mappa 59

DocWeb Release 101

Figura 63 Tipo di menu

63 Il ldquopunto di partenzardquo della mappa

Il ldquopunto di partenzardquo dei Menugrave delle sottopagine Scheda mappa del sito (page 59) costituisce la paginadalla quale il sistema partiragrave per creare la mappa

Si potragrave quindi creare una mappa (di tipo menugrave delle sottopagine) che mostri solamente il percorso diquella porzione di menugrave che si intende mostrare

63 Il ldquopunto di partenzardquo della mappa 60

CAPITOLO 7

Modulo News

71 Inserimento e modifica di news

Alcune sezioni del nostro sito potrebbero essere state configurate per permettere la visualizzazione dinotizie

Per poter visualizzare le news correttamente occorre che queste ultime vengano inserite in una determi-nata posizione allrsquointerno del backend Da questa posizione che chiameremo repository delle news lenostre pagine andranno a prelevare le news da visualizzare al loro interno

Figura 71 Backend news

Nellrsquoesempio presentato nella figura Backend news (page 61) distinguiamo

1 il repository delle news che egrave stato creato

2 Un esempio di come potrebbe apparire il contenuto del repository delle news (lista delle news)

Per poter visualizzare il contenuto del repository delle news occorre seguire i seguenti passi

1 entrare nel modulo Pagina

61

DocWeb Release 101

2 selezionare il repository delle news corrispondente (nellrsquoesempio della figura Backend news (page 61)il Repository delle news si chiama ldquoNews Area Testrdquo)

Poniamo ora la nostra attenzione alla lista delle news (figura Lista news (page 62)) Da qui egrave possibile

bull Inserire una nuova notizia

bull Modificare le notizie giagrave esistenti

Per inserire una nuova notizia occorre selezionare la voce Crea nuovo record (figura Lista news (page 62))posta in fondo alla lista delle news

Figura 72 Lista news

A questo punto si apre la finestra di creazione Nuovo record da cui occorre selezionare la voce News(figura Nuovo record news (page 62))

Figura 73 Nuovo record news

Eseguendo le operazioni sopra descritte si accede alla maschera di inserimento news (figura Inserimentonews scheda generale (page 63))

Questa si compone di due schede una denominata Generale e unrsquoaltra denominata Relations

Nella scheda Generale egrave possibile inserire

Titolo in questo spazio egrave possibile specificare un titolo della news

Nascondi questo controllo determina se la news egrave pubblicabile oppure no Come avviene per le pagineanche per le news egrave consigliabile tenere la news nascosta durante la lavorazione Facciamo notare

71 Inserimento e modifica di news 62

DocWeb Release 101

Figura 74 Inserimento news scheda generale

71 Inserimento e modifica di news 63

DocWeb Release 101

che appena viene aperta la maschera di inserimento di una nuova news il controllo appare giagrave instato nascosto

Dataora in questo spazio viene indicata la data e lrsquoora della creazione della news in base ai parametridi sistema

Data Archiviazione in questo spazio viene inserita la data di Archiviazione di una news

Autore permette di specificare un autore della news

Email permette di specificare un e-mail a cui fare riferimento

Sottointestazione questo campo conterragrave una breve descrizione (abstract) della news La sottointes-tazione egrave quella parte della news che compare quando viene visualizzata la lista delle news e serveper dare una breve descrizione al contenuto della news (si veda Esempio news (page 64))

Figura 75 Esempio news

Durante lrsquoinserimento di una news egrave consigliabile specificare sempre una sottointestazione

Testo egrave il campo che contiene il contenuto vero e proprio della news Egrave possibile utilizzare tutte lefunzionalitagrave messe a disposizione dallrsquoeditor RTE

72 Modalitagrave Relations

Nella modalitagrave Relations (figura Inserimento news scheda relations (page 65)) egrave possibile inserire

Immagini contiene una lista di immagini da associare alla news Il procedimento per la se-lezionecaricamento delle immagini egrave stato descritto nella parte dedicata alla creazione di paginedi download a cui vi rimandiamo

Didascalia permette di specificare una descrizione per lrsquoimmagine associata alla news

Image alttext e Image titletext permette di specificare un testo che in visualizzazione (Frontend)compariragrave al passaggio del mouse sopra lrsquoimmagine

News correlate permette di specificare news o pagine del sito da associare alla news Il procedimentodi selezione delle news da associare alla notizia saragrave spiegato successivamente

DAM elements permette di assegnare alla news dei documenti da scaricare come per esempioil programma di un determinato evento Anche in questo caso il procedimento per la se-lezionecaricamento dei documenti egrave quello giagrave descritto nella parte dedicata alla creazione dipagine di download

Descriviamo il procedimento da seguire per associare alcune pagine o alcune news alla notizia che stiamoinserendo

Premere il tasto di Sfoglia Record evidenziato nella figura Sfoglia record news (page 65)

Verragrave aperta una finestra che contiene un Element Browser che ci permette di selezionare le newspagine(figura Element browser news (page 66)) da associare

La finestra di selezione si suddivide nelle seguenti parti (figura sopra)

Alberatura del sito da cui egrave possibile esplorare gli elementi del nostro sito (pagine sysfolder )Premendo con il tasto sinistro del mouse sul nome della pagina o sulla freccia corrispondente verragraveaggiornata la parte di destra della finestra in cui egrave inserita la lista degli elementi associabili

72 Modalitagrave Relations 64

DocWeb Release 101

Figura 76 Inserimento news scheda relations

Figura 77 Sfoglia record news

72 Modalitagrave Relations 65

DocWeb Release 101

Figura 78 Element browser news

Lista degli elementi associabili egrave quindi possibile selezionare gli elementi da associare alla newsPer associare un elemento si puograve selezionare il simbolo ldquo+rdquo posto accanto allrsquoelemento desideratoo agendo sul nome del file Nel primo caso lrsquoelemento viene aggiunto ma la finestra non si chiuderagrave(utile per effettuare selezioni multiple) mentre nel secondo caso lrsquoelemento viene aggiunto e lafinestra si chiuderagrave (selezione singola)

Nota Per associare una o piugrave news alla notizia che stiamo inserendo occorreragrave innanzitutto selezionareil repository delle news e utilizzando i metodi descritti in precedenza indicare le news di interesse

Nella figura Selezione repository (page 66) viene visualizzato come appare lrsquoElement Browser dopo averselezionato il repository delle news denominato ldquoNews Corso Typo3rdquo

Figura 79 Selezione repository

Una volta ultimato il procedimento di inserimento di una news vedremo che nel repository compariragrave(figura News nel repository (page 67)) anche quella da noi creata Nellrsquoesempio la news creata si chiamaldquoTitolo della news di provardquo

Dalla lista delle news possiamo notare che i diversi tipi di news sono contrassegnati con icone diverse

In particolare distinguiamo

72 Modalitagrave Relations 66

DocWeb Release 101

Figura 710 News nel repository

bull News (icona ldquocelestinardquo)

bull Collegamento a URL esterna (icona ldquorosardquo)

bull Collegamento a pagina interna (icona ldquogiallinardquo)

Per modificare il contenuto di una news egrave sufficiente selezionare il simbolo di modifica (figura Modificanews (page 67)) in corrispondenza della news da modificare

Figura 711 Modifica news

73 News collegata a URL esterna e a pagina interna

Attraverso la selezione della finestra ldquoTipordquo egrave possibile scegliere diverse tipologie di news

Nella figura News collegata a url esterna (page 68) egrave stato selezionato il Collegamento a URL esterna checi offriragrave la possibilitagrave di specificare un link (ldquoURL esternordquo) da far visualizzare e che saragrave contraddistintain lista da lrsquoicona di colore rosa

Selezionando il Collegamento a pagina interna viene offerta la possibilitagrave di inserire un collegamento auna pagina del sito (evidenziato nella figura News collegata a pagina interna (page 69))

La news si presenteragrave con icona di color ldquogiallordquo e al suo interno conterragrave un link alla pagina interna alsito

73 News collegata a URL esterna e a pagina interna 67

DocWeb Release 101

Figura 712 News collegata a url esterna

73 News collegata a URL esterna e a pagina interna 68

DocWeb Release 101

Figura 713 News collegata a pagina interna

73 News collegata a URL esterna e a pagina interna 69

DocWeb Release 101

74 Eliminazione delle News

Per eliminare una news possiamo procedere tra lrsquoaltro in due modi

1 Selezionare la news da eliminare dallrsquoelenco e selezionare la voce ldquocancellardquo dal menugrave a tendinaconsultabile cliccando con il pulsante destro sullrsquoicona in corrispondenza della news (figura Eliminanews da menu contestuale (page 70))

Figura 714 Elimina news da menu contestuale

2 Entrare allrsquointerno della modalitagrave di modifica della news attraverso lrsquoicona ldquomatitardquo e selezionare lrsquoi-cona raffigurante il bidone di elimina posta in alto pagina (figura Elimina news da scheda contenuto(page 70))

Figura 715 Elimina news da scheda contenuto

75 Ordinamento delle News e ricerca

Puograve essere necessario durante la visualizzazione della lista delle news (lato backend) di dover effettuaredegli ordinamenti al fine di permettere una ricerca piugrave veloce delle news da modificare

74 Eliminazione delle News 70

DocWeb Release 101

Avvertimento Lrsquoordinamento ha valore solo come ricerca allrsquointerno del backend mentre latofrontend rispecchieragrave i parametri prestabiliti dal sistema

Supponiamo per esempio di voler effettuare un ordinamento per Titolo Seguiamo i seguenti passi(figura sotto)

1 Selezionare la voce di menugrave Lista

2 Selezionare il deposito delle news (repository) News Corso Typo3

3 Cliccare con il mouse in corrispondenza della voce ldquoTitolordquo

A questo punto (figura Ordinamento news (page 71)) le news vengono ordinate in ordine crescente(vengono visualizzate prima le news con titolo che inizia con la lettera a b e cosigrave via)

Figura 716 Ordinamento news

Se clicchiamo unrsquoaltra volta sulla voce ldquoTitolordquo il tipo di ordinamento cambia da crescente a decrescente(compariranno per prima le news con titolo che inizia per z )

Egrave inoltre possibile ordinare secondo campo da noi specificato Per definire il nome di un campo (ad estesto inizio autore ) su cui effettuare lrsquoordinamento occorreragrave spostarsi in fondo alla lista delle newsdove troveremo una lista di campi (figura Mostra campo aggiuntivo news (page 71))

Figura 717 Mostra campo aggiuntivo news

Dalla lista possiamo

bull Selezionare la voce in base alla quale effettuare lrsquoordinamento (ad esempio Immagini)

bull Premere il tasto Imposta campi per aggiungere alla lista dei campi visualizzati quello selezionato

75 Ordinamento delle News e ricerca 71

DocWeb Release 101

A questo punto il campo selezionato (nel nostro esempio il campo Immagini) compare nella lista dellenews (il campo aggiunto egrave evidenziato con un riquadro in alto a destra nella figura Ordinamento campoaggiuntivo news (page 72))

Figura 718 Ordinamento campo aggiuntivo news

Effettuare le stesse operazioni illustrate per il campo Titolo per ordinare in modo crescente e decrescentele news secondo il criterio impostato (click pulsante sinistro sul nome etichetta)

Egrave anche possibile ricercare le news in base al testo contenuto nel titolo sottotitolo descrizione eccUtilizzando la maschera di ricerca in fondo pagina (evidenziata nella figura Ricerca news (page 72))

Figura 719 Ricerca news

Per effettuare una ricerca egrave necessario seguire i seguenti passi

1 Inserire nel campo Cerca Stringa il testo da cercare (nel nostro esempio ldquonequerdquo)

2 Premere il tasto Cerca per eseguire la ricerca secondo i criteri impostati

In questo modo nella lista delle news compariranno solo quelle che contengono il testo specificatoEffettuata la ricerca egrave possibile effettuare degli ordinamenti come spiegato in precedenza

75 Ordinamento delle News e ricerca 72

CAPITOLO 8

Modulo Eventi

Avvertimento SEZIONE NON COMPLETA

Si confrontino i seguenti due tipi di contenuti

Evento egrave un tipo di contenuto adatto a descrivere qualcosa che accadragrave o che egrave accaduto in una certadata La data o le date in cui lrsquoevento ricorre sono strettamente legate ad un luogo in cui lrsquoeventosi verificheragravesi egrave verificato Gli eventi vengono rappresentati mediante la metafora dellrsquoagenda edel calendario

Notizia egrave un tipo di contenuto caratterizzato dalla data di pubblicazione secondo la metafora delgiornale online E come in un giornale online una notizia puograve riferirsi sia a fatti giagrave accaduti chea fatti a venire

Nota Per comprendere meglio la differenza tra i due tipi di contenuto si pensi che dato un eventoche ha una certa data di svolgimento (ad es 20 maggio) di tale evento posso realizzare piugrave di unanotizia Rimanendo nellrsquoesempio potrei pubblicare una notizia il 10 maggio per preannunciare lrsquoeventoe poi unrsquoaltra il 18 maggio per ricordarne lrsquoimminenza Infine potrei pubblicare una notizia di riepilogo(cronaca dellrsquoevento immagini ecc) il 22 maggio

81 Scopo del modulo Eventi

Il visitatore del sito deve poter cogliere le informazioni essenziali di un evento

bull Cosa sta per succedere

bull Dove accadragrave

bull Quando accadragrave

82 Il Backend ndash Modulo Pagina

Vedi figura Eventi vista modulo pagina (page 74)

83 Il Backend ndash Modulo Lista

Vedi figura Eventi vista modulo lista (page 74)

73

DocWeb Release 101

Figura 81 Eventi vista modulo pagina

Figura 82 Eventi vista modulo lista

83 Il Backend ndash Modulo Lista 74

DocWeb Release 101

84 Creazione di un evento

Prima di procedere poniamoci qualche domanda

bull Lrsquoevento appartiene a qualche rassegna iniziativa per la quale sono in programma altri eventiPer esempio

ndash Rassegne teatrali cinematografiche

ndash Festival

bull Lrsquoevento si ripete

ndash La replica avviene sempre nello stesso luogo

841 Creazione del record

Vedi figura Creazione nuovo evento (page 75)

Vedi figura Creazione nuovo record evento (page 76)

Figura 83 Creazione nuovo evento

842 Scheda ldquoGeneralerdquo

Vedi figura Evento scheda generale (page 76)

843 Scheda ldquoFinestra temporalerdquo

Orario repliche

Vedi figura Evento finestra temporale (page 78)

84 Creazione di un evento 75

DocWeb Release 101

Figura 84 Creazione nuovo record evento

Figura 85 Evento scheda generale

84 Creazione di un evento 76

DocWeb Release 101

bull Lrsquoorario va solo per le Finestre temporali di un giorno (data inizio = data fine)

bull Se non si conosce lrsquoora della fine impostare ora inizio = ora fine

844 Scheda ldquoTestordquo

Vedi figura Evento scheda testo (page 79)

84 Creazione di un evento 77

DocWeb Release 101

Figura 86 Evento finestra temporale

84 Creazione di un evento 78

DocWeb Release 101

Figura 87 Evento scheda testo84 Creazione di un evento 79

  • Introduzione
    • Cosegrave DocWeb
    • Concetti chiave
      • Funzionalitagrave di Base
        • Il CMS Typo3 ldquobackendrdquo e ldquofrontendrdquo
        • Cambio password di accesso
        • Albero delle pagine
        • Implementazione delle pagine ldquogenitori rdquo e ldquofiglirdquo
        • Inserimento Nuova pagina
        • Elementi standard della pagina
        • Inserimento contenuti di una pagina
        • Contenuti multipli allrsquointerno di una pagina
        • Modifica dei contenuti della pagina
        • Spostamento di pagine
        • Eliminazione pagine
        • Rich Text Editor
        • Modalitagrave Lista
        • Modalitagrave Mostra
        • Modalitagrave ldquoMonta come radice dellrsquoalberordquo
        • Ottenere il page-id di una pagina
        • Admin Panel
          • La Clipboard
            • Copia o spostamento di un contenuto singolo di pagina allrsquointerno di unrsquoaltra pagina
            • Copia o spostamento di piugrave contenuti da una pagina ad unrsquoaltra
              • Modulo DAM (Digital Asset Management)
                • Caricamento e Aggiornamento di file
                • Ricerca di file allrsquointerno del DAM e modifica delle meta-informazioni
                  • Modulo Pagine di download
                    • Inserimento e configurazione pagine di download
                      • Modulo Sitemap
                        • Scheda di configurazione Mappa
                        • Tipo di mappa
                        • Il ``punto di partenza della mappa
                          • Modulo News
                            • Inserimento e modifica di news
                            • Modalitagrave Relations
                            • News collegata a URL esterna e a pagina interna
                            • Eliminazione delle News
                            • Ordinamento delle News e ricerca
                              • Modulo Eventi
                                • Scopo del modulo Eventi
                                • Il Backend ndash Modulo Pagina
                                • Il Backend ndash Modulo Lista
                                • Creazione di un evento
Page 63: DocWeb€¦ · per la realizzazione e la gestione di siti web della Pubblica Am-ministrazione. La piattaforma tecnologica utilizzata è il CMS (Content Management System) Open SourceTypo31

DocWeb Release 101

Figura 63 Tipo di menu

63 Il ldquopunto di partenzardquo della mappa

Il ldquopunto di partenzardquo dei Menugrave delle sottopagine Scheda mappa del sito (page 59) costituisce la paginadalla quale il sistema partiragrave per creare la mappa

Si potragrave quindi creare una mappa (di tipo menugrave delle sottopagine) che mostri solamente il percorso diquella porzione di menugrave che si intende mostrare

63 Il ldquopunto di partenzardquo della mappa 60

CAPITOLO 7

Modulo News

71 Inserimento e modifica di news

Alcune sezioni del nostro sito potrebbero essere state configurate per permettere la visualizzazione dinotizie

Per poter visualizzare le news correttamente occorre che queste ultime vengano inserite in una determi-nata posizione allrsquointerno del backend Da questa posizione che chiameremo repository delle news lenostre pagine andranno a prelevare le news da visualizzare al loro interno

Figura 71 Backend news

Nellrsquoesempio presentato nella figura Backend news (page 61) distinguiamo

1 il repository delle news che egrave stato creato

2 Un esempio di come potrebbe apparire il contenuto del repository delle news (lista delle news)

Per poter visualizzare il contenuto del repository delle news occorre seguire i seguenti passi

1 entrare nel modulo Pagina

61

DocWeb Release 101

2 selezionare il repository delle news corrispondente (nellrsquoesempio della figura Backend news (page 61)il Repository delle news si chiama ldquoNews Area Testrdquo)

Poniamo ora la nostra attenzione alla lista delle news (figura Lista news (page 62)) Da qui egrave possibile

bull Inserire una nuova notizia

bull Modificare le notizie giagrave esistenti

Per inserire una nuova notizia occorre selezionare la voce Crea nuovo record (figura Lista news (page 62))posta in fondo alla lista delle news

Figura 72 Lista news

A questo punto si apre la finestra di creazione Nuovo record da cui occorre selezionare la voce News(figura Nuovo record news (page 62))

Figura 73 Nuovo record news

Eseguendo le operazioni sopra descritte si accede alla maschera di inserimento news (figura Inserimentonews scheda generale (page 63))

Questa si compone di due schede una denominata Generale e unrsquoaltra denominata Relations

Nella scheda Generale egrave possibile inserire

Titolo in questo spazio egrave possibile specificare un titolo della news

Nascondi questo controllo determina se la news egrave pubblicabile oppure no Come avviene per le pagineanche per le news egrave consigliabile tenere la news nascosta durante la lavorazione Facciamo notare

71 Inserimento e modifica di news 62

DocWeb Release 101

Figura 74 Inserimento news scheda generale

71 Inserimento e modifica di news 63

DocWeb Release 101

che appena viene aperta la maschera di inserimento di una nuova news il controllo appare giagrave instato nascosto

Dataora in questo spazio viene indicata la data e lrsquoora della creazione della news in base ai parametridi sistema

Data Archiviazione in questo spazio viene inserita la data di Archiviazione di una news

Autore permette di specificare un autore della news

Email permette di specificare un e-mail a cui fare riferimento

Sottointestazione questo campo conterragrave una breve descrizione (abstract) della news La sottointes-tazione egrave quella parte della news che compare quando viene visualizzata la lista delle news e serveper dare una breve descrizione al contenuto della news (si veda Esempio news (page 64))

Figura 75 Esempio news

Durante lrsquoinserimento di una news egrave consigliabile specificare sempre una sottointestazione

Testo egrave il campo che contiene il contenuto vero e proprio della news Egrave possibile utilizzare tutte lefunzionalitagrave messe a disposizione dallrsquoeditor RTE

72 Modalitagrave Relations

Nella modalitagrave Relations (figura Inserimento news scheda relations (page 65)) egrave possibile inserire

Immagini contiene una lista di immagini da associare alla news Il procedimento per la se-lezionecaricamento delle immagini egrave stato descritto nella parte dedicata alla creazione di paginedi download a cui vi rimandiamo

Didascalia permette di specificare una descrizione per lrsquoimmagine associata alla news

Image alttext e Image titletext permette di specificare un testo che in visualizzazione (Frontend)compariragrave al passaggio del mouse sopra lrsquoimmagine

News correlate permette di specificare news o pagine del sito da associare alla news Il procedimentodi selezione delle news da associare alla notizia saragrave spiegato successivamente

DAM elements permette di assegnare alla news dei documenti da scaricare come per esempioil programma di un determinato evento Anche in questo caso il procedimento per la se-lezionecaricamento dei documenti egrave quello giagrave descritto nella parte dedicata alla creazione dipagine di download

Descriviamo il procedimento da seguire per associare alcune pagine o alcune news alla notizia che stiamoinserendo

Premere il tasto di Sfoglia Record evidenziato nella figura Sfoglia record news (page 65)

Verragrave aperta una finestra che contiene un Element Browser che ci permette di selezionare le newspagine(figura Element browser news (page 66)) da associare

La finestra di selezione si suddivide nelle seguenti parti (figura sopra)

Alberatura del sito da cui egrave possibile esplorare gli elementi del nostro sito (pagine sysfolder )Premendo con il tasto sinistro del mouse sul nome della pagina o sulla freccia corrispondente verragraveaggiornata la parte di destra della finestra in cui egrave inserita la lista degli elementi associabili

72 Modalitagrave Relations 64

DocWeb Release 101

Figura 76 Inserimento news scheda relations

Figura 77 Sfoglia record news

72 Modalitagrave Relations 65

DocWeb Release 101

Figura 78 Element browser news

Lista degli elementi associabili egrave quindi possibile selezionare gli elementi da associare alla newsPer associare un elemento si puograve selezionare il simbolo ldquo+rdquo posto accanto allrsquoelemento desideratoo agendo sul nome del file Nel primo caso lrsquoelemento viene aggiunto ma la finestra non si chiuderagrave(utile per effettuare selezioni multiple) mentre nel secondo caso lrsquoelemento viene aggiunto e lafinestra si chiuderagrave (selezione singola)

Nota Per associare una o piugrave news alla notizia che stiamo inserendo occorreragrave innanzitutto selezionareil repository delle news e utilizzando i metodi descritti in precedenza indicare le news di interesse

Nella figura Selezione repository (page 66) viene visualizzato come appare lrsquoElement Browser dopo averselezionato il repository delle news denominato ldquoNews Corso Typo3rdquo

Figura 79 Selezione repository

Una volta ultimato il procedimento di inserimento di una news vedremo che nel repository compariragrave(figura News nel repository (page 67)) anche quella da noi creata Nellrsquoesempio la news creata si chiamaldquoTitolo della news di provardquo

Dalla lista delle news possiamo notare che i diversi tipi di news sono contrassegnati con icone diverse

In particolare distinguiamo

72 Modalitagrave Relations 66

DocWeb Release 101

Figura 710 News nel repository

bull News (icona ldquocelestinardquo)

bull Collegamento a URL esterna (icona ldquorosardquo)

bull Collegamento a pagina interna (icona ldquogiallinardquo)

Per modificare il contenuto di una news egrave sufficiente selezionare il simbolo di modifica (figura Modificanews (page 67)) in corrispondenza della news da modificare

Figura 711 Modifica news

73 News collegata a URL esterna e a pagina interna

Attraverso la selezione della finestra ldquoTipordquo egrave possibile scegliere diverse tipologie di news

Nella figura News collegata a url esterna (page 68) egrave stato selezionato il Collegamento a URL esterna checi offriragrave la possibilitagrave di specificare un link (ldquoURL esternordquo) da far visualizzare e che saragrave contraddistintain lista da lrsquoicona di colore rosa

Selezionando il Collegamento a pagina interna viene offerta la possibilitagrave di inserire un collegamento auna pagina del sito (evidenziato nella figura News collegata a pagina interna (page 69))

La news si presenteragrave con icona di color ldquogiallordquo e al suo interno conterragrave un link alla pagina interna alsito

73 News collegata a URL esterna e a pagina interna 67

DocWeb Release 101

Figura 712 News collegata a url esterna

73 News collegata a URL esterna e a pagina interna 68

DocWeb Release 101

Figura 713 News collegata a pagina interna

73 News collegata a URL esterna e a pagina interna 69

DocWeb Release 101

74 Eliminazione delle News

Per eliminare una news possiamo procedere tra lrsquoaltro in due modi

1 Selezionare la news da eliminare dallrsquoelenco e selezionare la voce ldquocancellardquo dal menugrave a tendinaconsultabile cliccando con il pulsante destro sullrsquoicona in corrispondenza della news (figura Eliminanews da menu contestuale (page 70))

Figura 714 Elimina news da menu contestuale

2 Entrare allrsquointerno della modalitagrave di modifica della news attraverso lrsquoicona ldquomatitardquo e selezionare lrsquoi-cona raffigurante il bidone di elimina posta in alto pagina (figura Elimina news da scheda contenuto(page 70))

Figura 715 Elimina news da scheda contenuto

75 Ordinamento delle News e ricerca

Puograve essere necessario durante la visualizzazione della lista delle news (lato backend) di dover effettuaredegli ordinamenti al fine di permettere una ricerca piugrave veloce delle news da modificare

74 Eliminazione delle News 70

DocWeb Release 101

Avvertimento Lrsquoordinamento ha valore solo come ricerca allrsquointerno del backend mentre latofrontend rispecchieragrave i parametri prestabiliti dal sistema

Supponiamo per esempio di voler effettuare un ordinamento per Titolo Seguiamo i seguenti passi(figura sotto)

1 Selezionare la voce di menugrave Lista

2 Selezionare il deposito delle news (repository) News Corso Typo3

3 Cliccare con il mouse in corrispondenza della voce ldquoTitolordquo

A questo punto (figura Ordinamento news (page 71)) le news vengono ordinate in ordine crescente(vengono visualizzate prima le news con titolo che inizia con la lettera a b e cosigrave via)

Figura 716 Ordinamento news

Se clicchiamo unrsquoaltra volta sulla voce ldquoTitolordquo il tipo di ordinamento cambia da crescente a decrescente(compariranno per prima le news con titolo che inizia per z )

Egrave inoltre possibile ordinare secondo campo da noi specificato Per definire il nome di un campo (ad estesto inizio autore ) su cui effettuare lrsquoordinamento occorreragrave spostarsi in fondo alla lista delle newsdove troveremo una lista di campi (figura Mostra campo aggiuntivo news (page 71))

Figura 717 Mostra campo aggiuntivo news

Dalla lista possiamo

bull Selezionare la voce in base alla quale effettuare lrsquoordinamento (ad esempio Immagini)

bull Premere il tasto Imposta campi per aggiungere alla lista dei campi visualizzati quello selezionato

75 Ordinamento delle News e ricerca 71

DocWeb Release 101

A questo punto il campo selezionato (nel nostro esempio il campo Immagini) compare nella lista dellenews (il campo aggiunto egrave evidenziato con un riquadro in alto a destra nella figura Ordinamento campoaggiuntivo news (page 72))

Figura 718 Ordinamento campo aggiuntivo news

Effettuare le stesse operazioni illustrate per il campo Titolo per ordinare in modo crescente e decrescentele news secondo il criterio impostato (click pulsante sinistro sul nome etichetta)

Egrave anche possibile ricercare le news in base al testo contenuto nel titolo sottotitolo descrizione eccUtilizzando la maschera di ricerca in fondo pagina (evidenziata nella figura Ricerca news (page 72))

Figura 719 Ricerca news

Per effettuare una ricerca egrave necessario seguire i seguenti passi

1 Inserire nel campo Cerca Stringa il testo da cercare (nel nostro esempio ldquonequerdquo)

2 Premere il tasto Cerca per eseguire la ricerca secondo i criteri impostati

In questo modo nella lista delle news compariranno solo quelle che contengono il testo specificatoEffettuata la ricerca egrave possibile effettuare degli ordinamenti come spiegato in precedenza

75 Ordinamento delle News e ricerca 72

CAPITOLO 8

Modulo Eventi

Avvertimento SEZIONE NON COMPLETA

Si confrontino i seguenti due tipi di contenuti

Evento egrave un tipo di contenuto adatto a descrivere qualcosa che accadragrave o che egrave accaduto in una certadata La data o le date in cui lrsquoevento ricorre sono strettamente legate ad un luogo in cui lrsquoeventosi verificheragravesi egrave verificato Gli eventi vengono rappresentati mediante la metafora dellrsquoagenda edel calendario

Notizia egrave un tipo di contenuto caratterizzato dalla data di pubblicazione secondo la metafora delgiornale online E come in un giornale online una notizia puograve riferirsi sia a fatti giagrave accaduti chea fatti a venire

Nota Per comprendere meglio la differenza tra i due tipi di contenuto si pensi che dato un eventoche ha una certa data di svolgimento (ad es 20 maggio) di tale evento posso realizzare piugrave di unanotizia Rimanendo nellrsquoesempio potrei pubblicare una notizia il 10 maggio per preannunciare lrsquoeventoe poi unrsquoaltra il 18 maggio per ricordarne lrsquoimminenza Infine potrei pubblicare una notizia di riepilogo(cronaca dellrsquoevento immagini ecc) il 22 maggio

81 Scopo del modulo Eventi

Il visitatore del sito deve poter cogliere le informazioni essenziali di un evento

bull Cosa sta per succedere

bull Dove accadragrave

bull Quando accadragrave

82 Il Backend ndash Modulo Pagina

Vedi figura Eventi vista modulo pagina (page 74)

83 Il Backend ndash Modulo Lista

Vedi figura Eventi vista modulo lista (page 74)

73

DocWeb Release 101

Figura 81 Eventi vista modulo pagina

Figura 82 Eventi vista modulo lista

83 Il Backend ndash Modulo Lista 74

DocWeb Release 101

84 Creazione di un evento

Prima di procedere poniamoci qualche domanda

bull Lrsquoevento appartiene a qualche rassegna iniziativa per la quale sono in programma altri eventiPer esempio

ndash Rassegne teatrali cinematografiche

ndash Festival

bull Lrsquoevento si ripete

ndash La replica avviene sempre nello stesso luogo

841 Creazione del record

Vedi figura Creazione nuovo evento (page 75)

Vedi figura Creazione nuovo record evento (page 76)

Figura 83 Creazione nuovo evento

842 Scheda ldquoGeneralerdquo

Vedi figura Evento scheda generale (page 76)

843 Scheda ldquoFinestra temporalerdquo

Orario repliche

Vedi figura Evento finestra temporale (page 78)

84 Creazione di un evento 75

DocWeb Release 101

Figura 84 Creazione nuovo record evento

Figura 85 Evento scheda generale

84 Creazione di un evento 76

DocWeb Release 101

bull Lrsquoorario va solo per le Finestre temporali di un giorno (data inizio = data fine)

bull Se non si conosce lrsquoora della fine impostare ora inizio = ora fine

844 Scheda ldquoTestordquo

Vedi figura Evento scheda testo (page 79)

84 Creazione di un evento 77

DocWeb Release 101

Figura 86 Evento finestra temporale

84 Creazione di un evento 78

DocWeb Release 101

Figura 87 Evento scheda testo84 Creazione di un evento 79

  • Introduzione
    • Cosegrave DocWeb
    • Concetti chiave
      • Funzionalitagrave di Base
        • Il CMS Typo3 ldquobackendrdquo e ldquofrontendrdquo
        • Cambio password di accesso
        • Albero delle pagine
        • Implementazione delle pagine ldquogenitori rdquo e ldquofiglirdquo
        • Inserimento Nuova pagina
        • Elementi standard della pagina
        • Inserimento contenuti di una pagina
        • Contenuti multipli allrsquointerno di una pagina
        • Modifica dei contenuti della pagina
        • Spostamento di pagine
        • Eliminazione pagine
        • Rich Text Editor
        • Modalitagrave Lista
        • Modalitagrave Mostra
        • Modalitagrave ldquoMonta come radice dellrsquoalberordquo
        • Ottenere il page-id di una pagina
        • Admin Panel
          • La Clipboard
            • Copia o spostamento di un contenuto singolo di pagina allrsquointerno di unrsquoaltra pagina
            • Copia o spostamento di piugrave contenuti da una pagina ad unrsquoaltra
              • Modulo DAM (Digital Asset Management)
                • Caricamento e Aggiornamento di file
                • Ricerca di file allrsquointerno del DAM e modifica delle meta-informazioni
                  • Modulo Pagine di download
                    • Inserimento e configurazione pagine di download
                      • Modulo Sitemap
                        • Scheda di configurazione Mappa
                        • Tipo di mappa
                        • Il ``punto di partenza della mappa
                          • Modulo News
                            • Inserimento e modifica di news
                            • Modalitagrave Relations
                            • News collegata a URL esterna e a pagina interna
                            • Eliminazione delle News
                            • Ordinamento delle News e ricerca
                              • Modulo Eventi
                                • Scopo del modulo Eventi
                                • Il Backend ndash Modulo Pagina
                                • Il Backend ndash Modulo Lista
                                • Creazione di un evento
Page 64: DocWeb€¦ · per la realizzazione e la gestione di siti web della Pubblica Am-ministrazione. La piattaforma tecnologica utilizzata è il CMS (Content Management System) Open SourceTypo31

CAPITOLO 7

Modulo News

71 Inserimento e modifica di news

Alcune sezioni del nostro sito potrebbero essere state configurate per permettere la visualizzazione dinotizie

Per poter visualizzare le news correttamente occorre che queste ultime vengano inserite in una determi-nata posizione allrsquointerno del backend Da questa posizione che chiameremo repository delle news lenostre pagine andranno a prelevare le news da visualizzare al loro interno

Figura 71 Backend news

Nellrsquoesempio presentato nella figura Backend news (page 61) distinguiamo

1 il repository delle news che egrave stato creato

2 Un esempio di come potrebbe apparire il contenuto del repository delle news (lista delle news)

Per poter visualizzare il contenuto del repository delle news occorre seguire i seguenti passi

1 entrare nel modulo Pagina

61

DocWeb Release 101

2 selezionare il repository delle news corrispondente (nellrsquoesempio della figura Backend news (page 61)il Repository delle news si chiama ldquoNews Area Testrdquo)

Poniamo ora la nostra attenzione alla lista delle news (figura Lista news (page 62)) Da qui egrave possibile

bull Inserire una nuova notizia

bull Modificare le notizie giagrave esistenti

Per inserire una nuova notizia occorre selezionare la voce Crea nuovo record (figura Lista news (page 62))posta in fondo alla lista delle news

Figura 72 Lista news

A questo punto si apre la finestra di creazione Nuovo record da cui occorre selezionare la voce News(figura Nuovo record news (page 62))

Figura 73 Nuovo record news

Eseguendo le operazioni sopra descritte si accede alla maschera di inserimento news (figura Inserimentonews scheda generale (page 63))

Questa si compone di due schede una denominata Generale e unrsquoaltra denominata Relations

Nella scheda Generale egrave possibile inserire

Titolo in questo spazio egrave possibile specificare un titolo della news

Nascondi questo controllo determina se la news egrave pubblicabile oppure no Come avviene per le pagineanche per le news egrave consigliabile tenere la news nascosta durante la lavorazione Facciamo notare

71 Inserimento e modifica di news 62

DocWeb Release 101

Figura 74 Inserimento news scheda generale

71 Inserimento e modifica di news 63

DocWeb Release 101

che appena viene aperta la maschera di inserimento di una nuova news il controllo appare giagrave instato nascosto

Dataora in questo spazio viene indicata la data e lrsquoora della creazione della news in base ai parametridi sistema

Data Archiviazione in questo spazio viene inserita la data di Archiviazione di una news

Autore permette di specificare un autore della news

Email permette di specificare un e-mail a cui fare riferimento

Sottointestazione questo campo conterragrave una breve descrizione (abstract) della news La sottointes-tazione egrave quella parte della news che compare quando viene visualizzata la lista delle news e serveper dare una breve descrizione al contenuto della news (si veda Esempio news (page 64))

Figura 75 Esempio news

Durante lrsquoinserimento di una news egrave consigliabile specificare sempre una sottointestazione

Testo egrave il campo che contiene il contenuto vero e proprio della news Egrave possibile utilizzare tutte lefunzionalitagrave messe a disposizione dallrsquoeditor RTE

72 Modalitagrave Relations

Nella modalitagrave Relations (figura Inserimento news scheda relations (page 65)) egrave possibile inserire

Immagini contiene una lista di immagini da associare alla news Il procedimento per la se-lezionecaricamento delle immagini egrave stato descritto nella parte dedicata alla creazione di paginedi download a cui vi rimandiamo

Didascalia permette di specificare una descrizione per lrsquoimmagine associata alla news

Image alttext e Image titletext permette di specificare un testo che in visualizzazione (Frontend)compariragrave al passaggio del mouse sopra lrsquoimmagine

News correlate permette di specificare news o pagine del sito da associare alla news Il procedimentodi selezione delle news da associare alla notizia saragrave spiegato successivamente

DAM elements permette di assegnare alla news dei documenti da scaricare come per esempioil programma di un determinato evento Anche in questo caso il procedimento per la se-lezionecaricamento dei documenti egrave quello giagrave descritto nella parte dedicata alla creazione dipagine di download

Descriviamo il procedimento da seguire per associare alcune pagine o alcune news alla notizia che stiamoinserendo

Premere il tasto di Sfoglia Record evidenziato nella figura Sfoglia record news (page 65)

Verragrave aperta una finestra che contiene un Element Browser che ci permette di selezionare le newspagine(figura Element browser news (page 66)) da associare

La finestra di selezione si suddivide nelle seguenti parti (figura sopra)

Alberatura del sito da cui egrave possibile esplorare gli elementi del nostro sito (pagine sysfolder )Premendo con il tasto sinistro del mouse sul nome della pagina o sulla freccia corrispondente verragraveaggiornata la parte di destra della finestra in cui egrave inserita la lista degli elementi associabili

72 Modalitagrave Relations 64

DocWeb Release 101

Figura 76 Inserimento news scheda relations

Figura 77 Sfoglia record news

72 Modalitagrave Relations 65

DocWeb Release 101

Figura 78 Element browser news

Lista degli elementi associabili egrave quindi possibile selezionare gli elementi da associare alla newsPer associare un elemento si puograve selezionare il simbolo ldquo+rdquo posto accanto allrsquoelemento desideratoo agendo sul nome del file Nel primo caso lrsquoelemento viene aggiunto ma la finestra non si chiuderagrave(utile per effettuare selezioni multiple) mentre nel secondo caso lrsquoelemento viene aggiunto e lafinestra si chiuderagrave (selezione singola)

Nota Per associare una o piugrave news alla notizia che stiamo inserendo occorreragrave innanzitutto selezionareil repository delle news e utilizzando i metodi descritti in precedenza indicare le news di interesse

Nella figura Selezione repository (page 66) viene visualizzato come appare lrsquoElement Browser dopo averselezionato il repository delle news denominato ldquoNews Corso Typo3rdquo

Figura 79 Selezione repository

Una volta ultimato il procedimento di inserimento di una news vedremo che nel repository compariragrave(figura News nel repository (page 67)) anche quella da noi creata Nellrsquoesempio la news creata si chiamaldquoTitolo della news di provardquo

Dalla lista delle news possiamo notare che i diversi tipi di news sono contrassegnati con icone diverse

In particolare distinguiamo

72 Modalitagrave Relations 66

DocWeb Release 101

Figura 710 News nel repository

bull News (icona ldquocelestinardquo)

bull Collegamento a URL esterna (icona ldquorosardquo)

bull Collegamento a pagina interna (icona ldquogiallinardquo)

Per modificare il contenuto di una news egrave sufficiente selezionare il simbolo di modifica (figura Modificanews (page 67)) in corrispondenza della news da modificare

Figura 711 Modifica news

73 News collegata a URL esterna e a pagina interna

Attraverso la selezione della finestra ldquoTipordquo egrave possibile scegliere diverse tipologie di news

Nella figura News collegata a url esterna (page 68) egrave stato selezionato il Collegamento a URL esterna checi offriragrave la possibilitagrave di specificare un link (ldquoURL esternordquo) da far visualizzare e che saragrave contraddistintain lista da lrsquoicona di colore rosa

Selezionando il Collegamento a pagina interna viene offerta la possibilitagrave di inserire un collegamento auna pagina del sito (evidenziato nella figura News collegata a pagina interna (page 69))

La news si presenteragrave con icona di color ldquogiallordquo e al suo interno conterragrave un link alla pagina interna alsito

73 News collegata a URL esterna e a pagina interna 67

DocWeb Release 101

Figura 712 News collegata a url esterna

73 News collegata a URL esterna e a pagina interna 68

DocWeb Release 101

Figura 713 News collegata a pagina interna

73 News collegata a URL esterna e a pagina interna 69

DocWeb Release 101

74 Eliminazione delle News

Per eliminare una news possiamo procedere tra lrsquoaltro in due modi

1 Selezionare la news da eliminare dallrsquoelenco e selezionare la voce ldquocancellardquo dal menugrave a tendinaconsultabile cliccando con il pulsante destro sullrsquoicona in corrispondenza della news (figura Eliminanews da menu contestuale (page 70))

Figura 714 Elimina news da menu contestuale

2 Entrare allrsquointerno della modalitagrave di modifica della news attraverso lrsquoicona ldquomatitardquo e selezionare lrsquoi-cona raffigurante il bidone di elimina posta in alto pagina (figura Elimina news da scheda contenuto(page 70))

Figura 715 Elimina news da scheda contenuto

75 Ordinamento delle News e ricerca

Puograve essere necessario durante la visualizzazione della lista delle news (lato backend) di dover effettuaredegli ordinamenti al fine di permettere una ricerca piugrave veloce delle news da modificare

74 Eliminazione delle News 70

DocWeb Release 101

Avvertimento Lrsquoordinamento ha valore solo come ricerca allrsquointerno del backend mentre latofrontend rispecchieragrave i parametri prestabiliti dal sistema

Supponiamo per esempio di voler effettuare un ordinamento per Titolo Seguiamo i seguenti passi(figura sotto)

1 Selezionare la voce di menugrave Lista

2 Selezionare il deposito delle news (repository) News Corso Typo3

3 Cliccare con il mouse in corrispondenza della voce ldquoTitolordquo

A questo punto (figura Ordinamento news (page 71)) le news vengono ordinate in ordine crescente(vengono visualizzate prima le news con titolo che inizia con la lettera a b e cosigrave via)

Figura 716 Ordinamento news

Se clicchiamo unrsquoaltra volta sulla voce ldquoTitolordquo il tipo di ordinamento cambia da crescente a decrescente(compariranno per prima le news con titolo che inizia per z )

Egrave inoltre possibile ordinare secondo campo da noi specificato Per definire il nome di un campo (ad estesto inizio autore ) su cui effettuare lrsquoordinamento occorreragrave spostarsi in fondo alla lista delle newsdove troveremo una lista di campi (figura Mostra campo aggiuntivo news (page 71))

Figura 717 Mostra campo aggiuntivo news

Dalla lista possiamo

bull Selezionare la voce in base alla quale effettuare lrsquoordinamento (ad esempio Immagini)

bull Premere il tasto Imposta campi per aggiungere alla lista dei campi visualizzati quello selezionato

75 Ordinamento delle News e ricerca 71

DocWeb Release 101

A questo punto il campo selezionato (nel nostro esempio il campo Immagini) compare nella lista dellenews (il campo aggiunto egrave evidenziato con un riquadro in alto a destra nella figura Ordinamento campoaggiuntivo news (page 72))

Figura 718 Ordinamento campo aggiuntivo news

Effettuare le stesse operazioni illustrate per il campo Titolo per ordinare in modo crescente e decrescentele news secondo il criterio impostato (click pulsante sinistro sul nome etichetta)

Egrave anche possibile ricercare le news in base al testo contenuto nel titolo sottotitolo descrizione eccUtilizzando la maschera di ricerca in fondo pagina (evidenziata nella figura Ricerca news (page 72))

Figura 719 Ricerca news

Per effettuare una ricerca egrave necessario seguire i seguenti passi

1 Inserire nel campo Cerca Stringa il testo da cercare (nel nostro esempio ldquonequerdquo)

2 Premere il tasto Cerca per eseguire la ricerca secondo i criteri impostati

In questo modo nella lista delle news compariranno solo quelle che contengono il testo specificatoEffettuata la ricerca egrave possibile effettuare degli ordinamenti come spiegato in precedenza

75 Ordinamento delle News e ricerca 72

CAPITOLO 8

Modulo Eventi

Avvertimento SEZIONE NON COMPLETA

Si confrontino i seguenti due tipi di contenuti

Evento egrave un tipo di contenuto adatto a descrivere qualcosa che accadragrave o che egrave accaduto in una certadata La data o le date in cui lrsquoevento ricorre sono strettamente legate ad un luogo in cui lrsquoeventosi verificheragravesi egrave verificato Gli eventi vengono rappresentati mediante la metafora dellrsquoagenda edel calendario

Notizia egrave un tipo di contenuto caratterizzato dalla data di pubblicazione secondo la metafora delgiornale online E come in un giornale online una notizia puograve riferirsi sia a fatti giagrave accaduti chea fatti a venire

Nota Per comprendere meglio la differenza tra i due tipi di contenuto si pensi che dato un eventoche ha una certa data di svolgimento (ad es 20 maggio) di tale evento posso realizzare piugrave di unanotizia Rimanendo nellrsquoesempio potrei pubblicare una notizia il 10 maggio per preannunciare lrsquoeventoe poi unrsquoaltra il 18 maggio per ricordarne lrsquoimminenza Infine potrei pubblicare una notizia di riepilogo(cronaca dellrsquoevento immagini ecc) il 22 maggio

81 Scopo del modulo Eventi

Il visitatore del sito deve poter cogliere le informazioni essenziali di un evento

bull Cosa sta per succedere

bull Dove accadragrave

bull Quando accadragrave

82 Il Backend ndash Modulo Pagina

Vedi figura Eventi vista modulo pagina (page 74)

83 Il Backend ndash Modulo Lista

Vedi figura Eventi vista modulo lista (page 74)

73

DocWeb Release 101

Figura 81 Eventi vista modulo pagina

Figura 82 Eventi vista modulo lista

83 Il Backend ndash Modulo Lista 74

DocWeb Release 101

84 Creazione di un evento

Prima di procedere poniamoci qualche domanda

bull Lrsquoevento appartiene a qualche rassegna iniziativa per la quale sono in programma altri eventiPer esempio

ndash Rassegne teatrali cinematografiche

ndash Festival

bull Lrsquoevento si ripete

ndash La replica avviene sempre nello stesso luogo

841 Creazione del record

Vedi figura Creazione nuovo evento (page 75)

Vedi figura Creazione nuovo record evento (page 76)

Figura 83 Creazione nuovo evento

842 Scheda ldquoGeneralerdquo

Vedi figura Evento scheda generale (page 76)

843 Scheda ldquoFinestra temporalerdquo

Orario repliche

Vedi figura Evento finestra temporale (page 78)

84 Creazione di un evento 75

DocWeb Release 101

Figura 84 Creazione nuovo record evento

Figura 85 Evento scheda generale

84 Creazione di un evento 76

DocWeb Release 101

bull Lrsquoorario va solo per le Finestre temporali di un giorno (data inizio = data fine)

bull Se non si conosce lrsquoora della fine impostare ora inizio = ora fine

844 Scheda ldquoTestordquo

Vedi figura Evento scheda testo (page 79)

84 Creazione di un evento 77

DocWeb Release 101

Figura 86 Evento finestra temporale

84 Creazione di un evento 78

DocWeb Release 101

Figura 87 Evento scheda testo84 Creazione di un evento 79

  • Introduzione
    • Cosegrave DocWeb
    • Concetti chiave
      • Funzionalitagrave di Base
        • Il CMS Typo3 ldquobackendrdquo e ldquofrontendrdquo
        • Cambio password di accesso
        • Albero delle pagine
        • Implementazione delle pagine ldquogenitori rdquo e ldquofiglirdquo
        • Inserimento Nuova pagina
        • Elementi standard della pagina
        • Inserimento contenuti di una pagina
        • Contenuti multipli allrsquointerno di una pagina
        • Modifica dei contenuti della pagina
        • Spostamento di pagine
        • Eliminazione pagine
        • Rich Text Editor
        • Modalitagrave Lista
        • Modalitagrave Mostra
        • Modalitagrave ldquoMonta come radice dellrsquoalberordquo
        • Ottenere il page-id di una pagina
        • Admin Panel
          • La Clipboard
            • Copia o spostamento di un contenuto singolo di pagina allrsquointerno di unrsquoaltra pagina
            • Copia o spostamento di piugrave contenuti da una pagina ad unrsquoaltra
              • Modulo DAM (Digital Asset Management)
                • Caricamento e Aggiornamento di file
                • Ricerca di file allrsquointerno del DAM e modifica delle meta-informazioni
                  • Modulo Pagine di download
                    • Inserimento e configurazione pagine di download
                      • Modulo Sitemap
                        • Scheda di configurazione Mappa
                        • Tipo di mappa
                        • Il ``punto di partenza della mappa
                          • Modulo News
                            • Inserimento e modifica di news
                            • Modalitagrave Relations
                            • News collegata a URL esterna e a pagina interna
                            • Eliminazione delle News
                            • Ordinamento delle News e ricerca
                              • Modulo Eventi
                                • Scopo del modulo Eventi
                                • Il Backend ndash Modulo Pagina
                                • Il Backend ndash Modulo Lista
                                • Creazione di un evento
Page 65: DocWeb€¦ · per la realizzazione e la gestione di siti web della Pubblica Am-ministrazione. La piattaforma tecnologica utilizzata è il CMS (Content Management System) Open SourceTypo31

DocWeb Release 101

2 selezionare il repository delle news corrispondente (nellrsquoesempio della figura Backend news (page 61)il Repository delle news si chiama ldquoNews Area Testrdquo)

Poniamo ora la nostra attenzione alla lista delle news (figura Lista news (page 62)) Da qui egrave possibile

bull Inserire una nuova notizia

bull Modificare le notizie giagrave esistenti

Per inserire una nuova notizia occorre selezionare la voce Crea nuovo record (figura Lista news (page 62))posta in fondo alla lista delle news

Figura 72 Lista news

A questo punto si apre la finestra di creazione Nuovo record da cui occorre selezionare la voce News(figura Nuovo record news (page 62))

Figura 73 Nuovo record news

Eseguendo le operazioni sopra descritte si accede alla maschera di inserimento news (figura Inserimentonews scheda generale (page 63))

Questa si compone di due schede una denominata Generale e unrsquoaltra denominata Relations

Nella scheda Generale egrave possibile inserire

Titolo in questo spazio egrave possibile specificare un titolo della news

Nascondi questo controllo determina se la news egrave pubblicabile oppure no Come avviene per le pagineanche per le news egrave consigliabile tenere la news nascosta durante la lavorazione Facciamo notare

71 Inserimento e modifica di news 62

DocWeb Release 101

Figura 74 Inserimento news scheda generale

71 Inserimento e modifica di news 63

DocWeb Release 101

che appena viene aperta la maschera di inserimento di una nuova news il controllo appare giagrave instato nascosto

Dataora in questo spazio viene indicata la data e lrsquoora della creazione della news in base ai parametridi sistema

Data Archiviazione in questo spazio viene inserita la data di Archiviazione di una news

Autore permette di specificare un autore della news

Email permette di specificare un e-mail a cui fare riferimento

Sottointestazione questo campo conterragrave una breve descrizione (abstract) della news La sottointes-tazione egrave quella parte della news che compare quando viene visualizzata la lista delle news e serveper dare una breve descrizione al contenuto della news (si veda Esempio news (page 64))

Figura 75 Esempio news

Durante lrsquoinserimento di una news egrave consigliabile specificare sempre una sottointestazione

Testo egrave il campo che contiene il contenuto vero e proprio della news Egrave possibile utilizzare tutte lefunzionalitagrave messe a disposizione dallrsquoeditor RTE

72 Modalitagrave Relations

Nella modalitagrave Relations (figura Inserimento news scheda relations (page 65)) egrave possibile inserire

Immagini contiene una lista di immagini da associare alla news Il procedimento per la se-lezionecaricamento delle immagini egrave stato descritto nella parte dedicata alla creazione di paginedi download a cui vi rimandiamo

Didascalia permette di specificare una descrizione per lrsquoimmagine associata alla news

Image alttext e Image titletext permette di specificare un testo che in visualizzazione (Frontend)compariragrave al passaggio del mouse sopra lrsquoimmagine

News correlate permette di specificare news o pagine del sito da associare alla news Il procedimentodi selezione delle news da associare alla notizia saragrave spiegato successivamente

DAM elements permette di assegnare alla news dei documenti da scaricare come per esempioil programma di un determinato evento Anche in questo caso il procedimento per la se-lezionecaricamento dei documenti egrave quello giagrave descritto nella parte dedicata alla creazione dipagine di download

Descriviamo il procedimento da seguire per associare alcune pagine o alcune news alla notizia che stiamoinserendo

Premere il tasto di Sfoglia Record evidenziato nella figura Sfoglia record news (page 65)

Verragrave aperta una finestra che contiene un Element Browser che ci permette di selezionare le newspagine(figura Element browser news (page 66)) da associare

La finestra di selezione si suddivide nelle seguenti parti (figura sopra)

Alberatura del sito da cui egrave possibile esplorare gli elementi del nostro sito (pagine sysfolder )Premendo con il tasto sinistro del mouse sul nome della pagina o sulla freccia corrispondente verragraveaggiornata la parte di destra della finestra in cui egrave inserita la lista degli elementi associabili

72 Modalitagrave Relations 64

DocWeb Release 101

Figura 76 Inserimento news scheda relations

Figura 77 Sfoglia record news

72 Modalitagrave Relations 65

DocWeb Release 101

Figura 78 Element browser news

Lista degli elementi associabili egrave quindi possibile selezionare gli elementi da associare alla newsPer associare un elemento si puograve selezionare il simbolo ldquo+rdquo posto accanto allrsquoelemento desideratoo agendo sul nome del file Nel primo caso lrsquoelemento viene aggiunto ma la finestra non si chiuderagrave(utile per effettuare selezioni multiple) mentre nel secondo caso lrsquoelemento viene aggiunto e lafinestra si chiuderagrave (selezione singola)

Nota Per associare una o piugrave news alla notizia che stiamo inserendo occorreragrave innanzitutto selezionareil repository delle news e utilizzando i metodi descritti in precedenza indicare le news di interesse

Nella figura Selezione repository (page 66) viene visualizzato come appare lrsquoElement Browser dopo averselezionato il repository delle news denominato ldquoNews Corso Typo3rdquo

Figura 79 Selezione repository

Una volta ultimato il procedimento di inserimento di una news vedremo che nel repository compariragrave(figura News nel repository (page 67)) anche quella da noi creata Nellrsquoesempio la news creata si chiamaldquoTitolo della news di provardquo

Dalla lista delle news possiamo notare che i diversi tipi di news sono contrassegnati con icone diverse

In particolare distinguiamo

72 Modalitagrave Relations 66

DocWeb Release 101

Figura 710 News nel repository

bull News (icona ldquocelestinardquo)

bull Collegamento a URL esterna (icona ldquorosardquo)

bull Collegamento a pagina interna (icona ldquogiallinardquo)

Per modificare il contenuto di una news egrave sufficiente selezionare il simbolo di modifica (figura Modificanews (page 67)) in corrispondenza della news da modificare

Figura 711 Modifica news

73 News collegata a URL esterna e a pagina interna

Attraverso la selezione della finestra ldquoTipordquo egrave possibile scegliere diverse tipologie di news

Nella figura News collegata a url esterna (page 68) egrave stato selezionato il Collegamento a URL esterna checi offriragrave la possibilitagrave di specificare un link (ldquoURL esternordquo) da far visualizzare e che saragrave contraddistintain lista da lrsquoicona di colore rosa

Selezionando il Collegamento a pagina interna viene offerta la possibilitagrave di inserire un collegamento auna pagina del sito (evidenziato nella figura News collegata a pagina interna (page 69))

La news si presenteragrave con icona di color ldquogiallordquo e al suo interno conterragrave un link alla pagina interna alsito

73 News collegata a URL esterna e a pagina interna 67

DocWeb Release 101

Figura 712 News collegata a url esterna

73 News collegata a URL esterna e a pagina interna 68

DocWeb Release 101

Figura 713 News collegata a pagina interna

73 News collegata a URL esterna e a pagina interna 69

DocWeb Release 101

74 Eliminazione delle News

Per eliminare una news possiamo procedere tra lrsquoaltro in due modi

1 Selezionare la news da eliminare dallrsquoelenco e selezionare la voce ldquocancellardquo dal menugrave a tendinaconsultabile cliccando con il pulsante destro sullrsquoicona in corrispondenza della news (figura Eliminanews da menu contestuale (page 70))

Figura 714 Elimina news da menu contestuale

2 Entrare allrsquointerno della modalitagrave di modifica della news attraverso lrsquoicona ldquomatitardquo e selezionare lrsquoi-cona raffigurante il bidone di elimina posta in alto pagina (figura Elimina news da scheda contenuto(page 70))

Figura 715 Elimina news da scheda contenuto

75 Ordinamento delle News e ricerca

Puograve essere necessario durante la visualizzazione della lista delle news (lato backend) di dover effettuaredegli ordinamenti al fine di permettere una ricerca piugrave veloce delle news da modificare

74 Eliminazione delle News 70

DocWeb Release 101

Avvertimento Lrsquoordinamento ha valore solo come ricerca allrsquointerno del backend mentre latofrontend rispecchieragrave i parametri prestabiliti dal sistema

Supponiamo per esempio di voler effettuare un ordinamento per Titolo Seguiamo i seguenti passi(figura sotto)

1 Selezionare la voce di menugrave Lista

2 Selezionare il deposito delle news (repository) News Corso Typo3

3 Cliccare con il mouse in corrispondenza della voce ldquoTitolordquo

A questo punto (figura Ordinamento news (page 71)) le news vengono ordinate in ordine crescente(vengono visualizzate prima le news con titolo che inizia con la lettera a b e cosigrave via)

Figura 716 Ordinamento news

Se clicchiamo unrsquoaltra volta sulla voce ldquoTitolordquo il tipo di ordinamento cambia da crescente a decrescente(compariranno per prima le news con titolo che inizia per z )

Egrave inoltre possibile ordinare secondo campo da noi specificato Per definire il nome di un campo (ad estesto inizio autore ) su cui effettuare lrsquoordinamento occorreragrave spostarsi in fondo alla lista delle newsdove troveremo una lista di campi (figura Mostra campo aggiuntivo news (page 71))

Figura 717 Mostra campo aggiuntivo news

Dalla lista possiamo

bull Selezionare la voce in base alla quale effettuare lrsquoordinamento (ad esempio Immagini)

bull Premere il tasto Imposta campi per aggiungere alla lista dei campi visualizzati quello selezionato

75 Ordinamento delle News e ricerca 71

DocWeb Release 101

A questo punto il campo selezionato (nel nostro esempio il campo Immagini) compare nella lista dellenews (il campo aggiunto egrave evidenziato con un riquadro in alto a destra nella figura Ordinamento campoaggiuntivo news (page 72))

Figura 718 Ordinamento campo aggiuntivo news

Effettuare le stesse operazioni illustrate per il campo Titolo per ordinare in modo crescente e decrescentele news secondo il criterio impostato (click pulsante sinistro sul nome etichetta)

Egrave anche possibile ricercare le news in base al testo contenuto nel titolo sottotitolo descrizione eccUtilizzando la maschera di ricerca in fondo pagina (evidenziata nella figura Ricerca news (page 72))

Figura 719 Ricerca news

Per effettuare una ricerca egrave necessario seguire i seguenti passi

1 Inserire nel campo Cerca Stringa il testo da cercare (nel nostro esempio ldquonequerdquo)

2 Premere il tasto Cerca per eseguire la ricerca secondo i criteri impostati

In questo modo nella lista delle news compariranno solo quelle che contengono il testo specificatoEffettuata la ricerca egrave possibile effettuare degli ordinamenti come spiegato in precedenza

75 Ordinamento delle News e ricerca 72

CAPITOLO 8

Modulo Eventi

Avvertimento SEZIONE NON COMPLETA

Si confrontino i seguenti due tipi di contenuti

Evento egrave un tipo di contenuto adatto a descrivere qualcosa che accadragrave o che egrave accaduto in una certadata La data o le date in cui lrsquoevento ricorre sono strettamente legate ad un luogo in cui lrsquoeventosi verificheragravesi egrave verificato Gli eventi vengono rappresentati mediante la metafora dellrsquoagenda edel calendario

Notizia egrave un tipo di contenuto caratterizzato dalla data di pubblicazione secondo la metafora delgiornale online E come in un giornale online una notizia puograve riferirsi sia a fatti giagrave accaduti chea fatti a venire

Nota Per comprendere meglio la differenza tra i due tipi di contenuto si pensi che dato un eventoche ha una certa data di svolgimento (ad es 20 maggio) di tale evento posso realizzare piugrave di unanotizia Rimanendo nellrsquoesempio potrei pubblicare una notizia il 10 maggio per preannunciare lrsquoeventoe poi unrsquoaltra il 18 maggio per ricordarne lrsquoimminenza Infine potrei pubblicare una notizia di riepilogo(cronaca dellrsquoevento immagini ecc) il 22 maggio

81 Scopo del modulo Eventi

Il visitatore del sito deve poter cogliere le informazioni essenziali di un evento

bull Cosa sta per succedere

bull Dove accadragrave

bull Quando accadragrave

82 Il Backend ndash Modulo Pagina

Vedi figura Eventi vista modulo pagina (page 74)

83 Il Backend ndash Modulo Lista

Vedi figura Eventi vista modulo lista (page 74)

73

DocWeb Release 101

Figura 81 Eventi vista modulo pagina

Figura 82 Eventi vista modulo lista

83 Il Backend ndash Modulo Lista 74

DocWeb Release 101

84 Creazione di un evento

Prima di procedere poniamoci qualche domanda

bull Lrsquoevento appartiene a qualche rassegna iniziativa per la quale sono in programma altri eventiPer esempio

ndash Rassegne teatrali cinematografiche

ndash Festival

bull Lrsquoevento si ripete

ndash La replica avviene sempre nello stesso luogo

841 Creazione del record

Vedi figura Creazione nuovo evento (page 75)

Vedi figura Creazione nuovo record evento (page 76)

Figura 83 Creazione nuovo evento

842 Scheda ldquoGeneralerdquo

Vedi figura Evento scheda generale (page 76)

843 Scheda ldquoFinestra temporalerdquo

Orario repliche

Vedi figura Evento finestra temporale (page 78)

84 Creazione di un evento 75

DocWeb Release 101

Figura 84 Creazione nuovo record evento

Figura 85 Evento scheda generale

84 Creazione di un evento 76

DocWeb Release 101

bull Lrsquoorario va solo per le Finestre temporali di un giorno (data inizio = data fine)

bull Se non si conosce lrsquoora della fine impostare ora inizio = ora fine

844 Scheda ldquoTestordquo

Vedi figura Evento scheda testo (page 79)

84 Creazione di un evento 77

DocWeb Release 101

Figura 86 Evento finestra temporale

84 Creazione di un evento 78

DocWeb Release 101

Figura 87 Evento scheda testo84 Creazione di un evento 79

  • Introduzione
    • Cosegrave DocWeb
    • Concetti chiave
      • Funzionalitagrave di Base
        • Il CMS Typo3 ldquobackendrdquo e ldquofrontendrdquo
        • Cambio password di accesso
        • Albero delle pagine
        • Implementazione delle pagine ldquogenitori rdquo e ldquofiglirdquo
        • Inserimento Nuova pagina
        • Elementi standard della pagina
        • Inserimento contenuti di una pagina
        • Contenuti multipli allrsquointerno di una pagina
        • Modifica dei contenuti della pagina
        • Spostamento di pagine
        • Eliminazione pagine
        • Rich Text Editor
        • Modalitagrave Lista
        • Modalitagrave Mostra
        • Modalitagrave ldquoMonta come radice dellrsquoalberordquo
        • Ottenere il page-id di una pagina
        • Admin Panel
          • La Clipboard
            • Copia o spostamento di un contenuto singolo di pagina allrsquointerno di unrsquoaltra pagina
            • Copia o spostamento di piugrave contenuti da una pagina ad unrsquoaltra
              • Modulo DAM (Digital Asset Management)
                • Caricamento e Aggiornamento di file
                • Ricerca di file allrsquointerno del DAM e modifica delle meta-informazioni
                  • Modulo Pagine di download
                    • Inserimento e configurazione pagine di download
                      • Modulo Sitemap
                        • Scheda di configurazione Mappa
                        • Tipo di mappa
                        • Il ``punto di partenza della mappa
                          • Modulo News
                            • Inserimento e modifica di news
                            • Modalitagrave Relations
                            • News collegata a URL esterna e a pagina interna
                            • Eliminazione delle News
                            • Ordinamento delle News e ricerca
                              • Modulo Eventi
                                • Scopo del modulo Eventi
                                • Il Backend ndash Modulo Pagina
                                • Il Backend ndash Modulo Lista
                                • Creazione di un evento
Page 66: DocWeb€¦ · per la realizzazione e la gestione di siti web della Pubblica Am-ministrazione. La piattaforma tecnologica utilizzata è il CMS (Content Management System) Open SourceTypo31

DocWeb Release 101

Figura 74 Inserimento news scheda generale

71 Inserimento e modifica di news 63

DocWeb Release 101

che appena viene aperta la maschera di inserimento di una nuova news il controllo appare giagrave instato nascosto

Dataora in questo spazio viene indicata la data e lrsquoora della creazione della news in base ai parametridi sistema

Data Archiviazione in questo spazio viene inserita la data di Archiviazione di una news

Autore permette di specificare un autore della news

Email permette di specificare un e-mail a cui fare riferimento

Sottointestazione questo campo conterragrave una breve descrizione (abstract) della news La sottointes-tazione egrave quella parte della news che compare quando viene visualizzata la lista delle news e serveper dare una breve descrizione al contenuto della news (si veda Esempio news (page 64))

Figura 75 Esempio news

Durante lrsquoinserimento di una news egrave consigliabile specificare sempre una sottointestazione

Testo egrave il campo che contiene il contenuto vero e proprio della news Egrave possibile utilizzare tutte lefunzionalitagrave messe a disposizione dallrsquoeditor RTE

72 Modalitagrave Relations

Nella modalitagrave Relations (figura Inserimento news scheda relations (page 65)) egrave possibile inserire

Immagini contiene una lista di immagini da associare alla news Il procedimento per la se-lezionecaricamento delle immagini egrave stato descritto nella parte dedicata alla creazione di paginedi download a cui vi rimandiamo

Didascalia permette di specificare una descrizione per lrsquoimmagine associata alla news

Image alttext e Image titletext permette di specificare un testo che in visualizzazione (Frontend)compariragrave al passaggio del mouse sopra lrsquoimmagine

News correlate permette di specificare news o pagine del sito da associare alla news Il procedimentodi selezione delle news da associare alla notizia saragrave spiegato successivamente

DAM elements permette di assegnare alla news dei documenti da scaricare come per esempioil programma di un determinato evento Anche in questo caso il procedimento per la se-lezionecaricamento dei documenti egrave quello giagrave descritto nella parte dedicata alla creazione dipagine di download

Descriviamo il procedimento da seguire per associare alcune pagine o alcune news alla notizia che stiamoinserendo

Premere il tasto di Sfoglia Record evidenziato nella figura Sfoglia record news (page 65)

Verragrave aperta una finestra che contiene un Element Browser che ci permette di selezionare le newspagine(figura Element browser news (page 66)) da associare

La finestra di selezione si suddivide nelle seguenti parti (figura sopra)

Alberatura del sito da cui egrave possibile esplorare gli elementi del nostro sito (pagine sysfolder )Premendo con il tasto sinistro del mouse sul nome della pagina o sulla freccia corrispondente verragraveaggiornata la parte di destra della finestra in cui egrave inserita la lista degli elementi associabili

72 Modalitagrave Relations 64

DocWeb Release 101

Figura 76 Inserimento news scheda relations

Figura 77 Sfoglia record news

72 Modalitagrave Relations 65

DocWeb Release 101

Figura 78 Element browser news

Lista degli elementi associabili egrave quindi possibile selezionare gli elementi da associare alla newsPer associare un elemento si puograve selezionare il simbolo ldquo+rdquo posto accanto allrsquoelemento desideratoo agendo sul nome del file Nel primo caso lrsquoelemento viene aggiunto ma la finestra non si chiuderagrave(utile per effettuare selezioni multiple) mentre nel secondo caso lrsquoelemento viene aggiunto e lafinestra si chiuderagrave (selezione singola)

Nota Per associare una o piugrave news alla notizia che stiamo inserendo occorreragrave innanzitutto selezionareil repository delle news e utilizzando i metodi descritti in precedenza indicare le news di interesse

Nella figura Selezione repository (page 66) viene visualizzato come appare lrsquoElement Browser dopo averselezionato il repository delle news denominato ldquoNews Corso Typo3rdquo

Figura 79 Selezione repository

Una volta ultimato il procedimento di inserimento di una news vedremo che nel repository compariragrave(figura News nel repository (page 67)) anche quella da noi creata Nellrsquoesempio la news creata si chiamaldquoTitolo della news di provardquo

Dalla lista delle news possiamo notare che i diversi tipi di news sono contrassegnati con icone diverse

In particolare distinguiamo

72 Modalitagrave Relations 66

DocWeb Release 101

Figura 710 News nel repository

bull News (icona ldquocelestinardquo)

bull Collegamento a URL esterna (icona ldquorosardquo)

bull Collegamento a pagina interna (icona ldquogiallinardquo)

Per modificare il contenuto di una news egrave sufficiente selezionare il simbolo di modifica (figura Modificanews (page 67)) in corrispondenza della news da modificare

Figura 711 Modifica news

73 News collegata a URL esterna e a pagina interna

Attraverso la selezione della finestra ldquoTipordquo egrave possibile scegliere diverse tipologie di news

Nella figura News collegata a url esterna (page 68) egrave stato selezionato il Collegamento a URL esterna checi offriragrave la possibilitagrave di specificare un link (ldquoURL esternordquo) da far visualizzare e che saragrave contraddistintain lista da lrsquoicona di colore rosa

Selezionando il Collegamento a pagina interna viene offerta la possibilitagrave di inserire un collegamento auna pagina del sito (evidenziato nella figura News collegata a pagina interna (page 69))

La news si presenteragrave con icona di color ldquogiallordquo e al suo interno conterragrave un link alla pagina interna alsito

73 News collegata a URL esterna e a pagina interna 67

DocWeb Release 101

Figura 712 News collegata a url esterna

73 News collegata a URL esterna e a pagina interna 68

DocWeb Release 101

Figura 713 News collegata a pagina interna

73 News collegata a URL esterna e a pagina interna 69

DocWeb Release 101

74 Eliminazione delle News

Per eliminare una news possiamo procedere tra lrsquoaltro in due modi

1 Selezionare la news da eliminare dallrsquoelenco e selezionare la voce ldquocancellardquo dal menugrave a tendinaconsultabile cliccando con il pulsante destro sullrsquoicona in corrispondenza della news (figura Eliminanews da menu contestuale (page 70))

Figura 714 Elimina news da menu contestuale

2 Entrare allrsquointerno della modalitagrave di modifica della news attraverso lrsquoicona ldquomatitardquo e selezionare lrsquoi-cona raffigurante il bidone di elimina posta in alto pagina (figura Elimina news da scheda contenuto(page 70))

Figura 715 Elimina news da scheda contenuto

75 Ordinamento delle News e ricerca

Puograve essere necessario durante la visualizzazione della lista delle news (lato backend) di dover effettuaredegli ordinamenti al fine di permettere una ricerca piugrave veloce delle news da modificare

74 Eliminazione delle News 70

DocWeb Release 101

Avvertimento Lrsquoordinamento ha valore solo come ricerca allrsquointerno del backend mentre latofrontend rispecchieragrave i parametri prestabiliti dal sistema

Supponiamo per esempio di voler effettuare un ordinamento per Titolo Seguiamo i seguenti passi(figura sotto)

1 Selezionare la voce di menugrave Lista

2 Selezionare il deposito delle news (repository) News Corso Typo3

3 Cliccare con il mouse in corrispondenza della voce ldquoTitolordquo

A questo punto (figura Ordinamento news (page 71)) le news vengono ordinate in ordine crescente(vengono visualizzate prima le news con titolo che inizia con la lettera a b e cosigrave via)

Figura 716 Ordinamento news

Se clicchiamo unrsquoaltra volta sulla voce ldquoTitolordquo il tipo di ordinamento cambia da crescente a decrescente(compariranno per prima le news con titolo che inizia per z )

Egrave inoltre possibile ordinare secondo campo da noi specificato Per definire il nome di un campo (ad estesto inizio autore ) su cui effettuare lrsquoordinamento occorreragrave spostarsi in fondo alla lista delle newsdove troveremo una lista di campi (figura Mostra campo aggiuntivo news (page 71))

Figura 717 Mostra campo aggiuntivo news

Dalla lista possiamo

bull Selezionare la voce in base alla quale effettuare lrsquoordinamento (ad esempio Immagini)

bull Premere il tasto Imposta campi per aggiungere alla lista dei campi visualizzati quello selezionato

75 Ordinamento delle News e ricerca 71

DocWeb Release 101

A questo punto il campo selezionato (nel nostro esempio il campo Immagini) compare nella lista dellenews (il campo aggiunto egrave evidenziato con un riquadro in alto a destra nella figura Ordinamento campoaggiuntivo news (page 72))

Figura 718 Ordinamento campo aggiuntivo news

Effettuare le stesse operazioni illustrate per il campo Titolo per ordinare in modo crescente e decrescentele news secondo il criterio impostato (click pulsante sinistro sul nome etichetta)

Egrave anche possibile ricercare le news in base al testo contenuto nel titolo sottotitolo descrizione eccUtilizzando la maschera di ricerca in fondo pagina (evidenziata nella figura Ricerca news (page 72))

Figura 719 Ricerca news

Per effettuare una ricerca egrave necessario seguire i seguenti passi

1 Inserire nel campo Cerca Stringa il testo da cercare (nel nostro esempio ldquonequerdquo)

2 Premere il tasto Cerca per eseguire la ricerca secondo i criteri impostati

In questo modo nella lista delle news compariranno solo quelle che contengono il testo specificatoEffettuata la ricerca egrave possibile effettuare degli ordinamenti come spiegato in precedenza

75 Ordinamento delle News e ricerca 72

CAPITOLO 8

Modulo Eventi

Avvertimento SEZIONE NON COMPLETA

Si confrontino i seguenti due tipi di contenuti

Evento egrave un tipo di contenuto adatto a descrivere qualcosa che accadragrave o che egrave accaduto in una certadata La data o le date in cui lrsquoevento ricorre sono strettamente legate ad un luogo in cui lrsquoeventosi verificheragravesi egrave verificato Gli eventi vengono rappresentati mediante la metafora dellrsquoagenda edel calendario

Notizia egrave un tipo di contenuto caratterizzato dalla data di pubblicazione secondo la metafora delgiornale online E come in un giornale online una notizia puograve riferirsi sia a fatti giagrave accaduti chea fatti a venire

Nota Per comprendere meglio la differenza tra i due tipi di contenuto si pensi che dato un eventoche ha una certa data di svolgimento (ad es 20 maggio) di tale evento posso realizzare piugrave di unanotizia Rimanendo nellrsquoesempio potrei pubblicare una notizia il 10 maggio per preannunciare lrsquoeventoe poi unrsquoaltra il 18 maggio per ricordarne lrsquoimminenza Infine potrei pubblicare una notizia di riepilogo(cronaca dellrsquoevento immagini ecc) il 22 maggio

81 Scopo del modulo Eventi

Il visitatore del sito deve poter cogliere le informazioni essenziali di un evento

bull Cosa sta per succedere

bull Dove accadragrave

bull Quando accadragrave

82 Il Backend ndash Modulo Pagina

Vedi figura Eventi vista modulo pagina (page 74)

83 Il Backend ndash Modulo Lista

Vedi figura Eventi vista modulo lista (page 74)

73

DocWeb Release 101

Figura 81 Eventi vista modulo pagina

Figura 82 Eventi vista modulo lista

83 Il Backend ndash Modulo Lista 74

DocWeb Release 101

84 Creazione di un evento

Prima di procedere poniamoci qualche domanda

bull Lrsquoevento appartiene a qualche rassegna iniziativa per la quale sono in programma altri eventiPer esempio

ndash Rassegne teatrali cinematografiche

ndash Festival

bull Lrsquoevento si ripete

ndash La replica avviene sempre nello stesso luogo

841 Creazione del record

Vedi figura Creazione nuovo evento (page 75)

Vedi figura Creazione nuovo record evento (page 76)

Figura 83 Creazione nuovo evento

842 Scheda ldquoGeneralerdquo

Vedi figura Evento scheda generale (page 76)

843 Scheda ldquoFinestra temporalerdquo

Orario repliche

Vedi figura Evento finestra temporale (page 78)

84 Creazione di un evento 75

DocWeb Release 101

Figura 84 Creazione nuovo record evento

Figura 85 Evento scheda generale

84 Creazione di un evento 76

DocWeb Release 101

bull Lrsquoorario va solo per le Finestre temporali di un giorno (data inizio = data fine)

bull Se non si conosce lrsquoora della fine impostare ora inizio = ora fine

844 Scheda ldquoTestordquo

Vedi figura Evento scheda testo (page 79)

84 Creazione di un evento 77

DocWeb Release 101

Figura 86 Evento finestra temporale

84 Creazione di un evento 78

DocWeb Release 101

Figura 87 Evento scheda testo84 Creazione di un evento 79

  • Introduzione
    • Cosegrave DocWeb
    • Concetti chiave
      • Funzionalitagrave di Base
        • Il CMS Typo3 ldquobackendrdquo e ldquofrontendrdquo
        • Cambio password di accesso
        • Albero delle pagine
        • Implementazione delle pagine ldquogenitori rdquo e ldquofiglirdquo
        • Inserimento Nuova pagina
        • Elementi standard della pagina
        • Inserimento contenuti di una pagina
        • Contenuti multipli allrsquointerno di una pagina
        • Modifica dei contenuti della pagina
        • Spostamento di pagine
        • Eliminazione pagine
        • Rich Text Editor
        • Modalitagrave Lista
        • Modalitagrave Mostra
        • Modalitagrave ldquoMonta come radice dellrsquoalberordquo
        • Ottenere il page-id di una pagina
        • Admin Panel
          • La Clipboard
            • Copia o spostamento di un contenuto singolo di pagina allrsquointerno di unrsquoaltra pagina
            • Copia o spostamento di piugrave contenuti da una pagina ad unrsquoaltra
              • Modulo DAM (Digital Asset Management)
                • Caricamento e Aggiornamento di file
                • Ricerca di file allrsquointerno del DAM e modifica delle meta-informazioni
                  • Modulo Pagine di download
                    • Inserimento e configurazione pagine di download
                      • Modulo Sitemap
                        • Scheda di configurazione Mappa
                        • Tipo di mappa
                        • Il ``punto di partenza della mappa
                          • Modulo News
                            • Inserimento e modifica di news
                            • Modalitagrave Relations
                            • News collegata a URL esterna e a pagina interna
                            • Eliminazione delle News
                            • Ordinamento delle News e ricerca
                              • Modulo Eventi
                                • Scopo del modulo Eventi
                                • Il Backend ndash Modulo Pagina
                                • Il Backend ndash Modulo Lista
                                • Creazione di un evento
Page 67: DocWeb€¦ · per la realizzazione e la gestione di siti web della Pubblica Am-ministrazione. La piattaforma tecnologica utilizzata è il CMS (Content Management System) Open SourceTypo31

DocWeb Release 101

che appena viene aperta la maschera di inserimento di una nuova news il controllo appare giagrave instato nascosto

Dataora in questo spazio viene indicata la data e lrsquoora della creazione della news in base ai parametridi sistema

Data Archiviazione in questo spazio viene inserita la data di Archiviazione di una news

Autore permette di specificare un autore della news

Email permette di specificare un e-mail a cui fare riferimento

Sottointestazione questo campo conterragrave una breve descrizione (abstract) della news La sottointes-tazione egrave quella parte della news che compare quando viene visualizzata la lista delle news e serveper dare una breve descrizione al contenuto della news (si veda Esempio news (page 64))

Figura 75 Esempio news

Durante lrsquoinserimento di una news egrave consigliabile specificare sempre una sottointestazione

Testo egrave il campo che contiene il contenuto vero e proprio della news Egrave possibile utilizzare tutte lefunzionalitagrave messe a disposizione dallrsquoeditor RTE

72 Modalitagrave Relations

Nella modalitagrave Relations (figura Inserimento news scheda relations (page 65)) egrave possibile inserire

Immagini contiene una lista di immagini da associare alla news Il procedimento per la se-lezionecaricamento delle immagini egrave stato descritto nella parte dedicata alla creazione di paginedi download a cui vi rimandiamo

Didascalia permette di specificare una descrizione per lrsquoimmagine associata alla news

Image alttext e Image titletext permette di specificare un testo che in visualizzazione (Frontend)compariragrave al passaggio del mouse sopra lrsquoimmagine

News correlate permette di specificare news o pagine del sito da associare alla news Il procedimentodi selezione delle news da associare alla notizia saragrave spiegato successivamente

DAM elements permette di assegnare alla news dei documenti da scaricare come per esempioil programma di un determinato evento Anche in questo caso il procedimento per la se-lezionecaricamento dei documenti egrave quello giagrave descritto nella parte dedicata alla creazione dipagine di download

Descriviamo il procedimento da seguire per associare alcune pagine o alcune news alla notizia che stiamoinserendo

Premere il tasto di Sfoglia Record evidenziato nella figura Sfoglia record news (page 65)

Verragrave aperta una finestra che contiene un Element Browser che ci permette di selezionare le newspagine(figura Element browser news (page 66)) da associare

La finestra di selezione si suddivide nelle seguenti parti (figura sopra)

Alberatura del sito da cui egrave possibile esplorare gli elementi del nostro sito (pagine sysfolder )Premendo con il tasto sinistro del mouse sul nome della pagina o sulla freccia corrispondente verragraveaggiornata la parte di destra della finestra in cui egrave inserita la lista degli elementi associabili

72 Modalitagrave Relations 64

DocWeb Release 101

Figura 76 Inserimento news scheda relations

Figura 77 Sfoglia record news

72 Modalitagrave Relations 65

DocWeb Release 101

Figura 78 Element browser news

Lista degli elementi associabili egrave quindi possibile selezionare gli elementi da associare alla newsPer associare un elemento si puograve selezionare il simbolo ldquo+rdquo posto accanto allrsquoelemento desideratoo agendo sul nome del file Nel primo caso lrsquoelemento viene aggiunto ma la finestra non si chiuderagrave(utile per effettuare selezioni multiple) mentre nel secondo caso lrsquoelemento viene aggiunto e lafinestra si chiuderagrave (selezione singola)

Nota Per associare una o piugrave news alla notizia che stiamo inserendo occorreragrave innanzitutto selezionareil repository delle news e utilizzando i metodi descritti in precedenza indicare le news di interesse

Nella figura Selezione repository (page 66) viene visualizzato come appare lrsquoElement Browser dopo averselezionato il repository delle news denominato ldquoNews Corso Typo3rdquo

Figura 79 Selezione repository

Una volta ultimato il procedimento di inserimento di una news vedremo che nel repository compariragrave(figura News nel repository (page 67)) anche quella da noi creata Nellrsquoesempio la news creata si chiamaldquoTitolo della news di provardquo

Dalla lista delle news possiamo notare che i diversi tipi di news sono contrassegnati con icone diverse

In particolare distinguiamo

72 Modalitagrave Relations 66

DocWeb Release 101

Figura 710 News nel repository

bull News (icona ldquocelestinardquo)

bull Collegamento a URL esterna (icona ldquorosardquo)

bull Collegamento a pagina interna (icona ldquogiallinardquo)

Per modificare il contenuto di una news egrave sufficiente selezionare il simbolo di modifica (figura Modificanews (page 67)) in corrispondenza della news da modificare

Figura 711 Modifica news

73 News collegata a URL esterna e a pagina interna

Attraverso la selezione della finestra ldquoTipordquo egrave possibile scegliere diverse tipologie di news

Nella figura News collegata a url esterna (page 68) egrave stato selezionato il Collegamento a URL esterna checi offriragrave la possibilitagrave di specificare un link (ldquoURL esternordquo) da far visualizzare e che saragrave contraddistintain lista da lrsquoicona di colore rosa

Selezionando il Collegamento a pagina interna viene offerta la possibilitagrave di inserire un collegamento auna pagina del sito (evidenziato nella figura News collegata a pagina interna (page 69))

La news si presenteragrave con icona di color ldquogiallordquo e al suo interno conterragrave un link alla pagina interna alsito

73 News collegata a URL esterna e a pagina interna 67

DocWeb Release 101

Figura 712 News collegata a url esterna

73 News collegata a URL esterna e a pagina interna 68

DocWeb Release 101

Figura 713 News collegata a pagina interna

73 News collegata a URL esterna e a pagina interna 69

DocWeb Release 101

74 Eliminazione delle News

Per eliminare una news possiamo procedere tra lrsquoaltro in due modi

1 Selezionare la news da eliminare dallrsquoelenco e selezionare la voce ldquocancellardquo dal menugrave a tendinaconsultabile cliccando con il pulsante destro sullrsquoicona in corrispondenza della news (figura Eliminanews da menu contestuale (page 70))

Figura 714 Elimina news da menu contestuale

2 Entrare allrsquointerno della modalitagrave di modifica della news attraverso lrsquoicona ldquomatitardquo e selezionare lrsquoi-cona raffigurante il bidone di elimina posta in alto pagina (figura Elimina news da scheda contenuto(page 70))

Figura 715 Elimina news da scheda contenuto

75 Ordinamento delle News e ricerca

Puograve essere necessario durante la visualizzazione della lista delle news (lato backend) di dover effettuaredegli ordinamenti al fine di permettere una ricerca piugrave veloce delle news da modificare

74 Eliminazione delle News 70

DocWeb Release 101

Avvertimento Lrsquoordinamento ha valore solo come ricerca allrsquointerno del backend mentre latofrontend rispecchieragrave i parametri prestabiliti dal sistema

Supponiamo per esempio di voler effettuare un ordinamento per Titolo Seguiamo i seguenti passi(figura sotto)

1 Selezionare la voce di menugrave Lista

2 Selezionare il deposito delle news (repository) News Corso Typo3

3 Cliccare con il mouse in corrispondenza della voce ldquoTitolordquo

A questo punto (figura Ordinamento news (page 71)) le news vengono ordinate in ordine crescente(vengono visualizzate prima le news con titolo che inizia con la lettera a b e cosigrave via)

Figura 716 Ordinamento news

Se clicchiamo unrsquoaltra volta sulla voce ldquoTitolordquo il tipo di ordinamento cambia da crescente a decrescente(compariranno per prima le news con titolo che inizia per z )

Egrave inoltre possibile ordinare secondo campo da noi specificato Per definire il nome di un campo (ad estesto inizio autore ) su cui effettuare lrsquoordinamento occorreragrave spostarsi in fondo alla lista delle newsdove troveremo una lista di campi (figura Mostra campo aggiuntivo news (page 71))

Figura 717 Mostra campo aggiuntivo news

Dalla lista possiamo

bull Selezionare la voce in base alla quale effettuare lrsquoordinamento (ad esempio Immagini)

bull Premere il tasto Imposta campi per aggiungere alla lista dei campi visualizzati quello selezionato

75 Ordinamento delle News e ricerca 71

DocWeb Release 101

A questo punto il campo selezionato (nel nostro esempio il campo Immagini) compare nella lista dellenews (il campo aggiunto egrave evidenziato con un riquadro in alto a destra nella figura Ordinamento campoaggiuntivo news (page 72))

Figura 718 Ordinamento campo aggiuntivo news

Effettuare le stesse operazioni illustrate per il campo Titolo per ordinare in modo crescente e decrescentele news secondo il criterio impostato (click pulsante sinistro sul nome etichetta)

Egrave anche possibile ricercare le news in base al testo contenuto nel titolo sottotitolo descrizione eccUtilizzando la maschera di ricerca in fondo pagina (evidenziata nella figura Ricerca news (page 72))

Figura 719 Ricerca news

Per effettuare una ricerca egrave necessario seguire i seguenti passi

1 Inserire nel campo Cerca Stringa il testo da cercare (nel nostro esempio ldquonequerdquo)

2 Premere il tasto Cerca per eseguire la ricerca secondo i criteri impostati

In questo modo nella lista delle news compariranno solo quelle che contengono il testo specificatoEffettuata la ricerca egrave possibile effettuare degli ordinamenti come spiegato in precedenza

75 Ordinamento delle News e ricerca 72

CAPITOLO 8

Modulo Eventi

Avvertimento SEZIONE NON COMPLETA

Si confrontino i seguenti due tipi di contenuti

Evento egrave un tipo di contenuto adatto a descrivere qualcosa che accadragrave o che egrave accaduto in una certadata La data o le date in cui lrsquoevento ricorre sono strettamente legate ad un luogo in cui lrsquoeventosi verificheragravesi egrave verificato Gli eventi vengono rappresentati mediante la metafora dellrsquoagenda edel calendario

Notizia egrave un tipo di contenuto caratterizzato dalla data di pubblicazione secondo la metafora delgiornale online E come in un giornale online una notizia puograve riferirsi sia a fatti giagrave accaduti chea fatti a venire

Nota Per comprendere meglio la differenza tra i due tipi di contenuto si pensi che dato un eventoche ha una certa data di svolgimento (ad es 20 maggio) di tale evento posso realizzare piugrave di unanotizia Rimanendo nellrsquoesempio potrei pubblicare una notizia il 10 maggio per preannunciare lrsquoeventoe poi unrsquoaltra il 18 maggio per ricordarne lrsquoimminenza Infine potrei pubblicare una notizia di riepilogo(cronaca dellrsquoevento immagini ecc) il 22 maggio

81 Scopo del modulo Eventi

Il visitatore del sito deve poter cogliere le informazioni essenziali di un evento

bull Cosa sta per succedere

bull Dove accadragrave

bull Quando accadragrave

82 Il Backend ndash Modulo Pagina

Vedi figura Eventi vista modulo pagina (page 74)

83 Il Backend ndash Modulo Lista

Vedi figura Eventi vista modulo lista (page 74)

73

DocWeb Release 101

Figura 81 Eventi vista modulo pagina

Figura 82 Eventi vista modulo lista

83 Il Backend ndash Modulo Lista 74

DocWeb Release 101

84 Creazione di un evento

Prima di procedere poniamoci qualche domanda

bull Lrsquoevento appartiene a qualche rassegna iniziativa per la quale sono in programma altri eventiPer esempio

ndash Rassegne teatrali cinematografiche

ndash Festival

bull Lrsquoevento si ripete

ndash La replica avviene sempre nello stesso luogo

841 Creazione del record

Vedi figura Creazione nuovo evento (page 75)

Vedi figura Creazione nuovo record evento (page 76)

Figura 83 Creazione nuovo evento

842 Scheda ldquoGeneralerdquo

Vedi figura Evento scheda generale (page 76)

843 Scheda ldquoFinestra temporalerdquo

Orario repliche

Vedi figura Evento finestra temporale (page 78)

84 Creazione di un evento 75

DocWeb Release 101

Figura 84 Creazione nuovo record evento

Figura 85 Evento scheda generale

84 Creazione di un evento 76

DocWeb Release 101

bull Lrsquoorario va solo per le Finestre temporali di un giorno (data inizio = data fine)

bull Se non si conosce lrsquoora della fine impostare ora inizio = ora fine

844 Scheda ldquoTestordquo

Vedi figura Evento scheda testo (page 79)

84 Creazione di un evento 77

DocWeb Release 101

Figura 86 Evento finestra temporale

84 Creazione di un evento 78

DocWeb Release 101

Figura 87 Evento scheda testo84 Creazione di un evento 79

  • Introduzione
    • Cosegrave DocWeb
    • Concetti chiave
      • Funzionalitagrave di Base
        • Il CMS Typo3 ldquobackendrdquo e ldquofrontendrdquo
        • Cambio password di accesso
        • Albero delle pagine
        • Implementazione delle pagine ldquogenitori rdquo e ldquofiglirdquo
        • Inserimento Nuova pagina
        • Elementi standard della pagina
        • Inserimento contenuti di una pagina
        • Contenuti multipli allrsquointerno di una pagina
        • Modifica dei contenuti della pagina
        • Spostamento di pagine
        • Eliminazione pagine
        • Rich Text Editor
        • Modalitagrave Lista
        • Modalitagrave Mostra
        • Modalitagrave ldquoMonta come radice dellrsquoalberordquo
        • Ottenere il page-id di una pagina
        • Admin Panel
          • La Clipboard
            • Copia o spostamento di un contenuto singolo di pagina allrsquointerno di unrsquoaltra pagina
            • Copia o spostamento di piugrave contenuti da una pagina ad unrsquoaltra
              • Modulo DAM (Digital Asset Management)
                • Caricamento e Aggiornamento di file
                • Ricerca di file allrsquointerno del DAM e modifica delle meta-informazioni
                  • Modulo Pagine di download
                    • Inserimento e configurazione pagine di download
                      • Modulo Sitemap
                        • Scheda di configurazione Mappa
                        • Tipo di mappa
                        • Il ``punto di partenza della mappa
                          • Modulo News
                            • Inserimento e modifica di news
                            • Modalitagrave Relations
                            • News collegata a URL esterna e a pagina interna
                            • Eliminazione delle News
                            • Ordinamento delle News e ricerca
                              • Modulo Eventi
                                • Scopo del modulo Eventi
                                • Il Backend ndash Modulo Pagina
                                • Il Backend ndash Modulo Lista
                                • Creazione di un evento
Page 68: DocWeb€¦ · per la realizzazione e la gestione di siti web della Pubblica Am-ministrazione. La piattaforma tecnologica utilizzata è il CMS (Content Management System) Open SourceTypo31

DocWeb Release 101

Figura 76 Inserimento news scheda relations

Figura 77 Sfoglia record news

72 Modalitagrave Relations 65

DocWeb Release 101

Figura 78 Element browser news

Lista degli elementi associabili egrave quindi possibile selezionare gli elementi da associare alla newsPer associare un elemento si puograve selezionare il simbolo ldquo+rdquo posto accanto allrsquoelemento desideratoo agendo sul nome del file Nel primo caso lrsquoelemento viene aggiunto ma la finestra non si chiuderagrave(utile per effettuare selezioni multiple) mentre nel secondo caso lrsquoelemento viene aggiunto e lafinestra si chiuderagrave (selezione singola)

Nota Per associare una o piugrave news alla notizia che stiamo inserendo occorreragrave innanzitutto selezionareil repository delle news e utilizzando i metodi descritti in precedenza indicare le news di interesse

Nella figura Selezione repository (page 66) viene visualizzato come appare lrsquoElement Browser dopo averselezionato il repository delle news denominato ldquoNews Corso Typo3rdquo

Figura 79 Selezione repository

Una volta ultimato il procedimento di inserimento di una news vedremo che nel repository compariragrave(figura News nel repository (page 67)) anche quella da noi creata Nellrsquoesempio la news creata si chiamaldquoTitolo della news di provardquo

Dalla lista delle news possiamo notare che i diversi tipi di news sono contrassegnati con icone diverse

In particolare distinguiamo

72 Modalitagrave Relations 66

DocWeb Release 101

Figura 710 News nel repository

bull News (icona ldquocelestinardquo)

bull Collegamento a URL esterna (icona ldquorosardquo)

bull Collegamento a pagina interna (icona ldquogiallinardquo)

Per modificare il contenuto di una news egrave sufficiente selezionare il simbolo di modifica (figura Modificanews (page 67)) in corrispondenza della news da modificare

Figura 711 Modifica news

73 News collegata a URL esterna e a pagina interna

Attraverso la selezione della finestra ldquoTipordquo egrave possibile scegliere diverse tipologie di news

Nella figura News collegata a url esterna (page 68) egrave stato selezionato il Collegamento a URL esterna checi offriragrave la possibilitagrave di specificare un link (ldquoURL esternordquo) da far visualizzare e che saragrave contraddistintain lista da lrsquoicona di colore rosa

Selezionando il Collegamento a pagina interna viene offerta la possibilitagrave di inserire un collegamento auna pagina del sito (evidenziato nella figura News collegata a pagina interna (page 69))

La news si presenteragrave con icona di color ldquogiallordquo e al suo interno conterragrave un link alla pagina interna alsito

73 News collegata a URL esterna e a pagina interna 67

DocWeb Release 101

Figura 712 News collegata a url esterna

73 News collegata a URL esterna e a pagina interna 68

DocWeb Release 101

Figura 713 News collegata a pagina interna

73 News collegata a URL esterna e a pagina interna 69

DocWeb Release 101

74 Eliminazione delle News

Per eliminare una news possiamo procedere tra lrsquoaltro in due modi

1 Selezionare la news da eliminare dallrsquoelenco e selezionare la voce ldquocancellardquo dal menugrave a tendinaconsultabile cliccando con il pulsante destro sullrsquoicona in corrispondenza della news (figura Eliminanews da menu contestuale (page 70))

Figura 714 Elimina news da menu contestuale

2 Entrare allrsquointerno della modalitagrave di modifica della news attraverso lrsquoicona ldquomatitardquo e selezionare lrsquoi-cona raffigurante il bidone di elimina posta in alto pagina (figura Elimina news da scheda contenuto(page 70))

Figura 715 Elimina news da scheda contenuto

75 Ordinamento delle News e ricerca

Puograve essere necessario durante la visualizzazione della lista delle news (lato backend) di dover effettuaredegli ordinamenti al fine di permettere una ricerca piugrave veloce delle news da modificare

74 Eliminazione delle News 70

DocWeb Release 101

Avvertimento Lrsquoordinamento ha valore solo come ricerca allrsquointerno del backend mentre latofrontend rispecchieragrave i parametri prestabiliti dal sistema

Supponiamo per esempio di voler effettuare un ordinamento per Titolo Seguiamo i seguenti passi(figura sotto)

1 Selezionare la voce di menugrave Lista

2 Selezionare il deposito delle news (repository) News Corso Typo3

3 Cliccare con il mouse in corrispondenza della voce ldquoTitolordquo

A questo punto (figura Ordinamento news (page 71)) le news vengono ordinate in ordine crescente(vengono visualizzate prima le news con titolo che inizia con la lettera a b e cosigrave via)

Figura 716 Ordinamento news

Se clicchiamo unrsquoaltra volta sulla voce ldquoTitolordquo il tipo di ordinamento cambia da crescente a decrescente(compariranno per prima le news con titolo che inizia per z )

Egrave inoltre possibile ordinare secondo campo da noi specificato Per definire il nome di un campo (ad estesto inizio autore ) su cui effettuare lrsquoordinamento occorreragrave spostarsi in fondo alla lista delle newsdove troveremo una lista di campi (figura Mostra campo aggiuntivo news (page 71))

Figura 717 Mostra campo aggiuntivo news

Dalla lista possiamo

bull Selezionare la voce in base alla quale effettuare lrsquoordinamento (ad esempio Immagini)

bull Premere il tasto Imposta campi per aggiungere alla lista dei campi visualizzati quello selezionato

75 Ordinamento delle News e ricerca 71

DocWeb Release 101

A questo punto il campo selezionato (nel nostro esempio il campo Immagini) compare nella lista dellenews (il campo aggiunto egrave evidenziato con un riquadro in alto a destra nella figura Ordinamento campoaggiuntivo news (page 72))

Figura 718 Ordinamento campo aggiuntivo news

Effettuare le stesse operazioni illustrate per il campo Titolo per ordinare in modo crescente e decrescentele news secondo il criterio impostato (click pulsante sinistro sul nome etichetta)

Egrave anche possibile ricercare le news in base al testo contenuto nel titolo sottotitolo descrizione eccUtilizzando la maschera di ricerca in fondo pagina (evidenziata nella figura Ricerca news (page 72))

Figura 719 Ricerca news

Per effettuare una ricerca egrave necessario seguire i seguenti passi

1 Inserire nel campo Cerca Stringa il testo da cercare (nel nostro esempio ldquonequerdquo)

2 Premere il tasto Cerca per eseguire la ricerca secondo i criteri impostati

In questo modo nella lista delle news compariranno solo quelle che contengono il testo specificatoEffettuata la ricerca egrave possibile effettuare degli ordinamenti come spiegato in precedenza

75 Ordinamento delle News e ricerca 72

CAPITOLO 8

Modulo Eventi

Avvertimento SEZIONE NON COMPLETA

Si confrontino i seguenti due tipi di contenuti

Evento egrave un tipo di contenuto adatto a descrivere qualcosa che accadragrave o che egrave accaduto in una certadata La data o le date in cui lrsquoevento ricorre sono strettamente legate ad un luogo in cui lrsquoeventosi verificheragravesi egrave verificato Gli eventi vengono rappresentati mediante la metafora dellrsquoagenda edel calendario

Notizia egrave un tipo di contenuto caratterizzato dalla data di pubblicazione secondo la metafora delgiornale online E come in un giornale online una notizia puograve riferirsi sia a fatti giagrave accaduti chea fatti a venire

Nota Per comprendere meglio la differenza tra i due tipi di contenuto si pensi che dato un eventoche ha una certa data di svolgimento (ad es 20 maggio) di tale evento posso realizzare piugrave di unanotizia Rimanendo nellrsquoesempio potrei pubblicare una notizia il 10 maggio per preannunciare lrsquoeventoe poi unrsquoaltra il 18 maggio per ricordarne lrsquoimminenza Infine potrei pubblicare una notizia di riepilogo(cronaca dellrsquoevento immagini ecc) il 22 maggio

81 Scopo del modulo Eventi

Il visitatore del sito deve poter cogliere le informazioni essenziali di un evento

bull Cosa sta per succedere

bull Dove accadragrave

bull Quando accadragrave

82 Il Backend ndash Modulo Pagina

Vedi figura Eventi vista modulo pagina (page 74)

83 Il Backend ndash Modulo Lista

Vedi figura Eventi vista modulo lista (page 74)

73

DocWeb Release 101

Figura 81 Eventi vista modulo pagina

Figura 82 Eventi vista modulo lista

83 Il Backend ndash Modulo Lista 74

DocWeb Release 101

84 Creazione di un evento

Prima di procedere poniamoci qualche domanda

bull Lrsquoevento appartiene a qualche rassegna iniziativa per la quale sono in programma altri eventiPer esempio

ndash Rassegne teatrali cinematografiche

ndash Festival

bull Lrsquoevento si ripete

ndash La replica avviene sempre nello stesso luogo

841 Creazione del record

Vedi figura Creazione nuovo evento (page 75)

Vedi figura Creazione nuovo record evento (page 76)

Figura 83 Creazione nuovo evento

842 Scheda ldquoGeneralerdquo

Vedi figura Evento scheda generale (page 76)

843 Scheda ldquoFinestra temporalerdquo

Orario repliche

Vedi figura Evento finestra temporale (page 78)

84 Creazione di un evento 75

DocWeb Release 101

Figura 84 Creazione nuovo record evento

Figura 85 Evento scheda generale

84 Creazione di un evento 76

DocWeb Release 101

bull Lrsquoorario va solo per le Finestre temporali di un giorno (data inizio = data fine)

bull Se non si conosce lrsquoora della fine impostare ora inizio = ora fine

844 Scheda ldquoTestordquo

Vedi figura Evento scheda testo (page 79)

84 Creazione di un evento 77

DocWeb Release 101

Figura 86 Evento finestra temporale

84 Creazione di un evento 78

DocWeb Release 101

Figura 87 Evento scheda testo84 Creazione di un evento 79

  • Introduzione
    • Cosegrave DocWeb
    • Concetti chiave
      • Funzionalitagrave di Base
        • Il CMS Typo3 ldquobackendrdquo e ldquofrontendrdquo
        • Cambio password di accesso
        • Albero delle pagine
        • Implementazione delle pagine ldquogenitori rdquo e ldquofiglirdquo
        • Inserimento Nuova pagina
        • Elementi standard della pagina
        • Inserimento contenuti di una pagina
        • Contenuti multipli allrsquointerno di una pagina
        • Modifica dei contenuti della pagina
        • Spostamento di pagine
        • Eliminazione pagine
        • Rich Text Editor
        • Modalitagrave Lista
        • Modalitagrave Mostra
        • Modalitagrave ldquoMonta come radice dellrsquoalberordquo
        • Ottenere il page-id di una pagina
        • Admin Panel
          • La Clipboard
            • Copia o spostamento di un contenuto singolo di pagina allrsquointerno di unrsquoaltra pagina
            • Copia o spostamento di piugrave contenuti da una pagina ad unrsquoaltra
              • Modulo DAM (Digital Asset Management)
                • Caricamento e Aggiornamento di file
                • Ricerca di file allrsquointerno del DAM e modifica delle meta-informazioni
                  • Modulo Pagine di download
                    • Inserimento e configurazione pagine di download
                      • Modulo Sitemap
                        • Scheda di configurazione Mappa
                        • Tipo di mappa
                        • Il ``punto di partenza della mappa
                          • Modulo News
                            • Inserimento e modifica di news
                            • Modalitagrave Relations
                            • News collegata a URL esterna e a pagina interna
                            • Eliminazione delle News
                            • Ordinamento delle News e ricerca
                              • Modulo Eventi
                                • Scopo del modulo Eventi
                                • Il Backend ndash Modulo Pagina
                                • Il Backend ndash Modulo Lista
                                • Creazione di un evento
Page 69: DocWeb€¦ · per la realizzazione e la gestione di siti web della Pubblica Am-ministrazione. La piattaforma tecnologica utilizzata è il CMS (Content Management System) Open SourceTypo31

DocWeb Release 101

Figura 78 Element browser news

Lista degli elementi associabili egrave quindi possibile selezionare gli elementi da associare alla newsPer associare un elemento si puograve selezionare il simbolo ldquo+rdquo posto accanto allrsquoelemento desideratoo agendo sul nome del file Nel primo caso lrsquoelemento viene aggiunto ma la finestra non si chiuderagrave(utile per effettuare selezioni multiple) mentre nel secondo caso lrsquoelemento viene aggiunto e lafinestra si chiuderagrave (selezione singola)

Nota Per associare una o piugrave news alla notizia che stiamo inserendo occorreragrave innanzitutto selezionareil repository delle news e utilizzando i metodi descritti in precedenza indicare le news di interesse

Nella figura Selezione repository (page 66) viene visualizzato come appare lrsquoElement Browser dopo averselezionato il repository delle news denominato ldquoNews Corso Typo3rdquo

Figura 79 Selezione repository

Una volta ultimato il procedimento di inserimento di una news vedremo che nel repository compariragrave(figura News nel repository (page 67)) anche quella da noi creata Nellrsquoesempio la news creata si chiamaldquoTitolo della news di provardquo

Dalla lista delle news possiamo notare che i diversi tipi di news sono contrassegnati con icone diverse

In particolare distinguiamo

72 Modalitagrave Relations 66

DocWeb Release 101

Figura 710 News nel repository

bull News (icona ldquocelestinardquo)

bull Collegamento a URL esterna (icona ldquorosardquo)

bull Collegamento a pagina interna (icona ldquogiallinardquo)

Per modificare il contenuto di una news egrave sufficiente selezionare il simbolo di modifica (figura Modificanews (page 67)) in corrispondenza della news da modificare

Figura 711 Modifica news

73 News collegata a URL esterna e a pagina interna

Attraverso la selezione della finestra ldquoTipordquo egrave possibile scegliere diverse tipologie di news

Nella figura News collegata a url esterna (page 68) egrave stato selezionato il Collegamento a URL esterna checi offriragrave la possibilitagrave di specificare un link (ldquoURL esternordquo) da far visualizzare e che saragrave contraddistintain lista da lrsquoicona di colore rosa

Selezionando il Collegamento a pagina interna viene offerta la possibilitagrave di inserire un collegamento auna pagina del sito (evidenziato nella figura News collegata a pagina interna (page 69))

La news si presenteragrave con icona di color ldquogiallordquo e al suo interno conterragrave un link alla pagina interna alsito

73 News collegata a URL esterna e a pagina interna 67

DocWeb Release 101

Figura 712 News collegata a url esterna

73 News collegata a URL esterna e a pagina interna 68

DocWeb Release 101

Figura 713 News collegata a pagina interna

73 News collegata a URL esterna e a pagina interna 69

DocWeb Release 101

74 Eliminazione delle News

Per eliminare una news possiamo procedere tra lrsquoaltro in due modi

1 Selezionare la news da eliminare dallrsquoelenco e selezionare la voce ldquocancellardquo dal menugrave a tendinaconsultabile cliccando con il pulsante destro sullrsquoicona in corrispondenza della news (figura Eliminanews da menu contestuale (page 70))

Figura 714 Elimina news da menu contestuale

2 Entrare allrsquointerno della modalitagrave di modifica della news attraverso lrsquoicona ldquomatitardquo e selezionare lrsquoi-cona raffigurante il bidone di elimina posta in alto pagina (figura Elimina news da scheda contenuto(page 70))

Figura 715 Elimina news da scheda contenuto

75 Ordinamento delle News e ricerca

Puograve essere necessario durante la visualizzazione della lista delle news (lato backend) di dover effettuaredegli ordinamenti al fine di permettere una ricerca piugrave veloce delle news da modificare

74 Eliminazione delle News 70

DocWeb Release 101

Avvertimento Lrsquoordinamento ha valore solo come ricerca allrsquointerno del backend mentre latofrontend rispecchieragrave i parametri prestabiliti dal sistema

Supponiamo per esempio di voler effettuare un ordinamento per Titolo Seguiamo i seguenti passi(figura sotto)

1 Selezionare la voce di menugrave Lista

2 Selezionare il deposito delle news (repository) News Corso Typo3

3 Cliccare con il mouse in corrispondenza della voce ldquoTitolordquo

A questo punto (figura Ordinamento news (page 71)) le news vengono ordinate in ordine crescente(vengono visualizzate prima le news con titolo che inizia con la lettera a b e cosigrave via)

Figura 716 Ordinamento news

Se clicchiamo unrsquoaltra volta sulla voce ldquoTitolordquo il tipo di ordinamento cambia da crescente a decrescente(compariranno per prima le news con titolo che inizia per z )

Egrave inoltre possibile ordinare secondo campo da noi specificato Per definire il nome di un campo (ad estesto inizio autore ) su cui effettuare lrsquoordinamento occorreragrave spostarsi in fondo alla lista delle newsdove troveremo una lista di campi (figura Mostra campo aggiuntivo news (page 71))

Figura 717 Mostra campo aggiuntivo news

Dalla lista possiamo

bull Selezionare la voce in base alla quale effettuare lrsquoordinamento (ad esempio Immagini)

bull Premere il tasto Imposta campi per aggiungere alla lista dei campi visualizzati quello selezionato

75 Ordinamento delle News e ricerca 71

DocWeb Release 101

A questo punto il campo selezionato (nel nostro esempio il campo Immagini) compare nella lista dellenews (il campo aggiunto egrave evidenziato con un riquadro in alto a destra nella figura Ordinamento campoaggiuntivo news (page 72))

Figura 718 Ordinamento campo aggiuntivo news

Effettuare le stesse operazioni illustrate per il campo Titolo per ordinare in modo crescente e decrescentele news secondo il criterio impostato (click pulsante sinistro sul nome etichetta)

Egrave anche possibile ricercare le news in base al testo contenuto nel titolo sottotitolo descrizione eccUtilizzando la maschera di ricerca in fondo pagina (evidenziata nella figura Ricerca news (page 72))

Figura 719 Ricerca news

Per effettuare una ricerca egrave necessario seguire i seguenti passi

1 Inserire nel campo Cerca Stringa il testo da cercare (nel nostro esempio ldquonequerdquo)

2 Premere il tasto Cerca per eseguire la ricerca secondo i criteri impostati

In questo modo nella lista delle news compariranno solo quelle che contengono il testo specificatoEffettuata la ricerca egrave possibile effettuare degli ordinamenti come spiegato in precedenza

75 Ordinamento delle News e ricerca 72

CAPITOLO 8

Modulo Eventi

Avvertimento SEZIONE NON COMPLETA

Si confrontino i seguenti due tipi di contenuti

Evento egrave un tipo di contenuto adatto a descrivere qualcosa che accadragrave o che egrave accaduto in una certadata La data o le date in cui lrsquoevento ricorre sono strettamente legate ad un luogo in cui lrsquoeventosi verificheragravesi egrave verificato Gli eventi vengono rappresentati mediante la metafora dellrsquoagenda edel calendario

Notizia egrave un tipo di contenuto caratterizzato dalla data di pubblicazione secondo la metafora delgiornale online E come in un giornale online una notizia puograve riferirsi sia a fatti giagrave accaduti chea fatti a venire

Nota Per comprendere meglio la differenza tra i due tipi di contenuto si pensi che dato un eventoche ha una certa data di svolgimento (ad es 20 maggio) di tale evento posso realizzare piugrave di unanotizia Rimanendo nellrsquoesempio potrei pubblicare una notizia il 10 maggio per preannunciare lrsquoeventoe poi unrsquoaltra il 18 maggio per ricordarne lrsquoimminenza Infine potrei pubblicare una notizia di riepilogo(cronaca dellrsquoevento immagini ecc) il 22 maggio

81 Scopo del modulo Eventi

Il visitatore del sito deve poter cogliere le informazioni essenziali di un evento

bull Cosa sta per succedere

bull Dove accadragrave

bull Quando accadragrave

82 Il Backend ndash Modulo Pagina

Vedi figura Eventi vista modulo pagina (page 74)

83 Il Backend ndash Modulo Lista

Vedi figura Eventi vista modulo lista (page 74)

73

DocWeb Release 101

Figura 81 Eventi vista modulo pagina

Figura 82 Eventi vista modulo lista

83 Il Backend ndash Modulo Lista 74

DocWeb Release 101

84 Creazione di un evento

Prima di procedere poniamoci qualche domanda

bull Lrsquoevento appartiene a qualche rassegna iniziativa per la quale sono in programma altri eventiPer esempio

ndash Rassegne teatrali cinematografiche

ndash Festival

bull Lrsquoevento si ripete

ndash La replica avviene sempre nello stesso luogo

841 Creazione del record

Vedi figura Creazione nuovo evento (page 75)

Vedi figura Creazione nuovo record evento (page 76)

Figura 83 Creazione nuovo evento

842 Scheda ldquoGeneralerdquo

Vedi figura Evento scheda generale (page 76)

843 Scheda ldquoFinestra temporalerdquo

Orario repliche

Vedi figura Evento finestra temporale (page 78)

84 Creazione di un evento 75

DocWeb Release 101

Figura 84 Creazione nuovo record evento

Figura 85 Evento scheda generale

84 Creazione di un evento 76

DocWeb Release 101

bull Lrsquoorario va solo per le Finestre temporali di un giorno (data inizio = data fine)

bull Se non si conosce lrsquoora della fine impostare ora inizio = ora fine

844 Scheda ldquoTestordquo

Vedi figura Evento scheda testo (page 79)

84 Creazione di un evento 77

DocWeb Release 101

Figura 86 Evento finestra temporale

84 Creazione di un evento 78

DocWeb Release 101

Figura 87 Evento scheda testo84 Creazione di un evento 79

  • Introduzione
    • Cosegrave DocWeb
    • Concetti chiave
      • Funzionalitagrave di Base
        • Il CMS Typo3 ldquobackendrdquo e ldquofrontendrdquo
        • Cambio password di accesso
        • Albero delle pagine
        • Implementazione delle pagine ldquogenitori rdquo e ldquofiglirdquo
        • Inserimento Nuova pagina
        • Elementi standard della pagina
        • Inserimento contenuti di una pagina
        • Contenuti multipli allrsquointerno di una pagina
        • Modifica dei contenuti della pagina
        • Spostamento di pagine
        • Eliminazione pagine
        • Rich Text Editor
        • Modalitagrave Lista
        • Modalitagrave Mostra
        • Modalitagrave ldquoMonta come radice dellrsquoalberordquo
        • Ottenere il page-id di una pagina
        • Admin Panel
          • La Clipboard
            • Copia o spostamento di un contenuto singolo di pagina allrsquointerno di unrsquoaltra pagina
            • Copia o spostamento di piugrave contenuti da una pagina ad unrsquoaltra
              • Modulo DAM (Digital Asset Management)
                • Caricamento e Aggiornamento di file
                • Ricerca di file allrsquointerno del DAM e modifica delle meta-informazioni
                  • Modulo Pagine di download
                    • Inserimento e configurazione pagine di download
                      • Modulo Sitemap
                        • Scheda di configurazione Mappa
                        • Tipo di mappa
                        • Il ``punto di partenza della mappa
                          • Modulo News
                            • Inserimento e modifica di news
                            • Modalitagrave Relations
                            • News collegata a URL esterna e a pagina interna
                            • Eliminazione delle News
                            • Ordinamento delle News e ricerca
                              • Modulo Eventi
                                • Scopo del modulo Eventi
                                • Il Backend ndash Modulo Pagina
                                • Il Backend ndash Modulo Lista
                                • Creazione di un evento
Page 70: DocWeb€¦ · per la realizzazione e la gestione di siti web della Pubblica Am-ministrazione. La piattaforma tecnologica utilizzata è il CMS (Content Management System) Open SourceTypo31

DocWeb Release 101

Figura 710 News nel repository

bull News (icona ldquocelestinardquo)

bull Collegamento a URL esterna (icona ldquorosardquo)

bull Collegamento a pagina interna (icona ldquogiallinardquo)

Per modificare il contenuto di una news egrave sufficiente selezionare il simbolo di modifica (figura Modificanews (page 67)) in corrispondenza della news da modificare

Figura 711 Modifica news

73 News collegata a URL esterna e a pagina interna

Attraverso la selezione della finestra ldquoTipordquo egrave possibile scegliere diverse tipologie di news

Nella figura News collegata a url esterna (page 68) egrave stato selezionato il Collegamento a URL esterna checi offriragrave la possibilitagrave di specificare un link (ldquoURL esternordquo) da far visualizzare e che saragrave contraddistintain lista da lrsquoicona di colore rosa

Selezionando il Collegamento a pagina interna viene offerta la possibilitagrave di inserire un collegamento auna pagina del sito (evidenziato nella figura News collegata a pagina interna (page 69))

La news si presenteragrave con icona di color ldquogiallordquo e al suo interno conterragrave un link alla pagina interna alsito

73 News collegata a URL esterna e a pagina interna 67

DocWeb Release 101

Figura 712 News collegata a url esterna

73 News collegata a URL esterna e a pagina interna 68

DocWeb Release 101

Figura 713 News collegata a pagina interna

73 News collegata a URL esterna e a pagina interna 69

DocWeb Release 101

74 Eliminazione delle News

Per eliminare una news possiamo procedere tra lrsquoaltro in due modi

1 Selezionare la news da eliminare dallrsquoelenco e selezionare la voce ldquocancellardquo dal menugrave a tendinaconsultabile cliccando con il pulsante destro sullrsquoicona in corrispondenza della news (figura Eliminanews da menu contestuale (page 70))

Figura 714 Elimina news da menu contestuale

2 Entrare allrsquointerno della modalitagrave di modifica della news attraverso lrsquoicona ldquomatitardquo e selezionare lrsquoi-cona raffigurante il bidone di elimina posta in alto pagina (figura Elimina news da scheda contenuto(page 70))

Figura 715 Elimina news da scheda contenuto

75 Ordinamento delle News e ricerca

Puograve essere necessario durante la visualizzazione della lista delle news (lato backend) di dover effettuaredegli ordinamenti al fine di permettere una ricerca piugrave veloce delle news da modificare

74 Eliminazione delle News 70

DocWeb Release 101

Avvertimento Lrsquoordinamento ha valore solo come ricerca allrsquointerno del backend mentre latofrontend rispecchieragrave i parametri prestabiliti dal sistema

Supponiamo per esempio di voler effettuare un ordinamento per Titolo Seguiamo i seguenti passi(figura sotto)

1 Selezionare la voce di menugrave Lista

2 Selezionare il deposito delle news (repository) News Corso Typo3

3 Cliccare con il mouse in corrispondenza della voce ldquoTitolordquo

A questo punto (figura Ordinamento news (page 71)) le news vengono ordinate in ordine crescente(vengono visualizzate prima le news con titolo che inizia con la lettera a b e cosigrave via)

Figura 716 Ordinamento news

Se clicchiamo unrsquoaltra volta sulla voce ldquoTitolordquo il tipo di ordinamento cambia da crescente a decrescente(compariranno per prima le news con titolo che inizia per z )

Egrave inoltre possibile ordinare secondo campo da noi specificato Per definire il nome di un campo (ad estesto inizio autore ) su cui effettuare lrsquoordinamento occorreragrave spostarsi in fondo alla lista delle newsdove troveremo una lista di campi (figura Mostra campo aggiuntivo news (page 71))

Figura 717 Mostra campo aggiuntivo news

Dalla lista possiamo

bull Selezionare la voce in base alla quale effettuare lrsquoordinamento (ad esempio Immagini)

bull Premere il tasto Imposta campi per aggiungere alla lista dei campi visualizzati quello selezionato

75 Ordinamento delle News e ricerca 71

DocWeb Release 101

A questo punto il campo selezionato (nel nostro esempio il campo Immagini) compare nella lista dellenews (il campo aggiunto egrave evidenziato con un riquadro in alto a destra nella figura Ordinamento campoaggiuntivo news (page 72))

Figura 718 Ordinamento campo aggiuntivo news

Effettuare le stesse operazioni illustrate per il campo Titolo per ordinare in modo crescente e decrescentele news secondo il criterio impostato (click pulsante sinistro sul nome etichetta)

Egrave anche possibile ricercare le news in base al testo contenuto nel titolo sottotitolo descrizione eccUtilizzando la maschera di ricerca in fondo pagina (evidenziata nella figura Ricerca news (page 72))

Figura 719 Ricerca news

Per effettuare una ricerca egrave necessario seguire i seguenti passi

1 Inserire nel campo Cerca Stringa il testo da cercare (nel nostro esempio ldquonequerdquo)

2 Premere il tasto Cerca per eseguire la ricerca secondo i criteri impostati

In questo modo nella lista delle news compariranno solo quelle che contengono il testo specificatoEffettuata la ricerca egrave possibile effettuare degli ordinamenti come spiegato in precedenza

75 Ordinamento delle News e ricerca 72

CAPITOLO 8

Modulo Eventi

Avvertimento SEZIONE NON COMPLETA

Si confrontino i seguenti due tipi di contenuti

Evento egrave un tipo di contenuto adatto a descrivere qualcosa che accadragrave o che egrave accaduto in una certadata La data o le date in cui lrsquoevento ricorre sono strettamente legate ad un luogo in cui lrsquoeventosi verificheragravesi egrave verificato Gli eventi vengono rappresentati mediante la metafora dellrsquoagenda edel calendario

Notizia egrave un tipo di contenuto caratterizzato dalla data di pubblicazione secondo la metafora delgiornale online E come in un giornale online una notizia puograve riferirsi sia a fatti giagrave accaduti chea fatti a venire

Nota Per comprendere meglio la differenza tra i due tipi di contenuto si pensi che dato un eventoche ha una certa data di svolgimento (ad es 20 maggio) di tale evento posso realizzare piugrave di unanotizia Rimanendo nellrsquoesempio potrei pubblicare una notizia il 10 maggio per preannunciare lrsquoeventoe poi unrsquoaltra il 18 maggio per ricordarne lrsquoimminenza Infine potrei pubblicare una notizia di riepilogo(cronaca dellrsquoevento immagini ecc) il 22 maggio

81 Scopo del modulo Eventi

Il visitatore del sito deve poter cogliere le informazioni essenziali di un evento

bull Cosa sta per succedere

bull Dove accadragrave

bull Quando accadragrave

82 Il Backend ndash Modulo Pagina

Vedi figura Eventi vista modulo pagina (page 74)

83 Il Backend ndash Modulo Lista

Vedi figura Eventi vista modulo lista (page 74)

73

DocWeb Release 101

Figura 81 Eventi vista modulo pagina

Figura 82 Eventi vista modulo lista

83 Il Backend ndash Modulo Lista 74

DocWeb Release 101

84 Creazione di un evento

Prima di procedere poniamoci qualche domanda

bull Lrsquoevento appartiene a qualche rassegna iniziativa per la quale sono in programma altri eventiPer esempio

ndash Rassegne teatrali cinematografiche

ndash Festival

bull Lrsquoevento si ripete

ndash La replica avviene sempre nello stesso luogo

841 Creazione del record

Vedi figura Creazione nuovo evento (page 75)

Vedi figura Creazione nuovo record evento (page 76)

Figura 83 Creazione nuovo evento

842 Scheda ldquoGeneralerdquo

Vedi figura Evento scheda generale (page 76)

843 Scheda ldquoFinestra temporalerdquo

Orario repliche

Vedi figura Evento finestra temporale (page 78)

84 Creazione di un evento 75

DocWeb Release 101

Figura 84 Creazione nuovo record evento

Figura 85 Evento scheda generale

84 Creazione di un evento 76

DocWeb Release 101

bull Lrsquoorario va solo per le Finestre temporali di un giorno (data inizio = data fine)

bull Se non si conosce lrsquoora della fine impostare ora inizio = ora fine

844 Scheda ldquoTestordquo

Vedi figura Evento scheda testo (page 79)

84 Creazione di un evento 77

DocWeb Release 101

Figura 86 Evento finestra temporale

84 Creazione di un evento 78

DocWeb Release 101

Figura 87 Evento scheda testo84 Creazione di un evento 79

  • Introduzione
    • Cosegrave DocWeb
    • Concetti chiave
      • Funzionalitagrave di Base
        • Il CMS Typo3 ldquobackendrdquo e ldquofrontendrdquo
        • Cambio password di accesso
        • Albero delle pagine
        • Implementazione delle pagine ldquogenitori rdquo e ldquofiglirdquo
        • Inserimento Nuova pagina
        • Elementi standard della pagina
        • Inserimento contenuti di una pagina
        • Contenuti multipli allrsquointerno di una pagina
        • Modifica dei contenuti della pagina
        • Spostamento di pagine
        • Eliminazione pagine
        • Rich Text Editor
        • Modalitagrave Lista
        • Modalitagrave Mostra
        • Modalitagrave ldquoMonta come radice dellrsquoalberordquo
        • Ottenere il page-id di una pagina
        • Admin Panel
          • La Clipboard
            • Copia o spostamento di un contenuto singolo di pagina allrsquointerno di unrsquoaltra pagina
            • Copia o spostamento di piugrave contenuti da una pagina ad unrsquoaltra
              • Modulo DAM (Digital Asset Management)
                • Caricamento e Aggiornamento di file
                • Ricerca di file allrsquointerno del DAM e modifica delle meta-informazioni
                  • Modulo Pagine di download
                    • Inserimento e configurazione pagine di download
                      • Modulo Sitemap
                        • Scheda di configurazione Mappa
                        • Tipo di mappa
                        • Il ``punto di partenza della mappa
                          • Modulo News
                            • Inserimento e modifica di news
                            • Modalitagrave Relations
                            • News collegata a URL esterna e a pagina interna
                            • Eliminazione delle News
                            • Ordinamento delle News e ricerca
                              • Modulo Eventi
                                • Scopo del modulo Eventi
                                • Il Backend ndash Modulo Pagina
                                • Il Backend ndash Modulo Lista
                                • Creazione di un evento
Page 71: DocWeb€¦ · per la realizzazione e la gestione di siti web della Pubblica Am-ministrazione. La piattaforma tecnologica utilizzata è il CMS (Content Management System) Open SourceTypo31

DocWeb Release 101

Figura 712 News collegata a url esterna

73 News collegata a URL esterna e a pagina interna 68

DocWeb Release 101

Figura 713 News collegata a pagina interna

73 News collegata a URL esterna e a pagina interna 69

DocWeb Release 101

74 Eliminazione delle News

Per eliminare una news possiamo procedere tra lrsquoaltro in due modi

1 Selezionare la news da eliminare dallrsquoelenco e selezionare la voce ldquocancellardquo dal menugrave a tendinaconsultabile cliccando con il pulsante destro sullrsquoicona in corrispondenza della news (figura Eliminanews da menu contestuale (page 70))

Figura 714 Elimina news da menu contestuale

2 Entrare allrsquointerno della modalitagrave di modifica della news attraverso lrsquoicona ldquomatitardquo e selezionare lrsquoi-cona raffigurante il bidone di elimina posta in alto pagina (figura Elimina news da scheda contenuto(page 70))

Figura 715 Elimina news da scheda contenuto

75 Ordinamento delle News e ricerca

Puograve essere necessario durante la visualizzazione della lista delle news (lato backend) di dover effettuaredegli ordinamenti al fine di permettere una ricerca piugrave veloce delle news da modificare

74 Eliminazione delle News 70

DocWeb Release 101

Avvertimento Lrsquoordinamento ha valore solo come ricerca allrsquointerno del backend mentre latofrontend rispecchieragrave i parametri prestabiliti dal sistema

Supponiamo per esempio di voler effettuare un ordinamento per Titolo Seguiamo i seguenti passi(figura sotto)

1 Selezionare la voce di menugrave Lista

2 Selezionare il deposito delle news (repository) News Corso Typo3

3 Cliccare con il mouse in corrispondenza della voce ldquoTitolordquo

A questo punto (figura Ordinamento news (page 71)) le news vengono ordinate in ordine crescente(vengono visualizzate prima le news con titolo che inizia con la lettera a b e cosigrave via)

Figura 716 Ordinamento news

Se clicchiamo unrsquoaltra volta sulla voce ldquoTitolordquo il tipo di ordinamento cambia da crescente a decrescente(compariranno per prima le news con titolo che inizia per z )

Egrave inoltre possibile ordinare secondo campo da noi specificato Per definire il nome di un campo (ad estesto inizio autore ) su cui effettuare lrsquoordinamento occorreragrave spostarsi in fondo alla lista delle newsdove troveremo una lista di campi (figura Mostra campo aggiuntivo news (page 71))

Figura 717 Mostra campo aggiuntivo news

Dalla lista possiamo

bull Selezionare la voce in base alla quale effettuare lrsquoordinamento (ad esempio Immagini)

bull Premere il tasto Imposta campi per aggiungere alla lista dei campi visualizzati quello selezionato

75 Ordinamento delle News e ricerca 71

DocWeb Release 101

A questo punto il campo selezionato (nel nostro esempio il campo Immagini) compare nella lista dellenews (il campo aggiunto egrave evidenziato con un riquadro in alto a destra nella figura Ordinamento campoaggiuntivo news (page 72))

Figura 718 Ordinamento campo aggiuntivo news

Effettuare le stesse operazioni illustrate per il campo Titolo per ordinare in modo crescente e decrescentele news secondo il criterio impostato (click pulsante sinistro sul nome etichetta)

Egrave anche possibile ricercare le news in base al testo contenuto nel titolo sottotitolo descrizione eccUtilizzando la maschera di ricerca in fondo pagina (evidenziata nella figura Ricerca news (page 72))

Figura 719 Ricerca news

Per effettuare una ricerca egrave necessario seguire i seguenti passi

1 Inserire nel campo Cerca Stringa il testo da cercare (nel nostro esempio ldquonequerdquo)

2 Premere il tasto Cerca per eseguire la ricerca secondo i criteri impostati

In questo modo nella lista delle news compariranno solo quelle che contengono il testo specificatoEffettuata la ricerca egrave possibile effettuare degli ordinamenti come spiegato in precedenza

75 Ordinamento delle News e ricerca 72

CAPITOLO 8

Modulo Eventi

Avvertimento SEZIONE NON COMPLETA

Si confrontino i seguenti due tipi di contenuti

Evento egrave un tipo di contenuto adatto a descrivere qualcosa che accadragrave o che egrave accaduto in una certadata La data o le date in cui lrsquoevento ricorre sono strettamente legate ad un luogo in cui lrsquoeventosi verificheragravesi egrave verificato Gli eventi vengono rappresentati mediante la metafora dellrsquoagenda edel calendario

Notizia egrave un tipo di contenuto caratterizzato dalla data di pubblicazione secondo la metafora delgiornale online E come in un giornale online una notizia puograve riferirsi sia a fatti giagrave accaduti chea fatti a venire

Nota Per comprendere meglio la differenza tra i due tipi di contenuto si pensi che dato un eventoche ha una certa data di svolgimento (ad es 20 maggio) di tale evento posso realizzare piugrave di unanotizia Rimanendo nellrsquoesempio potrei pubblicare una notizia il 10 maggio per preannunciare lrsquoeventoe poi unrsquoaltra il 18 maggio per ricordarne lrsquoimminenza Infine potrei pubblicare una notizia di riepilogo(cronaca dellrsquoevento immagini ecc) il 22 maggio

81 Scopo del modulo Eventi

Il visitatore del sito deve poter cogliere le informazioni essenziali di un evento

bull Cosa sta per succedere

bull Dove accadragrave

bull Quando accadragrave

82 Il Backend ndash Modulo Pagina

Vedi figura Eventi vista modulo pagina (page 74)

83 Il Backend ndash Modulo Lista

Vedi figura Eventi vista modulo lista (page 74)

73

DocWeb Release 101

Figura 81 Eventi vista modulo pagina

Figura 82 Eventi vista modulo lista

83 Il Backend ndash Modulo Lista 74

DocWeb Release 101

84 Creazione di un evento

Prima di procedere poniamoci qualche domanda

bull Lrsquoevento appartiene a qualche rassegna iniziativa per la quale sono in programma altri eventiPer esempio

ndash Rassegne teatrali cinematografiche

ndash Festival

bull Lrsquoevento si ripete

ndash La replica avviene sempre nello stesso luogo

841 Creazione del record

Vedi figura Creazione nuovo evento (page 75)

Vedi figura Creazione nuovo record evento (page 76)

Figura 83 Creazione nuovo evento

842 Scheda ldquoGeneralerdquo

Vedi figura Evento scheda generale (page 76)

843 Scheda ldquoFinestra temporalerdquo

Orario repliche

Vedi figura Evento finestra temporale (page 78)

84 Creazione di un evento 75

DocWeb Release 101

Figura 84 Creazione nuovo record evento

Figura 85 Evento scheda generale

84 Creazione di un evento 76

DocWeb Release 101

bull Lrsquoorario va solo per le Finestre temporali di un giorno (data inizio = data fine)

bull Se non si conosce lrsquoora della fine impostare ora inizio = ora fine

844 Scheda ldquoTestordquo

Vedi figura Evento scheda testo (page 79)

84 Creazione di un evento 77

DocWeb Release 101

Figura 86 Evento finestra temporale

84 Creazione di un evento 78

DocWeb Release 101

Figura 87 Evento scheda testo84 Creazione di un evento 79

  • Introduzione
    • Cosegrave DocWeb
    • Concetti chiave
      • Funzionalitagrave di Base
        • Il CMS Typo3 ldquobackendrdquo e ldquofrontendrdquo
        • Cambio password di accesso
        • Albero delle pagine
        • Implementazione delle pagine ldquogenitori rdquo e ldquofiglirdquo
        • Inserimento Nuova pagina
        • Elementi standard della pagina
        • Inserimento contenuti di una pagina
        • Contenuti multipli allrsquointerno di una pagina
        • Modifica dei contenuti della pagina
        • Spostamento di pagine
        • Eliminazione pagine
        • Rich Text Editor
        • Modalitagrave Lista
        • Modalitagrave Mostra
        • Modalitagrave ldquoMonta come radice dellrsquoalberordquo
        • Ottenere il page-id di una pagina
        • Admin Panel
          • La Clipboard
            • Copia o spostamento di un contenuto singolo di pagina allrsquointerno di unrsquoaltra pagina
            • Copia o spostamento di piugrave contenuti da una pagina ad unrsquoaltra
              • Modulo DAM (Digital Asset Management)
                • Caricamento e Aggiornamento di file
                • Ricerca di file allrsquointerno del DAM e modifica delle meta-informazioni
                  • Modulo Pagine di download
                    • Inserimento e configurazione pagine di download
                      • Modulo Sitemap
                        • Scheda di configurazione Mappa
                        • Tipo di mappa
                        • Il ``punto di partenza della mappa
                          • Modulo News
                            • Inserimento e modifica di news
                            • Modalitagrave Relations
                            • News collegata a URL esterna e a pagina interna
                            • Eliminazione delle News
                            • Ordinamento delle News e ricerca
                              • Modulo Eventi
                                • Scopo del modulo Eventi
                                • Il Backend ndash Modulo Pagina
                                • Il Backend ndash Modulo Lista
                                • Creazione di un evento
Page 72: DocWeb€¦ · per la realizzazione e la gestione di siti web della Pubblica Am-ministrazione. La piattaforma tecnologica utilizzata è il CMS (Content Management System) Open SourceTypo31

DocWeb Release 101

Figura 713 News collegata a pagina interna

73 News collegata a URL esterna e a pagina interna 69

DocWeb Release 101

74 Eliminazione delle News

Per eliminare una news possiamo procedere tra lrsquoaltro in due modi

1 Selezionare la news da eliminare dallrsquoelenco e selezionare la voce ldquocancellardquo dal menugrave a tendinaconsultabile cliccando con il pulsante destro sullrsquoicona in corrispondenza della news (figura Eliminanews da menu contestuale (page 70))

Figura 714 Elimina news da menu contestuale

2 Entrare allrsquointerno della modalitagrave di modifica della news attraverso lrsquoicona ldquomatitardquo e selezionare lrsquoi-cona raffigurante il bidone di elimina posta in alto pagina (figura Elimina news da scheda contenuto(page 70))

Figura 715 Elimina news da scheda contenuto

75 Ordinamento delle News e ricerca

Puograve essere necessario durante la visualizzazione della lista delle news (lato backend) di dover effettuaredegli ordinamenti al fine di permettere una ricerca piugrave veloce delle news da modificare

74 Eliminazione delle News 70

DocWeb Release 101

Avvertimento Lrsquoordinamento ha valore solo come ricerca allrsquointerno del backend mentre latofrontend rispecchieragrave i parametri prestabiliti dal sistema

Supponiamo per esempio di voler effettuare un ordinamento per Titolo Seguiamo i seguenti passi(figura sotto)

1 Selezionare la voce di menugrave Lista

2 Selezionare il deposito delle news (repository) News Corso Typo3

3 Cliccare con il mouse in corrispondenza della voce ldquoTitolordquo

A questo punto (figura Ordinamento news (page 71)) le news vengono ordinate in ordine crescente(vengono visualizzate prima le news con titolo che inizia con la lettera a b e cosigrave via)

Figura 716 Ordinamento news

Se clicchiamo unrsquoaltra volta sulla voce ldquoTitolordquo il tipo di ordinamento cambia da crescente a decrescente(compariranno per prima le news con titolo che inizia per z )

Egrave inoltre possibile ordinare secondo campo da noi specificato Per definire il nome di un campo (ad estesto inizio autore ) su cui effettuare lrsquoordinamento occorreragrave spostarsi in fondo alla lista delle newsdove troveremo una lista di campi (figura Mostra campo aggiuntivo news (page 71))

Figura 717 Mostra campo aggiuntivo news

Dalla lista possiamo

bull Selezionare la voce in base alla quale effettuare lrsquoordinamento (ad esempio Immagini)

bull Premere il tasto Imposta campi per aggiungere alla lista dei campi visualizzati quello selezionato

75 Ordinamento delle News e ricerca 71

DocWeb Release 101

A questo punto il campo selezionato (nel nostro esempio il campo Immagini) compare nella lista dellenews (il campo aggiunto egrave evidenziato con un riquadro in alto a destra nella figura Ordinamento campoaggiuntivo news (page 72))

Figura 718 Ordinamento campo aggiuntivo news

Effettuare le stesse operazioni illustrate per il campo Titolo per ordinare in modo crescente e decrescentele news secondo il criterio impostato (click pulsante sinistro sul nome etichetta)

Egrave anche possibile ricercare le news in base al testo contenuto nel titolo sottotitolo descrizione eccUtilizzando la maschera di ricerca in fondo pagina (evidenziata nella figura Ricerca news (page 72))

Figura 719 Ricerca news

Per effettuare una ricerca egrave necessario seguire i seguenti passi

1 Inserire nel campo Cerca Stringa il testo da cercare (nel nostro esempio ldquonequerdquo)

2 Premere il tasto Cerca per eseguire la ricerca secondo i criteri impostati

In questo modo nella lista delle news compariranno solo quelle che contengono il testo specificatoEffettuata la ricerca egrave possibile effettuare degli ordinamenti come spiegato in precedenza

75 Ordinamento delle News e ricerca 72

CAPITOLO 8

Modulo Eventi

Avvertimento SEZIONE NON COMPLETA

Si confrontino i seguenti due tipi di contenuti

Evento egrave un tipo di contenuto adatto a descrivere qualcosa che accadragrave o che egrave accaduto in una certadata La data o le date in cui lrsquoevento ricorre sono strettamente legate ad un luogo in cui lrsquoeventosi verificheragravesi egrave verificato Gli eventi vengono rappresentati mediante la metafora dellrsquoagenda edel calendario

Notizia egrave un tipo di contenuto caratterizzato dalla data di pubblicazione secondo la metafora delgiornale online E come in un giornale online una notizia puograve riferirsi sia a fatti giagrave accaduti chea fatti a venire

Nota Per comprendere meglio la differenza tra i due tipi di contenuto si pensi che dato un eventoche ha una certa data di svolgimento (ad es 20 maggio) di tale evento posso realizzare piugrave di unanotizia Rimanendo nellrsquoesempio potrei pubblicare una notizia il 10 maggio per preannunciare lrsquoeventoe poi unrsquoaltra il 18 maggio per ricordarne lrsquoimminenza Infine potrei pubblicare una notizia di riepilogo(cronaca dellrsquoevento immagini ecc) il 22 maggio

81 Scopo del modulo Eventi

Il visitatore del sito deve poter cogliere le informazioni essenziali di un evento

bull Cosa sta per succedere

bull Dove accadragrave

bull Quando accadragrave

82 Il Backend ndash Modulo Pagina

Vedi figura Eventi vista modulo pagina (page 74)

83 Il Backend ndash Modulo Lista

Vedi figura Eventi vista modulo lista (page 74)

73

DocWeb Release 101

Figura 81 Eventi vista modulo pagina

Figura 82 Eventi vista modulo lista

83 Il Backend ndash Modulo Lista 74

DocWeb Release 101

84 Creazione di un evento

Prima di procedere poniamoci qualche domanda

bull Lrsquoevento appartiene a qualche rassegna iniziativa per la quale sono in programma altri eventiPer esempio

ndash Rassegne teatrali cinematografiche

ndash Festival

bull Lrsquoevento si ripete

ndash La replica avviene sempre nello stesso luogo

841 Creazione del record

Vedi figura Creazione nuovo evento (page 75)

Vedi figura Creazione nuovo record evento (page 76)

Figura 83 Creazione nuovo evento

842 Scheda ldquoGeneralerdquo

Vedi figura Evento scheda generale (page 76)

843 Scheda ldquoFinestra temporalerdquo

Orario repliche

Vedi figura Evento finestra temporale (page 78)

84 Creazione di un evento 75

DocWeb Release 101

Figura 84 Creazione nuovo record evento

Figura 85 Evento scheda generale

84 Creazione di un evento 76

DocWeb Release 101

bull Lrsquoorario va solo per le Finestre temporali di un giorno (data inizio = data fine)

bull Se non si conosce lrsquoora della fine impostare ora inizio = ora fine

844 Scheda ldquoTestordquo

Vedi figura Evento scheda testo (page 79)

84 Creazione di un evento 77

DocWeb Release 101

Figura 86 Evento finestra temporale

84 Creazione di un evento 78

DocWeb Release 101

Figura 87 Evento scheda testo84 Creazione di un evento 79

  • Introduzione
    • Cosegrave DocWeb
    • Concetti chiave
      • Funzionalitagrave di Base
        • Il CMS Typo3 ldquobackendrdquo e ldquofrontendrdquo
        • Cambio password di accesso
        • Albero delle pagine
        • Implementazione delle pagine ldquogenitori rdquo e ldquofiglirdquo
        • Inserimento Nuova pagina
        • Elementi standard della pagina
        • Inserimento contenuti di una pagina
        • Contenuti multipli allrsquointerno di una pagina
        • Modifica dei contenuti della pagina
        • Spostamento di pagine
        • Eliminazione pagine
        • Rich Text Editor
        • Modalitagrave Lista
        • Modalitagrave Mostra
        • Modalitagrave ldquoMonta come radice dellrsquoalberordquo
        • Ottenere il page-id di una pagina
        • Admin Panel
          • La Clipboard
            • Copia o spostamento di un contenuto singolo di pagina allrsquointerno di unrsquoaltra pagina
            • Copia o spostamento di piugrave contenuti da una pagina ad unrsquoaltra
              • Modulo DAM (Digital Asset Management)
                • Caricamento e Aggiornamento di file
                • Ricerca di file allrsquointerno del DAM e modifica delle meta-informazioni
                  • Modulo Pagine di download
                    • Inserimento e configurazione pagine di download
                      • Modulo Sitemap
                        • Scheda di configurazione Mappa
                        • Tipo di mappa
                        • Il ``punto di partenza della mappa
                          • Modulo News
                            • Inserimento e modifica di news
                            • Modalitagrave Relations
                            • News collegata a URL esterna e a pagina interna
                            • Eliminazione delle News
                            • Ordinamento delle News e ricerca
                              • Modulo Eventi
                                • Scopo del modulo Eventi
                                • Il Backend ndash Modulo Pagina
                                • Il Backend ndash Modulo Lista
                                • Creazione di un evento
Page 73: DocWeb€¦ · per la realizzazione e la gestione di siti web della Pubblica Am-ministrazione. La piattaforma tecnologica utilizzata è il CMS (Content Management System) Open SourceTypo31

DocWeb Release 101

74 Eliminazione delle News

Per eliminare una news possiamo procedere tra lrsquoaltro in due modi

1 Selezionare la news da eliminare dallrsquoelenco e selezionare la voce ldquocancellardquo dal menugrave a tendinaconsultabile cliccando con il pulsante destro sullrsquoicona in corrispondenza della news (figura Eliminanews da menu contestuale (page 70))

Figura 714 Elimina news da menu contestuale

2 Entrare allrsquointerno della modalitagrave di modifica della news attraverso lrsquoicona ldquomatitardquo e selezionare lrsquoi-cona raffigurante il bidone di elimina posta in alto pagina (figura Elimina news da scheda contenuto(page 70))

Figura 715 Elimina news da scheda contenuto

75 Ordinamento delle News e ricerca

Puograve essere necessario durante la visualizzazione della lista delle news (lato backend) di dover effettuaredegli ordinamenti al fine di permettere una ricerca piugrave veloce delle news da modificare

74 Eliminazione delle News 70

DocWeb Release 101

Avvertimento Lrsquoordinamento ha valore solo come ricerca allrsquointerno del backend mentre latofrontend rispecchieragrave i parametri prestabiliti dal sistema

Supponiamo per esempio di voler effettuare un ordinamento per Titolo Seguiamo i seguenti passi(figura sotto)

1 Selezionare la voce di menugrave Lista

2 Selezionare il deposito delle news (repository) News Corso Typo3

3 Cliccare con il mouse in corrispondenza della voce ldquoTitolordquo

A questo punto (figura Ordinamento news (page 71)) le news vengono ordinate in ordine crescente(vengono visualizzate prima le news con titolo che inizia con la lettera a b e cosigrave via)

Figura 716 Ordinamento news

Se clicchiamo unrsquoaltra volta sulla voce ldquoTitolordquo il tipo di ordinamento cambia da crescente a decrescente(compariranno per prima le news con titolo che inizia per z )

Egrave inoltre possibile ordinare secondo campo da noi specificato Per definire il nome di un campo (ad estesto inizio autore ) su cui effettuare lrsquoordinamento occorreragrave spostarsi in fondo alla lista delle newsdove troveremo una lista di campi (figura Mostra campo aggiuntivo news (page 71))

Figura 717 Mostra campo aggiuntivo news

Dalla lista possiamo

bull Selezionare la voce in base alla quale effettuare lrsquoordinamento (ad esempio Immagini)

bull Premere il tasto Imposta campi per aggiungere alla lista dei campi visualizzati quello selezionato

75 Ordinamento delle News e ricerca 71

DocWeb Release 101

A questo punto il campo selezionato (nel nostro esempio il campo Immagini) compare nella lista dellenews (il campo aggiunto egrave evidenziato con un riquadro in alto a destra nella figura Ordinamento campoaggiuntivo news (page 72))

Figura 718 Ordinamento campo aggiuntivo news

Effettuare le stesse operazioni illustrate per il campo Titolo per ordinare in modo crescente e decrescentele news secondo il criterio impostato (click pulsante sinistro sul nome etichetta)

Egrave anche possibile ricercare le news in base al testo contenuto nel titolo sottotitolo descrizione eccUtilizzando la maschera di ricerca in fondo pagina (evidenziata nella figura Ricerca news (page 72))

Figura 719 Ricerca news

Per effettuare una ricerca egrave necessario seguire i seguenti passi

1 Inserire nel campo Cerca Stringa il testo da cercare (nel nostro esempio ldquonequerdquo)

2 Premere il tasto Cerca per eseguire la ricerca secondo i criteri impostati

In questo modo nella lista delle news compariranno solo quelle che contengono il testo specificatoEffettuata la ricerca egrave possibile effettuare degli ordinamenti come spiegato in precedenza

75 Ordinamento delle News e ricerca 72

CAPITOLO 8

Modulo Eventi

Avvertimento SEZIONE NON COMPLETA

Si confrontino i seguenti due tipi di contenuti

Evento egrave un tipo di contenuto adatto a descrivere qualcosa che accadragrave o che egrave accaduto in una certadata La data o le date in cui lrsquoevento ricorre sono strettamente legate ad un luogo in cui lrsquoeventosi verificheragravesi egrave verificato Gli eventi vengono rappresentati mediante la metafora dellrsquoagenda edel calendario

Notizia egrave un tipo di contenuto caratterizzato dalla data di pubblicazione secondo la metafora delgiornale online E come in un giornale online una notizia puograve riferirsi sia a fatti giagrave accaduti chea fatti a venire

Nota Per comprendere meglio la differenza tra i due tipi di contenuto si pensi che dato un eventoche ha una certa data di svolgimento (ad es 20 maggio) di tale evento posso realizzare piugrave di unanotizia Rimanendo nellrsquoesempio potrei pubblicare una notizia il 10 maggio per preannunciare lrsquoeventoe poi unrsquoaltra il 18 maggio per ricordarne lrsquoimminenza Infine potrei pubblicare una notizia di riepilogo(cronaca dellrsquoevento immagini ecc) il 22 maggio

81 Scopo del modulo Eventi

Il visitatore del sito deve poter cogliere le informazioni essenziali di un evento

bull Cosa sta per succedere

bull Dove accadragrave

bull Quando accadragrave

82 Il Backend ndash Modulo Pagina

Vedi figura Eventi vista modulo pagina (page 74)

83 Il Backend ndash Modulo Lista

Vedi figura Eventi vista modulo lista (page 74)

73

DocWeb Release 101

Figura 81 Eventi vista modulo pagina

Figura 82 Eventi vista modulo lista

83 Il Backend ndash Modulo Lista 74

DocWeb Release 101

84 Creazione di un evento

Prima di procedere poniamoci qualche domanda

bull Lrsquoevento appartiene a qualche rassegna iniziativa per la quale sono in programma altri eventiPer esempio

ndash Rassegne teatrali cinematografiche

ndash Festival

bull Lrsquoevento si ripete

ndash La replica avviene sempre nello stesso luogo

841 Creazione del record

Vedi figura Creazione nuovo evento (page 75)

Vedi figura Creazione nuovo record evento (page 76)

Figura 83 Creazione nuovo evento

842 Scheda ldquoGeneralerdquo

Vedi figura Evento scheda generale (page 76)

843 Scheda ldquoFinestra temporalerdquo

Orario repliche

Vedi figura Evento finestra temporale (page 78)

84 Creazione di un evento 75

DocWeb Release 101

Figura 84 Creazione nuovo record evento

Figura 85 Evento scheda generale

84 Creazione di un evento 76

DocWeb Release 101

bull Lrsquoorario va solo per le Finestre temporali di un giorno (data inizio = data fine)

bull Se non si conosce lrsquoora della fine impostare ora inizio = ora fine

844 Scheda ldquoTestordquo

Vedi figura Evento scheda testo (page 79)

84 Creazione di un evento 77

DocWeb Release 101

Figura 86 Evento finestra temporale

84 Creazione di un evento 78

DocWeb Release 101

Figura 87 Evento scheda testo84 Creazione di un evento 79

  • Introduzione
    • Cosegrave DocWeb
    • Concetti chiave
      • Funzionalitagrave di Base
        • Il CMS Typo3 ldquobackendrdquo e ldquofrontendrdquo
        • Cambio password di accesso
        • Albero delle pagine
        • Implementazione delle pagine ldquogenitori rdquo e ldquofiglirdquo
        • Inserimento Nuova pagina
        • Elementi standard della pagina
        • Inserimento contenuti di una pagina
        • Contenuti multipli allrsquointerno di una pagina
        • Modifica dei contenuti della pagina
        • Spostamento di pagine
        • Eliminazione pagine
        • Rich Text Editor
        • Modalitagrave Lista
        • Modalitagrave Mostra
        • Modalitagrave ldquoMonta come radice dellrsquoalberordquo
        • Ottenere il page-id di una pagina
        • Admin Panel
          • La Clipboard
            • Copia o spostamento di un contenuto singolo di pagina allrsquointerno di unrsquoaltra pagina
            • Copia o spostamento di piugrave contenuti da una pagina ad unrsquoaltra
              • Modulo DAM (Digital Asset Management)
                • Caricamento e Aggiornamento di file
                • Ricerca di file allrsquointerno del DAM e modifica delle meta-informazioni
                  • Modulo Pagine di download
                    • Inserimento e configurazione pagine di download
                      • Modulo Sitemap
                        • Scheda di configurazione Mappa
                        • Tipo di mappa
                        • Il ``punto di partenza della mappa
                          • Modulo News
                            • Inserimento e modifica di news
                            • Modalitagrave Relations
                            • News collegata a URL esterna e a pagina interna
                            • Eliminazione delle News
                            • Ordinamento delle News e ricerca
                              • Modulo Eventi
                                • Scopo del modulo Eventi
                                • Il Backend ndash Modulo Pagina
                                • Il Backend ndash Modulo Lista
                                • Creazione di un evento
Page 74: DocWeb€¦ · per la realizzazione e la gestione di siti web della Pubblica Am-ministrazione. La piattaforma tecnologica utilizzata è il CMS (Content Management System) Open SourceTypo31

DocWeb Release 101

Avvertimento Lrsquoordinamento ha valore solo come ricerca allrsquointerno del backend mentre latofrontend rispecchieragrave i parametri prestabiliti dal sistema

Supponiamo per esempio di voler effettuare un ordinamento per Titolo Seguiamo i seguenti passi(figura sotto)

1 Selezionare la voce di menugrave Lista

2 Selezionare il deposito delle news (repository) News Corso Typo3

3 Cliccare con il mouse in corrispondenza della voce ldquoTitolordquo

A questo punto (figura Ordinamento news (page 71)) le news vengono ordinate in ordine crescente(vengono visualizzate prima le news con titolo che inizia con la lettera a b e cosigrave via)

Figura 716 Ordinamento news

Se clicchiamo unrsquoaltra volta sulla voce ldquoTitolordquo il tipo di ordinamento cambia da crescente a decrescente(compariranno per prima le news con titolo che inizia per z )

Egrave inoltre possibile ordinare secondo campo da noi specificato Per definire il nome di un campo (ad estesto inizio autore ) su cui effettuare lrsquoordinamento occorreragrave spostarsi in fondo alla lista delle newsdove troveremo una lista di campi (figura Mostra campo aggiuntivo news (page 71))

Figura 717 Mostra campo aggiuntivo news

Dalla lista possiamo

bull Selezionare la voce in base alla quale effettuare lrsquoordinamento (ad esempio Immagini)

bull Premere il tasto Imposta campi per aggiungere alla lista dei campi visualizzati quello selezionato

75 Ordinamento delle News e ricerca 71

DocWeb Release 101

A questo punto il campo selezionato (nel nostro esempio il campo Immagini) compare nella lista dellenews (il campo aggiunto egrave evidenziato con un riquadro in alto a destra nella figura Ordinamento campoaggiuntivo news (page 72))

Figura 718 Ordinamento campo aggiuntivo news

Effettuare le stesse operazioni illustrate per il campo Titolo per ordinare in modo crescente e decrescentele news secondo il criterio impostato (click pulsante sinistro sul nome etichetta)

Egrave anche possibile ricercare le news in base al testo contenuto nel titolo sottotitolo descrizione eccUtilizzando la maschera di ricerca in fondo pagina (evidenziata nella figura Ricerca news (page 72))

Figura 719 Ricerca news

Per effettuare una ricerca egrave necessario seguire i seguenti passi

1 Inserire nel campo Cerca Stringa il testo da cercare (nel nostro esempio ldquonequerdquo)

2 Premere il tasto Cerca per eseguire la ricerca secondo i criteri impostati

In questo modo nella lista delle news compariranno solo quelle che contengono il testo specificatoEffettuata la ricerca egrave possibile effettuare degli ordinamenti come spiegato in precedenza

75 Ordinamento delle News e ricerca 72

CAPITOLO 8

Modulo Eventi

Avvertimento SEZIONE NON COMPLETA

Si confrontino i seguenti due tipi di contenuti

Evento egrave un tipo di contenuto adatto a descrivere qualcosa che accadragrave o che egrave accaduto in una certadata La data o le date in cui lrsquoevento ricorre sono strettamente legate ad un luogo in cui lrsquoeventosi verificheragravesi egrave verificato Gli eventi vengono rappresentati mediante la metafora dellrsquoagenda edel calendario

Notizia egrave un tipo di contenuto caratterizzato dalla data di pubblicazione secondo la metafora delgiornale online E come in un giornale online una notizia puograve riferirsi sia a fatti giagrave accaduti chea fatti a venire

Nota Per comprendere meglio la differenza tra i due tipi di contenuto si pensi che dato un eventoche ha una certa data di svolgimento (ad es 20 maggio) di tale evento posso realizzare piugrave di unanotizia Rimanendo nellrsquoesempio potrei pubblicare una notizia il 10 maggio per preannunciare lrsquoeventoe poi unrsquoaltra il 18 maggio per ricordarne lrsquoimminenza Infine potrei pubblicare una notizia di riepilogo(cronaca dellrsquoevento immagini ecc) il 22 maggio

81 Scopo del modulo Eventi

Il visitatore del sito deve poter cogliere le informazioni essenziali di un evento

bull Cosa sta per succedere

bull Dove accadragrave

bull Quando accadragrave

82 Il Backend ndash Modulo Pagina

Vedi figura Eventi vista modulo pagina (page 74)

83 Il Backend ndash Modulo Lista

Vedi figura Eventi vista modulo lista (page 74)

73

DocWeb Release 101

Figura 81 Eventi vista modulo pagina

Figura 82 Eventi vista modulo lista

83 Il Backend ndash Modulo Lista 74

DocWeb Release 101

84 Creazione di un evento

Prima di procedere poniamoci qualche domanda

bull Lrsquoevento appartiene a qualche rassegna iniziativa per la quale sono in programma altri eventiPer esempio

ndash Rassegne teatrali cinematografiche

ndash Festival

bull Lrsquoevento si ripete

ndash La replica avviene sempre nello stesso luogo

841 Creazione del record

Vedi figura Creazione nuovo evento (page 75)

Vedi figura Creazione nuovo record evento (page 76)

Figura 83 Creazione nuovo evento

842 Scheda ldquoGeneralerdquo

Vedi figura Evento scheda generale (page 76)

843 Scheda ldquoFinestra temporalerdquo

Orario repliche

Vedi figura Evento finestra temporale (page 78)

84 Creazione di un evento 75

DocWeb Release 101

Figura 84 Creazione nuovo record evento

Figura 85 Evento scheda generale

84 Creazione di un evento 76

DocWeb Release 101

bull Lrsquoorario va solo per le Finestre temporali di un giorno (data inizio = data fine)

bull Se non si conosce lrsquoora della fine impostare ora inizio = ora fine

844 Scheda ldquoTestordquo

Vedi figura Evento scheda testo (page 79)

84 Creazione di un evento 77

DocWeb Release 101

Figura 86 Evento finestra temporale

84 Creazione di un evento 78

DocWeb Release 101

Figura 87 Evento scheda testo84 Creazione di un evento 79

  • Introduzione
    • Cosegrave DocWeb
    • Concetti chiave
      • Funzionalitagrave di Base
        • Il CMS Typo3 ldquobackendrdquo e ldquofrontendrdquo
        • Cambio password di accesso
        • Albero delle pagine
        • Implementazione delle pagine ldquogenitori rdquo e ldquofiglirdquo
        • Inserimento Nuova pagina
        • Elementi standard della pagina
        • Inserimento contenuti di una pagina
        • Contenuti multipli allrsquointerno di una pagina
        • Modifica dei contenuti della pagina
        • Spostamento di pagine
        • Eliminazione pagine
        • Rich Text Editor
        • Modalitagrave Lista
        • Modalitagrave Mostra
        • Modalitagrave ldquoMonta come radice dellrsquoalberordquo
        • Ottenere il page-id di una pagina
        • Admin Panel
          • La Clipboard
            • Copia o spostamento di un contenuto singolo di pagina allrsquointerno di unrsquoaltra pagina
            • Copia o spostamento di piugrave contenuti da una pagina ad unrsquoaltra
              • Modulo DAM (Digital Asset Management)
                • Caricamento e Aggiornamento di file
                • Ricerca di file allrsquointerno del DAM e modifica delle meta-informazioni
                  • Modulo Pagine di download
                    • Inserimento e configurazione pagine di download
                      • Modulo Sitemap
                        • Scheda di configurazione Mappa
                        • Tipo di mappa
                        • Il ``punto di partenza della mappa
                          • Modulo News
                            • Inserimento e modifica di news
                            • Modalitagrave Relations
                            • News collegata a URL esterna e a pagina interna
                            • Eliminazione delle News
                            • Ordinamento delle News e ricerca
                              • Modulo Eventi
                                • Scopo del modulo Eventi
                                • Il Backend ndash Modulo Pagina
                                • Il Backend ndash Modulo Lista
                                • Creazione di un evento
Page 75: DocWeb€¦ · per la realizzazione e la gestione di siti web della Pubblica Am-ministrazione. La piattaforma tecnologica utilizzata è il CMS (Content Management System) Open SourceTypo31

DocWeb Release 101

A questo punto il campo selezionato (nel nostro esempio il campo Immagini) compare nella lista dellenews (il campo aggiunto egrave evidenziato con un riquadro in alto a destra nella figura Ordinamento campoaggiuntivo news (page 72))

Figura 718 Ordinamento campo aggiuntivo news

Effettuare le stesse operazioni illustrate per il campo Titolo per ordinare in modo crescente e decrescentele news secondo il criterio impostato (click pulsante sinistro sul nome etichetta)

Egrave anche possibile ricercare le news in base al testo contenuto nel titolo sottotitolo descrizione eccUtilizzando la maschera di ricerca in fondo pagina (evidenziata nella figura Ricerca news (page 72))

Figura 719 Ricerca news

Per effettuare una ricerca egrave necessario seguire i seguenti passi

1 Inserire nel campo Cerca Stringa il testo da cercare (nel nostro esempio ldquonequerdquo)

2 Premere il tasto Cerca per eseguire la ricerca secondo i criteri impostati

In questo modo nella lista delle news compariranno solo quelle che contengono il testo specificatoEffettuata la ricerca egrave possibile effettuare degli ordinamenti come spiegato in precedenza

75 Ordinamento delle News e ricerca 72

CAPITOLO 8

Modulo Eventi

Avvertimento SEZIONE NON COMPLETA

Si confrontino i seguenti due tipi di contenuti

Evento egrave un tipo di contenuto adatto a descrivere qualcosa che accadragrave o che egrave accaduto in una certadata La data o le date in cui lrsquoevento ricorre sono strettamente legate ad un luogo in cui lrsquoeventosi verificheragravesi egrave verificato Gli eventi vengono rappresentati mediante la metafora dellrsquoagenda edel calendario

Notizia egrave un tipo di contenuto caratterizzato dalla data di pubblicazione secondo la metafora delgiornale online E come in un giornale online una notizia puograve riferirsi sia a fatti giagrave accaduti chea fatti a venire

Nota Per comprendere meglio la differenza tra i due tipi di contenuto si pensi che dato un eventoche ha una certa data di svolgimento (ad es 20 maggio) di tale evento posso realizzare piugrave di unanotizia Rimanendo nellrsquoesempio potrei pubblicare una notizia il 10 maggio per preannunciare lrsquoeventoe poi unrsquoaltra il 18 maggio per ricordarne lrsquoimminenza Infine potrei pubblicare una notizia di riepilogo(cronaca dellrsquoevento immagini ecc) il 22 maggio

81 Scopo del modulo Eventi

Il visitatore del sito deve poter cogliere le informazioni essenziali di un evento

bull Cosa sta per succedere

bull Dove accadragrave

bull Quando accadragrave

82 Il Backend ndash Modulo Pagina

Vedi figura Eventi vista modulo pagina (page 74)

83 Il Backend ndash Modulo Lista

Vedi figura Eventi vista modulo lista (page 74)

73

DocWeb Release 101

Figura 81 Eventi vista modulo pagina

Figura 82 Eventi vista modulo lista

83 Il Backend ndash Modulo Lista 74

DocWeb Release 101

84 Creazione di un evento

Prima di procedere poniamoci qualche domanda

bull Lrsquoevento appartiene a qualche rassegna iniziativa per la quale sono in programma altri eventiPer esempio

ndash Rassegne teatrali cinematografiche

ndash Festival

bull Lrsquoevento si ripete

ndash La replica avviene sempre nello stesso luogo

841 Creazione del record

Vedi figura Creazione nuovo evento (page 75)

Vedi figura Creazione nuovo record evento (page 76)

Figura 83 Creazione nuovo evento

842 Scheda ldquoGeneralerdquo

Vedi figura Evento scheda generale (page 76)

843 Scheda ldquoFinestra temporalerdquo

Orario repliche

Vedi figura Evento finestra temporale (page 78)

84 Creazione di un evento 75

DocWeb Release 101

Figura 84 Creazione nuovo record evento

Figura 85 Evento scheda generale

84 Creazione di un evento 76

DocWeb Release 101

bull Lrsquoorario va solo per le Finestre temporali di un giorno (data inizio = data fine)

bull Se non si conosce lrsquoora della fine impostare ora inizio = ora fine

844 Scheda ldquoTestordquo

Vedi figura Evento scheda testo (page 79)

84 Creazione di un evento 77

DocWeb Release 101

Figura 86 Evento finestra temporale

84 Creazione di un evento 78

DocWeb Release 101

Figura 87 Evento scheda testo84 Creazione di un evento 79

  • Introduzione
    • Cosegrave DocWeb
    • Concetti chiave
      • Funzionalitagrave di Base
        • Il CMS Typo3 ldquobackendrdquo e ldquofrontendrdquo
        • Cambio password di accesso
        • Albero delle pagine
        • Implementazione delle pagine ldquogenitori rdquo e ldquofiglirdquo
        • Inserimento Nuova pagina
        • Elementi standard della pagina
        • Inserimento contenuti di una pagina
        • Contenuti multipli allrsquointerno di una pagina
        • Modifica dei contenuti della pagina
        • Spostamento di pagine
        • Eliminazione pagine
        • Rich Text Editor
        • Modalitagrave Lista
        • Modalitagrave Mostra
        • Modalitagrave ldquoMonta come radice dellrsquoalberordquo
        • Ottenere il page-id di una pagina
        • Admin Panel
          • La Clipboard
            • Copia o spostamento di un contenuto singolo di pagina allrsquointerno di unrsquoaltra pagina
            • Copia o spostamento di piugrave contenuti da una pagina ad unrsquoaltra
              • Modulo DAM (Digital Asset Management)
                • Caricamento e Aggiornamento di file
                • Ricerca di file allrsquointerno del DAM e modifica delle meta-informazioni
                  • Modulo Pagine di download
                    • Inserimento e configurazione pagine di download
                      • Modulo Sitemap
                        • Scheda di configurazione Mappa
                        • Tipo di mappa
                        • Il ``punto di partenza della mappa
                          • Modulo News
                            • Inserimento e modifica di news
                            • Modalitagrave Relations
                            • News collegata a URL esterna e a pagina interna
                            • Eliminazione delle News
                            • Ordinamento delle News e ricerca
                              • Modulo Eventi
                                • Scopo del modulo Eventi
                                • Il Backend ndash Modulo Pagina
                                • Il Backend ndash Modulo Lista
                                • Creazione di un evento
Page 76: DocWeb€¦ · per la realizzazione e la gestione di siti web della Pubblica Am-ministrazione. La piattaforma tecnologica utilizzata è il CMS (Content Management System) Open SourceTypo31

CAPITOLO 8

Modulo Eventi

Avvertimento SEZIONE NON COMPLETA

Si confrontino i seguenti due tipi di contenuti

Evento egrave un tipo di contenuto adatto a descrivere qualcosa che accadragrave o che egrave accaduto in una certadata La data o le date in cui lrsquoevento ricorre sono strettamente legate ad un luogo in cui lrsquoeventosi verificheragravesi egrave verificato Gli eventi vengono rappresentati mediante la metafora dellrsquoagenda edel calendario

Notizia egrave un tipo di contenuto caratterizzato dalla data di pubblicazione secondo la metafora delgiornale online E come in un giornale online una notizia puograve riferirsi sia a fatti giagrave accaduti chea fatti a venire

Nota Per comprendere meglio la differenza tra i due tipi di contenuto si pensi che dato un eventoche ha una certa data di svolgimento (ad es 20 maggio) di tale evento posso realizzare piugrave di unanotizia Rimanendo nellrsquoesempio potrei pubblicare una notizia il 10 maggio per preannunciare lrsquoeventoe poi unrsquoaltra il 18 maggio per ricordarne lrsquoimminenza Infine potrei pubblicare una notizia di riepilogo(cronaca dellrsquoevento immagini ecc) il 22 maggio

81 Scopo del modulo Eventi

Il visitatore del sito deve poter cogliere le informazioni essenziali di un evento

bull Cosa sta per succedere

bull Dove accadragrave

bull Quando accadragrave

82 Il Backend ndash Modulo Pagina

Vedi figura Eventi vista modulo pagina (page 74)

83 Il Backend ndash Modulo Lista

Vedi figura Eventi vista modulo lista (page 74)

73

DocWeb Release 101

Figura 81 Eventi vista modulo pagina

Figura 82 Eventi vista modulo lista

83 Il Backend ndash Modulo Lista 74

DocWeb Release 101

84 Creazione di un evento

Prima di procedere poniamoci qualche domanda

bull Lrsquoevento appartiene a qualche rassegna iniziativa per la quale sono in programma altri eventiPer esempio

ndash Rassegne teatrali cinematografiche

ndash Festival

bull Lrsquoevento si ripete

ndash La replica avviene sempre nello stesso luogo

841 Creazione del record

Vedi figura Creazione nuovo evento (page 75)

Vedi figura Creazione nuovo record evento (page 76)

Figura 83 Creazione nuovo evento

842 Scheda ldquoGeneralerdquo

Vedi figura Evento scheda generale (page 76)

843 Scheda ldquoFinestra temporalerdquo

Orario repliche

Vedi figura Evento finestra temporale (page 78)

84 Creazione di un evento 75

DocWeb Release 101

Figura 84 Creazione nuovo record evento

Figura 85 Evento scheda generale

84 Creazione di un evento 76

DocWeb Release 101

bull Lrsquoorario va solo per le Finestre temporali di un giorno (data inizio = data fine)

bull Se non si conosce lrsquoora della fine impostare ora inizio = ora fine

844 Scheda ldquoTestordquo

Vedi figura Evento scheda testo (page 79)

84 Creazione di un evento 77

DocWeb Release 101

Figura 86 Evento finestra temporale

84 Creazione di un evento 78

DocWeb Release 101

Figura 87 Evento scheda testo84 Creazione di un evento 79

  • Introduzione
    • Cosegrave DocWeb
    • Concetti chiave
      • Funzionalitagrave di Base
        • Il CMS Typo3 ldquobackendrdquo e ldquofrontendrdquo
        • Cambio password di accesso
        • Albero delle pagine
        • Implementazione delle pagine ldquogenitori rdquo e ldquofiglirdquo
        • Inserimento Nuova pagina
        • Elementi standard della pagina
        • Inserimento contenuti di una pagina
        • Contenuti multipli allrsquointerno di una pagina
        • Modifica dei contenuti della pagina
        • Spostamento di pagine
        • Eliminazione pagine
        • Rich Text Editor
        • Modalitagrave Lista
        • Modalitagrave Mostra
        • Modalitagrave ldquoMonta come radice dellrsquoalberordquo
        • Ottenere il page-id di una pagina
        • Admin Panel
          • La Clipboard
            • Copia o spostamento di un contenuto singolo di pagina allrsquointerno di unrsquoaltra pagina
            • Copia o spostamento di piugrave contenuti da una pagina ad unrsquoaltra
              • Modulo DAM (Digital Asset Management)
                • Caricamento e Aggiornamento di file
                • Ricerca di file allrsquointerno del DAM e modifica delle meta-informazioni
                  • Modulo Pagine di download
                    • Inserimento e configurazione pagine di download
                      • Modulo Sitemap
                        • Scheda di configurazione Mappa
                        • Tipo di mappa
                        • Il ``punto di partenza della mappa
                          • Modulo News
                            • Inserimento e modifica di news
                            • Modalitagrave Relations
                            • News collegata a URL esterna e a pagina interna
                            • Eliminazione delle News
                            • Ordinamento delle News e ricerca
                              • Modulo Eventi
                                • Scopo del modulo Eventi
                                • Il Backend ndash Modulo Pagina
                                • Il Backend ndash Modulo Lista
                                • Creazione di un evento
Page 77: DocWeb€¦ · per la realizzazione e la gestione di siti web della Pubblica Am-ministrazione. La piattaforma tecnologica utilizzata è il CMS (Content Management System) Open SourceTypo31

DocWeb Release 101

Figura 81 Eventi vista modulo pagina

Figura 82 Eventi vista modulo lista

83 Il Backend ndash Modulo Lista 74

DocWeb Release 101

84 Creazione di un evento

Prima di procedere poniamoci qualche domanda

bull Lrsquoevento appartiene a qualche rassegna iniziativa per la quale sono in programma altri eventiPer esempio

ndash Rassegne teatrali cinematografiche

ndash Festival

bull Lrsquoevento si ripete

ndash La replica avviene sempre nello stesso luogo

841 Creazione del record

Vedi figura Creazione nuovo evento (page 75)

Vedi figura Creazione nuovo record evento (page 76)

Figura 83 Creazione nuovo evento

842 Scheda ldquoGeneralerdquo

Vedi figura Evento scheda generale (page 76)

843 Scheda ldquoFinestra temporalerdquo

Orario repliche

Vedi figura Evento finestra temporale (page 78)

84 Creazione di un evento 75

DocWeb Release 101

Figura 84 Creazione nuovo record evento

Figura 85 Evento scheda generale

84 Creazione di un evento 76

DocWeb Release 101

bull Lrsquoorario va solo per le Finestre temporali di un giorno (data inizio = data fine)

bull Se non si conosce lrsquoora della fine impostare ora inizio = ora fine

844 Scheda ldquoTestordquo

Vedi figura Evento scheda testo (page 79)

84 Creazione di un evento 77

DocWeb Release 101

Figura 86 Evento finestra temporale

84 Creazione di un evento 78

DocWeb Release 101

Figura 87 Evento scheda testo84 Creazione di un evento 79

  • Introduzione
    • Cosegrave DocWeb
    • Concetti chiave
      • Funzionalitagrave di Base
        • Il CMS Typo3 ldquobackendrdquo e ldquofrontendrdquo
        • Cambio password di accesso
        • Albero delle pagine
        • Implementazione delle pagine ldquogenitori rdquo e ldquofiglirdquo
        • Inserimento Nuova pagina
        • Elementi standard della pagina
        • Inserimento contenuti di una pagina
        • Contenuti multipli allrsquointerno di una pagina
        • Modifica dei contenuti della pagina
        • Spostamento di pagine
        • Eliminazione pagine
        • Rich Text Editor
        • Modalitagrave Lista
        • Modalitagrave Mostra
        • Modalitagrave ldquoMonta come radice dellrsquoalberordquo
        • Ottenere il page-id di una pagina
        • Admin Panel
          • La Clipboard
            • Copia o spostamento di un contenuto singolo di pagina allrsquointerno di unrsquoaltra pagina
            • Copia o spostamento di piugrave contenuti da una pagina ad unrsquoaltra
              • Modulo DAM (Digital Asset Management)
                • Caricamento e Aggiornamento di file
                • Ricerca di file allrsquointerno del DAM e modifica delle meta-informazioni
                  • Modulo Pagine di download
                    • Inserimento e configurazione pagine di download
                      • Modulo Sitemap
                        • Scheda di configurazione Mappa
                        • Tipo di mappa
                        • Il ``punto di partenza della mappa
                          • Modulo News
                            • Inserimento e modifica di news
                            • Modalitagrave Relations
                            • News collegata a URL esterna e a pagina interna
                            • Eliminazione delle News
                            • Ordinamento delle News e ricerca
                              • Modulo Eventi
                                • Scopo del modulo Eventi
                                • Il Backend ndash Modulo Pagina
                                • Il Backend ndash Modulo Lista
                                • Creazione di un evento
Page 78: DocWeb€¦ · per la realizzazione e la gestione di siti web della Pubblica Am-ministrazione. La piattaforma tecnologica utilizzata è il CMS (Content Management System) Open SourceTypo31

DocWeb Release 101

84 Creazione di un evento

Prima di procedere poniamoci qualche domanda

bull Lrsquoevento appartiene a qualche rassegna iniziativa per la quale sono in programma altri eventiPer esempio

ndash Rassegne teatrali cinematografiche

ndash Festival

bull Lrsquoevento si ripete

ndash La replica avviene sempre nello stesso luogo

841 Creazione del record

Vedi figura Creazione nuovo evento (page 75)

Vedi figura Creazione nuovo record evento (page 76)

Figura 83 Creazione nuovo evento

842 Scheda ldquoGeneralerdquo

Vedi figura Evento scheda generale (page 76)

843 Scheda ldquoFinestra temporalerdquo

Orario repliche

Vedi figura Evento finestra temporale (page 78)

84 Creazione di un evento 75

DocWeb Release 101

Figura 84 Creazione nuovo record evento

Figura 85 Evento scheda generale

84 Creazione di un evento 76

DocWeb Release 101

bull Lrsquoorario va solo per le Finestre temporali di un giorno (data inizio = data fine)

bull Se non si conosce lrsquoora della fine impostare ora inizio = ora fine

844 Scheda ldquoTestordquo

Vedi figura Evento scheda testo (page 79)

84 Creazione di un evento 77

DocWeb Release 101

Figura 86 Evento finestra temporale

84 Creazione di un evento 78

DocWeb Release 101

Figura 87 Evento scheda testo84 Creazione di un evento 79

  • Introduzione
    • Cosegrave DocWeb
    • Concetti chiave
      • Funzionalitagrave di Base
        • Il CMS Typo3 ldquobackendrdquo e ldquofrontendrdquo
        • Cambio password di accesso
        • Albero delle pagine
        • Implementazione delle pagine ldquogenitori rdquo e ldquofiglirdquo
        • Inserimento Nuova pagina
        • Elementi standard della pagina
        • Inserimento contenuti di una pagina
        • Contenuti multipli allrsquointerno di una pagina
        • Modifica dei contenuti della pagina
        • Spostamento di pagine
        • Eliminazione pagine
        • Rich Text Editor
        • Modalitagrave Lista
        • Modalitagrave Mostra
        • Modalitagrave ldquoMonta come radice dellrsquoalberordquo
        • Ottenere il page-id di una pagina
        • Admin Panel
          • La Clipboard
            • Copia o spostamento di un contenuto singolo di pagina allrsquointerno di unrsquoaltra pagina
            • Copia o spostamento di piugrave contenuti da una pagina ad unrsquoaltra
              • Modulo DAM (Digital Asset Management)
                • Caricamento e Aggiornamento di file
                • Ricerca di file allrsquointerno del DAM e modifica delle meta-informazioni
                  • Modulo Pagine di download
                    • Inserimento e configurazione pagine di download
                      • Modulo Sitemap
                        • Scheda di configurazione Mappa
                        • Tipo di mappa
                        • Il ``punto di partenza della mappa
                          • Modulo News
                            • Inserimento e modifica di news
                            • Modalitagrave Relations
                            • News collegata a URL esterna e a pagina interna
                            • Eliminazione delle News
                            • Ordinamento delle News e ricerca
                              • Modulo Eventi
                                • Scopo del modulo Eventi
                                • Il Backend ndash Modulo Pagina
                                • Il Backend ndash Modulo Lista
                                • Creazione di un evento
Page 79: DocWeb€¦ · per la realizzazione e la gestione di siti web della Pubblica Am-ministrazione. La piattaforma tecnologica utilizzata è il CMS (Content Management System) Open SourceTypo31

DocWeb Release 101

Figura 84 Creazione nuovo record evento

Figura 85 Evento scheda generale

84 Creazione di un evento 76

DocWeb Release 101

bull Lrsquoorario va solo per le Finestre temporali di un giorno (data inizio = data fine)

bull Se non si conosce lrsquoora della fine impostare ora inizio = ora fine

844 Scheda ldquoTestordquo

Vedi figura Evento scheda testo (page 79)

84 Creazione di un evento 77

DocWeb Release 101

Figura 86 Evento finestra temporale

84 Creazione di un evento 78

DocWeb Release 101

Figura 87 Evento scheda testo84 Creazione di un evento 79

  • Introduzione
    • Cosegrave DocWeb
    • Concetti chiave
      • Funzionalitagrave di Base
        • Il CMS Typo3 ldquobackendrdquo e ldquofrontendrdquo
        • Cambio password di accesso
        • Albero delle pagine
        • Implementazione delle pagine ldquogenitori rdquo e ldquofiglirdquo
        • Inserimento Nuova pagina
        • Elementi standard della pagina
        • Inserimento contenuti di una pagina
        • Contenuti multipli allrsquointerno di una pagina
        • Modifica dei contenuti della pagina
        • Spostamento di pagine
        • Eliminazione pagine
        • Rich Text Editor
        • Modalitagrave Lista
        • Modalitagrave Mostra
        • Modalitagrave ldquoMonta come radice dellrsquoalberordquo
        • Ottenere il page-id di una pagina
        • Admin Panel
          • La Clipboard
            • Copia o spostamento di un contenuto singolo di pagina allrsquointerno di unrsquoaltra pagina
            • Copia o spostamento di piugrave contenuti da una pagina ad unrsquoaltra
              • Modulo DAM (Digital Asset Management)
                • Caricamento e Aggiornamento di file
                • Ricerca di file allrsquointerno del DAM e modifica delle meta-informazioni
                  • Modulo Pagine di download
                    • Inserimento e configurazione pagine di download
                      • Modulo Sitemap
                        • Scheda di configurazione Mappa
                        • Tipo di mappa
                        • Il ``punto di partenza della mappa
                          • Modulo News
                            • Inserimento e modifica di news
                            • Modalitagrave Relations
                            • News collegata a URL esterna e a pagina interna
                            • Eliminazione delle News
                            • Ordinamento delle News e ricerca
                              • Modulo Eventi
                                • Scopo del modulo Eventi
                                • Il Backend ndash Modulo Pagina
                                • Il Backend ndash Modulo Lista
                                • Creazione di un evento
Page 80: DocWeb€¦ · per la realizzazione e la gestione di siti web della Pubblica Am-ministrazione. La piattaforma tecnologica utilizzata è il CMS (Content Management System) Open SourceTypo31

DocWeb Release 101

bull Lrsquoorario va solo per le Finestre temporali di un giorno (data inizio = data fine)

bull Se non si conosce lrsquoora della fine impostare ora inizio = ora fine

844 Scheda ldquoTestordquo

Vedi figura Evento scheda testo (page 79)

84 Creazione di un evento 77

DocWeb Release 101

Figura 86 Evento finestra temporale

84 Creazione di un evento 78

DocWeb Release 101

Figura 87 Evento scheda testo84 Creazione di un evento 79

  • Introduzione
    • Cosegrave DocWeb
    • Concetti chiave
      • Funzionalitagrave di Base
        • Il CMS Typo3 ldquobackendrdquo e ldquofrontendrdquo
        • Cambio password di accesso
        • Albero delle pagine
        • Implementazione delle pagine ldquogenitori rdquo e ldquofiglirdquo
        • Inserimento Nuova pagina
        • Elementi standard della pagina
        • Inserimento contenuti di una pagina
        • Contenuti multipli allrsquointerno di una pagina
        • Modifica dei contenuti della pagina
        • Spostamento di pagine
        • Eliminazione pagine
        • Rich Text Editor
        • Modalitagrave Lista
        • Modalitagrave Mostra
        • Modalitagrave ldquoMonta come radice dellrsquoalberordquo
        • Ottenere il page-id di una pagina
        • Admin Panel
          • La Clipboard
            • Copia o spostamento di un contenuto singolo di pagina allrsquointerno di unrsquoaltra pagina
            • Copia o spostamento di piugrave contenuti da una pagina ad unrsquoaltra
              • Modulo DAM (Digital Asset Management)
                • Caricamento e Aggiornamento di file
                • Ricerca di file allrsquointerno del DAM e modifica delle meta-informazioni
                  • Modulo Pagine di download
                    • Inserimento e configurazione pagine di download
                      • Modulo Sitemap
                        • Scheda di configurazione Mappa
                        • Tipo di mappa
                        • Il ``punto di partenza della mappa
                          • Modulo News
                            • Inserimento e modifica di news
                            • Modalitagrave Relations
                            • News collegata a URL esterna e a pagina interna
                            • Eliminazione delle News
                            • Ordinamento delle News e ricerca
                              • Modulo Eventi
                                • Scopo del modulo Eventi
                                • Il Backend ndash Modulo Pagina
                                • Il Backend ndash Modulo Lista
                                • Creazione di un evento
Page 81: DocWeb€¦ · per la realizzazione e la gestione di siti web della Pubblica Am-ministrazione. La piattaforma tecnologica utilizzata è il CMS (Content Management System) Open SourceTypo31

DocWeb Release 101

Figura 86 Evento finestra temporale

84 Creazione di un evento 78

DocWeb Release 101

Figura 87 Evento scheda testo84 Creazione di un evento 79

  • Introduzione
    • Cosegrave DocWeb
    • Concetti chiave
      • Funzionalitagrave di Base
        • Il CMS Typo3 ldquobackendrdquo e ldquofrontendrdquo
        • Cambio password di accesso
        • Albero delle pagine
        • Implementazione delle pagine ldquogenitori rdquo e ldquofiglirdquo
        • Inserimento Nuova pagina
        • Elementi standard della pagina
        • Inserimento contenuti di una pagina
        • Contenuti multipli allrsquointerno di una pagina
        • Modifica dei contenuti della pagina
        • Spostamento di pagine
        • Eliminazione pagine
        • Rich Text Editor
        • Modalitagrave Lista
        • Modalitagrave Mostra
        • Modalitagrave ldquoMonta come radice dellrsquoalberordquo
        • Ottenere il page-id di una pagina
        • Admin Panel
          • La Clipboard
            • Copia o spostamento di un contenuto singolo di pagina allrsquointerno di unrsquoaltra pagina
            • Copia o spostamento di piugrave contenuti da una pagina ad unrsquoaltra
              • Modulo DAM (Digital Asset Management)
                • Caricamento e Aggiornamento di file
                • Ricerca di file allrsquointerno del DAM e modifica delle meta-informazioni
                  • Modulo Pagine di download
                    • Inserimento e configurazione pagine di download
                      • Modulo Sitemap
                        • Scheda di configurazione Mappa
                        • Tipo di mappa
                        • Il ``punto di partenza della mappa
                          • Modulo News
                            • Inserimento e modifica di news
                            • Modalitagrave Relations
                            • News collegata a URL esterna e a pagina interna
                            • Eliminazione delle News
                            • Ordinamento delle News e ricerca
                              • Modulo Eventi
                                • Scopo del modulo Eventi
                                • Il Backend ndash Modulo Pagina
                                • Il Backend ndash Modulo Lista
                                • Creazione di un evento
Page 82: DocWeb€¦ · per la realizzazione e la gestione di siti web della Pubblica Am-ministrazione. La piattaforma tecnologica utilizzata è il CMS (Content Management System) Open SourceTypo31

DocWeb Release 101

Figura 87 Evento scheda testo84 Creazione di un evento 79

  • Introduzione
    • Cosegrave DocWeb
    • Concetti chiave
      • Funzionalitagrave di Base
        • Il CMS Typo3 ldquobackendrdquo e ldquofrontendrdquo
        • Cambio password di accesso
        • Albero delle pagine
        • Implementazione delle pagine ldquogenitori rdquo e ldquofiglirdquo
        • Inserimento Nuova pagina
        • Elementi standard della pagina
        • Inserimento contenuti di una pagina
        • Contenuti multipli allrsquointerno di una pagina
        • Modifica dei contenuti della pagina
        • Spostamento di pagine
        • Eliminazione pagine
        • Rich Text Editor
        • Modalitagrave Lista
        • Modalitagrave Mostra
        • Modalitagrave ldquoMonta come radice dellrsquoalberordquo
        • Ottenere il page-id di una pagina
        • Admin Panel
          • La Clipboard
            • Copia o spostamento di un contenuto singolo di pagina allrsquointerno di unrsquoaltra pagina
            • Copia o spostamento di piugrave contenuti da una pagina ad unrsquoaltra
              • Modulo DAM (Digital Asset Management)
                • Caricamento e Aggiornamento di file
                • Ricerca di file allrsquointerno del DAM e modifica delle meta-informazioni
                  • Modulo Pagine di download
                    • Inserimento e configurazione pagine di download
                      • Modulo Sitemap
                        • Scheda di configurazione Mappa
                        • Tipo di mappa
                        • Il ``punto di partenza della mappa
                          • Modulo News
                            • Inserimento e modifica di news
                            • Modalitagrave Relations
                            • News collegata a URL esterna e a pagina interna
                            • Eliminazione delle News
                            • Ordinamento delle News e ricerca
                              • Modulo Eventi
                                • Scopo del modulo Eventi
                                • Il Backend ndash Modulo Pagina
                                • Il Backend ndash Modulo Lista
                                • Creazione di un evento