Method, device, apparatus and storage medium for creating an application

By obtaining configuration information through the canvas tool in the graphical interface, the problem of low efficiency in traditional application interfaces is solved, achieving efficient integration with workflow and improving user interaction efficiency.

CN122111406APending Publication Date: 2026-05-29BEIJING ZITIAO NETWORK TECH CO LTD +1

Patent Information

Authority / Receiving Office
CN · China
Patent Type
Applications(China)
Current Assignee / Owner
BEIJING ZITIAO NETWORK TECH CO LTD
Filing Date
2024-11-28
Publication Date
2026-05-29

AI Technical Summary

Technical Problem

Traditional application interactions, with their fixed interfaces, negatively impact user efficiency and make it difficult to efficiently configure generative model applications.

Method used

This provides a tool that allows users to edit a canvas in a graphical interface to obtain configuration information for graphical components and a target workflow, and to create an application associated with the target workflow.

Benefits of technology

It improves the efficiency of application interaction, enhancing the flexibility and efficiency of user interaction through the combination of graphical interface and workflow.

✦ Generated by Eureka AI based on patent content.

Smart Images

  • Figure CN122111406A_ABST
    Figure CN122111406A_ABST
Patent Text Reader

Abstract

Embodiments of the present disclosure relate to a method, device, equipment and storage medium for creating an application. The method provided herein includes: presenting an editing canvas for editing a graphical interface corresponding to a target workflow; obtaining configuration information of a graphical component via a configuration window corresponding to the graphical component in the editing canvas, the configuration information indicating an association between a first attribute of the graphical component and the target workflow or an additional workflow; and creating a target application corresponding to the target workflow based on the configuration information.
Need to check novelty before this filing date? Find Prior Art

Description

Technical Field

[0001] The exemplary embodiments disclosed herein relate generally to the field of computers, and more particularly to methods, apparatus, devices, and computer-readable storage media for creating applications. Background Technology

[0002] With the development of computer technology, generative models are increasingly being applied to various aspects of people's lives. Some platforms also support users in configuring various types of applications based on generative models, such as agents or bots. In traditional scenarios, such applications typically interact through fixed interfaces (e.g., dialogue interfaces), which greatly affects the efficiency of user interaction. Summary of the Invention

[0003] In a first aspect of this disclosure, a method for creating an application is provided. The method includes: presenting an editing canvas for editing a graphical interface; obtaining configuration information of a graphical component via a configuration window corresponding to the graphical component in the editing canvas, the configuration information indicating an association between a first attribute of the graphical component and a target workflow; and creating a target application associated with the target workflow based on the configuration information.

[0004] In a second aspect of this disclosure, an apparatus for creating an application is provided. The apparatus includes: a rendering module configured to render an editing canvas for editing a graphical interface; an acquisition module configured to acquire configuration information of a graphical component via a configuration window corresponding to the graphical component in the editing canvas, the configuration information indicating an association between a first attribute of the graphical component and a target workflow; and a creation module configured to create a target application associated with the target workflow based on the configuration information.

[0005] In a third aspect of this disclosure, an electronic device is provided. The device includes at least one processing unit; and at least one memory coupled to the at least one processing unit and storing instructions for execution by the at least one processing unit. When executed by the at least one processing unit, the instructions cause the device to perform the method of the first aspect.

[0006] In a fourth aspect of this disclosure, a computer-readable storage medium is provided. The computer-readable storage medium stores a computer program that can be executed by a processor to implement the method of the first aspect.

[0007] It should be understood that the content described in this content section is not intended to limit the key or essential features of the embodiments of this disclosure, nor is it intended to restrict the scope of this disclosure. Other features of this disclosure will become readily apparent from the following description. Attached Figure Description

[0008] The above and other features, advantages, and aspects of the embodiments of this disclosure will become more apparent from the accompanying drawings and the following detailed description. In the drawings, the same or similar reference numerals denote the same or similar elements, wherein:

[0009] Figure 1 A schematic diagram is shown of an example environment in which embodiments of the present disclosure may be implemented;

[0010] Figures 2A to 2D Example interfaces according to some embodiments of this disclosure are shown;

[0011] Figure 3 A flowchart illustrating an example process for creating an application according to some embodiments of this disclosure is shown;

[0012] Figure 4 A schematic structural block diagram of an example apparatus for creating an application according to some embodiments of the present disclosure is shown; and

[0013] Figure 5 A block diagram of an electronic device capable of implementing several embodiments of the present disclosure is shown. Detailed Implementation

[0014] Embodiments of this disclosure will now be described in more detail with reference to the accompanying drawings. While some embodiments of this disclosure are shown in the drawings, it should be understood that this disclosure can be implemented in various forms and should not be construed as limited to the embodiments set forth herein. Rather, these embodiments are provided to provide a more thorough and complete understanding of this disclosure. It should be understood that the accompanying drawings and embodiments of this disclosure are for illustrative purposes only and are not intended to limit the scope of protection of this disclosure.

[0015] It should be noted that the headings of any section / subsection provided herein are not limiting. Various embodiments are described throughout this document, and embodiments of any type may be included under any section / subsection. Furthermore, embodiments described in any section / subsection may be combined in any way with any other embodiments described in the same section / subsection and / or different sections / subsections.

[0016] In the description of embodiments of this disclosure, the term "comprising" and similar terms should be understood as open-ended inclusion, i.e., "including but not limited to". The term "based on" should be understood as "at least partially based on". The term "one embodiment" or "the embodiment" should be understood as "at least one embodiment". The term "some embodiments" should be understood as "at least some embodiments". Other explicit and implicit definitions may also be included below. The terms "first", "second", etc., may refer to different or the same objects. Other explicit and implicit definitions may also be included below.

