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.