Overview 

This Tutorial will introduce the concept of Dynamic Displays, which allows to create in runtime displays reactive the data context. 

In this application, we will connect to a MQTT Broker and create an example of Seft-Aware-SCADA, or DynamicDisplays, which are adaptive the the data source, meaning the exactly 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

Therefore, the detailed description and print-screen of some operations, like creating new solutions or using the DataExplore, won't be included.

It's not mandatory, but recommended, to also previously do the MQTT TagProvider Tutorial.

Configuration Outline

  1. Create a New Solution using the AssetTreeView template.
  2. Go to DataExplorer > MQTT Tools. Start the MQTT Broker and the  MQTT Simulator
  3. Still at DataExplorer, use the Export command to create the MQTT TagProvider, and the Data Template for the Solar Panel
  4. Go to Unified Namespace > Data Templates and associate a symbol with the Template.
  5. Run the Solution, and enjoy your Smart Solution with a Dynamic Display!

Bonus Activity: Explore the Library templates used, in order to understand the potential for advanced customizations.

On this page:


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 the Confirmation Dialog to create a TagProvider, 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 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 are, hit the Map to Symbol, navigate in the library to find the symbol /HMI/FacePlates/SolarPanel

Running the Solution

Before we add more content, let's run the Solution to verify how we are going so far. 

Go To Runtime → Startup and press START button, or use the top menu, to execution Action → Startup

The RIchClient will execute and shall show the AssetTree. As you navigate on the tree, some fields will have a new value, the ones mapped to Client.SelectedAsset. Other that are mapped to one specific attribute will remain with that link.

You can  just minimize those windows, going back 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: