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, 0 added, 5 removed)
Details
- Page properties
-
- Author
-
... ... @@ -1,1 +1,1 @@ 1 -XWiki.he ra1 +XWiki.EdwinChen - Content
-
... ... @@ -17,119 +17,106 @@ 17 17 18 18 == 2.1 Get the jsons file == 19 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=]]20 +where to get. 21 21 22 -what files to get :Select the model you need and download three JSON files from it22 +what files to get. 23 23 24 -Such as: 25 25 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 - 36 36 == 2.2 Import Rule chain == 37 37 38 - Firstly,weneed to importthe rulechain.27 +Only need to import once for same type of devices. 39 39 40 -Open rule chains, click on the "+" in the upper right corner, 41 41 42 - select"importrulechain", and thendrag the downloadedJSON filewiththesuffix "_rule_chain"into the text box30 +== 2.3 Import Device profile and select the rule chain == 43 43 44 -* Only need to import once for same type of devices. 45 45 46 - ****[[image:1729040952504-811.png||height="556"width="1138"]]33 +== 2.4 Import Dashboard and link to each device == 47 47 48 - [[image:1729066864346-718.png||height="596"width="1140"]]35 +Need to repeat for every new device. 49 49 50 - ==2.3 ImportDeviceprofilendselect therule chain ==37 +Make sure the device already creat in the platform. 51 51 52 -=== 2.3.1 Import Device profile === 53 53 54 -At this step, we need to import the device profile first, as shown in the figure. 55 55 56 - First,weneed toopen thedeviceprofiles, click onhe"+" in theupper right corner,select"import deviceprofile",41 += 3. For devices doesn't have dashboard / profile/ rule chain. = 57 57 58 -and then select the file with the suffix "_device_defiles" that we have already downloaded. Drag it into the text box. 59 59 60 -[[image:1729041156898-931.png||height="523" width="1144"]] 61 61 62 - [[image:1729066636027-958.png||height="603"width="1143"]]45 +{{{How should we import and use a complete dashboard when we receive it? Taking the SN50v3 N_NBemod9 dashboard as an example, this note will provide you with detailed information 63 63 64 - ===2.3.2 Modifytherulechainin the device profiles===47 +first of all, we will receive three JSON files, which include the dashboard, device profiles, and rule chain.}}} 65 65 66 -After importing the rule chain and device profile, we need to link them together. 67 67 68 - At this point, we need tomodify the rule chain on the device profiles page.50 +[[image:1728978901187-650.png]] 69 69 70 - Inthis section, firstwe needto open the device profiles moduleagain,52 +== **Step1.Import dashboard** == 71 71 72 -click on the newly imported device profile file, and then click on the top right corner“ 🖊” After entering the editing mode, 73 73 74 - we will see theDefaultrule chain underthe details section.55 +[[image:1728978901199-201.png||height="919" width="1797"]] 75 75 76 - Click on itand select the correspondingrule chain weavenewlyimported,57 +[[image:1728978901203-703.png||height="901" width="1801"]] 77 77 78 - thenclickthe"√" in the upper right corner to save it.59 +== == 79 79 80 - [[image:1729041627624-611.png||height="567"width="1148"]]61 +== **Step2.Import Device profile** == 81 81 82 - [[image:1729041918618-753.png||height="558"width="1151"]]63 +The import method for this section is the same as the dashboard import method. 83 83 84 -== 2.4 Import Dashboard and link to each device == 85 85 86 - Afterimportingtherule chain and deviceprofile, weneed to import the dashboard and configure its input source.66 +[[image:1729041156898-931.png]] 87 87 88 - === ** **2.4.1Import dashboard===68 +[[image:1728978901206-650.png||height="911" width="1799"]] 89 89 90 - Firstly,weneedto open the dashboard module,70 +== == 91 91 92 - clickonthe"+" in the upperright corner, select "importdashboard",72 +== **Step3. Import Rule chain** == 93 93 94 -then we shoud drag the downloaded _dashboard file into the text box. 74 +((( 75 +The import method for this section is the same as the dashboard import method. 95 95 96 -[[image:1728978901199-201.png||height="591" width="1156"]] 77 + 78 +))) 97 97 98 -[[image:1729066158155-749.png||height="603" width="1165"]] 80 +((( 81 +****[[image:1729040952504-811.png]] 82 +))) 99 99 84 +[[image:1728978901213-756.png||height="907" width="1802"]] 100 100 101 -== 2.4.2Modifythe input devices of each module in the dashboard==86 +== == 102 102 103 - After importingthedashboard, we needto linkitwithour inputdevice,88 +== **Step4.Modify the rule chain in the device profiles** == 104 104 105 - So weeedto changethe inputdeviceof each module inthe dashboard ,andthe correspondingdevicename isheIMEIoftheeviceweare connected to.90 +Open the device configuration we just imported and edit it. 106 106 107 -(For example, if our input device IMEI is 863663062789483, then our input device name is 863663062789483) 108 108 93 +[[image:1729041627624-611.png||height="889" width="1801"]] 109 109 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. 111 111 112 - Afterwards,selectthemoduleto be modifiedandclickonthetop right cornerof the module“ 🖊” Enterheeditinginterface,96 +Modify the rule chain to the one we imported and save it. 113 113 114 -then find the Datasource section, select the corresponding device name, and click "Apply" in the upper right corner. 115 115 116 -* Need to repeat for every new device. 117 -* Make sure the device already creat in the platform. 99 +[[image:1729041918618-753.png]] 118 118 119 -[[image:1729042442077-819.png||height="580" width="1160"]] 120 120 121 -[[image:1729042599152-568.png||height="571" width="1166"]] 122 122 123 - [[image:1729042895928-321.png||height="565"width="1165"]]103 +== step5.Open our new dashboard and modify the input device for each accessory == 124 124 125 -Now our dashboard has been successfully imported and the data can be displayed after processing. 126 126 127 - Next, we only need to transfer the datainand wecan see the data displayed onthe dashboard.106 +[[image:1729042442077-819.png]] 128 128 129 -[[image:1728978901221-951.png||height="591" width="1134"]] 130 130 131 - = 3. For devices doesn'thavedashboard/ profile/ rule chain.=109 +[[image:1729042599152-568.png||height="869" width="1773"]] 132 132 111 +[[image:1729042895928-321.png||height="859" width="1771"]] 133 133 134 134 114 +Then use this method to modify the input devices of all modules in the dashboard 115 + 116 + 117 +Now our dashboard has been successfully imported and the data can be displayed after processing. Next, we only need to transfer the data in and we can see the data displayed on the dashboard. 118 + 119 + 120 +[[image:1728978901221-951.png||height="926" width="1777"]] 121 + 135 135 {{{Hope this article can be helpful to you.Good luck to you!}}}
- 1729066158155-749.png
-
- Author
-
... ... @@ -1,1 +1,0 @@ 1 -XWiki.hera - Size
-
... ... @@ -1,1 +1,0 @@ 1 -280.3 KB - Content
- 1729066636027-958.png
-
- Author
-
... ... @@ -1,1 +1,0 @@ 1 -XWiki.hera - Size
-
... ... @@ -1,1 +1,0 @@ 1 -323.8 KB - Content
- 1729066864346-718.png
-
- Author
-
... ... @@ -1,1 +1,0 @@ 1 -XWiki.hera - Size
-
... ... @@ -1,1 +1,0 @@ 1 -281.2 KB - Content
- 1729067194004-351.png
-
- Author
-
... ... @@ -1,1 +1,0 @@ 1 -XWiki.hera - Size
-
... ... @@ -1,1 +1,0 @@ 1 -43.1 KB - Content
- 1729067238833-697.png
-
- Author
-
... ... @@ -1,1 +1,0 @@ 1 -XWiki.hera - Size
-
... ... @@ -1,1 +1,0 @@ 1 -43.1 KB - Content