# Struttura dell'interfaccia HMI

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.