Graphical user interface for biomolecular feature changes of an electronic device

Abstract

1. Name of the product in this design: Graphical User Interface for Changes in Biomolecular Characteristics 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. The picture or photo that best illustrates the key design points: Design 1 front view. 5. Design 1 is designated as the basic design. 6. Purpose of the graphical user interface: The graphical user interface allows users to interact by dragging and dropping biomolecular features on the graphical interface to change the feature length, and displays prompts in real time. 7. Human-computer interaction method of graphical user interface: Design 1 main view is the situation where the mouse pointer on the display screen hovers over a feature in the gene sequence to trigger the prompt interface. Click on the black cross in the main view of Design 1 and drag it to the right for a length of 3bp to enter the Design 1 interface. The change state is shown in Figure 1. After releasing the mouse, the interface changes to state 1 (Figure 1). Then, the interface changes to state 2 (Figure 2). In the design 1 interface change state diagram 2, hovering the mouse pointer over a feature in the gene sequence triggers a tooltip interface, leading to the design 1 interface change state diagram 3. When dragging the feature to the left by 2bp in the Design 1 interface change state diagram 3 does not meet the condition to generate a vestigial code, the prompt interface will enter the Design 1 interface change state diagram 4. In the Design 1 interface change state diagram 4, drag the feature to the left by 1bp, that is, drag it for a total length of 3bp and when the condition is met, the prompt interface will enter the Design 1 interface change state diagram 5. After releasing the mouse in Design 1 interface change state diagram 5, you will enter Design 1 interface change state diagram 6. In Design 1 interface change state 6, the user selects to keep the current translation number and enters Design 1 interface change state diagram 7. Design 2's main view shows the scenario where the mouse pointer hovers over a feature in the gene sequence on the display screen, triggering a tooltip interface. Click on the black cross in the Design 2 main view and drag it to the right for a length of 3bp to enter the Design 2 interface. (See Figure 1 for the changing state). After releasing the mouse, the interface changes to state 2 in Design 2 (Figure 1). In Design 2, hovering the mouse pointer over a feature in the gene sequence triggers a tooltip interface, leading to Design 2 interface change state diagram 3. When dragging the feature to the left by 2bp in the Design 2 interface change state diagram 3 does not meet the condition to generate a vestigial code, the prompt interface will enter the Design 2 interface change state diagram 4. In the Design 2 interface change state diagram 4, drag the feature to the left by 1bp, that is, drag it for a total length of 3bp and when the condition is met, the prompt interface will enter the Design 2 interface change state diagram 5. After releasing the mouse in Design 2 interface state change diagram 5, you will enter Design 2 interface state change diagram 6. In Design 2 interface change state 6, the user selects to update the translation number to enter Design 2 interface change state diagram 7. Design 3's main view shows the scenario where the mouse pointer hovers over a feature in the gene sequence on the display screen, triggering a tooltip interface. Click on the black cross in the Design 3 main view and drag it to the right for a length of 3bp to enter the Design 3 interface. (See Figure 1 for the changing state). After releasing the mouse, the interface changes to state 1 in Design 3, then proceeds to state 2 in Design 3. In the design 3 interface change state diagram 2, hovering the mouse pointer over a feature in the gene sequence triggers a prompt interface to enter the design 3 interface change state diagram 3. When dragging a feature to the left by 2bp in the Design 3 interface change state diagram 3 does not meet the condition to generate a vestigial code, the prompt interface will enter the Design 3 interface change state diagram 4. After releasing the mouse in the Design 3 interface change state diagram 4, the Design 3 interface change state diagram 5 will appear. After the user selects to keep the current reading frame in the Design 3 interface change state diagram 5, the user will enter the Design 3 interface change state diagram 6. Design 4's main view depicts a scenario where the mouse pointer hovers over a feature in the gene sequence on the display screen, triggering a tooltip interface. Click on the black cross in the Design 4 main view and drag it to the right for a length of 3bp to enter the Design 4 interface. (See Figure 1 for the changing state). After releasing the mouse, the interface changes to state 1 in Design 4, then proceeds to state 2 in Design 4. In the design 4 interface change state diagram 2, hovering the mouse pointer over a feature in the gene sequence triggers a prompt interface, which then enters the design 4 interface change state diagram 3. When dragging a feature to the left by 2bp in the Design 4 interface change state diagram 3 does not meet the condition to generate a legacy code, the prompt interface will lead to the Design 4 interface change state diagram 4. After releasing the mouse in Design 4 interface change state diagram 4, you will enter Design 4 interface change state diagram 5. After the user selects to keep the translation and update the reading frame in the Design 4 interface change state diagram 5, the user will enter the Design 4 interface change state diagram 6. Design 5 uses the same human-computer interaction method as Design 1. Design 6 uses the same human-computer interaction method as Design 2. Design 7 uses the same human-computer interaction method as Design 3. Design 8 uses the same human-computer interaction method as Design 4. 8. Other situations requiring explanation: The only difference between Design 5 and Design 1 is that the interface of Design 5 contains primer K32.FOR in the upper left corner of the gene sequence; the only difference between Design 6 and Design 2 is that the interface of Design 6 contains primer K32.FOR in the upper left corner of the gene sequence; the only difference between Design 7 and Design 3 is that the interface of Design 7 contains primer K32.FOR in the upper left corner of the gene sequence; the only difference between Design 8 and Design 4 is that the interface of Design 8 contains primer K32.FOR in the upper left corner of the gene sequence.

Images