[0017] The embodiments of this disclosure may involve user data, data acquisition, and / or use. All of these aspects comply with applicable laws, regulations, and relevant provisions. In the embodiments of this disclosure, all data collection, acquisition, processing, manipulation, forwarding, and use are conducted with the user's knowledge and confirmation. Accordingly, in implementing the embodiments of this disclosure, the type, scope of use, and usage scenarios of any data or information that may be involved should be communicated to the user and their authorization obtained in accordance with relevant laws and regulations through appropriate means. The specific methods of notification and / or authorization may vary depending on the actual situation and application scenario, and the scope of this disclosure is not limited in this respect.

[0018] In this specification and the embodiments, any processing of personal information will be carried out only under the premise of legality (such as obtaining the consent of the personal information subject, or being necessary for the performance of a contract), and will only be carried out within the scope stipulated or agreed upon. A user's refusal to process personal information other than that necessary for basic functions will not affect the user's use of basic functions.

[0019] Some platforms also support users configuring various types of applications based on generative models, such as agents or bots. In traditional scenarios, such applications are usually interacted with through fixed interfaces (e.g., conversational interfaces), which greatly affects the efficiency of user interaction.

[0020] Embodiments of this disclosure propose a scheme for creating an application. The scheme includes: presenting an editing canvas for editing a graphical interface; obtaining configuration information of the graphical components via a configuration window corresponding to the graphical components in the editing canvas, the configuration information indicating the association between a first attribute of the graphical component and a target workflow; and creating a target application associated with the target workflow based on the configuration information.

[0021] In this way, embodiments of this disclosure provide canvas editing tools corresponding to workflows, enabling users to create graphical interfaces that correspond to workflows. Such graphical interfaces can work in conjunction with workflows, thereby improving the interactive efficiency of applications.

[0022] The following section provides a detailed description of various example implementations of this scheme, with reference to the accompanying drawings.

[0023] Example Environment

[0024] Figure 1 A schematic diagram of an example environment 100 in which embodiments of the present disclosure can be implemented is shown. For example... Figure 1 As shown, example environment 100 may include electronic device 110.

[0025] In this example environment 100, electronic device 110 can run an application 120 that supports user interface interaction. Application 120 can be any suitable type of application for user interface interaction, examples of which may include, but are not limited to, development applications or other suitable applications. User 140 can interact with application 120 via electronic device 110 and / or its attached devices.

[0026] exist Figure 1 In environment 100, if application 120 is active, electronic device 110 can use application 120 to present interface 150 for supporting application creation.

[0027] In some embodiments, electronic device 110 communicates with server 130 to provide services to application 120. Electronic device 110 can be any type of mobile terminal, fixed terminal, or portable terminal, including mobile phones, desktop computers, laptop computers, notebook computers, netbook computers, tablet computers, media computers, multimedia tablets, handheld computers, portable gaming terminals, VR / AR devices, personal communication system (PCS) devices, personal navigation devices, personal digital assistants (PDAs), audio / video players, digital cameras / camcorders, positioning devices, television receivers, radio receivers, e-book devices, gaming devices, or any combination thereof, including accessories and peripherals of these devices or any combination thereof. In some embodiments, electronic device 110 can also support any type of user-facing interface (such as "wearable" circuitry).

[0028] Server 130 can be a standalone physical server, a server cluster or distributed system composed of multiple physical servers, or a cloud server providing basic cloud computing services such as cloud services, cloud databases, cloud computing, cloud functions, cloud storage, network services, cloud communication, middleware services, domain name services, security services, content delivery networks, and big data and artificial intelligence platforms. Server 130 may include, for example, computing systems / servers such as mainframes, edge computing nodes, computing devices in a cloud environment, etc. Server 130 can provide backend services for applications 120 that support virtual scenarios in electronic devices 110.

[0029] A communication connection can be established between server 130 and electronic device 110. This communication connection can be established via wired or wireless means. The communication connection may include, but is not limited to, Bluetooth, mobile network, Universal Serial Bus (USB), and Wireless Fidelity (WiFi) connections; the embodiments of this disclosure are not limited in this respect. In the embodiments of this disclosure, server 130 and electronic device 110 can achieve signaling interaction through the communication connection between them.

[0030] It should be understood that the structure and function of the various elements in environment 100 are described for illustrative purposes only and do not imply any limitation on the scope of this disclosure.

[0031] The following description will continue with reference to the accompanying drawings, which will provide some exemplary embodiments of this disclosure.

[0032] Example Interaction

[0033] The following will combine Figures 2A to 2D To describe example interactions for creating an application according to some embodiments of this disclosure. Figures 2A to 2D Example interfaces 200A to 200D according to some embodiments of the present disclosure are shown. Interfaces 200A to 200D may, for example, be provided by... Figure 1 The electronic device 110 shown is provided.

[0034] Figure 2A An editing interface 200A for the application is shown. Such an editing interface 200A can, for example, be used to create appropriate workflow-based applications. As an example, such an application could be an agent, bot, or other appropriate workflow-based application built based on a generative model.

[0035] like Figure 2A As shown, in the editing interface 200A, the electronic device 110 can present the created workflow 215. Workflow 215 can include multiple processing nodes to support the triggering of execution of multiple processing nodes according to the logic indicated by workflow 215. In some instances, workflow 215 can include a model node corresponding to a generative model. This model node can trigger the processing of corresponding input parameters using the configured generative model to generate corresponding output parameters.

