Business system tutorial generation method, playing method and related device

Abstract

The embodiment of the invention discloses a business system tutorial generation method, a business system tutorial playing method and a related device, which are used for realizing the convenience of making a business system tutorial. The method comprises the steps that if target pages of a service system are opened in a browser, operation pages are newly built in an editor, the operation pages correspond to the target pages one to one, the editor comprises a selection assembly and a recording assembly, the service system loads the selection assembly in the editor in advance, and the recording assembly is used for recording the target pages in the editor. The target page is any page in the business system; if the selection component detects that the positioning element is selected in the target page, recording the positioning element through a recording component; configuring positioning data of the positioning element, wherein the positioning data of the positioning element is used for positioning the target page through the operation page; aiming at the operation page, newly establishing a guide element which is used for selecting a corresponding operation element from the target page; and configuring tutorial guidance data of the guidance element to generate a tutorial of a target page of the business system.

Description

Technical Field

[0001] The present invention relates to a data service system, and in particular to a method for generating and playing a service system course and related devices. Background Art

[0002] Currently, product guidance tutorials for software products are usually specially designed and developed during product design and development.

[0003] During product design and development, the specially designed product guidance tutorials are mostly integrated with the software products, so that the produced product guidance tutorials become fixed content after the product design and development is completed, and such fixed product guidance tutorials cannot be modified a second time after the product design and development is completed. Summary of the invention

[0004] The embodiments of the present invention provide a method for generating and playing a business system tutorial and related devices, which are used to produce product guidance tutorials for various scenarios for the business system after the business system is developed, thereby achieving diversity and flexibility of the product guidance tutorials.

[0005] A first aspect of an embodiment of the present application provides a method for generating a business system tutorial, comprising:

[0006] If the target page of the business system is opened in the browser, a new operation page corresponding to the target page is created in the editor, the editor at least includes a selection component and a record component, the business system pre-loads the selection component in the editor, and the target page is any page in the business system;

[0007] If the selection component in the business system detects that a positioning element is selected in the target page, the recording component records the positioning element;

[0008] configuring positioning data of the positioning element, wherein the positioning data of the positioning element is used to locate the target page through the operation page;

[0009] For the operation page, a new guide element is created, where the guide element is used to select a corresponding operation element from the target page;

[0010] The tutorial guidance data of the guidance element is configured to generate a tutorial for a target page of the business system.

[0011] Preferably, the positioning data of the positioning element includes an element selector of the positioning element, or includes the element selector of the positioning element and text contained in the positioning element;

[0012] Configuring the positioning data of the positioning element includes:

[0013] Configure an element selector of the positioned element, or configure the element selector of the positioned element and the text contained in the positioned element.

[0014] Preferably, the tutorial guide data includes: at least one of: a prompt style of the guide element, a description document of the guide element, and a jump mode of the guide element;

[0015] The jump mode of the guide element includes: timeout jump, custom input value jump or key jump;

[0016] The tutorial boot data for configuring the boot element includes:

[0017] Configure at least one of the prompt style, description document and jump mode of the guide element.

[0018] Preferably, the business system includes multiple pages, and the operation page includes multiple guide elements;

[0019] The method further comprises:

[0020] Recording the playback order between multiple pages in the business system;

[0021] The playback order between multiple guide elements in the operation page is recorded.

[0022] Preferably, the editor further includes a preview component, and the business system also pre-loads the preview component in the editor;

[0023] The method further comprises:

[0024] If the preview control in the editor is triggered, the tutorial of the target page is previewed through the preview component, or the tutorial of the business system is previewed through the preview component.

[0025] A second aspect of an embodiment of the present application provides a method for playing a business system tutorial, including:

[0026] Loading a business system tutorial, the business system tutorial including an operation page, the operation page including positioning data of a positioning element and a guide element;

[0027] Obtaining the positioning data of the positioning element of the operation page in the business system tutorial;

[0028] If the business system is entered, the positioning data of the positioning element in the operation page is compared with the positioning data of the element in each page of the business system;

[0029] If the positioning data of the positioning element in the operation page is the same as the positioning data of the target element in the target page in the business system, the operation page and the guide element in the operation page are played.

[0030] Preferably, the operation page includes a plurality of guide elements, each of which is configured with tutorial guide data, the tutorial guide data including at least one of a prompt style of the guide element, a description document of the guide element, and a jump mode of the guide element; and there is a preset playback order between the guide elements;

[0031] The playing of the guide element in the operation page includes:

[0032] According to the preset playback order between the various guide elements and the preset jump method between the various guide elements, the prompt styles and / or instruction documents of the various guide elements are played in sequence.

[0033] Preferably, before loading the business system tutorial, the method further includes:

[0034] If the business system includes a player plug-in, the player is used to load the business system tutorial from a local computer or a business tutorial server;

[0035] If the business system does not include the player, a third-party player plug-in is used to inject the business system tutorial into the business system.

[0036] A third aspect of the embodiments of the present application provides an editor, including:

[0037] A new creation unit, used for creating a new operation page corresponding to the target page of the business system in the editor when the target page of the business system is opened in the browser, the editor at least comprising a selection component and a record component, the business system pre-loads the selection component in the editor, the business system and the editor interact based on the development tool in the browser plug-in framework, and the target page is any page in the business system;

