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, 13 added, 0 removed)
Details
- Page properties
-
- Title
-
... ... @@ -1,1 +1,1 @@ 1 -How to import and usehedashboard?1 +How to creat dashboard for a device? - Content
-
... ... @@ -1,39 +1,136 @@ 1 - {{{Howshould 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 information1 + 2 2 3 - first ofall, wewill receive three JSONfiles,which includethedashboard, device profiles, and rule chain.}}}3 +**Table of Contents:** 4 4 5 - [[image:1728978901187-650.png]]5 +{{toc/}} 6 6 7 -== **Step1.Import dashboard** == 8 8 9 - [[image:1728978901199-201.png]]8 += 1. Overview: = 10 10 11 - [[image:1728978901203-703.png]]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. 12 12 13 -== **Step2.Import Device profile** == 14 14 15 - The importmethodforthissectionis thesameas thedashboardimportmethod13 +Note: We can create only one rule chain, device profile and dashboard for on type of devices. 16 16 17 -[[image:1728978901206-650.png]] 18 18 19 -= =**Step3.ImportRule chain**==16 += 2. For devices which already have dashboard / profile/ rule chain. = 20 20 21 - Theimportmethodforthissectionisthe same as the dashboardimport method18 +== 2.1 Get the jsons file == 22 22 23 -[[im age:1728978901213-756.png]]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=]] 24 24 25 - == **Step4.Modifytherulechainin thedeviceprofiles**==22 +what files to get:Select the model you need and download three JSON files from it 26 26 27 - Open thedevice configuration we just imported and edit it.24 +Such as: 28 28 29 -[[image:1728978901217-327.png]] 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 +))) 30 30 31 - Modifytherule chainto the one we imported and save it36 +== 2.2 Import Rule chain == 32 32 33 - [[image:1728978901219-616.png]]38 +Firstly, we need to import the rule chain. 34 34 35 - Now our dashboard has beensuccessfully importedand the data can be displayedafter processing.Next, weonlyneedto transfer thedatainand we can seethedata displayedon thedashboard40 +Open rule chains, click on the "+" in the upper right corner, 36 36 37 - [[image:1728978901221-951.png]]42 +select "import rule chain", and then drag the downloaded JSON file with the suffix "_rule_chain" into the text box 38 38 44 +* Only need to import once for same type of devices. 45 + 46 +****[[image:1729040952504-811.png||height="556" width="1138"]] 47 + 48 +[[image:1729066864346-718.png||height="596" width="1140"]] 49 + 50 +== 2.3 Import Device profile and select the rule chain == 51 + 52 +=== 2.3.1 Import Device profile === 53 + 54 +At this step, we need to import the device profile first, as shown in the figure. 55 + 56 +First, we need to open the device profiles, click on the "+" in the upper right corner, select "import device profile", 57 + 58 +and then select the file with the suffix "_device_defiles" that we have already downloaded. Drag it into the text box. 59 + 60 +[[image:1729041156898-931.png||height="523" width="1144"]] 61 + 62 +[[image:1729066636027-958.png||height="603" width="1143"]] 63 + 64 +=== 2.3.2 Modify the rule chain in the device profiles === 65 + 66 +After importing the rule chain and device profile, we need to link them together. 67 + 68 +At this point, we need to modify the rule chain on the device profiles page. 69 + 70 +In this section, first we need to open the device profiles module again, 71 + 72 +click on the newly imported device profile file, and then click on the top right corner“ 🖊” After entering the editing mode, 73 + 74 +we will see the Default rule chain under the details section. 75 + 76 +Click on it and select the corresponding rule chain we have newly imported, 77 + 78 +then click the "√" in the upper right corner to save it. 79 + 80 +[[image:1729041627624-611.png||height="567" width="1148"]] 81 + 82 +[[image:1729041918618-753.png||height="558" width="1151"]] 83 + 84 +== 2.4 Import Dashboard and link to each device == 85 + 86 +After importing the rule chain and device profile, we need to import the dashboard and configure its input source. 87 + 88 +=== ** **2.4.1 Import dashboard === 89 + 90 +Firstly, we need to open the dashboard module, 91 + 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 + 96 +[[image:1728978901199-201.png||height="591" width="1156"]] 97 + 98 +[[image:1729066158155-749.png||height="603" width="1165"]] 99 + 100 +== == 101 + 102 +== 2.4.2 Modify the input devices of each module in the dashboard == 103 + 104 +After importing the dashboard, we need to link it with our input device, 105 + 106 +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. 107 + 108 +(For example, if our input device IMEI is 863663062789483, then our input device name is 863663062789483) 109 + 110 + 111 +In this section, we should first open our newly imported dashboard and click on "Edit mode" in the upper right corner to edit it. 112 + 113 +Afterwards, select the module to be modified and click on the top right corner of the module“ 🖊” Enter the editing interface, 114 + 115 +then find the Datasource section, select the corresponding device name, and click "Apply" in the upper right corner. 116 + 117 +* Need to repeat for every new device. 118 +* Make sure the device already creat in the platform. 119 + 120 +[[image:1729042442077-819.png||height="580" width="1160"]] 121 + 122 +[[image:1729042599152-568.png||height="571" width="1166"]] 123 + 124 +[[image:1729042895928-321.png||height="565" width="1165"]] 125 + 126 +Now our dashboard has been successfully imported and the data can be displayed after processing. 127 + 128 +Next, we only need to transfer the data in and we can see the data displayed on the dashboard. 129 + 130 +[[image:1728978901221-951.png||height="591" width="1134"]] 131 + 132 += 3. For devices doesn't have dashboard / profile/ rule chain. = 133 + 134 + 135 + 39 39 {{{Hope this article can be helpful to you.Good luck to you!}}}
- 1729040672452-882.png
-
- Author
-
... ... @@ -1,0 +1,1 @@ 1 +XWiki.hera - Size
-
... ... @@ -1,0 +1,1 @@ 1 +170.7 KB - Content
- 1729040952504-811.png
-
- Author
-
... ... @@ -1,0 +1,1 @@ 1 +XWiki.hera - Size
-
... ... @@ -1,0 +1,1 @@ 1 +146.0 KB - Content
- 1729041156898-931.png
-
- Author
-
... ... @@ -1,0 +1,1 @@ 1 +XWiki.hera - Size
-
... ... @@ -1,0 +1,1 @@ 1 +159.0 KB - Content
- 1729041627624-611.png
-
- Author
-
... ... @@ -1,0 +1,1 @@ 1 +XWiki.hera - Size
-
... ... @@ -1,0 +1,1 @@ 1 +231.2 KB - Content
- 1729041918618-753.png
-
- Author
-
... ... @@ -1,0 +1,1 @@ 1 +XWiki.hera - Size
-
... ... @@ -1,0 +1,1 @@ 1 +208.4 KB - Content
- 1729042442077-819.png
-
- Author
-
... ... @@ -1,0 +1,1 @@ 1 +XWiki.hera - Size
-
... ... @@ -1,0 +1,1 @@ 1 +208.7 KB - Content
- 1729042599152-568.png
-
- Author
-
... ... @@ -1,0 +1,1 @@ 1 +XWiki.hera - Size
-
... ... @@ -1,0 +1,1 @@ 1 +186.5 KB - Content
- 1729042895928-321.png
-
- Author
-
... ... @@ -1,0 +1,1 @@ 1 +XWiki.hera - Size
-
... ... @@ -1,0 +1,1 @@ 1 +217.7 KB - Content
- 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