Last modified by Hera Guo on 2024/12/31 11:55
From version 2.1
edited by Hera Guo
on 2024/10/15 16:05
Change comment: There is no comment for this version
To version 11.1
edited by Chxy
on 2024/10/21 23:50
Change comment: There is no comment for this version

Summary

Details

Page properties
Title
... ... @@ -1,1 +1,1 @@
1 -How to import and use the dashboard?
1 +How to creat dashboard for a device?
Author
... ... @@ -1,1 +1,1 @@
1 -XWiki.hera
1 +XWiki.EdwinChen
Content
... ... @@ -1,60 +1,130 @@
1 -{{{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
1 +
2 2  
3 -first of all, we will receive three JSON files, which include the dashboard, device profiles, and rule chain.}}}
3 +**Table of Contents:**
4 4  
5 +{{toc/}}
5 5  
6 -[[image:1728978901187-650.png]]
7 7  
8 -== **Step1.Import dashboard** ==
8 += 1. Overview: =
9 9  
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.
10 10  
11 -[[image:1728978901199-201.png]]
12 12  
13 -[[image:1728978901203-703.png]]
13 +Note: We can create only one rule chain, device profile and dashboard for on type of devices.
14 14  
15 -== ==
16 16  
17 -== **Step2.Import Device profile** ==
16 += 2. For devices which already have dashboard / profile/ rule chain. =
18 18  
19 -The import method for this section is the same as the dashboard import method.
18 +== 2.1 Get the jsons file ==
20 20  
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 -[[image:1728978901206-650.png]]
22 +what files to get:Select the model you need and download three JSON files from it
23 23  
24 -== ==
24 +Such as:
25 25  
26 -== **Step3. Import Rule chain** ==
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]]
27 27  
28 -(((
29 -The import method for this section is the same as the dashboard import method.
30 -)))
31 31  
32 -(((
33 -**​​​​​**
34 -)))
31 +== 2.2 Import Rule chain ==
35 35  
36 -[[image:1728978901213-756.png]]
33 +Firstly, we need to import the rule chain.
37 37  
38 -== ==
35 +Open rule chains, click on the "+" in the upper right corner,
39 39  
40 -== **Step4.Modify the rule chain in the device profiles** ==
37 +select "import rule chain", and then drag the downloaded JSON file with the suffix "_rule_chain" into the text box
41 41  
42 -Open the device configuration we just imported and edit it.
39 +* Only need to import once for same type of devices.
43 43  
41 +**​​​​​**[[image:1729040952504-811.png||height="556" width="1138"]]
44 44  
45 -[[image:1728978901217-327.png]]
43 +[[image:1729066864346-718.png||height="596" width="1140"]]
46 46  
45 +== 2.3 Import Device profile and select the rule chain ==
47 47  
48 -Modify the rule chain to the one we imported and save it.
47 +=== 2.3.1 Import Device profile ===
49 49  
49 +At this step, we need to import the device profile first, as shown in the figure.
50 50  
51 -[[image:1728978901219-616.png]]
51 +First, we need to open the device profiles, click on the "+" in the upper right corner, select "import device profile",
52 52  
53 +and then select the file with the suffix "_device_defiles" that we have already downloaded. Drag it into the text box.
53 53  
54 -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.
55 +[[image:1729041156898-931.png||height="523" width="1144"]]
55 55  
57 +[[image:1729066636027-958.png||height="603" width="1143"]]
56 56  
57 -[[image:1728978901221-951.png]]
59 +=== 2.3.2 Modify the rule chain in the device profiles ===
58 58  
59 -{{{
60 -Hope this article can be helpful to you.Good luck to you!}}}
61 +After importing the rule chain and device profile, we need to link them together.
62 +
63 +At this point, we need to modify the rule chain on the device profiles page.
64 +
65 +In this section, first we need to open the device profiles module again,
66 +
67 +click on the newly imported device profile file, and then click on the top right corner“ 🖊” After entering the editing mode,
68 +
69 +we will see the Default rule chain under the details section.
70 +
71 +Click on it and select the corresponding rule chain we have newly imported,
72 +
73 +then click the "√" in the upper right corner to save it.
74 +
75 +[[image:1729041627624-611.png||height="567" width="1148"]]
76 +
77 +[[image:1729041918618-753.png||height="558" width="1151"]]
78 +
79 +== 2.4 Import Dashboard and link to each device ==
80 +
81 +After importing the rule chain and device profile, we need to import the dashboard and configure its  datasource.
82 +
83 +=== ** **2.4.1 Import dashboard ===
84 +
85 +Firstly, we need to open the dashboard module,
86 +
87 +click on the "+" in the upper right corner, select "import dashboard",
88 +
89 +then we shoud drag the downloaded _dashboard file into the text box.
90 +
91 +[[image:1728978901199-201.png||height="591" width="1156"]]
92 +
93 +[[image:1729066158155-749.png||height="603" width="1165"]]
94 +
95 +
96 +== 2.4.2 Modify the datasource of each module in the dashboard ==
97 +
98 +After importing the dashboard, we need to link it with our input device,
99 +
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.
101 +
102 +(For example, if our input device IMEI is 863663062789483, then our input device name is 863663062789483)
103 +
104 +
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.
106 +
107 +Afterwards, select the module to be modified and click on the top right corner of the module“ 🖊” Enter the editing interface,
108 +
109 +then find the Datasource section, select the corresponding device name, and click "Apply" in the upper right corner.
110 +
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 +
130 +{{{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