[0038] a recording unit, configured to record the positioning element through the recording component if it is detected through the selection component in the business system that a positioning element is selected in the target page;

[0039] A configuration unit, configured to configure positioning data of the positioning element, wherein the positioning data of the positioning element is used to locate the target page through the operation page;

[0040] The creating unit is further used to create a new guide element for the operation page, and the guide element is used to select a corresponding operation element from the target page;

[0041] The configuration unit is further used to configure the tutorial guidance data of the guidance element to generate a tutorial for the target page of the business system.

[0042] A fourth aspect of the embodiments of the present application provides a business system, including:

[0043] A loading unit, used to load a business system tutorial, wherein the business system tutorial includes an operation page, and the operation page includes positioning data of a positioning element and a guide element;

[0044] An acquisition unit, used to acquire the location data of the location element of the operation page in the business system tutorial;

[0045] A comparison unit, used for comparing, when entering the business system, using the positioning data of the positioning element in the operation page with the positioning data of the element in each page of the business system;

[0046] The playing unit is used to play the operation page and the guide element in the operation page when the positioning data of the positioning element in the operation page is the same as the positioning data of the target element in the target page in the business system.

[0047] A fifth aspect of an embodiment of the present application provides a computer device, including a processor and a memory. When the processor executes a computer program stored in the memory, it is used to implement the method for generating a business system tutorial provided in the first aspect of the embodiment of the present application, or to implement the method for playing a business system tutorial provided in the second aspect of the embodiment of the present application.

[0048] The sixth aspect of the embodiments of the present application provides a computer-readable storage medium having a computer program stored thereon. When the computer program is executed by a processor, it is used to implement the method for generating a business system tutorial provided in the first aspect of the embodiments of the present application, or to implement the method for playing a business system tutorial provided in the second aspect of the embodiments of the present application.

[0049] The seventh aspect of the embodiments of the present application provides a computer program product having a computer program stored thereon. When the computer program is executed by a processor, it is used to implement the method for generating a business system tutorial provided in the first aspect of the embodiments of the present application, or to implement the method for playing a business system tutorial provided in the second aspect of the embodiments of the present application.

[0050] It can be seen from the above technical solutions that the embodiments of the present invention have the following advantages:

[0051] The embodiment of the present application is aimed at a business system that has been developed. Positioning elements can be set for each display page in the business system, thereby realizing the convenience of locating different display pages in the business system. Different guidance elements and different tutorial guidance data can also be set for the located target page, thereby further realizing the flexibility, diversity and convenience of generating the target page tutorial, thereby providing a basis for generating business system tutorials in different scenarios for the same business system. BRIEF DESCRIPTION OF THE DRAWINGS

[0052] Figure 1 This is a schematic diagram of the architecture of a system for generating a business system tutorial in an embodiment of the present application;

[0053] Figure 2 A schematic diagram of an embodiment of a method for generating a business system tutorial in an embodiment of the present application;

[0054] Figure 3 A schematic diagram of a business system and an editor in an embodiment of the present application;

[0055] Figure 4 A schematic diagram of an embodiment of a method for playing a business system tutorial in an embodiment of the present application;

[0056] Figure 5 It is a detailed step of step 401 in the embodiment of the present application;

[0057] Figure 6 A schematic diagram of two methods of loading a business system tutorial in an embodiment of the present application;

[0058] Figure 7 This is a schematic diagram of an embodiment of an editor in an embodiment of the present application;

[0059] Figure 8 This is a schematic diagram of an embodiment of a business system in an embodiment of the present application. DETAILED DESCRIPTION

[0060] The embodiments of the present invention provide a method for generating and playing a business system tutorial and related devices, which are used to produce product guidance tutorials for various scenarios for the business system after the business system is developed, thereby achieving diversity and flexibility of the product guidance tutorials.

[0061] In order to enable those skilled in the art to better understand the scheme of the present invention, the technical scheme in the embodiments of the present invention will be clearly and completely described below in conjunction with the drawings in the embodiments of the present invention. Obviously, the described embodiments are only part of the embodiments of the present invention, not all of the embodiments. Based on the embodiments of the present invention, all other embodiments obtained by ordinary technicians in this field without creative work should fall within the scope of protection of the present invention.

[0062] The terms "first", "second", "third", "fourth", etc. in the specification and claims of the present invention and the above-mentioned drawings are used to distinguish similar objects, and are not necessarily used to describe a specific order or sequence. It should be understood that the data used in this way can be interchanged where appropriate, so that the embodiments described herein can be implemented in an order other than that illustrated or described herein. In addition, the terms "including" and "having" and any variations thereof are intended to cover non-exclusive inclusions, for example, a process, method, system, product or device that includes a series of steps or units is not necessarily limited to those steps or units clearly listed, but may include other steps or units that are not clearly listed or inherent to these processes, methods, products or devices.

[0063] The embodiment of the present application provides a method for generating a business system tutorial. The general principle of the method is: when creating a business system tutorial for a completed business system, open the target page of the business system in a browser, and then create a new operation page in an editor, wherein the operation page corresponds to the target page one by one, and the editor at least includes a selection component and a recording component, the business system pre-loads the selection component in the editor, and the business system and the editor interact based on the development tool in the browser plug-in framework; if it is detected through the selection component in the business system that a positioning element is selected in the target page, the positioning element is recorded through the recording component; the positioning data of the positioning element is configured, and the positioning data of the positioning element is used to locate the target page through the operation page; for the operation page, a new guide element is created to select the corresponding operation element from the target page according to the guide element; the tutorial guide data of the guide element is configured to generate a tutorial for the target page of the business system, so that the method for generating a business system tutorial in the embodiment of the present application can be produced after the business system is developed, thereby improving the flexibility and diversity of producing business system tutorials after the business system is developed.

