Changes for page Demo for Smart Office, Factory
Last modified by Hera Guo on 2024/11/11 17:08
Summary
-
Page properties (1 modified, 0 added, 0 removed)
-
Attachments (0 modified, 25 added, 0 removed)
- 1730702565889-204.png
- 1730702622551-808.png
- 1730702656725-496.png
- 1730702688377-367.png
- 1730702814435-805.png
- 1730709382428-730.png
- 1730709409941-536.png
- 1730709424998-915.png
- 1730709442773-502.png
- 1730709461297-207.png
- 1730709479828-595.png
- 1730709511861-439.png
- 1730709527720-418.png
- 1730709542597-321.png
- 1730709555797-383.png
- 1730710271230-716.png
- 1730710395303-672.png
- 1730710693066-349.png
- 1730710850458-781.png
- 1730710875401-848.png
- 1730710949358-671.png
- 1730710990334-601.png
- 1730712335338-750.png
- 1730712473941-913.png
- 1730712539209-554.png
Details
- Page properties
-
- Content
-
... ... @@ -21,112 +21,195 @@ 21 21 The rest of this chapter will provide the introduction for how to set up similiar solution. 22 22 23 23 24 -= 2. Set upamiliardashboard=24 += 2.Basic configuration instructions = 25 25 26 +When you start a complex IoT project, you first need to learn some basic configuration methods for ThingsEye. 26 26 27 - == 2.1 Creatthedashboardandaddbranch ==28 +Here are some instructions you need to know: 28 28 29 - ===2.1.1Dashboard===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]] 30 30 31 -[[i mage: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/]] 32 32 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/]] 33 33 34 - [[image:1730340927412-610.png]]36 += 3.overview = 35 35 36 - Assigningusersand groupsis not necessaryandcan be done uniformly aftercompleting theverall projectcreation38 +== 3.1 MHierarchical architectureore features == 37 37 38 - ==2.2Addabranch==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 39 39 42 +**Assets:**Dragino Office 、Dragino Factory 40 40 44 +**Devices:** 41 41 42 - [[image:1730341060305-544.png]]46 +Dragino Factory:temperature and humidity measurement×7、Gateway×1 43 43 44 - How manyinterfaces do youneedto display, and howmanystatuses youneedtocreate.48 +Dragino Office:temperature and humidity measurement×2、Air quality measurement×4 45 45 46 - [[image:1730341060308-892.png]]50 +== 3.2 Dashboard architecture == 47 47 48 - Aftercreatingthebranch, you can addwidgetsintoyourdashboardand decorateit.52 +In this demo, the dashboard is divided into three layers, namely: home page, asset, and device. 49 49 50 - [[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 51 51 52 - ==2.3ConnectSensors==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 53 53 54 - ===2.3.1AddLoRaWANSensors===58 +**device:**This section displays the specific information collected by the device, and different types of sensors have different display interfaces 55 55 56 - You can connect the device through thelink below:60 +[[image:1730699212334-960.png]] 57 57 58 - **source:**[[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/]]62 +First floor: 59 59 60 - === 2.3.2Add NB-IoT Sensors===64 +[[image:1730702565889-204.png||height="771" width="1445"]] 61 61 62 - Youcan connect thedevicethrough thelink below:66 +Second floor: 63 63 64 - **source:**[[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/]]68 +[[image:1730702622551-808.png||height="756" width="1450"]] 65 65 66 - == 2.4 Creat group andadd device ==70 +Third floor: 67 67 68 -[[image:1730 341200415-449.png]]72 +[[image:1730702656725-496.png||height="775" width="1455"]] 69 69 70 -[[image:1730 341200420-412.png]]74 +[[image:1730702814435-805.png||height="797" width="1458"]] 71 71 72 -[[image:1730341200421-190.png]] 73 73 74 -[[image:1730 341200424-882.png]]77 +[[image:1730702688377-367.png||height="770" width="1462"]] 75 75 76 - ==2.5Creat entity alias andconnect==79 +* How many types of devices do you need, how many layers of third level dashboards you need to create. 77 77 78 -== =2.5.1 Createntity alias ===81 +== 3.3 Alarm rules == 79 79 80 - [[image:1730341268104-527.png]]83 +High Temperature、Low Temperature、High humidity、Low humidity、Low voltage、Device Disconnected 81 81 82 -[[image:1730 341268106-565.png]]85 +[[image:1730699566023-958.png]] 83 83 87 += 4.configuration details = 84 84 85 - ===2.5.2Connect entity===89 +After understanding the architecture and layering of the complete project, we can start configuring it 86 86 87 - [[image:1730341268108-632.png]]91 +== 4.1 Dashboard configuration details == 88 88 89 -== 2.6 Creatons ==93 +=== 4.1.1.Data source (Entity aliases) === 90 90 91 - [[image:1730341395062-192.png]]95 +Asset map: 92 92 93 -[[image:1730 341395069-644.png]]97 +[[image:1730709409941-536.png||height="729" width="1440"]] 94 94 95 - = 3.Setup Alarm =99 +detail: 96 96 97 - ==3.1Creatdevice profiles==101 +[[image:1730709424998-915.png||height="729" width="1436"]] 98 98 99 - [[image:1730341507235-819.png||height="636" width="1260"]]103 +devid: 100 100 101 - ==3.2Setup Alarm==105 +[[image:1730709442773-502.png||height="738" width="1434"]] 102 102 103 - [[image:1730341543316-750.png||height="629" width="1260"]]107 +State: 104 104 105 -[[image:1730 341543319-574.png]]109 +[[image:1730709461297-207.png||height="706" width="1434"]] 106 106 111 +Alarm: 107 107 108 - ==3.3 replacedeviceprofile==113 +[[image:1730709479828-595.png||height="696" width="1435"]] 109 109 110 - [[image:1730341567947-831.png||height="629" width="1266"]]115 +Dragino&GXHL,Ltd: 111 111 112 - =4.createrule chain=117 +[[image:1730709511861-439.png||height="714" width="1435"]] 113 113 114 - == 4.1 creatrulechain ==119 +Selected Supermarket: 115 115 116 -(% class="wikigeneratedid" id="H" %) 117 -[[image:1730341620059-499.png||height="621" width="1263"]] 121 +[[image:1730709527720-418.png||height="751" width="1433"]] 118 118 119 -(% class="wikigeneratedid" id="H-1" %) 120 -[[image:1730341620061-922.png||height="612" width="1263"]] 123 +Supermarkets: 121 121 122 -((( 123 -Regarding the rule chain, you can see the relevant explanation below: 124 -))) 125 +[[image:1730709542597-321.png||height="734" width="1435"]] 125 125 126 - [[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/]]127 +Supermarket Devices: 127 127 128 - == 4.2 replacerule chain==129 +[[image:1730709555797-383.png||height="726" width="1434"]] 129 129 130 -[[image:1730341620064-656.png||height="628" width="1265"]] 131 131 132 -= 5. More features = 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||height="729" width="1427"]] 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||height="770" width="1429"]] 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||height="767" width="1429"]] 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||height="772" width="1433"]] 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||height="771" width="1438"]] 195 + 196 +Asset List: 197 + 198 + 199 +[[image:1730710693066-349.png||height="772" width="1439"]] 200 + 201 +Actions:The Assets List interface has an action, which is the same as the Supermarket_details in the Map. You can jump to the second level entity interface to view the details of the selected location based on its location 202 + 203 +[[image:1730712335338-750.png||height="751" width="1423"]] 204 + 205 +[[image:1730712473941-913.png||height="781" width="1422"]] 206 + 207 +All Alarms: 208 + 209 +[[image:1730712539209-554.png||height="764" width="1424"]] 210 + 211 +== 4.2 Alarm configuration details == 212 + 213 +== 4.3 Rule chain configuration details == 214 + 215 += 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
- 1730712335338-750.png
-
- Author
-
... ... @@ -1,0 +1,1 @@ 1 +XWiki.hera - Size
-
... ... @@ -1,0 +1,1 @@ 1 +77.1 KB - Content
- 1730712473941-913.png
-
- Author
-
... ... @@ -1,0 +1,1 @@ 1 +XWiki.hera - Size
-
... ... @@ -1,0 +1,1 @@ 1 +135.9 KB - Content
- 1730712539209-554.png
-
- Author
-
... ... @@ -1,0 +1,1 @@ 1 +XWiki.hera - Size
-
... ... @@ -1,0 +1,1 @@ 1 +131.0 KB - Content