---
sidebar_position: 1
title: Struttura dell'interfaccia HMI
hide_table_of_contents: false
---

import useBaseUrl from '@docusaurus/useBaseUrl';

# 🧭 Struttura Principale della GUI Tecnopack su FactoryTalk Optix

Questa sezione descrive la struttura dell’interfaccia grafica principale (GUI) adottata nei pannelli **Tecnopack**, sviluppata utilizzando **FactoryTalk Optix**.

L’interfaccia è suddivisa in **aree funzionali** ben definite, ciascuna dedicata a una specifica categoria di interazione o informazione.

---

## 🖼️ Panoramica generale

<img src={useBaseUrl('/img/screenshots/optix/main-gui-overview.jpg')} alt="Panoramica GUI Tecnopack" style={{ maxWidth: '100%', borderRadius: '8px', marginTop: '1rem' }} />

---

## 🧩 Composizione dell'interfaccia

### 🔝 Header superiore

- **Logo aziendale**: posizionato in alto a sinistra, identifica il marchio (TECNOPACK GROUP).
- **Informazioni di pagina**: accanto al logo si trovano due etichette:
  - Il **numero pagina**, utilizzato per riferimenti interni e logiche PLC.
  - Il **nome pagina**, visualizzato come **Localized Text**, derivato dal dizionario traduzioni.
- **Utente attivo**: un pulsante mostra l’utente attualmente connesso. Cliccandoci, si accede alla gestione utenti/login.

---

### 📚 Menù laterale sinistro (navigazione principale)

Il pannello laterale sinistro ospita il **menù di navigazione principale**, sempre visibile, composto da pulsanti con **icona + etichetta**.

| Etichetta            | Funzione                                                                   |
|----------------------|----------------------------------------------------------------------------|
| 🏠 Home               | Dashboard principale                                                      |
| ⚠️ Allarmi            | Visualizzazione e gestione degli allarmi                                  |
| ⚙️ Modalità operativa | Selezione delle modalità macchina (es. manuale, automatico)               |
| ♨️ Masse saldanti     | Configurazione delle temperature                                          |
| 🔑 Abilitazioni       | Gestione delle abilitazioni dei dispositivi collegati                     |
| 🛠️ Mini-Setup         | Accesso ai parametri di ricetta della macchina                            |
| 🧩 Menù avanzato      | Accesso all’**explorer** contenente funzionalità e sezioni avanzate       |

> 📌 **Nota**: Il menù laterale è sempre accessibile, garantendo una navigazione rapida e coerente.

---

### 🧾 Area centrale (contenuti dinamici)

La zona centrale dello schermo contiene un **Panel Loader**, ovvero un contenitore dinamico in cui vengono caricate tutte le schermate in base alla navigazione effettuata dall’utente.

È il cuore operativo dell’HMI e varia in base al contesto selezionato nel menù laterale.

---

### 🔚 Footer inferiore

La barra inferiore include informazioni in tempo reale:

- **Stato macchina**
- **Ricetta attiva**: con codice identificativo e nome
- **Data e ora**: visualizzate in basso a destra in formato persistente

---

## 📐 Struttura e layout

L’interfaccia adotta un **layout a griglia rigida**, conforme agli standard delle HMI industriali:

- **Colonna sinistra**: fissa, destinata alla navigazione
- **Area centrale**: strutturata a griglia (es. 3×2 o 3×3) per i contenuti dinamici
- **Header e footer**: sempre visibili, garantendo continuità informativa

---

## ✅ Obiettivi dell’interfaccia

L’interfaccia è progettata per:

- Garantire **chiarezza visiva** e semplicità d’uso
- Offrire un **accesso rapido** alle funzioni principali
- Visualizzare dati **in tempo reale** in modo affidabile
- Mantenere una **struttura coerente** tra le diverse schermate

---

🎯 *Questo layout rappresenta lo standard base per le HMI Tecnopack su piattaforma Optix. Tutte le pagine sviluppate dovrebbero mantenere coerenza con questa struttura per garantire un'esperienza utente uniforme e professionale.*
