Graphical User Interface for Automated Programming Setup of Electronic Devices

Abstract

1. Name of the product in this design: Graphical User Interface for Automated Programming Settings of Electronic Devices. 2. Intended use of this design: for use in an electronic device. 3. The key design feature of this product is its graphical user interface. 4. Images or photos that best illustrate the design points: Interface change state diagram 6. 5. This product is designed as a graphical user interface (GUI). Other views are standard designs and are omitted. 6. Purpose of the graphical user interface: A graphical user interface used for programming settings of automated equipment. 7. Human-Computer Interaction Method of Graphical User Interface: The main view is the initial programming interface; clicking "New Solution" in the main view leads to interface state diagram 1, which displays the device connection interface; after adding and connecting the device by selecting the device column on the right side of interface state diagram 1, clicking "Add" in the lower right corner of interface state diagram 1 leads to interface state diagram 2, which displays the information interface of the selected device; clicking "Calibration" in interface state diagram 2 leads to interface state diagram 3, which displays the device calibration operation interface; clicking the node card area below interface state diagram 3 leads to interface state diagram 4, which displays the device image acquisition prompt interface; clicking the "Maximize" icon in the upper right corner of interface state diagram 4 leads to interface state diagram 5, which displays the 3D scene maximization interface; clicking "Programming" in interface state diagram 5 leads to interface state diagram 6, where the top of interface state diagram 6 displays menus. The interface consists of a single column and a function bar. The upper left corner displays a list of programming nodes, the upper right corner displays a 3D viewport showing real-time changes in 3D scene data, and the lower left corner is the programming panel where programming nodes can be dragged and dropped to connect cards. The lower right corner is the node settings area, where selected nodes can be edited. Selecting and dragging a node card from the programming node list in Figure 6 to the programming panel will take you to Figure 7, which displays a preview of the currently edited node card. Clicking the "Start" button in the middle of Figure 7 will take you to Figure 8, which displays the maximized view of the currently executing 3D scene. Clicking the "Minimize" icon in the upper right corner of Figure 8 will take you to Figure 9, which displays the minimized view of the currently executing 3D scene. Clicking the "Detect" button at the top of Figure 9 will take you to Figure 10, which displays the detection report. 8. Other situations requiring explanation: In each view, the content of the box filled with blanks is replaceable; "XXX" indicates replaceable text content.

Images