Graphical user interface for scanning and editing images in electronic devices

Abstract

1. Name of the product in this design: Graphical User Interface for Scanning and Editing Images in 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 points: Design 2 main view. 5. Design 1 is designated as the basic design. 6. Purpose of Graphical User Interface: A graphical interactive interface used to scan and edit images after a scanner is connected to an electronic device, including functions such as importing, annotation, and rotation. 7. Human-computer interaction method of graphical user interface: Design 1 The main view is the image of the initial interface of this graphical user interface. Click the "Scan" button at the top of the main view interface of Design 1. The electronic device scans the paper document by connecting to the scanner. The main view of Design 1 changes to the Design 1 interface change state diagram 1, displaying the scanned document. Click the "More Functions" button above the Design 1 interface change state diagram 1. The interface will automatically pop up a window, and the Design 1 interface change state diagram 1 will change to the Design 1 interface change state diagram 2. Click the "Rotate All 90 Degrees" button below the pop-up window, and the Design 1 interface change state diagram 2 will automatically change to the Design 1 interface change state diagram 3. Design 2's main view is the initial interface after scanning the tickets. Clicking on any ticket image will change the main view of Design 2 to the interface change state diagram 1 of Design 2. The ticket image will be surrounded by lines, indicating that it is selected. Click the "Delete" button above Design 2 Interface Change Status Diagram 1, and Design 2 Interface Change Status Diagram 1 will automatically switch to Design 2 Interface Change Status Diagram 2, and the selected image will be deleted. The main view of Design 3 is the initial interface after scanning the ticket. Clicking on any ticket image will change the main view of Design 3 to the interface change state diagram 1. The ticket image will be surrounded by lines, indicating that it is selected. Clicking the "Insert" button above Design 3 Interface Change State Figure 1 allows the electronic device to continue scanning paper documents via a connected scanner. Design 3 Interface Change State Figure 1 changes to Design 3 Interface Change State Figure 2, displaying the newly added scanned image, which is then inserted in front of the selected document image. Design 4's main view is the initial interface after scanning the tickets. Clicking on any ticket image will change the Design 4 main view to the Design 4 interface change state diagram 1, where the ticket image will be surrounded by lines, indicating that it is selected. Click the "More Functions" button above Design 4 Interface Change State Diagram 1, and a pop-up window will automatically appear, changing Design 4 Interface Change State Diagram 1 to Design 4 Interface Change State Diagram 2. Click the "Rotate 90 Degrees Clockwise" button below the pop-up window, and Design 4 Interface Change State Diagram 2 will automatically change to Design 4 Interface Change State Diagram 3, with the selected ticket image rotating 90 degrees clockwise. The main view of Design 5 is the initial interface after scanning the ticket. Clicking on any ticket image will change the main view of Design 5 to the interface change state diagram 1. The ticket image will be surrounded by lines, indicating that it is selected. Click the "More Functions" button above Design 5 Interface Change State Diagram 1, and a pop-up window will automatically appear, changing Design 5 Interface Change State Diagram 1 to Design 5 Interface Change State Diagram 2. Click the "Flip" button below the pop-up window, and Design 5 Interface Change State Diagram 2 will automatically change to Design 5 Interface Change State Diagram 3, and the selected ticket image will be flipped. The main view of Design 6 is the initial interface after scanning the ticket. Clicking on any ticket image will change the main view of Design 6 to the interface change state diagram 1. The ticket image will be surrounded by lines, indicating that it is selected. Click the "Import" button above Design 6 Interface Change State Diagram 1. A pop-up window will automatically appear, and Design 6 Interface Change State Diagram 1 will change to Design 6 Interface Change State Diagram 2. After selecting the image to be imported, click the "Import" button on the pop-up window. Design 6 Interface Change State Diagram 2 will automatically change to Design 6 Interface Change State Diagram 3, and the selected ticket image will be inserted in front of the selected ticket image. The main view of Design 7 is the initial interface after scanning the tickets. Clicking on any two ticket images will change the main view of Design 7 to the interface change state diagram 1. The ticket images will be surrounded by lines, indicating that they are selected. Click the "More Functions" button above Design 7 Interface Change State Diagram 1. A pop-up window will automatically appear, and Design 7 Interface Change State Diagram 1 will change to Design 7 Interface Change State Diagram 2. Click the "Adjust Image Order" button on the pop-up window of Design 7 Interface Change State Diagram 2. A dialog box will automatically appear, and Design 7 Interface Change State Diagram 2 will change to Design 7 Interface Change State Diagram 3. Enter the specified sequence number in the dialog box and click the OK button. Design 7 Interface Change State Diagram 3 will automatically change to Design 7 Interface Change State Diagram 4. The selected ticket image will be inserted in front of the ticket image corresponding to the entered sequence number. The main view of Design 8 is the initial interface after scanning the tickets. Clicking on any two ticket images with different numbers will change the main view of Design 8 to the interface change state diagram 1 of Design 8. The interface change state diagram 1 of Design 8 shows that the two ticket images will be surrounded by lines. Clicking the "More Functions" button above Design 8 Interface Change State Diagram 1 will automatically pop up a window, changing Design 8 Interface Change State Diagram 1 to Design 8 Interface Change State Diagram 2. Clicking the "Bind Ticket" button on the pop-up window of Design 8 Interface Change State Diagram 2 will automatically pop up a dialog window, changing Design 8 Interface Change State Diagram 2 to Design 8 Interface Change State Diagram 3. Clicking the "OK" button on the pop-up window will automatically change Design 8 Interface Change State Diagram 3 to Design 8 Interface Change State Diagram 4. The selected ticket image will be bound to the front and back images of the same ticket, meaning the text in the upper left corner of the selected ticket will display the same ticket number. Click the "More Functions" button above Design 8 Interface Change State Diagram 4. The interface will automatically pop up a window, and Design 8 Interface Change State Diagram 4 will change to Design 8 Interface Change State Diagram 5. Click the "Unbind Ticket" button on the pop-up window of Design 8 Interface Change State Diagram 5. The interface will automatically pop up a dialog window, and Design 8 Interface Change State Diagram 5 will change to Design 8 Interface Change State Diagram 6. Click the "OK" button on the pop-up window. Design 8 Interface Change State Diagram 6 will automatically change to Design 8 Interface Change State Diagram 7. It shows that the two images of the previously bound tickets have been split into different tickets, that is, the text in the upper left corner of the selected ticket displays a different ticket number. 8. Other situations requiring explanation: Other explanation: "X" in the interface represents a text, number or symbol content area. The gray areas in the interface represent variable content.

Images