27
MANUALE UTENTE

MANUALE UTENTE - Passepartout · 2011-09-20 · AVVERTENZE Il presente manuale descrive la modalità e le caratteristiche per utilizzare al meglio tutte le funzionalità messe a disposizione

  • Upload
    others

  • View
    0

  • Download
    0

Embed Size (px)

Citation preview

Page 1: MANUALE UTENTE - Passepartout · 2011-09-20 · AVVERTENZE Il presente manuale descrive la modalità e le caratteristiche per utilizzare al meglio tutte le funzionalità messe a disposizione

MANUALE UTENTE

Page 2: MANUALE UTENTE - Passepartout · 2011-09-20 · AVVERTENZE Il presente manuale descrive la modalità e le caratteristiche per utilizzare al meglio tutte le funzionalità messe a disposizione

Sommario AVVERTENZE..............................................................................................................................................................................................1 QUICK START PER L’UTENTE (MODIFICA TESTI E IMMAGINI) .......................................................................................................3

CHE COS’E’ PASSWEB.........................................................................................................................................................................3 PAGINA DI AUTENTICAZIONE ..........................................................................................................................................................3 BACKEND PASSWEB ...........................................................................................................................................................................4 MODIFICA DEI CONTENUTI DEL SITO.............................................................................................................................................5 LIVE EDITING........................................................................................................................................................................................5 MODIFICA TESTI (PARAGRAFI) ........................................................................................................................................................7 MODIFICA PARAGRAFI SU TABS....................................................................................................................................................10 MODIFICA PARAGRAFI SU ACCORDION ......................................................................................................................................11 MODIFICA IMMAGINI........................................................................................................................................................................13 MODIFICA GALLERIA DI IMMAGINI..............................................................................................................................................14 MODIFICA INDIRIZZO GOOGLE MAP.............................................................................................................................................15 INSERIMENTO/MODIFICA DI UNA NEWS .....................................................................................................................................16 INSERIMENTO/MODIFICA DI UNA NEWS AVANZATA (CMS)...................................................................................................18 CONFIGURARE IL MODULO WEBBOOKING (solo per utenti in possesso del Gestionale WELCOME)......................................20 GESTIONE RISORSE DEL SITO.........................................................................................................................................................21 PREFERENZE .......................................................................................................................................................................................23

Page 3: MANUALE UTENTE - Passepartout · 2011-09-20 · AVVERTENZE Il presente manuale descrive la modalità e le caratteristiche per utilizzare al meglio tutte le funzionalità messe a disposizione

AVVERTENZE

Il presente manuale descrive la modalità e le caratteristiche per utilizzare al meglio tutte le funzionalità messe a disposizione da Passepartout Passweb nelle varie modalità operative e fornisce all'utente un supporto all'utilizzo dell'applicazione stessa.

In esso vengono spiegate le caratteristiche e le funzioni con l'ausilio di riproduzioni delle pagine video ed esempi pratici.

Il manuale, pur essendo redatto con la massima cura, potrebbe non essere perfettamente allineato al programma a seguito di rilasci di nuove funzioni in momenti successivi alla stesura del manuale stesso; per eventuali discrepanze fra quanto descritto nel manuale e quanto effettivamente riscontrato nel programma, contattare il rivenditore autorizzato per i necessari chiarimenti.

Nella stesura di questo volume ci siamo posti due obiettivi: realizzare un valido strumento da utilizzare nella fase di apprendimento iniziale del programma e fornire un supporto agli utenti più esperti che devono affrontare problematiche particolari.

Nella speranza di aver conseguito i risultati che ci eravamo proposti e scusandoci per eventuali imperfezioni auguriamo a tutti i nostri utenti

Buon lavoro

Reparto Divisione Tecnica Passepartout s.a.

Tutti i marchi registrati sono di appartenenza dei legittimi proprietari.

Page 4: MANUALE UTENTE - Passepartout · 2011-09-20 · AVVERTENZE Il presente manuale descrive la modalità e le caratteristiche per utilizzare al meglio tutte le funzionalità messe a disposizione

QUICK START PER L’UTENTE (MODIFICA TESTI E IMMAGINI) • 3

QUICK START PER L’UTENTE

(MODIFICA TESTI E IMMAGINI)

CHE COS’E’ PASSWEB PassWeb è un’applicazione di tipo CMS che permette di creare e/o gestire i contenuti del sito integrati con le soluzioni Passepartout senza alcuna conoscenza relativa al linguaggio HTML (il linguaggio utilizzato per la costruzione delle pagine Web). Questo “Quick Start” nasce con l’obiettivo di spiegare in modo esaustivo come poter modificare, all’interno di un modello sito precablato scelto precedentemente da un’ elenco di template, tutti i testi e le immagini passibili di modifica.

PAGINA DI AUTENTICAZIONE Per modificare i contenuti del proprio sito è necessario accedere ad uno “spazio riservato” dove poter modificare i contenuti del proprio sito in tutta sicurezza (tecnicamente detto “Backend”). Passweb è di fatto il Backend in esecuzione direttamente sul sito: digitando sulla barra indirizzi del browser l’indirizzo internet del sito di riferimento (es. www.miositointernet.it) ed aggiungendo in coda allo stesso il testo ‘/wizard’ (es. www.miositointernet.it/wizard) si accederà alla pagina di autenticazione dalla quale sarà possibile, una volta inserite le credenziali corrette, poter accedere al Backend di Passweb per modificare testi ed immagini del proprio sito.

Page 5: MANUALE UTENTE - Passepartout · 2011-09-20 · AVVERTENZE Il presente manuale descrive la modalità e le caratteristiche per utilizzare al meglio tutte le funzionalità messe a disposizione

