Graphical user interface with IoT smart scene management application for mobile phones

Abstract

1. The name of this design product: Graphical user interface for mobile phones with IoT smart scene management applications. 2. Purpose of this design product: It is mainly used as the software supporting interface of the XXX equipment test box, which can remotely view and control the case equipment and verify the development results. At the same time, it can also experience the comprehensive intelligent scene of mutual coordination and linkage between various case equipment. 3. The key design point of this design product lies in the graphical user interface content on the screen. 4. The picture or photo that best illustrates the key points of the design: main view. 5. The hardware part of the product is of conventional design, and the rear view is omitted; the hardware part of the product is of conventional design, and the left view is omitted; the hardware part of the product is of conventional design, and the right view is omitted; the hardware part of the product is of conventional design, and the top view is omitted; the hardware part of the product is of conventional design, and the bottom view is omitted. 6. Application of the graphical user interface: It is used in experimental box products for teaching software and hardware development related majors in colleges and universities. It is used for daily teaching and practical training of OpenHarmony distributed devices, as well as integrated development and teaching of OpenHarmony lightweight device application development. 7. Other situations that require explanation refer to the following diagrams: Open the phone and click the application icon to enter the interface, and the interface change status diagram 1 is presented; jump to the account login interface, where users can register / log in to use this software. After entering the mobile phone number, they can automatically register, and the interface change status diagram 2 is presented; after logging in, jump to the interface homepage, display the functions of the device, and present the main view; click the tab "Smart" button at the bottom to display the smart scene page, and present the interface change status diagram 4, which displays four smart scenes. Each smart scene card provides two states: enabled and not enabled, and presents interface change status diagram 4 and interface change status diagram 5; based on the four smart scene cards, an enlarged change status diagram of each device card is provided: Enable smart access control: When there is no device for the trigger condition and execution action, a pop-up window prompts "Cannot be enabled, the user needs to manually add the relevant device", and presents interface change status diagram 6 and interface change status diagram 7. When the device is added successfully, click the enable button and a toast prompt will be displayed: 'Enabling', 'Startup failed' The "failed" and "startup successful" pages are displayed, presenting interface change status diagram 8, interface change status diagram 9 and interface change status diagram 10; after successful activation, it can also be disabled, presenting interface change status diagram 11 and interface change status diagram 12; smart access control main interface: when the smart access control is successfully enabled, it will display two states of online and offline devices, presenting interface change status diagram 13 and interface change status diagram 14. When the NFC card reader reads any information, it is considered that the access card is swiped successfully, and the door magnetic switch is automatically opened; at the same time as the card is swiped successfully, the voice announcer broadcasts the sound "Welcome to enter"; Enable smart greenhouse: when the trigger conditions and execution actions When there is no device, a pop-up window prompts "Cannot be enabled, the user needs to manually add related devices", and the interface change status diagrams 15 and 16 are presented. The thresholds of temperature conditions, soil moisture, etc. can be adjusted, and the interface change status diagrams 17 and 18 are presented; the main interface of the smart greenhouse: when the smart greenhouse is successfully enabled, two states of online and offline devices are displayed, and the interface change status diagrams 19 and 20 are presented; when the temperature is higher than the threshold, the fan is automatically turned on for cooling; when the soil moisture is higher than the threshold, the fan is automatically turned on for ventilation and dehumidification; Enable smart security: when there is no device for the trigger condition and execution action, a pop-up window prompts "Cannot be enabled, The user needs to manually add related devices”, and the interface change status diagram 21 and interface change status diagram 22 are displayed; the main interface of smart security: when smart security is successfully enabled, the online and offline device states are displayed, and the interface change status diagram 23 and interface change status diagram 24 are displayed; when the infrared detector detects the presence of a person, it automatically turns on the light to alert people who have entered the defense area and help security personnel better find the target; when the smart balcony is enabled: when there is no device for the trigger condition and execution action, a pop-up window prompts "Unable to enable, the user needs to manually add related devices", and the interface change status diagram 25 and interface change status diagram 26 are displayed. PM2.5 values ​​to adjust the threshold, and the interface status changes are shown in Figure 27. The main interface of the smart balcony: After the smart balcony is successfully enabled, the online and offline device states are displayed, and the interface status changes in Figures 28 and 29 are shown. The fan controller uses the fan to simulate the window closing motor. When rain is detected, or when PM2.5 and noise levels meet the conditions, if the window is open, the window closing motor is activated to close the window.

Images