Versions Compared

Old Version 5

changes.mady.by.user admin

Saved on

compared with

New Version Current

changes.mady.by.user Paulo Tsuchiya

Saved on

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

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

On this page:

Table of Contents
maxLevel2
stylenone

Requirements

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 do

first complete the MQTT TagProvider Tutorial.

Configuration Outline

  1. Create a New Solution using the AssetTreeView template.
  2. Go to
DataExplorer >
  1. Data Explorer / MQTT Tools. Start the MQTT Broker and the  MQTT Simulator
  2. Still at
DataExplorer
  1. Data Explorer, use the Export command to create the MQTT TagProvider, and the Data Template for the Solar Panel
  2. Go to Unified Namespace
>
  1. / Data Templates and associate a symbol with the Template.
  2. 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
maxLevel2

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
root@parent
spacesV10