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
en:sw:01-mervis:creating-external-hmi-hidden [2020/05/14 07:51]
avsetula
en:sw:01-mervis:creating-external-hmi-hidden [2021/08/05 15:07] (current)
avsetula
Line 2: Line 2:
 {{page>​creating-hmi-intro-hidden}} {{page>​creating-hmi-intro-hidden}}
  
-==== Prerequisites ​====  +<WRAP center round box> 
-  * One or more [[https://​www.unipi.technology/​axon-c20|UniPi]] PLCs with [[en:​files:​software:​os-images:​00-start|the Mervis OS]] +<​html><​span class="​kbBlue-H4alt">​Prerequisites:</​span></​html>​ 
-  * [[https://​www.unipi.technology/​accessories-c4|24V DC power supply]]+  * 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|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 16: Line 18:
 ==== 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"​ onclick="​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"​ onclick="​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"​ onclick="​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"​ onclick="​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"​ onclick="​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"​ onclick="​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"​ onclick="​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"​ onclick="​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"​ onclick="​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"​ onclick="​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"​ onclick="​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>​