====== Editor HMI ======

===== Obecné informace =====

Součástí prostředí Mervis IDE je také integrovaný editor HMI. Editor HMI slouží k vytváření rozhraní člověk–stroj. Ve světě Mervis se editor HMI používá k vytvoření textové nebo grafické definice rozhraní mezi PLC, případně řídicím softwarem, a člověkem – uživatelem.

Instalátor obsahuje také starší editor Mervis HMI. Tento editor lze použít k úpravám starších definic vytvořených v předchozích verzích Mervis IDE.

Definice se vytvářejí v projektu HMI. Ten se v Průzkumníku řešení nachází na stejné úrovni nabídky jako projekty Executable nebo Library.

{{:cs:mervis-ide:35-help:hmi_new_1.png}}

V projektu HMI se vytvářejí různé šablony. V režimu Simple jsou to:

  * Textová šablona pro PLC – definice LCD menu pro PLC s LCD displejem
  * Textová šablona pro terminál – definice LCD menu nebo menu Mervis Visual
  * Grafická šablona pro terminál – grafická šablona pro HT200 nebo definice menu Mervis Visual
  * Textová šablona pro funkční blok nebo program – specifická definice pro funkční blok nebo program

===== Pracovní prostředí editoru HMI =====

Pro lepší představu o fungování editoru HMI v prostředí IDE je zde ukázka návrhu komplexní SCADA šablony:

{{:en:mervis-ide:35-help:hmi_editor.png?direct&800|Pracovní prostředí editoru Mervis HMI}}

Při práci v editoru HMI je rozložení IDE optimalizováno pro vizuální návrh a konfiguraci hardwaru:

  * **Průzkumník řešení (levý panel):** Zde jsou organizovány vaše projekty HMI společně s vykonávanou logikou. Můžete zde spravovat grafické šablony (například výše zobrazený soubor `.graph`), historické záznamy a importované vizuální prostředky.
  * **Návrhová plocha (střed):** Hlavní grafické rozhraní, ve kterém vytváříte vizualizace. Jak je vidět na ukázce, můžete vytvářet komplexní rozvržení zahrnující potrubí, čerpadla, dynamické zobrazení teplot, interaktivní ovládací tlačítka a alarmové stavy.
  * **Okno vlastností (pravý panel):** Toto kontextové okno se dynamicky aktualizuje podle aktuálně vybraného objektu na ploše. Například při kliknutí na pozadí stránky můžete nastavit **Resolution** (např. FHD 16:9 pro displej 1920x1080), názvy souborů dokumentů a další globální vizuální nastavení.
  * **Spodní panely:** Poskytují přístup k důležitým nástrojům pro ladění a sestavení aplikace, včetně záložky **HMI Preview**, kde můžete otestovat vzhled a chování grafických rozhraní před jejich nasazením do kontroleru nebo webového panelu.

===== Použití vlastních grafik a symbolů Mervis =====

Grafické šablony můžete rozšířit importem vlastních ikon, například z volně dostupné **[[cs:help:download|knihovny symbolů Mervis]]**. V editoru HMI existují dva hlavní způsoby jejich použití:

==== Statické obrázky ====
Pro symboly, které slouží jako prvky pozadí nebo se nemění na základě dat z kontroleru, použijte standardní objekt **Image**.
  * Objekt Image zobrazuje grafiku načtenou přímo z lokálního souboru.
  * Pro konfiguraci vložte objekt Image na návrhovou plochu a následně v okně **Properties** vyberte cestu a název staženého obrázku.

==== Dynamické mapování stavů ====
Pro symboly, které se mají dynamicky měnit podle aktuálních dat z kontroleru (například zapnutí čerpadla nebo otevření ventilu), použijte funkci **States mapping**.
  * Vyberte grafický objekt a v jeho vlastnostech namapujte stavy odpovídající hodnotám proměnné (např. 0 pro OFF, 1 pro ON).
  * V konfiguraci stavů můžete ke každému stavu přiřadit konkrétní volitelný obrázek.
  * HMI tak může automaticky přepínat symboly Mervis podle aktuálně načtených dat a současně aktualizovat stavový text i další vizuální vlastnosti.