Graphical user interface for visual programming software for electronic devices

Abstract

1. Name of the design product: Graphical user interface for visual programming software for electronic devices. 2. Purpose of the product of this design: used for running programs, displaying information or communicating. 3. The key design point of this design product lies in the content of the graphical user interface. 4. The picture or photo that best illustrates the key points of the design: Figure 4 showing the interface change states of Design 1. 5. The electronic device is of conventional design, and the rear view, left view, right view, top view and bottom view of Design 1 to Design 7 are omitted. 6. Designate Design 1 as the base design. 7.Purpose of Graphical User Interface: It is used for human-computer interaction to display the contents of the operator operation system. 8. Human-computer interaction mode of graphical user interface: The main view of Design 1 shows the start interface. You can select related operators from the list on the left or search for related operators, as shown in Design 1 interface change state diagram 1; after selecting the related operator and dragging it to the canvas, it will appear in the canvas (middle black area), as shown in Design 1 interface change state diagram 2; after selecting the required operator, connect each operator to form an algorithm diagram, and present Design 1 interface change state diagram 3; the operators in the canvas and the formed algorithm diagram can be dragged, scaled, etc. Design 1 interface change state diagram 4 shows the algorithm diagram after dragging, and Design 1 interface change state diagram 5 shows the algorithm diagram after enlargement; Design 1 interface change state diagram 6 shows the algorithm diagram after reduction; double-click the corresponding operator in the canvas, and you can set the operator on the right side of the canvas, as shown in Design 1 interface change state diagram 7; the setting area can be expanded and hidden, and clicking the up and down arrows in the setting area can expand or hide the corresponding area, as shown in Design 1 interface change state diagram 8; click Click the "Activate Current" button on the interface, the current operator is activated and the running time is displayed in the current operator box. Design 1 interface change state diagram 9 and Design 1 interface change state diagram 10 show the interface of the current operator activation; click the "Activate Subsequent" button on the interface, Design 1 interface change state diagram 11 shows that the subsequent operator of the current operator selected in Design 1 interface change state diagram 10 is activated, the subsequent operator box in the canvas is highlighted, and the operator box displays the running time, Design 1 interface change state diagram 12 shows that the subsequent operator of the current operator selected in Design 1 interface change state diagram 9 is activated, the subsequent operator box in the canvas is highlighted, and the operator box displays the running time; click the "View Mapping" button to present Design 1 interface change state diagram 13; click the "Run Diagram" button to run, and present Design 1 interface change state diagram 14; if the operation is successful, present Design 1 interface change state diagram 15; click the operator in the canvas and drag to change the position of the operator in the canvas, and present Design 1 interface change state diagram 16. The main view of Design 2 shows that you can select related operators from the list on the left or search for related operators. After selecting the related operator and dragging it to the canvas, it will appear in the canvas (the middle black area), as shown in Design 2 interface change state diagram 1; after selecting the required operator, connect each operator to form an algorithm diagram, presenting Design 2 interface change state diagram 2. The main view of Design 3 shows the algorithm diagram interface, and the formed algorithm diagram can be dragged, scaled, etc. Design 3 interface change state diagram 1 shows the algorithm diagram after dragging, Design 3 interface change state diagram 2 shows the algorithm diagram after enlargement; Design 3 interface change state diagram 3 shows the algorithm diagram after reduction. The main view of Design 4 shows the algorithm diagram interface. Double-click the corresponding operator in the canvas to set the operator on the right side of the canvas, as shown in Design 4 interface change state diagram 1; the setting area can be expanded and hidden. Click the up and down arrows in the setting area to expand or hide the corresponding area, as shown in Design 4 interface change state diagram 2. The main view of Design 5 shows the algorithm diagram interface. Click the "Activate Current" button on the interface, the current operator is activated and the running time is displayed in the current operator box. The main view of Design 5 and the interface change status diagram of Design 5 1 show the interface of the current operator activation; click the "Activate Subsequent" button on the interface, the interface change status diagram of Design 5 2 shows that the subsequent operator of the current operator selected in the main view of Design 5 is activated, the subsequent operator box in the canvas is highlighted, and the operator box displays the running time. The interface change status diagram of Design 5 3 shows that the subsequent operator of the current operator selected in the interface change status diagram of Design 5 1 is activated, the subsequent operator box in the canvas is highlighted, and the operator box displays the running time. The main view of Design 6 shows the algorithm diagram interface. Click the "View Mapping" button to present the Design 6 interface change state diagram. The algorithm diagram interface of the operator operation system in the main view of Design 7. Click the operator in the canvas and drag it to change the position of the operator in the canvas to present the state change diagram of the Design 7 interface.

Images