Changes for page How to creat dashboard for a device?
Last modified by Hera Guo on 2024/12/31 11:55
Summary
-
Page properties (1 modified, 0 added, 0 removed)
-
Attachments (0 modified, 5 added, 0 removed)
Details
- Page properties
-
- Content
-
... ... @@ -15,86 +15,116 @@ 15 15 16 16 = 2. For devices which already have dashboard / profile/ rule chain. = 17 17 18 +== 2.1 Get the jsons file == 18 18 19 - =3.Fordevicesdoesn'thaveprofile/rule chain.=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 20 22 +what files to get:Select the model you need and download three JSON files from it 21 21 24 +Such as: 22 22 23 -{{{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 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]] 24 24 25 -first of all, we will receive three JSON files, which include the dashboard, device profiles, and rule chain.}}} 26 26 31 +== 2.2 Import Rule chain == 27 27 28 - [[image:1728978901187-650.png]]33 +Firstly, we need to import the rule chain. 29 29 30 - ==**Step1.Importdashboard** ==35 +Open rule chains, click on the "+" in the upper right corner, 31 31 37 +select "import rule chain", and then drag the downloaded JSON file with the suffix "_rule_chain" into the text box 32 32 33 - [[image:1728978901199-201.png||height="919"width="1797"]]39 +* Only need to import once for same type of devices. 34 34 35 -[[image:172 8978901203-703.png||height="901" width="1801"]]41 +****[[image:1729040952504-811.png||height="556" width="1138"]] 36 36 37 -= ==43 +[[image:1729066864346-718.png||height="596" width="1140"]] 38 38 39 -== **Step2.Import Device profile**==45 +== 2.3 Import Device profile and select the rule chain == 40 40 41 - Theimportmethod for this section is thesame as the dashboard import method.47 +=== 2.3.1 Import Device profile === 42 42 49 +At this step, we need to import the device profile first, as shown in the figure. 43 43 44 - [[image:1729041156898-931.png]]51 +First, we need to open the device profiles, click on the "+" in the upper right corner, select "import device profile", 45 45 46 - [[image:1728978901206-650.png||height="911" width="1799"]]53 +and then select the file with the suffix "_device_defiles" that we have already downloaded. Drag it into the text box. 47 47 48 -= ==55 +[[image:1729041156898-931.png||height="523" width="1144"]] 49 49 50 - == **Step3.Import Rule chain**==57 +[[image:1729066636027-958.png||height="603" width="1143"]] 51 51 52 -((( 53 -The import method for this section is the same as the dashboard import method. 59 +=== 2.3.2 Modify the rule chain in the device profiles === 54 54 55 - 56 -))) 61 +After importing the rule chain and device profile, we need to link them together. 57 57 58 -((( 59 -****[[image:1729040952504-811.png]] 60 -))) 63 +At this point, we need to modify the rule chain on the device profiles page. 61 61 62 - [[image:1728978901213-756.png||height="907"width="1802"]]65 +In this section, first we need to open the device profiles module again, 63 63 64 - ====67 +click on the newly imported device profile file, and then click on the top right corner“ 🖊” After entering the editing mode, 65 65 66 - == **Step4.Modifythe rule chainin the device profiles**==69 +we will see the Default rule chain under the details section. 67 67 68 - Open thedevice configuration wejustimportedand edit it.71 +Click on it and select the corresponding rule chain we have newly imported, 69 69 73 +then click the "√" in the upper right corner to save it. 70 70 71 -[[image:1729041627624-611.png||height=" 889" width="1801"]]75 +[[image:1729041627624-611.png||height="567" width="1148"]] 72 72 77 +[[image:1729041918618-753.png||height="558" width="1151"]] 73 73 74 - Modifytherulechain totheoneweimportedand save it.79 +== 2.4 Import Dashboard and link to each device == 75 75 81 +After importing the rule chain and device profile, we need to import the dashboard and configure its datasource. 76 76 77 - [[image:1729041918618-753.png]]83 +=== ** **2.4.1 Import dashboard === 78 78 85 +Firstly, we need to open the dashboard module, 79 79 87 +click on the "+" in the upper right corner, select "import dashboard", 80 80 81 - == step5.Open ournew dashboardand modify the inputdevice foreachaccessory==89 +then we shoud drag the downloaded _dashboard file into the text box. 82 82 91 +[[image:1728978901199-201.png||height="591" width="1156"]] 83 83 84 -[[image:17290 42442077-819.png]]93 +[[image:1729066158155-749.png||height="603" width="1165"]] 85 85 86 86 87 - [[image:1729042599152-568.png||height="869"width="1773"]]96 +== 2.4.2 Modify the datasource of each module in the dashboard == 88 88 89 - [[image:1729042895928-321.png||height="859"width="1771"]]98 +After importing the dashboard, we need to link it with our input device, 90 90 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. 91 91 92 - Thenusethismethodto modifytheinput devicesofallmodulesinhedashboard102 +(For example, if our input device IMEI is 863663062789483, then our input device name is 863663062789483) 93 93 94 94 95 - Nowourdashboardhasbeensuccessfully importedandthe datacanbedisplayedafter processing.Next, weonlyneedtransferthedatainand wecanseethedatadisplayed onthe dashboard.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. 96 96 107 +Afterwards, select the module to be modified and click on the top right corner of the module“ 🖊” Enter the editing interface, 97 97 98 - [[image:1728978901221-951.png||height="926"width="1777"]]109 +then find the Datasource section, select the corresponding device name, and click "Apply" in the upper right corner. 99 99 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 + 100 100 {{{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