[0064] In order to better implement the above-mentioned method for generating a business system tutorial, the present application embodiment provides a system for generating a business system tutorial. Figure 1 , Figure 1A schematic diagram of the architecture of a system for generating a business system tutorial provided in an embodiment of the present application. The system for generating the business system tutorial may include at least one terminal device 101 and a server 102; different types of business systems may be installed on the terminal device 101, for example, an ERP system (Enterprise Resource Planning), an MES system (Manufacturing Execution System), etc. may be installed on the terminal device 101; the terminal device 101 may be a smart phone, a tablet computer, a laptop computer, a desktop computer, a smart car, etc. The server 102 may be used to store the business system tutorial generated by the terminal. The server 102 may be an independent physical server, or a server cluster or distributed system composed of multiple physical servers, or a cloud server that provides cloud services, cloud databases, cloud computing, cloud functions, cloud storage, network services, cloud communications, middleware services, domain name services, security services, content delivery networks (Content Delivery Network, CDN), and basic cloud computing services such as big data and artificial intelligence platforms, etc.

[0065] Among them, the above-mentioned method for generating a business system tutorial is executed by the terminal device 101. When the method for generating a business system tutorial is executed by the terminal device 101; the business system tutorial generated by the terminal device 101 can be included in the server, and then when the terminal device 101 needs to make a business system tutorial for the business system, the target page of the business system is opened through the browser, and a new operation page is created in the editor, wherein the operation page corresponds to the target page one by one, and the editor at least includes a selection component and a record component, and the business system pre-loads the selection component in the editor. If the business system in the terminal device 101 detects that a positioning element is selected in the target page through the selection component, the positioning element is recorded through the record component in the editor; then the positioning data of the positioning element is configured in the editor, and the positioning data of the positioning element is used to locate the target page through the operation page; for the operation page, a new guide element is created to select the corresponding operation element from the target page according to the guide element; the tutorial guide data of the guide element is configured to generate a tutorial for the target page of the business system.

[0066] For ease of understanding, the following describes the method for generating a business system tutorial in the embodiment of the present application. Figure 2 :

[0067] 201. If a target page of the business system is opened in a browser, a new operation page corresponding to the target page is created in an editor, the editor at least comprising a selection component and a record component, the business system pre-loads the selection component in the editor, and the target page is any page in the business system;

[0068] If it is necessary to create a business system tutorial for the developed business system, the embodiment of the present application can open the business system in a browser, that is, open the web version of the business system, and create a new operation page in the editor for the target page of the business system, wherein the operation page here corresponds one-to-one to the target page of the business system, and the editor in the embodiment of the present application includes at least a selection component (ElementSelector.js) and a record component (Record.js), and the business system in the embodiment of the present application pre-loads the selection component (ElementSelector.js) in the editor, and the target page in the business system in the embodiment of the present application is any page in multiple display interfaces in the business system.

[0069] Specifically, the business system in the embodiment of the present application can be an ERP system (Enterprise Resource Planning), an MES system (Manufacturing Execution System), and other business systems of various enterprise applications, or various web applications, such as a web version of a karaoke software, or a web version of an office system, etc. As long as the business system contains multiple display interfaces and each display interface contains multiple display elements, there is no specific restriction on the type of the business system.

[0070] Furthermore, the selection component (ElementSelector.js) in the embodiment of the present application is used to track the user's product operation process during the recording process, while the recording component (Record.js) is responsible for recording the operation nodes of the user's course design, and the business system and the editor in the embodiment of the present application interact through the browser plug-in framework.

[0071] For ease of understanding, Figure 3 A schematic diagram of the business system and editor is given, where: Figure 3 On the left is the business system. Figure 3 The editor is on the right. If you open it through a browser Figure 3 The business system on the left can be opened Figure 3 The editor on the right is a tutorial on the business system for editing the business system through the editor.

[0072] 202. If the selection component in the business system detects that a positioning element is selected in the target page, the recording component records the positioning element;

[0073] After creating a new operation page in the editor, the user needs to select a positioning element in the target page of the business system, where the positioning element is used to locate the target page through the newly created operation page. Because the business system has pre-loaded the selection component (ElementSelector.js), the selection component (ElementSelector.js) loaded in the business system will track the trajectory of the user's input device (such as a mouse or keyboard) in the business system, and highlight the element frame where the user's input device is suspended. When the user clicks on the highlighted element, the selection component (ElementSelector.js) notifies the recording component (Record.js) to record the element selected by the user through the browser's message framework, and the recording component (Record.js) records it.

[0074] Specifically, the positioning element here can be any element in the target interface, such as a text box, a button, a drop-down box, etc., and there is no specific restriction on the type of the positioning element here.

[0075] 203. Configure positioning data of the positioning element, where the positioning data of the positioning element is used to locate the target page through the operation page;

