Visualizzazione a Griglia

Immagine A.1

In questa visualizzazione (Immagine A.1) viene riportata una card per ogni macchina. Oltre all'immagine e alcuni dati generali sull'impianto e il possessore, vengono presentati alcuni KPI che permettono di descrivere la produzione della macchina. Anche lo stato attuale in cui si trova l'impianto viene riportato in ogni card. Esiste la possibilità di aggiungere un grafico ad ogni card (Immagine A.2.)

Se è stato generato il file hierarchy.json, solitamente tramite MCC, verrà visualizzato un controllo che permette di passare dalla modalità di visualizzazione classica alla modalità gerarchica (Immagine B).

Immagine B

Selezionando una card si aprirà una nuova visualizzazione in cui saranno mostrati tutti gli elementi all'interno di quella card, e così via fino a raggiungere il livello in cui sono presenti solamente le macchine appartenenti al ramo di gerarchia che si sta esplorando.

Immagine C.1

Immagine C.2

Immagine C.3

Immagine C.4

ESEMPIO

Un esempio di gerarchia è riportato nelle immagini Immagine C.1, Immagine C.2, Immagine C.3, Immagine C.4. In Immagine C.1 si vede la visualizzazione all'apertura della web app. Si è deciso di dividere le macchine per tipologia di prodotto realizzato, in questo caso abbiamo tre tipologie: salsa di pomodoro, marmellata di frutta e salsa di verdura.

Selezionando la prima card si apre la seconda visualizzazione, come riportato nell'Immagine C.2. Qui abbiamo la distinzione fra gli impianti di produzione di salsa di pomodoro in base alla loro posizione geografica.

Supponiamo di scegliere la card relativa all'impianto di Piacenza, si aprirà la visualizzazione come in Immagine C.3. Per l'impianto localizzato a Piacenza potrò scegliere di navigare all'interno delle varie unità di produzione.

Selezionando l'Unità A mi ritroverò davanti tutte le card relative alle macchine appartenenti a quel reparto, come nell'Immagine C.4.

Per i progetti che possiedono più di dieci macchine, verrà visualizzata una barra nell'intestazione della pagina contenente alcuni controlli che permettono di scegliere quanti asset mostrare nella visualizzazione corrente e di navigare fra i vari asset (Immagine D).

Immagine D