PASSWEB

4 • QUICK START PER L’UTENTE (MODIFICA TESTI E IMMAGINI)

BACKEND PASSWEB Una volta autenticati a Passweb sarà possibile scegliere i contenuti del sito che si vuole modificare. La struttura del Back End si articola in due grandi macro aree funzionali:

• Menù Principale: è il Menù che permette di accedere alle pagine principali di Passweb

• Area di Lavoro: rappresenta le pagine che si aprono in conseguenza della voce di Menù Principale selezionata. Alla prima apertura si aprirà la Homepage del sito stesso che si arricchisce di tutti gli strumenti necessari alla modifica dei contenuti.

Il Menù Principale quindi consente di accedere alle principali funzionalità del Backend.

e si divide nelle seguenti sezioni:

• Sito (tutto ciò che riguarda la gestione e configurazione degli elementi del sito)

• Utenti (tutto ciò che riguarda la gestione degli utenti che possono accedere al backend Passweb)

• Configurazione (per configurazione integrazione coi gestionale Passepartout)

• Posta/Sms (dove poter gestire gli indirizzi di posta dell’amministratore del sito e i dati per le notifiche SMS dell’Area Riservata)

• Statistiche (statistiche integrate dei visitatori del sito)

• Profilo Utente (rappresentato dall’icona del cacciavite e chiave inglese, permette di impostare e/o variare i principali parametri di accesso e di utilizzo del Back End)

• Logout (rappresentato dall’icona della porta aperta, è l’uscita dal Back End di Passweb)

• Accesso al Manuale Passweb

Page 6: MANUALE UTENTE - Passepartout · 2011-09-20 · AVVERTENZE Il presente manuale descrive la modalità e le caratteristiche per utilizzare al meglio tutte le funzionalità messe a disposizione

PASSWEB

QUICK START PER L’UTENTE (MODIFICA TESTI E IMMAGINI) • 5

MODIFICA DEI CONTENUTI DEL SITO Passando il mouse sul bottone “Sito” si aprirà un sottomenù contenente le voci riguardanti tutto ciò che è necessario per l’aggiornamento dei contenuti del sito Web:

Per la modifica dei contenuti del sito posizionarsi su Live Editing.

LIVE EDITING Lo spazio di lavoro diventa il sito stesso che si arricchisce di tutti gli Strumenti necessari alla gestione delle Pagine e dei Componenti sulla pagina. Il Live Editing di PassWeb è lo strumento tramite il quale editare i contenuti del sito. Cliccando su Live Editing si abiliteranno automaticamente anche le sottovoci relative alle funzionalità disponibili per la modifica dei contenuti (contenuti testuali e contenuti immagine);

nello specifico saranno disponibili le sottovoci “Pagine” e “Componenti”.

Le Pagine permette di visualizzare tutte le pagine del sito che è possibile modificare (tecnicamente viene definito “albero delle pagine”) mentre i Componenti sono gli elementi “base”, i mattoni, che formano le pagine.

Page 7: MANUALE UTENTE - Passepartout · 2011-09-20 · AVVERTENZE Il presente manuale descrive la modalità e le caratteristiche per utilizzare al meglio tutte le funzionalità messe a disposizione

PASSWEB

6 • QUICK START PER L’UTENTE (MODIFICA TESTI E IMMAGINI)

PAGINE Il bottone “Pagine” consente di visionare l’albero delle pagine del sito; cliccando sul nome di una pagina sarà possibile aprirla tramite il

bottone “Apri” per editarne poi i contenuti.

Page 8: MANUALE UTENTE - Passepartout · 2011-09-20 · AVVERTENZE Il presente manuale descrive la modalità e le caratteristiche per utilizzare al meglio tutte le funzionalità messe a disposizione

PASSWEB

QUICK START PER L’UTENTE (MODIFICA TESTI E IMMAGINI) • 7

COMPONENTI Una volta aperta la pagina che si desidera modificare il pulsante “Componenti” abilita la selezione dei Componenti che è possibile modificare all’interno della pagina del modello scelto. Premendo il pulsante in figura, posto a destra del Live Editing a forma di spillo:

verranno evidenziati con un bordo rosso i Componenti assegnati all’utente autenticato su Passweb, ovvero i Componenti che potrà modificare. La selezione può avvenire in due modalità: al passaggio del mouse su un Componente modificabile apparirà una finestra con i pulsanti disponibili alla modifica o tramite scelta del Componente dalla Barra Laterale a comparsa (posta nella parte sinistra del browser, richiamabile da una serie di frecce).

oppure attraverso i comandi da tastiera :

apri: tasto ‘Shift’ + ‘Freccia sinistra’

chiudi: tasto ‘Shift’ + ‘Freccia destra’

Due sono le tipologie di componente che si è autorizzati a modificare: contenuti testuali e contenuti immagini.

MODIFICA TESTI (PARAGRAFI) Per quanto riguarda i testi, una volta premuto il pulsante “Componenti”, posizionando il puntatore del mouse su un paragrafo o scegliendo quest’ultimo dalla Barra Laterale, il Componente modificabile verrà evidenziato in azzurro e comparirà una piccola finestra sulla destra della selezione chiamata “Paragrafo” nella quale sarà contenuto il pulsante “Modifica Contenuto”

Page 9: MANUALE UTENTE - Passepartout · 2011-09-20 · AVVERTENZE Il presente manuale descrive la modalità e le caratteristiche per utilizzare al meglio tutte le funzionalità messe a disposizione

PASSWEB

8 • QUICK START PER L’UTENTE (MODIFICA TESTI E IMMAGINI)

