Digitando nel browser si accede al portale. (disponibile da 2/7/12)

Transcript

1 Manuale utente per l ordine online del materiale pubblicitario e modulistica, biglietti da visita e timbri Versione 1.0 del 18/6/12 Login Digitando nel browser si accede al portale. (disponibile da 2/7/12) Viene quindi visualizzata la seguente schermata di Login: A questo punto si devono fornire le proprie credenziali, cioè Nome utente e password, inserendole negli appositi campi. Basterà cliccare poi il tasto Accedi ( ) per effettuare l accesso. 1

2 Nel caso vengano inseriti un Nome Utente e/o una Password non esistenti o non corretti viene visualizzato il messaggio potrà continuare con i passi successivi., altrimenti l esito dell accesso sarà positivo e si Elementi Fissi nella Pagina Dopo aver effettuato l accesso con le corrette credenziali si viene direzionati alla pagina di Scelta dei Prodotti, spiegata in dettaglio più avanti. Come si può notare nella pagina sono visualizzati vari elementi, alcuni dei quali rimarranno fissi per tutto il tempo dell accesso al portale: andremo ora ad esaminarli. Nella parte in alto a sinistra della pagina viene visualizzato il pulsante di Logoff, al fianco del quale si trovano il Nome del Referente, l Username di riferimento ed il collegamento per cambiare password; sotto a questi i pulsanti per passare e gestire i propri Ordini: esamineremo tra poco le loro mansioni. Questi pulsanti saranno sempre disponibili all utente, che per esempio può scegliere, mentre sta creando un nuovo ordine, di visualizzare gli ordini già compiuti da lui e ritornare poi al nuovo ordine, mantenendo di fatto gli stessi articoli aggiunti precedentemente nel carrello. Più precisamente i pulsanti/collegamenti fissi citati hanno le seguenti funzionalità: LogOff: Termina la sessione dell utente corrente e ritorna alla pagina di Login; Cambia password: Conduce alla pagina di modifica della password; Ordini: Ridireziona alla sezione degli Ordini; Statistiche: Ridireziona alla sezione delle Statistiche; Catalogo: Ridireziona alla sezione Catalogo; Biglietti da visita: Ridireziona alla sezione Biglietti da visita; Timbri: Ridireziona alla sezione Timbri. 2

3 Creazione di un Nuovo Ordine Pagine di Scelta dei Prodotti (Catalogo Biglietti da Visita Timbri): Il tool presentato in questo documento permette la creazione e la gestione di tre tipologie di ordini, che corrispondo alle sezioni: 1. Catalogo 2. Biglietti da Visita 3. Timbri Selezioniamo la sezione Catalogo e analizziamone le funzionalità principali. Analizzeremo in seguito le funzionalità aggiuntive che appartengono alle altre due categorie (Biglietti da visita, Timbri). Ad una prima vista risulterà simile a quella in immagine: 3

4 Sotto agli elementi fissi viene visualizzato il corpo della pagina. Questo è così organizzato: in altro vi è una barra con, sulla sinistra, la descrizione della operatività principale della pagina, mentre sulla destra è visibile il processo di evasione dell ordine ( Il tuo ordine, Scegli i prodotti, riepilogo, destinatario ). In grassetto viene evidenziata la posizione corrente all interno del processo di evasione Il pulsante Continua all estrema destra è il pulsante principale e deve essere cliccato quando si ritiene conclusa la fase corrente e si desidera avanzare alla successiva. Esempio: ho terminato di scegliere i prodotti, clicco continua per pasdare al riepilogo (carrello) Sotto la barra appena esaminata e sulla sinistra della pagina si trova una colonna che permette di selezionare quali prodotti verranno visualizzati. Si può scegliere di visualizzare Tutti i Prodotti, cliccando su Visualizza Tutti, o tutti quelli appartenenti ad una singola categoria o sottocategoria cliccando sul nome della stessa: Si può altrimenti scegliere di ricercare una parola o comunque dei caratteri all interno di un qualsiasi campo dell articolo tramite l apposito campo per l inserimento ed il relativo pulsante di Cerca : 4

