Design an InTouch Web Client application

Designing InTouch Web Client applications involves the following stages:

Configure (Optional)

1. Configure the security protocol.

   1. Connect to a System Management Server using the System Platform Configurator - choose between a remote or local server.

2. Configure AVEVA Identity Manager.

3. Configure the reverse proxy server.

Design

4. Create and/or edit an application.

5. Identify the root folder that will contain all the graphics you want displayed on the web client.

6. Identify and set the Web Client Root folder.

7. Identify and set the Web Client Home symbol.

8. Fast switch to InTouch WindowViewer.

   • WindowViewer is required to run to access InTouch tags, but not application server object attribute references.

9. Use the Web Client fast switch button or launch a browser and navigate to http://localhost/InTouch.

Iterative Development

10. The home symbol is displayed on the web page.

11. Use the Navigation overlay to navigate to a symbol/window.

12. Make any graphic related changes in WindowMaker, the changes are automatically refreshed on the browser.

    Changes in Quality and Status Style, Element Style, and Formatting Styles will be propagated only after making the following graphics changes or re-launching WindowViewer.

    • Content of symbol is updated and saved

    • Symbol is created, imported, or deleted

    • Symbol is moved to different toolset folder

    • Root folder or home symbol assignment is updated

13. You can continue to build the application and test the output in the browser.

Deploy

14. Assign users to one of the Web Client related user groups (local or domain) or opt for anonymous access.

15. Publish or deploy the application.

16. Run the application in InTouch WindowViewer. WindowViewer must be running, to receive live data from InTouch tags.

    After the application is published or deployed, it will be available from any computer on the intranet.

    You can point to http://<IPAddress>/InTouch or http://<NodeName>/InTouch, where <IPAddress> or <NodeName> corresponds to the machine where the application is published or deployed.