Una volta premuto comparirà la finestra di modifica del paragrafo dalla quale sarà quindi possibile procedere all’integrazione, cancellazione e modifica del testo in esso contenuto

• Nome: (obbligatorio): consente di inserire un nome per il paragrafo che si sta modificando

• Contenuto: consente di editare e/o integrare il testo; cliccando al suo interno si abiliteranno i bottoni della barra di editing testuale dalla quale sarà possibile stabilire la formattazione, il colore, eventuali elenchi puntati e numerati, il posizionamento, la creazione di link, l’inserimento di caratteri speciali, di righe orizzontali e di tabelle all’interno del paragrafo in oggetto.

• Immagine: consente di cambiare la risorsa immagine; cliccando su “Seleziona la Risorsa” si accederà al pannello di Gestione risorse (per maggiori informazioni accedere al capitolo relativo di questo manuale), dal quale sarà possibile selezionare un’immagine presente nel database o aggiungerne una nuova attraverso l’upload della risorsa.

• Testo Alternativo: consente di digitare un testo alternativo per il nome del paragrafo che si sta editando, il tutto ai fini della pura indicizzazione ed accessibilità.

Una volta completata la procedura è necessario premere il pulsante ‘Salva'

Se non si vuole applicare alcuna modifica è sufficiente premere ‘Chiudi’

Page 10: MANUALE UTENTE - Passepartout · 2011-09-20 · AVVERTENZE Il presente manuale descrive la modalità e le caratteristiche per utilizzare al meglio tutte le funzionalità messe a disposizione

PASSWEB

QUICK START PER L’UTENTE (MODIFICA TESTI E IMMAGINI) • 9

INSERIMENTO DI TABELLE NEL PARAGRAFO Nella barra degli strumenti presenti all’interno del Editor dei Contenuti del Paragrafo sono presenti alcune funzionalità specifiche. Premendo

il bottone Tabella si aprirà la finestra relativa alle proprietà della tabella che si sta creando, dalla quale sarà possibile stabilire il numero di righe, di colonne, la larghezza e l’altezza in pixel della tabella, il posizionamento e il testo dell’eventuale intestazione, la spaziatura e il padding (spaziatura interna) tra le celle , la dimensione del bordo e l’allineamento.

Una volta confermate con “OK” le impostazioni di base, la tabella comparirà all’interno del Paragrafo. Cliccando col tasto destro del mouse all’interno della tabella sarà possibile gestire ulteriormente le caratteristiche della stessa, aggiungendo righe o colonne o semplicemente, cliccando su proprietà tabella, modificarne le caratteristiche stabilite al momento della creazione.

Page 11: MANUALE UTENTE - Passepartout · 2011-09-20 · AVVERTENZE Il presente manuale descrive la modalità e le caratteristiche per utilizzare al meglio tutte le funzionalità messe a disposizione

PASSWEB

10 • QUICK START PER L’UTENTE (MODIFICA TESTI E IMMAGINI)

MODIFICA TESTI/IMAGINI DA COMPONENTE CONTENITORE In alcuni casi i testi (o immagini) sono inseriti all’interno del Componente Contenitore, una sorta di “gruppo elementi”. Per accedere alla modifica dei testi (o immagini) all’interno di tali Componenti è sufficiente premere il pulsante “Componenti”, posizionando il puntatore del mouse sul Contenitore o scegliendo quest’ultimo dalla Barra Laterale, il Componente modificabile verrà evidenziato in azzurro e comparirà una piccola finestra nella quale sarà contenuto il pulsante ‘Gestione Componente Contenitore’ visualizzata nella figura sottostante:

Apparirà una dicitura sulla Barra degli Strumenti: Stai Editando un Contenitore. Premendo quindi nuovamente “Componenti” Passweb permetterà di modificare i Componenti disponibili all’interno, nelle modalità viste in precedenza (selezionando l’apposito elemento col mouse e premendo l’icona di “Modifica Contenuto”).

Se si intende uscire dalla modifiche “interne” al Componente Contenitore è necessario premere sulla ‘x‘ accanto a Stai Editando un Contenitore per uscire dall’editor di Componente e tornare alla modifiche standard.

MODIFICA PARAGRAFI SU TABS Non sono solo i paragrafi semplici a poter essere modificati. All’interno dei modelli potrebbero infatti esser presenti anche paragrafi composti da Componenti Tabs, paragrafi navigabili tramite contenuti ordinati e selezionabili attraverso “linguette” che permettono l’inserimento di un copioso quantitativo di informazioni opportunamente divise per argomento o tipologia e che andranno ad occupare solo lo spazio impostato inizialmente per il paragrafo in questione.

Modificare un paragrafo di questo tipo è molto semplice, come già detto in precedenza per quel che riguarda i paragrafi standard, è necessario anzitutto impostare il focus sui componenti che è possibile modificare (click sul tasto “Componenti”), portarsi sul componente

Tabs e premere il pulsante Modifica Contenuto . Dalla finestra che si apre sono presenti in lista tutti gli elementi Tabs, come in figura:

Cliccando di volta in volta sul nome di un elemento esistente sarà possibile cancellarlo premendo , editarlo premendo o

aggiungerne uno nuovo premendo .

Page 12: MANUALE UTENTE - Passepartout · 2011-09-20 · AVVERTENZE Il presente manuale descrive la modalità e le caratteristiche per utilizzare al meglio tutte le funzionalità messe a disposizione

PASSWEB

QUICK START PER L’UTENTE (MODIFICA TESTI E IMMAGINI) • 11

