Graphical User Interface for Electronic Device Network Configuration via QR Code Scanning

Abstract

1. Name of the product in this design: Graphical User Interface for Scanning and Configuring Networks of Electronic Equipment. 2. Intended use of this design: for use in an electronic device. 3. The key design features of this product are its graphical user interface content. 4. The image or photo that best illustrates the design points: Interface change state diagram 2. 5. Purpose of the graphical user interface: The graphical user interface of this design is used for network configuration via barcode scanning. The main view is the graphical user interface homepage, which displays nearby devices and basic functions. When the user clicks the "Scan to Connect" button on the interface, the interface changes as shown in Figure 1. In the interface change state diagram 1, the user needs to scan the QR code on the device. After the scan is completed, the interface change state diagram 2 will be displayed. In the interface change state diagram 2, the user presses and holds the power button for 3 seconds to turn on the robot according to the interface prompts, and then checks "Powered on" and clicks the "Next" button, which will present the interface change state diagram 3. In the interface change state diagram 3, the user presses and holds the "Mode" button for 3 seconds to enter Bluetooth pairing mode according to the interface prompts, and checks "Robot light strip is already flashing blue" and clicks the "Start Pairing" button. When this happens, the interface change state diagram 4 is displayed, showing that the network configuration is successful. 6. Other situations requiring explanation: A single gray block in the interface represents a content screen.

Images