5 Viene quindi stilata una lista di articoli coerenti con le condizioni da noi specificate e visualizzata in una tabella: ad ogni riga corrisponde un articolo con le relative informazioni e caratteristiche. Due altre funzioni che possono aiutare ad arrivare agli articoli desiderati sono Ordinamento e Filtraggio. Ordinamento: Gli articoli nella tabella possono essere ordinati, cliccando l intestazione della caratteristica secondo la quale si vogliono ordinare. Ad esempio cliccando su Descrizione gli articoli vengono ordinati in ordine alfabetico rispetto alla loro descrizione, come in figura: Questo è possibile per qualsiasi colonna descrittiva (quindi non di inserimento né contenente pulsanti), ma si può ovviamente avere solo un ordinamento per volta. Nel caso dei campi numerici l ordinamento può essere in ordine crescente o decrescente, mentre nei campi contenenti parole l ordinamento può essere alfabetico da A a Z o al contrario (da Z a A). Cliccando invece sul campo di intestazione Codice gli articoli vengono ordinati in ordine crescente o decrescente. Filtraggio: Le colonne possono inoltre essere filtrate, cioè possono venire aggiunte delle condizioni agli articoli in tabella, diverse a seconda del campo da filtrare, che gli articoli stessi dovranno rispettare. Una volta cliccata sull intestazione Codice e scelta la modalità di ordinamento preferita (crescente o decrescente) viene quindi aperto un menu, simile a quello nella figura successiva, in cui è possibile selezionare la condizione da noi voluta (in questo caso sceglieremo Ordine decrescente ): 5

6 La tabella viene ricaricata, visualizzando solo gli articoli che rispettano la condizione da noi inserita, come si può notare nell immagine successiva: Ritornando alla tabella di scelta degli articoli considerata poco fa, dopo aver visto come ordinare per giungere agli articoli desiderati vediamo ora come aggiungerli al carrello. Per aggiungere un articolo al carrello è sufficiente specificarne la quantità nel campo a inizio riga e poi cliccare sul pulsante di aggiunta ( ) posto subito a fianco: 6

7 Al click, la riga dell articolo aggiunto viene evidenziata in grigio scuro, in modo da comunicare all utente che vi sono già articoli di quel tipo nel carrello. Il procedimento per aggiungere un articolo si può ripetere per un qualsiasi numero di articoli, fino a quando si decide di continuare nel processo id evasione dell ordine. In caso di molti articoli in griglia, sotto la tabella si può trovare una barra utile per navigare tra gli articoli (Paging). Questa è così strutturata: Sulla sinistra si trovano delle frecce e dei numeri, relativi alle pagine, ed il campo Dimensione pagina, come in figura: Cliccando sulle frecce o direttamente sul numero si può cambiare la pagina corrente, con queste specifiche: pulsante : Visualizza la prima pagina (rimane sulla stessa se la pagina è la prima); pulsante : Visualizza la pagina precedente (rimane sulla stessa se la pagina è la prima); Numero Specifico: Visualizza la pagina che ha come numero quello selezionato; pulsante : Visualizza la pagina successiva (rimane sulla stessa se la pagina è l ultima); pulsante : Visualizza l ultima pagina (rimane sulla stessa se la pagina è l ultima); Il campo Dimensione pagina specifica invece quanti articoli alla volta sono presenti in tabella: cliccando sul numero a fianco della scritta lo si può modificare, scegliendo tra 10, 15, 20 o 50 articoli in tabella. Cambiando la dimensione della pagina la tabella viene ricaricata con la nuova dimensione, anche se i filtri e l ordinamento applicati alla tabella rimangono gli stessi. La parte della barra posta all estremo destro della tabella specifica invece all utente, come nell immagine di seguito, quale pagina è visualizzata, quante sono le pagine totali, quali righe si stanno visualizzando e quante ce ne sono in totale: 7

8 Nella colonna sinistra, sotto la voce Articoli nel carrello è disponibile un riepilogo veloce che consente di visualizzare gli articoli attualmente nel carrello. Una volta selezionati e aggiunti al carrello tutti gli articoli desiderati è necessario premere continua per proseguire nel processo di evasione e passare al riepilogo dell ordine 8

