logo

IoTMonitor

Published on

IoTMonitor

用于展示 IoT 课程开发板的相关信息并进行控制

可以通过调用我们部署的服务器 api 及时获取开发板的温湿度数据,也可以发送开关电机的指令,并且可以设置温湿度超过某阈值后报警,同时有历史记录来提供任意时间段内好看的温湿度曲线

图片

简介

主页面

分为三个部分:设备状态,历史记录,设置

UI 整体使用卡片式扁平设计

设备状态

刷新按钮和更新温湿度数据,温湿度可以显示此时设备的温湿度传感器信息,打开电机和关闭电机功能用于控制控制板马达

其中,温湿度会每秒自动进行更新,2 位小数点保留

历史记录

通过 DatePicker 选择起止时间,再点击获取,即可得到此段时间内的温湿度曲线,触摸曲线还可以动态显示任意一点的数值

默认显示 2 天前到现在的曲线,第一次打开 app 时会同步一次

设置

在设置页面,通过选择器选择阈值后点击保存,当温度高于此阈值时,开发板电机将会转动

同时,打开 app 后每次阈值的设置会被记录,以便查看设置情况

功能

  • 实时显示开发板传感器温湿度
  • 实时控制开发板电机马达转动与否
  • 获取任意时间段开发板传感器温湿度历史曲线
  • 通过设置过热阈值,当温度超过此值,进行报警
  • 后台实时更新

实现

该 app 主要通过 HTTP GET 和 POST 请求像我们的服务器后端发送请求,后端通过电信平台的 api 调用来发送相关指令,电信平台再把指令下达到开发板,来实现 app 与开发板的交互

该 app 的 UI 部分复用项目Memo的代码