Last modified by Hera Guo on 2024/11/11 17:08
From version 9.1
edited by Hera Guo
on 2024/10/31 15:01
Change comment: There is no comment for this version
To version 17.1
edited by Hera Guo
on 2024/11/04 17:12
Change comment: There is no comment for this version

Summary

Details

Page properties
Content
... ... @@ -1,3 +1,10 @@
1 +**Table of Contents:**
2 +
3 +{{toc/}}
4 +
5 +
6 +
7 +
1 1  = 1. About this demo =
2 2  
3 3  This demo is to show the installation for various sensors in Dragino Office, Dragino Facotry & ThingsEye Office. It covers various types of sensors such as Temperature, Humidity, CO2, Water Flow, Vibration & many many.
... ... @@ -14,102 +14,185 @@
14 14  The rest of this chapter will provide the introduction for how to set up similiar solution.
15 15  
16 16  
17 -= 2. Set up a similiar dashboard =
24 += 2.Basic configuration instructions =
18 18  
26 +When you start a complex IoT project, you first need to learn some basic configuration methods for ThingsEye.
19 19  
20 -== 2.1 Creat the dashboard and add branch ==
28 +Here are some instructions you need to know：
21 21  
22 -=== 2.1.1 Create Dashboard ===
30 +Dashboard creation and some basic configurations:[[https:~~/~~/wiki.thingseye.io/xwiki/bin/view/Main/How%20to%20import%20and%20use%20the%20dashboard%3F/#H3.2.2.1CreatA0alarm>>https://wiki.thingseye.io/xwiki/bin/view/Main/How%20to%20import%20and%20use%20the%20dashboard%3F/#H3.2.2.1CreatA0alarm]]
23 23  
24 -[[image:1730340927404-430.png]]
32 +Rule chain creation:[[https:~~/~~/wiki.thingseye.io/xwiki/bin/view/Main/Basic%20configuration%20of%20rule%20chains>>https://wiki.thingseye.io/xwiki/bin/view/Main/Basic%20configuration%20of%20rule%20chains/]]
25 25  
34 +Devices connected to thingseye：[[https:~~/~~/wiki.thingseye.io/xwiki/bin/view/Main/How%20to%20connect%20my%20devices%20to%20ThingsEye%3F/>>https://wiki.thingseye.io/xwiki/bin/view/Main/How%20to%20connect%20my%20devices%20to%20ThingsEye%3F/]]
26 26  
27 -[[image:1730340927412-610.png]]
36 += 3.overview =
28 28  
29 -Assigning users and groups is not necessary and can be done uniformly after completing the overall project creation
38 +== 3.1 MHierarchical architectureore features ==
30 30  
31 -== 2.2 Add a branch ==
40 +Before we start a project, we first need to understand the organizational structure of the project. Only with a clear outline can our project construction process be smoother
32 32  
42 +**Assets：**Dragino Office  、Dragino Factory
33 33  
44 +**Devices：**
34 34  
35 -[[image:1730341060305-544.png]]
46 +Dragino Factory：temperature and humidity measurement×7、Gateway×1
36 36  
37 -How many interfaces do you need to display, and how many statuses you need to create.
48 +Dragino Office：temperature and humidity measurement×2、Air quality measurement×4
38 38  
39 -[[image:1730341060308-892.png]]
50 +== 3.2 Dashboard architecture ==
40 40  
41 -After creating the branch, you can add widgets into your dashboard and decorate it.
52 +In this demo, the dashboard is divided into three layers, namely: home page, asset, and device.
42 42  
43 -[[image:1730341060310-449.png]]
54 +**home page:**It includes three parts: map, asset list, and all alarm. From this interface, you can see how many factories, offices, and so on there are
44 44  
45 -== 2.3 Connect Sensors ==
56 +**asset:**It includes three parts: asset map, device list, and asset alarm. From this interface, you can see how many sensors are deployed in the office or project, where they are located, and their alarm status
46 46  
47 -=== 2.3.1 Add LoRaWAN Sensors ===
58 +**device:**This section displays the specific information collected by the device, and different types of sensors have different display interfaces
48 48  
49 -=== 2.3.2 Add NB-IoT Sensors ===
60 +[[image:1730699212334-960.png]]
50 50  
51 -== 2.4 Creat group and add device ==
62 +First floor：
52 52  
53 -[[image:1730341200415-449.png]]
64 +[[image:1730702565889-204.png||height="771" width="1445"]]
54 54  
55 -[[image:1730341200420-412.png]]
66 +Second floor：
56 56  
57 -[[image:1730341200421-190.png]]
68 +[[image:1730702622551-808.png||height="756" width="1450"]]
58 58  
59 -[[image:1730341200424-882.png]]
70 +Third floor：
60 60  
61 -== 2.5 Creat entity alias and connect ==
72 +[[image:1730702656725-496.png||height="775" width="1455"]]
62 62  
63 -=== 2.5.1 Creat entity alias ===
74 +[[image:1730702814435-805.png||height="797" width="1458"]]
64 64  
65 -[[image:1730341268104-527.png]]
66 66  
67 -[[image:1730341268106-565.png]]
77 +[[image:1730702688377-367.png||height="770" width="1462"]]
68 68  
79 +* How many types of devices do you need, how many layers of third level dashboards you need to create.
69 69  
70 -=== 2.5.2 Connect entity ===
81 +== 3.3 Alarm rules ==
71 71  
72 -[[image:1730341268108-632.png]]
83 +High Temperature、Low Temperature、High humidity、Low humidity、Low voltage、Device Disconnected
73 73  
74 -== 2.6 Creat actions ==
85 +[[image:1730699566023-958.png]]
75 75  
76 -[[image:1730341395062-192.png]]
87 += 4.configuration details =
77 77  
78 -[[image:1730341395069-644.png]]
89 +After understanding the architecture and layering of the complete project, we can start configuring it
79 79  
80 -= 3.Set up Alarm =
91 +== 4.1 Dashboard configuration details ==
81 81  
82 -== 3.1 Creat device profiles ==
93 +=== 4.1.1.Data source (Entity aliases) ===
83 83  
84 -[[image:1730341507235-819.png||height="636" width="1260"]]
95 +Asset map:
85 85  
86 -== 3.2 Set up Alarm ==
97 +[[image:1730709409941-536.png]]
87 87  
88 -[[image:1730341543316-750.png||height="629" width="1260"]]
99 +detail:
89 89  
90 -[[image:1730341543319-574.png]]
101 +[[image:1730709424998-915.png]]
91 91  
103 +devid:
92 92  
93 -== 3.3 replace device profile ==
105 +[[image:1730709442773-502.png]]
94 94  
95 -[[image:1730341567947-831.png||height="629" width="1266"]]
107 +State:
96 96  
97 -= 4. create rule chain =
109 +[[image:1730709461297-207.png]]
98 98  
99 -== 4.1 creat rule chain ==
111 +Alarm:
100 100  
101 -= [[image:1730341620059-499.png||height="621" width="1263"]] =
113 +[[image:1730709479828-595.png]]
102 102  
103 -= [[image:1730341620061-922.png||height="612" width="1263"]] =
115 +Dragino&GXHL,Ltd:
104 104  
105 -Regarding the rule chain, you can see the relevant explanation below:
117 +[[image:1730709511861-439.png]]
106 106  
107 -[[https:~~/~~/wiki.thingseye.io/xwiki/bin/view/Main/Basic%20configuration%20of%20rule%20chains/>>https://wiki.thingseye.io/xwiki/bin/view/Main/Basic%20configuration%20of%20rule%20chains/]]
119 +Selected Supermarket:
108 108  
109 -== 4.2 replace rule chain ==
121 +[[image:1730709527720-418.png]]
110 110  
111 -[[image:1730341620064-656.png||height="628" width="1265"]]
123 +Supermarkets:
112 112  
113 -= 5. More features =
125 +[[image:1730709542597-321.png]]
114 114  
115 -
127 +Supermarket Devices:
128 +
129 +[[image:1730709555797-383.png]]
130 +
131 +
132 +=== 4.1.2.Page Configuration ===
133 +
134 +1、Configure the interface of the third layer Davies.
135 +
136 +
137 +2、Configure the interface of the second layer asset
138 +
139 +
140 +3、Configure the first layer menu interface
141 +
142 +Map:
143 +
144 +Data:
145 +
146 +[[image:1730710271230-716.png]]
147 +
148 +Actions:The map interface has two actions, among which Select supermarket can refresh the device list and related alarms on the right side to enter the location, and Supermarket_detail can jump to the second level physical interface to view the details of the location based on the selected location
149 +
150 +[[image:1730710850458-781.png]]
151 +
152 +Select supermarket:
153 +
154 +{{code language="none"}}
155 +var params = widgetContext.stateController.getStateParams();
156 +var selectedSupermarket = params['selectedSupermarket'];
157 +if (selectedSupermarket && selectedSupermarket.entityId.id === entityId.id) {
158 + params['selectedSupermarket'] = null;
159 +} else {
160 + params['selectedSupermarket'] = { entityId: entityId, entityName: entityName, entityLabel: entityLabel };
161 +}
162 +widgetContext.stateController.updateState(null, params);
163 +{{/code}}
164 +
165 +[[image:1730710875401-848.png]]
166 +
167 +Supermarket_detail:
168 +
169 +{{code language="none"}}
170 +var params = JSON.parse(JSON.stringify(widgetContext.stateController.getStateParams()));
171 +params['selectedSupermarket'] = {
172 + entityId: entityId,
173 + entityName: entityName,
174 + entityLabel: entityLabel,
175 +};
176 +params['targetEntityParamName'] = 'selectedSupermarket';
177 +params['selectedDevice'] = null;
178 +
179 +widgetContext.stateController.openState('svgmap', params);
180 +{{/code}}
181 +
182 +[[image:1730710990334-601.png]]
183 +
184 +* In this demo, exclusive map icons were set as follows:
185 +
186 +{{code language="none"}}
187 +var res = {
188 + url: images[0],
189 + size: 66
190 +};
191 +return res;
192 +{{/code}}
193 +
194 +[[image:1730710395303-672.png]]
195 +
196 +Asset List:
197 +
198 +
199 +[[image:1730710693066-349.png]]
200 +
201 +== 4.2 Alarm configuration details ==
202 +
203 +== 4.3 Rule chain configuration details ==
204 +
205 += 5. =
1730702565889-204.png
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.hera
Size
... ... @@ -1,0 +1,1 @@
1 +786.9 KB
Content
1730702622551-808.png
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.hera
Size
... ... @@ -1,0 +1,1 @@
1 +258.2 KB
Content
1730702656725-496.png
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.hera
Size
... ... @@ -1,0 +1,1 @@
1 +522.8 KB
Content
1730702688377-367.png
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.hera
Size
... ... @@ -1,0 +1,1 @@
1 +92.0 KB
Content
1730702814435-805.png
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.hera
Size
... ... @@ -1,0 +1,1 @@
1 +74.0 KB
Content
1730709382428-730.png
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.hera
Size
... ... @@ -1,0 +1,1 @@
1 +480.8 KB
Content
1730709409941-536.png
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.hera
Size
... ... @@ -1,0 +1,1 @@
1 +451.5 KB
Content
1730709424998-915.png
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.hera
Size
... ... @@ -1,0 +1,1 @@
1 +443.4 KB
Content
1730709442773-502.png
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.hera
Size
... ... @@ -1,0 +1,1 @@
1 +448.3 KB
Content
1730709461297-207.png
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.hera
Size
... ... @@ -1,0 +1,1 @@
1 +458.2 KB
Content
1730709479828-595.png
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.hera
Size
... ... @@ -1,0 +1,1 @@
1 +450.7 KB
Content
1730709511861-439.png
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.hera
Size
... ... @@ -1,0 +1,1 @@
1 +470.0 KB
Content
1730709527720-418.png
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.hera
Size
... ... @@ -1,0 +1,1 @@
1 +475.8 KB
Content
1730709542597-321.png
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.hera
Size
... ... @@ -1,0 +1,1 @@
1 +474.8 KB
Content
1730709555797-383.png
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.hera
Size
... ... @@ -1,0 +1,1 @@
1 +463.2 KB
Content
1730710271230-716.png
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.hera
Size
... ... @@ -1,0 +1,1 @@
1 +1.5 MB
Content
1730710395303-672.png
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.hera
Size
... ... @@ -1,0 +1,1 @@
1 +1.6 MB
Content
1730710693066-349.png
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.hera
Size
... ... @@ -1,0 +1,1 @@
1 +94.4 KB
Content
1730710850458-781.png
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.hera
Size
... ... @@ -1,0 +1,1 @@
1 +1.5 MB
Content
1730710875401-848.png
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.hera
Size
... ... @@ -1,0 +1,1 @@
1 +1.0 MB
Content
1730710949358-671.png
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.hera
Size
... ... @@ -1,0 +1,1 @@
1 +1.0 MB
Content
1730710990334-601.png
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.hera
Size
... ... @@ -1,0 +1,1 @@
1 +1.0 MB
Content