Overview 

This Tutorial will introduce the concept of TagProvider, which allows tagless connections with external and dynamics data sources. 

In this application, we will connect to a MQTT Broker and a generic display what will show information about the selected element. This solution won't create any local Tags, all will be executed with the dynamic connections  

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, won't be included in this tutorial.

Configuration Outline

  1. Create a New Solution
  2. Start The Broker and the MQTT Simulator, at DatatExplorer
  3. At AssetsTree, create a MQTT TagProvider
  4. Add the MQTT data to to an AssetNode
  5. Create a screen with:
    1. AssetTree
    2. Trend Chart
    3. DataGrid
    4. UI Controls

On this page:


Configuration Steps

Create a new Solution

At the Solutions Manager tool, create a new solution, using HeaderLayout.

Using the Data Explorer MQTT Tools

Go to Data Explorer → MQTT Tools. Start the MQTT and the MQTT Simulator.

Once you've done so, click Connect to see and browse the generated data.

 

TagProvider connection with MQTT Broker

  1. Go to Unified Namespace > Asset Tree
  2. Create a new TagProvider. Either  by the Toolbar Icon, or via menu File-New-TagProvider. Keep the provider MQTT and all default settings.
  3. Right click at the Root Folder. At the context menu, execute New AssetFolder.
  4. Right click at the Folder just, created and execute 'Insert Asset from TagProvider'. Select GroupID as the initial node to insert.

That is all, at this point you have already the data from the Broker integrated with your Asset Tree. 

Display With AssetTree and UI Controls

1- Go to Draw and select the MainPage

2-Insert a TAssetsTree component (Located under the Modules section of the list of components). No configuration required, the default settings are what we need.

4. Add a TextBox (icon) using the vertical toolbar. Add the value Client.SelectedAsset to the LinkedValue property, and the Label text to AssetPath

5. Add a TextBox (icon) using the vertical toolbar. Add the value Asset(Client.SelectedAsset) to the linked value to AssetValue, and modify the Label text to Value.

6 Add a DataGrid and configure the DataSource to  Client.SelectedAsset

7, Add a TrendChat, and map the first pen, using Client.SelectAsset for the TagName.

Running the Solution

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.

In this section: