A graphical user interface for front-end pages and back-end configuration of electronic devices.

Abstract

1. Name of the product in this design: Graphical User Interface for Front-End Page and Back-End Configuration of 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 front view. 5. Design 1 is designated as the basic design. 6. Purpose of the graphical user interface: To provide users with front-end page and back-end configuration functions, including multiple nested levels such as pages, floors, and resource slots. 7. Human-computer interaction method of graphical user interface: The main view of Design 1 is the initial backend configuration interface for configuring the content of the frontend page. The name of the currently configured frontend page (page 1) is displayed in the upper left corner of the main view of Design 1. Clicking the "+" button in the upper right corner of the main view of Design 1 adds a new frontend page based on the currently configured frontend page, and triggers the interface to change from the main view of Design 1 to the interface change state diagram of Design 1; the interface change state diagram of Design 1 is the backend configuration interface for configuring the newly added frontend page (page 2). Design 2's main view is the initial backend configuration interface used to configure the content of the frontend page. The top left corner of Design 2's main view displays the name of the currently configured frontend page (Page 1). Clicking the "+" button below "Floor" on the left side of Design 2's main view adds a new frontend floor to the currently configured frontend page and triggers the interface to change from Design 2's main view to the Design 2 interface change state diagram. The Design 2 interface change state diagram is the backend configuration interface used to configure the newly added floor (Floor 2). Design 3's main view is the initial backend configuration interface used to configure the content of the frontend page. The top left corner of Design 3's main view displays the name of the currently configured frontend page (Page 1). Clicking the "+" button to the right of "Resource Slot" in Design 3's main view adds a new resource slot to the currently configured frontend page and triggers the interface to change from Design 3's main view to the Design 3 interface change state diagram. The Design 3 interface change state diagram is the backend configuration interface used to configure the newly added resource slot (Resource Slot 2). Design 4's main view is the initial backend configuration interface used to configure the content of the frontend pages. The top left corner of Design 4's main view displays the name of the currently configured frontend page (pages 1-3). By entering configuration information about floors and resource locations on the current page, the backend configuration is completed. 8. Other situations requiring explanation: Other explanation: "X" in the interface represents a text, number or symbol content area. The gray areas in the interface represent variable content.

Images