[0076] After the positioning element of the target page is determined in the operation page, the positioning data of the positioning element is further configured. The positioning element in the embodiment of the present application is used to locate the target interface through the operation page.

[0077] Furthermore, in the embodiment of the present application, the positioning data of the positioning element can be an element selector of the positioning element, or an element selector of the positioning element and the text contained in the positioning element, wherein the element selector of the positioning element here is mainly used to locate the target page to ensure the uniqueness of the target page in the business system, and the element selector here can be an ID selector, a class selector, a tag selector, an attribute selector, a pseudo-class selector, a combination selector or a descendant selector, etc., and there is no specific restriction on the type of element selector here.

[0078] However, for some business systems, especially page systems developed based on low-code platforms, each page and tab is highly similar. It is impossible to accurately identify an element using only an element selector. In this case, it is necessary to enhance the unique identification of the element by locating the text contained in the element.

[0079] Therefore, when configuring the positioning data of the positioning element, the embodiment of the present application may be to configure the element selector of the positioning element, or to configure the element selector of the positioning element and the text contained in the positioning element, wherein the text contained in the positioning element here may be a prompt of a section of the positioning element. For example, when the positioning element is a title bar, the text included in the title bar may be "The current page is a business verification page" or "The current page is a business input page", etc., and when the positioning element is a button, the text contained in the button may be "Input" or "Add", etc., and no specific limitation is made to the text content contained in the positioning element here.

[0080] 204. Create a new guide element for the operation page, where the guide element is used to select a corresponding operation element from the target page;

[0081] After the identification of the positioning element is completed in the target page of the business system, a new guide element is created for the new operation page in the editor, wherein the guide element is used to input the operation element selected by the user in the target page of the business system.

[0082] Specifically, a new guide element can be created in the operation page by creating an empty guide element. Then, for the empty guide element, when the user selects the corresponding operation element in the target page of the business system, the selection component (ElementSelector.js) will track the trajectory of the user's input device (mouse or keyboard) and notify the recording component (Record.js) to record the operation element selected by the user.

[0083] 205. Configure tutorial guidance data of the guidance element to generate a tutorial for a target page of the business system.

[0084] If the guide elements of the target elements are recorded in the operation page, the tutorial guide data of the guide elements are configured for each guide element to generate the tutorial of the target page of the business system.

[0085] Among them, in an embodiment of the present application, the tutorial guidance data of the guide element includes at least one of the prompt style of the guide element, the instruction document of the guide element and the jump mode of the guide element, wherein the prompt style of the guide element here can be highlighted display, bold display or color display, etc., the instruction document of the guide element is used to prompt the guide element, and the jump mode of the guide element is a jump mode from one guide element to another guide element. The jump modes here include: timeout jump, custom input value jump or key jump, wherein the timeout jump means that the user's stay time on the current guide element exceeds the set time, then the tutorial jumps from one guide element to the next guide element, the custom input value jump means that the user enters or selects pre-set content in the current element, then the tutorial jumps from one guide element to the next guide element, and the key jump means that the user triggers a pre-set key for the current element, then the tutorial jumps from one guide element to the next guide element.

[0086] When configuring the tutorial guidance data of the guidance element in the embodiment of the present application, at least one of the prompt style of the guidance element, the description document of the guidance element and the jump method of the guidance element is configured for the guidance element. No specific limitation is made to the tutorial guidance data configured for the guidance element here.

[0087] The embodiment of the present application is aimed at a business system that has been developed. Positioning elements can be set for each display page in the business system, thereby realizing the convenience of locating different display pages in the business system. Different guidance elements and different tutorial guidance data can also be set for the located target page, thereby further realizing the flexibility, diversity and convenience of generating the target page tutorial, thereby providing a basis for generating business system tutorials in different scenarios for the same business system.

[0088] As an optional embodiment, based on Figure 2 In the described embodiment, when the business system includes multiple pages and the operation page includes multiple guide elements, it is also necessary to record the playback order between the multiple pages in the business system and the playback order between the multiple guide elements in the same operation page, so that the business system tutorial can play each page and guide element according to the playback order between the multiple pages and the playback order of each guide element in the same operation page.

[0089] It should be noted here that when the business system contains multiple operation pages, steps 201 to 203 are repeated to locate the multiple pages, and when the same operation page contains multiple guide elements, steps 204 to 205 are repeated to generate guidance tutorials for multiple guidance elements in the same operation page, so as to finally obtain the business system tutorial.

[0090] As an optional embodiment, the editor may further include a preview component, wherein the business system also pre-loads the preview component. Figure 2 The embodiment may further include the following steps:

[0091] If the preview control in the editor is triggered, the tutorial of the current page is previewed through the preview component, or the tutorial of the business system is previewed through the preview component.

[0092] The editor in the embodiment of the present application may also include a preview component (preview.js), wherein the preview component is used to preview the actual running effect of the tutorial. Therefore, after generating a tutorial for a target page in a business system or generating a tutorial for a business system, the embodiment of the present application can preview the tutorial of the current page when the preview control is triggered, or preview the tutorial of the business system through the preview component.

[0093] Among them, the embodiment of the present application can preview the tutorial of the target page or the tutorial of the business system through the preview control after generating the tutorial of the target page of the business system or generating the tutorial of the business system, thereby improving the convenience of previewing the tutorial and providing a technical basis for discovering defects in the tutorial.