[0036] In some embodiments, the editing interface 200A may include, for example, multiple tabs. The electronic device 110 may present an editing page corresponding to the workflow based on the selection of tab items 205.

[0037] Additionally, the electronic device 110 may also provide a canvas entry 210 to support users in creating a graphical interface corresponding to the target application in the editing canvas.

[0038] In some embodiments, in response to selection of the canvas entry 210, the electronic device 110 may present, as Figure 2B The window 200B is shown. Within window 200B, the electronic device 110 can provide a set of candidate interface templates 230. In some embodiments, such a set of candidate interface templates 230 may include preset interface templates. Each interface template may be associated with one or more graphical interfaces.

[0039] In some embodiments, such a set of candidate interface templates 230 may be determined from a template library, for example. For example, the electronic device 110 may determine one or more interface templates matching the workflow 215 from a target library based on the workflow 215 and display them in the window 200B. Further, the electronic device 110 may, for example, receive a selection of the interface template 230 and may present one or more graphical interfaces and / or graphical components corresponding to the interface template 230 in an editing canvas.

[0040] In some embodiments, the electronic device 110 may also receive a selection of a blank template 220 and present a blank canvas to support the user in adding graphic components to the blank canvas.

[0041] In some embodiments, the electronic device 110 may also provide a generation entry 225. The electronic device 110 may receive a selection of the generation entry 225 and may provide one or more graphical interfaces and / or graphical components created based on the content of the workflow 215 on an editing canvas.

[0042] In some embodiments, the electronic device 110 and / or the server 130 may, for example, determine a set of input parameters and / or a set of output parameters for the workflow 215. Further, the electronic device 110 and / or the server 130 may create a corresponding set of input graphics components and a set of graphics output components based on the set of input parameters and / or the set of output parameters.

[0043] In other embodiments, the electronic device 110 and / or server 130 may also utilize generative models to generate at least one graphical component corresponding to workflow 215. For example, the electronic device 110 and / or server 130 may determine descriptive information for workflow 215. In some embodiments, such descriptive information may include a structured representation of workflow 215.

[0044] Furthermore, electronic device 110 and / or server 130 can provide a structured representation to the generative model to generate a corresponding code representation. Furthermore, electronic device 110 can present a graphical interface and / or image components corresponding to workflow 215 based on the generated code representation.

[0045] like Figure 2C As shown, electronic device 110 illustrates an example editing interface 200C. In the editing interface 200C, electronic device 110 can provide an editing canvas 240 to support users in designing the graphical interface of an application in a graphical manner.

[0046] As shown in the figure, the editing canvas 240 may include, for example, a graphical interface 245. The graphical interface 245 may further include multiple graphical components, such as graphical component 250-1, graphical component 250-2, graphical component 250-3, and graphical component 250-4 (each individually or collectively referred to as graphical component 250). As an example, graphical components 250-1 through 250-3 may correspond to input components. Graphical component 250-4 may correspond to a button component.

[0047] In some embodiments, the electronic device 110 may also present a set of component templates associated with the editing canvas 240. As an example, the electronic device 110 may receive a user's selection of the control 260 and present multiple preset component templates. These multiple component templates may correspond to different types of graphical components, such as text input components, image input components, table display components, image display components, and so on.

[0048] Furthermore, the electronic device 110 can receive a selection of a component template from a set of component templates, and can add a graphic component corresponding to the target component template in the editing canvas. For example, the electronic device 110 can add a corresponding graphic component in the editing canvas 240 by dragging and dropping the component template.

[0049] In some embodiments, the electronic device 110 may also support the creation of multiple graphical interfaces in the editing canvas 240. As an example, the electronic device 110 may receive selections of control 262 to create a new graphical interface.

[0050] In other embodiments, the electronic device 110 may also support associating the editing canvas 240 with other workflows. As an example, workflow 215 may be associated with the editing canvas 240 by default. The electronic device 110 may also receive selections for control 264 (also referred to as adding an entry) and may present a set of candidate workflows. Such a set of candidate workflows may, for example, include workflows that the current user has permission to access.

[0051] In some embodiments, the electronic device 110 may receive a selection of one or more workflows from the group of candidate workflows and may associate the one or more workflows with the editing canvas 240 to support the establishment of associations between graphical components and workflows.

[0052] In some embodiments, the electronic device 110 may also support users viewing data sources associated with the editing canvas 240. As an example, the electronic device 110 may provide data viewing controls (not shown) in the editing interface 200B, and may present a set of workflows associated with the editing canvas 240 based on the data viewing controls. Further, the electronic device 110 may, for example, support users associating the editing canvas 240 with workflows. The electronic device 110 may support unassociating other workflows besides workflow 215 from the editing canvas 240.

[0053] Furthermore, such as Figure 2C The electronic device 110 can also receive selections of the graphics component 250 and can present a configuration window 255 for the graphics component 250.

[0054] Electronic device 110 may, for example, present one or more editing controls in configuration window 255. In some embodiments, electronic device 110 may present a set of candidates based on the selection of an editing control. In some scenarios, such a set of candidates may be determined based on the data source associated with editing canvas 240. For example, the set of candidates may correspond to workflow 215 or other added workflows. Further, electronic device 110 may receive selections of specific candidates to configure corresponding properties of graphical components 250-4 as the selected candidate.

