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
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>​