Loading the visualization project onto the target system

Loading the visualization created in PROCON-WEB IoT Designer onto the target system

  1. In the project tree of the Designer, expand the item VisuDesigner.

  2. Double-click the item Startpage.
    Result: The ribbon pane of the designer switches to the tab PROJECT ENVIRONMENT.

  3. Select the target system for the transfer of the visualization:

    images/download/attachments/414778390/ProconWebDesigner8_EN-version-1-modificationdate-1534246650532-api-v2.png


    1. In the tab PROJECT ENVIRONMENT, click Create. Confirm or modify the export options displayed in the dialog.

    2. In the tab PROJECT ENVIRONMENT, click Target system.

    3. In the dialog Search for PROCON-WEB, select the appropriate target system and click OK.
      If the target system is not listed in the dialog, click Scan and check whether the target system will be found.

  4. In the tab PROJECT ENVIRONMENT, click Go Online. In the dialog, authenticate as appropriate user with the password and click OK.

    images/download/attachments/414778396/ProconWebDesigner9_EN-version-1-modificationdate-1534246686840-api-v2.png
  5. If the Designer succeeds in establishing the connection to the target system, click Project in the dialog Project transfer.

    images/download/attachments/414778402/ProconWebDesigner10_EN-version-1-modificationdate-1534246710894-api-v2.png



Displaying the visualization on the target system

After the visualization has been loaded onto the target system, you are able to display it as follows:

  1. Start a web browser.

  2. In the address bar of the web browser, enter the address of the target system with the port 16700.

    Example for target system with IP address 192.168.1.225
    http://192.168.1.225:16700/

    Result: Now the visualization communicates bidirectional with the logi.CAD 3 application. That means that you are able to change the values of variables in the visualization and the changed value is visible in logi.CAD 3 and vice versa.