Graphical user interface for custom topologies of electronic devices

Abstract

1. Name of the product in this design: Graphical User Interface for Custom Topology 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 image or photograph that best illustrates the design's key features: the front view. 5. Purpose of the graphical user interface: Used in APM monitoring platforms, the custom topology function allows users to easily obtain source and destination nodes using query statements, quickly draw topology diagrams, and quickly view the relationships between nodes. Notifications support setting node hover metrics, line hover metrics, node drill-down, node details, node and line colors, etc., helping users quickly understand node details and focus on key points. 6. Human-computer interaction method of graphical user interface: The main view is the initial interface; in the main view, clicking the "New View" icon in the upper right corner will take you to interface state diagram 1; in interface state diagram 1, entering the "View Name" will take you to interface state diagram 2; in interface state diagram 2, clicking "OK" will take you to interface state diagram 3; in interface state diagram 3, clicking "Add Chart" at the top of the page will take you to interface state diagram 4; in interface state diagram 4, entering "spl" in the dialog box... After executing the query, you will enter interface state diagram 5; in interface state diagram 5, click the "Data Configuration" icon at the top of the page to enter interface state diagram 6; in interface state diagram 6, select "%" as the unit after the list alias "Error Rate" to enter interface state diagram 7; in interface state diagram 7, select "ms" as the unit after the list alias "Request Time" to enter interface state diagram 8; in interface state diagram 8, check the checkboxes in the "line tip" column for items 1, 2, and 3, and check the checkboxes in items 4 and 5... After checking the checkboxes in the "Node Tip" column (item 6), the "Source Node" column (item 8), and the "Target Node" column (item 9), you will enter interface state diagram 9. In interface state diagram 9, checking the checkbox in the "Node Color Settings" column (item 3) will enter interface state diagram 10. In interface state diagram 10, clicking the "Color Settings" text will enter interface state diagram 11. In interface state diagram 11, clicking "Please Select" will enter interface state diagram 12. In Figure 12, clicking the "Range" icon will take you to interface state 13; in interface state 13, clicking "Add" and entering 0-100 will take you to interface state 14; in interface state 14, clicking the "OK" icon will take you to interface state 15; in interface state 15, checking the checkbox in the "Line Color Settings" column of the third item in the list will take you to interface state 16; in interface state 16, clicking the "Color Settings" text will take you to interface state 17; in interface state 18... In state diagram 17, clicking "Please Select" will lead to state diagram 18; in state diagram 18, clicking the "Range" icon will lead to state diagram 19; in state diagram 19, clicking "Add" and entering 0-100 will lead to state diagram 20; in state diagram 20, clicking the "OK" icon will lead to state diagram 21; in state diagram 21, checking the checkbox in the "Line Text and Color Settings" column for item 10 in the list will lead to state diagram 22.In interface state diagram 22, clicking the "Drill-down Configuration" icon at the top of the page will lead to interface state diagram 23; in interface state diagram 23, clicking the "Add Drill-down" icon will lead to interface state diagram 24; in interface state diagram 24, selecting the "Jump to Custom URL" icon will lead to interface state diagram 25; in interface state diagram 25, filling in the "Custom URL" content will lead to interface state diagram 26; in interface state diagram 26, clicking the "OK" icon will lead to interface state diagram 27; in interface state diagram 27, clicking the "Details Configuration" icon at the top of the page will lead to interface state diagram 28; in interface state diagram 29... In state diagram 28, after entering the "Node Type" name, you can enter state diagram 29; in state diagram 29, click the "Please Select Binding View" icon after the node binding view to enter state diagram 30; in state diagram 30, select "System Indicator," "System Return Code," or "System Error" to enter state diagram 31; in state diagram 31, click a blank space and close the drop-down menu to enter state diagram 32; in state diagram 32, click the "Please Select Binding View" icon after the line binding view, select "System Indicator 2," and you will enter state diagram 33; in state diagram 33, click a blank space... After placing the button and closing the dropdown menu, you will enter interface state diagram 34; in interface state diagram 34, click the "Please select binding view" icon after the overview binding view, select "Error Node" and "Database Monitoring" to enter interface state diagram 35; in interface state diagram 35, click on a blank area and close the dropdown menu to enter interface state diagram 36; in interface state diagram 36, enter the "Chart Name" and "Chart Description" on the right to enter interface state diagram 37; in interface state diagram 37, click the "Save" icon in the upper right corner to enter interface state diagram 38; in interface state diagram 38, move the mouse over the "LogEasy System" icon to enter... Enter the interface change state diagram 39; in the interface change state diagram 39, move the mouse to the first red arrow line to enter the interface change state diagram 40; in the interface change state diagram 40, click the "Log Easy System" icon to enter the interface change state diagram 41; in the interface change state diagram 41, click the first red arrow line icon to enter the interface change state diagram 42; in the interface change state diagram 42, click the "Close" icon in the upper right corner to enter the interface change state diagram 43; in the interface change state diagram 43, click the "Overview" icon in the upper right corner to enter the interface change state diagram 44; in the interface change state diagram 44, click the "Save" icon in the upper right corner to enter the interface change state diagram 45. 7. Other situations requiring explanation: This display panel is used in electronic devices.

Images