Graphical User Interface for Electronic Device Tag Matching Gate

Abstract

1. Name of the product in this design: Graphical User Interface for Electronic Equipment Marking Matching Gate. 2. Purpose of this design: 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: Design 1 Interface change state diagram 2. 5. Design 1 is designated as the basic design. 6. Purpose of the graphical user interface: Used for intelligent devices to edit the marking of cleaning equipment and the matching of turnstiles. 7. Human-Computer Interaction Method of Graphical User Interface: The main view of Design 1 is the operation interface for editing the intelligent device gate. When the user touches the "Gateway" button in the main view of Design 1, the interface jumps to the interface displaying the gateway type operation list in Design 1 interface change state diagram 1. When the user touches the "Auto-draw" button in Design 1 interface change state diagram 1, the interface jumps to the operation guidance interface for pasting the QR code in Design 1 interface change state diagram 2. After the user completes the operation, sliding the pop-up window to the left or clicking "Next" will jump to the operation guidance interface displaying the distance between the cleaning equipment and the gate in Design 1 interface change state diagram 3. After the cleaning equipment is moved into place, the user touches the interface displaying the distance between the cleaning equipment and the gate in Design 1 interface change state diagram 3. The "Auto Draw" button will redirect the user to the "Turret Pairing" interface (Figure 4 in Design 1). After selecting a gate, the user can click "Pair," and the interface will redirect to the "Select Gate Type" interface (Figure 5 in Design 1). The user can then click the "OK" button, or click "Swing Gate" first, then select the opening direction of the swing gate and click the "OK" button. The interface will then redirect to the gate marking interface (Figure 6 in Design 1). The user can then click the "checkmark" icon button, and the interface will redirect to the current gate position (Figure 7 in Design 1). Design 2's main view is the operation interface for editing the smart device gate. When the user touches the "Gateway" button in the main view, the interface jumps to the interface shown in Design 2's interface state change diagram 1, displaying the gateway type operation list. When the user touches the "Auto-draw" button in Design 2's interface state change diagram 1, the interface jumps to the QR code pasting operation guide interface in Design 2's interface state change diagram 2. After completing the operation, the user can slide the pop-up window to the left or click "Next," and the interface jumps to the operation guide interface shown in Design 2's interface state change diagram 3, displaying the distance between the cleaning equipment and the gate. After the cleaning equipment is moved into position, the user touches the QR code in Design 2's interface state change diagram 3. The "Auto Draw" button will redirect the user to the "Turret Pairing" interface (Figure 4 in Design 2). After selecting a turnstile, the user clicks "Pair," and the interface will redirect to the "Select Turnstile Type" interface (Figure 5 in Design 2). The user clicks "Wing Gate," and the interface will redirect to the "Cleaning Machine's Forward Passage Direction" interface (Figure 6 in Design 2). After selecting the cleaning machine's forward passage direction and clicking the "OK" button, the interface will redirect to the "Start Marking Turnstiles" interface (Figure 7 in Design 2). The user then clicks the "Checkmark" icon button, and the interface will redirect to the "Display Current Turnstile Position" interface (Figure 8 in Design 2). Design 3's main view is the operation interface for editing smart device turnstiles. When the user touches the "Turntile Port" button in the main view of Design 3, the interface jumps to the interface displaying the turnstile port type operation list in Design 3's interface change state diagram 1. When the user touches the "Manual Drawing" button in Design 3's interface change state diagram 1, the interface jumps to the "Turntile Pairing" interface in Design 3's interface change state diagram 2. After the user selects a turnstile and clicks "Pair," the interface jumps to the "Select Turnstile Type" interface in Design 3's interface change state diagram 3. When the user touches the "OK" button, or when the user clicks "Swing Gate," then selects the swing gate opening direction and touches the "OK" button, the interface jumps to the "Start Marking Turnstiles" interface in Design 3's interface change state diagram 4. When the user touches the "Checkmark" icon button, the interface jumps to the interface displaying the current turnstile position in Design 3's interface change state diagram 5. Design 4's main view is the operation interface for editing smart device turnstiles. When the user touches the "Turntile Port" button in the main view of Design 4, the interface jumps to the interface displaying the turnstile port type operation list in Design 4 interface change state diagram 1. When the user touches the "Manual Drawing" button in Design 4 interface change state diagram 1, the interface jumps to the "Turntile Pairing" interface in Design 4 interface change state diagram 2. After the user selects a turnstile and clicks "Pair," the interface jumps to the "Select Turnstile Type" interface in Design 4 interface change state diagram 3. When the user clicks "Wing Gate," the interface jumps to the interface displaying the forward passage direction of the cleaning machine in Design 4 interface change state diagram 4. After the user clicks the forward passage direction of the cleaning machine and touches the "OK" button, the interface jumps to the "Start Marking Turnstiles" interface in Design 4 interface change state diagram 5. When the user touches the "Checkmark" icon button, the interface jumps to the interface displaying the current position of the turnstile in Design 4 interface change state diagram 6. Design 5's main view shows the operation interface for editing the smart device gate. When the user touches the "Gateway" button in Design 1's main view, the interface jumps to the interface shown in Design 5's interface state change diagram 1, displaying a list of gateway types. Touching the "Auto-draw" button in Design 5's interface state change diagram 1 jumps to the QR code pasting operation guide interface in Design 5's interface state change diagram 2. After completing the operation, the user slides the pop-up window to the left and clicks "Next," then the interface jumps to Design 5's interface state change diagram 3, displaying operation guides for moving the cleaning equipment closer to the gate. After the cleaning equipment is in place, the user touches the QR code pasting operation guide in Design 5's interface state change diagram 3. The "Auto Draw" button will redirect the user to the "Turret Pairing" interface (Figure 4 in Design 5). After selecting a turnstile and clicking "Pair," the user will be redirected to the "Select Turnstile Type" interface (Figure 5 in Design 5). After clicking "Swing Gate," the user will be redirected to the "Select Swing Gate Opening Direction" interface (Figure 6 in Design 5). After clicking the opening direction of the swing gate, the user will be redirected to the "Swing Gate Type Selection Complete" interface (Figure 7 in Design 5). The user will then touch the "OK" button, and the user will be redirected to the "Start Marking Turnstiles" interface (Figure 8 in Design 5). The user will then touch the "Checkmark" icon button, and the user will be redirected to the "Display Current Turnstile Position" interface (Figure 9 in Design 5). Design 6's main view is the operation interface for editing smart device turnstiles. When the user touches the "Turntile Port" button in the main view of Design 6, the interface jumps to the interface displaying the turnstile port type operation list in Design 6 interface state change diagram 1. When the user touches the "Manual Drawing" button in Design 6 interface state change diagram 1, the interface jumps to the "Turntile Pairing" interface in Design 6 interface state change diagram 2. After the user selects a turnstile and clicks "Pair," the interface jumps to the "Select Turnstile Type" interface in Design 6 interface state change diagram 3. After the user clicks "Swing Gate," the interface jumps to the "Select Swing Gate Opening Direction" interface in Design 6 interface state change diagram 4. After the user clicks the opening direction of the swing gate, the interface jumps to the "Swing Gate Type Selection Complete" interface in Design 6 interface state change diagram 5. When the user touches the "OK" button, the interface jumps to the "Start Marking Turnstiles" interface in Design 6 interface state change diagram 6. When the user touches the "Checkmark" icon button, the interface jumps to the "Design 6 Interface State Change Diagram 7" displaying the current turnstile position. Design 7's main view is the operation interface for editing smart device turnstiles. When the user touches the "Turntile Port" button in the main view of Design 7, the interface jumps to the interface displaying the turnstile port type operation list in Design 7 interface change state diagram 1. When the user touches the "Auto Draw" button in Design 7 interface change state diagram 1, the interface jumps to the operation guidance interface for pasting the QR code in Design 7 interface change state diagram 2. After the user completes the operation, swiping the pop-up window to the left or clicking "Next" will jump to the operation guidance interface displaying the distance between the cleaning equipment and the turnstile in Design 7 interface change state diagram 3. After the cleaning equipment is moved into place, the user can touch the "Auto Draw" button in Design 7 interface change state diagram 3 to perform the automatic drawing operation. 8. Other situations requiring explanation: The schematic maps in each view are part of the content screen and will change depending on the area of ​​use.

Images