325 results about "Clickable" patented technology

Disclosed is a method for automatically generating interactive test cases. The method comprises: after a UI of an application program is displayed, traversing all views in a view tree corresponding to the UI of the application program, and recording a path, in the view tree, of each view therein that can be clicked on, so as to obtain a set of path information, in the view tree, of all the views that can be clicked on in the UI; and respectively generating a corresponding test case for each piece of path information in the set: in the test case, according to path information, in the view tree, of a view under test, finding the view in the UI interface of the application program, and triggering a click event therefore, that is, completing a click interaction test on the view.

1. The name of the design product: viewing driving video graphical user interface for electronic device. 2. The use of the design product: for an electronic device. 3. The design points of the design product: the interface content of the graphical user interface in the electronic device. 4. The picture or photo that best indicates the design points: front view. 5. The use of the graphical user interface: the graphical user interface is used for users to view driving video. 6. The human-computer interaction mode of the graphical user interface: the front view is a driving video list interface, users can click to trigger any driving video option in the driving video list to view the recording content of the driving video, the interface is switched to interface change state figure 1, at this time, the main angle lens recording content is displayed. Users click to trigger the "view panoramic view" option icon in interface change state figure 1, the interface is switched to interface change state figure 2. The area covered by the gray block in each interface view belongs to the content picture. "XXX" in the interface represents the text content.

1. Name of the product in this design: Graphical User Interface for Monitoring Power Station Energy Storage Unit of Electronic Equipment. 2. Purpose of this design: An electronic device. 3. The key design features of this product are the graphical user interface content in the electronic device. 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: This graphical user interface is used by users to view the operating data of the power station, monitor and manage the temperature status information of the battery modules in the power station's energy storage system, and perform maintenance on the battery modules. 7. Human-computer interaction method of graphical user interface: Design 1 main view and Design 2 main view are both temperature monitoring interfaces at the battery module level. Users can click on the tab above the battery cluster model diagram to select and view the temperature status information of the battery module in the corresponding battery cluster. In the view interface, "XX" represents text.

1. The name of the design product: cooking function setting graphical user interface of electronic device. 2. The use of the design product: an electronic device. 3. The design points of the design product: the interface content of the graphical user interface in the electronic device. 4. The picture or photo that best indicates the design points: design 1 front view. 5. Design 1 is designated as the basic design. 6. The use of the graphical user interface: the graphical user interface is used for the user to select and set the cooking mode, working time and working temperature of the cooking device, and display the working state of the cooking device. 7. The human-computer interaction mode of the graphical user interface: design 1 front view and design 2 front view are both cooking setting interfaces, the user can click the function option icon in the interface to control the cooking device, and a highlight bar will be displayed on the upper part of the triggered icon area.

1. Name of the product in this design: The main body of the graphical user interface for cooking operation of cooking equipment. 2. Purpose of this design: A cooking device. 3. The key design features of this product are the parts of the graphical user interface that are not coated with blue semi-transparent material. 4. The picture or photo that best illustrates the key design points: Design 1 main view. 5. The product carrier is a conventional design, and the rear view, left view, right view, top view, and bottom view of each design are omitted. 6. Design 1 is designated as the basic design. 7. Purpose of the graphical user interface: for setting up cooking operations. 8. Human-computer interaction method of graphical user interface: The left side of the main view interface of Design 1 to Design 6 is the cooking mode selection menu and operation menu, the right side of the cooking mode selection menu and operation menu is the display screen, and the right side of the display screen is the operation setting knob. In the cooking method selection menu on the left side of the main view of Design 1, click to select any cooking method to enter the cooking parameter setting interface of Design 1 (Change State Figure 1). In this interface, you can set the relevant cooking parameters by turning the knob on the right. After setting, press the knob to enter Design 1 (Change State Figure 2) to start cooking. During the cooking process, you can click "Pause / Cancel" to pause or cancel cooking. After cooking is completed, enter Design 1 (Change State Figure 3). In the cooking method selection menu on the left side of the main view of Design 2, click to select any cooking method to enter the cooking parameter setting interface in the Design 2 change state diagram 1. In this interface, you can set the relevant cooking parameters by turning the knob on the right. After setting, press the knob to enter the Design 2 change state diagram 2 to start cooking. During the cooking process, you can click "Pause / Cancel" to pause or cancel cooking. After cooking is completed, enter the Design 2 change state diagram 3. Design 3's main view is the initial cooking interface. If there is no operation on this interface for a preset time, it will automatically enter the standby interface shown in Design 3's change state diagram 1. After selecting any cooking method from the cooking method selection menu on the left side of this interface, you will enter the cooking parameter setting interface shown in Design 3's change state diagram 2. On this interface, you can set the relevant cooking parameters using the knob on the right. After setting, press the knob to enter Design 3's change state diagram 3 to start cooking. During the cooking process, you can click "Pause / Cancel" to pause or cancel cooking. After cooking is completed, you will enter Design 3's change state diagram 4. Design 4's main view is the initial cooking interface. If there is no operation on this interface for a preset time, it will automatically enter the standby interface shown in Design 4's change state diagram 1. After selecting any cooking method from the cooking method selection menu on the left side of this interface, you will enter the cooking parameter setting interface shown in Design 4's change state diagram 2. On this interface, you can set the relevant cooking parameters using the knob on the right. After setting, press the knob to enter Design 4's change state diagram 3 to start cooking. During the cooking process, you can click "Pause / Cancel" to pause or cancel cooking. After cooking is completed, you will enter Design 4's change state diagram 4. In the cooking method selection menu on the left side of the main view of Design 5 and the main view of Design 6, click to select any cooking method to perform related cooking operations and settings. During the cooking process, you can click "Pause / Cancel" to pause or cancel the cooking operation. 9. Other situations requiring explanation: The blue semi-transparent coating (knob) is not part of the graphical user interface that requires protection.