[0094] Next, the method for playing the business system tutorial in the embodiment of the present application is described. Figure 4 :

[0095] 401. Loading a business system tutorial, wherein the business system tutorial includes an operation page, and the operation page includes positioning data of a positioning element and a guide element;

[0096] Specifically, the method for playing the business system tutorial in the embodiment of the present application is applied to the business system, so before playing the business system tutorial, the business system must load the business system tutorial, wherein the business system tutorial includes an operation page, and the operation page includes positioning data of a positioning element and a guide element. Here, the positioning data of the positioning element is used to locate the target page in the business system through the operation page, and the guide element is used to indicate the operation element in the target page for guiding the user to perform the operation.

[0097] Among them, when the business system in the embodiment of the present application loads the business system tutorial, the loading method is different depending on whether the business system includes a player plug-in. The specific process of loading the business system tutorial will be described in the following embodiments and will not be repeated here.

[0098] 402. Obtaining positioning data of positioning elements of the operation page in the business system tutorial;

[0099] Because when the business system plays the business system tutorial, it needs to play it for the pre-set target page, and when locating the target page of the business system, it is necessary to obtain the positioning data of the positioning element of the operation page in the business system tutorial, and detect the target page of the business system based on the positioning data of the positioning element.

[0100] 403. If the business system is entered, the positioning data of the positioning element in the operation page is compared with the positioning data of the element in each page in the business system;

[0101] Specifically, when using the positioning data of the positioning element of the operation page in the business system tutorial to detect the target page of the business system, the positioning data of the positioning element in the operation page can be compared with the positioning data of the element in each page in the business system. If the positioning data of the positioning element in the operation page is found to be the same as the positioning data of the element in a page in the business system, then the current operation page is determined to be the operation page of the target page.

[0102] Specifically, the positioning data in the embodiment of the present application includes an element selector, or an element selector and a prompt text. Therefore, when performing a comparison, the element selector in the operation page may be compared with the selector of each element in the business system, or the element selector and the prompt text in the operation page may be compared with the selector and the prompt text of each element in the business system. When the comparison results are the same, execute step 404.

[0103] 404. If the positioning data of the positioning element in the operation page is the same as the positioning data of the target element in the target page in the business system, the operation page and the guide element in the operation page are played.

[0104] If the positioning data of the positioning element in the operation page is the same as the positioning data of the target element in the target page in the business system, the operation page and the guide element in the operation page are played.

[0105] Specifically, if the operation interface includes multiple guide elements, each guide element is configured with tutorial guidance data, wherein the tutorial guidance data includes at least one of a prompt style of the guide element, an instruction document of the guide element, and a jump method of the guide element, and there is a preset playback order between each guide element, then when the embodiment of the present application plays the guide elements in the operation interface, it plays the tutorial guidance data of each guide element in sequence according to the preset playback order between each guide element and the preset jump method between each guide element.

[0106] For example, when the operation interface includes three guide elements, namely button control 1, text box 2 and drop-down box 3, the playback sequence preset among the three guide elements (assuming the playback sequence is to play button control 1, text box 2 and drop-down box 3 respectively) and the jump mode preset among the guide elements (assuming the jump mode of button control 1 is key jump, the jump mode of text box 2 is custom input value jump, and the jump mode of drop-down box 3 is timeout jump) are followed. Then, the tutorial guidance data of button control 1, text box 2 and drop-down box 3 are played respectively according to the playback sequence of button control 1, text box 2 and drop-down box 3 according to the jump modes of key jump, custom input value jump and timeout jump.

[0107] In the embodiment of the present application, after loading the business system tutorial, the business system locates the target page in the business system according to the positioning elements in the business system tutorial, and then plays the guide elements of the target page, thereby realizing the playback of the guide tutorials of different target pages in the business system.

[0108] based on Figure 4 The following describes the process of loading the business system tutorial into the business system. Figure 5 :

[0109] 501. If the business system includes a player, use the player to load the business system tutorial from a local computer or a business tutorial server;

[0110] Specifically, when the business system itself includes a player, the player can obtain the business system tutorial locally through the business system, or load the business system tutorial from the business server according to the ID of the business server. There is no specific restriction on the way the player loads the business system tutorial.

[0111] 502. If the business system does not include the player, inject the business system tutorial into the business system using a third-party player plug-in.

[0112] Specifically, when the business system does not include a player, a third-party player plug-in can be used to inject the business system tutorial into the business system.

[0113] For example, when the business system does not include a player, the business system tutorial ID is obtained from the browser address through a third-party player plug-in, and then the business system tutorial data packet is injected into the target system through the browser frame. For example, when a user opens the business system and the business system tutorial through the browser address, the browser carries the address of the business system and the business system tutorial, and then the third-party player plug-in pulls the business system tutorial data packet from the business system tutorial server through the business system tutorial address carried by the browser, and then uses the script injection mechanism of the browser plug-in to load the business system tutorial data packet into the business system. For ease of understanding, Figure 6 The schematic diagrams of the business system using its own player to load the business system tutorial and using a third-party player plug-in to inject the business system tutorial into the business system are given respectively. Figure 6 In the case where the business system includes a player ( Figure 6 ), the player itself automatically loads the business system tutorial, and when the business system does not include the player, it is loaded through Figure 6 Tutorial on injecting the player plug-in into the business system.

