Graphical User Interface for Robot Backend Management System for Electronic Devices

Abstract

1. Name of the product in this design: Graphical User Interface for Robot Backend Management System for Electronic Devices. 2. Purpose of this design: An electronic device. 3. The key design feature of this product is its graphical user interface. 4. The picture or photo that best illustrates the key design points: Design 1 Change State Diagram 1. 5. The left, right, top, bottom, and rear views of Design 1-2 are omitted. 6. Design 1 is designated as the basic design. 7. Human-computer interaction method of graphical user interface: The graphical user interface shown in the main view of Design 1-2 and the various change state diagrams of Design 1-2 are all the robot background management system interfaces displayed in electronic devices. Design 1's main view displays tabs for various robots in the center. Clicking on one of the robot tabs displays Design 1's changed state diagram 1, showing real-time status cards for multiple devices corresponding to that robot in the center of the interface. Add and delete buttons are displayed from left to right in the upper right corner of the interface. Clicking the delete button displays Design 1's changed state diagram 2, with a delete icon appearing in the upper right corner of all real-time status cards. Clicking the delete icon on one of the real-time status cards displays Design 1's changed state diagram 3, with a delete device pop-up window appearing in the center of the interface. Clicking the confirm button in the delete device pop-up window displays Design 1's changed state diagram 4, indicating that the real-time status card is deleted, and an add icon appears in its original position. Clicking the add icon or add button displays Design 1's changed state diagram 5, with an add device pop-up window appearing in the center of the interface. Entering the device information in the add device pop-up window and clicking the confirm button adds the device. Design 2's main view displays tabs for various robots in the center. Clicking on one robot tab displays Design 2's changed state diagram 1, showing real-time status cards for multiple devices corresponding to that robot in the center of the interface. Status bars requiring user attention are highlighted on these real-time status cards. Add and delete buttons are displayed from left to right in the upper right corner of the interface. Clicking the delete button displays Design 2's changed state diagram 2, with a delete icon appearing in the upper right corner of all real-time status cards. Clicking the delete icon on one of the real-time status cards displays Design 2's changed state diagram 3, with a delete device pop-up window appearing in the center of the interface. Clicking the confirm button in the delete device pop-up window displays Design 2's changed state diagram 4, indicating that the real-time status card is deleted, and an add icon appears in its original position. Clicking the add icon or add button displays Design 2's changed state diagram 5, with an add device pop-up window appearing in the center of the interface. Entering device information in the add device pop-up window and clicking the confirm button adds the device. The gray areas in the main view of Design 1-2 and the various change state diagrams of Design 1-2 represent the content to be deleted. "XX" represents text or numbers. In actual use, the interface content displayed in the main view of Design 1-2 and the various change state diagrams of Design 1-2 can be referenced to the respective reference diagrams.

Images