MANUALE VISTA WEB AGENZIA

Transcript

1 PORTALE E SERVIZI INNOVATIVI MANUALE VISTA WEB AGENZIA (IL SITO PRIVATO DELL AGENZIA CON GLI IMMOBILI DI BORSA TOSCANA) Versione 1.03 del 29 maggio 2009 TINNOVA Azienda Speciale delle Camere di Commercio di Firenze e Prato Sede legale: Via Castello D Altafronte, Firenze Sede operativa: Volta de Mercanti, Firenze Tel Fax info@tinnova.it

2 Premessa Il sistema Pubbliweb su cui si basa VISTA WEB AGENZIA, è realizzato tenendo conto di due concetti: Informazione Cartella Di seguito sono descritte le modalità per la redazione e pubblicazione delle informazioni e delle cartelle. Per procedere alla redazione e pubblicazione è necessario: 1. Essere utenti registrati. 2. Essere stati abilitati a tali funzioni. 3. Effettuare il login. 4. Selezionare «Accedi come Operatore Completo» nella propria scrivania personale. Composizione di VISTA WEB AGENZIA Vista WEB è strutturata nel seguente modo: - Home Page - Pagine web Home Page In Home Page: ci sono le informazioni che vengono visualizzate nella home page (HOME PAGE IT) e nei menu del top (MENU TOP IT). HOME PAGE IT Possono essere inserite in questa sezione alcune informazioni generiche che appaiono nella home page, oppure informazioni particolari, ovvero tutto ciò che si vuole far apparire nella home page in maniera particolare. Esempio Affitti, Vendite, Ville, Appartamenti, etc. MENU TOP IT Contiene l informazione per comporre la barra del menu del top. All attivazione viene decisa la composizione che è realizzata dai tecnici di TINNOVA che ne curano anche le eventuali variazioni. LOGO Viene inserito il Logo dell agenzia che sarà visualizzato in tutte le pagine del sito. Anche in questo caso, viene posto al momento dell attivazione e qualsiasi variazione sarà apportata dai tecnici di TINNOVA. Pagine WEB In Pagine WEB è possibile inserire tutte le informazioni generiche sulle funzionalità del sito o sulle attività dell'agenzia. Per la composizione di questa sezione seguire le istruzioni seguenti. TINNOVA AZIENDA SPECIALE DELLE CCIAA DI FIRENZE E PRATO 2

