Wiki source code of How to creat dashboard for a device?
Show last authors
author | version | line-number | content |
---|---|---|---|
1 | |||
2 | |||
3 | **Table of Contents:** | ||
4 | |||
5 | {{toc/}} | ||
6 | |||
7 | |||
8 | = 1. Overview: = | ||
9 | |||
10 | After device data arrive to the platform via the method of [[Connect Device to ThingsEye>>https://wiki.thingseye.io/xwiki/bin/view/Main/How%20to%20connect%20my%20devices%20to%20ThingsEye%3F/#]]. We can creat the Dashboard for the specify device. so to view the sensor detail of each device. | ||
11 | |||
12 | |||
13 | Note: We can create only one rule chain, device profile and dashboard for on type of devices. | ||
14 | |||
15 | |||
16 | = 2. For devices which already have dashboard / profile/ rule chain. = | ||
17 | |||
18 | == 2.1 Get the jsons file == | ||
19 | |||
20 | where to get:[[https:~~/~~/github.com/ThingsEye-io/te-platform/tree/main/Devices/Dragino>>path:/xwiki/bin/get/Main/How%20to%20import%20and%20use%20the%20dashboard%3F/?sheet=CKEditor.ResourceDispatcher&outputSyntax=plain&language=&type=doc&reference=&typed=]] | ||
21 | |||
22 | what files to get:Select the model you need and download three JSON files from it | ||
23 | |||
24 | Such as: | ||
25 | |||
26 | * [[sn50v3_nb_mod9_dashboard_.json>>url:https://github.com/ThingsEye-io/te-platform/blob/main/Devices/Dragino/SN50v3-NB-Mod9/sn50v3_nb_mod9_dashboard_.json]] | ||
27 | * [[sn50v3_nb_mod9_device_profile.json>>url:https://github.com/ThingsEye-io/te-platform/blob/main/Devices/Dragino/SN50v3-NB-Mod9/sn50v3_nb_mod9_device_profile.json]] | ||
28 | * [[sn50v3_nb_mod9_rule_chain.json>>url:https://github.com/ThingsEye-io/te-platform/blob/main/Devices/Dragino/SN50v3-NB-Mod9/sn50v3_nb_mod9_rule_chain.json]] | ||
29 | |||
30 | |||
31 | == 2.2 Import Rule chain == | ||
32 | |||
33 | Firstly, we need to import the rule chain. | ||
34 | |||
35 | Open rule chains, click on the "+" in the upper right corner, | ||
36 | |||
37 | select "import rule chain", and then drag the downloaded JSON file with the suffix "_rule_chain" into the text box | ||
38 | |||
39 | * Only need to import once for same type of devices. | ||
40 | |||
41 | ****[[image:1729040952504-811.png||height="556" width="1138"]] | ||
42 | |||
43 | [[image:1729066864346-718.png||height="596" width="1140"]] | ||
44 | |||
45 | == 2.3 Import Device profile and select the rule chain == | ||
46 | |||
47 | === 2.3.1 Import Device profile === | ||
48 | |||
49 | At this step, we need to import the device profile first, as shown in the figure. | ||
50 | |||
51 | First, we need to open the device profiles, click on the "+" in the upper right corner, select "import device profile", | ||
52 | |||
53 | and then select the file with the suffix "_device_defiles" that we have already downloaded. Drag it into the text box. | ||
54 | |||
55 | [[image:1729041156898-931.png||height="523" width="1144"]] | ||
56 | |||
57 | [[image:1729066636027-958.png||height="603" width="1143"]] | ||
58 | |||
59 | === 2.3.2 Modify the rule chain in the device profiles === | ||
60 | |||
61 | After importing the rule chain and device profile, we need to link them together. | ||
62 | |||
63 | At this point, we need to modify the rule chain on the device profiles page. | ||
64 | |||
65 | In this section, first we need to open the device profiles module again, | ||
66 | |||
67 | click on the newly imported device profile file, and then click on the top right corner“ 🖊” After entering the editing mode, | ||
68 | |||
69 | we will see the Default rule chain under the details section. | ||
70 | |||
71 | Click on it and select the corresponding rule chain we have newly imported, | ||
72 | |||
73 | then click the "√" in the upper right corner to save it. | ||
74 | |||
75 | [[image:1729041627624-611.png||height="567" width="1148"]] | ||
76 | |||
77 | [[image:1729041918618-753.png||height="558" width="1151"]] | ||
78 | |||
79 | == 2.4 Import Dashboard and link to each device == | ||
80 | |||
81 | After importing the rule chain and device profile, we need to import the dashboard and configure its datasource. | ||
82 | |||
83 | === ** **2.4.1 Import dashboard === | ||
84 | |||
85 | Firstly, we need to open the dashboard module, | ||
86 | |||
87 | click on the "+" in the upper right corner, select "import dashboard", | ||
88 | |||
89 | then we shoud drag the downloaded _dashboard file into the text box. | ||
90 | |||
91 | [[image:1728978901199-201.png||height="591" width="1156"]] | ||
92 | |||
93 | [[image:1729066158155-749.png||height="603" width="1165"]] | ||
94 | |||
95 | |||
96 | == 2.4.2 Modify the datasource of each module in the dashboard == | ||
97 | |||
98 | After importing the dashboard, we need to link it with our input device, | ||
99 | |||
100 | So we need to change the input device of each module in the dashboard , and the corresponding device name is the IMEI of the device we are connected to. | ||
101 | |||
102 | (For example, if our input device IMEI is 863663062789483, then our input device name is 863663062789483) | ||
103 | |||
104 | |||
105 | In this section, we should first open our newly imported dashboard and click on "Edit mode" in the upper right corner to edit it. | ||
106 | |||
107 | Afterwards, select the module to be modified and click on the top right corner of the module“ 🖊” Enter the editing interface, | ||
108 | |||
109 | then find the Datasource section, select the corresponding device name, and click "Apply" in the upper right corner. | ||
110 | |||
111 | * Need to repeat for every new device. | ||
112 | * Make sure the device already creat in the platform. | ||
113 | |||
114 | [[image:1729042442077-819.png||height="580" width="1160"]] | ||
115 | |||
116 | [[image:1729042599152-568.png||height="571" width="1166"]] | ||
117 | |||
118 | [[image:1729042895928-321.png||height="565" width="1165"]] | ||
119 | |||
120 | Now our dashboard has been successfully imported and the data can be displayed after processing. | ||
121 | |||
122 | Next, we only need to transfer the data in and we can see the data displayed on the dashboard. | ||
123 | |||
124 | [[image:1728978901221-951.png||height="591" width="1134"]] | ||
125 | |||
126 | = 3. For devices doesn't have dashboard / profile/ rule chain. = | ||
127 | |||
128 | |||
129 | |||
130 | {{{Hope this article can be helpful to you.Good luck to you!}}} |