Differences

This shows you the differences between two versions of the page.

Link to this comparison view

Both sides previous revision Previous revision
Next revision
Previous revision
cs:sw:01-mervis:creating-external-hmi-hidden [2020/05/07 06:44]
avsetula [Tvorba šablony]
cs:sw:01-mervis:creating-external-hmi-hidden [2024/03/14 09:25] (current)
kcerny typos
Line 1: Line 1:
 ====== Tvorba HMI pro externí webserver PLC ====== ====== Tvorba HMI pro externí webserver PLC ======
 {{page>​creating-hmi-intro-hidden}} {{page>​creating-hmi-intro-hidden}}
 +
 +<WRAP center round box>
 +<​html><​span class="​kbBlue-H4alt">​Co budete potřebovat?</​span></​html>​
 +  * Jedno, či více PLC [[https://​www.unipi.technology/​cs/​axon-c20|Unipi]] s [[cs:​files:​software:​os-images:​00-start|Mervis OS]]
 +  * [[https://​www.unipi.technology/​cs/​accessories-c4|24 V⎓ napájení]]
 +  * Připojení k místní síti (libovolný switch, nebo router)
 +</​WRAP>​
 +
  
 ===== Vytvoření terminálu pro externí HMI ===== ===== Vytvoření terminálu pro externí HMI =====
Line 6: Line 14:
  
 <WRAP center round box> <WRAP center round box>
-Vytvořte nový projekt, nebo integrujte do vašeho stávajícího projektu. Externí webserver je primárně **určen pro dvě a více PLC** se společným HMI rozhraním. Pro přidání dalšího PLC je nejprve nutné projekt **[[creating-new-project-hidden#​prepnuti_ze_zjednoduseneho_modu_na_plny_mod|přepnout do Plného módu]]**. Tím také vypnete automatické vytváření proměnných "​[[autogen-hidden|Autogen]]"​ a je jej nutné spouštět manuálně, nebo si vytvářet vlastní definice proměnných. Postupujte dle následujícího návodu:+Vytvořte nový projekt, nebo integrujte do vašeho stávajícího projektu. Externí webserver je primárně **určen pro dvě a více PLC** se společným HMI rozhraním. Pro přidání dalšího PLC je nejprve nutné projekt **[[creating-new-project-hidden#​switching_from_simple_mode_to_full_mode|přepnout do Plného módu]]**. Tím také vypnete automatické vytváření proměnných "​[[autogen-hidden|Autogen]]"​ a je jej nutné spouštět manuálně, nebo si vytvářet vlastní definice proměnných. Postupujte dle následujícího návodu:
 </​WRAP>​ </​WRAP>​
 +
  
 ==== Vytvoření a popis struktury terminálu ==== ==== Vytvoření a popis struktury terminálu ====
 Prvotní nastavení Mervis IDE se dvěmi PLC: Prvotní nastavení Mervis IDE se dvěmi PLC:
  
-<​html><​figure ondblclick="​redirectImg(this)"​ class="​zoom" ​onmousemove="​zoom(event)"​ style="​background-image:​ url(https://​kb.unipi.technology/​_media/​cs:​sw:​01-mervis:​01_creating-external-hmi-cz.png)">​+<​html><​figure ondblclick="​redirectImg(this)"​ class="​zoom" ​onclick="​zoom(event)"​ style="​background-image:​ url(https://​kb.unipi.technology/​_media/​cs:​sw:​01-mervis:​01_creating-external-hmi-cz.png)">​
 <img src="​https://​kb.unipi.technology/​_media/​cs:​sw:​01-mervis:​01_creating-external-hmi-cz.png"​ /> <img src="​https://​kb.unipi.technology/​_media/​cs:​sw:​01-mervis:​01_creating-external-hmi-cz.png"​ />
 </​figure></​html>​ </​figure></​html>​
Line 18: Line 27:
 Nyní přidejte terminál kliknutím na Systém, kde zvolte **Přidat terminál**. Nyní přidejte terminál kliknutím na Systém, kde zvolte **Přidat terminál**.
  
-<​html><​figure ondblclick="​redirectImg(this)"​ class="​zoom" ​onmousemove="​zoom(event)"​ style="​background-image:​ url(https://​kb.unipi.technology/​_media/​cs:​sw:​01-mervis:​02_creating-external-hmi-cz.png)">​+<​html><​figure ondblclick="​redirectImg(this)"​ class="​zoom" ​onclick="​zoom(event)"​ style="​background-image:​ url(https://​kb.unipi.technology/​_media/​cs:​sw:​01-mervis:​02_creating-external-hmi-cz.png)">​
 <img src="​https://​kb.unipi.technology/​_media/​cs:​sw:​01-mervis:​02_creating-external-hmi-cz.png"​ /> <img src="​https://​kb.unipi.technology/​_media/​cs:​sw:​01-mervis:​02_creating-external-hmi-cz.png"​ />
 </​figure></​html>​ </​figure></​html>​
Line 24: Line 33:
 Následně ze seznamu vyberte **Controller as External Webserver rev. 2.0**. Následně ze seznamu vyberte **Controller as External Webserver rev. 2.0**.
  
-<​html><​figure ondblclick="​redirectImg(this)"​ class="​zoom" ​onmousemove="​zoom(event)"​ style="​background-image:​ url(https://​kb.unipi.technology/​_media/​cs:​sw:​01-mervis:​03_creating-external-hmi-cz.png)">​+<​html><​figure ondblclick="​redirectImg(this)"​ class="​zoom" ​onclick="​zoom(event)"​ style="​background-image:​ url(https://​kb.unipi.technology/​_media/​cs:​sw:​01-mervis:​03_creating-external-hmi-cz.png)">​
 <img src="​https://​kb.unipi.technology/​_media/​cs:​sw:​01-mervis:​03_creating-external-hmi-cz.png"​ /> <img src="​https://​kb.unipi.technology/​_media/​cs:​sw:​01-mervis:​03_creating-external-hmi-cz.png"​ />
 </​figure></​html>​ </​figure></​html>​
Line 31: Line 40:
  
 <​html><​span class="​kbBlueText">​Parametry SSCP:</​span></​html>​ <​html><​span class="​kbBlueText">​Parametry SSCP:</​span></​html>​
-  * Jméno uživatele: vaše jedinečné jméno uživatele PLC (Engineering) +  ​* **Jméno uživatele:** vaše jedinečné jméno uživatele PLC (Engineering) 
-  * Heslo: vaše jedinečné heslo PLC (Engineering) +  ​* **Heslo:** vaše jedinečné heslo PLC (Engineering) 
-  * SSCP adresa: nastavte adresu podle PLC +  ​* **SSCP adresa:** nastavte adresu podle PLC 
-  * Cílová adresa: IP adresa, nebo doména PLC +  ​* **Cílová adresa:** IP adresa, nebo doména PLC 
-  * TCP port: nastavte 12346+  ​* **TCP port:** nastavte 12346
 Více o uživatelích se dočtete v návodu Vytvoření vzorového projektu, v kap. [[creating-new-project-hidden#​zabezpeceni_kontroleru|zabezpečení PLC]]. Více o uživatelích se dočtete v návodu Vytvoření vzorového projektu, v kap. [[creating-new-project-hidden#​zabezpeceni_kontroleru|zabezpečení PLC]].
  
-<​html><​figure ondblclick="​redirectImg(this)"​ class="​zoom" ​onmousemove="​zoom(event)"​ style="​background-image:​ url(https://​kb.unipi.technology/​_media/​cs:​sw:​01-mervis:​04_creating-external-hmi-cz.png)">​+<​html><​figure ondblclick="​redirectImg(this)"​ class="​zoom" ​onclick="​zoom(event)"​ style="​background-image:​ url(https://​kb.unipi.technology/​_media/​cs:​sw:​01-mervis:​04_creating-external-hmi-cz.png)">​
 <img src="​https://​kb.unipi.technology/​_media/​cs:​sw:​01-mervis:​04_creating-external-hmi-cz.png"​ /> <img src="​https://​kb.unipi.technology/​_media/​cs:​sw:​01-mervis:​04_creating-external-hmi-cz.png"​ />
 </​figure></​html>​ </​figure></​html>​
  
-Nyní klikněte pravým tlačítkem myši na komunikační kanál terminálu "​terminalChannel"​ a zvolte **Přiřadit zařízení**.+Nyní klikněte pravým tlačítkem myši na komunikační kanál terminálu "**terminalChannel**" a zvolte **Přiřadit zařízení**.
  
-<​html><​figure ondblclick="​redirectImg(this)"​ class="​zoom" ​onmousemove="​zoom(event)"​ style="​background-image:​ url(https://​kb.unipi.technology/​_media/​cs:​sw:​01-mervis:​05_creating-external-hmi-cz.png)">​+<​html><​figure ondblclick="​redirectImg(this)"​ class="​zoom" ​onclick="​zoom(event)"​ style="​background-image:​ url(https://​kb.unipi.technology/​_media/​cs:​sw:​01-mervis:​05_creating-external-hmi-cz.png)">​
 <img src="​https://​kb.unipi.technology/​_media/​cs:​sw:​01-mervis:​05_creating-external-hmi-cz.png"​ /> <img src="​https://​kb.unipi.technology/​_media/​cs:​sw:​01-mervis:​05_creating-external-hmi-cz.png"​ />
 </​figure></​html>​ </​figure></​html>​
Line 50: Line 59:
 Otevře se dialogové okno, kde vyberete konkrétní PLC, pro které chcete společné HMI rozhraní. Potvrďte kliknutím na **OK**. Otevře se dialogové okno, kde vyberete konkrétní PLC, pro které chcete společné HMI rozhraní. Potvrďte kliknutím na **OK**.
  
-<​html><​figure ondblclick="​redirectImg(this)"​ class="​zoom" ​onmousemove="​zoom(event)"​ style="​background-image:​ url(https://​kb.unipi.technology/​_media/​cs:​sw:​01-mervis:​06_creating-external-hmi-cz.png)">​+<​html><​figure ondblclick="​redirectImg(this)"​ class="​zoom" ​onclick="​zoom(event)"​ style="​background-image:​ url(https://​kb.unipi.technology/​_media/​cs:​sw:​01-mervis:​06_creating-external-hmi-cz.png)">​
 <img src="​https://​kb.unipi.technology/​_media/​cs:​sw:​01-mervis:​06_creating-external-hmi-cz.png"​ /> <img src="​https://​kb.unipi.technology/​_media/​cs:​sw:​01-mervis:​06_creating-external-hmi-cz.png"​ />
 </​figure></​html>​ </​figure></​html>​
Line 56: Line 65:
 Nyní máte vytvořenu základní strukturu projektu, měl by vypadat následovně:​ Nyní máte vytvořenu základní strukturu projektu, měl by vypadat následovně:​
  
-<​html><​figure ondblclick="​redirectImg(this)"​ class="​zoom" ​onmousemove="​zoom(event)"​ style="​background-image:​ url(https://​kb.unipi.technology/​_media/​cs:​sw:​01-mervis:​08_creating-external-hmi-cz.png)">​+<​html><​figure ondblclick="​redirectImg(this)"​ class="​zoom" ​onclick="​zoom(event)"​ style="​background-image:​ url(https://​kb.unipi.technology/​_media/​cs:​sw:​01-mervis:​08_creating-external-hmi-cz.png)">​
 <img src="​https://​kb.unipi.technology/​_media/​cs:​sw:​01-mervis:​07_creating-external-hmi-cz.png"​ /> <img src="​https://​kb.unipi.technology/​_media/​cs:​sw:​01-mervis:​07_creating-external-hmi-cz.png"​ />
 </​figure></​html>​ </​figure></​html>​
Line 63: Line 72:
  
 <WRAP center round info 85%> <WRAP center round info 85%>
-Pokud je v terminálu obsaženo i PLC na kterém je uložen externí server, musí mít toto PLC vyplněny místní údaje pro připojení (uživatel, heslo, adresa SSCP, adresa TCP, port). V tomto případě nepoužívejte ​proxi, jelikož by jste se připojovali z PLC na stejné PLC, ale přes externí servery, což by zpomalilo komunikaci.+Pokud je v terminálu obsaženo i PLC na kterém je uložen externí server, musí mít toto PLC vyplněny místní údaje pro připojení (uživatel, heslo, adresa SSCP, adresa TCP, port). V tomto případě nepoužívejte ​proxy, jelikož by jste se připojovali z PLC na stejné PLC, ale přes externí servery, což by zpomalilo komunikaci.
 </​WRAP>​ </​WRAP>​
  
Line 80: Line 89:
  
 Nastavení s IP adresou: Nastavení s IP adresou:
-<​html><​figure ondblclick="​redirectImg(this)"​ class="​zoom" ​onmousemove="​zoom(event)"​ style="​background-image:​ url(https://​kb.unipi.technology/​_media/​cs:​sw:​01-mervis:​08_creating-external-hmi-cz.png)">​+<​html><​figure ondblclick="​redirectImg(this)"​ class="​zoom" ​onclick="​zoom(event)"​ style="​background-image:​ url(https://​kb.unipi.technology/​_media/​cs:​sw:​01-mervis:​08_creating-external-hmi-cz.png)">​
 <img src="​https://​kb.unipi.technology/​_media/​cs:​sw:​01-mervis:​08_creating-external-hmi-cz.png"​ /> <img src="​https://​kb.unipi.technology/​_media/​cs:​sw:​01-mervis:​08_creating-external-hmi-cz.png"​ />
 </​figure></​html>​ </​figure></​html>​
  
 Nastavení s proxy: Nastavení s proxy:
-<​html><​figure ondblclick="​redirectImg(this)"​ class="​zoom" ​onmousemove="​zoom(event)"​ style="​background-image:​ url(https://​kb.unipi.technology/​_media/​cs:​sw:​01-mervis:​09_creating-external-hmi-cz.png)">​+<​html><​figure ondblclick="​redirectImg(this)"​ class="​zoom" ​onclick="​zoom(event)"​ style="​background-image:​ url(https://​kb.unipi.technology/​_media/​cs:​sw:​01-mervis:​09_creating-external-hmi-cz.png)">​
 <img src="​https://​kb.unipi.technology/​_media/​cs:​sw:​01-mervis:​09_creating-external-hmi-cz.png"​ /> <img src="​https://​kb.unipi.technology/​_media/​cs:​sw:​01-mervis:​09_creating-external-hmi-cz.png"​ />
 </​figure></​html>​ </​figure></​html>​
    
-Více o uživatelích se dočtete v návodu Vytvoření vzorového projektu, v kap. [[creating-new-project-hidden#​zabezpeceni_kontroleru|zabezpečení PLC]].+Více o uživatelích se dočtete v návodu Vytvoření vzorového projektu, v kap. [[creating-new-project-hidden#​securing_the_controller|zabezpečení PLC]]. 
  
 ===== Tvorba šablony ===== ===== Tvorba šablony =====
 {{page>​creating-hmi-template-hidden}} {{page>​creating-hmi-template-hidden}}
  
-<​html><​figure ondblclick="​redirectImg(this)"​ class="​zoom" ​onmousemove="​zoom(event)"​ style="​background-image:​ url(https://​kb.unipi.technology/​_media/​cs:​sw:​01-mervis:​10_creating-external-hmi-cz.png)">​+<​html><​figure ondblclick="​redirectImg(this)"​ class="​zoom" ​onclick="​zoom(event)"​ style="​background-image:​ url(https://​kb.unipi.technology/​_media/​cs:​sw:​01-mervis:​10_creating-external-hmi-cz.png)">​
 <img src="​https://​kb.unipi.technology/​_media/​cs:​sw:​01-mervis:​10_creating-external-hmi-cz.png"​ /> <img src="​https://​kb.unipi.technology/​_media/​cs:​sw:​01-mervis:​10_creating-external-hmi-cz.png"​ />
 </​figure></​html>​ </​figure></​html>​
Line 107: Line 117:
 Nyní je nutné šablonu přiřadit k terminálu. Klikněte na terminál a v pravé sloupci v jeho vlastnostech nalezněte a zvolte **Šablona zařízení**. Zde vložte šablonu vytvořenou v předchozích krocích. Nyní je nutné šablonu přiřadit k terminálu. Klikněte na terminál a v pravé sloupci v jeho vlastnostech nalezněte a zvolte **Šablona zařízení**. Zde vložte šablonu vytvořenou v předchozích krocích.
  
-<​html><​figure ondblclick="​redirectImg(this)"​ class="​zoom" ​onmousemove="​zoom(event)"​ style="​background-image:​ url(https://​kb.unipi.technology/​_media/​cs:​sw:​01-mervis:​11_creating-external-hmi-cz.png)">​+<​html><​figure ondblclick="​redirectImg(this)"​ class="​zoom" ​onclick="​zoom(event)"​ style="​background-image:​ url(https://​kb.unipi.technology/​_media/​cs:​sw:​01-mervis:​11_creating-external-hmi-cz.png)">​
 <img src="​https://​kb.unipi.technology/​_media/​cs:​sw:​01-mervis:​11_creating-external-hmi-cz.png"​ /> <img src="​https://​kb.unipi.technology/​_media/​cs:​sw:​01-mervis:​11_creating-external-hmi-cz.png"​ />
 </​figure></​html>​ </​figure></​html>​
 +
  
 ===== Vytvoření HMI ===== ===== Vytvoření HMI =====
 {{page>​creating-hmi-interface-hidden}} {{page>​creating-hmi-interface-hidden}}
 +
  
 ===== Zabezpečení HMI ===== ===== Zabezpečení HMI =====
 {{page>​hmi-security-hidden}} {{page>​hmi-security-hidden}}
 +
  
 ===== Nahrání webového serveru do PLC ===== ===== Nahrání webového serveru do PLC =====
 {{page>​creating-hmi-deploy-hidden}} {{page>​creating-hmi-deploy-hidden}}