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.