OPERATORE CORSO ISI PORTAL. Riferimenti. Il portale è disponibile all'indirizzo: FRONTEND

Transcript

1 Pagina 1 CORSO ISI PORTAL OPERATORE Il portale è disponibile all'indirizzo: FRONTEND Riferimenti BACKOFFICE ISIPORTAL

2 ISI Portal: Separazione tra contenuto e grafica I Graphic Templates La particolare architettura di ISI Portal progettata su 3 livelli permette la netta separazione tra contenuti e presentazione grafica. I contenuti vengono alimentati attraverso la console di Back Office, la presentazione grafica è ottenuta attraverso la realizzazione di G-Template "Graphic Templates", costruiti con linguaggio di scripting NON proprietario. Possono infatti essere realizzati in linguaggio JSP, e possono convivere sullo stesso portale. I G-Template sono per il 95% del codice HTML puro (quanto sofisticato e/o aderente allo standard W3C si desideri). Il 5% è costituito dai comandi che effettueranno le chiamate agli "oggetti" ISI-Portal. Rispettando alcune elementari convenzioni, OGNI pagina.jsp, anche di terze parti o di ALTRE applicazioni, potrà utilizzare oggetti ISI-Portal così come G-Template ISI Portal potranno contenere codice proprietario di altre applicazioni. Il G-Template corrisponde ad una pagina web che contiene dei Servizi. I servizi ISIPortal vengono identificati come AREE Di seguito l'elenco dei servizi ISIPortal a disposizione di un l operatore: Menu Contenuti News Eventi Banner In un G-Template possono esserci una o più aree relative allo stesso Servizio o a Servizi diversi. Un area può essere richiamata in più G-Template oppure in ogni G-Template ne viene dichiarata una nuova. Le aree possono essere inserite: in un G-Template in una posizione specifica e con una determinata grafica in un secondo G-Template in un altra posizione e con una grafica completamente diversa.

3 ISI Portal: Alimentazione contenuti Il Back office : interfccia di alimentazione facile, intuitiva ed immediata. La gestione dei contenuti avviene tramite una "console" chiamata Back Office, in cui i servizi abilitati sono visualizzati come link nella barra di navigazione. Le finestre sono tutte strutturate secondo la medesima logica, presentando sulla sinistra i campi di ricerca rapida e l'elenco dei record trovati e sulla destra il record selezionato in modifica con tutti i campi e gli attributi disponibili. La visualizzazione della struttura avviene in modo intuitivo con una rappresentazione ad albero (tipo MS Explorer), e la navigazione avviene tramite semplice click di mouse sui links della struttura stessa.

4 PROGRAMMA Presentazione struttura G-Template Training on the job sull utilizzo delle funzioni: Il corso prevede una panoramica generale delle funzionalità dei moduli ISI Portal e dedica gran parte del tempo all utilizzo diretto dello strumento da parte del cliente. I moduli, illustrati in ogni loro caratteristica, sono: 1. Link a. Inserire, modificare, eliminare un link b. Associare un immagine ad un link c. Inserire un sottolink d. Associare un contenuto ad un link 2. Contenuti, News, Eventi a. Inserire, modificare, eliminare un contenuto b. Associare un immagine ad un contenuto c. Associare un documento ad un contenuto d. Associare una schede ad un contenuto e. Inserire associazioni fra contenuti 3. Banner a. Inserire, modificare, eliminare un banner b. Associare un immagine ad un banner c. Definire un url di destinazione per il banner 4. Archivio Immagini a. Inserire, modificare, eliminare categorie di immagini b. Inserire, modificare, eliminare immagini nell archivio 5. Archivio Documenti a. Inserire, modificare, eliminare categorie di documenti b. Inserire, modificare, eliminare documenti nell archivio