[0055] by Figure 2C As an example, electronic device 110 may receive a user's selection of graphical components 250-4 (e.g., button components) and present a configuration window 255 for the button components. For example, in the configuration window 255, electronic device 110 may allow the user to add actions corresponding to the button components by clicking control 270.

[0056] As an example, electronic device 110 may provide a control 272 for configuring the type of action. For example, electronic device 110 may configure the type of the action as a click event, a double-click event, or a long-press event via control 272.

[0057] Additionally, the electronic device 110 may also provide a control 274 to configure actions triggered by a click event. For example, the electronic device 110 may receive a selection of the control 274 to present one or more action flows associated with the editing canvas 240.

[0058] Furthermore, the electronic device 110 can receive a selection of "Workflow 1" to support the click event triggering the execution of "Workflow 1". In some embodiments, the electronic device 110 may also support the user to configure the triggered action to execute a portion of a specified action flow via control 274.

[0059] In some embodiments, such as Figure 2C As shown, when the triggering action includes executing a workflow or a portion of a node within a workflow, the electronic device 110 can also correspondingly present parameter configuration controls associated with executing the workflow or node. For example, parameter configuration controls 276, 278, and 280 can be used to configure the three parameters required to execute "Workflow 1".

[0060] In some embodiments, the electronic device 110 can configure input parameter 1 of "Workflow 1" to match the input information of the graphics component 250-1 (e.g., field, Box1.input) via parameter configuration control 276. Similarly, input parameter 2 of "Workflow 1" is configured to match the input information of the graphics component 250-2 (e.g., field, Box2.input); and input parameter 3 of "Workflow 1" is configured to match the input information of the graphics component 250-3 (e.g., field, Box3.input).

[0061] In this way, electronic device 110 can determine the configuration information of graphical interface 245 and establish the association between the attributes of one or more graphical components 250 in graphical interface 245 and the workflow.

[0062] As an example, during the application usage phase, the user can provide three input parameters through the graphical interface 245 and trigger the call to "Workflow 1" by clicking a button. The three input parameters entered by the user can be provided to "Workflow 1" as corresponding variables.

[0063] In some embodiments, the electronic device 110 may also support the creation of a content display component in the editing canvas 240 and the configuration of the content to be displayed by the content display component. Similarly, the electronic device 110 may configure controls to render at least one output parameter from one or more workflows associated with the editing canvas 240.

[0064] by Figure 2A The workflow 215 shown is an example, in which the electronic device 110 can provide three candidates, namely, "parameter 7", "parameter 8" and "parameter 9". Furthermore, the electronic device 110 can receive a selection of one or more of the three candidates.

[0065] For example, if the content to be displayed by the content display component is associated with "parameter 7" of workflow 215, the created application can obtain the output of "parameter 7" during runtime and display it accordingly in the content display component. In some embodiments, the content display component may support streaming output of workflow results, such as outputting text.

[0066] In some embodiments, the electronic device 110 can also support users associating multiple output parameters with the same content display component. For example, the content to be displayed by the content display component can be simultaneously associated with "parameter 7" (e.g., text output) and "parameter 8" (e.g., image output) of workflow 215. Accordingly, during application operation, the application can obtain the content of "parameter 7" and "parameter 8" and can display the corresponding results serially or in parallel.

[0067] In some embodiments, the editing canvas 240 may also support the addition of other types of graphical components. For example, the editing canvas 240 may support the addition of dialogue components to allow users to input information through dialogue interaction. In some embodiments, the electronic device 110 may also support configuring one or more attributes of the dialogue component, such as the avatar displayed in the dialogue component, the greeting information (i.e., the opening line) in the dialogue component, or suggested input items (e.g., suggested questions).

[0068] For example, a user can edit canvas 240 to configure the input items presented in the dialog component to be associated with the output parameters of workflow 215. As another example, a user can edit canvas 240 to configure the input messages received in the dialog component to invoke the parameters of workflow 215.

[0069] Additionally, the electronic device 110 can also support user configuration of one or more interactive capabilities associated with the dialogue component. For example, the electronic device 110 can support users enabling audio interaction capabilities, image input capabilities, video interaction capabilities, file upload capabilities, and so on, of the dialogue component.

[0070] In some embodiments, in addition to supporting the configuration of the association between graphical components in the editing canvas 240 and the workflow, the electronic device 110 may also support the configuration of jump attributes for graphical components to support triggering jumps to other graphical interfaces in the editing canvas 240. In some instances, the electronic device 110 may also configure, for example, through the configuration window 255, that specific actions (e.g., double-click actions) of graphical components 250-4 can trigger jumps to other graphical interfaces.

[0071] In some embodiments, the electronic device 110 may also provide, for example, a view editing panel associated with the editing canvas 240. Such a view editing panel can present multiple views corresponding to multiple graphical interfaces in the editing canvas 240.

[0072] Furthermore, each view can present a view element corresponding to a graphical component in the graphical interface. Accordingly, the electronic device 110 can receive selections of view elements and configure jump events corresponding to view elements graphically. For example, a user can connect a view element to another view through a view editing panel to configure the jump relationship between the view element and the graphical interface.

[0073] In some embodiments, the electronic device 110 may also support users to uniformly configure events and / or actions in the graphical interface through an action editor. Figure 2D An example event editing panel 200D according to some embodiments of the present disclosure is shown.

[0074] like Figure 2D As shown, in the event editing panel 200D, the electronic device 110 can display a set of action nodes corresponding to the editing canvas 240, such as node 288, node 290, and node 292. Furthermore, the electronic device 110 can configure trigger actions corresponding to the graphical components via a configuration window corresponding to the set of action nodes.