9 Pagina di Riepilogo dell Ordine: La pagina di riepilogo dell ordine serve come ultimo controllo per, consentendogli di modificare le quantità degli articoli o di rimuovere uno o più articoli dall ordine. La pagina elenca in una tabella, ordinabile come spiegato precedentemente, tutti gli articoli selezionati in precedenza con le quantità totali, come nell esempio in immagine: Per rimuovere un articolo dall ordine cliccare sul pulsante Elimina dal Carrello ( ) e confermare la successiva richiesta. La riga dell articolo non verrà quindi più visualizzata e l articolo sarà rimosso dal carrello. Nel caso venissero rimossi tutti gli articoli dal carrello, che quindi sarà vuoto, si viene ridirezionati alla pagina di scelta dei prodotti. Se si vuole invece modificare la quantità di un articolo scriverla nell apposito campo per l inserimento e poi cliccare sul pulsante per aggiornarla ( ). Esempio Modificare la quantità di un articolo che si sta ordinando da 3 a 5: Identificare la quantità dell articolo in questione: Cliccare sul campo da modificare e inserire la nuova quantità: Cliccare sul tasto per aggiornare la quantità ( ). La quantità è aggiornata: (si nota anche dal campo Qta tot (PZ), sulla destra in tabella) Una volta finite le modifiche sugli articoli nella pagina di riepilogo si può quindi passare all inoltro dell ordine, cliccando su Continua. 9

