Generazione automatica di HMI

Design-to-HMI automatizzato

La creazione manuale di schermate HMI è una delle attività più dispendiose in termini di tempo nell'automazione. Con T-IA Connect puoi trasformare le tue strutture dati (UDT e DB) in oggetti grafici (pulsanti, indicatori, campi di input) posizionati e collegati automaticamente ai tuoi tag.

Passo 1: Elencare ed esplorare le viste HMI

Usa l'API per recuperare l'elenco delle schermate esistenti e comprendere la gerarchia del tuo progetto HMI.

curl http://localhost:9000/api/hmi/screens

{
  "screens": [
    { "name": "Main_Overview", "width": 1280, "height": 800 },
    { "name": "Motor_Control", "width": 1280, "height": 800 },
    { "name": "Alarms_History", "width": 1280, "height": 800 }
  ],
  "total": 3
}

Passo 2: Creare oggetti grafici dinamici

Invia una richiesta per aggiungere oggetti a una schermata. Puoi specificare il tipo di oggetto, la posizione, la dimensione e soprattutto il suo collegamento (tag binding) con una variabile PLC.

curl -X POST http://localhost:9000/api/hmi/screens/Motor_Control/objects \
  -H "Content-Type: application/json" \
  -d '{
    "type": "Circle",
    "name": "Status_Light",
    "left": 100,
    "top": 150,
    "width": 50,
    "height": 50,
    "bindings": [
      {
        "property": "BackColor",
        "tag": "DB_Motors.Motor_1.Running",
        "converter": "BooleanToColor",
        "params": { "true": "Green", "false": "Red" }
      }
    ]
  }'

{
  "success": true,
  "objectId": "obj_987654",
  "name": "Status_Light",
  "status": "Created & Linked"
}

Passo 3: Esportare e compilare l'HMI

Una volta generate le schermate, usa l'API per avviare una compilazione globale della stazione HMI per verificare la coerenza dei collegamenti.

curl -X POST http://localhost:9000/api/hmi/compile \
  -H "Content-Type: application/json" \
  -d '{ "stationName": "HMI_TP1200", "rebuildAll": false }'

{
  "success": true,
  "errors": 0,
  "warnings": 2,
  "compileTimeMs": 14500,
  "binaryPath": "C:\\Projects\\Output\\HMI_Data.fw"
}