[0075] by Figure 2D As an example, node 288 can correspond to graphical component 250-4. Electronic device 110 can configure the event type as "click event" through node 288.

[0076] Furthermore, node 290 can correspond to the first action executed when the "click event" is triggered. For example... Figure 2D As shown, the action type corresponding to node 290 can be configured as "page jump", and it can jump to "page 2" with the corresponding transition animation as "animation 1".

[0077] Furthermore, node 292 can correspond to the second action performed after the "page redirection" action is completed. For example... Figure 2D As shown, the action type corresponding to node 292 can be configured to execute "Workflow 1". In addition, the electronic device 110 can also configure one or more parameters associated with executing "Workflow" 1 through node 292.

[0078] In some embodiments, to improve editing efficiency, the editing canvas 240 can also be associated with multiple event editing panels, which can correspond to different types of triggering operations.

[0079] In some embodiments, the editing canvas is associated with multiple event editing panels, which are used to configure trigger actions corresponding to different operation types. For example, the electronic device 110 may provide an event editing panel corresponding to a "single click operation" 282, an event editing panel corresponding to a "double click operation" 284, and an event editing panel corresponding to a "long press operation" 286.

[0080] Therefore, the embodiments of this disclosure can improve the efficiency of configuring event logic in a graphical interface.

[0081] Continue to refer to Figure 2C The electronic device 110 can also provide a preview control 266. Furthermore, the electronic device 110 can receive a selection of the preview control 266 (i.e., a preview request) and can present a preview window of the application. In the preview window, the electronic device 110 can present a preview of the target application.

[0082] In some embodiments, process 300 further includes: in response to receiving a preview request, presenting a preview window that displays a preview result of the target application. For example, electronic device 110 may provide a preview window corresponding to the platform on which the target application is to be released, such as a personal computer platform or a mobile terminal platform. Electronic device 110 may also support users entering information in the preview window and triggering the execution of a workflow. Furthermore, electronic device 110 may also display corresponding output results in the preview window.

[0083] In some embodiments, the electronic device 110 may also support user selection of the publishing control 268 to create an application associated with the workflow. The created application may have a corresponding graphical interface to support users in obtaining workflow services more efficiently through graphical interface interaction.

[0084] In some embodiments, the electronic device 110 may also generate an access link corresponding to the created application. Accordingly, other users can use the access link to access the created application and interact with it based on its graphical interface.

[0085] In some embodiments, the electronic device 110 can also support users to publish the created graphical interfaces individually. As an example, the electronic device 110 can receive a publishing request to publish the created graphical interface as an interface template, and can accordingly publish interface templates corresponding to one or more graphical interfaces and / or graphical components in the editing canvas 240. Thus, embodiments of this disclosure can support other users to design graphical interfaces more efficiently using interface templates.

[0086] In this way, embodiments of this disclosure provide canvas editing tools corresponding to workflows, enabling users to create graphical interfaces that correspond to workflows. Such graphical interfaces can work in conjunction with workflows, thereby improving the interactive efficiency of applications.

[0087] Example process

[0088] Figure 3 A flowchart of a process 300 for creating an application according to some embodiments of the present disclosure is shown. Process 300 can be implemented at electronic device 110. Reference is made below. Figure 1 To describe process 300.

[0089] like Figure 3 As shown, in box 310, the electronic device 110 presents an editing canvas for editing the graphical interface.

[0090] In box 320, electronic device 110 obtains configuration information of the graphic component via a configuration window corresponding to the graphic component in the editing canvas. The configuration information indicates the association between the first attribute of the graphic component and the target workflow.

[0091] In box 330, electronic device 110 creates a target application associated with the target workflow based on configuration information.

[0092] In some embodiments, presenting an editing canvas for editing a graphical interface further includes: presenting a canvas entry corresponding to the editing canvas; presenting a set of interface templates in response to selection of the canvas entry; and presenting an editing canvas in response to selection of a target interface template from the set of interface templates, wherein the editing canvas presents a set of graphical components corresponding to the target interface template.

[0093] In some embodiments, process 300 further includes: presenting at least one graphical component created based on the content of the target workflow in an editing canvas.

[0094] In some embodiments, process 300 further includes: creating at least one graphical component based on a set of input parameters and / or a set of output parameters associated with the target workflow; or processing the descriptive information of the target workflow using a generative model to generate at least one graphical component.

[0095] In some embodiments, process 300 further includes: presenting a set of component templates associated with an editing canvas; and in response to the selection of a target component template from the set of component templates, adding a graphical component corresponding to the target component template to the editing canvas.

[0096] In some embodiments, process 300 further includes: presenting a data viewing control associated with the editing canvas; and, in response to a selection of the data viewing control, presenting a set of workflows associated with the editing canvas, the set of workflows including a target workflow.

[0097] In some embodiments, process 300 further includes: presenting an add entry associated with editing the editing canvas;

[0098] In response to the selection of an entry point, a set of candidate workflows is presented; and in response to the selection of at least one workflow from the set of candidate workflows, at least one workflow is associated with the editing canvas.

[0099] In some embodiments, obtaining configuration information of a graphical component via a configuration window corresponding to the graphical component in the editing canvas includes: presenting an editing control corresponding to a first attribute in the configuration window; presenting a set of candidate options corresponding to a target workflow in response to a selection of the editing control; and configuring the value of the first attribute as at least one candidate option based on the selection of at least one candidate option in the set of candidate options.

