【家用智能仪表盘】项目提交

pomin

【家用智能仪表盘】项目提交 [复制链接]

 

<i class="pstatus"> 本帖最后由 pomin 于 2022-10-22 21:00 编辑 </i> > 最终效果：用LVGL完成了十分美观的界面的绘制，采用MQTT协议与服务器来通讯，在PC端、移动端、云端均可以查看以智能仪表盘携带的传感器周围环境，实现一个美观易用的桌面摆件、传感器节点的功能。 - [【2022得捷电子创新设计大赛】物料开箱-ESP32-S2-KALUGA-1](https://bbs.eeworld.com.cn/thread-1208701-1-1.html) - [【2022得捷电子创新设计大赛】家用智能仪表盘——ESP-IDF+VSCode 环境搭建](https://bbs.eeworld.com.cn/thread-1209836-1-1.html) - [【2022得捷电子创新设计大赛】家用智能仪表盘——LVGL移植和测试](https://bbs.eeworld.com.cn/thread-1211484-1-1.html) - [【家用智能仪表盘】 ESP-IDF在Linux下的开发搭建](https://bbs.eeworld.com.cn/thread-1216187-1-1.html) - [【家用智能仪表盘】使用GUI Guider设计界面](https://bbs.eeworld.com.cn/thread-1216365-1-1.html) - [【家用智能仪表盘】esp32 s2 LED、按键驱动](https://bbs.eeworld.com.cn/thread-1216640-1-1.html) - [【家用智能仪表盘】使用ESP-WHO实现人脸检测](https://bbs.eeworld.com.cn/thread-1220098-1-1.html) - [【家用智能仪表盘】MQTT 通信、PC 端上位机设计](https://bbs.eeworld.com.cn/thread-1221220-1-1.html) 作者：pomin --- ## 项目简介 智能家居这些年愈发火热，借此次得捷“赋能物联网大赛”的机会，设计并制作了一个家用智能仪表盘项目，结合工控监控大屏，仪表盘可以实时的检测室内环境的温度、湿度，并显示在屏幕上面，软件采用FreeRTOS作为操作系统，在之上使用乐鑫的ESP32 S2的IDF框架，采用LVGL开源GUI界面库，制作一款UI易于使用、美观的家用智能仪表盘，使使用者更加感到可视化、智能化设备带来的便捷。 ## 总体设计 ### 系统框图  本项目使用ESP32-S2 来制作，使用OV2640摄像头实现人脸检测、6个ADC 按键来实现硬件交互，使用320*240的LCD屏幕显示美观的界面，WS2812B彩灯作被控设备。 ### 软件结构  用LVGL完成了十分美观的界面的绘制，采用MQTT协议与服务器来通讯，在PC端、移动端、云端均可以查看以智能仪表盘携带的传感器周围环境，实现一个美观的桌面摆件 & 一个易用的传感器节点的功能。 ## 软件说明 ### LVGL界面设计  LVGL 的界面采用 NXP 的 GUI Guider 来设计，通过使用CMake工具来适配ESP-IDF的开发环境，实现一键部属、编译、界面调试。 ### PC 上位机  采用 VS2022开发软件，IMGUI界面库设计，C++开发，可以调节波形颜色、浅色深色主题，可以查看来自ESP32端的温湿度数据，而且可以远程控制ESP32设备端的控制设备。 ### 移动端  采用微信小程序设计工具设计，JavaScript开发，实现随时随地的查看环境信息，而且可以远程对设备进行控制。 ### MQTT服务器  采用EMQ部属在腾讯云服务器（2核心，4GB运行内存，Debian10）上面，简洁、流畅，担任本项目的数据“中枢”。 ## 功能说明 ### 合照 三端通过MQTT服务器来实现数据同步、实时显示，在PC端、移动端均可通过交互界面来操作仪表盘所控器件，在PC端还可以查看当前温湿度以及温湿度变化曲线。  ## 演示视频 - 视频链接：https://pomin.top/player.html?src=dj2022.mp4 - 展示了ESP32端、PC端、移动端三端统一，实时显示温湿度信息，移动端、PC端可以对ESP32开发板接的设备进行远程控制。 - 视频链接：https://pomin.top/player.html?src=dj2022-esp32.mp4 - -展示了ESP32端启动界面，用户操作。 ## 参考程序 ESP32 端： - esp-dev-kits：[https://github.com/espressif/esp-dev-kits](https://github.com/espressif/esp-dev-kits) - esp-who：[https://github.com/espressif/esp-who](https://github.com/espressif/esp-who) - esp32-DHT11：[https://github.com/Anacron-mb/esp32-DHT11](https://github.com/Anacron-mb/esp32-DHT11) PC端： - Dear ImGui：[https://github.com/ocornut/imgui](https://github.com/ocornut/imgui) - ImPlot：[https://github.com/epezent/implot](https://github.com/epezent/implot) - Toggle Button：[https://github.com/ocornut/imgui/issues/1537](https://github.com/ocornut/imgui/issues/1537) - paho.mqtt.c：[https://github.com/eclipse/paho.mqtt.c](https://github.com/eclipse/paho.mqtt.c) - paho.mqtt.cpp：[https://github.com/eclipse/paho.mqtt.cpp](https://github.com/eclipse/paho.mqtt.cpp) - json：[https://github.com/nlohmann/json](https://github.com/nlohmann/json) - IconFontCppHeaders：[https://github.com/juliettef/IconFontCppHeaders](https://github.com/juliettef/IconFontCppHeaders) ## 开源链接 本项目开发的ESP32端源代码、PC上位机源代码全部开源，代码量较大，可在我的Gitee仓库查看： PC端：https://gitee.com/pomin-163/mqtt_tool ESP32端：https://gitee.com/pomin-163/esp32_dashboard 也可以在我个人服务器搭建的gitea仓库查看： PC端：http://gitea.tools.pomin.top/pomin-163/mqtt_tool ESP32端：https://gitea.tools.pomin.top/pomin-163/esp32_kaluga ## 项目总结 最终效果：用LVGL完成了十分美观的界面的绘制，采用MQTT协议与服务器来通讯，在PC端、移动端、云端均可以查看以智能仪表盘携带的传感器周围环境，实现一个美观的桌面摆件&一个易用的传感器节点的功能，本项目由我一人完成开发，对于ESP32的开发环境搭建、ESP-IDF框架的组成界面开发有了更深的认识。 ## Word版本在文末

小昔米666

PC端的上位机界面做的真漂亮呀，这好像是个做游戏的库吧

pomin

小昔米666 发表于 2022-10-26 13:17 PC端的上位机界面做的真漂亮呀，这好像是个做游戏的库吧

是的，IMGUI，做游戏经常用到的一个库