3 Redazione e pubblicazione delle informazioni Redazione dell informazione Il processo di creazione di una nuova informazione nel sito, avviene attraverso le azioni logicamente distinte di redazione e pubblicazione. All utente redattore è data quindi facoltà di aggiungere, modificare e, successivamente, pubblicare le informazioni sul sito. All atto della redazione di un informazione, in modalità di inserimento o modifica, appare una nuova finestra nella quale sono presenti i seguenti campi: CAMPO Tipo Descrizione Titolo Testo Titolo dell informazione (ciò che compare nel sito) è obbligatorio. Abstract Testo Prefazione sintetica inerente il contenuto dell informazione. Testo Testo Contenuto dell informazione. Riferimenti Testo o HTML Riferimenti collegati all informazione. Offre la possibilità di specificare eventuali riferimenti e di pubblicare pagine in formato HTML. Indirizzo Indirizzo di posta elettronica. Si può indicare un solo indirizzo di posta elettronica. Link o Allegato (Nome) Link o Allegato (Indirizzo) Testo Indirizzo WEB, o nome del file scaricabile. Nome con cui viene visualizzato il link (collegamento ad una pagina WEB). E utile in quanto fa visualizzare all utente un nome diverso dall indirizzo WEB al quale tale link punta. In mancanza di tale campo, viene visualizzato l indirizzo WEB. Link al sito WEB Si può indicare un solo sito WEB (es. oppure un solo documento scaricabile. Se si tratta di un file scaricabile, la procedura prevede l upload utilizzando l apposito pulsante. È necessario utilizzare il prefisso per gli indirizzi esterni. Immagine Testo Nome dell immagine che si può includere nell informazione. L immagine (in formato.bmp,.jpg,.gif, ecc) verrà visualizzata in alto nella pagina in posizione centrale. Si può visualizzare una sola immagine. La procedura prevede l upload utilizzando l apposito pulsante. Immagine (Indirizzo) Indirizzo WEB Link al sito WEB. E utile per rendere cliccabile l immagine presente nella pagina. Utilizzare il prefisso per gli indirizzi esterni. Immagine (Alt) Testo È il testo, relativo all immagine, che appare passando con il mouse sull immagine stessa. Ordine Numerico Assegnazione del numero per l ordine di apparizione dell informazione all interno della cartella. Tipo Numerico Numero che può essere utilizzato, ad esempio per far apparire delle informazioni nella home page. Temi L informazione può essere associata a uno o più temi presenti nel sito. Utile per le ricerche trasversali. TINNOVA AZIENDA SPECIALE DELLE CCIAA DI FIRENZE E PRATO 3

4 Stato Stato di pubblicazione dell informazione. Valori possibili: Non pubblicata (Bozza). Non Pubblicata (Pubblicabile). Pubblicata. Non Pubblicata (Sotto verifica). Pubblicata (Privata). Non Pubblicata (Proposta). Pubblicata (Registrati). Ciascun campo dell informazione può essere formattato in modo diverso dagli altri (es. titolo in testo con altra dimensione di carattere, etc.), se è stato predefinito in questo modo, ed appare in visualizzazione solo se non è vuoto. Se è vuoto non appare. I tasti di formattazione, validi solo per il campo Testo, hanno le seguenti funzionalità: 1. - il testo è visualizzato in Grassetto ; 2. - il testo è visualizzato in Corsivo ; 3. - il testo è visualizzato in Sottolineato Tali comandi devono essere utilizzati nel seguente modo: 1) Scrivere la frase. 2) Selezionare con il mouse quello di cui si vuole modificare la visualizzazione nel campo testo. 3) Fare clic sul pulsante I campi sopra descritti devono essere compilati dall operatore. In fase di inserimento e di modifica di un informazione, il sistema aggiunge automaticamente all informazione le seguenti voci: - Data redazione o modifica. - Nome del redattore. Scelta dello stato di pubblicazione dell informazione L informazione inserita o modificata, può essere immediatamente pubblicata oppure può essere resa momentaneamente non pubblicata dall utente stesso, tramite i valori Pubblicata, Non pubblicata e le altre classificazioni, del campo Stato. Di seguito le spiegazioni dei diversi stati nel dettaglio: Pubblicata : le informazioni sono visibili sul sito e possono essere eliminate o modificate solo dall utente redattore. Non pubblicata (Bozza) : le informazioni non sono visibili sul sito e possono essere eliminate o modificate solo dall utente redattore. Non pubblicata (Sotto verifica) : le informazioni non sono visibili sul sito e non possono essere eliminate o modificate dall utente redattore, in quanto è stato previsto che vi sia un ulteriore passaggio relativo alla verifica prima di pubblicare le informazioni. Pubblicata (Privata) : le informazioni sono visibili solo ad utenti con particolari privilegi (ad esempio che hanno una password) e possono essere eliminate o modificate dall utente redattore che ha anche i privilegi sulle informazioni private. TINNOVA AZIENDA SPECIALE DELLE CCIAA DI FIRENZE E PRATO 4

5 Non Pubblicata (Pubblicabile) : le informazioni non sono visibili sul sito, ad esempio si redige un informazione relativa ad un evento, che si pubblicherà in un secondo momento. Possono essere eliminate o modificate dall utente redattore. Pubblicata (Registrati) : le informazioni sono visibili solo agli utenti registrati. Possono essere eliminate o modificate dall utente redattore. Non Pubblicata (Proposta) : le informazioni non sono visibili sul sito, ad esempio si redige una proposta di informazione che si pubblicherà in un secondo momento. Possono essere eliminate o modificate dall utente redattore. Note: Le informazioni allo stesso pari (cioè dentro la stessa cartella) appaiono secondo il numero d ordine, e a parità di questo in ordine alfabetico. Al momento dell inserimento di una nuova informazione o della modifica di un informazione esistente, il sistema memorizza il Nome e Cognome dell utente e la data. Questi dati non possono essere modificati, se non con la modifica dell informazione stessa. Aggiunta di una nuova informazione Allo scopo di collocare un informazione nel punto giusto dell archivio, si rende necessaria la navigazione attraverso le cartelle. Una volta stabilita la cartella di appartenenza, per aggiungere un informazione fare clic su <<Aggiungi Informazione>>. Una volta completato l inserimento dai dati fare clic su..conferma inserimento... per confermare l inserimento. Oppure fare clic su..chiudi questa finestra... per annullare l inserimento Eliminazione di un informazione Per eliminare un informazione occorre prima selezionarla e poi fare clic su <<Modifica Informazione>>. Nella schermata successiva fare clic su..elimina Modifica di un informazione Per modificare un informazione occorre prima selezionarla e poi fare clic su <<Modifica Informazione>>: nella schermata successiva apportare le modifiche nei vari campi e poi fare clic su..conferma Modifica... Oppure fare clic su..chiudi questa finestra... per annullare la modifica Spostamento di un informazione In caso di errore di inserimento dell informazione in una cartella sbagliata, l informazione stessa può essere spostata nella cartella corretta, facendo click su..sposta... Viene, infatti, mostrato l albero di pubblicazione che permette di scegliere la nuova cartella nella quale spostare l informazione. TINNOVA AZIENDA SPECIALE DELLE CCIAA DI FIRENZE E PRATO 5

