RMM Dashboard Builder - Revision history

Dylan.chang at 08:39, 5 October 2016

2016-10-05T08:39:23Z

Dylan.chang at 06:22, 3 June 2016

2016-06-03T06:22:32Z

Dylan.chang: /* Data format for Widgets */

2016-06-03T06:12:04Z

‎Data format for Widgets

Dylan.chang at 06:06, 3 June 2016

2016-06-03T06:06:53Z

Dylan.chang at 03:44, 3 June 2016

2016-06-03T03:44:48Z

Dylan.chang: Created page with "==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 dashb..."

2016-06-03T03:12:17Z

Created page with "==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 dashb..."

New page

==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.
[[File:RMMToolBarFor Dashboard.png|center]]

==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.

[[File:RMM3.2FlotChart.png|center]]
==Document==
*[[Media:WISE-PaaS_RMM_3.1_Server_UM_V1.5.pdf ‎|''RMM 3.1 Server User Manual (pdf)'']]

@@ 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.
 [[File:RMMToolBarFor Dashboard.png|center]]
 ==Architecture==
@@ Line 20: / Line 19: @@
 [[File:RMM3.2FlotChart.png|center]]
 =Data format for Widgets=
@@ Line 54: / Line 54: @@
 | Google Map || JSON Array
 |}
 =Demo Video Clips=
@@ Line 73: / 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]
 |}

@@ Line 28: / Line 28: @@
 | Text || NUMBER or TEXT
 |-
-| Picture || NUMBER or TEXT
+| Picture || URL
 |-
-| HTML || NUMBER or TEXT
+| HTML || TEXT
 |-
-| Pointer || NUMBER or TEXT
+| Pointer || NUMBER
 |-
-| Indicator Light || NUMBER or TEXT
+| Indicator Light || NUMBER (On: 1, Off: 0)
 |-
-| Gauge || NUMBER or TEXT
+| Gauge || NUMBER
 |-
-| Fan || NUMBER or TEXT
+| Fan || NUMBER (On: 1, Off: 0)
 |-
-| Progress Bar || NUMBER or TEXT
+| Progress Bar || NUMBER
 |-
-| RAG Indicator || NUMBER or TEXT
+| RAG Indicator || NUMBER (G: 0, A: 1, R: 2)
 |-
-| On / Off || NUMBER or TEXT
+| On / Off || NUMBER (On: 1, Off: 0)
 |-
-| NodeRed Threshold || NUMBER or TEXT
+| NodeRed Threshold || TEXT
 |-
-| Table || NUMBER or TEXT
+| Table || JSON Array
 |-
-| Chart || NUMBER or TEXT
+| Chart || JSON Array
 |-
-| Google Map || NUMBER or TEXT
+| Google Map || JSON Array
 |}
 ==Document==
 *[[Media:WISE-PaaS_RMM_3.1_Server_UM_V1.5.pdf ‎|''RMM 3.1 Server User Manual (pdf)'']]
 =Demo Video Clips=

← Older revision		Revision as of 06:06, 3 June 2016
Line 21:		Line 21:
	[[File:RMM3.2FlotChart.png\|center]]		[[File:RMM3.2FlotChart.png\|center]]

		+	=Data format for Widgets=
		+	{\| class="wikitable"
		+	\|-
		+	! Widget !! Data format
		+	\|-
		+	\| Text \|\| NUMBER or TEXT
		+	\|-
		+	\| Picture \|\| NUMBER or TEXT
		+	\|-
		+	\| HTML \|\| NUMBER or TEXT
		+	\|-
		+	\| Pointer \|\| NUMBER or TEXT
		+	\|-
		+	\| Indicator Light \|\| NUMBER or TEXT
		+	\|-
		+	\| Gauge \|\| NUMBER or TEXT
		+	\|-
		+	\| Fan \|\| NUMBER or TEXT
		+	\|-
		+	\| Progress Bar \|\| NUMBER or TEXT
		+	\|-
		+	\| RAG Indicator \|\| NUMBER or TEXT
		+	\|-
		+	\| On / Off \|\| NUMBER or TEXT
		+	\|-
		+	\| NodeRed Threshold \|\| NUMBER or TEXT
		+	\|-
		+	\| Table \|\| NUMBER or TEXT
		+	\|-
		+	\| Chart \|\| NUMBER or TEXT
		+	\|-
		+	\| Google Map \|\| NUMBER or TEXT
		+	\|}

	==Document==		==Document==