Differences between revisions 43 and 77 (spanning 34 versions)
Revision 43 as of 2013-12-02 11:34:24
Size: 6423
Editor: 10
Comment:
Revision 77 as of 2015-10-05 08:45:45
Size: 8004
Editor: a.santurbano
Comment:
Deletions are marked like this. Additions are marked like this.
Line 4: Line 4:
Line 6: Line 7:
Le maschere di ricerca si presentano con una serie di ccampi di testo "combo" che includono le liste valori da attivare singolarmente, Le maschere di ricerca si presentano con una serie di campi di testo "combo" che includono le liste valori da attivare singolarmente,
Line 35: Line 36:
=== Visualizzazione degli attributi ===
Line 43: Line 46:
= AWA =
AWA è un progetto WEB per la salute e il benessere degli animali raggiungibile presso http://demo.izs.it/awa/. (da completare)
=== Scaricare i dati in tabella in formato Excel ===
Selezionando l'apposito pulsante {{attachment:bottoneExcel.jpg}} è possibile scaricare il contenuto della tabella in un file excel per ulteriori elaborazioni in locale.

{{attachment:downloadExcel.jpg}}

Si noti che il file scaricato conterrà:

 * Tutte le '''righe''' presenti in tabella, anche quelle non visualizzate ma presenti nelle pagine successive
 * Tutte le '''colonne''' attualmente visualizzate in tabella (se si ritengono necessati altri attributi occorrerà quindi preventivamente selezionarli fra i campi visualizzati, come descrito sopra). Nell'esempio in figura sarà prodotto un file excel contenente tutti i 68 elementi inclusi nelle 7 pagine della tabella rappresentata.
Line 47: Line 58:
Attualmente il progetto è in una versione di sviluppo. La versione è indicata nell'header della pagina web in alto a sinistra. Avviseremo tutti gli utenti di Testing al rilascio di nuovi versioni. In questo momento si consiglia di prestare attenzione alla versione in uso. (Immagine della versione) Attualmente il progetto è in una versione di sviluppo. La versione è indicata nell'header della pagina web in alto a sinistra.

Gli utenti di Testing saranno avvisati al rilascio di nuovi versioni.

In questo momento si consiglia di prestare attenzione alla versione in uso.

{{attachment:awaversion.png}}
Line 50: Line 67:
Le email per segnalare bugs o per altra qualsiasi richiesta relative al progetto sono le seguenti: La email per segnalare bugs o per altra qualsiasi richiesta relative al progetto è: awa@izs.it
Line 52: Line 69:
 * Adriano Di Pasquale: a.dipasquale@izs.it == Login ==
Per testare il Sistema è necessario effettuare il login in alto a destra.
Line 54: Line 72:
 * Andrea de Ruvo: a.deruvo@izs.it (Da confermare) {{attachment:awalogin.png}}
Line 56: Line 74:
== Testing ==
Tutti gli utenti relativi al progetto AWA interessati a provare il sistema possono richiedere un account di test via email.
== Cambio Profilo ==
Durante l'utilizzo dell'applicativo è possibile che ad un utente siano associati più profili; per poter effettuare un cambio del proprio profilo si procede in tre passi:
Line 59: Line 77:
== Manuale ==
In questo manuale simuleremo l'utilizzo del sistema da due categorie di utenti: 1. Persone di Riferimento 2. Configuratori ed è suddiviso per Ruolo di appartenenza.
=== Apertura popup di selezione del profilo ===
{{attachment:webapp-changeprofile-1.png}}
Line 62: Line 80:
=== Login ===
Per testare il Sistema è necessario effettuare il login in alto a destra. (immagine)
Come mostrato in immagine selezionare il bottone "Cambio profilo" cerchiato in rosso.
Line 65: Line 82:
=== Menu ===
Il menù è disponibile in alto a sinistra solo dopo aver effettuato il login. (immagine)
=== Selezione del nuovo profilo ===
{{attachment:webapp-changeprofile-2.png}}
Line 68: Line 85:
=== Configuratore ===
Con questo ruolo l'utente può creare delle categorie da associare alle Call o ai Programmi.
Dalla lista dei profili associati alla vostra utenza selezionare il profilo desiderato
Line 71: Line 87:
==== Categorie ====
Selezionare la voce "Categorie" dal Menù.
=== Salvataggio del profilo ===
{{attachment:webapp-changeprofile-3.png}}
Line 74: Line 90:
Le categorie sono rappresentate in forma gerarchica. Questo presenta dei vantaggi: è possibile raggruppare delle categorie in una categoria generica, è possibile specializzare di volta in volta ogni categoria generica, e si crea un "cammino logico" tra le categorie. Una volta scelto il profilo è sufficiente premere sul bottone "Ok" cerchiato in rosso per procedere allo switch del profilo, questo comporterà un aggiornamento della pagina.
Line 76: Line 92:
===== Ricerca =====
E' possibile caricare e filtrare le persone utilizzando la maschera di "Ricerca" posta in alto.
== Menu ==
Il menù è disponibile in alto a sinistra solo dopo aver effettuato il login.
Line 79: Line 95:
(immagine) {{attachment:awamenu.png}}
Line 81: Line 97:
===== Inserimento =====
E' possibile inserire una nuova categoria cliccando sul pulsante Nuovo in basso a destra della tabella. Si aprirà una nuova schermata dove poter inserire i dati.
== Modalità di interazione ==
L'applicativo fornisce una serie di funzionalità per la manipolazione dei dati.
 * '''Ricerca''': E' possibile caricare e filtrare le persone utilizzando la maschera di "Ricerca" posta in alto.