The invention discloses an H5 service long-acting touch method and system based on an enterprise WeChat plug-in, and belongs to the technical field of mobile internet communication. The core of the method comprises the steps that a confirmation operation of a user on a temporary H5 service page is responded, the front end sends a request and closes the page after receiving a successful response, and the rear end calls an enterprise WeChat interface to send an initialization message, so that an independent and resident exclusive session entry is instantiated in the WeChat of the user. According to the invention, a bidirectional interaction closed loop is further constructed, and a user can directly return to an original service H5 page through clicking by sending a rich media service message which can be clicked and jumped to the entry, so that complete service circulation from a webpage to a session to a webpage is realized. According to the method, the problem of temporary and interactive fracture of the H5 service entry is solved, and long-acting and immersive access of the service instance is realized. And the control and reliability of the channel can be further enhanced through mechanisms such as message sending rule verification and asynchronous queues.

1. The name of the design product: input box search mode switching display module of search interaction graphical user interface for electronic device. 2. The use of the design product: an electronic device. 3. The design points of the design product: the part in the graphical user interface, the part outside the dashed line is the claimed part. 4. The picture or photo that best shows the design points: design 1 front view. 5. Design 1 is designated as the basic design. 6. The use of the graphical user interface: for search interaction, the claimed part is used to display input box search mode switching. 7. The human-computer interaction mode of the graphical user interface: in design 1, the user can click the "search" / "code base" option at the bottom left of the input box interface in the front view of design 1 to switch the search mode, or click the "full network search" control behind the mode option to select whether to open or close Internet search. The human-computer interaction description of design 2 is the same as that of design 1. In design 3, the user can click the "search" / "knowledge base" / "code base" option at the bottom left of the input box interface in the front view of design 3 to switch the search mode, or click the "full network search" control behind the mode option to select whether to open or close Internet search. The human-computer interaction description of design 4 is the same as that of design 1. In design 5, the user can click the "search" / "code base" option at the bottom left of the input box interface in the front view of design 5 to switch the search mode, or click the "select code base" control behind the mode option to retract the expanded code base list. The user can also click any option in the code base list module expanded below the input box to perform the check operation, or click the "add warehouse" control in the upper right corner of the module to perform the corresponding operation. In design 6, the user can click the "search" / "knowledge base" / "code base" option at the bottom left of the input box interface in the front view of design 6 to switch the search mode, or click the "select code base" control behind the mode option to retract the expanded code base list. The user can also click any option in the code base list module expanded below the input box to perform the check operation, or click the "add warehouse" control in the upper right corner of the module to perform the corresponding operation. In design 7, the user can click the "search" / "knowledge base" / "code base" option at the bottom left of the input box interface in the front view of design 7 to switch the search mode, or click the cross control behind the selected knowledge base name behind the mode option to delete the selected option. The user can also click any option in the knowledge base list module unfolded below the input box to perform a check operation, or can click the "add knowledge base" / "clear options" control in the upper right corner of the module to perform the corresponding operation. The human-computer interaction description of design 8 is the same as that of design 7. In design 9, when the user clicks the "code base" option at the bottom left of the input box of the main view interface of design 9, the code base list is unfolded below the input box, and the interface change from the main view of design 9 to the interface change state diagram of design 9 is presented. In design 10, when the user clicks the "knowledge base" option at the bottom left of the input box of the main view interface of design 10, the code base list is unfolded below the input box, and the interface change from the main view of design 10 to the interface change state diagram of design 10 is presented.

1. Name of the product in this design: Graphical User Interface for Viewing Refrigerator Mode of Electronic Device. 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 image or photograph that best illustrates the design's key points: Design 2 main view. 5. Design 2 is designated as the basic design. 6. Purpose of the graphical user interface: Used to view refrigerator mode descriptions; in each design main view, you can click "OK" at the bottom to view the description.

1. Name of the product of this design: Application display module for content recommendation interaction graphical user interface used in electronic devices. 2. Use of the product of this design: An electronic device. 3. Design key points of the product of this design: Lies in the partial part of the graphical user interface. The part outside the dashed line is the partial part claimed for protection. 4. Picture or photograph that best shows the design key points: The front view of Design 1. 5. Designate Design 1 as the basic design. 6. Use of the graphical user interface: Used to recommend relevant content on the information browsing page. The partial part claimed for protection is used to display the recommended application information. 7. Human-computer interaction method of the graphical user interface: In Design 1, the user can click on the user avatar above the interface card in the front view of Design 1 to view the list of friends who have used the recommended content, or can click on the experience entry in the interface card to enter the details page of the recommended content. In Design 2, the user can click on the user avatar above the interface card in the front view of Design 2 to view the list of friends who have used the recommended content, or can click on the experience entry on the right side of the interface card to enter the details page of the recommended content. In Design 3, the user can click on the user avatar above the interface card in the front view of Design 3 to view the list of friends who have used the recommended content, or can click on the arrow control on the right side of the interface card to enter the details page of the recommended content. The human-computer interaction description of Design 4 is the same as that of Design 3. In Design 5, when the user browses the information page, recommended content labels will be displayed on the page, as shown in the front view of Design 5. When the user continues to browse this information page, relevant icons, names, and entries of the recommended content will be displayed in the label module, presenting the interface change from the front view of Design 5 to Interface Change State Diagram 1 of Design 5. Subsequently, the name of the recommended content in the label module changes to relevant recommended copywriting, and the text of the experience entry is enhanced for display, presenting the interface change from Interface Change State Diagram 1 of Design 5 to Interface Change State Diagram 2 of Design 5. Finally, the information of friends who have used this recommended content, as well as the card content of the recommended copywriting information and experience entry, will be displayed on the page, presenting the interface change from Interface Change State Diagram 2 of Design 5 to Interface Change State Diagram 3 of Design 5. In Design 6, when the user browses the information page, recommended content labels will be displayed on the page, as shown in the front view of Design 6. When the user continues to browse this information page, relevant icons, recommended copywriting, and entries of the recommended content will be displayed in the label module, presenting the interface change from the front view of Design 6 to Interface Change State Diagram 1 of Design 6. Subsequently, the text of the experience entry in the label module is enhanced for display, presenting the interface changes from Design 6 Interface Change Status Diagram 1 to Design 6 Interface Change Status Diagram 2. Finally, the friend information using this recommended content, the recommended copywriting information, and the card content of the experience entry are displayed on the page, presenting the interface changes from Design 6 Interface Change Status Diagram 2 to Design 6 Interface Change Status Diagram 3. In Design 7, when the user browses the information page, recommended content labels will be displayed on the page, as shown in the main view of Design 7. When the user continues to browse this information page, the friend information using this recommended content, the recommended copywriting information, and the card content of the experience entry are displayed on the page, presenting the interface changes from the main view of Design 7 to the Design 7 Interface Change Status Diagram. In Design 8, when the user browses the information page, recommended content labels will be displayed on the page, as shown in the main view of Design 8. When the user continues to browse this information page, icons related to the recommended content, recommended copywriting, and entry are displayed in the label module, presenting the interface changes from the main view of Design 8 to Design 8 Interface Change Status Diagram 1. Finally, the friend information using this recommended content, the recommended copywriting information, and the card content of the experience entry are displayed on the page, presenting the interface changes from Design 8 Interface Change Status Diagram 1 to Design 8 Interface Change Status Diagram 2. In Design 9, when the user browses the information page, recommended content labels will be displayed on the page, and icons related to the recommended content, recommended copywriting, and entry are displayed in the label module, as shown in the main view of Design 9. When the user continues to browse this information page, the recommended content icon in the label module turns into the avatars of friends who use this recommended content, and the text of the experience entry is enhanced for display, presenting the interface changes from the main view of Design 9 to the Design 9 Interface Change Status Diagram. In Design 10, when the user browses the information page, recommended content labels will be displayed on the page, as shown in the main view of Design 10. When the user continues to browse this information page, the avatars of friends who use this recommended content, recommended copywriting, and entry are displayed in the label module, presenting the interface changes from the main view of Design 10 to Design 10 Interface Change Status Diagram 1. Finally, the friend information using this recommended content, the recommended copywriting information, and the card content of the experience entry are displayed on the page, presenting the interface changes from Design 10 Interface Change Status Diagram 1 to Design 10 Interface Change Status Diagram 2. (The recommended content in each design interface includes items, application software, etc.).

