Changes for page How to creat dashboard for a device?
Last modified by Hera Guo on 2024/12/31 11:55
Summary
-
Page properties (2 modified, 0 added, 0 removed)
-
Attachments (0 modified, 5 added, 0 removed)
Details
- Page properties
-
- Author
-
... ... @@ -1,1 +1,1 @@ 1 -XWiki. EdwinChen1 +XWiki.hera - Content
-
... ... @@ -10,113 +10,215 @@ 10 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 11 12 12 13 -Note: We can create only one rule chain, device profile and dashboard for on type of devices. 13 +Note: We can create only one rule chain, device profile and dashboard for one type of devices. 14 14 15 15 16 16 = 2. For devices which already have dashboard / profile/ rule chain. = 17 17 18 -== 2.1 Get the json sfile ==18 +== 2.1 Get the json files == 19 19 20 -where to get. 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 21 22 -what files to get .22 +what files to get:Select the model you need and download three JSON files from it 23 23 24 +Such as: 24 24 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 + 25 25 == 2.2 Import Rule chain == 26 26 27 - Only need to importonce for same type of devices.32 +Firstly, we need to import the rule chain. The rule chain tells platform how we should handel the uplink and downlink for this device. 28 28 34 +Open rule chains, click on the "+" in the upper right corner, 29 29 36 +select "import rule chain", and then drag the downloaded JSON file with the suffix "_rule_chain" into the text box 37 + 38 +* Only need to import once for same type of devices. 39 + 40 +****[[image:1729040952504-811.png||height="556" width="1138"]] 41 + 42 +[[image:1729066864346-718.png||height="596" width="1140"]] 43 + 30 30 == 2.3 Import Device profile and select the rule chain == 31 31 46 +=== 2.3.1 Import Device profile === 32 32 48 +At this step, we need to import the device profile first, as shown in the figure. 49 + 50 +First, we need to open the device profiles, click on the "+" in the upper right corner, select "import device profile", 51 + 52 +and then select the file with the suffix "_device_defiles" that we have already downloaded. Drag it into the text box. 53 + 54 +[[image:1729041156898-931.png||height="523" width="1144"]] 55 + 56 +[[image:1729066636027-958.png||height="603" width="1143"]] 57 + 58 +=== 2.3.2 Modify the rule chain in the device profiles === 59 + 60 +After importing the rule chain and device profile, we need to link them together. 61 + 62 +At this point, we need to modify the rule chain on the device profiles page. 63 + 64 +In this section, first we need to open the device profiles module again, 65 + 66 +click on the newly imported device profile file, and then click on the top right corner“ 🖊” After entering the editing mode, 67 + 68 +we will see the Default rule chain under the details section. 69 + 70 +Click on it and select the corresponding rule chain we have newly imported, 71 + 72 +then click the "√" in the upper right corner to save it. 73 + 74 +[[image:1729041627624-611.png||height="567" width="1148"]] 75 + 76 +[[image:1729041918618-753.png||height="558" width="1151"]] 77 + 33 33 == 2.4 Import Dashboard and link to each device == 34 34 35 - Needto repeatforeverynewdevice.80 +After importing the rule chain and device profile, we need to import the dashboard and configure its datasource. 36 36 37 - Makesurethedevice already creatin the platform.82 +=== ** **2.4.1 Import dashboard === 38 38 84 +Firstly, we need to open the dashboard module, 39 39 86 +click on the "+" in the upper right corner, select "import dashboard", 40 40 88 +then we shoud drag the downloaded _dashboard file into the text box. 89 + 90 +[[image:1728978901199-201.png||height="591" width="1156"]] 91 + 92 +[[image:1729066158155-749.png||height="603" width="1165"]] 93 + 94 + 95 +=== 2.4.2 Modify the datasource of each module in the dashboard === 96 + 97 +After importing the dashboard, we need to link it with our input device, 98 + 99 +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. 100 + 101 +(For example, if our input device IMEI is 863663062789483, then our input device name is 863663062789483) 102 + 103 + 104 +In this section, we should first open our newly imported dashboard and click on "Edit mode" in the upper right corner to edit it. 105 + 106 +Afterwards, select the module to be modified and click on the top right corner of the module“ 🖊” Enter the editing interface, 107 + 108 +then find the Datasource section, select the corresponding device name, and click "Apply" in the upper right corner. 109 + 110 +* Need to repeat for every new device. 111 +* Make sure the device already creat in the platform. 112 + 113 +[[image:1729042442077-819.png||height="580" width="1160"]] 114 + 115 +[[image:1729042599152-568.png||height="571" width="1166"]] 116 + 117 +[[image:1729042895928-321.png||height="565" width="1165"]] 118 + 119 +Now our dashboard has been successfully imported and the data can be displayed after processing. 120 + 121 +Next, we only need to transfer the data in and we can see the data displayed on the dashboard. 122 + 123 +[[image:1728978901221-951.png||height="591" width="1134"]] 124 + 41 41 = 3. For devices doesn't have dashboard / profile/ rule chain. = 42 42 127 +== 2.1 Creat the dashboard and add branch == 43 43 129 +=== 2.1.1 Create Dashboard === 44 44 45 - {{{How should weimportand use a complete dashboard when we receive it? TakingtheSN50v3N_NBemod9dashboard as an example, thisnote will provide you with detailed information131 +[[image:1730340927404-430.png]] 46 46 47 - first ofall, wewill receive three JSON files, which include the dashboard, deviceprofiles, and rule chain.}}}133 +[[image:1730340927412-610.png]] 48 48 135 +Assigning users and groups is not necessary and can be done uniformly after completing the overall project creation 49 49 50 - [[image:1728978901187-650.png]]137 +== 2.2 Add a branch == 51 51 52 - == **Step1.Import dashboard** ==139 +[[image:1730341060305-544.png]] 53 53 141 +How many interfaces do you need to display, and how many statuses you need to create. 54 54 55 -[[image:17 28978901199-201.png||height="919" width="1797"]]143 +[[image:1730341060308-892.png]] 56 56 57 - [[image:1728978901203-703.png||height="901"width="1801"]]145 +After creating the branch, you can add widgets into your dashboard and decorate it. 58 58 59 - == ==147 +[[image:1730341060310-449.png]] 60 60 61 -== **Step2.ImportDeviceprofile**==149 +== 2.3 Connect Sensors == 62 62 63 - Theimportmethodforthis sectionisthe same as the dashboardimport method.151 +=== 2.3.1 Add LoRaWAN Sensors === 64 64 153 +You can connect the device through the link below: 65 65 66 -[[i mage:1729041156898-931.png]]155 +**source:**[[https:~~/~~/wiki.thingseye.io/xwiki/bin/view/Main/How%20to%20connect%20my%20devices%20to%20ThingsEye%3F>>https://wiki.thingseye.io/xwiki/bin/view/Main/How%20to%20connect%20my%20devices%20to%20ThingsEye%3F/]] 67 67 68 - [[image:1728978901206-650.png||height="911"width="1799"]]157 +=== 2.3.2 Add NB-IoT Sensors === 69 69 70 - ====159 +You can connect the device through the link below: 71 71 72 - ==**Step3.ImportRuleain** ==161 +**source:**[[https:~~/~~/wiki.thingseye.io/xwiki/bin/view/Main/How%20to%20connect%20my%20devices%20to%20ThingsEye%3F>>https://wiki.thingseye.io/xwiki/bin/view/Main/How%20to%20connect%20my%20devices%20to%20ThingsEye%3F/]] 73 73 74 -((( 75 -The import method for this section is the same as the dashboard import method. 163 +== 2.4 Creat group and add device == 76 76 77 - 78 -))) 165 +[[image:1730341200415-449.png]] 79 79 80 -((( 81 -****[[image:1729040952504-811.png]] 82 -))) 167 +[[image:1730341200420-412.png]] 83 83 84 -[[image:17 28978901213-756.png||height="907" width="1802"]]169 +[[image:1730341200421-190.png]] 85 85 86 - == ==171 +[[image:1730341200424-882.png]] 87 87 88 -== **Step4.Modifytherulechaininthedeviceprofiles**==173 +== 2.5 Creat entity alias and connect == 89 89 90 - Openthedevice configurationwejustmportedand editit.175 +=== 2.5.1 Creat entity alias === 91 91 177 +[[image:1730341268104-527.png]] 92 92 93 -[[image:17 29041627624-611.png||height="889" width="1801"]]179 +[[image:1730341268106-565.png]] 94 94 181 +=== 2.5.2 Connect entity === 95 95 96 - Modify the rule chain to the one we importedand saveit.183 +[[image:1730341268108-632.png]] 97 97 185 +== 2.6 Creat actions == 98 98 99 -[[image:17 29041918618-753.png]]187 +[[image:1730341395062-192.png]] 100 100 189 +[[image:1730341395069-644.png]] 101 101 191 += 3.Set up Alarm = 102 102 103 -== step5.Openournew dashboard and modifytheinputdeviceforach accessory==193 +== 3.1 Creat device profiles == 104 104 195 +[[image:1730341507235-819.png||height="636" width="1260"]] 105 105 106 - [[image:1729042442077-819.png]]197 +== 3.2 Set up Alarm == 107 107 199 +[[image:1730341543316-750.png||height="629" width="1260"]] 108 108 109 -[[image:17 29042599152-568.png||height="869" width="1773"]]201 +[[image:1730341543319-574.png]] 110 110 111 - [[image:1729042895928-321.png||height="859"width="1771"]]203 +== 3.3 replace device profile == 112 112 205 +[[image:1730341567947-831.png||height="629" width="1266"]] 113 113 114 - Thenusehis methodto modify the input devices of all modulesinthe dashboard207 += 4. create rule chain = 115 115 209 +== 4.1 creat rule chain == 116 116 117 - Now our dashboard has been successfullyimportedand thedata can be displayed after processing. Next, we only need to transfer thedatain and we can see the datadisplayedonthe dashboard.211 +[[image:1730341620059-499.png||height="621" width="1263"]] 118 118 213 +[[image:1730341620061-922.png||height="612" width="1263"]] 119 119 120 - [[image:1728978901221-951.png||height="926"width="1777"]]215 +Regarding the rule chain, you can see the relevant explanation below: 121 121 217 +[[https:~~/~~/wiki.thingseye.io/xwiki/bin/view/Main/Basic%20configuration%20of%20rule%20chains/>>https://wiki.thingseye.io/xwiki/bin/view/Main/Basic%20configuration%20of%20rule%20chains/]] 218 + 219 +== 4.2 replace rule chain == 220 + 221 +[[image:1730341620064-656.png||height="628" width="1265"]] 222 + 223 + 122 122 {{{Hope this article can be helpful to you.Good luck to you!}}}
- 1729066158155-749.png
-
- Author
-
... ... @@ -1,0 +1,1 @@ 1 +XWiki.hera - Size
-
... ... @@ -1,0 +1,1 @@ 1 +280.3 KB - Content
- 1729066636027-958.png
-
- Author
-
... ... @@ -1,0 +1,1 @@ 1 +XWiki.hera - Size
-
... ... @@ -1,0 +1,1 @@ 1 +323.8 KB - Content
- 1729066864346-718.png
-
- Author
-
... ... @@ -1,0 +1,1 @@ 1 +XWiki.hera - Size
-
... ... @@ -1,0 +1,1 @@ 1 +281.2 KB - Content
- 1729067194004-351.png
-
- Author
-
... ... @@ -1,0 +1,1 @@ 1 +XWiki.hera - Size
-
... ... @@ -1,0 +1,1 @@ 1 +43.1 KB - Content
- 1729067238833-697.png
-
- Author
-
... ... @@ -1,0 +1,1 @@ 1 +XWiki.hera - Size
-
... ... @@ -1,0 +1,1 @@ 1 +43.1 KB - Content