5 LINK Struttura > Link 1. Per aggiungere un link di primo livello a. selezionare il g-template dal menu a tendina in alto sulla sinistra nel quale si vuole aggiungere il link di primo livello b. cliccare sull icona + a fianco del titolo del menu in cui si vuole aggiungere il link di primo livello c. inserire il "nome del link" (campo obbligatorio) d. inserire la descrizione breve del link (campo non obbligatorio) e. inserire URL esterno se il link deve puntare ad un sito diverso da quello in cui ci si trova (campo non obbligatorio) f. stabilire quale sia la pagina di apertura del link: i. stessa pagina farà in modo che il link si apra all interno della stessa finestra del browser ii. nuova pagina farà in modo che il link apra una nuova finestra del browser (questa modalità può servire soprattutto quando il link che si stà inserendo è un link che punta ad un URL esterno) g. slezionare dal menu a tendina "Graphic Template associato" il g-template che si vuole associare al nuovo link, servirà per stabilire in qule forma e in quale pagina si devono aprire i contenuti associati al link che si sta implementando. I campi URL esterno e Graphic Template associato sono incompatibili ovvero uno dei due dev essere obbligatoriamente compilato, ma insieme non possono esserlo. h. cliccare su "inserisci" 2. Per aggiungere un sottolink a. selezionare il g-template dal menu a tendina in alto sulla sinistra dove si vuole inserire il link b. selezionare il link in cui si vuole inserire un sottolink c. cliccare sul tab "sottolink" nella schermata delle proprietà del link selezionato d. cliccare sul pulsante "inserisci" e si aprirà la schermata di inserimento di un nuovo link, la stessa che compare nell inserimento di in link di primo livello. 3. Per rimuovere un link a. selezionare il link b. cliccare sul pulsante "rimuovi" 4. Per modificare un link a. selezionare il link b. impostare le modifiche c. cliccare sul pulsante modifica 5. Per aggiungere un contenuto esistente ad un link a. selezionare il link in cui si vuole inserire il contenuto b. cliccare sul tab "contenuti" nella schermata delle proprietà del link selezionato c. cliccare sul pulsante "associa contenuti" che aprirà un elenco dei contenuti orfani inseriti nel database