[0100] In some embodiments, the first attribute includes the action to be triggered, and at least one candidate indicates whether to trigger the execution of the workflow or a portion of the workflow.

[0101] In some embodiments, process 300 further includes: determining at least one parameter associated with executing a workflow or a subset of nodes via a configuration panel.

[0102] In some embodiments, the first attribute includes the content to be displayed, and at least one candidate includes at least one output parameter associated with the corresponding workflow.

[0103] In some embodiments, the editing canvas is associated with multiple graphical interfaces, and the method further includes configuring a second property of a graphical component in a first graphical interface, the second property indicating a jump to a second graphical interface among the multiple graphical interfaces.

[0104] In some embodiments, configuring a second property of a graphical component in a first graphical interface includes: presenting a view editing panel associated with an editing canvas, the view editing panel displaying multiple views corresponding to multiple graphical interfaces; and configuring a jump event corresponding to a view element based on the selection of a view element in the view editing panel, so as to instruct the view element to trigger a jump to a second graphical interface.

[0105] In some embodiments, configuration information of the graphics component is obtained: an event editing panel corresponding to the editing canvas is presented; a set of action nodes corresponding to the editing canvas is presented in the event editing panel; and a trigger action corresponding to the graphics component is configured via a configuration window corresponding to the set of action nodes.

[0106] In some embodiments, the editing canvas is associated with multiple event editing panels, which are used to configure trigger actions corresponding to different operation types.

[0107] In some embodiments, process 300 further includes: in response to receiving a preview request, presenting a preview window, the preview window presenting a preview result of the target application.

[0108] In some embodiments, process 300 further includes: in response to a received template publishing request, publishing an interface template corresponding to a set of graphical components in the editing canvas.

[0109] Example devices and equipment

[0110] Embodiments of this disclosure also provide corresponding apparatus for implementing the above methods or processes. Figure 4 A schematic structural block diagram of an example device 400 for creating applications according to certain embodiments of the present disclosure is shown. Device 400 may be implemented as or included in electronic device 110. Various modules / components in device 400 may be implemented by hardware, software, firmware, or any combination thereof.

[0111] like Figure 4 As shown, the device 400 includes: a presentation module 410 configured to present an editing canvas for editing a graphical interface; an acquisition module 420 configured to acquire configuration information of a graphical component via a configuration window corresponding to the graphical component in the editing canvas, the configuration information indicating the association between a first attribute of the graphical component and a target workflow; and a creation module 430 configured to create a target application associated with the target workflow based on the configuration information.

[0112] In some embodiments, the device 400 further includes an entry presentation module configured to: present a canvas entry corresponding to the editing canvas; present a set of interface templates in response to the selection of the canvas entry; and present an editing canvas in response to the selection of a target interface template in the set of interface templates, wherein the editing canvas presents a set of graphical components corresponding to the target interface template.

[0113] In some embodiments, the apparatus 400 further includes a component rendering module configured to render at least one graphical component created based on the content of the target workflow in an editing canvas.

[0114] In some embodiments, the apparatus 400 further includes a component creation module configured to: create at least one graphical component based on a set of input parameters and / or a set of output parameters associated with a target workflow; or process the descriptive information of the target workflow using a generative model to generate at least one graphical component.

[0115] In some embodiments, the apparatus 400 further includes a template presentation module configured to: present a set of component templates associated with an editing canvas; and, in response to the selection of a target component template from the set of component templates, add a graphical component corresponding to the target component template to the editing canvas.

[0116] In some embodiments, the device 400 further includes a control presentation module configured to: present a data viewing control associated with the editing canvas; and, in response to a selection of the data viewing control, present a set of workflows associated with the editing canvas, the set of workflows including a target workflow.

[0117] In some embodiments, the apparatus 400 further includes an add entry presentation module configured to: present an add entry associated with the editing canvas; present a set of candidate workflows in response to selection of an add entry; and associate at least one workflow with the editing canvas in response to selection of at least one workflow from the set of candidate workflows.

[0118] In some embodiments, the apparatus 400 further includes an editing control presentation module configured to: present an editing control corresponding to a first attribute in a configuration window; and, in response to a selection of the editing control, present a set of candidate options, the set of candidate options corresponding to a target workflow; and, based on a selection of at least one candidate option in the set of candidate options, configure the value of the first attribute as at least one candidate option.

[0119] In some embodiments, the first attribute includes the action to be triggered, and at least one candidate indicates whether to trigger the execution of the workflow or a portion of the workflow.

[0120] In some embodiments, the apparatus 400 further includes a determining module configured to determine at least one parameter associated with the execution workflow or a portion of a node via a configuration panel.

[0121] In some embodiments, the first attribute includes the content to be displayed, and at least one candidate includes at least one output parameter associated with the corresponding workflow.

[0122] In some embodiments, the device 400 further includes an attribute configuration module configured to: configure a second attribute of a graphical component in a first graphical interface, the second attribute indicating a jump to a second graphical interface among a plurality of graphical interfaces.

[0123] In some embodiments, the device 400 further includes a panel presentation module configured to: present a view editing panel associated with an editing canvas, the view editing panel displaying multiple views corresponding to multiple graphical interfaces; and configure a jump event corresponding to a view element based on the selection of a view element in the view editing panel, so as to instruct the view element to trigger a jump to a second graphical interface.

[0124] In some embodiments, the acquisition module 420 is further configured to: present an event editing panel corresponding to the editing canvas; present a set of action nodes corresponding to the editing canvas in the event editing panel; and configure trigger actions corresponding to the graphics components via a configuration window corresponding to the set of action nodes.