The images represented in the image diagrams are interactive graphical user interfaces (GUIs) that visually convey information to a user related to systems for (i) creating and / or modifying and / or analyzing unit operations and data generated therefrom in manufacturing processes, such as cell and gene therapy manufacturing processes, (ii) combining live data from databases with textual information, and (iii) interactive analysis of data (e.g., patient data visualization systems) and analysis of data related to manufacturing processes. (A. Graph-Based Visualization and Interactive Data Views for Pharmaceutical Manufacturing Process Data Reconciliation) For example, in certain embodiments, the images represented in the image diagrams are associated with graph-based visualization tools that enable a user to analyze data related to one or more experiments and / or manufacturing processes used to produce pharmaceutical products and / or variations thereof. In particular, the images for graph-based visualization and data analysis GUI tools represented in the image diagrams can be used in association with GUIs that enable a user to automatically and / or semi-automatically (e.g., in conjunction with user review and / or input) generate visualizations that facilitate the examination of experiments and / or manufacturing processes and reconcile data generated across multiple processes and / or process runs. For example, among other things, the interactive graph-based visualization tools and their images may be provided (e.g., rendered) individually or together via one or more GUIs or windows, sub-windows, panels, etc. (Process Graph) For example, the image diagram illustrates a GUI that provides a visualization of a process graph. In one embodiment, the graph-based visualization tool represented in the image diagram includes generating and / or rendering a process graph that displays an experimental and / or manufacturing process for the production of pharmaceutical products, including biologics such as cell-based therapeutics and biologic drugs. The process graph includes multiple nodes, each representing a data point corresponding to a unit operation in a particular experimental and / or manufacturing process where information is collected and / or an action is performed.The image diagrams further illustrate various approaches for capturing and / or displaying these data points and how users interact with them. (Comparing and Reconciling Multiple Processes) In certain embodiments, the images depicted in the image diagrams are used as GUIs to provide graph-based visualization tools that provide comparison and / or reconciliation of data from multiple experiments and / or manufacturing processes, e.g., in an automated and / or semi-automated manner (e.g., coupled with user interactions such as review and selection actions). Among other things, the images depicted in the image diagrams include designs that overlay multiple graph processes, structurally compare them, and reconcile them based on data points. For example, the images depicted in the image diagrams may provide rendering data created by process comparison and reconciliation tools that (e.g., automatically) identify and address discrepancies, missing data, or anomalies, which can be used to generate a harmonized data set for further analysis, such as mathematical modeling. Thus, among other things, the graph-based visualization tools provided in the images depicted in the image diagrams address the challenges presented by unreconciled data across multiple experiments and / or manufacturing processes and / or within a single process that may be performed under varying conditions. Achieving automated reconciliation of such data is a significant challenge that, if not addressed, hinders effective and accurate analysis, which, in turn, can dramatically impact a user's and / or organization's ability to optimize and / or maintain manufacturing process quality and / or develop new processes. In particular, the images presented in the graph-based visualizations and the graphical representations that present them aid in adjusting sampling points to maximize overlay for effective comparisons and / or, in certain embodiments, identify overlapping points in existing data for effective real-time analysis. For example, the graphical representations show examples of multiple levels of data views and clickable / expandable pop-ups. In particular, in certain embodiments, the graphical representations are associated with GUIs that integrate the ability to collect and link actual data with process diagrams.For example, multiple levels of data can be viewed in an interactive and dynamic manner. For example, images presented in pictorial diagrams provide a high-level view, and while not all data may be directly visible, they provide clickable / expandable, customized, dynamic nodes for each node type, allowing users to simultaneously inspect and analyze collected and / or input data. In this manner, images presented in pictorial diagrams facilitate the identification and analysis of differences between processes. In some embodiments, structural differences between different processes indicate variations in conditions (e.g., temperature, duration, chemical concentrations), as well as the sequence and / or presence of certain steps. While unit operations (basic steps or stages in a process) may be generally similar to other processes, unique conditions and / or sequences can significantly affect the outcome, or the nature of the product or result. Thus, images presented in pictorial diagrams that provide visual display tools can be extremely useful in process optimization, troubleshooting, and ensuring that a process meets desired specifications. For example, changing the device that performs a unit operation and / or certain parameter values ​​within the unit operation (e.g., rotation speed, total volume, duration, etc.) can have a significant impact on the quality, recovery, efficacy, etc. of the output of that unit operation, which in turn can affect characteristics such as the biological / potency of the product, and additionally or alternatively, factors such as the cost of production, the number of doses produced per manufacturing run, and the like. Thus, among other things, images depicted in pictorial diagrams can be associated with and provided with GUIs that present generated data, such as automatically generated data (e.g., using ontologies), which helps to identify commonalities and / or differences between studies and facilitates performing analyses to determine, for example, whether device or parameter changes have significant impacts.In particular, as described herein, a graph-based visualization tool represented in a pictorial diagram provides a user with a visual representation of one or more manufacturing processes via a graph-based approach that easily communicates and highlights differences in conditions and unit operations, as well as their nature. For example, an image represented in a pictorial diagram may include visual features that highlight unreconciled data points. This approach facilitates the identification and correction of data reconciliation issues, thereby streamlining data analysis for research and process development conducted in the creation and production of pharmaceuticals, such as cell-based therapeutics and biologic drugs. (i. Process Graph with Interactive Nodes) The pictorial diagram illustrates an example of a graph-based visualization of a manufacturing process. As shown in the pictorial diagram, a manufacturing process can be represented and displayed via a process graph. Each node in the process graph displays a data point corresponding to a unit operation in the particular manufacturing process that it (e.g., the process graph) represents. The node may include information about the current data state and content (e.g., in real time) of the data point it represents. Within a graph-based visualization, nodes can be dynamic, such that, for example, a user interaction with a particular node (e.g., a mouse hover, click, touchscreen tap or long press, etc.) triggers the display of a tooltip indicating the current data state for the displayed data point, including data collected at various stages of the manufacturing process. Process graphs can be rendered and used for experiment design and process execution to outline complex manufacturing experiments over multiple days of manufacturing procedures and to visualize and track different stages of a real-time experiment.Experimental Overview: In some embodiments, a graph is displayed as an experimental overview, providing a high-level overview of an experiment, including the process steps and (e.g., approximate) order in which they were performed, the dates particular process steps were performed, how the process steps relate to one another (e.g., the top half of FIG. 1A ), and an overview of the various states / arms evaluated during the experiment and how those states relate to one another (e.g., the bottom half of FIG. 1A ). Timeline: In some embodiments, a process graph may include a timeline, displaying multiple timepoints, such as the days, during which a particular experiment or manufacturing process represented by the graph was performed. As shown in the image depicted in the pictorial diagram, the timeline may be displayed along the horizontal axis, with labeled circular icons used to visually represent individual timepoints (e.g., days of execution from day 1 through day 21). Other ways of visually displaying the timeline may be used, for example, along the vertical axis and / or using other shaped icons, other units (e.g., hours, weeks, etc.). Process Unit Operations: In some embodiments, a process graph may visually identify individual process unit operations performed during a manufacturing process. Individual process unit operations may be displayed, for example, through a combination of text labels and icons or markings that convey the particular unit operations performed and, optionally, the time at which they are carried out and / or their (e.g., temporal) relationship with respect to other unit operations. For example, the graph-based visualization shown in the image depicted in the pictorial diagram includes a series of text labels along the top row (of nodes) identifying various unit operations such as "Material Preparation," "Start-Up," "Transduction," and "Compounding." In one embodiment, as shown in the image depicted in the pictorial diagram, for example, the text labels also include a numerical component and identify the particular day on which each unit operation is performed, and the text labels are arranged sequentially from left to right along the horizontal axis to mark the order in which the operations are performed over time.The vertical dotted lines extending downward from each text label provide a visual guide for the expected schedule for each unit operation and / or a temporal mapping of the manufacturing process. (Data Points (Nodes)) As shown in the images depicted in the pictorial diagrams, data points in the manufacturing process associated with a particular unit operation and from which pertinent information (measurements and / or recorded observations) is collected are represented via nodes. Nodes may be rendered as icons such as filled circles as shown in the images depicted in the pictorial diagrams. In the images depicted in the pictorial diagrams, each circle is a node and is positioned so as to be visually aligned with a particular unit operation. That is, in the images depicted in the pictorial diagrams, it is located on a vertical dotted line extending downward from a text label identifying a particular unit operation, thereby identifying the data point related to that particular unit operation. (Connectivity) In some embodiments, the process graph may display the dependency or sequence of material and / or data flow from one unit operation to another via rendered connections between the various nodes. For example, as shown in the image depicted in the pictorial diagram, node connectivity may be rendered as lines connecting nodes across a timeline. (Data Connection Points) Specific points along the process where data is collected are marked, such as important checkpoints for quality control or measurements required for process evaluation. (Arms) In some embodiments, a process graph may include and / or display one or more (e.g., separate) arms, each representing a different experimental condition and / or baseline process variation. For example, in the image depicted in the pictorial diagram, the arms are rendered as various smaller graphs positioned below the timeline. Each line in the arms section indicates a different arm / condition as defined by the operator.Labels are provided to help clarify the focus of these steps and / or to distinguish and identify nodes as belonging to one condition, so that corresponding data collected from the laboratory are placed in the correct node and we do not mix data across conditions. In this case, the base process may be the step following a standard or control process, while other processes are steps that make experimental changes to that process or supplement the base process (e.g., making media, preparing materials, etc.). (Baseline Process and Base Process Graph) A baseline process may be a control and / or standard procedure and may be rendered as a base process graph. Text labels, color schemes, icon styles, positioning, and the like may be used to visually identify the baseline process, such as in graph-based visualizations. For example, in images presented in pictorial diagrams, the baseline process is identified and displayed as a node line directly below the timeline. In process graphs of images presented in pictorial diagrams, the baseline process may be the standard process against which other variations are compared. Variations and Outputs / Endpoints In some embodiments, a graph-based visualization can include one or more auxiliary subgraphs, each corresponding to and representing variations to experimental conditions and / or baseline versions of a manufacturing process. For example, the image depicted in the image diagram shows auxiliary subgraphs displaying variations labeled as "Ver1.1," "Ver1.2," "Ver2.1," "Ver2.3," etc., and "Condition 1," "Condition 2," "Condition 3," etc., representing different experimental arms or conditions. In this manner, the graph-based visualization tool can be used to communicate variations in materials used, process conditions, or specific unit operations performed. Additionally or alternatively, endpoints and / or outputs of different processes can also be displayed (e.g., via endpoint graphs).For example, as shown in the image depicted in the pictorial diagram, a series of nodes labeled "Out.1" and "Out.2" represent different endpoints and / or outputs of a process, such as different ways of processing or storing a final product. For example, in the exemplary subgraph shown in the image depicted in the pictorial diagram, lines refer to experimental conditions or interrelated subsets of a process, such as preparing materials (e.g., media) to feed a cell-containing process. Arm / condition sections help orient operators to the specific task being performed, and by identifying various arms in a descriptive manner, data collected in the lab are entered into corresponding nodes, and numbers / quantities, etc., are not mixed between conditions. Process graphs therefore facilitate the visualization and management of complex manufacturing processes. Among other things, they allow researchers to track the progress of experiments, compare different conditions or variations side by side, and ensure that data is systematically collected at designated points throughout the process. The ability to visualize the entire process in this way helps identify bottlenecks, ensure consistency, and facilitate data-driven decision-making.