Line 84: Line 101:
(immagine)  * '''Inserimento''': E' possibile inserire un nuovo dato cliccando sul pulsante "Nuovo" in basso a destra della tabella. Si aprirà una nuova schermata dove poter inserire i dati.
Line 86: Line 103:
===== Modifica =====
E' possibile modificare una nuova categoria con un doppio click sulla riga della tabella d'interesse. Si aprirà una nuova maschera dove poter modificarei dati.
 * '''Modifica''': E' possibile modificare udn dato con un doppio click sulla riga della tabella d'interesse. Si aprirà una nuova maschera dove poter modificare i dati.
Line 89: Line 105:
(immagine)  * '''Cancellazione''': E' possibile cancellare un dato con un doppio click sulla riga della tabella d'interesse. Si aprirà una nuova maschera dove si potrà cancellare la riga selezionata cliccando sul tasto "Elimina".
Line 91: Line 107:
===== Cancellazione =====
E' possibile cancellare una categoria con un doppio click sulla riga della tabella d'interesse. Si aprirà una nuova maschera dove si potrà cancellare la riga selezionata cliccando sul tasto "Elimina".
== Modifica visualizzazione delle griglie ==
Line 94: Line 109:
(immagine) === Personalizzazione ===
Line 96: Line 111:
==== Persone ====
Selezionare la voce "Persone" dal Menù.
Tutte le griglie (elenchi) sono personalizzabili nella loro visualizzazione.
E’ possibile modificare l’ordine di visualizzazione delle colonne presenti nella griglia attraverso la seguente modalità operativa:
 * portare il mouse sulla testata della colonna di cui interessa modificarne la posizione;
 * mantenendo premuto il tasto sinistro del mouse spostare la colonna nella posizione desiderata.
Line 99: Line 116:
(immagine) {{attachment:personalizzazione-1.png}}
Line 101: Line 118:
===== Ricerca =====
E' possibile caricare e filtrare le persone utilizzando la maschera di "Ricerca" posta in alto.
E’ possibile effettuare tale operazione su tutte le colonne, modificando così a piacimento la visualizzazione della griglia.
Line 104: Line 120:
(immagine) {{attachment:personalizzazione-2.png}}
Line 106: Line 122:
===== Inserimento =====
E' possibile inserire una nuova persona cliccando sul pulsante Nuovo in basso a destra della tabella. Si aprirà una nuova schermata dove poter inserire i dati.
E’ inoltre possibile aggiungere delle colonne nella griglia oppure nasconderne delle altre. Tale azione è possibile farla cliccando sul pulsante {{attachment:personalizzazione-pulsante-colonne.png}}.
Line 109: Line 124:
(immagine) {{attachment:personalizzazione-3.png}}
 
Viene quindi visualizzata una finestra attraverso la quale selezionare le colonne da visualizzare nella griglia.
Line 111: Line 128:
===== Modifica =====
E' possibile modificare una nuova persona con un doppio click sulla riga della tabella d'interesse. Si aprirà una nuova maschera dove poter modificarei dati.
{{attachment:personalizzazione-4.png}}
 
E’ anche possibile personalizzare la larghezza delle colonne della griglia:
 * posizionare il mouse sulla riga che divide due colonne;
 * mantenendo premuto il tasto sinistro del mouse spostare la riga nella posizione desiderata.
 
{{attachment:personalizzazione-5.png}}
  
=== Salvataggio impostazioni personalizzate ===
Line 114: Line 138:
(immagine) E’ inoltre possibile aggiungere delle colonne nella griglia oppure nasconderne delle altre. Tale azione è possibile farla cliccando sul pulsante {{attachment:personalizzazione-pulsante-salvagriglia.png}}.
Line 116: Line 140:
===== Cancellazione =====
E' possibile cancellare una categoria con un doppio click sulla riga della tabella d'interesse. Si aprirà una nuova maschera dove si potrà cancellare la riga selezionata cliccando sul tasto "Elimina".
{{attachment:personalizzazione-6.png}}
 
