Graphical User Interface for the Service Link Topology Color Definition Function in an Electronic Device

Abstract

1. Name of the Design Product: Graphical User Interface for Service Link Topology Color Definition Function in Electronic Devices. 2. Use of the Design Product: An electronic device. 3. Design Key Points of the Design Product: Lies in the graphical user interface. 4. Picture or Photo that Best Illustrates the Design Key Points: Interface Variation State Diagram 6. 5. Use of the Graphical User Interface: For an application performance monitoring platform, defining the color of the topology link according to the time consumption, to help users observe key abnormal parts. 6. Human-Computer Interaction Method of the Graphical User Interface: The main view is the initial interface; after clicking the "Settings" icon in the upper right corner of the main view, you can enter Interface Variation State Diagram 1; after clicking the "Add Rule" icon in the upper right corner of the floating window in Interface Variation State Diagram 1, you can enter Interface Variation State Diagram 2; after clicking the newly added Rule 1 in the floating window of Interface Variation State Diagram 2 and entering "loadgenerator" after "from", you can enter Interface Variation State Diagram 3; after clicking the newly added Rule 1 in the floating window of Interface Variation State Diagram 3 and entering "frontend-proxy" after "TO", you can enter Interface Variation State Diagram 4; after clicking the newly added Rule 1 in the floating window of Interface Variation State Diagram 4 and entering "40" after "Time Consumption" and selecting "ms" in the unit selection drop-down menu, you can enter Interface Variation State Diagram 5; after clicking the newly added Rule 1 in the floating window of Interface Variation State Diagram 5 and selecting "P4" in the priority drop-down menu, you can enter Interface Variation State Diagram 6; after clicking the "Add Rule" icon in the upper right corner of the floating window in Interface Variation State Diagram 6, you can enter Interface Variation State Diagram 7; after clicking the newly added Rule 2 in the floating window of Interface Variation State Diagram 7 and entering "front*" after "from", you can enter Interface Variation State Diagram 8; after clicking the newly added Rule 2 in the floating window of Interface Variation State Diagram 8 and entering "*" after "TO", you can enter Interface Variation State Diagram 9; after clicking the newly added Rule 2 in the floating window of Interface Variation State Diagram 9 and entering "10" after "Time Consumption" and selecting "ms" in the unit selection drop-down menu, you can enter Interface Variation State Diagram 10; after clicking the newly added Rule 2 in the floating window of Interface Variation State Diagram 10 and selecting "Orange" in the display drop-down menu and selecting "P3" in the priority drop-down menu, you can enter Interface Variation State Diagram 11; after clicking the "Save" icon at the bottom of the floating window in Interface Variation State Diagram 11, you can enter Interface Variation State Diagram 12.

Images