Multi-service integration platform graphical user interface for electronic devices

Abstract

1. Name of the product in this design: Graphical User Interface for a Multi-Service Integration Platform for Electronic Devices. 2. Purpose of this design: This design is used for program operation and engineering project evaluation. 3. The key design features of this product are its graphical user interface content. 4. Images or photos that best illustrate the design points: Design 1 Interface change state diagram 2. 5. Other views of this product do not contain any design features, so these views are omitted. 6. Design 1 is designated as the basic design. 7. Purpose of the graphical user interface: Users first log in to the system by accessing a network link and enter the main view of Design 1, which is the login interface of the smart construction site management system. After authorized login, the interface will change to the interface shown in Design 1 Interface Change State Diagram 1; when the user clicks the "Smart Construction Site Evaluation" menu in the left navigation bar of Design 1 Interface Change State Diagram 1, the interface will change to Design 1 Interface Change State Diagram 2; the user clicks the "Add Evaluation Application" entry in Design 1 Interface Change State Diagram 2 to enter Design 1 Interface Change State Diagram 3; after the user completes the "Application Basic Information" and "Upload Attachments" in Design 1 Interface Change State Diagram 3, clicks "Next" to enter Design 1 Interface Change State Diagram 4; after the user completes the evaluation form information in Design 1 Interface Change State Diagram 4 and clicks the "Submit" button, they will return to Design 1 Interface Change State Diagram 2. Design 2's main view is the login interface. After logging in, the interface redirects to Design 2 Interface Change State Diagram 1. Clicking "Smart Construction Site Evaluation - Evaluation Form Application Record" in the left menu bar redirects to Design 2 Interface Change State Diagram 2, where the evaluation application status records for each project are displayed. Clicking the "Evaluate" button below the "Pending Evaluation" application record leads to Design 2 Interface Change State Diagram 3, where evaluation information can be added to uploaded files. Clicking the "Next" button in Design 2 Interface Change State Diagram 3 leads to Design 2 Interface Change State Diagram 4, where the user can fill in the final evaluation information. The user fills in the "Self-Evaluation Score" column in the table in Design 2 Interface Change State Diagram 4, leading to Design 2 Interface Change State Diagram 2. 5. Users can fill in evaluation information; when users complete the evaluation operation in Design 2 interface change state diagram 5 and click the "Submit" button, they can return to Design 2 interface change state diagram 2; the main view of Design 3 is the login interface. After logging in, the interface jumps to Design 3 interface change state diagram 1. When the user adds an application record with the "Completed" status at this time, the interface is as shown in Design 3 interface change state diagram 2. Clicking the "Details" button below the "Completed" application record on the page will take you to Design 3 interface change state diagram 3; when users click the "Next" button in Design 3 interface change state diagram 3, they will enter the self-evaluation evaluation form in Design 3 interface change state diagram 4. Selecting a certain evaluation module will cause an evaluation information pop-up window to appear on the side as shown in Design 3 interface change state diagram 5. Clicking "Submit" will display the evaluation application details, as shown in Design 3 Interface Change State Figure 6. When the user clicks "Evaluation Details" on the page, the interface changes to Design 3 Interface Change State Figure 7, displaying the evaluation details.

Images