Overview
This Tutorial tutorial will introduce the concept of Dynamic Displays, which allows to create in for creating runtime displays reactive that react to the data context.
In this application, we will connect to a an MQTT Broker broker and create an example of SeftSelf-Aware - SCADA, or DynamicDisplaysDynamic Displays, which are adaptive to the the data source, meaning the exactly . This means the exact same display will show data from different assets based on the selected asset from the remote source.
Pre-requisites
This tutorial assumes that the basic QuickStart was already executed. See page Getting Started > Solution Configuration Solution Configuration tutorial has already been executed.
Therefore, the detailed description and print-screen of some operations, like creating new solutions or using the DataExplore, won't be included in this tutorial.
It's not mandatory, but it is recommended
,to
also previously dofirst complete the MQTT TagProvider Tutorial.
Configuration Outline
- Create a New Solution using the AssetTreeView template.
- Go to DataExplorer Data Explorer > MQTT Tools. Start the MQTT Broker and the MQTT Simulator
- Still at DataExplorerData Explorer, use the Export command to create the MQTT TagProvider, and the Data Template for the Solar Panel
- Go to Unified Namespace > Data Templates and associate a symbol with the Template.
- Run the Solution, and enjoy your Smart Solution with a Dynamic Display!
Bonus Activity: Explore the Library of templates used, in order to understand the potential for advanced customizations.
On this page:
| Table of Contents | ||
|---|---|---|
|
Configuration Steps
Create a new Solution
At the Solutions Manager tool, create a new solution, using the AssetTreeView template.
Using the Data Explorer MQTT Tools
Go to Data Explorer → MQTT Tools to start the BuiltIn MQTT Broker and the MQTT Simulator.
Open the nodes of TreeView, until you find and select GROUPID, the hit the Export To Solution Button. You can keep the default settings, on On the Confirmation Dialog to create a TagProvider, you can keep the default settings, and press OK.
Open the nodes of the TreeView until you locate you open Panel1, showing the Data Structure for SolarPanel, then hit the Export to Solution button, to create automatically . This will automatically create a Data Template for that structure.
Connecting a SmartSymbol to a DataTemplate
Go to Unified Namespace → Data Templates.
Select the DataTemplate just created. At the top arearea, hit the Map to Symbol button. Then, navigate in the library to find the symbol /HMI/FacePlates/SolarPanel
Running the Solution
Before we add more content, let's run the Solution solution to verify how we are going so farprogressing.
Go To to Runtime → Startup and press the START button, or use the top menu , to execution select Action → Startup.
The RIchClient Rich Client will execute and shall show the AssetTreeshould display the Asset Tree. As you navigate on the tree, some fields will have a new valuevalues, the ones specifically those mapped to Client.SelectedAsset. Other Others that are mapped to one a specific attribute will remain with that retain their link.
You can just simply minimize those windows , going back and return to the Designer, as the platform supports online configuration.
Next Steps
In this Tutorial, the DataTemplate and Symbol is only the SolarPanel. The same concept can be applied to create dynamic displays combining multiple data structures and symbols.
See that in action at the Solution Examples > Production Line Demo
In this section:
| Page Tree | ||||
|---|---|---|---|---|
|