Differences
This shows you the differences between two versions of the page.
Both sides previous revision Previous revision Next revision | Previous revision Last revision Both sides next revision | ||
en:sw:01-mervis:creating-external-hmi-hidden [2020/05/13 08:07] jan_kozak |
en:sw:01-mervis:creating-external-hmi-hidden [2021/08/05 15:02] avsetula |
||
---|---|---|---|
Line 2: | Line 2: | ||
{{page>creating-hmi-intro-hidden}} | {{page>creating-hmi-intro-hidden}} | ||
- | ==== Prerequisites ==== | + | <WRAP center round box> |
+ | <html><span class="kbBlue-H4alt">Prerequisites:</span></html> | ||
* One or more [[https://www.unipi.technology/axon-c20|UniPi]] PLCs with [[en:files:software:os-images:00-start|the Mervis OS]] | * One or more [[https://www.unipi.technology/axon-c20|UniPi]] PLCs with [[en:files:software:os-images:00-start|the Mervis OS]] | ||
- | * [[https://www.unipi.technology/accessories-c4|24V DC power supply]] | + | * [[https://www.unipi.technology/accessories-c4|24 V⎓ power supply]] |
* Local network connection (any suitable switch or router) | * Local network connection (any suitable switch or router) | ||
+ | </WRAP> | ||
===== Creating a terminal for external HMI ===== | ===== Creating a terminal for external HMI ===== | ||
Line 11: | Line 13: | ||
<WRAP center round box> | <WRAP center round box> | ||
- | 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: | + | 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> | ||
==== Creating a terminal structure and its description ==== | ==== Creating a terminal structure and its description ==== | ||
Initial Mervis IDE configuration with two PLCs: | Initial Mervis IDE configuration with two PLCs: | ||
- | <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/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" /> | + | <img src="https://kb.unipi.technology/_media/en:sw:01-mervis:01_creating-external-hmi-en.png" /> |
</figure></html> | </figure></html> | ||
Add a new terminal by clicking on System and selecting **Add Terminal**. | 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> | ||
A list will appear. Select **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> | ||
Line 35: | Line 37: | ||
<html><span class="kbBlueText">SSCP Parameters:</span></html> | <html><span class="kbBlueText">SSCP Parameters:</span></html> | ||
- | * User: a unique name for the PLCs user (Engineering) | + | * **User:** a unique name for the PLCs user (Engineering) |
- | * Password: your unique password for the PLC (Engineering) | + | * **Password:** your unique password for the PLC (Engineering) |
- | * SSCP address: set according to the PLCs address | + | * **SSCP address:** set according to the PLCs address |
- | * Target address: enter an IP address or the PLCs domain | + | * **Target address:** enter an IP address or the PLCs domain |
- | * TCP port: set to 12346 | + | * **TCP port:** set to 12346 |
- | More info about users is available in the Creating a showcase project, chapter [[creating-new-project-hidden#zabezpeceni_kontroleru|Securing a PLC]]. | + | More info about users is available in the Creating a showcase project, chapter [[creating-new-project-hidden#securing_the_controller|Securing a 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/en:sw:01-mervis:04_creating-external-hmi-en.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/en:sw:01-mervis:04_creating-external-hmi-en.png" /> |
</figure></html> | </figure></html> | ||
- | Right-click on the "terminalChannel" channel and select **Add Device**. | + | 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> | ||
A dialogue window will appear. Select PLCs you want to control using a common HMI interface. Confirm by clicking on **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> | ||
You now have a complete project structure. It should look like this: | 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> | ||
Line 74: | Line 76: | ||
<html><span class="kbBlueText">SSCP Parameters:</span></html> | <html><span class="kbBlueText">SSCP Parameters:</span></html> | ||
- | * **Endpoint:** Custom | + | * **EndPoint:** Custom |
* **Device Address:** //select according to the PLC's address// | * **Device Address:** //select according to the PLC's address// | ||
* **User:** //name of the PLC user - **Full Control** will be enough// | * **User:** //name of the PLC user - **Full Control** will be enough// | ||
Line 81: | Line 83: | ||
<html><span class="kbBlueText">TCP Parameters:</span></html> | <html><span class="kbBlueText">TCP Parameters:</span></html> | ||
- | * **Device Address:** //enter an IP address, PLC domain or proxy connection address// - 'proxy.unipi.technology'' | + | * **Device Hostname:** //enter an IP address, PLC domain or proxy connection address// - 'proxy.unipi.technology'' |
* **Device Port:** 12346 (proxy: 12348) | * **Device Port:** 12346 (proxy: 12348) | ||
Configuration using an IP address: | 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> | ||
Configuration using a 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> | ||
- | More info about users is available in the Creating a showcase project, chapter [[creating-new-project-hidden#zabezpeceni_kontroleru|Securing a PLC]]. | + | More info about users is available in the Creating a showcase project, chapter [[creating-new-project-hidden#securing_the_controller|Securing a PLC]]. |
===== Creating a template ===== | ===== 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> | ||
Line 112: | Line 114: | ||
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. | 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> | ||