Skip to main content

Device Monitor Case

Scenes​

A power plant needs an Device monitor screen to view power plant device data in real time.

Prerequisites​

  1. Power generation data has been collected in real time on the M-IoT platform;
  2. The data application has been created on the M-IoT platform (either on the device page or the dashboard page);

Implementation Steps​

In Admin Mode, click Data Applications' under Development Management in the left menu and click the Design' button in the Operations' column of the Data Applications' list to enter the visual configuration interface, for component configuration.

Device Page​

  1. Select Device Page and click Design to enter the visual configuration interface. Device page configuration interface

  2. From the component library on the left, select the Text component and drag it onto the canvas. Select the component and in the Display Data style on the right, click the icon next to it to configure the data source. Device page data source configuration interface

  3. The data source configuration interface pops up, configure the device parameters to be monitored, refer to the sequence number in the figure below

  4. Select the Interface data source

  5. Select the System type data source

  6. Select the Real-time parameter value data source

  7. Select the parameter indicators to be monitored (The parameters of the object model selected when creating the device application)

Component data source configuration interface

Dashboard page​

  1. Select Banner Page and click Design to enter the visual configuration interface. Banner page configuration interface

  2. From the component library on the left, select the Text component and drag it onto the canvas. Select the component and in the Display Data style on the right, click the icon next to it to configure the data source. Danban page data source configuration interface

  3. The data source configuration interface pops up, configure the device parameters to be monitored, refer to the sequence number in the figure below

  4. Select the Interface data source

  5. Select the System type data source

  6. Select the Real-time parameter value data source

  7. Select the device you want to monitor

  8. Select the parameter indicators to be monitored (The parameters of the model corresponding to the selected device)

Component data source configuration interface

⚠️ The difference between Device Page and Dashboard Page is that the dashboard page needs to be configured to a certain device, while the device page does not.

Final rendering effect​

When the power level changes, the power data on the page is automatically updated

In this case, real-time power generation, power generation on the day, and accumulated power generation are configured respectively. Repeating steps 2 and 3 can achieve the goal

Final effect