Difference between revisions of "RMM Dashboard Builder"
Dylan.chang (talk | contribs) |
Dylan.chang (talk | contribs) |
||
| (2 intermediate revisions by the same user not shown) | |||
| Line 2: | Line 2: | ||
Dashboard is a HTML-based engine for visualization IoT data from your devices, it provides a variety of widgets and data sources to help user create IoT dashboard. After user login the system. You can see the dashboard hyperlink in the top of right hand side header. | Dashboard is a HTML-based engine for visualization IoT data from your devices, it provides a variety of widgets and data sources to help user create IoT dashboard. After user login the system. You can see the dashboard hyperlink in the top of right hand side header. | ||
[[File:RMMToolBarFor Dashboard.png|center]] | [[File:RMMToolBarFor Dashboard.png|center]] | ||
| − | |||
==Architecture== | ==Architecture== | ||
| Line 20: | Line 19: | ||
[[File:RMM3.2FlotChart.png|center]] | [[File:RMM3.2FlotChart.png|center]] | ||
| + | |||
=Data format for Widgets= | =Data format for Widgets= | ||
| Line 28: | Line 28: | ||
| Text || NUMBER or TEXT | | Text || NUMBER or TEXT | ||
|- | |- | ||
| − | | Picture || | + | | Picture || URL |
|- | |- | ||
| − | | HTML || | + | | HTML || TEXT |
|- | |- | ||
| − | | Pointer || NUMBER | + | | Pointer || NUMBER |
|- | |- | ||
| − | | Indicator Light || NUMBER | + | | Indicator Light || NUMBER (On: 1, Off: 0) |
|- | |- | ||
| − | | Gauge || NUMBER | + | | Gauge || NUMBER |
|- | |- | ||
| − | | Fan || NUMBER | + | | Fan || NUMBER (On: 1, Off: 0) |
|- | |- | ||
| − | | Progress Bar || NUMBER | + | | Progress Bar || NUMBER |
|- | |- | ||
| − | | RAG Indicator || NUMBER | + | | RAG Indicator || NUMBER (G: 0, A: 1, R: 2) |
|- | |- | ||
| − | | On / Off || NUMBER | + | | On / Off || NUMBER (On: 1, Off: 0) |
|- | |- | ||
| − | | NodeRed Threshold || | + | | NodeRed Threshold || TEXT |
|- | |- | ||
| − | | Table || | + | | Table || JSON Array |
|- | |- | ||
| − | | Chart || | + | | Chart || JSON Array |
|- | |- | ||
| − | | Google Map || | + | | Google Map || JSON Array |
|} | |} | ||
| − | |||
| − | |||
| − | |||
| − | |||
=Demo Video Clips= | =Demo Video Clips= | ||
| Line 74: | Line 70: | ||
| WISE-PaaS/RMM Dashboard - Scenario demo2 (control widgets by writing javascript) || [https://www.youtube.com/watch?v=bOYLzdpQhWs&index=27&list=PLhBpZ8HU3KsRRzudzSnv0fGUCAUza8yVE&index=33 link] | | WISE-PaaS/RMM Dashboard - Scenario demo2 (control widgets by writing javascript) || [https://www.youtube.com/watch?v=bOYLzdpQhWs&index=27&list=PLhBpZ8HU3KsRRzudzSnv0fGUCAUza8yVE&index=33 link] | ||
|} | |} | ||
| + | |||
| + | = Document = | ||
| + | |||
| + | *[[Media:WISE-PaaS_RMM_3.2_Server_UM_V1.0.pdf|''RMM 3.2 Server User Manual (pdf)'']] | ||
Latest revision as of 09:39, 5 October 2016
Introduction
Dashboard is a HTML-based engine for visualization IoT data from your devices, it provides a variety of widgets and data sources to help user create IoT dashboard. After user login the system. You can see the dashboard hyperlink in the top of right hand side header.
Architecture
It consists of three parts: Toolbar, Grid and Data-Sheet.
Toolbar
Toolbar provides basic main functions for dashboard management: HOME, EXPORT, IMPROT, ADD PANE, ADD CONTENT PACK, CLEARWHITE/DEEPDARK and DATASOURCES.
Grid
Grid supports intuitive drag-and-drop widgets from spanning multiple columns. It stores all the widgets and data sources from data-sheet. After fetch data from data source, the widget value will be updated automatically.
Data-Sheet
When user redirect to dashboard page, the system will generate default sheet that named “NewBoard”. Each user can establish eight sheets.
Data format for Widgets
| Widget | Data format |
|---|---|
| Text | NUMBER or TEXT |
| Picture | URL |
| HTML | TEXT |
| Pointer | NUMBER |
| Indicator Light | NUMBER (On: 1, Off: 0) |
| Gauge | NUMBER |
| Fan | NUMBER (On: 1, Off: 0) |
| Progress Bar | NUMBER |
| RAG Indicator | NUMBER (G: 0, A: 1, R: 2) |
| On / Off | NUMBER (On: 1, Off: 0) |
| NodeRed Threshold | TEXT |
| Table | JSON Array |
| Chart | JSON Array |
| Google Map | JSON Array |
Demo Video Clips
Advantech ESS Demo on YouTuBe: WISE-PaaS/RMM Demo
| Video Demo Title | Link |
|---|---|
| WISE-PaaS/RMM Dashboard - Basic Operation (Add data sources and widgets) | link |
| WISE-PaaS/RMM Dashboard - Content Pack (device monitor, sensor data monitor) | link |
| WISE-PaaS/RMM Dashboard - Scenario demo1 : Data Analytics | link |
| WISE-PaaS/RMM Dashboard - Scenario demo2 (control widgets by writing javascript) | link |