1. Name of the product in this design: Graphical User Interface for Laboratory Intelligent Management Platform of Electronic Equipment. 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 2 is designated as the basic design. 6. Purpose of the graphical user interface: It is used by users to view and operate equipment, environment, and safety management in the laboratory management platform. 7. Human-computer interaction method of graphical user interface: The main view of Design 1 is the main interface of the equipment management platform. Clicking "VAV" (variable air volume) (control cabinet) in the main view of Design 1 will enter the change status diagram of the Design 1 interface; The main view of Design 2 is the main interface of the environmental management platform. Clicking any air pressure value in the middle of the interface in the main view of Design 2 will enter the change status diagram of the Design 2 interface; The main view of Design 3 is the main interface of the safety management platform. Different floors can be selected to view equipment, and the equipment name can be entered to click to query the equipment. 8. Other situations requiring explanation: Other explanation: "X" in the interface represents text.

1. The name of the design product: password input automatic check identification graphical user interface for electronic equipment. 2. The use of the design product: for an electronic device. 3. The design points of the design product: the interface content of the graphical user interface. 4. The picture or photo that best shows the design points: design 1 change state diagram 1. 5. Design 1 is designated as the basic design. 6. The use of the graphical user interface: the graphical user interface is used for automatic check identification of input password; the main view of design 1 is in the password not entered state, and the rule items below the input box are all in the non-compliant state, and the confirmation button is grayed out and cannot be clicked; input password in the main view of design 1, the interface automatically changes to design 1 change state diagram 1, the input password meets part of the rules, the order of √ and × symbols before the corresponding rules appears, and the confirmation button is grayed out and cannot be clicked; re-enter the password, the interface automatically changes to design 1 change state diagram 2, the input password meets all the rules, and the confirmation button is bright and can be clicked; the main view of design 2 is in the password not entered state, and the rule items below the input box are all in the non-compliant state, and the confirmation button is grayed out and cannot be clicked; input password in the main view, the interface automatically changes to design 2 change state diagram 1, the input password meets part of the rules, the cross of √ and × symbols before the corresponding rules appears, and the confirmation button is grayed out and cannot be clicked; re-enter the password, the interface automatically changes to design 2 change state diagram 2, the input password meets all the rules, and the confirmation button is bright and can be clicked. 7. Other circumstances that need to be explained: this design belongs to partial protection design, the solid line part is the content required for protection, and the dashed line part does not belong to the content required for protection, "X" in the above interfaces represents text or digits.

