Table of Contents:
1. About this demo
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.
User can check this Public Share Link and see the dash board for this demo. The dash board keeps updating, while the main structure will keep the same. It has Three Level DashBoard as decribe below.
- First Level - Overview for all branches: This dashboard shows all branches overview status and location.
- Second Level - Branch Level: This dashboard shows all sensors installation and status in the selected branch.
- Third Level - Sensor Level: This dashboard shows the detail reading for a specify sensor
The rest of this chapter will provide the introduction for how to set up similiar solution.
2.Basic configuration instructions
When you start a complex IoT project, you first need to learn some basic configuration methods for ThingsEye.
Here are some instructions you need to know：
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
Rule chain creation:https://wiki.thingseye.io/xwiki/bin/view/Main/Basic%20configuration%20of%20rule%20chains
Devices connected to thingseye：https://wiki.thingseye.io/xwiki/bin/view/Main/How%20to%20connect%20my%20devices%20to%20ThingsEye%3F/
3.overview
3.1 MHierarchical architectureore features
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
Assets：Dragino Office 、Dragino Factory
Devices：
Dragino Factory：temperature and humidity measurement×7、Gateway×1
Dragino Office：temperature and humidity measurement×2、Air quality measurement×4
3.2 Dashboard architecture
In this demo, the dashboard is divided into three layers, namely: home page, asset, and device.
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
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
device:This section displays the specific information collected by the device, and different types of sensors have different display interfaces
First floor：
Second floor：
Third floor：
- How many types of devices do you need, how many layers of third level dashboards you need to create.
3.3 Alarm rules
High Temperature、Low Temperature、High humidity、Low humidity、Low voltage、Device Disconnected
4.configuration details
After understanding the architecture and layering of the complete project, we can start configuring it
4.1 Dashboard configuration details
4.1.1.Data source (Entity aliases)
Asset map:
detail:
devid:
State:
Alarm:
Dragino&GXHL,Ltd:
Selected Supermarket:
Supermarkets:
Supermarket Devices:
4.1.2.Page Configuration
1、Configure the interface of the third layer Davies.
2、Configure the interface of the second layer asset
3、Configure the first layer menu interface
Map:
Data:
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
Select supermarket:
var selectedSupermarket = params['selectedSupermarket'];
if (selectedSupermarket && selectedSupermarket.entityId.id === entityId.id) {
params['selectedSupermarket'] = null;
} else {
params['selectedSupermarket'] = { entityId: entityId, entityName: entityName, entityLabel: entityLabel };
}
widgetContext.stateController.updateState(null, params);
Supermarket_detail:
params['selectedSupermarket'] = {
entityId: entityId,
entityName: entityName,
entityLabel: entityLabel,
};
params['targetEntityParamName'] = 'selectedSupermarket';
params['selectedDevice'] = null;
widgetContext.stateController.openState('svgmap', params);
- In this demo, exclusive map icons were set as follows:
url: images[0],
size: 66
};
return res;
Asset List:
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
All Alarms:
