L'interfaccia grafica

Da serviziogestionale.

Figura 1: struttura di base dell'interfaccia grafica
Figura 1: struttura di base dell'interfaccia grafica

L'interfaccia grafica del software è un'interfaccia web di ultima generazione e per accedervi si utilizza un normale browser web.

L'impostazione di base è classica, con un menu sulla sinistra e l'area applicativa sulla destra (figura 1).

Indice

Area menu

Pulsanti funzione

Sulla parte superiore del menù, la barra degli strumenti, troviamo alcuni pulsanti di utilità generale:

Figura 2: esempio di sezione di menù aperta con il proprio contenuto organizzato gerarchicamente
Figura 2: esempio di sezione di menù aperta con il proprio contenuto organizzato gerarchicamente

Voci di menu

Il menù è formato da varie sezioni apribili cliccando sul relativo titolo. L'apertura di una sezione provoca la chiusura di quella precedentemente aperta, in modo da avere sempre una visione compatta e agevole da consultare.

Ogni sezione di menu contiene al suo interno una serie di voci organizzate gerarchicamente (figura 2). Le icone Immagine:folder.gif e Immagine:folder-open.gif rappresentano cartelle di menù che contengono al proprio interno altri elementi, mentre le icone Immagine:leaf.gif rappresentano le voci di menu direttamente associate alle funzioni applicative.

Cliccando sulle icone Immagine:leaf.gif si accede alle funzioni applicative che possono richiamare:

  • pagine di interrogazione (caso più frequente)
  • liste di elementi
  • pagine di dettaglio
  • pagine con visualizzazione gerarchica degli elementi (visualizzazione ad albero)

Area di lavoro

L'area di lavoro è composta dalle seguenti sezioni:

L'area dati può assumere varie forme a seconda del tipo di lavoro che deve assolvere, le principali sono:

Il flusso normale prevede che da menu si vada sulla pagina di interrogazione, da qui effettuando una ricerca si passa alla pagina di lista contenente il risultato della ricerca e selezionando un elemento della lista si arriva alla pagina di dettaglio di tale elemento.

Sono possibili flussi di altro tipo per ottimizzare il lavoro, ad es. si può andare in inserimento direttamente dalla pagina di interrogazione senza effettuare alcuna ricerca. In alcuni casi, es. creazione dei DDT, la funzione di inserimento viene attivata direttamente dalla scelta da menu. Se il risultato di una ricerca è un solo elemento, non si passa per la lista ma si visualizza direttamente il dettaglio di tale elemento.

Alcune liste, che normalmente contengono un numero limitato di elementi, vengono direttamente richiamate dal menù senza passare per una pagina di interrogazione, questo perché è molto più veloce scorrere i pochi elementi che effettuare una ricerca filtrata.


Funzioni standard relative ai campi

A seconda del tipo di dato che deve essere gestito il programma offre una interfaccia ottimizzata per inserirlo. Vediamo i casi tipici:

Testo

I campi di testo sono normali caselle di testo come quelle gestite normalmente dal browser. Una caratteristica particolare è presente nelle aree di testo dove è possibile digitare parecchie linee di testo che può andare a capo riga. Queste aree di testo vengono presentate con una altezza iniziale fissa e, a seconda di quanto testo viene scritto, si allungano automaticamente per rendere visibile tutto il testo scritto, fino ad un limite, oltre il quale fanno apparire la classica barra di scorrimento. Questo consente di ottimizzare lo spazio a video cercando comunque di mantenere la visibilità il più possibile completa dei dati digitati.

Numeri e Valute

I campi numerici e di valuta sono caselle di testo che filtrano i caratteri non numerici. Normalmente durante la modifica il dato non è formattato. La formattazione avviene all'uscita dal campo. Eventuali simboli di valuta o di unità di misura appaiono alla destra o alla sinistra del campo.

Date