[0125] In some embodiments, the editing canvas is associated with multiple event editing panels, which are used to configure trigger actions corresponding to different operation types.

[0126] In some embodiments, the device 400 further includes a preview window presentation module, configured to: in response to receiving a preview request, present a preview window, the preview window presenting a preview result of the target application.

[0127] In some embodiments, the apparatus 400 further includes a publishing module configured to: in response to a received template publishing request, publish an interface template corresponding to a set of graphical components in the editing canvas.

[0128] Figure 5 A block diagram of an electronic device 500 in which one or more embodiments of the present disclosure may be implemented is shown. It should be understood that... Figure 5 The electronic device 500 shown is merely exemplary and should not be construed as limiting the functionality and scope of the embodiments described herein. Figure 5 The electronic device 500 shown can be used to achieve Figure 1 Electronic devices 110.

[0129] like Figure 5 As shown, electronic device 500 is in the form of a general-purpose electronic device. Components of electronic device 500 may include, but are not limited to, one or more processors or processing units 510, memory 520, storage device 530, one or more communication units 540, one or more input devices 550, and one or more output devices 560. Processing unit 510 may be a physical or virtual processor and is capable of performing various processes according to programs stored in memory 520. In a multiprocessor system, multiple processing units execute computer-executable instructions in parallel to improve the parallel processing capability of electronic device 500.

[0130] Electronic device 500 typically includes multiple computer storage media. Such media can be any accessible media that is accessible to electronic device 500, including but not limited to volatile and non-volatile media, removable and non-removable media. Memory 520 can be volatile memory (e.g., registers, cache, random access memory (RAM)), non-volatile memory (e.g., read-only memory (ROM), electrically erasable programmable read-only memory (EEPROM), flash memory), or some combination thereof. Storage device 530 can be removable or non-removable media and can include machine-readable media, such as flash drives, disks, or any other media that can be used to store information and / or data and can be accessed within electronic device 500.

[0131] Electronic device 500 may further include additional removable / non-removable, volatile / non-volatile storage media. Although not explicitly stated... Figure 5 As shown, disk drives for reading from or writing to removable, non-volatile disks (e.g., "floppy disks") and optical disk drives for reading from or writing to removable, non-volatile optical disks can be provided. In these cases, each drive can be connected to a bus (not shown) via one or more data media interfaces. Memory 520 may include computer program product 525 having one or more program modules configured to perform various methods or actions of various embodiments of this disclosure.

[0132] Communication unit 540 enables communication with other electronic devices via a communication medium. Additionally, the functionality of components of electronic device 500 can be implemented using a single computing cluster or multiple computing machines capable of communicating via communication connections. Therefore, electronic device 500 can operate in a networked environment using logical connections to one or more other servers, network personal computers (PCs), or another network node.

[0133] Input device 550 can be one or more input devices, such as a mouse, keyboard, trackball, etc. Output device 560 can be one or more output devices, such as a monitor, speaker, printer, etc. Electronic device 500 can also communicate with one or more external devices (not shown) via communication unit 540 as needed. These external devices include storage devices, display devices, etc., and can communicate with one or more devices that enable user interaction with electronic device 500, or with any device that enables electronic device 500 to communicate with one or more other electronic devices (e.g., network card, modem, etc.). Such communication can be performed via input / output (I / O) interface (not shown).

[0134] According to an exemplary implementation of this disclosure, a computer-readable storage medium is provided that stores computer-executable instructions thereon, wherein the computer-executable instructions are executed by a processor to implement the methods described above. According to an exemplary implementation of this disclosure, a computer program product is also provided, which is tangibly stored on a non-transitory computer-readable medium and includes computer-executable instructions, which are executed by a processor to implement the methods described above.

[0135] Various aspects of this disclosure are described herein with reference to flowchart illustrations and / or block diagrams of methods, apparatuses, devices, and computer program products implemented according to this disclosure. It should be understood that each block of the flowchart illustrations and / or block diagrams, and combinations of blocks in the flowchart illustrations and / or block diagrams, can be implemented by computer-readable program instructions.

[0136] These computer-readable program instructions can be provided to a processing unit of a general-purpose computer, a special-purpose computer, or other programmable data processing apparatus to produce a machine such that, when executed by the processing unit of the computer or other programmable data processing apparatus, they create means for implementing the functions / actions specified in one or more blocks of the flowchart and / or block diagram. These computer-readable program instructions can also be stored in a computer-readable storage medium that causes a computer, programmable data processing apparatus, and / or other device to operate in a particular manner. Thus, the computer-readable medium storing the instructions comprises an article of manufacture that includes instructions for implementing aspects of the functions / actions specified in one or more blocks of the flowchart and / or block diagram.

[0137] Computer-readable program instructions can be loaded onto a computer, other programmable data processing apparatus, or other device to cause a series of operational steps to be performed on the computer, other programmable data processing apparatus, or other device to produce a computer-implemented process, thereby causing the instructions that execute on the computer, other programmable data processing apparatus, or other device to perform the functions / actions specified in one or more boxes of a flowchart and / or block diagram.

