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
-
... ... @@ -17,106 +17,119 @@ 17 17 18 18 == 2.1 Get the jsons file == 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 +|(% 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 + 25 25 == 2.2 Import Rule chain == 26 26 27 - Only need to importonceforsametype of devices.38 +Firstly, we need to import the rule chain. 28 28 40 +Open rule chains, click on the "+" in the upper right corner, 29 29 30 - ==2.3 ImportDeviceprofileandselect the rule==42 +select "import rule chain", and then drag the downloaded JSON file with the suffix "_rule_chain" into the text box 31 31 44 +* Only need to import once for same type of devices. 32 32 33 - ==2.4Import Dashboard and link to eachdevice==46 +****[[image:1729040952504-811.png||height="556" width="1138"]] 34 34 35 - Need to repeatfor every newdevice.48 +[[image:1729066864346-718.png||height="596" width="1140"]] 36 36 37 - Makesurethedevicealreadycreatintheplatform.50 +== 2.3 Import Device profile and select the rule chain == 38 38 52 +=== 2.3.1 Import Device profile === 39 39 54 +At this step, we need to import the device profile first, as shown in the figure. 40 40 41 - =3.Fordevicesdoesn't havedashboard/profile/rulechain. =56 +First, we need to open the device profiles, click on the "+" in the upper right corner, select "import device profile", 42 42 58 +and then select the file with the suffix "_device_defiles" that we have already downloaded. Drag it into the text box. 43 43 60 +[[image:1729041156898-931.png||height="523" width="1144"]] 44 44 45 - {{{How should weimportand usea complete dashboard when we receive it? Takingthe SN50v3N_NBemod9 dashboard as an example, this notewill provide you withdetailed information62 +[[image:1729066636027-958.png||height="603" width="1143"]] 46 46 47 - firstofall, we will receivethreeJSON files,which includethe dashboard, device profiles,and rule chain.}}}64 +=== 2.3.2 Modify the rule chain in the device profiles === 48 48 66 +After importing the rule chain and device profile, we need to link them together. 49 49 50 - [[image:1728978901187-650.png]]68 +At this point, we need to modify the rule chain on the device profiles page. 51 51 52 - ==**Step1.Import dashboard**==70 +In this section, first we need to open the device profiles module again, 53 53 72 +click on the newly imported device profile file, and then click on the top right corner“ 🖊” After entering the editing mode, 54 54 55 - [[image:1728978901199-201.png||height="919"width="1797"]]74 +we will see the Default rule chain under the details section. 56 56 57 - [[image:1728978901203-703.png||height="901"width="1801"]]76 +Click on it and select the corresponding rule chain we have newly imported, 58 58 59 - ====78 +then click the "√" in the upper right corner to save it. 60 60 61 - == **Step2.Import Deviceprofile**==80 +[[image:1729041627624-611.png||height="567" width="1148"]] 62 62 63 - Theimport method for this section is the same asthedashboardimportmethod.82 +[[image:1729041918618-753.png||height="558" width="1151"]] 64 64 84 +== 2.4 Import Dashboard and link to each device == 65 65 66 - [[image:1729041156898-931.png]]86 +After importing the rule chain and device profile, we need to import the dashboard and configure its input source. 67 67 68 - [[image:1728978901206-650.png||height="911"width="1799"]]88 +=== ** **2.4.1 Import dashboard === 69 69 70 - ====90 +Firstly, we need to open the dashboard module, 71 71 72 - ==**Step3.ImportRule chain**==92 +click on the "+" in the upper right corner, select "import dashboard", 73 73 74 -((( 75 -The import method for this section is the same as the dashboard import method. 94 +then we shoud drag the downloaded _dashboard file into the text box. 76 76 77 - 78 -))) 96 +[[image:1728978901199-201.png||height="591" width="1156"]] 79 79 80 -((( 81 -****[[image:1729040952504-811.png]] 82 -))) 98 +[[image:1729066158155-749.png||height="603" width="1165"]] 83 83 84 -[[image:1728978901213-756.png||height="907" width="1802"]] 85 85 86 -== == 101 +== 2.4.2 Modify the input devices of each module in the dashboard == 87 87 88 - == **Step4.Modifythe rulechain in thedeviceprofiles** ==103 +After importing the dashboard, we need to link it with our input device, 89 89 90 - Open the deviceconfigurationwejustimported andeditit.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. 91 91 107 +(For example, if our input device IMEI is 863663062789483, then our input device name is 863663062789483) 92 92 93 -[[image:1729041627624-611.png||height="889" width="1801"]] 94 94 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. 95 95 96 - Modifytherulechainto the oneweimportedandsave it.112 +Afterwards, select the module to be modified and click on the top right corner of the module“ 🖊” Enter the editing interface, 97 97 114 +then find the Datasource section, select the corresponding device name, and click "Apply" in the upper right corner. 98 98 99 -[[image:1729041918618-753.png]] 116 +* Need to repeat for every new device. 117 +* Make sure the device already creat in the platform. 100 100 119 +[[image:1729042442077-819.png||height="580" width="1160"]] 101 101 121 +[[image:1729042599152-568.png||height="571" width="1166"]] 102 102 103 - == step5.Openour new dashboard and modify thenputdevice for eachaccessory==123 +[[image:1729042895928-321.png||height="565" width="1165"]] 104 104 125 +Now our dashboard has been successfully imported and the data can be displayed after processing. 105 105 106 - [[image:1729042442077-819.png]]127 +Next, we only need to transfer the data in and we can see the data displayed on the dashboard. 107 107 129 +[[image:1728978901221-951.png||height="591" width="1134"]] 108 108 109 - [[image:1729042599152-568.png||height="869"width="1773"]]131 += 3. For devices doesn't have dashboard / profile/ rule chain. = 110 110 111 -[[image:1729042895928-321.png||height="859" width="1771"]] 112 112 113 113 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 - 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