[0114] In the embodiment of the present application, a detailed description is given of the process of loading a business system tutorial when the business system includes a player or does not include a player. This method of loading the business system tutorial in different ways improves the flexibility of the business system in loading the business system tutorial.

[0115] It is understandable that, in various embodiments of the present invention, the sequence numbers of the above steps do not mean the order of execution. The order of execution of the steps should be determined by their functions and internal logic, and should not constitute any limitation on the implementation process of the embodiments of the present invention.

[0116] The following is a description of the editor in the embodiment of the present application. Figure 7 , an embodiment of the editor in the embodiment of the present application includes:

[0117] A new creation unit 701 is used to create a new operation page corresponding to the target page in the editor when the target page of the business system is opened in the browser, the editor at least includes a selection component and a record component, the business system pre-loads the selection component in the editor, the business system and the editor interact based on the development tool in the browser plug-in framework, and the target page is any page in the business system;

[0118] A recording unit 702 is configured to record the positioning element through the recording component if it is detected that a positioning element is selected in the target page through the selection component in the business system;

[0119] A configuration unit 703, configured to configure positioning data of the positioning element, wherein the positioning data of the positioning element is used to locate the target page through the operation page;

[0120] The creating unit 701 is further used to create a new guide element for the operation page, and the guide element is used to select a corresponding operation element from the target page;

[0121] The configuration unit 703 is further used to configure the tutorial guidance data of the guidance element to generate a tutorial for the target page of the business system.

[0122] Preferably, the positioning data of the positioning element includes an element selector of the positioning element, or includes the element selector of the positioning element and text contained in the positioning element;

[0123] The configuration unit 703 is specifically configured to:

[0124] Configure an element selector of the positioned element, or configure the element selector of the positioned element and the text contained in the positioned element.

[0125] Preferably, the tutorial guide data includes: at least one of: a prompt style of the guide element, a description document of the guide element, and a jump mode of the guide element;

[0126] The jump mode of the guide element includes: timeout jump, custom input value jump or key jump;

[0127] The configuration unit 703 is specifically configured to:

[0128] Configure at least one of the prompt style, description document and jump mode of the guide element.

[0129] Preferably, the business system includes multiple pages, and the operation page includes multiple guide elements;

[0130] The recording unit 702 is further used for:

[0131] Recording the playback order between multiple pages in the business system;

[0132] The playback order between multiple guide elements in the operation page is recorded.

[0133] Preferably, the business system also pre-loads a preview component in the editor;

[0134] The editor also includes:

[0135] The preview unit 704 is used to preview the tutorial of the target page through the preview component or preview the tutorial of the business system through the preview component when the preview control in the editor is triggered.

[0136] The embodiment of the present application is aimed at a business system that has been developed. The configuration unit 703 is used to set positioning elements for each display page in the business system, thereby realizing the convenience of locating different display pages in the business system. Furthermore, for the located target page, different guidance elements and different tutorial guidance data can also be set through the configuration unit 703, thereby further realizing the flexibility, diversity and convenience of generating the target page tutorial, thereby providing a basis for generating business system tutorials in different scenarios for the same business system.

[0137] The following describes the business system in the embodiment of the present application. Figure 8 , an embodiment of the business system in the embodiment of the present application includes:

[0138] A loading unit 801 is used to load a business system tutorial, wherein the business system tutorial includes an operation interface, and the operation interface includes positioning data of a positioning element and a guide element;

[0139] An acquisition unit 802 is used to acquire the location data of the location element of the operation interface in the business system tutorial;

[0140] A comparison unit 803 is used to compare the positioning data of the positioning element in the operation interface with the positioning data of the element in each page of the business system when entering the business system;

[0141] The playing unit 804 is configured to play the operation interface and the guide element in the operation interface if the positioning data of the positioning element in the operation interface is the same as the positioning data of the target element of the target page in the business system.

[0142] Preferably, the operation interface includes a plurality of guide elements, each of which is configured with tutorial guide data, the tutorial guide data including at least one of a prompt style of the guide element, a description document of the guide element, and a jump mode of the guide element; and there is a preset playback order between the guide elements;

[0143] The playback unit 804 is specifically configured to:

[0144] According to the preset playback order between the various guide elements and the preset jump method between the various guide elements, the prompt styles and / or instruction documents of the various guide elements are played in sequence.

[0145] Preferably, the loading unit 801 is specifically used for:

[0146] If the business system includes a player, the business system tutorial is loaded from a local computer or a business tutorial server using the player;

[0147] If the business system does not include the player, a third-party player plug-in is used to inject the business system tutorial into the business system.

[0148] After loading the business system tutorial through the loading unit 801, the business system of the embodiment of the present application locates the target page in the business system according to the positioning elements in the business system tutorial, and then plays the guide elements of the target page through the playing unit 804, thereby realizing the playback of the guide tutorials of different target pages in the business system.

[0149] Those skilled in the art can clearly understand that, for the convenience and brevity of description, the specific working processes of the systems, devices and units described above can refer to the corresponding processes in the aforementioned method embodiments and will not be repeated here.

[0150] An embodiment of the present application also provides a computer program product, on which a computer program is stored. When the computer program is executed by a processor, it is used to implement the steps of the method for generating the above-mentioned business system tutorial or the steps of the method for playing the above-mentioned business system tutorial.

