#物联网挑战赛#用mind+实时模式与可视化面板制作简版的学校少年科学院智能展示与可视化平台

2023-06-01460
精华项目
AI 快速预览详细 收起
本文介绍了如何使用最新版本的Mind+实时模式与可视化面板,结合siot平台与各项组件,制作学校少年科学院智能展示与可视化平台。项目分为多个区域,包括天空农场监测与控制区域、小院士风采展示区域等。通过MQTT、获取天气等功能,实现了科学研究项目的可视化展示与监测。最终效果展示了整个平台的界面布局和功能。

最新更新的mind+版本(现在还处于测试版,1.8.0测试),新增了可视化面板,非常适合制作智能监测与控制类的物联网系统或者屏幕,5月23日蘑菇云王老师进行了线上的直播培训,收获非常大,在王老师的指导与启发下,尝试利用mind+实时模式与可视化面板,结合学校青少年科技教育工作的开展与需求,制作简版的学校少年科学院智能展示与可视化平台,由于我校成立了学校的少年科学院,专门开展青少年科技教育活动,下设各类青少年科学普及与科技竞赛兴趣小组,为了便于对科学研究项目进行可视化展示与监测、控制,于是起名叫“少年科学院智能可视化展示与监测大屏幕”,希望将来技术进一步提升后,可以将屏幕挂在学校的教学楼大厅,实现真实的展示与监测。

 

步骤一:项目构思

 

1.整个屏幕分为标题、日期时间、天空农场监测与控制区域、小院士风采展示区域、校园数字气象站展示区域、活动动态展示区域和学校地图位置展示区域,由于还没有完全掌握硬件物联网连接技术,目前只用mind+实时模式,用网络扩展中的MQTT、获取天气、结合siot平台与mind+可视化界面和各项组件进行本次作品的制作,作为1.0版本。最终效果如下图。

微信图片_20230601055112.png

步骤二:mind+实时模式,选用选择扩展服务

微信图片_20230601055434.png

步骤三:设置siot

1打开start siot

微信图片_20230601055917.png

2.找到电脑上网的IP地址

微信图片_20230601055921.png

3.将地址复制到浏览器+“:8080”,打开siot平台首页

微信图片_20230601060135.png

4.登录平台,进入siot操作界面,构建主题(topic)

微信图片_20230601060314.png

步骤四:编写程序,MQTT发送消息,可视化面板构建组件,进行显示

1.编写程序

微信图片_20230601060633.png

2.siot发送并储存数据

微信图片_20230601060858.png

3.可视化平台构建组件进行显示

微信图片_20230601061005.png

最终效果:

微信图片_20230601055112.png

创作许可协议

本项目采用 None(不开放任何权利,保留所有权利) 进行许可。

评论(6)
xiaohe9527
xiaohe9527
你的监控画面怎么弄的?
花生编程
花生编程
赞赞赞
花生编程
花生编程
厉害厉害
三春牛-创客
三春牛-创客
赞赞赞
三春牛-创客
三春牛-创客
厉害厉害
dlzxlsx
dlzxlsx
大屏上有通知公告栏,这个应用很好。您是在源代码中把标题写好了。但在实用中,如何实现即时发布信息呢?
- 没有更多了 -