Avendo quindi selezionato un Tabs in particolare ed avendo premuto il pulsante di modifica per editarlo, sarà possibile modificarne ogni parte in merito a Titolo e Contenuto, avendo a disposizione, lo stesso editor precedentemente descritto per il paragrafo di testo.

• Titolo: consente di digitare il testo che verrà visualizzato nella linguetta identificativa della scheda che si sta modificando.

• Contenuto: consente di digitare il testo che verrà visualizzato nel corrispondente pannello.

• Eventuale Immagine: consente di cambiare la risorsa immagine; cliccando su “Seleziona la Risorsa” si accederà al pannello di Gestione Risorse (per maggiori informazioni accedere al capitolo relativo di questo manuale), dal quale sarà possibile selezionare un’immagine presente nel database o aggiungerne una nuova attraverso l’upload della risorsa.

NOTA BENE: L’immagine selezionata comparirà all’interno del paragrafo, non è possibile inserire immagini nel Titolo dell’Etichetta (Tabs).

Dopo aver completato le modifiche è necessario premere il pulsante “Modifica Elemento” ,

Il pulsante , consente di inserire una nuova Etichetta (Tabs) nel paragrafo, il procedimento per editarne il contenuto è identico a quanto precedentemente descritto in merito alla modifica di un Tabs già esistente.

Successivamente all’inserimento di tutte le schede Tabs premere “Salva”

Per chiudere la finestra è sufficiente premere il pulsante “Chiudi”

NOTA BENE: L’eventuale nuovo paragrafo andrà a sommarsi a quelli già esistenti,la pagina non verrà in alcun modo compromessa, in alcuni casi l’aggiunta di queste linguette potrebbe alterare il layout del paragrafo stesso. La formattazione dei paragrafi Tabs già esistenti dovrebbe essere sempre intesa in termini di modifica, non di aggiunta, a meno che, naturalmente, non sia stato precedentemente cancellato un Tabs tra quelli disponibili.

MODIFICA PARAGRAFI SU ACCORDION Accordion, letteralmente “fisarmonica", è un modo semplice ed elegante di raggruppare il contenuto, come il Componente Tabs. Attraverso alcuni controlli, che Passweb rende “trasparenti” all’utente senza vedere alcuna riga di codice, vengono nascosti e mostrati determinati contenuti in base all'interazione con l'utente. All’interno dei modelli potrebbero infatti esser presenti anche paragrafi composti dal Componente Accordion. Questo tipo di Componente viene utilizzato principalmente in due casi: per ridurre l'ingombro del testo nella pagina oppure per focalizzare l'attenzione dell'utente su una determinata porzione di testo.

Page 13: MANUALE UTENTE - Passepartout · 2011-09-20 · AVVERTENZE Il presente manuale descrive la modalità e le caratteristiche per utilizzare al meglio tutte le funzionalità messe a disposizione

PASSWEB

12 • QUICK START PER L’UTENTE (MODIFICA TESTI E IMMAGINI)

Esempio Componente Accordion

Anche in questo caso, come per i paragrafi su Tabs, modificare un paragrafo di questo tipo è molto semplice, come già detto in precedenza per quel che riguarda i paragrafi standard, è necessario anzitutto impostare il focus sui componenti che è possibile modificare (click sul tasto

“Componenti”), portarsi sul componente Accordion e premere il pulsante ‘Modifica contenuto’ .

Dalla finestra che si aprirà sono presenti in forma di lista tutti gli elementi dell’Accordion, come in figura:

Cliccando di volta in volta sul nome di un elemento esistente sarà possibile cancellarlo premendo , editarlo premendo o

aggiungerne uno nuovo premendo .

Avendo quindi selezionato un elemento in particolare ed avendo premuto il pulsante di modifica per editarlo, sarà possibile modificarne ogni parte in merito a Titolo e Contenuto, avendo a disposizione, lo stesso editor precedentemente descritto per il paragrafo di testo.

• Titolo: consente di digitare il testo che verrà visualizzato nella linguetta identificativa della scheda che si sta modificando.

• Contenuto: consente di digitare il testo che verrà visualizzato nel corrispondente pannello.

Page 14: MANUALE UTENTE - Passepartout · 2011-09-20 · AVVERTENZE Il presente manuale descrive la modalità e le caratteristiche per utilizzare al meglio tutte le funzionalità messe a disposizione

PASSWEB

QUICK START PER L’UTENTE (MODIFICA TESTI E IMMAGINI) • 13

• Eventuale Immagine: consente di cambiare la risorsa immagine; cliccando su “Seleziona la Risorsa” si accederà al pannello di Gestione Risorse (per maggiori informazioni accedere al capitolo relativo di questo manuale), dal quale sarà possibile selezionare un’immagine presente nel database o aggiungerne una nuova attraverso l’upload della risorsa.

NOTA BENE: L’immagine selezionata comparirà all’interno del paragrafo, non è possibile inserire immagini nel Titolo dell’Etichetta (Accordion).

Dopo aver completato le modifiche è necessario premere il pulsante “Modifica Elemento” ,

Il pulsante , consente di inserire un nuovo Elemento (Accordion) nel paragrafo, il procedimento per editarne il contenuto è identico a quanto precedentemente descritto in merito alla modifica di un elemento già esistente.

Successivamente all’inserimento di tutte le schede premere “Salva”

Per chiudere la finestra è sufficiente premere il pulsante “Chiudi”

MODIFICA IMMAGINI Per poter procedere alla modifica delle immagini sul sito, così come per i testi, è necessario abilitare la gestione di modifica componenti

premendo il bottone “Componenti” e poi portandosi sopra un componente immagine passibile di modifica, premendo il

tasto “Modifica Contenuto”: . Comparirà la finestra di modifica del Componente Immagine:

