GUA ALL USO DELL AREA RISERVATA Sommario PREMESSA... 2 1 Come accedere all Area Riservata... 3 2 del Pannello di gestione del sito web... 4 3 delle sezioni... 7 3.1 - Gestione Sito... 7 3.1.1 - AreaRiservata... 7 3.1.2 - DefinizioneSito... 8 3.1.3 - EmailContatti... 8 3.1.4 - Footer... 8 3.2 - Contenuti... 9 3.2.1 - Menu... 9 3.2.2 - News... 9 3.2.3 - Pagine... 10 3.2.4 - Submenu... 11 3.3 - Multimedia... 12 3.3.1 - Photogallery... 12 3.3.2 - Video... 12 3.4 - Newsletter... 13 3.4.1 - CategoriaNewsletter... 13 3.4.2 - EmailNewsletter... 14 3.4.3 - TestoNewsletter... 14 3.5 - Strumenti... 15 3.5.1 - Gestione File... 15 3.5.2 - Statistiche... 16 3.5.3 - RichiestaAssistenza... 17 4 Esempi di operazioni eseguibili nell area riservata... 18 4.1 - Creazione di una nuova pagina... 18 4.2 - Creazione di una nuova voce di menu... 18 4.3 - Creazione di una voce di sub menu... 19 4.4 - Inserimento di una news... 19 4.5 - Caricamento di file sul sito... 20 4.6 - Inserimento di un link a un file da scaricare... 21 4.7 - Inserimento di un immagine all interno di un testo... 22 1
PREMESSA La seguente guida prevede la descrizione dell area riservata e di alcune operazioni che possono essere eseguite frequentemente. Alcune sezioni descritte potrebbero non essere presenti nel proprio sito perché non si è deciso di attivare determinati moduli. Mentre altre potrebbero essere state omesse perché sono specifiche del proprio sito. 2
1 Come accedere all Area Riservata Per accedere nell area riservata del sito web scrivere nella barra degli indirizzi: http://dominio/admin.asp Si viene indirizzati nella seguente pagina in cui inserire le credenziali (User e password) per l accesso all area, infine premere il pulsante Login. 3
2 del Pannello di gestione del sito web Il pannello di gestione del sito web è suddiviso in cinque sezioni: Gestione sito Contenuti Multimedia Newsletter Strumenti Ognuna di queste ha una funzione specifica: Sezione Gestione Sito Contenuti Multimedia Newsletter Strumenti Definire aspetti specifici del sito web Definire i contenti delle pagine del sito Gestire gli elementi multimediali Gestire la newsletter Utilizzare alcuni strumenti di gestione del sito Tutte le sottosezioni, ad eccezione di quelle appartenenti alla sezione Strumenti, hanno la struttura di una tabella e presentano la stesso pannello di navigazione. 4
I pulsanti del pannello di navigazione hanno le seguenti funzioni: Pulsante Tornare al livello superiore Cercare una riga in base al valore di un campo Esportare una tabella come file csv Visualizzare la query SQL attuale Mostrare la struttura dei campi della tabella Passare alla pagina precedente, una specifica o alla successiva Indica il numero di righe da visualizzare per pagina o se visualizzarle tutte nella stessa pagina Sulle tabelle delle sottosezioni possono essere eseguite le stesse operazioni Pulsante INSERIMENTO MODIFICA CANCELLAZIONE Eliminare la riga Aggiungere una nuova riga nella tabella Modificare la riga del record corrispondente I campi delle tabelle possono essere di tipi differenti e per illustrarne le differenze si prenda come esempio le tabella News e Menu: 5
Tipo Esempio Identifica univocamente una riga, è un numero progressivo e non può essere modificato dall utente Data Data Data da inserire nel formato gg/mm/aaaa Testo breve TitoloITA Testo lungo HTMLTextITA Contiene una sequenza di caratteri alfanumerici con una lunghezza limitata Contiene una lunga sequenza di caratteri alfanumerici. Presenta delle barre degli strumenti molto simili a quelle di Word. Checkbox NonVisualizzare Può assumere solo due valori: Vero/Falso Casella combinata LinkIdPagina Può assumere solo valori presenti nella lista All interno della barra degli strumenti dei campi di tipo Testo lungo è importante sottolineare la presenza di alcuni pulsanti descritti di seguito: Pulsante Incollare del testo copiato Incollare del testo copiato senza mantenere la formattazione originale Incollare del testo copiato da Word mantenendo la formattazione originale. Non utilizzare mai il tasto incolla semplice perché genera degli errori di visualizzazione in alcuni browser Creare un link ad un indirizzo o un documento Creare un punto di ancoraggio all interno della pagina Inserire un immagine all interno del testo 6
3 delle sezioni 3.1 - Gestione Sito La sezione Gestione Sito è suddivisa in altre quattro sottosezioni: Sezione AreaRiservata DefinizioneSito EmailContatti Footer Definire le credenziali di accesso all area riservata (User e Password) Definire informazioni utili per l indicizzazione del sito nei motori di ricerca Definire l indirizzo email a cui arriveranno le richieste degli utenti del sito Definire le informazioni del piè di pagina del sito 3.1.1 - AreaRiservata Il Portale permette l uso dell area riservata a più utenti, con diversi permessi, definiti dall amministratore del sito. La tabella AreaRiservata è composta dai seguenti campi: Sezione NomeUtente Passwordi Admin AdminTabelle Identifica univocamente la riga Nome dell utente Password Indica se l utente è un amministratore e quindi ha il permesso di gestire tutte le tabelle Indica le tabelle che può visualizzare un utente che non ha la funzione di amministratore (indicare il nome delle tabelle separate da virgola) 7
3.1.2 - DefinizioneSito La tabella DefinizioneSito è fondamentale per l indicizzazione del sito nei motori di ricerca, quindi una delle prime operazioni da eseguire è quella di modificare in modo opportuno i suoi campi. La tabella DefinizioneSito è composta dai seguenti campi: NomeSito ParoleChiave Testo che apparirà come titolo del sito nel motore di ricerca Testo che apparirà come descrizione del sito nel motore di ricerca Parole chiave che permetteranno di raggiungere il sito cercandolo all interno di un motore di ricerca 3.1.3 - EmailContatti La tabella EmailContatti è composta dai seguenti campi: Email Indirizzo email a cui perverranno le comunicazioni da parte degli utenti 3.1.4 - Footer La tabella Footer è composta dai seguenti campi: HTMLTextITA HTMLTextENG Testo che apparirà al piè di pagina del sito in lingua italiana Testo che apparirà al piè di pagina del sito in lingua inglese 8
3.2 - Contenuti La sezione Contenuti è composta da 4 sottosezioni principali: Sezione Menu News Pagine Submenu Gestire le voci del menu del sito Gestire le news del sito Gestire i contenuti delle pagine del sito Gestire le voci di sottomenu del sito A queste sottosezioni se ne possono aggiungere altre per permettere la gestione di alcuni contenuti specifici del sito. 3.2.1 - Menu La tabella Menu è composta dai seguenti campi: TitoloITA TitoloENG LinkIdPagina LinkUrlPersonalizzato Ordinamento NonVisualizzare Voce del menu in lingua italiana Voce del menu in lingua inglese Id in forma testuale della pagina a cui è collegata la voce di menu Link ad un indirizzo specifico a cui è collegata la voce di menu Numero sequenziale che indica la posizione della voce di menu rispetto alle altre Flag per specificare se la voce sarà visualizzata nel menu 3.2.2 - News La tabella News è composta dai seguenti campi: Data Data della news nel formato gg/mm/aaaa 9
TitoloITA HTMLTextITA Immagine NonVisualizzare TitoloENG HTMLTextENG Titolo della news in lingua italiana Testo della news in lingua italiana Immagine associata al testo della news Flag per specificare se la news sarà visualizzata Titolo della news in lingua inglese Testo della news in lingua inglese 3.2.3 - Pagine La tabella Pagine è composta dai seguenti campi: IdPagina PrimaPagina TitoloITA HTMLTextITA TitoloLateraleITA HTMLLateraleITA TitoloENG HTMLTextENG TitoloLateraleENG HTMLLateraleENG LivelloDiAccesso Id della pagina che permetterà di richiamarla attraverso i link presenti in altre pagine o nella voce di menu Flag per specificare se parte del contenuto della pagina dovrà apparire in prima pagina Titolo della pagina in lingua italiana Testo della pagina in lingua italiana Titolo della pagina in lingua italiana che apparirà lateralmente Testo della pagina in lingua italiana che apparirà lateralmente Titolo della pagina in lingua inglese Testo della pagina in lingua inglese Titolo della pagina in lingua inglese che apparirà lateralmente Testo della pagina in lingua inglese che apparirà lateralmente Nel caso sia prevista la registrazione da parte degli utenti del sito, questo valore indica se l accesso alla pagina può essere effettuato da un utente autenticato oppure pubblico 10
3.2.4 - Submenu La tabella Submenu è composta dai seguenti campi: Submenu Menu TitoloITA TitoloENG LinkIdPagina LinkUrlPersonalizzato Ordinamento NonVisualizzare Voce di menu a cui è collegata la voce di sottomenu Titolo della voce di sottomenu in lingua italiana Titolo della voce di sottomenu in lingua inglese Id in forma testuale della pagina a cui è collegata la voce di sottomenu Link ad un indirizzo specifico a cui è collegata la voce di sottomenu Numero sequenziale che indica la posizione della voce di sottomenu rispetto alle altre che appartengono alla stessa voce di menu Flag per specificare se la voce sarà visualizzata nel sottomenu 11
3.3 - Multimedia La sezione Multimedia è composta da 2 sottosezioni: Sezione Photogallery Video Gestire le informazioni delle foto presenti nella photogallery Gestire le informazioni dei video presenti nella videogallery 3.3.1 - Photogallery La tabella Photogallery è composta dai seguenti campi: Cartella FileFoto Nome della cartella in cui è presente la foto Nome del file Testo che apparirà come descrizione della foto 3.3.2 - Video La tabella Video è composta dai seguenti campi: id Data TitoloITA TitoloENG File NonVisualizzare Data di inserimento del video nel formato gg/mm/aaaa Titolo del video in lingua italiana Titolo del video in lingua inglese Nome del file video Flag per specificare se il video sarà visualizzato 12
3.4 - Newsletter La sezione Newsletter è composta da 3 sottosezioni: Sezione CategoriaNewsletter Definire categorie di utenti a cui inviare la newsletter EmailNewsletter TestoNewsletter Gestire gli indirizzi email degli utenti a cui inviare la newsletter Gestire il contenuto della newsletter Al di sotto delle sezioni sono presenti almeno tre pulsanti con le seguenti funzioni: Pulsante ANTEPRIMA NEWSLETTER INVIA MESSAGGIO PROVA INVIA LA NEWSLETTER Visualizzare l anteprima della newsletter Inviare un messaggio di prova all indirizzo definito in EmailContatti Inviare la newsletter a tutti gli indirizzi email A questi pulsanti si aggiungono tanti pulsanti INVIA LA NEWSLETTER <nome categoria> quanti sono le categorie inserite nella sezione CategoriaNewsletter in modo da permettere l invio della newsletter solo ad una categoria specifica di utenti. 3.4.1 - CategoriaNewsletter La tabella CategoriaNewsletter è composta dai seguenti campi: NomeCategoria Nome della categoria di utenti 13
3.4.2 - EmailNewsletter La tabella EmailNewsletter è composta dai seguenti campi: Email Categoria1 Categoria2 Categoria3 Disabilita IndirizzoErrato Indirizzo email dell utente a cui inviare la newsletter Prima categoria a cui è associato l utente Seconda categoria a cui è associato l utente Terza categoria a cui è associato l utente Flag per specificare se l utente è abilitato a ricevere l email della newsletter Flag che indica se l indirizzo inserito nel campo email è errato. Il controllo viene effettuato in automatico al primo invio della newsletter. Se l indirizzo è errato viene inviata una email di errore all indirizzo indicato in EmailContatti e viene impostato il valore del campo a vero 3.4.3 - TestoNewsletter La tabella TestoNewsletter è composta dai seguenti campi: id TitoloITA TitoloENG HTMLTextITA HTMLTextENG Titolo della newsletter in lingua italiana Titolo della newsletter in lingua inglese Testo della newsletter in lingua italiana Testo della newsletter in lingua inglese 14
3.5 - Strumenti La sezione Strumenti è composta da 3 sottosezioni Sezione Gestione File Statistiche RichiestaAssistenza Eseguire e gestire l upload dei file sul sito Visualizzare le statistiche relative al sito mediante lo strumento Google Analytics Richiedere assistenza allo staff di Laboratre 3.5.1 - Gestione File Cliccando sulla voce GestioneFile si aprirà in una nuova pagina il pannello di Gestione File del sito. Questo pannello, come indicato in alto a sinistra, permette la gestione della cartella public. Questa cartella conterrà tutti i file che potranno essere caricati sul sito. Accanto al nome di ciascun file e al di sotto della colonna Azioni sono presenti i seguenti pulsanti: Pulsante Visualizzare l anteprima e i dettagli del file Visualizzare l anteprima del file nel browser 15
Rinominare il file Eliminare il file In alto a destra è presente il menu del pannello Pulsante Aggiornare il pannello di Gestione File Aggiungere una nuova cartella Caricare un nuovo file sul sito È preferibile organizzare i file da caricare sul sito in cartelle. Cliccando sul pulsante Nuova Cartella apparirà una nuova finestra in cui inserire il nome da assegnare alla Cartella. I file di cui si può eseguire l upload non possono superare la dimensione di 3 MB. 3.5.2 - Statistiche La sottosezione Statistiche permette di accedere allo strumento Google Analytics per il controllo del traffico del proprio sito web. Una volta inserite le proprie credenziali di accesso sarà possibile visualizzare il rapporto relativo al traffico. Per ulteriori dettagli relativi alle potenzialità di questo strumento visita il sito http://www.google.com/intl/it_all/analytics/. 16
3.5.3 - RichiestaAssistenza La sottosezione RichiestaAssistenza aprirà in una nuova pagina il pannello di Gestione Ticket. Compilando il form si inoltra una richiesta di informazioni allo staff di Laboratre. Aggiornando la pagina apparirà una nuova riga con la richiesta inviata. Una volta che lo staff inoltrerà la risposta al ticket giungerà un email sul proprio indirizzo di posta elettronica che informerà dell avvenuta operazione e sarà possibile consultare la risposta leggendola direttamente in questa sezione. 17
4 Esempi di operazioni eseguibili nell area riservata 4.1 - Creazione di una nuova pagina 1. Accedere alla sezione Contenuti e cliccare sulla sottosezione Pagine 2. Cliccare sul pulsante per inserire una nuova riga 3. Assegnare un idpagina testuale che identifichi la pagina inserendolo nel campo IdPagina 4. Spuntare la casella PrimaPagina se si vuole che il testo compaia in prima pagina (nel caso in cui la struttura del sito lo preveda) 5. Inserire il titolo della pagina in lingua italiana nel campo TitoloITA 6. Inserire il contenuto della pagina in lingua italiana nel campo HTMLTextITA 7. Nel caso in cui la struttura del sito preveda una colonna laterale di testo, inserire il titolo della sezione laterale della pagina in lingua italiana nel campo TitoloLateraleITA e il suo contenuto nel campo HTMLLateraleITA 8. Nel caso in cui il sito preveda l accesso in lingue differenti, inserire il titolo della pagina in lingua inglese nel campo TitoloENG e il suo contenuto nel campo HTMLTextENG 9. Nel caso in cui il sito preveda l accesso in lingue differenti e una colonna laterale di testo, inserire il titolo della sezione laterale della pagina in lingua inglese nel campo TitoloLateraleENG e il suo contenuto nel campo HTMLLateraleENG 10. Indicare il livello di accesso alla pagina (nel caso in cui sia prevista la registrazione da parte degli utenti del sito) 11. Cliccare sul pulsante Ok 4.2 - Creazione di una nuova voce di menu Se la voce di menu che si vuole creare è collegata a una pagina che non esiste già, è necessario eseguire prima le operazioni indicate nel paragrafo 4.1. 1. Accedere alla sezione Contenuti e cliccare sulla sottosezione Menu 2. Cliccare sul pulsante per inserire una nuova riga 3. Inserire il titolo della voce di menu in lingua italiana nel campo TitoloITA 4. Inserire il titolo della voce di menu in lingua inglese nel campo TitoloENG (nel caso in cui il sito preveda l accesso in lingue differenti) 5. Se la voce di menu è collegata ad una pagina interna del sito selezionare l id della pagina nel campo LinkIdPagina, mentre se è 18
collegata ad un link esterno inserire l indirizzo della pagina di riferimento nel campo LinkUrlPersonalizzato 6. Indicare la posizione della voce di menu rispetto alle altre nel campo Ordinamento 7. Spuntare la casella NonVisualizzare se non si vuole rendere visibile la voce all interno del menu 8. Cliccare sul pulsante Ok 4.3 - Creazione di una voce di sub menu Se la voce di sottomenu che si vuole creare è collegata a una pagina che non esiste già, è necessario eseguire prima le operazioni indicate nel paragrafo 4.1. 1. Accedere alla sezione Contenuti e cliccare sulla sottosezione Submenu 2. Cliccare sul pulsante per inserire una nuova riga 3. Selezionare la voce del menu principale a cui è collegata nel campo Menu 4. Inserire il titolo della voce di submenu in lingua italiana nel campo TitoloITA 5. Inserire il titolo della voce di submenu in lingua inglese nel campo TitoloENG (nel caso in cui il sito preveda l accesso in lingue differenti) 6. Se la voce di submenu è collegata ad una pagina interna del sito selezionare l id della pagina nel campo LinkIdPagina, mentre se è collegata ad un link esterno inserire l indirizzo della pagina di riferimento nel campo LinkUrlPersonalizzato 7. Indicare la posizione della voce di submenu rispetto alle altre appartenenti alla stessa voce di menu nel campo Ordinamento 8. Spuntare la casella NonVisualizzare se non si vuole rendere visibile la voce all interno del sub menu 9. Cliccare sul pulsante Ok 4.4 - Inserimento di una news 1. Accedere alla sezione Contenuti e cliccare sulla sottosezione News 2. Cliccare sul pulsante per inserire una nuova riga 3. Di default nel campo Data apparirà la data corrente. Per modificarla scriverla manualmente nel formato gg/mm/aaaa oppure selezionare la data all interno del calendario che apparirà cliccando all interno della casella di testo 4. Inserire il titolo della news in lingua italiana nel campo TitoloITA 19
5. Inserire il testo della news in lingua italiana nel campo HTMLTextITA 6. Se si vuole associare alla news un immagine inserire il nome del file, caricato nella cartella news_img attraverso la sezione Gestione File, seguito dell estensione (es. img_news.jpg) 7. Spuntare la casella NonVisualizzare se non si vuole rendere visibile la news 8. Nel caso in cui il sito preveda l accesso in lingue differenti, inserire il titolo della news in lingua inglese nel campo TitoloENG e il suo contenuto nel campo HTMLTextENG 9. Cliccare sul pulsante Ok 4.5 - Caricamento di file sul sito 1. Accedere alla sezione Strumenti e cliccare sulla sottosezione Gestione File 2. Entrare nella cartella in cui inserire il file oppure cliccare direttamente sul pulsante. Apparirà la seguente finestra: 3. Per selezionare i file da caricare presenti sul proprio computer cliccare sul pulsante Sfoglia. Possono essere caricati al massimo tre file per volta che non potranno superare complessivamente i 3 MB. 4. Cliccare sul pulsante Upload per caricare i file. Ad operazione terminata apparirà un messaggio di conferma del completamento dell upload. 5. Cliccare sul pulsante Chiudi. 20
4.6 - Inserimento di un link a un file da scaricare 1. Se non è stato effettuato, eseguire l upload del file da scaricare (vedi sezione 4.5) 2. Accedere alla sezione Contenuti e alla relativa sottosezione in cui inserire il link al file da scaricare (es. pagine) 3. Se la pagina in cui inserire il link non è stata ancora creata cliccare sul pulsante aggiungi altrimenti sul pulsante modifica 4. Inserire il testo del link nel relativo campo e selezionarlo 5. Cliccare sul pulsante. Apparirà la seguente finestra 6. Inserire il percorso e il nome del file da scaricare seguito dall estensione (es. public/cartella/file.pdf) nel campo URL collegamento 7. Selezionare nella campo Target se il file deve essere aperto nella stessa finestra o in una nuova 8. Cliccare sul pulsante Inserisci 9. Salvare le modifiche cliccando sul pulsante Ok o sul pulsante salva. 21
4.7 - Inserimento di un immagine all interno di un testo 1. Nel campo di testo lungo in cui inserire l immagine cliccare sul pulsante. Apparirà la seguente finestra: 2. Se non è stato effettuato l upload dell immagine seguire le istruzioni riportate nella sezione 4.5 oppure cliccare sul pulsante Sfoglia presente nella finestra, selezionare il file, cliccare sul pulsante Apri e infine su Upload 3. Selezionare il file immagine presente nel riquadro Lista immagini 4. Cliccare su Inserisci 22