1. The name of this design product: Virtual keyboard graphical user interface for programming learning of electronic devices. 2. Purpose of this design product: for use in an electronic device. 3. The key design point of this design product lies in the interface content of the graphical user interface. 4. The picture or photo that best illustrates the key points of the design: Main view of Design 1. 5. The design for which protection is sought includes color. 6. Designate Design 1 as the base design. 7.Purpose of the graphical user interface: This design is used for programming and learning virtual keyboard operations. The virtual keyboard areas in the main views of Design 1 and Design 2 are all clickable.

The invention discloses an English word formation training method and system based on double closed-loop interaction and a readable storage medium, and belongs to the technical field of English learning training. Comprising the steps of splitting characters of English words into a prefix part, a root part and a suffix part, storing the parts into a linear linked list, and presenting the characters of each part in a building block form for forward closed-loop training and reverse closed-loop training; wherein the prefix part is spliced by operating the control module, the clickable state of the root part and the interpretation panel are triggered, and forward closed-loop training is realized; according to the method, preset characters of English words are hidden, a user is prompted to splice prefix parts, the user completes combination of the prefix parts by dragging the characters, if combination succeeds, prefixes and remaining characters form complete words, and reverse closed-loop training is achieved. According to the invention, the English training efficiency can be improved.

1. Name of the product in this design: Action control interface for video generation interactive graphical user interface of electronic device. 2. Purpose of this design: An electronic device. 3. The key design features of this product are: the parts within the graphical user interface, with the area outside the dotted lines being the protected area. 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. Uses of the graphical user interface: for interactive video generation; protected local uses are used for editing and controlling the actions of people in the video. 7. Human-computer interaction method of graphical user interface: In Design 1, users can click the editing module below "Upload Reference Action" / "Text Generate Action" in the upper right corner of the main view interface of Design 1 to upload video files or edit text content to generate custom actions, or they can click any action option in the action selection module in the lower right corner of the interface to inject the action into the character action preview model on the left side of the interface. The human-computer interaction description for Design 2 is the same as that for Design 1. In Design 3, users can click the "Select Character" control in the upper left corner of the Design 3 main view interface to select the character whose action needs to be edited, or click the editing module below "Upload Reference Action" / "Text Generate Action" in the upper right corner of the interface to upload video files or edit text content to generate custom actions, or click any action option in the action selection module in the lower right corner of the interface to inject the action into the character action preview model on the left side of the interface. In Design 4, users can click the "Select Character" control in the lower left corner of the Design 4 main view interface to select the character whose action needs to be edited, or click the editing module below "Upload Reference Action" / "Text Generate Action" in the upper right corner of the interface to upload video files or edit text content to generate custom actions, or click any action option in the action selection module in the lower right corner of the interface to inject the action into the character action preview model on the left side of the interface. The human-computer interaction description of Design 5 is the same as that of Design 1. The main view interface of Design 5 is currently in the state of having uploaded reference actions and generating custom actions. The human-computer interaction description for Design 6 is the same as that for Design 1. The human-computer interaction description of Design 7 is the same as that of Design 2. In Design 8, users can click on any character in the character selection pop-up window in the upper left corner of the Design 8 main view interface to select that character. The number of character action preview models on the left side of the interface will increase or decrease according to the number of selected characters. Users can also click the "Upload Reference Action" / "Text Generate Action" editing module in the upper right corner of the interface to upload video files or edit text content to generate custom actions, or click any action option in the action selection module in the lower right corner of the interface to inject the action into the character action preview model on the left side of the interface. In Design 9, when a user clicks the editing module below "Upload Reference Action" in the upper right corner of the Design 9 main view interface, they can upload relevant videos or files and generate custom actions, presenting the interface changes from Design 9 main view to Design 9 interface change state diagram 1 to Design 9 interface change state diagram 2. In Design 10, when a user clicks the "Select Character" control in the upper left corner of the Design 10 main view interface, a character selection pop-up window will be opened, showing the interface changes from the Design 10 main view to the Design 10 interface state diagram.