• Nome (obbligatorio): consente di inserire il nome al Componente Immagine che si sta modificando

• Immagine: consente di cambiare la risorsa immagine; cliccando su “Seleziona la Risorsa” si accederà al pannello di Gestione risorse (per maggiori informazioni accedere al capitolo relativo di questo manuale), dal quale sarà possibile selezionare un’immagine presente nel database o aggiungerne una nuova attraverso l’upload della risorsa.

• Testo alternativo (per accessibilità): consente di digitare un testo alternativo per l’Immagine che si sta editando, il tutto ai fini della pura indicizzazione ed accessibilità.

Una volta selezionata e sostituita l’immagine è necessario premere il pulsante Salva

Page 15: MANUALE UTENTE - Passepartout · 2011-09-20 · AVVERTENZE Il presente manuale descrive la modalità e le caratteristiche per utilizzare al meglio tutte le funzionalità messe a disposizione

PASSWEB

14 • QUICK START PER L’UTENTE (MODIFICA TESTI E IMMAGINI)

MODIFICA GALLERIA DI IMMAGINI Oltre alle Immagini tradizionali i siti modello dispongono anche di una o più gallerie di Immagini gestite tramite javascript. Per procedere alla modifica di queste ultime è necessario abilitare la gestione di modifica componenti premendo il bottone “Componenti”

e poi portandosi sopra un componente Galleria Immagini passibile di modifica, premendo il tasto “Modifica

Contenuto” . Dalla finestra che si aprirà sarà possibile, cliccando di volta in volta sul nome di un’immagine esistente, cancellarla

premendo , editarla premendo o aggiungerne una nuova premendo

Avendo quindi selezionato un’immagine in particolare ed avendo premuto il pulsante di modifica per editarla, compariranno le seguenti opzioni:

• Nome: consente di inserire un nome per il componente che si sta editando (galleria di immagini).

• Dimensione Thumbnail: permette di selezionare la dimensione (in pixel) che dovranno assumere le miniature (thumbnail) delle immagini presenti nella galleria.

NOTA BENE: Le immagini che si andranno a caricare verranno ridotte automaticamente alla dimensione in pixel inserita all’interno del campo “dimensione thumbnail” per essere visualizzate nella pagina. Una volta selezionate si apriranno nella dimensione originale con la quale sono state caricate.

• Testo Alternativo: questo campo oltre che ai fini della pura indicizzazione ed accessibilità, apparirà come didascalia nel momento in cui verrà aperta l’immagine.

Page 16: MANUALE UTENTE - Passepartout · 2011-09-20 · AVVERTENZE Il presente manuale descrive la modalità e le caratteristiche per utilizzare al meglio tutte le funzionalità messe a disposizione

PASSWEB

QUICK START PER L’UTENTE (MODIFICA TESTI E IMMAGINI) • 15

• Immagine: consente di cambiare la risorsa immagine; cliccando su “Seleziona la Risorsa” si accederà al pannello di Gestione risorse (per maggiori informazioni accedere al capitolo relativo di questo manuale), dal quale sarà possibile selezionare un’immagine presente nel database o aggiungerne una nuova attraverso l’upload della risorsa.

Dopo aver completato le modifiche è necessario premere il pulsante “Modifica Elemento” , una volta inserite tutte le

immagini che andranno a formare la galleria, premere “Salva” .

Il pulsante , consente di inserire una nuova immagine nella galleria, il procedimento per editarla o sostituirla è identico a quanto precedentemente descritto in merito alla modifica di un’immagine già esistente.

MODIFICA INDIRIZZO GOOGLE MAP Nel modello precablato viene messa a disposizione anche una mappa di Google perfettamente integrata nel sito ed interattiva. Con Passweb è possibile definire una descrizione e posizionare un icona identificativa su un indirizzo personalizzabile, deciso dall'utente. Per procedere alla modifica è necessario premere il bottone “Componenti” e poi portandosi sopra il Componente Google Map premendo il tasto “Modifica

Contenuto”

Sarà così possibile modificare le informazioni della Mappa, come nella figura sotto riportata:

• Nome: (obbligatorio) consente di inserire un nome per la mappa google che si sta modificando

Page 17: MANUALE UTENTE - Passepartout · 2011-09-20 · AVVERTENZE Il presente manuale descrive la modalità e le caratteristiche per utilizzare al meglio tutte le funzionalità messe a disposizione

PASSWEB

16 • QUICK START PER L’UTENTE (MODIFICA TESTI E IMMAGINI)

• Indirizzo: consente di specificare l'indirizzo in corrispondenza del quale verrà posizionato un Marker identificativo

• Testo Marker: consente di specificare il testo che verrà visualizzato nel fumetto del Marker

• Zoom mappa è il livello di ingrandimento sulla mappa. I valori consigliati sono da 10 a 15.

Sul sito viene generato un errore e non si vede la mappa? Niente paura, affinché la mappa funzioni correttamente è sufficiente attivare la funzionalità della GoogleMap inserendo un codice alfanumerico generato da Google nell'apposito campo posto alla voce di Menù "Sito – Preferenze" (vedere Capitolo successivo per ulteriori informazioni su come inserire il codice di Google nelle Preferenze del Sito)

Se la mappa è configurata correttamente sul sito verrà evidenziata la mappa della zona indicata nell’indirizzo specificato con il testo del Marker inserito precedentemente, come in figura:

INSERIMENTO/MODIFICA DI UNA NEWS Le news sono un comodo strumento per tenere sempre aggiornati i contenuti del sito e rappresentano un modo semplice di comunicare novità, inoltre è un ottimo modo per fidelizzare il cliente, attratto dalle novità inserite sul sito (molto importante rendere il sito sempre “fresco” di nuovi contenuti). Per procedere all’inserimento è necessario premere il bottone “Componenti” e poi portandosi sopra il