[0138] The flowcharts and block diagrams in the accompanying drawings illustrate the architecture, functionality, and operation of possible implementations of systems, methods, and computer program products according to various embodiments of this disclosure. In this regard, each block in a flowchart or block diagram may represent a module, segment, or portion of an instruction, which contains one or more executable instructions for implementing the specified logical function. In some alternative implementations, the functions indicated in the blocks may occur in a different order than those indicated in the drawings. For example, two consecutive blocks may actually be executed substantially in parallel, and they may sometimes be executed in reverse order, depending on the functions involved. It should also be noted that each block in the block diagrams and / or flowcharts, and combinations of blocks in the block diagrams and / or flowcharts, may be implemented using a dedicated hardware-based system that performs the specified function or action, or using a combination of dedicated hardware and computer instructions.

[0139] Various implementations of this disclosure have been described above. These descriptions are exemplary and not exhaustive, nor are they limited to the disclosed implementations. Many modifications and variations will be apparent to those skilled in the art without departing from the scope and spirit of the described implementations. The terminology used herein is chosen to best explain the principles, practical applications, or improvements to technology in the market, or to enable others skilled in the art to understand the various implementations disclosed herein.

Claims

1. A method for creating an application, comprising: Presents an editing canvas for editing the graphical interface; The configuration information of the graphic component is obtained through the configuration window corresponding to the graphic component in the editing canvas. The configuration information indicates the association between the first attribute of the graphic component and the target workflow. as well as Based on the configuration information, create a target application associated with the target workflow.

2. The method of claim 1, wherein presenting an editing canvas for editing the graphical interface further comprises: Presents the canvas entry point corresponding to the editing canvas; In response to the selection of the canvas entry point, a set of interface templates is presented; as well as In response to the selection of a target interface template from the set of interface templates, the editing canvas is presented, which presents a set of graphic components corresponding to the target interface template.

3. The method according to claim 1, further comprising: At least one graphical component created based on the content of the target workflow is presented in the editing canvas.

4. The method according to claim 3, further comprising: The at least one graphical component is created based on a set of input parameters and / or a set of output parameters associated with the target workflow; or The descriptive information of the target workflow is processed using a generative model to generate the at least one graphical component.

5. The method according to claim 1, further comprising: Presents a set of component templates associated with the editing canvas; as well as In response to the selection of a target component template from the set of component templates, a graphic component corresponding to the target component template is added to the editing canvas.

6. The method according to claim 1, further comprising: Presents a data viewing control associated with the editing canvas; as well as In response to the selection of the data viewing control, a set of workflows associated with the editing canvas is presented, the set of workflows including the target workflow.

7. The method according to claim 1, further comprising: Presents the add entry associated with the edit canvas; In response to the selection of the added entry, a set of candidate workflows is presented; as well as In response to the selection of at least one workflow from the set of candidate workflows, the at least one workflow is associated with the editing canvas.

8. The method of claim 1, wherein obtaining the configuration information of the graphic component via a configuration window corresponding to the graphic component in the editing canvas includes: In the configuration window, an editing control corresponding to the first attribute is displayed; as well as In response to a selection of the editing control, a set of candidate options is presented, the set of candidate options corresponding to the target workflow; as well as Based on the selection of at least one of the candidates in the set, the value of the first attribute is configured as the at least one candidate.

9. The method of claim 8, wherein the first attribute includes an action to be triggered, and the at least one candidate indicates a node that triggers the execution of a workflow or a portion thereof.

10. The method of claim 9, further comprising: The configuration panel is used to determine at least one parameter associated with executing the workflow or the partial node.

11. The method of claim 8, wherein the first attribute includes content to be displayed, and the at least one candidate includes at least one output parameter associated with the corresponding workflow.

12. The method of claim 1, wherein the editing canvas is associated with multiple graphical interfaces, and the method further comprises: Configure a second property of a graphical component in a first graphical interface, the second property indicating a jump to a second graphical interface among the plurality of graphical interfaces.

13. The method of claim 12, wherein configuring the second attribute of the graphical component in the first graphical interface includes: A view editing panel associated with the editing canvas is presented, the view editing panel displaying multiple views corresponding to the multiple graphical interfaces; as well as Based on the selection of view elements in the view editing panel, configure jump events corresponding to the view elements to instruct the view elements to trigger a jump to the second graphical interface.

14. The method according to claim 1, wherein obtaining the configuration information of the graphics component includes: Presents the event editing panel corresponding to the editing canvas; The event editing panel displays a set of action nodes corresponding to the editing canvas; as well as Configure the trigger action corresponding to the graphical component through the configuration window corresponding to the set of action nodes.

15. The method of claim 14, wherein the editing canvas is associated with a plurality of event editing panels, the plurality of event editing panels being configured with trigger actions corresponding to different operation types.

16. The method according to claim 1, further comprising: In response to receiving a preview request, a preview window is displayed, which presents a preview result of the target application.

17. The method according to claim 1, further comprising: In response to the received template publishing request, an interface template corresponding to a set of graphical components in the editing canvas is published.

18. An apparatus for creating an application, comprising: The presentation module is configured to present an editing canvas for editing the graphical interface; The acquisition module is configured to acquire configuration information of the graphic component via a configuration window corresponding to the graphic component in the editing canvas, the configuration information indicating the association between a first attribute of the graphic component and the target workflow; as well as The creation module is configured to create a target application associated with the target workflow based on the configuration information.

19. An electronic device comprising: At least one processing unit; as well as At least one memory, coupled to the at least one processing unit and storing instructions for execution by the at least one processing unit, which, when executed by the at least one processing unit, cause the electronic device to perform the method according to any one of claims 1 to 17.

20. A computer-readable storage medium having a computer program stored thereon, the computer program being executable by a processor to implement the method according to any one of claims 1 to 17.