[0151] The above describes the editor and the business system in the embodiment of the present invention from the perspective of modular functional entities. The following describes the computer device in the embodiment of the present invention from the perspective of hardware processing:

[0152] The computer device is used to implement the functions of the editor side or the business system side. In an embodiment of the present invention, an embodiment of the computer device includes:

[0153] Processor and memory;

[0154] The memory is used to store computer programs, and when the processor is used to execute the computer programs stored in the memory, the steps of the method for generating the above-mentioned business system tutorial or the steps of the method for playing the above-mentioned business system tutorial can be implemented.

[0155] It is understandable that, whether on the editor side or the business system side, when the processor in the computer device described above executes the computer program, it can also implement the functions of the various units in the above-mentioned corresponding device embodiments, which will not be repeated here. Exemplarily, the computer program can be divided into one or more modules / units, and the one or more modules / units are stored in the memory and executed by the processor to complete the present invention. The one or more modules / units can be a series of computer program instruction segments that can perform specific functions, and the instruction segments are used to describe the execution process of the computer program in the editor / business system. For example, the computer program can be divided into the units in the above-mentioned editor, and each unit can implement the specific functions described in the above-mentioned corresponding editor.

[0156] The computer device may be a computing device such as a desktop computer, a notebook, a PDA, and a cloud server. The computer device may include, but is not limited to, a processor and a memory. Those skilled in the art will appreciate that a processor and a memory are merely examples of computer devices and do not constitute a limitation of the computer device. The computer device may include more or fewer components, or a combination of certain components, or different components. For example, the computer device may also include input and output devices, network access devices, buses, and the like.

[0157] The processor may be a central processing unit (CPU), or other general-purpose processors, digital signal processors (DSP), application-specific integrated circuits (ASIC), field-programmable gate arrays (FPGA) or other programmable logic devices, discrete gate or transistor logic devices, discrete hardware components, etc. A general-purpose processor may be a microprocessor or any conventional processor, etc. The processor is the control center of the computer device, and uses various interfaces and lines to connect various parts of the entire computer device.

[0158] The memory can be used to store the computer program and / or module, and the processor realizes various functions of the computer device by running or executing the computer program and / or module stored in the memory, and calling the data stored in the memory. The memory can mainly include a program storage area and a data storage area, wherein the program storage area can store an operating system, at least one application required for a function, etc.; the data storage area can store data created according to the use of the terminal, etc. In addition, the memory can include a high-speed random access memory, and can also include a non-volatile memory, such as a hard disk, a memory, a plug-in hard disk, a smart memory card (Smart Media Card, SMC), a secure digital (SecureDigital, SD) card, a flash card (Flash Card), at least one disk storage device, a flash memory device, or other volatile solid-state storage devices.

[0159] The present invention also provides a computer-readable storage medium, which is used to implement the functions of the editor side or the business system side, and a computer program is stored thereon. When the computer program is executed by a processor, the processor can be used to implement the steps of a method for generating a business system tutorial or the steps of a method for playing the above-mentioned business system tutorial.

[0160] It is understandable that if the integrated unit is implemented in the form of a software functional unit and sold or used as an independent product, it can be stored in a corresponding computer-readable storage medium. Based on such an understanding, the present invention implements all or part of the processes in the above-mentioned corresponding embodiment method, and can also be completed by instructing the relevant hardware through a computer program. The computer program can be stored in a computer-readable storage medium, and the computer program can implement the steps of the above-mentioned various method embodiments when executed by the processor. Among them, the computer program includes computer program code, and the computer program code can be in source code form, object code form, executable file or some intermediate form. The computer-readable medium may include: any entity or device capable of carrying the computer program code, recording medium, U disk, mobile hard disk, disk, optical disk, computer memory, read-only memory (ROM, Read-Only Memory), random access memory (RAM, Random Access Memory), electric carrier signal, telecommunication signal and software distribution medium. It should be noted that the content contained in the computer-readable medium can be appropriately increased or decreased according to the requirements of legislation and patent practice in the jurisdiction. For example, in some jurisdictions, according to legislation and patent practice, computer-readable media do not include electric carrier signals and telecommunication signals.

[0161] In the several embodiments provided in the present application, it should be understood that the disclosed systems, devices and methods can be implemented in other ways. For example, the device embodiments described above are only schematic. For example, the division of the units is only a logical function division. There may be other division methods in actual implementation, such as multiple units or components can be combined or integrated into another system, or some features can be ignored or not executed. Another point is that the mutual coupling or direct coupling or communication connection shown or discussed can be an indirect coupling or communication connection through some interfaces, devices or units, which can be electrical, mechanical or other forms.

[0162] The units described as separate components may or may not be physically separated, and the components shown as units may or may not be physical units, that is, they may be located in one place or distributed on multiple network units. Some or all of the units may be selected according to actual needs to achieve the purpose of the solution of this embodiment.

[0163] In addition, each functional unit in each embodiment of the present invention may be integrated into one processing unit, or each unit may exist physically separately, or two or more units may be integrated into one unit. The above-mentioned integrated unit may be implemented in the form of hardware or in the form of software functional units.