Viene quindi visualizzata una finestra attraverso la quale poter salvare sul proprio pc (attraverso degli appositi cookies) la personalizzazione effettuata sulla griglia.
Line 119: Line 144:
(immagine) {{attachment:personalizzazione-7.png}}
 
=== Ordinamento dei dati in base al contenuto di una colonna ===
Line 121: Line 148:
=== Persone di Riferimento ===
Con questo ruolo l'utente può creare dei Programmi da assegnare alle Call.

==== Programmi ====
Selezionare la voce "Programmi" dal Menù.

(immagine)

===== Ricerca =====
E' possibile caricare e filtrare le persone utilizzando la maschera di "Ricerca" posta in alto.

(immagine)

===== Inserimento =====
E' possibile inserire un nuovo Programma cliccando sul pulsante Nuovo in basso a destra della tabella. Si aprirà una nuova schermata dove poter inserire i dati.

(immagine)

===== Modifica =====
E' possibile modificare un nuovo Programma con un doppio click sulla riga della tabella d'interesse. Si aprirà una nuova maschera dove poter modificarei dati.

(immagine)

===== Cancellazione =====
E' possibile cancellare un Programma con un doppio click sulla riga della tabella d'interesse. Si aprirà una nuova maschera dove si potrà cancellare la riga selezionata cliccando sul tasto "Elimina".

(immagine)
E’ possibile ordinare l’elenco visualizzato nella griglia in base al contenuto di una determinata colonna. Per ordinare le righe della griglia:
 * portare il mouse sulla testata della colonna sui cui valori interessa ordinare le righe;
 * cliccare con il tasto sinistro del mouse;
 * le righe vergono ordinate in ordine crescente;
 
{{attachment:personalizzazione-8.png}}
 
E’ inoltre possibile ordinare in ordine decrescente l’elenco visualizzato nella griglia in base al contenuto di una determinata colonna:
 * portare il mouse sulla testata della colonna sui cui valori interessa ordinare le righe;
 * cliccare due volte con il tasto sinistro del mouse;
 * le righe vergono ordinate in ordine decrescente;
 
{{attachment:personalizzazione-9.png}}

Funzionalità del front-end

Funzionalità offerte dalle maschere di ricerca

Le maschere di ricerca si presentano con una serie di campi di testo "combo" che includono le liste valori da attivare singolarmente,

ricerca_campi_nascosti.gif

Durante le fasi di ricerca o inserimento di nuovi valori, le combo possono essere attivate inserendo caratteri o agendo sulle iconcine a destra del campo di testo.

ricerca_da_lista_valori.gif

Le liste valori si attivano, cliccando sul simbolo del triangolo rivolto verso il basso oppure digitando i primi caratteri del valore cercato direttamente nel campo testo. Nel secondo caso, è possibile utilizzare il carattere speciale '%', per indicare una wildcard (lista di caratteri vuota o arbitrariamente lunga).

lista_valori_ordinamento.gif

La combo inizia la ricerca visualizzando il risultato o un elenco di voci filtrate per la stringa di caratteri digitati. E' possibile ordinare l'elenco dei risultati cliccando sulle voci che descrivono i campi (vedi esempio).

lista_valori_attivata.gif

Nel caso di una ricerca errata il sistema visualizza una maschera per resettare/ripulire il valore. Altri esempi:

ricerca_tipo_campione.gif

Funzionalità offerte dalle griglie ottenute dopo una ricerca

Dopo avere avviato una ricerca nella parte inferiore della stringa, "Risultato", il sistema visualizza una serie di funzionalità.

legenda_griglia.gif

Legenda griglia:

spiegazione_griglia.gif

Visualizzazione degli attributi

Ad esempio è possibile visualizzare o nascondere delle colonne.

Selezionando l'apposito pulsante impostazioni_colonne.gif , il sistema apre una finestra ove è possibile selezionare o deselezionare le voci.

operazioni_su_colonna.gif

Effettuata la scelta occorre selezionare il pulsante ok e sulla grigia selezionare direttamente il pulsante salva_griglia.gif che consente di memorizzare o resettare la proprietà di una tabella.

Scaricare i dati in tabella in formato Excel

Selezionando l'apposito pulsante bottoneExcel.jpg è possibile scaricare il contenuto della tabella in un file excel per ulteriori elaborazioni in locale.

downloadExcel.jpg

Si noti che il file scaricato conterrà:

  • Tutte le righe presenti in tabella, anche quelle non visualizzate ma presenti nelle pagine successive

  • Tutte le colonne attualmente visualizzate in tabella (se si ritengono necessati altri attributi occorrerà quindi preventivamente selezionarli fra i campi visualizzati, come descrito sopra). Nell'esempio in figura sarà prodotto un file excel contenente tutti i 68 elementi inclusi nelle 7 pagine della tabella rappresentata.