Le date si distinguono per avere il pulsante di calendario Immagine:date.png alla loro destra. L'inserimento di una data può essere guidato sia cliccando sull'icona del calendario, nel qual caso appare un calendario dal quale è possibile selezionare una data
Il calendario
Il calendario
, sia digitandola. Digitando un numero da 1 a 31 la data viene completata automaticamente con mese ed anno corrente. Digitando giorno e mese viene automaticamente inserito l'anno. Digitando un qualunque carattere non numerico viene inserita la data del giorno. E' anche possibile usare un qualunque separatore, ad esempio il . come in 1.2, che viene interpretato come 01/02/2009, ad esempio (se l'anno corrente è il 2009), oppure non usare i separatori, se si scrivono gli zeri, come in 0102.

Elementi codificati

Per elementi decodificati si intendono tutti quegli elementi memorizzati in tabelle apposite che vengono semplicemente selezionati all'interno di un altro elemento, es. nel contesto degli ordini clienti sono elementi codificati le condizioni di pagamento, i clienti, le valute, ecc.

Liste normali

Figura 1: esempio di sezione di un valore da una lista normale
Figura 1: esempio di sezione di un valore da una lista normale

Quando l'elenco contiene un numero limitato di valori, questo viene visualizzato in una lista normale.

La lista viene popolata inizialmente con tutti i valori disponibili, nel caso i valori siano molti, verranno visualizzati direttamente solo i primi elementi, è però possibile visualizzare gli altri facendo scorrere l'elenco mediante la barra di scorrimento laterale.

E' anche possibile ridurre il numero di valori visualizzati scrivendo del testo sull'area della lista, in questo modo verranno nascosti tutti i valori che non avranno tale testo al loro interno.

Liste filtrabili

Figura 2: esempio di sezione di un valore da una lista filtrabile
Figura 2: esempio di sezione di un valore da una lista filtrabile

Quando l'elenco contiene un numero di valori elevato, le liste normali sarebbero troppo lunghe per essere facilmente utilizzabili, in questi casi si ricorre alle liste filtrabili.

Queste liste permettono di digitare del testo al loro interno producendo come risultato un elenco di valori limitato a quelli che al loro interno contengono il testo digitato. Il testo digitato deve essere lungo almeno 2 caratteri per attivare la ricerca. La ricerca è ovviamente insensibile alle maiuscole/minuscole e avviene PER PAROLA. Ciò significa che il programma cerca nel testo parole che INIZIANO con i caratteri digitati. Quindi se sto cercando Rossi, potrò usare Ro o Ros, ma non os. Questo perché normalmente ha poco senso cercare una parola nel mezzo. Se si conosce la parola da cercare, la si conosce intera. Questo ottimizza la ricerca evitando di trovare risultati poco pertinenti. Una cosa interessante è che il programma elimina dai testi ricercati molti caratteri di punteggiatura normalmente presenti come ,()-'\"/&:;._. Quindi, se si cerca ad esempio con "abc" il programma è in grado di trovare sia ABC srl che A.B.C. srl senza alcun problema.

E' inoltre possibile cercare utilizzando più parole. Il programma cercherà di far corrispondere le parole digitate con parole presenti nel testo, anche non nell'ordine digitato nella ricerca. Tra una parola e l'altra nel testo possono essere presenti anche altre parole. Pertanto se cerco con "ros cos" troverò ad esempio anche Rossi e Verdi costruzioni srl.

Ricerche estese

Qualora le liste precedenti non fossero sufficienti a ricercare l'elemento desiderato, si può ricorrere alle ricerche estese. Queste ricerche si richiamano cliccando sull'icona Immagine:ricerche_estese.png e aprono la pagina di interrogazione classica mettendo a disposizione tutti i criteri di ricerca previsti. Una volta ottenuta la lista, selezionandone un elemento invece di andare alla pagina di dettaglio si ritorna alla pagina di partenza, portandosi dientro il valore selezionato. Per tornare indietro senza effettuare una selezione basta utilizzare le briciole di pane.

Strumenti personali