6 Nota per i redattori: i vari comandi di inserimento, modifica, ecc, appaiono solo agli utenti redattori. La visualizzazione delle informazioni per gli utenti del sito (non redattori) appare senza tali pulsanti, in modo da non disturbare in fase di lettura. Allo stesso modo, agli utenti del sito non redattori, non compare il nominativo di chi ha redatto l informazione. Redazione delle informazioni senza uso della sintassi HTML Attraverso il sistema Pubbliweb è possibile redigere le informazioni senza conoscere il linguaggio HTML. Tali informazioni potranno essere corredate da un immagine, le parti testuali correlate con indirizzi web esterni o con indirizzi , e la formattazione del testo può avvenire in grassetto, corsivo, sottolineato. Le funzionalità di base permettono di collegare uno solo documento scaricabile nel campo link o allegato (oppure uno solo indirizzo WEB), ed uno solo indirizzo nel campo . Le funzionalità di base permettono inoltre di creare relazioni tra informazioni diverse del sistema, con la possibilità di collegare un informazione ad altre informazioni o cartelle. Ovvero utilizzando il comando Crea collegamento nella pagina di modifica di un informazione, è possibile collegare tale informazione ad un altra cartella, evitando duplicazioni. Ovviamente la cartella collegata non avrà funzionalità di modifica o eliminazione delle informazioni, in quanto le stesse saranno presenti nella cartella di origine Formattazioni del testo nel campo testo Nel campo testo dell Informazione è data la possibilità di utilizzare il Grassetto, il Corsivo e il Sottolineato. I tasti funzionali, presenti nella finestra di inserimento/modifica dell informazione, realizzano il Grassetto, il Corsivo e il Sottolineato. Se si vuole realizzare il Grassetto, oltre a poter utilizzare il tasto risultato digitando:: <$>_B<$> è possibile avere lo stesso Esempio: Questo è in <$>_Bgrassetto<$>. Risultato in visualizzazione: Questo è in grassetto. Se si vuole realizzare il Corsivo, oltre a poter utilizzare il tasto risultato digitando: <$>_I<$>. è possibile avere lo stesso Esempio: Questo è in <$>_Icorsivo<$>. Risultato in visualizzazione: Questo è in corsivo. Se si vuole utilizzare il Sottolineato, oltre a poter utilizzare il tasto risultato digitando: <$>_U<$>. è possibile avere lo stesso Esempio: Questo è in <$>_Usottolineato<$>. Risultato in visualizzazione: Questo è in sottolineato. TINNOVA AZIENDA SPECIALE DELLE CCIAA DI FIRENZE E PRATO 6