Componente News premendo il tasto “Modifica Contenuto”

Page 18: MANUALE UTENTE - Passepartout · 2011-09-20 · AVVERTENZE Il presente manuale descrive la modalità e le caratteristiche per utilizzare al meglio tutte le funzionalità messe a disposizione

PASSWEB

QUICK START PER L’UTENTE (MODIFICA TESTI E IMMAGINI) • 17

Dalla finestra che si aprirà sono presenti in forma di lista le eventuali News già inserite, come in figura:

Cliccando di volta in volta sul nome di un elemento esistente sarà possibile cancellarlo premendo , editarlo premendo o

aggiungerne uno nuovo premendo .

Sarà quindi possibile modificare ogni parte in merito a Titolo e Contenuto, avendo a disposizione, lo stesso editor precedentemente descritto per il paragrafo di testo. Inoltre si potranno definire i seguenti campi generici del Componente News:

• Nome: (obbligatorio) consente di inserire un nome per il Componente News

• Numero di News da Visualizzare: consente di definire quante News visualizzare dall’elenco di quelle inserite sul sito (ad esempio si potrebbe decidere di voler visualizzare solamente le ultime due inserite)

Avendo premuto il tasto “+”, per ogni News sarà possibile poi inserire:

• Titolo: rappresenta il Titolo della news

• Contenuto: rappresenta il contenuto testuale della news

• Eventuale Immagine: consente di cambiare la risorsa immagine; cliccando su “Seleziona la Risorsa” si accederà al pannello di Gestione Risorse (per maggiori informazioni accedere al capitolo relativo di questo manuale), dal quale sarà possibile selezionare un’immagine presente nel database o aggiungerne una nuova attraverso l’upload della risorsa.

Dopo aver completato l’inserimento è necessario premere il pulsante “Aggiungi Elemento” ,

Il pulsante , consente di inserire un nuovo Elemento nella lista News, il procedimento per editarne il contenuto è identico a quanto precedentemente descritto in merito alla modifica di un elemento già esistente.

Successivamente all’inserimento di tutte le News desiderate premere “Salva”

Per chiudere la finestra senza fare alcuna variazione è sufficiente premere il pulsante “Chiudi”

Page 19: MANUALE UTENTE - Passepartout · 2011-09-20 · AVVERTENZE Il presente manuale descrive la modalità e le caratteristiche per utilizzare al meglio tutte le funzionalità messe a disposizione

PASSWEB

18 • QUICK START PER L’UTENTE (MODIFICA TESTI E IMMAGINI)

INSERIMENTO/MODIFICA DI UNA NEWS AVANZATA (CMS) Oltre al Componente News che permette di inserire semplice testo aggiornabile sulla pagina del sito, potrebbe essere necessaria una gestione più avanzata dei Contenuti che tenga conto anche “dell’argomento” che tratta la notizia, della data di pubblicazione per programmare “entrata” ed “uscita” tra quelle visibili e dell’autore che scrive la News. Queste News sono gli elementi fondamentali dei moderni siti blog.

BLOG

Una News avanzata, quindi, è legata ad una data, mentre gli “argomenti” non sono altro che le Categorie nelle quali verranno inseriti tutte le News che trattano quell’argomento. Solitamente i nomi delle categorie sono generici:

Esempi di categorie sono: Cinema, Sport, Attualità, Musica, Libri

Per modificare il Contenuto di queste News avanzate, spostarsi alla pagina “Sito – Gestione CMS”

GESTIONE CATEGORIE Da Gestione CMS possiamo inserire prima di tutto le Categorie che andranno a formare gli argomenti delle nostre News. Le Categorie rappresentano la suddivisione dei Contenuti. Dalla maschera “Gestione CMS – Categorie” è possibile creare e gestire un albero di categorie ad n. livelli.

Per creare una nuova categoria portarsi sulla radice e premere sul pulsante “Nuova”.

Page 20: MANUALE UTENTE - Passepartout · 2011-09-20 · AVVERTENZE Il presente manuale descrive la modalità e le caratteristiche per utilizzare al meglio tutte le funzionalità messe a disposizione

PASSWEB

QUICK START PER L’UTENTE (MODIFICA TESTI E IMMAGINI) • 19

dove sarà possibile inserire:

• Nome: il nome della Categoria.

• Descrizione: Una descrizione per la Categoria.

• Nascondi Categoria sul Sito: permette di nascondere dal sito la categoria ed utilizzarla come Categoria logica.

• Pagina Categoria: è un dato opzionale se si intende indicare una pagina specifica per la Categoria, una sorta di “Home di Categoria”. Se non si seleziona verrà utilizzata una pagina Archivio per tutte le News.

Al fine di completare il nostro esempio quindi è sufficiente inserire un Nome Categoria e una Descrizione. A questo punto dovremo andare a scrivere il Contenuto vero e proprio.

GESTIONE CONTENUTI Dopo aver definito le Categorie, dalla sezione “Contenuti” è possibile inserire la News vera e propria, corredata da una serie di informazioni, compresa la o le categorie di appartenenza. La lista presenta tutti i Contenuti finora inseriti ed i pulsanti: Nuovo, Modifica, Elimina Contenuto. Il Contenuto sarà formato dalle seguenti informazioni: Titolo, Sommario, Contenuto, Data Pubblicazione, Categorie Associate, Immagine (Sommario), Immagine (Contenuto).

Premendo ‘Nuovo Contenuto’ è possibile inserire:

• Titolo della News

