Differences
This shows you the differences between two versions of the page.
| Next revision | Previous revision | ||
|
en:sw:01-mervis:creating-external-hmi-hidden [2020/05/12 11:47] jan_kozak created |
en:sw:01-mervis:creating-external-hmi-hidden [2021/08/05 15:07] (current) avsetula |
||
|---|---|---|---|
| Line 1: | Line 1: | ||
| - | ====== Tvorba HMI pro externí webserver PLC ====== | + | ====== Creating a HMI for an external PLC webserver ====== |
| {{page>creating-hmi-intro-hidden}} | {{page>creating-hmi-intro-hidden}} | ||
| - | ==== Co budete potřebovat? ==== | + | <WRAP center round box> |
| - | * Jednu, či více PLC [[https://www.unipi.technology/cs/axon-c20|UniPi]] s [[cs:files:software:os-images:00-start|Mervis OS]] | + | <html><span class="kbBlue-H4alt">Prerequisites:</span></html> |
| - | * [[https://www.unipi.technology/cs/accessories-c4|24V DC napájení]] | + | * One or more [[https://www.unipi.technology/axon-c20|Unipi]] PLCs with [[en:files:software:os-images:00-start|the Mervis OS]] |
| - | * Připojení k místní síti (libovolný switch, nebo router) | + | * [[https://www.unipi.technology/accessories-c4|24 V⎓ power supply]] |
| + | * Local network connection (any suitable switch or router) | ||
| + | </WRAP> | ||
| - | ===== Vytvoření terminálu pro externí HMI ===== | + | ===== Creating a terminal for external HMI ===== |
| - | Terminál Externího webového serveru je virtuální zařízení v Mervis IDE sdružující informace o vybraných PLC projektu. Ve vlastnostech terminálu nastavujete údaje potřebné pro připojení a nahrání externího webového serveru do vybraného PLC. Externí webový server je vždy uložen pouze na jednom PLC, kde komunikuje pomocí protokolu SSCP s ostatními PLC obsaženými v definici terminálu. Tímto způsobem čte/zapisuje do konkrétní proměnné. | + | External webserver terminal is a virtual device in the Mervis IDE containing data about controllers used by the said project. During configuration, you need to set properties needed to connect and upload of the webserver onto a PLC. An external webserver is always stored only on a single PLC and uses the SSCP protocol to communicate with other PLCs included in the terminal definition and to read into or write from a specific variable. |
| <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: | + | Create a new project or integrate into an already existing project. The external webserver is suited primarily for **two and more PLCs** sharing a single HMI interface. To add an additional PLC, you need to **[[creating-new-project-hidden#prepnuti_ze_zjednoduseneho_modu_na_plny_mod|switch the project into the Full Mode first]]**. Doing so disables the [[autogen-hidden|Autogen]] (automatic variable generator), which you will need to use manually; alternatively, you can create your variable definition. Follow the tutorial below: |
| </WRAP> | </WRAP> | ||
| - | ==== Vytvoření a popis struktury terminálu ==== | + | ==== Creating a terminal structure and its description ==== |
| - | Prvotní nastavení Mervis IDE se dvěmi PLC: | + | Initial Mervis IDE configuration with two PLCs: |
| - | + | <html><figure ondblclick="redirectImg(this)" class="zoom" onclick="zoom(event)" style="background-image: url(https://kb.unipi.technology/_media/en:sw:01-mervis:01_creating-external-hmi-en.png)"> | |
| - | <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)"> | + | <img src="https://kb.unipi.technology/_media/en:sw:01-mervis:01_creating-external-hmi-en.png" /> |
| - | <img src="https://kb.unipi.technology/_media/cs:sw:01-mervis:01_creating-external-hmi-cz.png" /> | + | |
| </figure></html> | </figure></html> | ||
| - | Nyní přidejte terminál kliknutím na Systém, kde zvolte **Přidat terminál**. | + | Add a new terminal by clicking on System and selecting **Add Terminal**. |
| - | <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/en:sw:01-mervis:02_creating-external-hmi-en.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/en:sw:01-mervis:02_creating-external-hmi-en.png" /> |
| </figure></html> | </figure></html> | ||
| - | Následně ze seznamu vyberte **Controller as External Webserver rev. 2.0**. | + | A list will appear. Select **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/en:sw:01-mervis:03_creating-external-hmi-en.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/en:sw:01-mervis:03_creating-external-hmi-en.png" /> |
| </figure></html> | </figure></html> | ||
| - | Klikněte na vytvořený terminál a pojmenujte jej. Nyní je velmi důležité, aby položka **Jazyk (WEB)** byla nastavena na stejný jazyk jako ve vlastnostech PLC, do kterého nahrajete webový server. Poté jen nastavte **Parametry SSCP** sloužící pro připojení k PLC a následné nahrání na webový server. | + | Click on the newly created terminal and name it. Make sure the **Language (WEB)** property matches configuration of the PLC to which you want to upload the webserver. After that, the only thing remaining is to set **SSCP Parameters** used for communication with the PLC and uploading of the webserver. |
| - | <html><span class="kbBlueText">Parametry SSCP:</span></html> | + | <html><span class="kbBlueText">SSCP Parameters:</span></html> |
| - | * Jméno uživatele: vaše jedinečné jméno uživatele PLC (Engineering) | + | * **User:** a unique name for the PLCs user (Engineering) |
| - | * Heslo: vaše jedinečné heslo PLC (Engineering) | + | * **Password:** your unique password for the PLC (Engineering) |
| - | * SSCP adresa: nastavte adresu podle PLC | + | * **SSCP address:** set according to the PLCs address |
| - | * Cílová adresa: IP adresa, nebo doména PLC | + | * **Target address:** enter an IP address or the PLCs domain |
| - | * TCP port: nastavte 12346 | + | * **TCP port:** set to 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]]. | + | |
| - | <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)"> | + | More info about users is available in the Creating a showcase project, chapter [[creating-new-project-hidden#securing_the_controller|Securing a PLC]]. |
| - | <img src="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/en:sw:01-mervis:04_creating-external-hmi-en.png)"> | ||
| + | <img src="https://kb.unipi.technology/_media/en:sw:01-mervis:04_creating-external-hmi-en.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í**. | + | Right-click on the "**terminalChannel**" channel and select **Assign Device**. |
| - | <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/en:sw:01-mervis:05_creating-external-hmi-en.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/en:sw:01-mervis:05_creating-external-hmi-en.png" /> |
| </figure></html> | </figure></html> | ||
| - | Otevře se dialogové okno, kde vyberete konkrétní PLC, pro které chcete společné HMI rozhraní. Potvrďte kliknutím na **OK**. | + | A dialogue window will appear. Select PLCs you want to control using a common HMI interface. Confirm by clicking on **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/en:sw:01-mervis:06_creating-external-hmi-en.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/en:sw:01-mervis:06_creating-external-hmi-en.png" /> |
| </figure></html> | </figure></html> | ||
| - | Nyní máte vytvořenu základní strukturu projektu, měl by vypadat následovně: | + | You now have a complete project structure. It should look like this: |
| - | <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/en:sw:01-mervis:08_creating-external-hmi-en.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/en:sw:01-mervis:07_creating-external-hmi-en.png" /> |
| </figure></html> | </figure></html> | ||
| - | Posledním důležitým krokem je nastavení **Parametrů SSCP** pro konkrétní PLC, ty slouží pro čtení/zápis proměnných z daných PLC přiřazených v předchozích krocích. Nastavení je principiálně u všech PLC stejné, pouze s rozdílnými údaji. Nyní již konkrétní nastavení. | + | The last important step is to set **SSCP Parameters** for specific PLCs. These serve for reading/writing variables from the PLCs added in the previous steps. For each PLC the settings are more or less the same, only with different data. Finally, let's move to the configuration itself. |
| <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. | + | If the PLC storing the external server is also added to the terminal, it needs to have all local connection properties set (username, password, SSCP address, TCP address, port). Don't use the proxy server in this case - doing so would result in a slower communication, as you would still connect to the same PLC through external servers. |
| </WRAP> | </WRAP> | ||
| - | Klikněte na PLC v kanálu terminálu, v pravém sloupci nyní můžete nastavit **Název spojení**, poté vyhledejte **Parametry SSCP** a nastavte následovně: | + | Click on PLC in the terminal channel and move into the right column, where you can set **Connection Name**. After that, look for **SSCP Parameters** and set it as following: |
| - | <html><span class="kbBlueText">Parametry SSCP:</span></html> | + | <html><span class="kbBlueText">SSCP Parameters:</span></html> |
| - | * **Koncový bod:** Custom | + | * **EndPoint:** Custom |
| - | * **Adresa zařízení:** //zvolte podle vlastností PLC// | + | * **Device Address:** //select according to the PLC's address// |
| - | * **Uživatelské jméno:** //jméno uživatele PLC - postačí úroveň **Plné řízení**// | + | * **User:** //name of the PLC user - **Full Control** will be enough// |
| - | * **Heslo:** //heslo uživatele PLC// | + | * **Password:** //password of the PLC's user// |
| - | * **Proxy ID:** //pokud je PLC v jiné síti, lze se s ním spojit pomocí proxy - v tom případě vyplňte vaše Proxy ID// | + | * **Proxy ID:** //if the PLC is connected to a different network, you can communicate with it using a proxy server - in that case, enter your Proxy ID// |
| - | <html><span class="kbBlueText">Parametry TCP:</span></html> | + | <html><span class="kbBlueText">TCP Parameters:</span></html> |
| - | * **Adresa zařízení:** //sem vložte IP adresu, nebo doménu PLC, nebo adresu pro připojení přes proxy// - ''proxy.unipi.technology'' | + | * **Device Hostname:** //enter an IP address, PLC domain or proxy connection address// - 'proxy.unipi.technology'' |
| - | * **Port zařízení:** 12346 (proxy: 12348) | + | * **Device Port:** 12346 (proxy: 12348) |
| - | Nastavení s IP adresou: | + | Configuration using an IP address: |
| - | <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/en:sw:01-mervis:08_creating-external-hmi-en.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/en:sw:01-mervis:08_creating-external-hmi-en.png" /> |
| </figure></html> | </figure></html> | ||
| - | Nastavení s proxy: | + | Configuration using a 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/en:sw:01-mervis:09_creating-external-hmi-en.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/en:sw:01-mervis:09_creating-external-hmi-en.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]]. | + | More info about users is available in the Creating a showcase project, chapter [[creating-new-project-hidden#securing_the_controller|Securing a PLC]]. |
| - | ===== Tvorba šablony ===== | + | ===== Creating a template ===== |
| {{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/en:sw:01-mervis:10_creating-external-hmi-en.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/en:sw:01-mervis:10_creating-external-hmi-en.png" /> |
| </figure></html> | </figure></html> | ||
| <WRAP center round box 80%> | <WRAP center round box 80%> | ||
| - | * <html><span class="avBlueText">Názvy</span></html> volte s rozvahou a doporučujeme použití prefixu odděleného podtržítkem, např. EXTERNAL_nazev \\ | + | * <html><span class="avBlueText">Name</span></html> should be considered carefully, we also recommend to use a prefix separated by underscore, ie. EXTERNAL_name \\ |
| - | * <html><span class="avBlueText">Typ displeje</span></html> určuje o jaký druh šablony se jedná -> **Grafický** \\ | + | * <html><span class="avBlueText">Display Type</span></html> determines the template type -> **Graphic** \\ |
| - | * <html><span class="avBlueText">Typ šablony</span></html> - zde zvolte Terminál \\ | + | * <html><span class="avBlueText">Template Type</span></html> - select Terminal \\ |
| - | * <html><span class="avBlueText">Terminal</span></html> - vyberte terminál externího webserveru pro který je šablona tvořena | + | * <html><span class="avBlueText">Terminal</span></html> - select the external webserver's terminal for which the template is created |
| </WRAP> | </WRAP> | ||
| - | 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. | + | Now you need to assign the template to the terminal. Click on the terminal, go into its properties in the right column and select **Device Template**. Here you need to upload the template you created in the previous steps. |
| - | <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/en:sw:01-mervis:11_creating-external-hmi-en.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/en:sw:01-mervis:11_creating-external-hmi-en.png" /> |
| </figure></html> | </figure></html> | ||
| - | ===== Vytvoření HMI ===== | + | ===== Creating a HMI ===== |
| {{page>creating-hmi-interface-hidden}} | {{page>creating-hmi-interface-hidden}} | ||
| - | ===== Zabezpečení HMI ===== | + | ===== Securing the HMI ===== |
| {{page>hmi-security-hidden}} | {{page>hmi-security-hidden}} | ||
| - | ===== Nahrání webového serveru do PLC ===== | + | ===== Deploying a webserver into a PLC ===== |
| {{page>creating-hmi-deploy-hidden}} | {{page>creating-hmi-deploy-hidden}} | ||