1. Name of the Design Product: Visual Graphical User Interface for Network Public Opinion Situation Perception of Electronic Devices. 2. Use of the Design Product: For an electronic device. 3. Design Key Points of the Design Product: Lies in the interface content in the graphical user interface on the screen. 4. Picture or Photograph that Best Illustrates the Design Key Points: Front View. 5. Use of the Graphical User Interface: The design product is used for the operation program of visual management and auxiliary decision-making of network public opinion. 6. Human-Computer Interaction Method of the Graphical User Interface: Different buttons can be clicked in the front view for operation changes.

The application relates to the technical field of software automatic testing, in particular to a Web system permission function automatic testing method based on Playwright, which comprises the following steps: creating independent browser contexts for multiple test accounts, and starting multiple page instances to load Web system interfaces to be tested in a concurrent mode; identifying clickable elements in the pages, iteratively updating the elements in combination with a local element library, and adopting a multi-mode clicking mechanism combining native clicking, native JS clicking and coordinate clicking to execute operations; monitoring and identifying page pop-up boxes, storing screenshots, and iteratively updating a pop-up box identification library; and summarizing test results to generate a test report. Through the concurrent execution of multiple accounts and multiple interfaces, the dynamic iteration of the element library and the pop-up box library, and the multi-mode clicking guarantee, the efficiency, adaptability, reliability and ease of use of the permission test are significantly improved.

1. Name of the product in this design: Window control bar for information display graphical user interface of electronic device. 2. Intended use of this design: for use in an electronic device. 3. The key design features of this product are the graphical user interface portion of the electronic device for which protection is sought. 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 entire graphical user interface is used for information display, and the parts of the graphical user interface are used for window control bars. Designs 1 through 5 all feature information display interfaces with window control bars, allowing users to click relevant buttons to set the window style. 7. Other situations requiring explanation: Other explanation: Designs 1 to 5 request protection for the partial appearance of the product, and the parts that are not requested for protection are covered with a red semi-transparent mask in the view.

1. The name of the design product: music card sticker display and switching module of music card sticker interactive graphical user interface for electronic device. 2. The use of the design product: an electronic device. 3. The design points of the design product: the part in the graphical user interface, the part outside the dashed line is the claimed part. 4. The picture or photo that best indicates the design points: design 1 front view. 5. Design 1 is designated as the basic design. 6. The use of the graphical user interface: for music card sticker interaction, the claimed part is used to display music card sticker styles and switching methods. 7. The human-computer interaction mode of the graphical user interface: in design 1, the user can click any sticker option in the pop-up window of the design 1 front view interface to perform the switching operation of the sticker, or can click the "import" control in the pop-up window to perform the operation of generating a card point sticker from a custom picture. In design 2, when the user clicks any sticker option in the pop-up window of the design 2 front view interface, the switching operation of the sticker can be performed, and the interface changes from design 2 front view to design 2 interface change state diagram.

The invention provides a liquid crystal touch screen mistaken touch detection and intelligent correction method based on machine learning. The liquid crystal touch screen mistaken touch detection and intelligent correction method is suitable for operation such as frequent returning, sideslip and menu calling in an edge band area and a scene in which a clickable area of a high-consequence operation control is close to or overlapped with an edge band. According to the method, on the premise that extra hardware is not added and only touch collection and terminal sensor information are utilized, an edge space risk skeleton structure is constructed to serve as a unified bearing of a space context and long-term statistics; during maintenance triggering, edge risk grids are adaptively split or combined according to recent statistics, and a protection belt coverage relation is updated in a linkage manner, so that statistical aperture correction is realized without writing back historical events; when an interface version is changed, long-term statistics and marking are migrated according to a version change relation and initialization is carried out, so that mistaken touch judgment and correction action selection continuously obtain a consistent basis, the high-consequence mistaken touch triggering risk is reduced, and interference to normal edge operation is reduced.