[0164] As described above, the above embodiments are only used to illustrate the technical solutions of the present invention, rather than to limit the same. Although the present invention has been described in detail with reference to the aforementioned embodiments, those skilled in the art should understand that the technical solutions described in the aforementioned embodiments may still be modified, or some of the technical features thereof may be replaced by equivalents. However, these modifications or replacements do not deviate the essence of the corresponding technical solutions from the spirit and scope of the technical solutions of the embodiments of the present invention.

Claims

1. A method for generating a business system tutorial, characterized in that: include: If the target page of the business system is opened in the browser, a new operation page corresponding to the target page is created in the editor, wherein the editor includes at least a selection component and a record component, and the business system pre-loads the selection component in the editor If the selection component in the business system detects that a positioning element is selected in the target page, the recording component records the positioning element; configuring positioning data of the positioning element, wherein the positioning data of the positioning element is used to locate the target page through the operation page; Creating a new guide element for the operation page, where the guide element is used to select a corresponding operation element from the target page; The tutorial guidance data of the guidance element is configured to generate a tutorial for a target page of the business system.

2. The method according to claim 1, characterized in that The positioning data of the positioning element includes the element selector of the positioning element, or includes the element selector of the positioning element and the text contained in the positioning element; Configuring the positioning data of the positioning element includes: Configure an element selector of the positioned element, or configure the element selector of the positioned element and the text contained in the positioned element.

3. The method according to claim 1, characterized in that The tutorial guide data includes: at least one of: a prompt style of the guide element, a description document of the guide element, and a jump mode of the guide element; The jump mode of the guide element includes: timeout jump, custom input value jump or key jump; The tutorial boot data for configuring the boot element includes: Configure at least one of the prompt style, description document and jump mode of the guide element.

4. The method according to claim 1, characterized in that: The business system includes multiple pages, and the operation page includes multiple guide elements; The method further comprises: Recording the playback order between multiple pages in the business system; The playback order between multiple guide elements in the operation page is recorded.

5. The method according to claim 1, characterized in that The editor also includes a preview component, and the business system also pre-loads the preview component in the editor; The method further comprises: If the preview control in the editor is triggered, the tutorial of the target page is previewed through the preview component, or the tutorial of the business system is previewed through the preview component.

6. A method for playing a business system tutorial, characterized in that: include: Loading a business system tutorial, the business system tutorial including an operation page, the operation page including positioning data of a positioning element and a guide element; Obtaining the positioning data of the positioning element of the operation page in the business system tutorial; If the business system is entered, the positioning data of the positioning element in the operation page is compared with the positioning data of the element in each page of the business system; If the positioning data of the positioning element in the operation page is the same as the positioning data of the target element in the target page in the business system, the operation page and the guide element in the operation page are played.

7. The method according to claim 6, characterized in that The operation page includes a plurality of guide elements, each of which is configured with tutorial guide data, and the tutorial guide data includes at least one of a prompt style of the guide element, a description document of the guide element, and a jump mode of the guide element; There is a preset playback order between the various guide elements; The playing of the guide element in the operation page includes: According to the preset playback order between the various guide elements and the preset jump method between the various guide elements, the prompt styles and / or instruction documents of the various guide elements are played in sequence.

8. The method according to claim 6, characterized in that The tutorial on loading the business system includes: If the business system includes a player, the business system tutorial is loaded from a local computer or a business tutorial server using the player; If the business system does not include the player, a third-party player plug-in is used to inject the business system tutorial into the business system.

9. An editor, characterized in that: include: A new creation unit, used for creating a new operation page corresponding to the target page in the editor when the target page of the business system is opened in the browser, wherein the editor includes at least a selection component and a record component, and the business system pre-loads the selection component in the editor; a recording unit, configured to record the positioning element through the recording component if it is detected through the selection component in the business system that a positioning element is selected in the target page; A configuration unit, configured to configure positioning data of the positioning element, wherein the positioning data of the positioning element is used to locate the target page through the operation page; The creating unit is further used to create a new guide element for the operation page, and the guide element is used to select a corresponding operation element from the target page; The configuration unit is further used to configure the tutorial guidance data of the guidance element to generate a tutorial for the target page of the business system.

10. A business system, characterized in that: include: A loading unit, used to load a business system tutorial, wherein the business system tutorial includes an operation page, and the operation page includes positioning data of a positioning element and a guide element; An acquisition unit, used to acquire the location data of the location element of the operation page in the business system tutorial; A comparison unit, used for comparing, when entering the business system, using the positioning data of the positioning element in the operation page with the positioning data of the element in each page of the business system; The playing unit is used to play the operation page and the guide element in the operation page when the positioning data of the positioning element in the operation page is the same as the positioning data of the target element in the target page in the business system.

11. A computer device comprising a processor and a memory, characterized in that: When executing the computer program stored in the memory, the processor is used to implement the method for generating the business system tutorial as described in claims 1 to 5, or to implement the method for playing the business system tutorial as described in claims 6 to 8.

12. A computer-readable storage medium having a computer program stored thereon, characterized in that: When the computer program is executed by a processor, it is used to implement the method for generating a business system tutorial as described in claims 1 to 5, or to implement the method for playing a business system tutorial as described in claims 6 to 8.

13. A computer program product having a computer program stored thereon, characterized in that: When the computer program is executed by a processor, it is used to implement the method for generating a business system tutorial as described in claims 1 to 5, or to implement the method for playing a business system tutorial as described in claims 6 to 8.

Images