View source for Lesson16 Smart home central control screen

==<b>Project Introduction:</b>==
The smart home UI developed by Squareline is a smart home control panel based on ESP32 and a 3.5-inch SPI terminal screen. The panel integrates flame sensors, air quality sensors, temperature and humidity sensors, UV sensors, gesture sensors, and WiFi modules, which can monitor and control smart home devices. <br>
Through the flame sensor, the panel can detect whether there is a fire indoors and sound an alarm in time. The air quality sensor can detect the concentration of harmful gases such as carbon dioxide and PM2.5 indoors, reminding users to turn on the air purifier or ventilation. The temperature and humidity sensor can detect indoor temperature and humidity, allowing users to better grasp the indoor environment. The UV sensor can detect the outdoor ultraviolet intensity, reminding users to pay attention to sun protection. The gesture sensor can recognize user gestures and control smart home devices.<br>
The panel is connected to the Internet via WiFi, realizing remote control and data transmission functions. Users can control smart home devices through smartphones or tablets, and also view indoor environment data and device status.<br>
==<b>Introduction to Knowledge Points:</b>==
<b>Flame Sensor:</b><br>
A flame sensor is a sensor used to detect flames. It judges whether there is a flame by detecting changes in light and heat in the environment. When a flame is detected, the sensor produces a signal output that can be used for alarms or to control other devices. Flame sensors are widely used in fire alarms, gas leak detection, and industrial control.<br>
<b>Air Quality Sensor:</b><br>
An air quality sensor is a sensor used to detect pollutants in the air. It can detect the concentration of harmful substances such as carbon dioxide, PM2.5, formaldehyde, and benzene. Air quality sensors have a wide range of applications, including indoor air quality monitoring, air purifier control, industrial exhaust gas emission monitoring, etc.<br>
<b>Temperature and Humidity Sensor:</b><br>
A temperature and humidity sensor is a sensor used to detect indoor temperature and humidity. It converts the detected temperature and humidity values into electrical signals. Temperature and humidity sensors are widely used in indoor environment monitoring, meteorological observations, temperature control, and other fields.<br>
<b>UV Sensor:</b><br>
A UV sensor is a sensor used to detect the intensity of ultraviolet radiation. It can detect the intensity of UVB and UVC rays and is used for sun protection reminders and skin protection during outdoor activities. UV sensors can also be used in UV sterilization, plant growth control, and other fields.<br>
<b>Gesture Sensor:</b><br>
A gesture sensor is a sensor used to detect gestures. It can detect hand movements and directions and convert gestures into digital signal outputs through algorithms. Gesture sensors are widely used in smart homes, game controls, industrial control, and other fields.<br>
<b>WiFi:</b><br>
WiFi is a wireless LAN technology that can achieve high-speed wireless data transmission. WiFi can be used to connect to the Internet, realizing remote control and data transmission. In the field of smart homes, WiFi technology is widely used in the control and monitoring of smart home devices, such as smart lights, smart speakers, smart locks, etc.<br>

==<b>Project steps:</b>==

Note: First, add the provided image materials! (Add according to the actual materials provided)<br>
[[image:16-1.png|1123px|409px]]<br>
1. Create a new project in Squareline Studio as before. First, select the Arduino module, and then perform simple settings for the project, such as project name and display size (480*320), and select 16-bit color. Click create.<br>
[[image:16-2.png|1093px|876px]]<br>
2. Add the required components as shown in the figure, adjust and set the position according to the hierarchical diagram (see the provided project file for detailed components).<br>
[[image:16-3.png|382px|559px]]<br>
3. Arrange the components in the positions shown in the figure and add background image materials to the screen.<br>
[[image:16-4.png|1456px|544px]]<br>
4. Add events to the corresponding components, which can operate the interface smoothly. For detailed event operations, refer to the project file (including Screen2, Screen3, Screen4, Image2, Image3, Image4, account, password, connect Button2, account1, password1, connect1, Button1);<br>
[[image:16-5.png|334px|485px]]<br>
<b>Program part:</b><br>

5. After the program starts, first connect to WiFi;<br>
[[image:16-6.png|577px|550px]]<br>
6. Detect the flame sensor and display normal or abnormal based on the fire situation.<br>
[[image:16-7.png|800px]]<br>
7. Detect the temperature and humidity and update the information;<br>
[[image:16-8.png|1400px|600px]]<br>
8. Check the UV intensity and update the information;<br>
[[image:16-9.png|800px]]<br>
9. The function to obtain the weather requires connecting to the network and obtaining relevant weather information from the weather website.<br>
[[image:16-10.png|2000px|1000px]]<br>
<b>Running effect:</b>

After the program is successfully downloaded, check the effect on the screen.<br>
[[image:16-11.png|882px|661px]]<br>

==<b>Summary:</b>==

Overall, the smart home UI developed by Squareline is a smart home control panel that integrates multiple sensors and wireless communication technologies, which can monitor and control smart home devices and improve users' quality of life.<br>

==<b>HMI Display Tutorial Contents</b>==
{| border="0" cellpadding="10" width="100%"
|-
|width="32%" valign="top" align="left"|
*[[Lesson01 ESP32 HMI series screen introduction and environment configuration]]
*[[Lesson02 Simple graphics drawing]]
*[[Lesson03 How to display pictures]]
*[[Lesson04 LVGL introduction and installation]]
*[[Lesson05 Introduction to Control Classification]]
*[[Lesson06 Make a simple man-machine interface]]
*[[Lesson07 How to implement text information input]]
*[[Lesson08 How to make menu and progress bar]]
*[[Lesson09 How to make an analysis report]]
*[[Lesson10 How to Make a 3D Printed UI Interface]]
*[[Lesson11 How to Make a Mixer Interface]]
*[[Lesson12 Lantern control terminal]]
*[[Lesson13 Electronic control terminal]]
*[[Lesson14 Car central control screen]]
*[[Lesson15 Smart Agriculture Monitoring Station]]
*[[Lesson16 Smart home central control screen]]
|}