7 1.1.5 Come fare collegamenti nel campo Testo ad indirizzi e indirizzi Web. Nel campo testo è stata prevista la possibilità di inserire collegamenti a siti WEB ed indirizzi e- mail. Per fare ciò occorre osservare la seguente procedura: i link devono essere contenuti tra i tag "<$>". Se si vuole linkare un nome diverso dall'indirizzo bisogna mettere il nome, il carattere " " e l'indirizzo. Gli spazi fra le scritte e i tag "<$>" e fra le scritte e " " vengono eliminati. La differenza tra un link e un indirizzo è data dal carattere "@". Se l'indirizzo contiene il carattere "@", allora è un indirizzo , altrimenti è un indirizzo web. Gli indirizzi web sono linkati su una nuova pagina. Viene messo in automatico " (controllare prima se c'è già) quando si linka a indirizzi esterni, quando invece si vuole lineare ad una pagina o a file interni è necessario scrivere seguito dall indirizzo. Esempi: 1. <$> produce la scritta " linkata con 2. <$>info@tinnova.it<$> produce la scritta "info@tinnova.it" linkata all' . 3. <$>TINNOVA produce la scritta " TINNOVA " linkata a 4. <$> TINNOVA info@tinnova.it<$> produce la scritta " TINNOVA " linkata all' info@tinnova.it. Per facilitare il lavoro degli utenti redattori è presente il pulsante seguente modo: che deve essere utilizzato nel 1) Scrivere la frase 2) Selezionare con il mouse quello che si vuole rendere cliccabile nel campo testo 3) Fare clic sul pulsante 4) Inserire: Indirizzo WEB oppure Indirizzo Avvertenza importante per il prosieguo del documento: Le opzioni evidenziate sono opzioni in modalità avanzata, se non in casi particolari e da utenti esperti Simboli utilizzati in HTML per delimitare l'inizio e la fine di un elemento. TINNOVA AZIENDA SPECIALE DELLE CCIAA DI FIRENZE E PRATO 7

8 Come collegare, all interno di una informazione, allegati (files) contenuti nella stessa informazione, contenuti in altre informazioni, oppure appartenenti ai File Comuni. Sono possibili due opzioni: OPZIONE (1) Mettendo un riferimento ad un allegato nel campo Link o Allegato (Indirizzo) dell informazione stessa (è possibile uno solo allegato in ogni informazione). 1.1) Per allegare un file è necessario inserirerlo attraverso il tasto. OPZIONE (2) Mettendo dei riferimenti ad allegati nel campo Testo dell informazione stessa (sono possibili molteplici allegati per ogni informazione): 2.1) Scrivere la frase nel campo testo. 2.2) Selezionare con il mouse quello che si vuole rendere cliccabile nel campo testo. 2.3) Fare clic sul pulsante 2.3.1) Si apre una finestra che permette di scegliere i file presenti nell informazione. I file presenti sono quelli che sono stati precedentemente uploadati per mezzo del comando 2.3.2) Se si vuole allegare un file presente nella informazione con numero ID è possibile cambiare informazione nell apposita finestra ) Se si vuole allegare un file presente tra i File Comuni è possibile selezionarlo nell apposita finestra. Il file deve essere stato messo dall'amministratore dei File Comuni. Come visualizzare, all interno di una informazione, immagini contenute nella stessa informazione, oppure contenute in altre informazioni, oppure appartenenti ai File Comuni. Sono possibili due opzioni: OPZIONE (1) Mettendo un riferimento ad una immagine nel campo Immagine dell informazione stessa (è possibile 1 sola immagine in ogni informazione): Per visualizzare l immagine si può mettere direttamente nel campo Immagine : 1.1) Se si vuole inserire un immagine nell informazione è necessario inserirerlo attraverso il tasto. 1.2) Compilare il campo Immagine (Alt): che deve rappresentare l immagine su browser vocali. OPZIONE (2) Mettendo dei riferimenti ad Immagini nel campo Testo dell informazione stessa (sono possibili molteplici immagini per ogni informazione): 2.1) Scrivere l Alt (rappresenta la scritta che si visualizza passando sull immagine con il mouse) dell immagine nel campo Testo 2.2) Evidenziarlo 2.3) Fare clic sul pulsante 2.3.1) Se si vuole visualizzare un immagine della stessa informazione si apre una finestra che permette di sceglierla. L immagine deve essere stata uploadata prima con il tasto ) Se si vuole visualizzare un immagine presente tra i File Comuni è possibile sceglierla nella sezione file comuni nell apposita finestra. TINNOVA AZIENDA SPECIALE DELLE CCIAA DI FIRENZE E PRATO 8