• Sommario: è un riassunto sintetico della notizia.

• Contenuto: è il Contenuto della News.

• Categorie Associate: permette di selezionare una o più categorie tra quelle presenti nell’albero.

• Periodo Pubblicazione: è formata da due possibili date: inizio e fine pubblicazione. Inserendo una data di inizio sarà possibile programmate la visualizzazione della news in una determinata data, inserendo una data di fine la News sparirà dall’elenco visualizzato sul sito (da questa sezione sarà comunque sempre visibile e modificabile).

• Mantieni in alto: permette di mantenere la News tra le prime posizioni rispetto alle altre News che non hanno questo flag attivo. Viene utilizzato per dare risalto ad una particolare notizia.

• Immagine (Sommario): un’immagine rappresentativa per il Sommario.

• Immagine (Contenuto): un’immagine rappresentativa per il Contenuto.

Page 21: MANUALE UTENTE - Passepartout · 2011-09-20 · AVVERTENZE Il presente manuale descrive la modalità e le caratteristiche per utilizzare al meglio tutte le funzionalità messe a disposizione

PASSWEB

20 • QUICK START PER L’UTENTE (MODIFICA TESTI E IMMAGINI)

DECIDERE QUALI CATEGORIE DI NEWS VISUALIZZARE Per poter procedere alla scelta di quale categoria di News visualizzare, è necessario abilitare la gestione di modifica componenti premendo il

bottone “Componenti” e poi portandosi sopra un componente Lista News passibile di modifica, premendo il tasto

“Modifica Contenuto”: . Comparirà la finestra di modifica del Componente Lista News:

Le informazioni che interessa gestire sono quelle relative alle “Categorie Associate”, questa selezione permetterà di decidere quali News voglio mostrare:

• Categorie Associate: permette di selezionare quali categorie visualizzare nella Lista News.

L’albero di categorie presente rappresenta la struttura creata all’interno della Gestione CMS. Per una Lista News che comprenda tutte quelle associate alle categorie create occorre selezionarle tutte dall’albero.

• Numero di News da Visualizzare: consente di visualizzare le news più recenti in base al numero indicato. • Formato data: permette di impostare un particolare formato della Data di Pubblicazione tra quelli proposti.

CONFIGURARE IL MODULO WEBBOOKING (solo per utenti in possesso del Gestionale WELCOME) Per configurare correttamente il modulo Web Booking portarsi alla pagina “Configurazione” ed inserire i parametri necessari per configurare l’integrazione tra il sito e Passepartout Welcome.

All’interno di questa pagina verrà quindi visualizzata una maschera, Parametri Configurazione Web Booking:

Identificativo Albergo: consente di indicare la stringa identificativa della propria installazione Welcome (coincide con il codice della propria chiavetta hardware)

Utente e Password: occorre indicare le credenziali fornite al momento dell’attivazione del modulo Web Booking (inizialmente tali credenziali coincidono con il codice della propria chiavetta hardware)

Page 22: MANUALE UTENTE - Passepartout · 2011-09-20 · AVVERTENZE Il presente manuale descrive la modalità e le caratteristiche per utilizzare al meglio tutte le funzionalità messe a disposizione

PASSWEB

QUICK START PER L’UTENTE (MODIFICA TESTI E IMMAGINI) • 21

NOTA BENE: i parametri sono indispensabili per il corretto funzionamento del componente WebBooking. Nel caso in cui tali parametri non vengano indicati o non sia corretto uno di questi il componente WebBooking non potrà funzionare correttamente.

GESTIONE RISORSE DEL SITO Il sito, oltre ai contenuti testuali, necessita anche di immagine rappresentative di ciò che si cerca di comunicare all’utente mentre naviga il sito. Con “Gestione Risorse del Sito” si intende una pagina di Passweb dove vengono archiviate tutte le risorse utilizzate e rapidamente consultabili. Dal Menù Principale ‘Sito’, selezionare la sottovoce di Menù “Gestione Risorse del Sito”.

Attraverso questa pagina è possibile visualizzare le risorse grafiche attualmente utilizzate all’interno del sito, sostituire tali risorse e/o aggiungerne di nuove, costruire un albero di cartelle per raggruppare logicamente le risorse.

Per poter aggiungere una nuova risorsa è sufficiente, previa selezione di una cartella dall’albero disponibile, cliccare sul pulsante Pubblica un File. Si aprirà una maschera come in figura per l’inserimento della risorsa dal proprio computer:

Nel caso in cui non si conosca l’esatto percorso di localizzazione della risorsa il pulsante “Sfoglia” permette di selezionare il file da inserire ricercando la risorsa all’interno di una qualsiasi cartella fisicamente presente sulla propria macchina o su di una qualsiasi altra macchina raggiungibile. Una volta localizzata la risorsa desiderata il pulsante Conferma consente di pubblicare la risorsa nel database di PassWeb. Il campo Nome File permette di nominare la risorsa che si sta per inserire in modo diverso rispetto al nome originale, altrimenti se viene omesso il Nome, la risorsa verrà inserita all’interno del database col nome originale.

Il campo “Archivio .zip” presente a fianco del pulsante “Sfoglia” consente di caricare all'interno del database di Passweb, nella cartella attualmente selezionata, più risorse contemporaneamente attraverso un file .zip.

Lo zip deve contenere solo risorse e non cartelle. Nel caso in cui all’interno dell’archivio compresso siano quindi presenti oltre alle singole risorse anche delle cartelle queste ultime (e le eventuali risorse in esse contenute) non verranno considerate.

Per eliminare una o più risorse precedentemente importate all’interno del database di PassWeb è sufficiente selezionarle dall’elenco, spuntando la relativa casella e cliccare sul pulsante “Elimina File”.