10 Pagina di Modifica del destinatario dell Ordine: La pagina di modifica destinatario ( destinatario viene visualizzata soltanto nel caso l utente sia abilitato a modificare il destinatario di un ordine rispetto alle impostazione di default, altrimenti, il processo immissione ordine viene concluso e si viene ricondotti subito alla pagina di conferma ordine. La pagina di modifica del destinatario serve quindi per modificare i dati del destinatario solo per il corrente ordine, come visualizzato nell immagine: Nella pagina è possibile modificare uno o più campi del destinatario e, cliccando su Continua, il processo immissione ordine viene concluso e si viene ridirezionati alla pagina di conferma ordine. 10

11 Pagina Conferma dell Ordine: La pagina Conferma ordine esprime all utente che l ordine è andato a buon fine. E sufficiente cliccare il collegamento clicca qui per essere ridirezionati alla sezione degli Ordini. Se l utente dipende da autorizzatore (per la categoria di prodotti) l ordine apparirà nella sezione ordini atuorizzati. Altrimenti apparirà nella sezione ordini da autorizzare. Nota: alcune cotagorie di utenze possono essere configurate per avere un ulteriore passaggio di autorizzazione (scelta autorizzatore) 11

12 Creazione di un Nuovo Ordine BV o Timbri Pagine di Scelta dei Prodotti (Biglietti da Visita o Timbri): Selezioniamo la sezione Biglietti da Visita e analizziamone le funzionalità principali. Il procedimento per l immissione dell ordine del biglietto da visita ricalca quello esplicitato per la sezione Catalogo. Scelgo tipologia biglietto che mi interessa, inserisco quantità, clicco su icona carrello. 12

13 Una volta cliccato (a differenza di quello che accade per la creazioni di un ordine nella sezione Catalogo ), si aprirà una pop up che permetterà all utente di visualizzare l anteprima e di personalizzare in tempo reale il proprio biglietto da visita: La personalizzazione del biglietto da visita e del proprio ordine avverrà attraverso la compilazioni di campi predefiniti campi. Posizionando il mouse sull icona ( )., saranno visualizzabili le istruzioni e informazioni di compilazione relative a quel campo (es. Mario Rossi). Riassumendo le azioni che l utente può compiere: Modificare la quantità del prodotto selezionato. Compilare tutti i campi presenti (che varieranno a seconda dei prodotti selezionati e dei permessi dell utente). Visualizzare in anteprima il modello di biglietto da visita a seconda delle info inserite nei campi. Modificare i campi. Confermare il prodotto. 13

14 Esempi di campi: Modelli Una utile funzionalità di questa sezione riguarda la possibilità di salvare la compilazione corrente per poterne poi disporre in un momento successivo. Salvare un modello Per salvare un modello una volta compilati i campi a piacimento: 1 Digitare il nome a scelta nel relativo menu a tendina 2 Premere l icona Salva Oppure Premere il pulsante conferma Richiamare un modello Per richiamare un modello: Scegliere il nome modello dall apposita casella. Sarà possibile poi confermare il prodotto come da modello oppure introdurre delle variazioni. Eliminare un modello Per eliminare un modello: 1 Scegliere il nome modello dal relativo menu a tendina 2 Premere l icona X accanto al menu a tendina 14

15 Pagina di Riepilogo dell Ordine: Per questa parte valgono le stesse considerazioni fatte per la sezione catalogo. Cliccando su Continua, l utente sarà reindirizzato alla pagina di Inoltro dell ordine. Pagina di Modifica del destinatario dell Ordine: Per questa parte valgono le stesse considerazioni fatte per la sezione catalogo. Cliccando su Continua, l utente sarà reindirizzato alla pagina di Autorizzazione (se utente soggetto ad autorizzazione). 15

16 Pagina di Autorizzazione: Alcuni utenti, rispetto ad alcune categorie di prodotti sono soggetti all autorizzazione di utenti speciali abilitati al autorizzazione ordini. L utente potrà selezionare l autorizzatore del proprio ordine scegliendo tra quelli visualizzati nella schermata a sinistra. Il colore grigio scuro segnala la scelta attuale dell autorizzatore. Cliccando su Continua, l utente sarà reindirizzato alla Conferma Ordine.L ordine verrà presentato all autorizzatore perché possa esserne verificato il contenuto. In caso di mancata autorizzazione verrà presentato nalla sezione ordini/non autorizzati. 16

17 Ordini La sezione degli ordini raccoglie gli ordini relativi all utente (Catalogo, Biglietti da visita, Timbri), è divisa in 3 griglie: Da autorizzare: visualizza gli ordini relativi all utente ancora da autorizzare; Autorizzati: visualizza gli ordini relativi all utente autorizzati da un Autorizzatore Non autorizzati: visualizza gli ordini relativi all utente non autorizzati da un Autorizzatore Massivi: visualizza a quale gruppo massivo appartiene il proprio ordine; Tutti: visualizza tutti gli ordini relativi all utente filtrabili a piacimento; Cliccando sul pulsante Ordini o dopo aver concluso un operazione, per esempio un nuovo ordine o la modifica della password, si può giungere alla prima pagina della sezione, che sarà simile alla seguente: Sotto agli elementi fissi e vicino al pulsante Ordini si ha quindi una seconda barra orizzontale, simile a quella nella prossima figura, con cui si può scegliere quali ordini visualizzare nella tabella sottostante. Cliccando sull icona stampabile. è possibile generare un riepilogo di ciascun ordine 17

18 Funzionamento dei Filtri Questa sezione spiega più in dettaglio il funzionamento dei filtri applicati alle tabelle. Qualsiasi tabella visualizzata da un utente può essere, oltre che ordinata per una caratteristica, filtrata. Filtrare significa aggiungere delle condizioni agli elementi in tabella, così da limitare la visualizzazione solo agli elementi rispettanti queste condizioni. Il filtraggio è, di norma, caratterizzato da un icona a forma di imbuto ( ) a fianco del campo dove è possibile inserire il valore secondo il quale si vuole imporre la condizione. Una volta cliccato il pulsante del filtro viene visualizzato un menu (un esempio è quello nella figura successiva) in cui è possibile selezionare la condizione da noi voluta: Più genericamente, al clic dell icona possono essere visualizzati solo due tipi diversi di menu, a seconda della caratteristica sulla quale si andrà a filtrare: Il tipo numerico: permette di applicare condizioni su numeri o su date, accettando quindi solo degli input numerici nel campo d inserimento o, nel caso di un campo data, accettando solo date nel formato gg/mm/aaaa. I campi d inserimento di tipo data avranno sempre al loro fianco un pulsante calendario ( ) per scegliere più facilmente il giorno: basterà cliccarlo e apparirà un calendario sul quale si potrà selezionare il giorno scelto, simile a quello nella successiva immagine. 18

19 Una volta scelto il giorno questo verrà riportato nel campo d inserimento secondo la corretta sintassi (ad esempio se si selezionerà il 19 marzo 2010 nel campo verrà scritto 19/03/2010 ); Il tipo stringa: come quello dell immagine di seguito, il menu di tipo stringa permette di applicare condizioni sulla parola o sul carattere inserito (ad esempio Timbri ). Oltre al tipo di filtraggio con campo d inserimento, pulsante e relativo menu vi sono anche altri tipi di filtraggio, che andremo ora ad analizzare. Esiste un tipo di filtraggio in cui non si ha nessun menu, ma solo il campo di inserimento. È il caso di vari campi delle tabelle nella sezione Fornitore, come si può vedere per Revisione nell immagine successiva. Per filtrare le colonne in questione basterà inserire la parola o il carattere secondo cui si filtrerà e cliccare Invio (Enter). Seguono esempi: Filtraggio per Stato ordine: 19

20 Filtraggio per Tipo ordine: Ai filtri dinamici (quelli con a fianco ) si aggiungono anche i filtri senza pulsante. Basterà infatti inserire una parola o dei caratteri in un campo di inserimento posto sotto alla descrizione della colonna (ad esempio il campo sotto Data, Numero, Fornitore ) e cliccare Invio (Enter) per ricercare tutti i campi contenenti ciò che abbiamo inserito. Un altra caratteristica è che, anche cambiando sezione (passando per esempio da Autorizzati a Non Autorizzati ), gli ordinamenti e i filtri applicati alla tabella rimangono gli stessi. Altre funzioni nella tabella sono quelle che riguardano il dettaglio di ciascun ordine. Cliccando sul tasto per espandere l ordine ( ), posto all inizio di ciascuna riga, si possono infatti visualizzare più dettagliatamente uno o più ordini nella tabella. Al clic viene aperta una seconda tabella, sotto il relativo ordine, che elenca gli articoli selezionati nell ordine. Un esempio si può vedere nell immagine qui di seguito, in cui 2 articoli sono visti in dettaglio. Cliccando invece sul pulsante, presente in ciascuna riga relativa ad un ordine, viene posta in primo piano una schermata (pop up) che riassume tutti i dati dell ordine, come per esempio nella figura sottostante: 20

21 Cliccando poi all esterno della schermata apparsa o sulla x in alto a destra della stessa questa viene chiusa e si ritorna alla pagina precedente. Per tutte le tabelle nella sezione degli ordini i filtri e i campi visualizzati sono gli stessi, quindi una volta compreso come leggere una pagina le altre sono molto simili, ovviamente riferendosi ad ordini diversi (la sezione Autorizzati è chiaramente diversa da quella Non Autorizzati, ma contiene pur sempre degli ordini e le loro specifiche). 21

22 Modifica Password La pagina di modifica della password viene visualizzata quando un utente vuole modificare la propria password e clicca quindi sul collegamento Cambia Password. La scheramta che ci appare è la seguente: Al centro dello schermo si hanno i tre campi per la modifica della password (Password Corrente, Password Nuova e Conferma) con relativo campo d inserimento e, poco più sotto, il pulsante Salva. 22

23 Statistiche La sezione delle Statistiche consente di visualizzare le statistiche di articoli o quantità e, volendo, esportarle in un Report. Si giunge a questa pagina cliccando sul pulsante Statistiche. A seconda del ruolo e dei privilegi, ogni utente visualizzerà una schermata personalizzata relativa ai suoi ordini. 23

24 Autorizzazione degli Ordini Gli utenti di tipo autorizzatore hanno il compito di autorizzare degli ordini immessi dagli utenti. Esistono diverse modalità di autorizzazione variabili in base a categoria prodotto e società (autorizzatore a scelta, autorizzatore predefinito, no autorizzatore) Una volta effettuato il login: Procedura di autorizzazione: In questa pagina vengono visualizzati gli ordini asspciati all autorizzatore, il cui stato finale è ancora da decidere. Per esempio vengono nello screenshot presentati dueordine appena inseriti da un utente in attesa di autorizzazione. Come si può notare dall immagine, ogni riga, quindi ogni ordine, ha associati i controlli che serviranno all Autorizzatore per cambiare lo stato o i dati dell ordine. Pulsante ( ) fornisce all Autorizzatore informazioni utili sull ordine. Cliccando si apre una finestra che riepiloga le informazioni principali riguardanti l ordine in oggetto (data di creazione, codice, società ), come mostra la schermata che segue: Cliccando sulle freccia a sinistra è possibile espandere la riga rodine per evidenziare i dettagli dei prodotti. Se si tratta di biglietti da visita o timbri (prodotti configurabili) sarà visibile l anteprima. 24

25 e Approvazioni : Posizionando il mouse sopra l icona ( attesa di validazione. ) comparirà messaggio che certifica lo stato dell ordine (es. In 25

26 Pulsante ( ) permette la visualizzazione nel dettaglio dell ordine (codice articolo, descrizione, prezzo, unità di misura, importo). Alla destra della schermata i comandi multipli di azione a disposizione dell Autorizzatore (previa selezione a mezzo checkbox delle righe su cui operare): Elimina selezionati: bottone che serve per eliminare uno o piò ordini presenti Nega Autorizzazione: bottone che serve per negare autorizzazione. Autorizza: bottone che serve per concedere autorizzazione. 26

27 Grazie per l attenzione 27