CN115934067A - Interactive courseware generation method, device, equipment and storage medium - Google Patents
Interactive courseware generation method, device, equipment and storage medium Download PDFInfo
- Publication number
- CN115934067A CN115934067A CN202211380461.7A CN202211380461A CN115934067A CN 115934067 A CN115934067 A CN 115934067A CN 202211380461 A CN202211380461 A CN 202211380461A CN 115934067 A CN115934067 A CN 115934067A
- Authority
- CN
- China
- Prior art keywords
- interactive
- interface
- template
- courseware
- identifier
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Pending
Links
Images
Landscapes
- User Interface Of Digital Computer (AREA)
Abstract
The disclosure relates to an interactive courseware generation method, an interactive courseware generation device, interactive courseware generation equipment and a storage medium. The interactive courseware generation method comprises the following steps: displaying a first interface of a target interaction template, wherein the first interface comprises a title editing area and a first identifier, and the title editing area is used for editing at least one title; detecting a trigger operation aiming at the first identifier, and displaying a second interface, wherein the second interface comprises a resource editing area and a second identifier, and the resource editing area is used for editing resources required by each topic in at least one topic; and detecting a trigger operation aiming at the second identifier, and generating an interactive courseware according to the target interactive template and the target interactive resources, wherein the target interactive resources comprise resources with all subjects edited. The interactive courseware is generated through visual assembly, so that the production cost of the interactive courseware is effectively reduced, and the production efficiency is improved.
Description
Technical Field
The present disclosure relates to the field of computer technologies, and in particular, to a method, an apparatus, a device, and a storage medium for generating interactive courseware.
Background
In the education industry, interactive courseware plays a vital role in a classroom, wherein interactive game courseware is gradually and widely applied to the classroom due to the interactivity and the interestingness of the interactive game courseware in the classroom, the learning interest and the attention of students can be improved through the interactive game courseware, and the learning efficiency is further improved.
However, the interactive game courseware needs to be developed or assembled in a customized manner according to the teaching content, so that the development cost is high; secondly, in the prior art, game templates are mostly used for assembling to generate game courseware, but the assembling process cannot be visualized, assembling is mostly carried out by professional personnel, the process is complicated, and mistakes are easy to make.
Disclosure of Invention
In order to solve the technical problems, the present disclosure provides an interactive courseware generation method, an interactive courseware generation device, an interactive courseware generation apparatus, and a storage medium, wherein the interactive courseware is generated through visual assembly, so that the production cost of the interactive courseware is effectively reduced, and the production efficiency is improved.
According to an aspect of the present disclosure, there is provided an interactive courseware generation method, including:
displaying a first interface of a target interaction template, wherein the first interface comprises a title editing area and a first identifier, and the title editing area is used for editing at least one title;
detecting a trigger operation aiming at the first identifier, and displaying a second interface, wherein the second interface comprises a resource editing area and a second identifier, and the resource editing area is used for editing resources required by each topic in the at least one topic;
and detecting a trigger operation aiming at the second identifier, and generating an interactive courseware according to the target interactive template and target interactive resources, wherein the target interactive resources comprise resources of all subjects edited based on the resource editing area.
According to another aspect of the present disclosure, there is provided an interactive courseware generating device, including:
the first display module is used for displaying a first interface of the target interaction template, the first interface comprises a title editing area and a first identifier, and the title editing area is used for editing at least one title;
the second display module is used for detecting a trigger operation aiming at the first identifier and displaying a second interface, wherein the second interface comprises a resource editing area and a second identifier, and the resource editing area is used for editing resources required by each topic in the at least one topic;
and the generating module is used for detecting the triggering operation aiming at the second identifier, and generating an interactive courseware according to the target interactive template and the target interactive resources, wherein the target interactive resources comprise resources of all subjects edited based on the resource editing area.
According to another aspect of the present disclosure, there is provided an electronic apparatus including: a processor; and a memory storing a program, wherein the program comprises instructions which, when executed by the processor, cause the processor to perform a method of interactive courseware generation according to the above.
According to another aspect of the present disclosure, there is provided a non-transitory computer readable storage medium having stored thereon computer instructions for causing the computer to execute a method of generating courseware from an interactive courseware.
According to another aspect of the present disclosure, there is provided a computer program product comprising a computer program which, when executed by a processor, implements the interactive courseware generation method described above.
Compared with the prior art, the technical scheme provided by the embodiment of the disclosure has the following advantages:
the interactive courseware generating method comprises the following steps: displaying a first interface of a target interaction template, wherein the first interface comprises a title editing area and a first identifier, and the title editing area is used for editing at least one title; detecting a trigger operation aiming at the first identifier, and displaying a second interface, wherein the second interface comprises a resource editing area and a second identifier, and the resource editing area is used for editing resources required by each topic in at least one topic; and detecting a trigger operation aiming at the second identifier, and generating an interactive courseware according to the target interactive template and the target interactive resources, wherein the target interactive resources comprise resources with all subjects edited. The interactive courseware is generated through visual assembly, the production cost of the interactive courseware is effectively reduced, and the production efficiency is improved.
Drawings
The accompanying drawings, which are incorporated in and constitute a part of this specification, illustrate embodiments consistent with the present disclosure and together with the description, serve to explain the principles of the disclosure.
In order to more clearly illustrate the embodiments or technical solutions in the prior art of the present disclosure, the drawings used in the embodiments or technical solutions in the prior art description will be briefly described below, and it is obvious for those skilled in the art that other drawings can be obtained according to these drawings without inventive labor.
Fig. 1 is a flowchart of an interactive courseware generation method provided by an embodiment of the present disclosure;
FIG. 3 is an overall architecture diagram provided by an embodiment of the present disclosure;
FIG. 2 is an interface diagram provided by an embodiment of the present disclosure;
fig. 4 is a flowchart of an interactive courseware generation method provided by the embodiment of the present disclosure;
FIG. 5 is an architectural diagram of a component system provided by an embodiment of the present disclosure;
fig. 6 is a flowchart of an interactive courseware generation method provided by the embodiment of the present disclosure;
FIG. 7 is an architectural diagram of a template editor provided in an embodiment of the present disclosure;
FIG. 8 is another interface diagram provided by an embodiment of the present disclosure;
fig. 9 is a schematic structural diagram of an interactive courseware generating device according to an embodiment of the present disclosure;
fig. 10 is a schematic structural diagram of an electronic device according to an embodiment of the present disclosure.
Detailed Description
In order that the above objects, features and advantages of the present disclosure can be more clearly understood, embodiments of the present disclosure will be described in more detail below with reference to the accompanying drawings. While certain embodiments of the present disclosure are shown in the drawings, it is to be understood that the present disclosure may be embodied in various forms and should not be construed as limited to the embodiments set forth herein, but rather are provided for a more thorough and complete understanding of the present disclosure. It should be understood that the drawings and embodiments of the disclosure are for illustration purposes only and are not intended to limit the scope of the disclosure.
It should be understood that the various steps recited in method embodiments of the present disclosure may be performed in a different order, and/or performed in parallel. Moreover, method embodiments may include additional steps and/or omit performing the illustrated steps. The scope of the present disclosure is not limited in this respect.
The term "include" and variations thereof as used herein are open-ended, i.e., "including but not limited to". The term "based on" is "based, at least in part, on". The term "one embodiment" means "at least one embodiment"; the term "another embodiment" means "at least one additional embodiment"; the term "some embodiments" means "at least some embodiments". Relevant definitions for other terms will be given in the following description. It should be noted that the terms "first", "second", and the like in the present disclosure are only used for distinguishing different devices, modules or units, and are not used for limiting the order or interdependence relationship of the functions performed by the devices, modules or units.
It is noted that references to "a", "an", and "the" modifications in this disclosure are intended to be illustrative rather than limiting, and that those skilled in the art will recognize that "one or more" may be used unless the context clearly dictates otherwise.
The names of messages or information exchanged between devices in the embodiments of the present disclosure are for illustrative purposes only, and are not intended to limit the scope of the messages or information.
At present, in the education industry, interactive game courseware plays a vital role in a classroom, and due to high interactivity and interestingness in the classroom, the learning interest and attention of students can be improved, so that the learning efficiency is improved. However, the existing interactive courseware generally has the following problems: (1) high development cost: the game courseware used in each lecture needs to be developed or assembled in a customized mode according to the teaching content, the teaching content is completed by massive game courseware, and the teaching cost is extremely high; (2) courseware assembly inefficiency and easy mistake: in the prior art, game courseware is taken out to form a game template, and the work of assembling the game templates into the game courseware becomes a key link for generating the game courseware, but the process of assembling the game courseware by using the game template cannot be visualized, most of the game courseware depend on professional technicians to replace materials online to complete the assembly of the game template, and the process is complicated and is easy to make mistakes; (3) difficulty in updating massive game courseware: the game courseware assembled and generated by the game template is a whole, when a large number of game courseware need to be updated, professional technicians need to modify the game courseware one by one, the workload is huge, the efficiency of updating the game courseware is low, and the waste of manpower is very easy to cause.
In view of the above technical problems, the embodiments of the present disclosure provide an interactive courseware generation method, which performs visual assembly on the topics and the resource materials on line to generate interactive game courseware, does not require secondary development, and has less limitation on assembly personnel, and non-research and development personnel can also perform visual assembly to generate interactive game courseware, thereby effectively reducing the production cost of the interactive game courseware, and improving the production efficiency. Secondly, the interactive game courseware is composed of a game template and game resources, and the structure mode can automatically update the game courseware by updating the game template, thereby solving the problem that a large amount of game courseware needs to be modified by professional technicians one by one and improving the updating efficiency of the large amount of game courseware. In addition, the theme content is edited in a visual mode, the logic of the game template does not need to be known, only the theme content needs to be input, the operation flow is greatly simplified, and the practicability is high. The details are set forth in particular in the examples one or more of which follow.
Fig. 1 is a flowchart of an interactive courseware generation method provided in an embodiment of the present disclosure, an application scenario is provided, a server or a terminal executes the interactive courseware generation method, and the server or the terminal automatically generates the interactive courseware in an interactive manner, where the following embodiment takes the terminal executing the interactive courseware generation method as an example, and specifically includes the following steps S110 to S130 shown in fig. 1:
s110, displaying a first interface of the target interaction template, wherein the first interface comprises a title editing area and a first identifier, and the title editing area is used for editing at least one title.
Understandably, a first interface of the target interaction template is displayed, wherein the target interaction template can be a certain selected interaction template in a template library, the first interface comprises a topic editing area and a first identifier, the topic editing area is used for editing at least one topic, the topic editing area can be presented in a form, each interaction template corresponds to one form, the form embodies internal logic of the interaction template, for example, addition operation logic or mixed operation logic and the like, and the topic editing area in the first interface can be understood as a visual form of the target interaction template. Specifically, a user interacts with the first interface, question content is input in a question editing area to obtain at least one question, the question content can be characters, numbers, symbols, letters and the like, the question editing area comprises at least one input box, the user inputs the question content in the input box by himself or herself, and then the question is generated according to internal operation logic of a target interaction template based on the input content of the input box.
Optionally, the step S110 is specifically implemented by the following steps:
displaying a third interface, wherein the third interface comprises a third identifier, and the third identifier is used for identifying at least one interactive template; and detecting a triggering operation aiming at the third identifier, and displaying a first interface of the target interaction template triggered by the third identifier.
It can be understood that before the first interface of the target interaction template is displayed, the target interaction template needs to be determined, specifically, one interaction template can be selected from a template library as the target interaction template, the template library comprises a standard interaction template which can be directly applied and a customized individual interaction template, and the individual interaction template can be visually assembled through a component system. Specifically, a third interface is displayed, the third interface is a selection interface of a template library, the third interface includes a third identifier, the third identifier is used for identifying an interactive template, the third identifier can be understood as a determination identifier, each interactive template included in the template library has a corresponding third identifier, after a trigger operation for the third identifier is detected, the first interface of a target interactive template triggered by the third identifier is displayed, if the target interactive template is a standard interactive template, the first interface of the standard interactive template can be directly displayed, if the target interactive template is an individual interactive template (a custom interactive template), the fourth interface of a component system is displayed, at least one component displayed by the fourth interface is selected to be assembled to generate the individual interactive template, and the individual interactive template is the target interactive template.
Illustratively, referring to fig. 2, fig. 2 is an interface diagram provided by an embodiment of the present disclosure, and fig. 2 includes a third interface 210 and a first interface 220, where the third interface 210 is a display interface of a template library, the template library includes a plurality of interactive templates, such as an interactive template a, an interactive template B, and the like, the third interface 210 includes a display area of each interactive template, the display area of each interactive template includes display content and a third identifier, the display content of the interactive template may be in a text form, such as a name, an internal logic description, or a schematic diagram, for example, the display area 211 of the interactive template a includes the display content 212 and the third identifier 213, the display content 212 includes the words "interactive template a", "addition logic", and the like, for example, the display area 214 of the interactive template B includes the display content 215 and the third identifier 216, and the display content 215 includes the words "interaction template B", "subtraction logic", and the like. After the user triggers the third identifier 213, the first interface 220 of the interactive template a is displayed, where the first interface 220 may also be understood as a title editing page, and includes a title editing area 221 and a first identifier 222, the title editing area 221 includes a plurality of input boxes and operation symbols, the user may input numbers in the input boxes by himself, and the operation symbols include "+" = ", or the title editing area 221 may also include only a plurality of input boxes, the types of the input boxes are divided into input and output, and the operation logic is not displayed, that is, the user may directly determine the input and the output without knowing the internal operation logic of the interactive template. The first identifier 222 can be understood as a determination button, and after the title editing area 221 finishes editing all titles, the first identifier 222 is triggered to display a second interface for editing visual resources.
S120, detecting a trigger operation aiming at the first identification, and displaying a second interface, wherein the second interface comprises a resource editing area and a second identification, and the resource editing area is used for editing resources required by each topic in the at least one topic.
It can be understood that, on the basis of S110, after the trigger operation for the first identifier is detected, that is, after all titles have been edited, the second interface is displayed, and the second interface can be understood as a resource material editing page of a title, specifically, the second interface is a display interface of a template editor, and the template editor is designed and developed based on a rendering engine (PixiJs) and supports visual editing of assembly resources. The second interface comprises a resource editing area and a second identifier, the resource editing area is used for editing resources required by each topic in at least one topic, the resources comprise materials required for editing element objects in a selected target interaction template and materials required for editing each topic, the element objects set in the target interaction template can be understood as information such as scene characters, for example, animation, pictures, audio, text and the like, the materials required for editing the topics can be display forms of the editing topics, for example, fonts, colors and the like, the materials required for editing the elements can select different contents and can also perform editing operations such as rotation, movement, zooming and the like on the elements, for example, the picture 1 is amplified after being selected from a massive picture library, and the picture is moved to the lowest part after a grassland animation is selected. The second identifier is a storage identifier, that is, after the editing of the resources of all the titles is completed, the second identifier is triggered, and the statistics and the storage of the edited resources of all the titles are taken as target interactive resources.
And S130, detecting the triggering operation aiming at the second identifier, and generating an interactive courseware according to the target interactive template and the target interactive resource.
And the target interactive resources comprise resources of all topics edited based on the resource editing area.
It can be understood that, on the basis of the above S120, after the trigger operation for the second identifier is detected, the engine is used to perform loading rendering based on the target interaction template and the target interaction resource, so as to generate the interactive courseware, where the interactive courseware includes a target interaction template and a target interaction resource composed of multiple resources, that is, one interactive courseware corresponds to one target interaction template and multiple resources, the target interaction resource may be regarded as a resource package composed of multiple resources, and in the above example, the picture 1 and the lawn animation are 2 resources required by the interactive courseware.
Optionally, after the interactive courseware is generated according to the target interactive template and the target interactive resources, the interactive courseware can be uploaded to a cloud for storage, and a user can directly load the interactive courseware on line for interactive teaching, and the method is specifically realized through the following steps:
acquiring a first address of the target interaction template and a second address of the target interaction resource; obtaining the address of the interactive courseware according to the first address and the second address; and detecting the loading operation aiming at the interactive courseware, and acquiring and displaying the interactive courseware according to the address of the interactive courseware.
Understandably, after the interactive courseware is generated, a first address of the target interactive template and a second address of the target interactive resource are obtained, the target interactive resource is composed of a plurality of resources, the target interactive resource can be regarded as a resource package of the interactive courseware, and the second address is a storage address of the resource package at the cloud. And then, the first address and the second address are spliced to obtain the address of the interactive courseware, and the address of the interactive courseware is stored in a linked mode, for example, the link of the interactive courseware is https:// A/index. After the loading operation aiming at the interactive courseware is detected, a target interactive template and target interactive resources are respectively obtained based on the address of the interactive courseware, and the target interactive template and the target interactive resources are fused and played to finish the loading of the interactive courseware.
Optionally, the obtaining and displaying of the interactive courseware according to the address of the interactive courseware is specifically realized through the following steps:
requesting a third address of the target interaction template according to the identification of the target interaction template; if the first address and the third address are different, updating the address of the interactive courseware according to the third address; and acquiring and displaying the interactive courseware according to the updated address of the interactive courseware.
Understandably, after the loading operation for the interactive courseware is detected, a third address of the target interactive template is requested according to an Identification (ID) of the target interactive template, wherein the third address is a latest address of the target interactive template stored in the cloud, that is, the latest template address needs to be requested through the identification of the target interactive template every time the interactive courseware is loaded. And judging whether the first address and the third address are the same, if so, indicating that the interactive template stored in the cloud end is updated, acquiring a new interactive template, uploading the modified interactive template to the cloud end again, and updating the template, wherein the template identification is unchanged, and the stored address is changed, so that the latest address of the target interactive template is required to be acquired each time the interactive courseware is loaded. And replacing the first address in the addresses of the interactive courseware with a third address to complete the dynamic update of the interactive courseware. And then loading the updated interactive courseware according to the address of the updated interactive courseware. It can be understood that the interactive courseware is composed of target interactive templates and target interactive resources, in the structure of courseware, the templates and the resources are independent, one interactive template and different resources can form different interactive courseware, and for the update of massive interactive courseware, only the corresponding template needs to be updated.
Illustratively, referring to fig. 3, fig. 3 is an overall architecture diagram provided by an embodiment of the present disclosure, fig. 3 includes an engine, a tool layer, an interactive courseware, an application layer, and quality monitoring, the engine includes a courseware player, a state manager, an animation library, a component library, a sound library, and a software toolkit, the engine is configured to load rendering interactive templates and interactive resources, and generate the interactive courseware, the courseware player plays the interactive courseware based on the animation library, the component library, the sound library, and the software toolkit, and the state manager is configured to manage the played interactive courseware. The tool layer comprises a creation tool (Creator), a construction tool and plug-ins (including a Chrome plug-in, a VsCode plug-in and a performance monitoring plug-in), wherein the Creator is a core part of the template editor, and other tools of the tool layer are auxiliary peripheral tools. The types of the interactive courseware are divided into standard game courseware and individual game courseware, the standard game courseware is generated based on a standard interactive template in a template library, the individual game courseware is generated based on a self-defined interactive template, a large number of standard game courseware are composed of interactive templates and interactive resources, the interactive templates and different interactive resources are combined to form different game courseware, as shown in the figure, a skin A, a skin B and a skin C are resources related to a game scene, the interactive template A and the skin A form a game courseware AA, the interactive template A and the skin B form a game courseware AB, the individual game courseware is customized according to user requirements, and the individual game courseware can be directly stored in the form of the interactive courseware due to the fact that the individual game courseware is more limited by application. The application layer explains application scenes of interactive courseware, such as a remote live-broadcast classroom and an offline teaching classroom, and standard courseware or individual game courseware can be directly loaded in the live-broadcast classroom and the teaching classroom to complete teaching. The quality monitoring includes a performance monitoring system for monitoring the status of the interactive courseware.
The disclosed embodiment provides an interactive courseware generation method, a target interactive template is selected from a template library through a third interface, after a trigger operation of a third identifier is detected, a first interface of the target interactive template is displayed through a topic editor, the first interface is used for visually editing topic contents, for an interactive template with complex logic, the editing logic of the interactive template can be omitted, visual entry topics can be achieved through inputting topic information in a topic editing area in the first interface, a displayable template editor with PixiJs as a basic rendering engine is developed, materials (such as pictures, texts, audios, animations and the like) required by visual courseware editing are supported, the second interface is displayed through the developed template editor, configuration and resources of the target interactive template are visually edited based on the second interface, then the interactive courseware constructed through the interactive resources and the target interactive template, the problem that the interactive courseware not visually assembled is solved, the development cost is greatly reduced, the operation flow is simplified, the implementation is convenient, and meanwhile, and the limitation on users is few. In addition, the interactive courseware is composed of the interactive template and the interactive resources, when the massive interactive courseware needs to be updated, only the interactive template needs to be updated, and after the interactive template is updated, the massive interactive courseware can be automatically updated based on the updated interactive template when being loaded, so that the problem that the massive interactive courseware is difficult to update is solved, and the waste of manpower and material resources is reduced.
On the basis of the foregoing embodiment, fig. 4 is a flowchart of an interactive courseware generation method provided in the embodiment of the present disclosure, and optionally, the displaying the first interface of the target interaction template triggered by the third identifier specifically includes the following steps S410 to S420 shown in fig. 4:
wherein the at least one interactive template comprises a custom interactive template.
S410, if the third identification triggers the user-defined interaction template, displaying a fourth interface of the user-defined interaction template, wherein the fourth interface comprises a plurality of editable components.
And S420, operating codes corresponding to the target components in the editable components to generate a target interaction template, and displaying a first interface of the target interaction template.
It can be understood that the template library includes a custom interaction template and a standard interaction template, the standard interaction template is a template whose internal logic is already fixed, the custom interaction template is a template whose internal logic needs to be designed by itself, if the third identifier triggers the custom interaction template, a fourth interface of the custom interaction template is displayed, the fourth interface includes a plurality of editable components, the fourth interface can be understood as a visual interface of a component system, the component system is used for providing finished components, specifically, the fourth interface includes a component list and a component editing area, the component list includes a plurality of editable components, at least one target component selected from the component list is inserted into the component editing area, and simultaneously, according to requirements, the states of the target components and the logic relationship among the components are set in the component editing area, for example, an audio connected to an audio component is played after a component is triggered, wherein, a corresponding code segment exists in each component, a list composed of target components set in the component editing area is obtained, the code segments of each component in the list are automatically introduced according to the set requirements, the code segments in the initial code segments in order to obtain a script connected with the components, the script is run, the components, and the instantiated target components are instantiated target components after the custom interaction template is displayed, the custom interaction template, that the custom interaction template is the customized interaction template, and the customized interaction template is the customized interactive template, that the customized interactive template is displayed.
Optionally, the plurality of editable components comprises at least one of a base component, a compound component and an extension component, the base component comprises at least one of a drag component, a click component and an audio component, and the compound component comprises at least one of a start page component, an animation component and an end animation component.
For example, referring to fig. 5, fig. 5 is an architecture diagram of a component system provided by an embodiment of the present disclosure, through which a user may visually develop a personality interaction template, the component system including a storage warehouse (npm warehouse), a component list, and a run module. The npm warehouse is used for storing node packages and can be a private customized warehouse, the component list comprises various types of components, specifically comprises a basic component, a composite component and an extension component, the basic component comprises a dragging component, a clicking component, an audio component and the like, the composite component comprises a starting page component, a feedback animation component, an ending animation component and the like, the starting page component can be understood as a starting interface of courseware, the starting interface comprises a triggerable starting game identifier and the like, and the extension component is a component which is developed by a user according to actual development requirements. The operation module is mainly used for introducing the components, instantiating the components and executing the component scripts according to requirements so as to complete the development of the personalized interaction template.
The embodiment of the disclosure provides an interactive courseware generation method, which includes displaying a fourth interface through a visual customized individual interactive template of a component system, wherein the fourth interface includes at least one finished component provided by the component system, selecting a target component from the at least one finished component, generating and executing a component script according to an initial code and a code fragment corresponding to each target component, completing visual assembly of the individual interactive template, and being simple and convenient to operate and capable of expanding an application scene.
On the basis of the foregoing embodiment, fig. 6 is a flowchart of an interactive courseware generation method provided in the embodiment of the present disclosure, and optionally, after the trigger operation for the first identifier is detected, a second interface is displayed by using a template editor, where the template editor is used to visually edit and assemble the interactive courseware, and the method specifically includes the following steps S610 to S620 shown in fig. 6:
s610, analyzing a data file of the target interaction template, wherein the data file comprises resource information and element information.
S620, generating a second interface according to the resource information and the rendered element information.
Wherein the data file further comprises configuration information.
Optionally, the generating of the second interface is specifically realized by the following steps:
generating a second interface according to the resource information and the rendered element information based on the configuration information; displaying the second interface, wherein the second interface comprises a configuration editing area and a fourth identifier, and the configuration editing area is used for editing the configuration of the target interaction template; and when the triggering operation aiming at the fourth identifier is detected, updating the second interface according to the editing content of the configuration editing area.
The method includes acquiring a data file of a target interaction template, wherein the data file is a json file customized according to a template editor, the custom json file comprises element information (mainJson), resource information (resourcejsson) and configuration information (moduleConfigJson), the element information is used for describing information of element objects in the interaction template, the element objects can be understood as scene characters, the resource information is used for describing a resource list of the interaction template, and the configuration information is used for describing a global configuration item, namely describing internal logic of the interaction template, such as whether a start page, game playing and the like are enabled. The method comprises the steps of obtaining a data file, analyzing and converting the data file, using PixiJs as a rendering engine, rendering, analyzing and converting corresponding element objects (such as bone animation (spine animation), pictures, audio, texts and the like), generating and displaying a second interface according to configuration information, performing visual editing assembly, wherein the second interface further comprises a configuration editing area and a fourth identifier, the configuration editing area is used for editing the configuration of a target interactive template, logic of the target interactive template can be automatically modified in the configuration editing area, after the triggering operation aiming at the fourth identifier is detected, the fourth identifier can be understood as a determined identifier, namely after the configuration editing is completed, the second interface is updated according to the editing content of the configuration editing area, and then the element objects can be triggered in the updated second interface to perform editing of corresponding materials, so that the editing operations of moving, rotating, zooming, changing textures and the like are supported.
For example, referring to fig. 7, fig. 7 is an architecture diagram of a template editor provided in an embodiment of the present disclosure, fig. 7 includes a rendering layer, an editing layer, a material layer, a script layer, a data layer, and an application layer, where the rendering layer includes a PixiJs engine, the rendering layer is configured to render the data layer including resource information, configuration information, and element information to generate a visual second interface, the editing layer is configured to provide a material editable manner including inserting, dragging, rotating, layer editing, attribute editing, and the like, the material layer includes multiple types of material resources, which are divided into standard materials and personalized materials, the labeled materials include pictures, bone animations, audios, texts, and the like, and the material layer further includes a component system, the component system is a system for generating a personalized template, and can also formulate a personalized material as needed through the component system, the different materials correspond to different scripts, the script layer is divided into a service script and a component customization, the service is a script corresponding to the standard material in the material layer, the service script reflects a configuration status of the interactive template, the component is a script corresponding to the personalized material, and the application layer is a script corresponding to the courseware based on the interactive player.
For example, referring to fig. 8, fig. 8 is another interface diagram provided by the embodiment of the present disclosure, fig. 8 is a second interface, where the second interface includes a configuration editing area 810, a fourth identifier 820, a resource editing area 830, and a second identifier 840, if configuration information of an interactive template needs to be modified and is directly edited in the resource editing area 830, the fourth identifier 820 is triggered after the configuration editing is completed, the second interface is directly updated according to the modified configuration information, a material of an element object is edited in the resource editing area 830 in the updated second interface, after the material editing is completed, the second identifier 830 is triggered to upload edited interactive resources to a cloud, and then the address of the interactive template and the address of the interactive resources are spliced together to obtain the address of the interactive courseware, so as to complete visual assembly of the interactive courseware. If the configuration of the interactive template is not required to be modified, the fourth identifier 820 is not required to be triggered, and the material editing can be directly performed in the resource editing area 830.
The disclosed embodiment provides an interactive courseware generation method, a template editor is developed, a second interface is displayed by the template editor, visual rapid assembly of the interactive courseware is completed, a data file in a target interactive module custom format is obtained, the data file comprises configuration information, element information and resource information, a pixiJs engine is used for rendering each element object in the element information and displaying the second interface, and editing operation can be performed on internal logic of a target interactive template, resources required by a theme and materials of the element object in the second interface to obtain interactive resources.
Fig. 9 is a schematic structural diagram of an interactive courseware generating device according to an embodiment of the present disclosure. The interactive courseware generating device provided by the embodiment of the present disclosure may execute the processing procedure provided by the interactive courseware generating method embodiment, as shown in fig. 9, the interactive courseware generating device 900 includes a first display module 910, a second display module 920 and a generating module 930, where:
a first display module 910, configured to display a first interface of a target interaction template, where the first interface includes a title editing region and a first identifier, and the title editing region is used to edit at least one title;
a second display module 920, configured to detect a trigger operation for the first identifier, and display a second interface, where the second interface includes a resource editing region and a second identifier, and the resource editing region is used to edit a resource required by each topic in the at least one topic;
the generating module 930, configured to detect a trigger operation for the second identifier, and generate an interactive courseware according to the target interaction template and target interaction resources, where the target interaction resources include resources of all topics edited based on the resource editing region.
Optionally, the first display module 910 is configured to:
displaying a third interface, wherein the third interface comprises a third identifier, and the third identifier is used for identifying at least one interactive template;
and detecting a triggering operation aiming at the third identifier, and displaying a first interface of the target interaction template triggered by the third identifier.
Optionally, the at least one interactive template comprises a custom interactive template.
Optionally, the first display module 910 is configured to:
if the third identifier triggers the user-defined interactive template, displaying a fourth interface of the user-defined interactive template, wherein the fourth interface comprises a plurality of editable components;
and running codes corresponding to the target components in the editable components to generate a target interaction template, and displaying a first interface of the target interaction template.
Optionally, the plurality of editable components in the apparatus 900 includes at least one of a base component, a compound component and an extension component, the base component includes at least one of a drag component, a click component and an audio component, and the compound component includes at least one of a start page component, an animation component and an end animation component.
Optionally, the apparatus 900 is further configured to:
analyzing a data file of the target interaction template, wherein the data file comprises resource information and element information;
and generating a second interface according to the resource information and the rendered element information.
Optionally, the apparatus 900 is further configured to:
generating a second interface according to the resource information and the rendered element information based on the configuration information;
displaying the second interface, wherein the second interface comprises a configuration editing area and a fourth identifier, and the configuration editing area is used for editing the configuration of the target interaction template;
and when the triggering operation aiming at the fourth identifier is detected, updating the second interface according to the editing content of the configuration editing area.
Optionally, the apparatus 900 is further configured to:
acquiring a first address of the target interaction template and a second address of the target interaction resource;
obtaining the address of the interactive courseware according to the first address and the second address;
and detecting the loading operation aiming at the interactive courseware, and acquiring and displaying the interactive courseware according to the address of the interactive courseware.
Optionally, the apparatus 900 is further configured to:
requesting a third address of the target interaction template according to the identification of the target interaction template;
if the first address and the third address are different, updating the address of the interactive courseware according to the third address;
and acquiring and displaying the interactive courseware according to the updated address of the interactive courseware.
The device provided by the embodiment has the same implementation principle and technical effect as the method embodiments, and for the sake of brief description, reference may be made to the corresponding contents in the method embodiments without reference to the device embodiments.
An exemplary embodiment of the present disclosure also provides an electronic device including: at least one processor; and a memory communicatively coupled to the at least one processor. The memory stores a computer program executable by the at least one processor, the computer program, when executed by the at least one processor, is for causing the electronic device to perform a method according to an embodiment of the disclosure.
The exemplary embodiments of the present disclosure also provide a computer program product comprising a computer program, wherein the computer program, when executed by a processor of a computer, is adapted to cause the computer to perform a method according to an embodiment of the present disclosure.
Referring to fig. 10, a block diagram of a structure of an electronic device 100, which may be a server or a client of the present disclosure, which is an example of a hardware device that may be applied to aspects of the present disclosure, will now be described. Electronic device is intended to represent various forms of digital electronic computer devices, such as laptops, desktops, workstations, personal digital assistants, servers, blade servers, mainframes, and other suitable computers. The electronic device may also represent various forms of mobile devices, such as personal digital processing, cellular phones, smart phones, wearable devices, and other similar computing devices. The components shown herein, their connections and relationships, and their functions, are meant to be examples only, and are not intended to limit implementations of the disclosure described and/or claimed herein.
As shown in fig. 10, the electronic apparatus 100 includes a computing unit 101 that can perform various appropriate actions and processes according to a computer program stored in a Read Only Memory (ROM) 102 or a computer program loaded from a storage unit 108 into a Random Access Memory (RAM) 103. In the RAM 103, various programs and data necessary for the operation of the apparatus 100 can also be stored. The computing unit 101, the ROM 102, and the RAM 103 are connected to each other via a bus 104. An input/output (I/O) interface 105 is also connected to bus 104.
A number of components in the electronic device 100 are connected to the I/O interface 105, including: an input unit 106, an output unit 107, a storage unit 108, and a communication unit 109. The input unit 106 may be any type of device capable of inputting information to the electronic device 100, and the input unit 106 may receive input numeric or character information and generate key signal inputs related to user settings and/or function control of the electronic device. Output unit 107 may be any type of device capable of presenting information and may include, but is not limited to, a display, speakers, a video/audio output terminal, a vibrator, and/or a printer. Storage unit 104 may include, but is not limited to, magnetic or optical disks. The communication unit 109 allows the electronic device 100 to exchange information/data with other devices via a computer network, such as the internet, and/or various telecommunications networks, and may include, but is not limited to, modems, network cards, infrared communication devices, wireless communication transceivers, and/or chipsets, such as bluetooth (TM) devices, wiFi devices, wiMax devices, cellular communication devices, and/or the like.
Program code for implementing the methods of the present disclosure may be written in any combination of one or more programming languages. These program codes may be provided to a processor or controller of a general purpose computer, special purpose computer, or other programmable data processing apparatus, such that the program codes, when executed by the processor or controller, cause the functions/operations specified in the flowchart and/or block diagram to be performed. The program code may execute entirely on the machine, partly on the machine, as a stand-alone software package partly on the machine and partly on a remote machine or entirely on the remote machine or server.
In the context of this disclosure, a machine-readable medium may be a tangible medium that can contain, or store a program for use by or in connection with an instruction execution system, apparatus, or device. The machine-readable medium may be a machine-readable signal medium or a machine-readable storage medium. A machine-readable medium may include, but is not limited to, an electronic, magnetic, optical, electromagnetic, infrared, or semiconductor system, apparatus, or device, or any suitable combination of the foregoing. More specific examples of a machine-readable storage medium would include an electrical connection based on one or more wires, a portable computer diskette, a hard disk, a Random Access Memory (RAM), a read-only memory (ROM), an erasable programmable read-only memory (EPROM or flash memory), an optical fiber, a compact disc read-only memory (CD-ROM), an optical storage device, a magnetic storage device, or any suitable combination of the foregoing.
As used in this disclosure, the terms "machine-readable medium" and "computer-readable medium" refer to any computer program product, apparatus, and/or device (e.g., magnetic discs, optical disks, memory, programmable Logic Devices (PLDs)) used to provide machine instructions and/or data to a programmable processor, including a machine-readable medium that receives machine instructions as a machine-readable signal. The term "machine-readable signal" refers to any signal used to provide machine instructions and/or data to a programmable processor.
To provide for interaction with a user, the systems and techniques described here can be implemented on a computer having: a display device (e.g., a CRT (cathode ray tube) or LCD (liquid crystal display) monitor) for displaying information to a user; and a keyboard and a pointing device (e.g., a mouse or a trackball) by which a user can provide input to the computer. Other kinds of devices may also be used to provide for interaction with a user; for example, feedback provided to the user can be any form of sensory feedback (e.g., visual feedback, auditory feedback, or tactile feedback); and input from the user can be received in any form, including acoustic, speech, or tactile input.
The systems and techniques described here can be implemented in a computing system that includes a back-end component (e.g., as a data server), or that includes a middleware component (e.g., an application server), or that includes a front-end component (e.g., a user computer having a graphical user interface or a web browser through which a user can interact with an implementation of the systems and techniques described here), or any combination of such back-end, middleware, or front-end components. The components of the system can be interconnected by any form or medium of digital data communication (e.g., a communication network). Examples of communication networks include: local Area Networks (LANs), wide Area Networks (WANs), and the Internet.
The computer system may include clients and servers. A client and server are generally remote from each other and typically interact through a communication network. The relationship of client and server arises by virtue of computer programs running on the respective computers and having a client-server relationship to each other.
The foregoing are merely exemplary embodiments of the present disclosure, which enable those skilled in the art to understand or practice the present disclosure. Various modifications to these embodiments will be readily apparent to those skilled in the art, and the generic principles defined herein may be applied to other embodiments without departing from the spirit or scope of the disclosure. Thus, the present disclosure is not intended to be limited to the embodiments shown herein but is to be accorded the widest scope consistent with the principles and novel features disclosed herein.
Claims (11)
1. An interactive courseware generating method is characterized by comprising the following steps:
displaying a first interface of a target interaction template, wherein the first interface comprises a title editing area and a first identifier, and the title editing area is used for editing at least one title;
detecting a trigger operation aiming at the first identifier, and displaying a second interface, wherein the second interface comprises a resource editing area and a second identifier, and the resource editing area is used for editing resources required by each topic in the at least one topic;
and detecting a trigger operation aiming at the second identifier, and generating an interactive courseware according to the target interactive template and target interactive resources, wherein the target interactive resources comprise resources of all subjects edited based on the resource editing area.
2. The method of claim 1, wherein displaying the first interface of the target interaction template comprises:
displaying a third interface, wherein the third interface comprises a third identifier, and the third identifier is used for identifying at least one interactive template;
and detecting a triggering operation aiming at the third identifier, and displaying a first interface of the target interaction template triggered by the third identifier.
3. The method of claim 2, wherein the at least one interactive template comprises a custom interactive template, and wherein displaying the first interface of the target interactive template triggered by the third identifier comprises:
if the third identification triggers the user-defined interaction template, displaying a fourth interface of the user-defined interaction template, wherein the fourth interface comprises a plurality of editable components;
and running codes corresponding to the target components in the editable components to generate a target interaction template, and displaying a first interface of the target interaction template.
4. The method of claim 3, wherein the plurality of editable components comprises at least one of a base component, a compound component, and an extension component, wherein the base component comprises at least one of a drag component, a click component, and an audio component, and wherein the compound component comprises at least one of a start page component, an animation component, and an end animation component.
5. The method of claim 1, wherein prior to displaying the second interface, the method further comprises:
analyzing a data file of the target interaction template, wherein the data file comprises resource information and element information;
and generating a second interface according to the resource information and the rendered element information.
6. The method of claim 5, wherein the data file further comprises configuration information, and wherein generating a second interface according to the resource information and the rendered element information comprises:
generating a second interface according to the resource information and the rendered element information based on the configuration information;
displaying the second interface, wherein the second interface comprises a configuration editing area and a fourth identifier, and the configuration editing area is used for editing the configuration of the target interaction template;
and when the triggering operation aiming at the fourth identifier is detected, updating the second interface according to the editing content of the configuration editing area.
7. The method of claim 1, wherein after generating an interactive courseware from the target interaction template and target interaction resources, the method further comprises:
acquiring a first address of the target interaction template and a second address of the target interaction resource;
obtaining the address of the interactive courseware according to the first address and the second address;
and detecting the loading operation aiming at the interactive courseware, and acquiring and displaying the interactive courseware according to the address of the interactive courseware.
8. The method of claim 7, wherein the retrieving and displaying the interactive courseware according to the address of the interactive courseware comprises:
requesting a third address of the target interaction template according to the identification of the target interaction template;
if the first address and the third address are different, updating the address of the interactive courseware according to the third address;
and acquiring and displaying the interactive courseware according to the updated address of the interactive courseware.
9. An interactive courseware generation device, comprising:
the first display module is used for displaying a first interface of the target interaction template, the first interface comprises a title editing area and a first identifier, and the title editing area is used for editing at least one title;
the second display module is used for detecting a trigger operation aiming at the first identifier and displaying a second interface, wherein the second interface comprises a resource editing area and a second identifier, and the resource editing area is used for editing resources required by each topic in the at least one topic;
and the generating module is used for detecting the triggering operation aiming at the second identifier and generating an interactive courseware according to the target interactive template and the target interactive resources, wherein the target interactive resources comprise resources of all subjects edited based on the resource editing area.
10. An electronic device, characterized in that the electronic device comprises:
a processor; and
a memory for storing the program, wherein the program is stored in the memory,
wherein the program comprises instructions which, when executed by the processor, cause the processor to perform the interactive courseware generation method of claims 1 to 8.
11. A non-transitory computer readable storage medium storing computer instructions for causing a computer to perform the interactive courseware generation method of claims 1 to 8.
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202211380461.7A CN115934067A (en) | 2022-11-04 | 2022-11-04 | Interactive courseware generation method, device, equipment and storage medium |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202211380461.7A CN115934067A (en) | 2022-11-04 | 2022-11-04 | Interactive courseware generation method, device, equipment and storage medium |
Publications (1)
Publication Number | Publication Date |
---|---|
CN115934067A true CN115934067A (en) | 2023-04-07 |
Family
ID=86655053
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN202211380461.7A Pending CN115934067A (en) | 2022-11-04 | 2022-11-04 | Interactive courseware generation method, device, equipment and storage medium |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN115934067A (en) |
-
2022
- 2022-11-04 CN CN202211380461.7A patent/CN115934067A/en active Pending
Similar Documents
Publication | Publication Date | Title |
---|---|---|
WO2020103702A1 (en) | Method and system for editing and generating online teaching courseware | |
US11126938B2 (en) | Targeted data element detection for crowd sourced projects with machine learning | |
US20070294619A1 (en) | Generating media presentations | |
US11954536B2 (en) | Data engine | |
CN112925520A (en) | Method and device for building visual page and computer equipment | |
CN113031943A (en) | Code generation method, device, storage medium and electronic equipment | |
CN115510347A (en) | Presentation file conversion method and device, electronic equipment and storage medium | |
CN111831815A (en) | Questionnaire display control method and device, storage medium and electronic equipment | |
CN113655895B (en) | Information recommendation method and device applied to input method and electronic equipment | |
US20200082586A1 (en) | Generating and providing composition effect tutorials for creating and editing digital content | |
CN112138380B (en) | Method and device for editing data in game | |
CN115934067A (en) | Interactive courseware generation method, device, equipment and storage medium | |
CN113296759B (en) | User interface processing method, user interface processing system, device and storage medium | |
CN116962807A (en) | Video rendering method, device, equipment and storage medium | |
CN114579128A (en) | Visual page building method and device, storage medium and computer equipment | |
CN115170700A (en) | Method for realizing CSS animation based on Flutter framework, computer equipment and storage medium | |
CN113806596B (en) | Operation data management method and related device | |
CN113934959A (en) | Program preview method and device, computer equipment and storage medium | |
CN113706209B (en) | Operation data processing method and related device | |
CN115640044B (en) | Unity-based three-dimensional software development method, device, equipment and medium | |
CN117688919B (en) | Form definition method, device, storage medium and equipment for SRM system | |
CN110730379B (en) | Video information processing method, device and storage medium | |
CN113065061B (en) | Information display method, device and server | |
CN115713578B (en) | Animation interactive courseware manufacturing method, platform and electronic equipment | |
CN113704593A (en) | Operation data processing method and related device |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
PB01 | Publication | ||
PB01 | Publication | ||
SE01 | Entry into force of request for substantive examination | ||
SE01 | Entry into force of request for substantive examination |