Loading

Come utilizzare gli elementi dell'interfaccia utente di questa applicazione

Introduzione

In questa sezione verrà spiegata brevemente l'interfaccia utente di PRISMA Home.

Questa documentazione usa "app" per descrivere un'applicazione stand-alone, un modulo o una singola funzionalità. PRISMA Home è un'applicazione e [Periferiche]  è un'app.

Descrizione generale dell'interfaccia utente

La pagina del browser è divisa in 3 parti principali: l'intestazione, il dock della scheda e l'area di lavoro effettiva.

Componenti principali dell'interfaccia utente

  1. Intestazione

    L'intestazione consente di accedere a Login/Logout, alle preferenze dell'utente, alla selezione della lingua e alla guida.

    NOTA

    Non è possibile ridimensionare l'intestazione.

    L'intestazione contiene l'icona che collega la dashboard principale di PRISMA Home.

  2. 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.

  3. Dock delle schede

    Il dock delle schede tiene traccia delle aree di lavoro aperte.

  4. Area di lavoro

    L'area di lavoro occupa la maggior parte dell'area della schermata. È qui che avviene la maggior parte delle attività.

  5. 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.

  6. Pannelli

    A seconda dell'app, le informazioni visualizzate possono essere suddivise in uno o più pannelli.

Menu dell'app

Menu dell'app

Il menu dell'app contiene pulsanti per aprire/comprimere la dashboard e 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.

Scheda

Quando si seleziona un'app dall'apposito menu, si aprirà una nuova scheda app con una nuova area di lavoro.

Elementi della scheda
  1. 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.

  2. 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.

  3. 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.

  4. 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

Dock delle schede

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.

Il dock espanso con esempi di 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.

Freccia di navigazione

Se occorre visualizzare più schermate per l'area di lavoro, trascinare il lato inferiore del dock verso la parte superiore. In tal modo il dock verrà compresso su una singola riga (il titolo della scheda).

Dock compresso

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.

Area di lavoro

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.

Impostazione dell'area di lavoro

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.

Combinazione di schede e aree di lavoro

Schede normali vengono assegnate a una singola area di lavoro. Un numero ridotto di aree di lavoro possono essere unite insieme. È possibile combinare due istanze della stessa app in una singola area di lavoro. Di conseguenza, la scheda rifletterà tale impostazione.

Scheda con 2 app

È possibile trascinare e rilasciare un'app nel menu dell'app nell'area di lavoro attiva. Questo utilizzo consente di combinare due o più app nella stessa area di lavoro. La scheda risponde quindi alle richieste di modifica provenienti da tutte le app.

  1. Nell'intestazione della scheda vengono visualizzati i nomi delle app, separati da una virgola.

    Fare doppio clic per modificarlo.

  2. Su entrambi i bordi laterali, le frecce consentono di passare dalla scheda di un'applicazione a un'altra. L'ordine di scorrimento è specificato dall'ordine in cui sono state aggiunte le app all'area di lavoro.

    Premere < o > per passare all'app precedente o successiva in questa area di lavoro.

  3. Nella parte inferiore di tale 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'utilizzo di questa funzionalità dipende principalmente dalle dimensioni del display.



Due app in esecuzione nella stessa area di lavoro

Riquadro

L'area di lavoro è composta da uno o più pannelli. Il pannello è costituito da tre aree distinte: Area dell'intestazione, Area del titolo, Contenuto. Come per l'area di lavoro, il titolo può essere visualizzato o nascosto.

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.

Nell'angolo in alto a destra, è possibile trovare il pulsante . Se lo si preme, il pannello viene nascosto e l'applicazione riordina i pannelli rimanenti. Il pannello continuerà a inviare notifiche alla scheda anche se è nascosto. Se l'area di lavoro contiene un solo pannello, non è possibile nasconderlo.

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 [Ripristina valori predefiniti].

  • Utilizzare la voce di menu [Memorizza come predefinito] per salvare la posizione dei pannelli corrente come nuova impostazione predefinita.

  • Quando si desidera ottenere la posizione desiderata per tutti i pannelli, selezionare [Ripristina valori predefiniti] da questo menu.

  • Per chiudere l'app, selezionare [Chiudi l'app].

Menu di scelta rapida del pannello

Utilizzo delle tabelle

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.

    Menu di scelta rapida della tabella
  • 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.