Page 23: MANUALE UTENTE - Passepartout · 2011-09-20 · AVVERTENZE Il presente manuale descrive la modalità e le caratteristiche per utilizzare al meglio tutte le funzionalità messe a disposizione

PASSWEB

22 • QUICK START PER L’UTENTE (MODIFICA TESTI E IMMAGINI)

AGGIUNTA RISORSA DA LIVE EDITING E’ possibile aggiungere una risorsa anche da Live Editing senza dover tornare alla pagina Gestione Risorse, nel momento in cui modifica il contenuto di un Componente (immagine) semplicemente premendo su Cambia Risorsa:

In questo modi si aprirà il pannello di Gestione Risorse con tutte le operazioni precedentemente spiegate al Capitolo “Gestione Risorse del Sito”

DOWNLOAD RISORSA DA LIVE EDITING (IMMAGINI, DOCUMENTI, ZIP, …) Oltre che caricare Immagini si può avere la necessità di caricare anche documenti o archivi pronti al download. Attraverso la procedura che andremo ad illustrare è possibile inserire all’interno del database singole risorse di qualsiasi tipo, dunque non solo risorse di tipo Immagine ma anche risorse di tipo Documenti e File Compressi. Per creare il link di download per prima cosa è necessario modificare un componente Paragrafo da Live Editing come visto in precedenza e poi creare il link che servirà a collegare la risorsa da scaricare.

Premendo quindi sul pulsante ( ) verrà aperta la finestra relativa al Collegamento

Page 24: MANUALE UTENTE - Passepartout · 2011-09-20 · AVVERTENZE Il presente manuale descrive la modalità e le caratteristiche per utilizzare al meglio tutte le funzionalità messe a disposizione

PASSWEB

QUICK START PER L’UTENTE (MODIFICA TESTI E IMMAGINI) • 23

Agendo sul pulsante Cerca sul Server, come in figura, verrà aperta la pagina di “Gestione Risorse” attraverso la quale poter aggiungere e/o ricercare la risorsa desiderata. Nel caso in cui la risorsa desiderata non sia tra quelle disponibili sarà possibile inserirla come descritto in precedenza.

PREFERENZE Per accedere alla modifica delle Preferenze del sito, portarsi alla voce di Menù Principale Sito e selezionare “Preferenze”

Attraverso questa pagina è possibile impostare alcuni parametri del sito,tra i quali la chiave alfanumerica per il corretto funzionamento della Google Map:

Page 25: MANUALE UTENTE - Passepartout · 2011-09-20 · AVVERTENZE Il presente manuale descrive la modalità e le caratteristiche per utilizzare al meglio tutte le funzionalità messe a disposizione

PASSWEB

24 • QUICK START PER L’UTENTE (MODIFICA TESTI E IMMAGINI)

• Nome del Sito: è possibile inserire un Titolo che apparirà nella finestra del Browser, quando verrà aperto il sito.

• Favicon: è l’icona che appare nella barra degli indirizzi dei Browser, cliccando su “Seleziona la Risorsa” è possibile caricare un file di tipi icona (.ico), di dimensioni non superiori a 16x16 pixel che andrà a sostituire quello di default.

• Logo dell’Area Riservata: attraverso questo campo è possibile inserire il logo del Commercialista che verrà visualizzato nella testata dell’Area Riservata, anche qui cliccando su “Seleziona la Risorsa” si avrà la possibilità di caricare un file immagine.

• Chiave Google Map: consente di impostare la API Key (chiave alfanumerica univoca) indispensabile per poter utilizzare in maniera corretta all’interno del sito un componente di tipo “Google Map”. Per poter generare un codice valido occorre avere un account attivo di Google (http://code.google.com/intl/it/apis/maps/signup.html) e specificare l’indirizzo del proprio sito web. Dopo aver inserito la chiave in oggetto è necessario cliccare sul pulsante “Salva”

• Chiave GoogleAnalytics: consente di impostare la API Key (chiave alfanumerica univoca) indispensabile per poter attivare sul proprio sito web il tool di GoogleAnalytics, una soluzione di analisi dei dati web che consente di ottenere informazioni dettagliate sul traffico del proprio sito web, sulle statistiche e sull'efficacia delle campagne di web marketing. Per poter generare la API Key ed attivare il tool di GoogleAnalytics è necessario avere un account attivo di Google Analytics. Per l’utilizzo di questo tool si rimanda all’apposita documentazione presente in rete (es. http://www.google.com/support/analytics/bin/topic.py?hl=it&topic=10977 ). Dopo aver inserito la chiave in oggetto è necessario cliccare sul pulsante “Salva”.

• Mappa del sito: consente di caricare la sitemap (file .xml), generabile con uno qualsiasi dei tool presenti in rete, ed indispensabile per poter attivare sul proprio sito web il tool di GoogleAnalytics. Una volta selezionato il file in oggetto (pulsante “Sfoglia”) occorre cliccare sul pulsante “Conferma”.

Page 26: MANUALE UTENTE - Passepartout · 2011-09-20 · AVVERTENZE Il presente manuale descrive la modalità e le caratteristiche per utilizzare al meglio tutte le funzionalità messe a disposizione
Page 27: MANUALE UTENTE - Passepartout · 2011-09-20 · AVVERTENZE Il presente manuale descrive la modalità e le caratteristiche per utilizzare al meglio tutte le funzionalità messe a disposizione

World Trade Center – Edificio A Via Consiglio dei Sessanta, 99 47891 Dogana – Rep. San Marino Tel. 0549 978011 Fax 0549 978005 www.passepartout.net [email protected]