6 d. cliccare il contenuto che si vuole associare al link (in questo modo il contenuto scomparirà dall'elenco dei contenuti orfani e comparirà associato al link) 6. per aggiungere un nuovo contenuto a. selezionare il link in cui si vuole inserire il contenuto b. cliccare sul tab "contenuti" nella schermata delle proprietà del link selezionato c. cliccare sul pulsante "inserisci" che aprirà la schermata del contenuto d. procedere alla compilazione del contenuto (vedi punto 1 della sezione CONTENUTI") 7. per modificare un contenuto già associato al link a. selezionare il link in cui si vuole modificare il contenuto b. cliccare sul tab "contenuti" nella schermata delle proprietà del link selezionato c. selezionare il radio bottom a fianco del contenuto che si vuole modificare d. cliccare sul pulsante "modifica" e si entra nelle proprietà del contenuto e. procedere come nella sezione "CONTENUTI" 8. per rimuovere un contenuto da un link a. selezionare il link in cui si vuole rimuovere il contenuto b. cliccare sul tab "contenuti" nella schermata delle proprietà del link selezionato c. selezionare il radio bottom a fianco del contenuto che si vuole rimuovere d. cliccare sul pulsante "rimuovi" e il contenuto viene rimosso dal link ma non dal database, infatti rientra nell'elenco dei contenuti orfani che compaiono quando dal tab contenuti di un link si clicca su "associa contenuti"

7 CONTENUTI Contenuti > Contenuti 1. per inserire un nuovo contenuto a. cliccare sul pulsante "nuovo" sotto il motore di ricerca b. inserire titolo, descrizione breve e descrizione estesa c. cliccare "inserisci" e attendere che la pagina faccia il refresh 2. per modificare un contenuto esistente a. inserire il titolo o parte del contenuto che si vuole modificare nel campo del motore di ricerca sulla sinistra b. cliccare sul pulsante "cerca" e sotto il motore compare l'elenco dei contenuti trovati (LISTA RECORD TROVATI) c. cliccare sul contenuto che si vuole modificare scegliendolo dalla "lista record trovati" d. modificare il contenuto e cliccare sul pulsante "modifica" 3. per aggiungere un'immagine al contenuto a. rifare i primi tre step del punto 2 b. scorrere la schermata del contenuto fino in fondo e cliccare sul pulsante "immagini", si aprirà una pop-up c. cliccare sul pulsante "seleziona da archivio" e si aprirà un'altra finestra con l'archivio delle immagini d. cliccare sulla cartellina della categoria dove abbiamo inserito l'immagine che intendiamo associare al contenuto, per esplodere la cartellina e visualizzare l'elenco delle immagini inserite in quella categoria e. cliccare sulla descrizione dell'immagine che vogliamo associare al contenuto e l'immagine si aprirà sul lato destro della schermata, riportando le proprietà dell'immagine f. cliccare sul link "associa" che compare sotto l'elenco delle proprietà dell'immagine e attendere che compaia la finestra di alert "L'immagine e' stata aggiunta con successo" g. chiudere le due finestre che si sono aperte h. cliccare sul pulsante "modifica" del contenuto 4. per aggiungere un documento al contenuto a. rifare tutti gli step del punto 3 solo selezionando "documenti" al posto di immagini nella schermata del contenuto 5. per aggiungere un'associazione ad un contenuto a. rifare i primi tre step del punto 2 b. cliccare sul tab in alto "associazioni" c. inserire il titolo o parte del titolo del contenuto che si vuole associare a quello creato nel campo testo del motore di ricerca d. cliccare sul pulsante "cerca" e comparirà un elenco dei contenuti che contengono il testo inserito e. cliccare sul link del contenuto che si vuole associare e questo verrà automaticamente spostato in "Associazioni a questo soggetto"

8 6. per eliminare un'associazione ad un contenuto a. rifare i primi tre step del punto 2 b. cliccare sul tab in alto "associazioni" c. cliccare sull'icona delle due facce con la X a fianco dell'associazione che si vuole rimuovere e attendere il refresh della pagina 7. per aggiungere una scheda ad un contenuto a. rifare i primi tre step del punto 2 b. cliccare sul tab in alto "scheda" c. cliccare sul pulsante "Nuova tipologia" che aprirà una finestra con l'elenco delle schede a disposizione d. cliccare sulla scheda che si vuole associare per aggiungerla al contenuto e. compilare i campi della scheda f. cliccare sul pulsante "modifica" per salvare i campi inseriti g. cliccare sul pulsante "rilascia" per mettere on-line i dati della scheda h. tornare sul tab "proprietà" della schermata del contenuto e cliccare sul pulsante "modifica" infondo alla schermata

9 NEWS Contenuti > News Per l'inserimento delle news valgono le stesse cose elencate per i contenuti, in più: 1. nell'inserimento di una nuova news a. esiste un campo url (facoltativo) dove inserire un indirizzo Internet esterno al portale. Fare attenzione che nella compilazione di questo campo non va dimenticato (es. b. le news hanno un periodo di validità all'interno del portale che permette di visualizzarle solo nei giorni prescelti. In fondo alla schermata delle news esistono infatti i campi "Pubblica dal" e "Pubblica al" che vi permettono di impostare il periodo di pubblicazione della news all'interno del portale c. e' importante quando si inserisce una news ricordarsi di selezionare modificare: i. il campo "off-line" che si trova infondo alla schermata (di default e' impostato a "si", voi dovrete impostarlo a "no") ii. il campo "Richiesta pubblicazione" che si trova infondo alla schermata (di default è impostato a "si", voi dovrete impostarlo a "no") 2. una volta che la news e' inserita: a. e' importante ricordarsi di selezionare il tab "Aree" in cima alla schermata che proporrà l'elenco delle aree in cui potreste pubblicare la news. b. spuntare l'area o le aree in cui si intende pubblicare la news c. cliccare sul pulsante modifica d. NOTE: i. il tab "Associazioni" corrisponde esattamente al tab "associazioni" del contenuto ii. Il tab "dati estesi" corrisponde esattamente al tab "scheda" del contenuto

10 EVENTI Contenuti > Eventi Per l'inserimento degli eventi valgono le stesse cose elencate per le news, in più: 1. nell'inserimento di un nuovo evento a. Esiste un campo località che viene utilizzato come voce da richiamare sul portale, è un campo a tendina che viene gestito nel gestionale sotto la voce Contenuti > Localita b. Esiste un campo tipo che viene utilizzato come voce da richiamare sul portale, è un campo a tendina che viene gestito nel gestionale sotto la voce Contenuti > Typologie di eventi c. Gli eventi hanno due periodi da impostare: i. Data effettiva di inizio evento e Data effettiva di fine evento corrispondono alla data in cui l evento avrà luogo e vengono utilizzate nei portali sai come elemento grafico da richiamare che come date per la gestione del calendario eventi. ii. Data inizio visualizzazione evento e Data fine visualizzazione evento che corrispondono alle date delle news 2. gestione delle località Contenuti > Località a. cliccare sul pulsante "nuovo" sotto il motore di ricerca b. inserire la località c. cliccare "inserisci" e attendere che la pagina faccia il refresh 3. gestione delle tipologie Contenuti > Typologie di eventi a. cliccare sul pulsante "nuovo" sotto il motore di ricerca b. inserire la nuova tipologia c. cliccare "inserisci" e attendere che la pagina faccia il refresh

11 BANNER Contenuti > Banners 1. Per aggiungere un nuovo banner a. cliccare sul pulsante "nuovo" sotto il motore di ricerca b. inserire titolo c. inserire al passaggio del mouse (ALT) testo che compare quando si passa sopra ad un immagine con il mouse d. inserire URL se il banner deve puntare ad sito esterno o ad una pagina di contenuto del proprio portale e. inserire la descrizione f. inserire il Numero visualizzazioni : impostare a 0 se la visibilità del benner sul portale non dev essere legata ad un numero massimo di visualizzazioni g. Inserire le date di pubblicazione Pubblica dal e Pubblica al che servono, come per news ed eventi, ad asseganre un periodo di visibilità del banner sul portale. h. Cliccare sul pulsante inserisci i. Selezionare il tab aree e assegnare un area al banner. j. Cliccare sul pulsante modifica 2. Per aggiungere un immagine al banner a. Vedere punto 3 della gestione dei CONTENUTI 3. Per modificare o rimuovere un banner a. Selezionare un area dal menu a tendina sulla sinistra b. Cliccare sul pulsante tutti del motore di ricerca sulla sinistra c. Selezionare il banner che si desidera modificare o rimuovere d. Cliccare sui rispettivi pulsanti Modifica o Rimuovi

12 IMMAGINI Archivio > Immagini 1. Per creare una nuova categoria a. cliccare sull'icona "pagina vuota" alla sinistra della scritta "Categorie" b. inserire "Nome Categoria" c. scegliere la "tipologia" Immagine d. cliccare su "inserisci" e. selezionare il tab "permessi" f. nella colonna "visualizza" cliccare una volta su n.s. relativo alle righe "public" e "everyone", comparirà il check al posto di n.s. 2. Per aggiungere un'immagine nella categoria creata a. cliccare sull'icona "pagina vuota" alla sinistra della nuova categoria inserita b. inserire "descrizione immagine" (testo) c. Lasciare "locale" nella scelta del campo sorgente d. cliccare sul pulsante "browse" a fianco del campo immagine e. selezionare l'immagine dal disco fisso e cliccare su apri, nel campo immagine comparirà il percorso dell'immagine nel vostro disco fisso f. cliccare "aggiungi immagine" e attendere che venga fatto l'upload 3. Per modificare un immagine già inserita a. Esplodere la cartellina a fianco del nome della categoria in cui è stata inserita l immagine che si vuole modificare b. Cliccare sul tab Modifica a fianco delle proprietà dell immagine c. Modificare descrizione e/o selezionare l immagine su disco fisso che dovrà sostituire quella attuale d. Cliccare sul pulsante Modifica e attendere che la pagina venga ricaricata 4. Per eliminare un immagine già inserita a. Esplodere la cartellina a fianco del nome della categoria in cui è stata inserita l immagine che si vuole eliminare b. Cliccare sul tab Modifica a fianco delle proprietà dell immagine c. Cliccare sul pulsante Rimuovi e attendere che la pagina venga ricaricata

13 DOCUMENTI Archivio > Documenti 1. Per creare una nuova categoria a. cliccare sull'icona "pagina vuota" alla sinistra della scritta "Categorie" b. inserire "Nome Categoria" c. cliccare su "inserisci" d. selezionare il tab "permessi" e. nella colonna "visualizza" cliccare una volta su n.s. relativo alle righe "public" e "everyone", comparirà il check al posto di n.s. 2. Per aggiungere un documento nella categoria creata a. cliccare sull'icona "pagina vuota" alla sinistra della nuova categoria inserita b. inserire "Descrizione" (testo) c. cliccare sul pulsante "browse" a fianco del campo Documento d. selezionare l'immagine dal disco fisso e cliccare su apri, nel campo Documento comparirà il percorso dell'documento nel vostro disco fisso e. cliccare "inserisci" e attendere che venga fatto l'upload 3. Per modificare un documento già inserito a. Esplodere la cartellina a fianco del nome della categoria in cui è stato inserito il documento che si vuole modificare b. Modificare descrizione e/o selezionare il documento su disco fisso che dovrà sostituire quello attuale c. Cliccare sul pulsante Modifica e attendere che la pagina venga ricaricata 4. Per eliminare un documento già inserito a. Esplodere la cartellina a fianco del nome della categoria in cui è stato inserito il documento che si vuole eliminare b. Cliccare sul pulsante Rimuovi e attendere che la pagina venga ricaricata