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