回到首页 返回首页
回到顶部 回到顶部
返回上一页 返回上一页
best-icon

#物联网挑战赛#用mind+可视化面板制作简版校园环境监测平台 简单

头像 珠韵 2023.05.31 600 4

         Mind+更新了!新版本最大的亮点是增加了可视化面板,看了直播介绍后,打算尝试用可视化面板先做个简版的校园环境监测平台。

        注意:本项目使用的是mind+1.8测试版,Siot V2

步骤1 项目构思

       我打算用行空板、DHT11来制作一个能够获取温湿度、光线强度、声音强度的可视化面板。

整体结构如下:(Siot V2是内置在行空板里面)

捕获.JPG

步骤2 Siot设置

我新建立了四个主题(Topic)。

捕获4.JPG

并点击“查看详情”给主题发送几条信息,进行测试。

步骤3 面板设计

         为了体现出面板的科技感,我找了一张有科技感的背景图片,图片尺寸是1920*1080。然后以装饰组件-静态图片的形式置入到面板,并调整好位置。

         然后用了四个显示组件中的等级仪表盘,用于显示四个环境变化量。每个表盘的设置中,Topic要选择好。

捕获3.JPG

再用装饰组件中的文字组件在每个仪表盘上方标注标签。

        最后用装饰组件中的文字组件写上主标题。再置入一个时钟。

        最后效果如下图,编辑状态下的效果:

        捕获2.JPG

我们可以看到测试的数据显示出来了。

步骤4 用mind+给行空板编写程序

         程序的整体思路是先设置MQTT,然后四个变量获取传感器的值,再把变量的值发送给SIOT。

        下面分享一下程序图。

screenshots-校园环境监测.mp-1685457056392.png

接下来,把程序写入,进行调试。调试成功后的面板效果如下:

微信图片_20230531084858.jpg
微信图片_20230530223512.png

       测试了一下,数据变化灵敏。

       不过上面的程序有一个问题,就是数据发送太频繁,会导致平台数据存储不够。我是为了测试灵敏度,才这样。因此我们可以在发送循环中加入一个等待延时,例如每隔60秒发送一次。

 

评论

user-avatar
  • 花生编程

    花生编程2023.08.03

    赞赞赞

    0
    • 花生编程

      花生编程2023.08.03

      厉害

      0
      • 三春牛-创客

        三春牛-创客2023.07.30

        赞赞赞赞

        0
        • 三春牛-创客

          三春牛-创客2023.07.30

          厉害厉害

          0