Versione

Attualmente il progetto è in una versione di sviluppo. La versione è indicata nell'header della pagina web in alto a sinistra.

Gli utenti di Testing saranno avvisati al rilascio di nuovi versioni.

In questo momento si consiglia di prestare attenzione alla versione in uso.

awaversion.png

Contatti

La email per segnalare bugs o per altra qualsiasi richiesta relative al progetto è: awa@izs.it

Login

Per testare il Sistema è necessario effettuare il login in alto a destra.

awalogin.png

Cambio Profilo

Durante l'utilizzo dell'applicativo è possibile che ad un utente siano associati più profili; per poter effettuare un cambio del proprio profilo si procede in tre passi:

Apertura popup di selezione del profilo

webapp-changeprofile-1.png

Come mostrato in immagine selezionare il bottone "Cambio profilo" cerchiato in rosso.

Selezione del nuovo profilo

webapp-changeprofile-2.png

Dalla lista dei profili associati alla vostra utenza selezionare il profilo desiderato

Salvataggio del profilo

webapp-changeprofile-3.png

Una volta scelto il profilo è sufficiente premere sul bottone "Ok" cerchiato in rosso per procedere allo switch del profilo, questo comporterà un aggiornamento della pagina.

Il menù è disponibile in alto a sinistra solo dopo aver effettuato il login.

awamenu.png

Modalità di interazione

L'applicativo fornisce una serie di funzionalità per la manipolazione dei dati.

  • Ricerca: E' possibile caricare e filtrare le persone utilizzando la maschera di "Ricerca" posta in alto.

  • Inserimento: E' possibile inserire un nuovo dato cliccando sul pulsante "Nuovo" in basso a destra della tabella. Si aprirà una nuova schermata dove poter inserire i dati.

  • Modifica: E' possibile modificare udn dato con un doppio click sulla riga della tabella d'interesse. Si aprirà una nuova maschera dove poter modificare i dati.

  • Cancellazione: E' possibile cancellare un dato con un doppio click sulla riga della tabella d'interesse. Si aprirà una nuova maschera dove si potrà cancellare la riga selezionata cliccando sul tasto "Elimina".

Modifica visualizzazione delle griglie

Personalizzazione

Tutte le griglie (elenchi) sono personalizzabili nella loro visualizzazione. E’ possibile modificare l’ordine di visualizzazione delle colonne presenti nella griglia attraverso la seguente modalità operativa:

  • portare il mouse sulla testata della colonna di cui interessa modificarne la posizione;
  • mantenendo premuto il tasto sinistro del mouse spostare la colonna nella posizione desiderata.

personalizzazione-1.png

E’ possibile effettuare tale operazione su tutte le colonne, modificando così a piacimento la visualizzazione della griglia.

personalizzazione-2.png

E’ inoltre possibile aggiungere delle colonne nella griglia oppure nasconderne delle altre. Tale azione è possibile farla cliccando sul pulsante personalizzazione-pulsante-colonne.png.

personalizzazione-3.png

Viene quindi visualizzata una finestra attraverso la quale selezionare le colonne da visualizzare nella griglia.

personalizzazione-4.png

E’ anche possibile personalizzare la larghezza delle colonne della griglia:

  • posizionare il mouse sulla riga che divide due colonne;
  • mantenendo premuto il tasto sinistro del mouse spostare la riga nella posizione desiderata.

personalizzazione-5.png

Salvataggio impostazioni personalizzate

E’ inoltre possibile aggiungere delle colonne nella griglia oppure nasconderne delle altre. Tale azione è possibile farla cliccando sul pulsante personalizzazione-pulsante-salvagriglia.png.

personalizzazione-6.png

Viene quindi visualizzata una finestra attraverso la quale poter salvare sul proprio pc (attraverso degli appositi cookies) la personalizzazione effettuata sulla griglia.

personalizzazione-7.png

Ordinamento dei dati in base al contenuto di una colonna

E’ possibile ordinare l’elenco visualizzato nella griglia in base al contenuto di una determinata colonna. Per ordinare le righe della griglia:

  • portare il mouse sulla testata della colonna sui cui valori interessa ordinare le righe;
  • cliccare con il tasto sinistro del mouse;
  • le righe vergono ordinate in ordine crescente;

personalizzazione-8.png

E’ inoltre possibile ordinare in ordine decrescente l’elenco visualizzato nella griglia in base al contenuto di una determinata colonna:

  • portare il mouse sulla testata della colonna sui cui valori interessa ordinare le righe;
  • cliccare due volte con il tasto sinistro del mouse;
  • le righe vergono ordinate in ordine decrescente;

personalizzazione-9.png

webapp/help (last edited 2015-10-05 08:45:45 by a.santurbano)