In questa sezione verrà spiegata brevemente l'interfaccia utente di PRISMAlytics Dashboard.
La presente documentazione utilizza "app" per descrivere un'applicazione standalone, un modulo o una singola funzionalità. Pertanto, PRISMAlytics Dashboard è un'applicazione e [Panoramica dei dispositivi] è un'app.
La pagina del browser è divisa in 3 parti principali: l'intestazione, il dock della scheda e l'area di lavoro effettiva.
Intestazione
L'intestazione consente di accedere a Login/Logout, alle preferenze dell'utente, alla selezione della lingua e alla guida.
Non è possibile ridimensionare l'intestazione.
L'intestazione contiene l'icona che collega la dashboard principale di PRISMA Home.
Scheda
La scheda fornisce informazioni molto brevi e specifiche da visualizzare nel dock delle schede. La maggior parte delle app apre una sola scheda nel dock delle schede alla prima chiamata.
Dock delle schede
Il dock delle schede tiene traccia delle aree di lavoro aperte.
Area di lavoro
L'area di lavoro occupa la maggior parte dell'area della schermata. È qui che avviene la maggior parte delle attività.
App
L'app effettiva occuperà il maggior spazio possibile all'interno dell'area di lavoro. È possibile combinare più di un'app nell'area di lavoro.
Pannelli
A seconda dell'app, le informazioni visualizzate possono essere suddivise in uno o più pannelli.
Sul lato sinistro dell'applicazione è disponibile il menu dell'app, che è simile al menu Avvio nella maggior parte dei sistemi operativi.
Il menu dell'app contiene pulsanti per aprire/comprimere il menu dell'app come mostrato nella figura precedente.
Il menu dell'app è bloccato in posizione aperta. L'elenco delle app è sempre visibile.
Il menu dell'app è compresso. L'elenco delle app è nascosto finché non si preme questo pulsante.
Quando si seleziona un'app dall'apposito menu, si aprirà una nuova scheda app con una nuova area di lavoro.
Il nome e l'icona dell'area di lavoro.
Inizialmente, l'intestazione della scheda visualizza il nome dell'app come il titolo.
L'icona è opzionale.
Per modificare il titolo predefinito della scheda, fare doppio clic sul nome della scheda.
Il pulsante di trascinamento e rilascio
Questo pulsante viene visualizzato solo quando si applica la "pressione lunga" o quando il cursore del mouse viene posizionato sulla barra del titolo della scheda.
È possibile trascinare l'icona della maniglia per spostare la scheda in una posizione differente all'interno del dock.
Il pulsante [Chiudi l'app]
Questo pulsante viene visualizzato solo quando si applica la "pressione lunga" o quando il cursore del mouse viene posizionato sulla barra del titolo della scheda.
Per chiudere un'app, chiudere la scheda accanto all'icona nell'angolo o selezionare [Chiudi l'app] dal menu dell'area di lavoro.
Il contenuto effettivo della scheda
Le schede vengono utilizzate principalmente per la navigazione all'interno delle aree di lavoro. Le schede forniscono inoltre informazioni immediate sullo stato dell'area di lavoro.
In qualsiasi area di lavoro è possibile avere una o più app attive. Quando si avvia una nuova app facendo clic su di essa nel menu, viene aperta una nuova area di lavoro con solo l'app avviata al suo interno. Quando si trascina un'app dal menu dell'app in un'area di lavoro esistente, l'app viene aggiunta all'area di lavoro esistente. Ogni app avviata aggiunge la propria scheda nel dock. Ogni scheda modifica il contenuto quando lo stato dell'app cambia.
L'app può segnalare visualmente che richiede attenzione utilizzando un colore di sfondo o un bordo colorato differente:
Arancione per avvisi
Rosso per errori
Il dock delle schede gestisce le app in esecuzione.
Quando si seleziona un'app dall'apposito menu, si aprirà una nuova scheda app con una nuova area di lavoro.
In qualsiasi momento, è visibile una scheda attiva per l'area di lavoro attualmente visibile e un numero di schede inattive nell'area del dock delle schede.
Se sono presenti più schede che possono essere visualizzate sul dock, il menu del dock delle schede aggiungerà una o due frecce di navigazione.
Sono disponibili alcuni controlli del dock delle schede.
È possibile passare da una visualizzazione del dock delle schede all'altra. Per modificare la visualizzazione, fare clic sull'icona in alto (1).
Il pulsante dispone di tre icone diverse, ciascuna corrispondente a una delle diverse modalità della dashboard:
Ridotto a icona
Il dock delle schede è compresso e viene ridotto a una singola riga.
Ingrandito
Il dock delle schede viene espanso per riempire l'intero spazio dell'area di lavoro disponibile. Nessun pannello dell'app visibile.
Impostazione predefinita
Il dock delle schede condivide lo spazio con l'area di lavoro dell'app.
Se occorre visualizzare più schermate per l'area di lavoro, è possibile:
trascinare la parte inferiore del dock verso l'alto;
fare clic sull'icona superiore (1) fino a quando si raggiunge .
In tal modo il dock verrà compresso su una singola riga (il titolo della scheda).
Se si desidera creare una dashboard di app da monitorare ed essere in grado aprire rapidamente un'app, fare clic sull'icona in alto (1) fino a quando si raggiunge . Verranno visualizzate solo le schede dell'app.
Se sono presenti più schede che possono essere visualizzate sul dock, il menu del dock delle schede aggiungerà una o due frecce di navigazione (2).
L'ordine delle schede nel dock viene mantenuto quando si esegue la disconnessione e la riconnessione.
Se si comprime il dock, nelle schede viene visualizzata solo una riga di stato. Le icone nel dock sono disposte orizzontalmente.
L'area principale della schermata è denominata "area di lavoro".
L'area di lavoro è connessa ad almeno un'app.
L'area di lavoro occupa la maggior parte dello schermo.
All'interno dell'area di lavoro non c'è mai uno spazio vuoto. Le informazioni visualizzate dall'area di lavoro sono raggruppate in pannelli rettangolari. L'area di lavoro contiene almeno un pannello.
Se si ridimensiona la pagina Web, il contenuto dell'area di lavoro tenta di mantenere l'ordine del contenuto, ma l'area di lavoro non presenta barre di scorrimento.
Ogni area di lavoro dispone del menu a tre punti nell'angolo in alto a destra. Il menu a tre punti offre una serie di opzioni per personalizzare l'area di lavoro o chiudere l'app.
Selezionare le app preferite dall'apposito menu.
Ogni app è dotata della propria area di lavoro.
Ogni app aggiunge una scheda al Dock. È possibile aggiungere una nuova app nell'area di lavoro di un'altra app in esecuzione trascinando la nuova app dal menu. Questo caso speciale potrebbe obbligare una scheda a contenere informazioni da entrambe le app. Per passare da un'app all'altra, è necessario scorrere il contenuto della scheda
L'ordine delle schede nel dock viene mantenuto quando ci si disconnette e ci si riconnette
L'area di lavoro ha un titolo nella posizione superiore, in genere il nome dell'app. La barra del titolo può essere nascosta in base delle esigenze dell'applicazione.
L'editor area di lavoro può essere attivato tramite il menu a tre punti nell'intestazione dell'applicazione. Una volta attivata, la sovrapposizione presenterà vari comandi per ridimensionare e spostare i pannelli. Una volta chiuso l'editor area di lavoro, il layout viene salvato nelle impostazioni utente.
È possibile attivare l'editor area di lavoro tramite ciascuno dei menu a tre punti . Se nella stessa area di lavoro sono presenti più app combinate, entrambe hanno la stessa opzione, ma solo una deve essere selezionata.
Tutte le modifiche apportate nell'editor area di lavoro vengono salvate istantaneamente, ma è necessario chiudere la modalità di modifica. Ciò è possibile grazie a due diversi metodi:
Passare ad un'app diversa facendo clic su una delle app inattive.
Fare clic/toccare il pulsante Chiudi editor nella barra delle informazioni.
È possibile eseguire le seguenti operazioni:
Disattivare i pannelli, uno alla volta.
Fare clic sull'icona .
Impossibile disattivare l'ultimo pannello.
Spostare/riordinare i pannelli.
Utilizzare il gesto "trascina" per spostare il pannello.
L'interfaccia indica il punto proposto durante il trascinamento sul pannello. Una volta rilasciato, il pannello viene posizionato nel punto indicato.
Ridimensionare i pannelli
Utilizzare il suddivisore dell'editor area di lavoro.
Schede normali vengono assegnate a una singola area di lavoro, ma è anche possibile unire insieme aree di lavoro.
È possibile trascinare e rilasciare un'app nel menu dell'app nell'area di lavoro attualmente attiva. In questo modo, due o più app vengono combinate nella stessa area di lavoro. La scheda risponde quindi alle richieste di modifica provenienti da tutte le app.
Nell'intestazione della scheda vengono visualizzati i nomi delle app, separati da una virgola.
Fare doppio clic per modificare il nome della scheda.
Le frecce consentono di passare dalla scheda di un'app a un'altra.
Premere < o > per passare all'app precedente o successiva in questa area di lavoro.
Nella parte inferiore di una scheda verrà aggiunto un indicatore di navigazione: Un punto per ogni app nell'area di lavoro.
L'app corrente ha il punto di navigazione evidenziato.
L'area di lavoro è composta da uno o più pannelli. Il pannello è costituito da tre aree: Area dell'intestazione, Area del titolo, Contenuto.
Ciascun pannello può essere spostato liberamente in una posizione diversa nell'area di lavoro corrente. Quando si passa il mouse sulla parte superiore di un pannello, viene visualizzato un interruttore che può essere utilizzato per trascinare il pannello in una posizione diversa. Quando si verifica uno spostamento, viene visualizzata un'area di rilascio che fornisce un'indicazione visiva del punto in cui verrà posizionato il pannello quando il punto di controllo viene rilasciato.
Quando il cursore del mouse si trova nell'angolo in alto a destra dell'area di lavoro, viene visualizzato un menu. Quando si fa clic sul menu a tre punti viene visualizzato un elenco con tutti i pannelli forniti dall'app. I pannelli visibili sono contrassegnati da un segno di spunta. Le voci aggiuntive in questo menu sono [Memorizza come predefinito] e [Valori predefiniti impostati in fabbrica].
Quando si desidera ottenere la posizione desiderata per tutti i pannelli, selezionare [Valori predefiniti impostati in fabbrica] da questo menu.
Selezionare [Memorizza come predefinito] per salvare la posizione corrente dei pannelli come nuova impostazione predefinita.
Per chiudere l'app, selezionare [Chiudi l'app].
Ogni app può attivare funzionalità aggiuntive per l'interazione utente della tabella:
L'intestazione della tabella contiene un menu di scelta rapida disponibile con il pulsante . Da questo menu è possibile verificare quali colonne visualizzare nella tabella. L'ordine in cui questo menu mostra le intestazioni della colonna non cambia. Se si seleziona il [Filtro], ad ogni intestazione di colonna è associata una casella di immissione per il filtraggio dei contenuti per i soli valori in tale colonna.
Nuovo ordinamento colonne
Tutte le tabelle hanno un'intestazione. Se l'intestazione è visibile e l'ordinamento è attivato, le colonne possono essere riordinate. È sufficiente trascinare una colonna nel punto desiderato.
Ordinamento dati
Le informazioni contenute in una tabella possono essere ordinate in alcune tabelle (a seconda dell'app fornita). Fare clic sull'intestazione di una colonna per ordinare l'intero contenuto della tabella utilizzando una volta i valori nella colonna. Un secondo ordinamento inverte l'ordine di ordinamento.
Ridimensionamento colonne
Il separatore di colonna nella riga di intestazione può essere trascinato per impostare una larghezza differente per la colonna.
Quando il cursore del mouse cambia nell'icona del divisore , è possibile utilizzare il doppio clic del mouse per ridimensionare automaticamente la colonna alla larghezza richiesta per contenere completamente il valore più lungo.
Filtraggio
Immediatamente sopra il menu di scelta rapida è possibile trovare il pulsante di filtraggio . Quando viene premuto, una piccola casella di testo consente di effettuare ricerche all'interno della tabella, in una qualsiasi delle colonne visibili.
Impostazione del layout corrente come predefinito
Utilizzare l'opzione di menu [Memorizza come predefinito] per salvare le colonne visibili correnti, l'ordine e le relative dimensioni come nuove impostazioni predefinite.
Impostazione del layout originale come predefinito
Per ottenere la posizione desiderata per tutti i parametri della tabella, selezionare [Ripristina valori predefiniti] nel menu di scelta rapida.