9 L immagine deve essere stata messa dall'amministratore dei File Comuni. Il risultato sarà la visualizzazione dell immagine con l Alt selezionato. Se non si vuole inserire l Alt dell immagine è sufficiente, al posto dei passaggi 1 e 2, fare clic su un punto del campo testo. Come collegare un informazione ad un altra informazione (es. informazione X) oppure ad una cartella (es. cartella Y) Sono possibili due opzioni: OPZIONE (1) Mettendo un collegamento nel campo Link o Allegato (Indirizzo) dell informazione stessa (è possibile 1 solo collegamento in ogni informazione): Per collegare in questo campo un informazione o una cartella si può mettere direttamente nel campo Link o Allegato (Indirizzo) : IDINFO=X oppure IDCAT=Y OPZIONE (2) Mettendo dei collegamenti nel campo Testo dell informazione stessa (sono possibili N collegamenti in ogni informazione): 1) Scrivere la frase 2) Selezionare con il mouse quello che si vuole rendere cliccabile nel campo testo 3) Fare clic sul pulsante 4) Inserire: IDINFO=X: se si vuole collegare l Informazione X. oppure Inserire: IDCAT=Y: se si vuole collegare la Cartella X. Nota: a) IDINFO e IDCAT devono essere scritti con tutte lettere maiuscole, altrimenti non avviene il collegamento Redazione delle informazioni con l utilizzo della sintassi HTML Pubblicazione di pagine HTML complete di immagini e allegati nel campo Link o Allegato (indirizzo) Per pubblicare una pagina HTML nel campo Link o Allegato (Indirizzo) è sufficiente preparare la pagina HTML sul proprio hard disk ed eseguire l upload con il relativo tasto. TINNOVA AZIENDA SPECIALE DELLE CCIAA DI FIRENZE E PRATO 9

10 Se la pagina HTML contiene allegati o immagini che devono essere visualizzate, è sufficiente eseguire l upload di tali allegati o immagini, utilizzando il tasto presente sopra il campo Riferimenti. Pubblicazione di pagine HTML nel campo Riferimenti dell informazione. E consentito l utilizzo del codice HTML nel campo Riferimenti. Ciò consente di inserire tabelle e testi formattati, qualora necessari per la migliore interpretazione dei testi informativi. Il contenuto di tale campo non entra nel motore di ricerca. Verificare sempre la presenza di eventuali errori HTML nella pagina. La presenza di un errore nella pagina può impedire la possibilità di aprire correttamente anche le altre. Se all interno della sezione HTML (Campo Riferimenti) è necessario inserire delle immagini, allo scopo di visualizzarle, è possibile farlo nel seguente modo: - fare l upload dell immagine o delle immagini utilizzando il pulsante presente sopra il campo Riferimenti. - collegare la sezione HTML alle immagini con le specifiche del linguaggio HTML avendo cura di cambiare il riferimento alle immagini nel seguente modo:./informazioni/files/idinfo/nomefile Dove IDinfo è il numero assegnato dal sistema all informazione. Se all interno della sezione HTML (Campo Riferimenti) è necessario inserire degli allegati scaricabili dall utente è possibile farlo nel seguente modo: - fare l upload degli allegati utilizzando il pulsante presente sopra il campo Riferimenti. - collegare la sezione HTML agli allegati con le specifiche del linguaggio HTML avendo cura di cambiare il riferimento agli allegati nel seguente modo:./informazioni/files/idinfo/nomefile. Dove IDinfo è il numero assegnato dal sistema all informazione. Nota Importante: l IDinfo è assegnato dal sistema in modo automatico al momento del salvataggio dell informazione. Quindi, in caso di nuova informazione, è necessario inserire prima l informazione in modo NON PUBBLICATA (e quindi far assegnare l IDinfo ), e successivamente entrare in MODIFICA e completare la pubblicazione modificando correttamente i riferimenti alle immagini o agli allegati eventualmente contenuti nella parte HTML. Regole basiche di redazione delle informazioni per l accessibilità 1. È necessario fornire un alternativa testuale quando il tipo di oggetto posto sul sito è un immagine, link, ecc. TINNOVA AZIENDA SPECIALE DELLE CCIAA DI FIRENZE E PRATO 10

11 2. E necessario che il colore di un testo non sia l unico elemento discriminante. Ad esempio se vogliamo evidenziare una scadenza o un particolare evento non utilizzare il colore del testo per tale notizia, ma utilizzare ad esempio un carattere più grande o un grassetto. 3. Evitare oggetti e/o scritte lampeggianti. 4. Garantire un sufficiente contrasto tra il testo e lo sfondo. 5. Nel caso di utilizzo di mappe è di fondamentale importanza utilizzare il testo alternativo. 6. Tabelle: utilizzare word. 7. Moduli: utilizzare word. 8. Indice: utilizzare word. 9. Titoli: utilizzare word. 10. Filmati: utilizzare il testo alternativo o l audio. TINNOVA AZIENDA SPECIALE DELLE CCIAA DI FIRENZE E PRATO 11