1. The name of the design product: stock trading graphical user interface of electronic device. 2. The use of the design product: an electronic device. 3. The design points of the design product: the interface content of the graphical user interface in the electronic device. 4. The picture or photo that best indicates the design points: design 1 front view. 5. Design 1 is designated as the basic design. 6. The use of the graphical user interface: the graphical user interface is used for stock trading and related information viewing. 7. The human-computer interaction mode of the graphical user interface: design 1 front view is a discovery interface. The user clicks to trigger the "opportunity" label in design 1 front view, and the interface switches to design 1 interface change state diagram 1. The user clicks to trigger the square icon button at the lower right of the top title "opportunity" in design 1 interface change state diagram 1, which can switch the interface layout from double row to single row, as shown in design 1 interface change state diagram 2. The user clicks to trigger any one label in design 1 interface change state diagram 2, which can switch to the corresponding quote page. For example, the user clicks to trigger the first label in design 1 interface change state diagram 2, and the interface switches to design 1 interface change state diagram 3. The user can click the heart-shaped icon in the upper right corner to add the current content to the self-selected list. The user clicks to trigger the "transaction" text button at the rightmost side of any stock name, which can switch to the specific information page of the stock. The user slides the interface to the lower part, and the interface switches from design 1 interface change state diagram 3 to design 1 interface change state diagram 4. Design 2 front view is a discovery interface. The user clicks to trigger the "opportunity" label in design 2 front view, and the interface switches to design 2 interface change state diagram 1. The user clicks to trigger the square icon button at the lower right of the top title "opportunity" in design 2 interface change state diagram 1, which can switch the interface layout from double row to single row, as shown in design 2 interface change state diagram 2. The user clicks to trigger any one label in design 2 interface change state diagram 2, which can switch to the corresponding quote page. For example, the user clicks to trigger the first label in design 2 interface change state diagram 2, and the interface switches to design 2 interface change state diagram 3. The user can click the heart-shaped icon in the upper right corner to add the current content to the self-selected list. The user clicks to trigger the "transaction" text button at the rightmost side of any stock name, which can switch to the specific information page of the stock. The user slides the interface to the lower part, and the interface switches from design 2 interface change state diagram 3 to design 2 interface change state diagram 4. In the interface, XXX represents the text content, the content picture is covered by the gray block area in the interface, and the shape of the gray block is only used to cover the content picture and does not represent the shape of the content picture.

1. The name of the design product: programming training and challenge interface of electronic device. 2. The use of the design product: an electronic device. 3. The design points of the design product: the graphical user interface. 4. The picture or photo that best shows the design points: front view. 5. No design points, omit rear view, left view, right view, top view, bottom view. 6. The use of the graphical user interface: the graphical user interface is used to display, view and operate the programming training and challenge, specifically for selecting levels, viewing level task instructions, and displaying reward settlement after the challenge is completed. 7. Other circumstances that need to be explained: (1) Click the level 1 area in the front view, jump to interface change state diagram 1. (2) Interface change state diagram 1 is used to display the task instructions of this level. After reading, the user can click the "start task" button and proceed to the challenge. When the challenge is successful, jump to interface change state diagram 2. (3) Interface change state diagram 2 is used to display the result calculation loading interface. When the loading is completed, automatically jump to interface change state diagram 3. (4) Interface change state diagram 3 is used to show the level reward settlement interface. Click any position in interface change state diagram 3 to jump to interface change state diagram 4 to show the detailed information of this challenge.

1. The name of this design product: Graphical user interface for electronic equipment, voice room, microphone, car speech display. 2. Purpose of this design product: an electronic device. 3. The key design features of this design product lie in the part within the graphical user interface; the portion outside the dotted line is the portion for which protection is sought. 4. The picture or photo that best illustrates the key points of the design: Main view of Design 1. 5. Designate Design 1 as the base design. 6. Purpose of the graphical user interface: used for interaction between the voice room and the microphone. The local use that requires protection is used to display the current mood of the microphone vehicle through the facial expressions sent by the image. 7. Human-computer interaction method of graphical user interface: In Design 1, the main view of Design 1 is the voice room interface. When the user in the room turns on the microphone car function, the car image is displayed in the lower right corner of his avatar. When the system detects that the status of any vehicle image in the room has changed, a floating icon indicating the current mood status will be displayed in the upper right corner of the vehicle image. Users can click on the vehicle image to view its status details. The human-computer interaction descriptions of Designs 2 to 4 are the same as those of Design 1. In Design 5, the main view of Design 5 is the voice room interface. When the user in the room turns on the microphone car function, the car image is displayed in the lower right corner of his avatar. When the system detects that the status of any vehicle image in the room has changed, a floating icon of the current mood status will be displayed in the upper right corner of the vehicle image, showing the interface change from the Design 5 main view to the Design 5 interface change state diagram. The human-computer interaction descriptions of Designs 6 to 8 are the same as those of Design 1.

1. Name of this design product: Graphical user interface for generating AI image portraits for electronic devices. 2. Purpose of this design product: an electronic device. 3. The key design point of this design product lies in the graphical user interface. 4. The picture or photo that best illustrates the key points of the design: Main view of Design 1. 5. Designate Design 1 as the base design. 6. Purpose of the graphical user interface: used to generate AI image portraits. 7. Human-computer interaction method of the graphical user interface: In Design 1, the user can click the "Create AI Image" control at the top of the Design 1 main view interface to perform the corresponding operation. Users can also click on the photo template cards at the bottom of the interface to view the template details, or click on the "Make the same photo" control at the bottom of the card to perform the corresponding operation. The human-computer interaction description of Design 2 is the same as that of Design 1. In Design 3, users can click the "Add Image" control at the top of the Design 3 main view interface to add a new AI image. Or you can click the "All" control in the upper right corner of the interface to view all AI images and perform management operations. Users can also click on the photo template cards at the bottom of the interface to view the template details, or click on the "Make the same photo" control at the bottom of the card to perform the corresponding operation. The human-computer interaction descriptions of Design 4 to Design 5 are the same as those of Design 3. In Design 6, users can click the "Add Image" / "Take the Same Beautiful Photo" / "Manage Image" controls at the top of the main view interface of Design 6 to perform corresponding operations. Users can also click on the photo template cards at the bottom of the interface to view the template details, or click on the "Make the same photo" control at the bottom of the card to perform the corresponding operation. The human-computer interaction description of Design 7 is the same as that of Design 6.

1. The name of the design product: graphical user interface for AI-generated recommended recipes for electronic devices. 2. The use of the design product: for electronic devices. 3. The design features of the design product: in the graphical user interface. 4. The picture or photo that best represents the design features: front view. 5. Common design, omit rear view, pitch view, left and right view. 6. The use of the graphical user interface: graphical user interface for AI-generated recommended recipes for electronic devices. The front view is the AI helps me choose function, the interface automatically enters the AI recommended recipe process, and enters the interface state change 1 after the recipe is generated. Interface change state diagram 1 is AI recommended recipes, which will recommend recipes based on cooking preferences, refrigerator ingredients, etc. Users can check the desired recipes, such as interface change state diagram 2, slide the screen up, enter interface change state diagram 3, and users can add selected recipes to the meal plan. If there is no favorite recipe, click "no favorite, try manual search" to enter interface state change 4. Enter the recipe in interface change state diagram 4, enter interface change state diagram 5. Users can select the recipe from the search results to add it to the meal plan, as shown in interface change state diagram 6. The "X" and single color block in the view are changeable text and pictures. Reference can be made to the use state reference diagram 1-5.

1. Name of the product in this design: Operation module for displaying a dialogic interactive workflow in electronic devices. 2. Purpose of this design: An electronic device. 3. The key design features of this product are: the parts within the graphical user interface, with the area outside the dotted lines being the protected area. 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: used to demonstrate a conversational creation and interaction process; the local purpose that needs protection is the same as the overall purpose. 7. Human-computer interaction method of graphical user interface: In Design 1, users can enter the request text in the input box of the main view interface of Design 1 and click the send control at the bottom right of the input box to perform the request sending operation, or they can click any section in the "Recommended Use" module of the interface to call up the corresponding creation template content in the input box. In Design 2, users can select or enter relevant text through the prompts in the template creation box in the Design 2 main view interface and click the send control at the bottom right of the input box to send their request. In Design 3, users can click on any of the recommended creation template options at the top of the input box in the Design 3 main view interface to retrieve the corresponding creation template content within the input box. In Design 4, users can enter the text of their request into the input box by clicking any request option at the top of the input box in the Design 4 main view interface, or they can click any of the recommended creation template options at the top of the input box to perform the corresponding creation template content operation within the input box. In Design 5, when a user clicks on any section in the "Recommended" module of the Design 5 main view interface, the corresponding creation template content can be brought up in the input box, showing the interface changes from the Design 5 main view to the Design 5 interface state diagram. In Design 6, when a user enters the "@" symbol in the input box of the Design 6 main view interface, the recommended creation template options will be displayed above the input box, showing the interface change from the Design 6 main view to the Design 6 interface change state diagram 1. When a user clicks on any of the recommended creative template options at the top of the input box in Design 6 Interface Change State Diagram 1, the corresponding creative template content can be retrieved within the input box, presenting the interface changes from Design 6 Interface Change State Diagram 1 to Design 6 Interface Change State Diagram 2. In Design 7, when a user enters their request in the input box of the Design 7 main view interface, recommended request texts and creation template options are displayed above the input box, showing the interface change from the Design 7 main view to the Design 7 interface change state diagram 1. When the user clicks the recommended composition template option on the upper part of the input box of the design 7 interface change state diagram 1, the corresponding composition template content is called up in the input box, and the interface change from the design 7 interface change state diagram 1 to the design 7 interface change state diagram 2 is presented.

1. The name of the design product: device management graphical user interface of electronic device. 2. The use of the design product: for an electronic device. 3. The design points of the design product: in the graphical user interface. 4. The picture or photo that best shows the design points: front view. 5. The use of the graphical user interface: for viewing device status and device management; buttons in the clickable card in the front view for parking, unlocking, positioning auxiliary operations. 6. Other circumstances that need to be explained: X in the view is text content.

1. Name of the product in this design: Graphical User Interface with Online Contractual Deduction Agreement for Electronic Equipment. 2. Purpose of this design: To display a graphical user interface. 3. The key design features of this product are its graphical user interface. 4. The image or photograph that best illustrates the design's key features: the front view. 5. Since the carrier is an existing electronic device design, other views are omitted. 6. Graphical User Interface Area in the Product: The payment unit is a selectable option; other items can be entered manually. 7. Human-computer interaction method of graphical user interface: The main view is the initial interface. Clicking "Payee" in the figure will enter the interface change, see interface change state figure 1; after selecting the payee company, click "Agree to the Authorization Letter for Withholding Business" to enter the interface change, and you can click the "Agree" or "Disagree" button, see interface change state figure 2; clicking the "Send" button after "Verification Code" can send the user verification code, see interface change state figure 3; after clicking "Confirm", you will enter the contract success interface, see interface change state figure 4.

1. The name of the design product: the graphical user interface for the display and processing of stored pictures of an electronic device. 2. The use of the design product: as a smart recognition and knowledge association for taking pictures, recording and displaying the taken pictures. 3. The design points of the design product: the interface content of the graphical user interface in the screen. 4. The picture or photo that best indicates the design points: the front view. 5. The design for which protection is sought includes colors. 6. The use of the graphical user interface: the graphical user interface is mainly used for the display and processing of stored pictures of a picture learning machine. Among them, the front view is the login homepage of the picture learning machine; the change state diagram 1 is the interface displayed after clicking the "album" icon in the front view; the change state diagram 2 is the interface displayed after clicking the "all items" area in the change state diagram 1; the change state diagram 3 is the interface displayed after clicking the "…" icon in the upper right corner of the change state diagram 2, at this time the original shape icon in the lower right corner of a single picture can be clicked to check the pictures to be deleted; the change state diagram 4 is the interface displayed after clicking the "delete" icon in the upper right corner of the change state diagram 3 after checking; the change state diagram 5 is the interface displayed after clicking the "delete" word in the change state diagram 4 to display the remaining pictures in the album; and the change state 5 reference diagram is the interface reference diagram after deleting part of the album pictures.

1. The name of the design product: electronic device's insurance payment service appointment graphical user interface. 2. The use of the design product: for an electronic device. 3. The design points of the design product: the interface content of the graphical user interface. 4. The picture or photo that best shows the design points: front view. 5. The use of the graphical user interface: the design graphical user interface is used to make insurance payment service appointment. Clicking the "apply for payment service" button in the front view can enter the interface change state diagram 1; in the interface change state diagram 1, the date and time that need to be reserved can be clicked to switch, and after selecting the time that needs to be reserved, sliding the interface upwards can enter the interface change state diagram 2, and clicking the appointment button in the interface change state diagram 2 can complete the service appointment. 6. Other circumstances that need to be explained: "xxx" in the interface represents variable text and / or numbers, and the cross in the upper left corner of each design interface is a close button; other contents in the interface are inherent design of the page, not replaceable content screen.