WO2020103702A1 - 在线教学课件的编辑和生成方法以及*** - Google Patents

在线教学课件的编辑和生成方法以及***

Info

Publication number
WO2020103702A1
WO2020103702A1 PCT/CN2019/116532 CN2019116532W WO2020103702A1 WO 2020103702 A1 WO2020103702 A1 WO 2020103702A1 CN 2019116532 W CN2019116532 W CN 2019116532W WO 2020103702 A1 WO2020103702 A1 WO 2020103702A1
Authority
WO
WIPO (PCT)
Prior art keywords
courseware
graphic
graphic material
editing
online teaching
Prior art date
Application number
PCT/CN2019/116532
Other languages
English (en)
French (fr)
Inventor
王焘
夏添荣
Original Assignee
刘阳
Priority date (The priority date 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 date listed.)
Filing date
Publication date
Application filed by 刘阳 filed Critical 刘阳
Publication of WO2020103702A1 publication Critical patent/WO2020103702A1/zh

Links

Images

Classifications

    • G—PHYSICS
    • G09—EDUCATION; CRYPTOGRAPHY; DISPLAY; ADVERTISING; SEALS
    • G09B—EDUCATIONAL OR DEMONSTRATION APPLIANCES; APPLIANCES FOR TEACHING, OR COMMUNICATING WITH, THE BLIND, DEAF OR MUTE; MODELS; PLANETARIA; GLOBES; MAPS; DIAGRAMS
    • G09B19/00—Teaching not covered by other main groups of this subclass

Definitions

  • the invention relates to the field of multimedia teaching, in particular to a method and system for editing and generating teaching courseware.
  • Courseware is an indispensable content in modern online classroom education. During the course, most of the students' attention is focused on the courseware, and the teacher's explanation is used to deepen the understanding of the knowledge. Therefore, the quality of courseware has a great influence on whether the effect of online education is ideal.
  • the online courseware in the prior art follows the form of conventional offline education, such as the courseware in the form of digital slides made using PowerPoint software produced by Microsoft Corporation, and the teacher converts each page in the edited digital slide courseware
  • An independent picture is sent to students for display to achieve the purpose of teaching.
  • the courseware is finally presented as a picture on the student side, due to the inoperability of the picture, the graphic elements that have been fixed in the picture cannot appear according to the steps expected by the teacher in the teaching, nor can they be generated according to the student ’s operation. Feedback animation effect.
  • the presentation of animation can bring better teaching effects than static pictures, but the courseware in the prior art cannot achieve the effect of presentation animation. This has caused the existing online courseware to be difficult to achieve the desired effect in terms of teacher-student interaction, teaching demonstration and applicable scenarios.
  • teaching courseware made using PowerPoint does not explicitly generate courseware structure data including graphic materials and logical behaviors during the production process, but only generates operational data packaged in a predetermined format , When it is used in the state of online teaching, it is relatively static. Moreover, the data volume of the courseware in the PPT format is relatively large, which is not conducive to the real-time transmission in the online education scene.
  • the animation effects in the courseware in the PPT format also do not have the attribute characteristics that can be associated with online operation.
  • the existing technology has also considered the use of Web-based multimedia technology to make online courseware, but Web-based multimedia technology requires teachers to have enough code Programming knowledge can produce online courseware that meets the teaching objectives. This is very difficult for teachers without programming experience, which is not conducive to the promotion and use of online courseware. If it is simply to provide a Web-based online courseware template that has been created for teachers to use, it cannot meet the differentiated teaching needs of teachers in various disciplines, which also causes obstacles to the widespread use of online courseware.
  • the present invention provides a method for editing and generating teaching courseware.
  • the method includes:
  • the client provides a computer graphical interface
  • the graphic material determined according to the selection operation is presented in the computer graphics interface
  • the client generates courseware structure data according to the graphic material and the logical behavior
  • the client uploads the courseware structure data to the server to perform rendering, so as to generate the online teaching courseware containing logic events.
  • the method further includes: collecting input operations in the computer graphical interface, and inserting at least one hyperlink into the courseware structure according to the input operations Within the data; create a mapping relationship between the hyperlink and the logical behavior of the graphic material.
  • the hyperlink in the method refers to any one or a combination of text, pictures, audio, or video stored in a storage medium.
  • the graphic material is stored in a standardized material library; all the graphic materials in the standardized material library have the same or similar visual styles.
  • the editing operation in the method includes: a drag operation, a click operation, an outgoing menu operation, or an assignment operation.
  • the logical behavior in the method includes: an update behavior of the display properties of the graphic material; and / or an animation behavior performed by another data object triggered by the operation on the graphic material.
  • the updating behavior of the display attributes in the method includes: displacement, scaling, deformation, coloring, appearance or disappearance of the graphic material.
  • the method further includes: the server distributing the online teaching courseware to multiple terminals for display.
  • the method of performing rendering to generate the online teaching courseware containing logic events includes: the server calling the Html5 engine to render the courseware structure data to draw out the teaching courseware The graphic material, and generate the logical event of the graphic material and its corresponding trigger condition.
  • the present invention also provides one or more computer-readable media storing computer-executable instructions that, when used by one or more computer devices, cause the one or more computer devices to perform online as described above Editing and generating methods of teaching courseware.
  • the present invention also provides an online teaching courseware editing and generating system, which includes a client and a server, where:
  • the client includes a graphics module and an editing module
  • the graphic module is used to provide a computer graphic interface, and present the graphic material determined according to the selection operation in the computer graphic interface;
  • the editing module is configured to collect editing operations for the graphic material to determine at least one logical behavior corresponding to the graphic material, generate courseware structure data according to the graphic material and the logical behavior, and upload the data to the server ;
  • the server includes a rendering module for performing rendering on the courseware structure data to generate the online teaching courseware containing logic events.
  • the editing module in the system is further used to collect input operations in the computer graphical interface, insert at least one hyperlink into the courseware structure data according to the input operations, and A mapping relationship is created between the hyperlink and the logical behavior of the graphic material.
  • the hyperlink in the system points to any one or a combination of text, pictures, audio or video stored in a storage medium.
  • the graphic material in the system is stored in a standardized material library; all the graphic materials in the standardized material library have the same or similar visual styles.
  • the standardized material library in the system is set in the client or the server, or stored in a network database that communicates with the client.
  • the editing operation in the system includes a drag operation, a click operation, an outgoing menu operation, or an assignment operation.
  • the logical behavior in the system includes: an update behavior of display attributes of the graphic material; and / or an animation behavior performed by another data object triggered by an operation on the graphic material.
  • the updating behavior of the display attributes in the system includes: displacement, scaling, deformation, coloring, appearance or disappearance of the graphic material.
  • the server in the system further includes a distribution module for distributing the online teaching courseware to multiple terminals for display.
  • the rendering module performs rendering on the courseware structure data to generate the online teaching courseware including logic events includes: the rendering module calls an Html5 engine to render the courseware structure data, To draw the graphic material included in the online teaching courseware, and generate the logic event of the graphic material and its corresponding trigger condition.
  • the online teaching courseware editing and generating method and system provided by the present invention provide a computer graphics interface with friendly human-computer interaction effects.
  • Teachers can use the computer graphical interface to edit courseware to form an online teaching courseware containing logical events It can be achieved without teachers mastering the code knowledge, so teachers can focus on the creation of topics and the transmission of knowledge points in the courseware, which correspondingly improves the production efficiency of the courseware, and at the same time, reduces the knowledge requirements of teachers for online teaching courseware production , So that teachers can create online teaching courseware with rich interactive effects.
  • the online teaching courseware editing and generating method and system provided by the present invention are implemented to produce online teaching courseware, since the rendering step is performed on the server side, the online teaching courseware can be completed even if it is distributed online to other devices and run in real time The logic events included in the online teaching courseware are reproduced, and the server side can detect the occurrence of the above logic events, thereby improving the online interactive effect of the online teaching courseware.
  • FIG. 1 is a schematic flowchart of a specific implementation method of an online teaching courseware editing and generating method according to the present invention
  • FIG. 2 is a schematic flowchart of another specific embodiment of the online teaching courseware editing and generating method according to the present invention.
  • FIG. 3 is a schematic flowchart of optional steps in the specific embodiment shown in FIG. 1 or FIG. 2;
  • FIG. 4 is a schematic structural view of a specific implementation of an online teaching courseware editing and generating system according to the present invention.
  • FIG. 5 is a schematic structural diagram of a computer device for performing an embodiment of an online teaching courseware editing and generating method according to the present invention.
  • FIG. 1 is a schematic flowchart of a specific implementation manner of an online teaching courseware editing and generating method according to the present invention. The method includes:
  • Step S100 the client provides a computer graphical interface
  • Step S200 the graphic material determined according to the selection operation is presented in the computer graphic interface
  • Step S300 collecting an editing operation for the graphic material to determine at least one logical behavior corresponding to the graphic material
  • Step S400 the client generates courseware structure data according to the graphic material and the logical behavior
  • Step S500 The client uploads the courseware structure data to the server to perform rendering, so as to generate a teaching courseware containing logic events.
  • the computer graphical interface may be output from a client to the display of a common terminal device such as a personal computer, tablet computer, or smartphone, and the terminal device shall provide the client with normal operation.
  • a common terminal device such as a personal computer, tablet computer, or smartphone
  • the terminal device shall provide the client with normal operation.
  • the client is preferably implemented in the form of a computer software program.
  • the above terminal device should integrate or connect with appropriate interactive devices, such as a mouse, keyboard, touch screen, voice control device, eye movement control device, etc. The operator can trigger or control the computing graphical interface or the elements contained therein by operating the interactive device.
  • the graphic material determined by the selection operation is presented at a suitable position in the computer graphics interface.
  • the purpose of presenting the graphic material is to facilitate the operator to further edit the display properties of the graphic material.
  • the selection operation is, for example, an operation performed by an operator on the collection containing the graphic material using the interactive device as described above.
  • the collection containing the graphic material is provided by a standardized material library, that is, The graphic material is stored in the standardized material library.
  • the standardized material library may be persistently stored and managed by a server, and an external device may obtain the graphic material online by accessing the server.
  • the standardized material library may also be downloaded to as mentioned in step S100 above It is convenient for local calling in terminal equipment.
  • all the graphic materials in the standardized material library have the same or similar visual styles, so that the style of the teaching courseware made using the graphic materials can be unified, and it is convenient for the quality review and control of the teaching courseware. More preferably, all the graphic materials in the standardized material library can establish a data mapping table to facilitate subsequent retrieval and management.
  • the graphic material includes but is not limited to: graphics and text with a predetermined size, or vector-modeled graphics or text.
  • step S300 collecting the editing operation for the graphic material can generally be achieved by detecting an event triggered by an interactive device of the terminal device displaying the computer graphical interface, such as a mouse triggered by the interactive device Action events, voice control events, etc.
  • the editing operation includes a drag operation, a click operation, an outgoing menu operation, or an assignment operation, etc.
  • the purpose of performing the editing operation is to determine at least one logical behavior corresponding to the graphic material, which can be understood by those skilled in the art.
  • the mapping relationship between the editing operation and the logical behavior can be set in advance, and after the editing operation is performed on the graphic material, the mapped logical behavior is naturally given to the graphic material. Of course, the same graphic material can be used multiple times Perform the editing operation so that the graphic material can correspond to multiple logical behaviors.
  • the purpose of making the graphic material have the logical behavior is to design an animation effect for the graphic material for teaching, and the animation effect is realized by the logical behavior, the animation The effect is usually realized by changing the display properties of the graphic material, and / or changing the display properties according to another data object triggered by the operation on the graphic material. Therefore, the logical behavior includes the graphics The update behavior of the display properties of the material and / or the animation behavior performed by another data object triggered by the operation on the graphic material.
  • the update behavior of the display attributes includes: displacement, scaling, deformation, coloring, appearance or disappearance of the graphic material.
  • the another data object may be another graphic material, or a custom graphic element that can perform the animation behavior.
  • the animation behavior can be implemented by a series of display attribute update behaviors of the data objects.
  • the update behavior and the process of giving the animation line to the graphic material are usually automatically executed after triggering a series of the editing operations.
  • the The method of implementation is, for example: first select the graphic material by clicking operation, then drag the graphic material from the first position to the second position by dragging operation, and then set the graphic material by calling out menu operation or assignment operation Multiple display variables such as velocity, trajectory, color, shape, etc. when moving from the first position to the second position.
  • the logical behavior including the triggering condition is also determined by the editing operation at the same time, for example, in the foregoing, the condition that the graphic material with the motion path starts to move is executed spontaneously or according to a click event.
  • steps S200 and S300 may be executed multiple times to Making at least part of the graphic materials in the computer graphics interface have different combinations of logical behaviors, each of the graphic materials performs different logical behavior combinations to form different animation effects, and all the animation effects of the graphic materials are combined
  • the operation constitutes the complex animation.
  • the complex animation is, for example, skeletal animation, sequence animation, and so on.
  • step S400 the client generates courseware structure data according to the graphic material and the logical behavior.
  • the courseware structure data may only include the graphics
  • the display format parameters of the material such as coordinate value, color value, shape function variable value, etc.
  • the logical behavior can be recorded with a predetermined animation function ID, if one graphic material corresponds to multiple logical behaviors, it is recorded as an animation function The sequence of IDs.
  • the present invention does not exclude a solution in which the graphic material and the complete data of the logical behavior are packaged and recorded in the courseware structure data.
  • the main body performing step S400 is the client providing the computer graphical interface as described above.
  • the courseware structure data can be implemented by a Web document that facilitates network transmission, such as an HTML5 document.
  • the display format parameters contained in the elements or objects recorded in the courseware structure data correspond to the graphic material used to draw the courseware.
  • the method parameter, attribute parameter, event parameter included in the event recorded in the structural data, or the script composed of the event and other document objects, corresponds to recording the logical behavior.
  • the existing courseware in the PPT format does not explicitly generate the structure data of the courseware as in step S400 during the production process, but only generates operational data packaged in a predetermined format. Therefore, the data volume of the courseware in the PPT format is relatively large, which is not conducive to the real-time transmission in the online education scene.
  • the animation effects in the courseware in the PPT format also do not have the characteristics of attributes that can be associated with online operations.
  • step S500 the client uploads the courseware structure data to the server to perform rendering.
  • the client uploads the courseware structure data to the server via the Internet or a local area network to perform rendering.
  • the result of the rendering is to generate a logic event
  • the online teaching courseware it is preferable to set the server to call the Html5 engine to render the courseware structure data.
  • the courseware structure data is transmitted to the Html5 engine through a preset interface of the Html5 engine Rendering is performed to draw the graphic material included in the online teaching courseware, and generate the logic event of the graphic material and its corresponding trigger condition.
  • the trigger condition may be defined after the logical behavior is assigned to the graphic material according to the editing operation in step S300, or may be implemented to be automatically set according to the rules of the Html5 engine .
  • the logic event refers to an animation event formed after at least one logic behavior corresponding to the graphic material is sequentially executed, and the animation event may be set to automatically trigger execution after satisfying the trigger condition.
  • the graphic material and the logic event may only be included in the key frame of the overall animation, and other intermediate frames of the overall animation are drawn by the Html5 engine .
  • steps S100 to S500 since the method for editing and generating online teaching courseware provided in this embodiment does not use the existing template, on the basis that the logical behavior of individual graphic materials can be freely defined, the teacher It can flexibly design different types of interactive animations for different types of teaching scenes.
  • the graphic material is used as the basic constituent element of interactive questions, and different interactive types of training questions are designed, such as multiple choice questions and coloring questions based on click operations, connection questions or puzzle questions based on click operations and drag operations,
  • different interactive types of training questions can be combined to enrich the interest of topic design in online courseware education;
  • the graphic material can be used as the basic constituent element of animation to design different skeleton animations that meet the needs of teaching demonstration or Sequence animations, etc., enrich the demand for animation demonstrations in online courseware education.
  • the online teaching courseware can be completed even if it is distributed online to other devices and run in real time
  • the logic events included in the online teaching courseware are reproduced, and the server side can detect the occurrence of the above logic events, thereby improving the online interactive effect of the online teaching courseware.
  • FIG. 2 is a schematic flowchart of another specific embodiment of the online teaching courseware editing and generating method according to the present invention.
  • the server distributes the teaching courseware to multiple terminals for display.
  • the terminal should have a software and hardware environment that can run and display the online teaching courseware.
  • the terminal includes but is not limited to installed iOS, Android, Symbian, Windows Mobile, Maemo, WebOS, Palm Smartphones or tablets with terminal operating systems such as OS or Blackberry OS.
  • step S500 may be configured to automatically execute after detecting that the terminal issues a courseware acquisition request to the server.
  • FIG. 3 is a schematic flowchart of optional steps in the specific embodiment shown in FIG. 1 or FIG. 2, in which:
  • Step S700 Collect an input operation in the computer graphical interface, and insert at least one hyperlink into the courseware structure data according to the input operation;
  • Step S800 Create a mapping relationship between the hyperlink and the logical behavior of the graphic material.
  • steps S700 and S800 are executed after step S100, and the purpose of the execution is to enable the logical behavior of the graphic material in the online teaching courseware to call and display the multimedia resource in a storage location corresponding to the hyperlink, and simultaneously The storage location guided by the hyperlink is also recorded in the courseware structure data.
  • the logical behavior calls the multimedia resource through a mapping relationship between the hyperlink and the logical behavior.
  • the hyperlink points to any one or a combination of text, pictures, audio, or video stored in a storage medium, and the storage medium may be provided by a memory of a network device. Since the hyperlink is only a character string, the online teaching courseware can contain a variety of additional multimedia information of different types, which improves the information of the online teaching courseware without significantly increasing the data volume of the inter-course structure data Carrying capacity.
  • the present invention also discloses one or more computer-readable media storing computer-executable instructions which, when used by one or more computer devices, cause the one or more computer devices to perform online as described above
  • the method of editing and generating teaching courseware such as the method of editing and generating online teaching courseware shown in FIGS. 1 and 2.
  • the computer-readable medium may be any available medium that can be accessed by a computer device, and includes volatile and non-volatile storage implemented by any method and technology to store information such as computer-readable instructions, data structures, program modules, or other data Lost media, removable and non-removable media.
  • Computer-readable media include, but are not limited to, RAM, ROM, EEPROM, flash memory or other memory technology, CD-ROM, digital versatile disk (DVD) or other optical storage, cassette tape, magnetic tape, magnetic disk storage or other magnetic storage devices , Or any other medium that can be used to store the required information and can be accessed by the computing device. Any combination of the above should also be included within the scope of computer-readable media.
  • FIG. 4 is a schematic structural diagram of a specific embodiment of an online teaching courseware editing and generating system according to the present invention.
  • the system includes Client 100 and server 200, where:
  • the client 100 includes a graphics module 110 and an editing module 120;
  • the graphic module 110 is used to provide a computer graphic interface, and present the graphic material determined according to the selection operation in the computer graphic interface;
  • the editing module 120 is configured to collect editing operations for the graphic material to determine at least one logical behavior corresponding to the graphic material, generate courseware structure data according to the graphic material and the logical behavior, and upload the data to the Server 200;
  • the server 200 includes a rendering module 210 for performing rendering on the courseware structure data to generate the online teaching courseware containing logic events.
  • the computer graphical interface provided by the client 100 is usually output to the display of a common terminal device such as a personal computer, tablet computer, or smartphone, for example, to the display of the personal computer 130 shown in FIG. 4.
  • a common terminal device such as a personal computer, tablet computer, or smartphone
  • the editing module 120 is further configured to collect input operations in the computer graphical interface, insert at least one hyperlink into the courseware structure data according to the input operation, and A mapping relationship is created between the logical behaviors of the graphic material.
  • the hyperlink points to any one or combination of text, pictures, audio, or video stored in a storage medium.
  • the graphic material is stored in a standardized material library 300, and all the graphic materials in the standardized material library 300 have the same or similar visual styles.
  • the standardized material library 300 is implemented as a network database that is data-connected to the client 100 through the Internet. In other embodiments, the standardized material library 300 may also be integrated in the client 100 or the server 200.
  • the editing operation in the description of the editing module 120 includes: a drag operation, a click operation, an outgoing menu operation, or an assignment operation.
  • the logical behavior includes: an update behavior of the display properties of the graphic material, and / or an animation behavior performed by another data object triggered by an operation on the graphic material.
  • the updating behavior of the display attributes includes: displacement, scaling, deformation, coloring, appearance or disappearance of the graphic material.
  • the rendering module 210 performs rendering on the courseware structure data to generate the online teaching courseware including logic events, including the following steps: the rendering module 210 calls the Html5 engine to render the courseware structure data to draw the online teaching courseware Included in the graphic material, and generates the logic event of the graphic material and its corresponding trigger condition.
  • the server 200 further includes a distribution module 220 for distributing the online teaching courseware to multiple terminals 400 for display.
  • the terminal 400 should have a software and hardware environment that can run and display the online teaching courseware.
  • the terminal 400 includes but is not limited to the installation of iOS, Android, Symbian, Windows Mobile, Maemo, WebOS, Palm OS or Blackberry OS, etc. Smartphone or tablet computer with terminal operating system.
  • FIG. 5 is a schematic structural diagram of a computer device for performing an embodiment of an online teaching courseware editing and generating method according to the present invention.
  • the computer device can also be used as shown in FIG. Client 400 provides operational support.
  • the computer equipment includes at least the following parts: CPU (Central Processing Unit) 501, RAM (Random Access Memory) 502, ROM (Read Only Memory) 503, system bus 500, hard disk control unit 504, hard disk 505, human-machine interactive external device control Unit 506, human-machine interactive external device 507, serial interface control unit 508, serial interface external device 509, parallel interface control unit 510, parallel interface external device 511, display device control unit 512, and display device 513.
  • CPU Central Processing Unit
  • RAM Random Access Memory
  • ROM Read Only Memory
  • system bus 500 system bus 500
  • hard disk control unit 504 hard disk 505
  • human-machine interactive external device control Unit 506 human-machine interactive external device 507
  • serial interface control unit 508 serial interface external device 509
  • parallel interface control unit 510 parallel
  • CPU501, RAM502, ROM503, hard disk control unit 504, human-machine interactive external device control unit 506, serial interface control unit 508, parallel interface control unit 510 and display device control unit 512 are connected to the system bus 500, And realize the previous communication with each other through the system bus 500.
  • the hard disk control unit 504 is connected to the hard disk 505;
  • the human-machine interactive external device control unit 506 is connected to the human-computer interactive external device 507, typically the human-computer interactive external device is a mouse, trackball, touch screen or keyboard;
  • serial The interface control unit 508 is connected to the serial interface external device 509;
  • the parallel interface control unit 510 is connected to the parallel interface external device 511;
  • the display device control unit 512 and the display device 513 are connected.
  • the structure block diagram shown in FIG. 5 only shows the structure of a computer device capable of practicing various embodiments of the present invention, rather than limiting the practice environment of the present invention.
  • some of the computer equipment can be added or removed as needed.
  • the device shown in FIG. 5 can remove the human-machine interaction external device 507 and the display device 513, and its specific implementation form is only a server that can be accessed by the external device.
  • the computer device shown in FIG. 5 can independently implement the operating environment of the present invention, or can be connected to each other through a network to provide an operating environment applicable to various embodiments of the present invention.
  • various modules and / or steps of the present invention can be implemented in a distributed manner In each computer device connected to each other.
  • the part of the online teaching courseware editing and generating method provided by the present invention that involves software logic may be implemented using a programmable logic device, or may be implemented as a computer program product that causes a computer to execute the method used for the demonstration.
  • the computer program product includes a computer-readable storage medium that contains computer program logic or code portions for implementing the various steps of the software logic-related portion described above.
  • the computer-readable storage medium may be a built-in medium installed in the computer or a removable medium detachable from the computer body (for example, a hot-swappable storage device).
  • the built-in medium includes but is not limited to rewritable non-volatile memory, such as RAM, ROM, and hard disk.
  • the removable media include but are not limited to: optical storage media (such as CD-ROM and DVD), magneto-optical storage media (such as MO), magnetic storage media (such as magnetic tape or mobile hard disk), non-removable Media with volatile memory (eg memory card) and media with built-in ROM (eg ROM cartridge).
  • optical storage media such as CD-ROM and DVD
  • magneto-optical storage media such as MO
  • magnetic storage media such as magnetic tape or mobile hard disk
  • non-removable Media with volatile memory eg memory card
  • media with built-in ROM eg ROM cartridge
  • the online teaching courseware editing and generating method and system provided by the present invention provide a computer graphics interface with friendly human-computer interaction effects.
  • Teachers can use the computer graphical interface to edit courseware to form an online teaching courseware containing logical events It can be achieved without teachers mastering the code knowledge, so teachers can focus on the creation of topics and the transmission of knowledge points in the courseware, which correspondingly improves the production efficiency of the courseware, and at the same time, reduces the knowledge requirements of teachers for online teaching courseware production , So that teachers can create online courseware with rich interactive effects.
  • the online teaching courseware editing and generating method and system provided by the present invention are implemented to produce online teaching courseware, since the rendering step is performed on the server side, the online teaching courseware can be completed even if it is distributed online to other devices and run in real time The logic events included in the online teaching courseware are reproduced, and the server side can detect the occurrence of the above logic events, thereby improving the online interactive effect of the online teaching courseware.

Landscapes

  • Business, Economics & Management (AREA)
  • Engineering & Computer Science (AREA)
  • Entrepreneurship & Innovation (AREA)
  • Physics & Mathematics (AREA)
  • Educational Administration (AREA)
  • Educational Technology (AREA)
  • General Physics & Mathematics (AREA)
  • Theoretical Computer Science (AREA)
  • Processing Or Creating Images (AREA)
  • User Interface Of Digital Computer (AREA)

Abstract

一种在线教学课件的编辑和生成方法，该方法包括：客户端提供计算机图形界面（S100）；所述计算机图形界面内呈现根据选择操作确定的图形素材（S200）；采集针对所述图形素材的编辑操作，以确定所述图形素材对应的至少一个逻辑行为（S300）；所述客户端根据所述图形素材和所述逻辑行为生成课件结构数据（S400）；所述客户端将所述课件结构数据上传至服务器执行渲染，以生成包含逻辑事件的所述在线教学课件（S500）。

Description

在线教学课件的编辑和生成方法以及*** 技术领域
本发明涉及多媒体教学领域，尤其涉及一种教学课件的编辑和生成方法以及***。
背景技术
课件是现代在线课堂教育中必不可少的内容。上课过程中，学生的大部分注意力都集中在课件上，并配合教师的讲解来加深对知识的理解。因此课件的质量对于在线教育效果是否理想具有较大的影响。
现有技术中的在线课件沿袭了常规线下教育中的课件形式，例如使用微软公司出品的PowerPoint软件制作的数字幻灯片形式的课件，教师将编辑好的数字幻灯片课件中的每一页转化成独立的图片发送给学生进行展示，以达到教学的目的。由于课件最终在学生一侧是呈现为图片的格式，由于图片的不可操作性，图片上已经固定位置的图形元素无法根据按照教师在教学中预期的步骤先后出现，也无法根据学生的操作产生相应的反馈动画效果。
在一些教学场景中，动画的演示比静态图片能带来更好的教学效果，而现有技术中的课件无法达到演示动画的效果。这导致了现有的在线课件在师生交互、教学演示和适用场景等方面一直难以达到理想的效果。
在实践中，使用PowerPoint制作的教学课件，例如常见的PPT格式的课件，在制作过程中并不显式地生成包括图形素材和逻辑行为的课件结构数据，仅生成封装为预定格式的可运行数据，将其使用于在线教学的状态中时相对而言是静态的。而且PPT格式的课件数据量相对而言较大，不利于在线教育场景中的实时传输，该PPT格式的课件中的动画效果也不具备可关联在线运行的属性特征。
考虑到现有的在线课件在上述师生交互和教学演示等方面的不足，现有技术中也曾考虑利用基于Web的多媒体技术来制作在线课件，但是基于Web的多媒体技术需要教师有足够的代码编程知识才能制作出符合教学目标的在线课件，这对于没有编程经验的教师而言难度是非常大的，不利于在线课件的推广使用。如果是单纯提供已经制作好的基于Web的在线课件模板给教师使用，又无法满足教师在各个学科的差异化教学需求，同样对在线课件的广泛使用造成了障碍。
因此，如何既能实现包含逻辑事件的具有丰富互动效果的在线教学课件，又能降低了对教师制作在线教学课件的难度要求，是本领域亟待解决的难题。
发明内容
为了克服现有技术中的上述缺陷，本发明提供了教学课件的编辑和生成方法，该方法包括：
客户端提供计算机图形界面；
所述计算机图形界面内呈现根据选择操作所确定的图形素材；
采集针对所述图形素材的编辑操作，以确定所述图形素材对应的至少一个逻辑行为；
所述客户端根据所述图形素材和所述逻辑行为生成课件结构数据；
所述客户端将所述课件结构数据上传至服务器执行渲染，以生成包含逻辑事件的所述在线教学课件。
根据本发明的一个方面，在所述提供所述计算机图形界面之后，该方法还包括：采集在所述计算机图形界面内的输入操作，根据该输入操作将至少一条超链接***至所述课件结构数据内；在所述超链接与所述图形素材的逻辑行为之间创建映射关系。
根据本发明的另一个方面，该方法中所述超链接指向一存储介质内存储的文字、图片、音频或视频中任一或其组合。
根据本发明的另一个方面，该方法中所述图形素材存储在标准化素材库中；所述标准化素材库中的所有所述图形素材具有相同或相似的视觉风格。
根据本发明的另一个方面，该方法中所述编辑操作包括：拖拽操作、点击操作、呼出菜单操作或赋值操作。
根据本发明的另一个方面，该方法中所述逻辑行为包括：所述图形素材的显示属性的更新行为；和/或根据针对所述图形素材的操作所触发另一数据对象执行的动画行为。
根据本发明的另一个方面，该方法中所述显示属性的更新行为包括：所述图形素材的位移、缩放、形变、着色、出现或消失。
根据本发明的另一个方面，在所述生成所述在线教学课件之后，该方法还包括：所述服务器将所述在线教学课件分发至多个终端上进行展示。
根据本发明的另一个方面，该方法中述执行渲染，以生成包含逻辑事件的所述在线教学课件包括：所述服务器调用Html5引擎渲染所述课件结构数据，以绘制出所述教学课件中包括的所述图形素材，并生成所述图形素材的所述逻辑事件及其对应的触发条件。
相应地，本发明还提供了一个或多个存储计算机可执行指令的计算机可读介质，所述指令在由一个或多个计算机设备使用时使得一个或多个计算机设备执行如前文所述的在线教学课件的编辑和生成方法。
进一步地，本发明还提供了一种在线教学课件的编辑和生成***，该***包括客户端和服务器，其中：
所述客户端包括图形模块和编辑模块；
所述图形模块，用于提供计算机图形界面，并在所述计算机图形界面内呈现根据选择操作所确定的图形素材；
所述编辑模块，用于采集针对所述图形素材的编辑操作，以确定所述图形素材对应的至少一个逻辑行为，根据所述图形素材和所述逻辑行为生成课件结构数据并上传至所述服务器；
所述服务器包括渲染模块，用于对所述课件结构数据执行渲染以生成包含逻辑事件的所述在线教学课件。
根据本发明的一个方面，该***中所述编辑模块，还用于采集在 所述计算机图形界面内的输入操作，根据该输入操作将至少一条超链接***至所述课件结构数据内，并在所述超链接与所述图形素材的逻辑行为之间创建映射关系。
根据本发明的另一个方面，该***中所述超链接指向一存储介质内存储的文字、图片、音频或视频中任一或其组合。
根据本发明的另一个方面，该***中所述图形素材存储在标准化素材库中；所述标准化素材库中的所有所述图形素材具有相同或相似的视觉风格。
根据本发明的另一个方面，该***中所述标准化素材库所述标准化素材库设置在所述客户端或所述服务器内，或存储在与所述客户端通信的网络数据库内。
根据本发明的另一个方面，该***中所述编辑操作包括：拖拽操作、点击操作、呼出菜单操作或赋值操作。
根据本发明的另一个方面，该***中所述逻辑行为包括：所述图形素材的显示属性的更新行为；和/或根据针对所述图形素材的操作所触发另一数据对象执行的动画行为。
根据本发明的另一个方面，该***中所述显示属性的更新行为包括：所述图形素材的位移、缩放、形变、着色、出现或消失。
根据本发明的另一个方面，该***中所述服务器还包括分发模块，用于将所述在线教学课件分发至多个终端上进行展示。
根据本发明的另一个方面，该***中所述渲染模块对所述课件结构数据执行渲染以生成包含逻辑事件的所述在线教学课件包括：所述 渲染模块调用Html5引擎渲染所述课件结构数据，以绘制出所述在线教学课件中包括的所述图形素材，并生成所述图形素材的所述逻辑事件及其对应的触发条件。
本发明提供的在线教学课件的编辑和生成方法以及***提供了人机交互效果友好的计算机图形界面，教师可以利用该计算机图形界面进行课件编辑，以形成包含逻辑事件的在线教学课件，其制作过程无需教师掌握代码知识也可实现，因此可以使教师专注于课件内的题目创造、知识点传达等，相应地提升了课件的制作效率，同时，也降低了对教师对在线教学课件制作的知识需求，便于教师能创造出具有丰富互动效果的在线教学课件。此外，实施本发明提供的在线教学课件的编辑和生成方法以及***制作在线教学课件时，由于渲染步骤是在服务器端进行，使得所述在线教学课件即使在线实时分发到其他设备上运行也可以完整重现该在线教学课件包括的逻辑事件，并且服务器端可以检测到上述逻辑事件的发生，从而提升在线教学课件的在线互动效果。
附图说明
通过阅读参照以下附图所作的对非限制性实施例所作的详细描述，本发明的其它特征、目的和优点将会变得更明显：
图1是根据本发明的在线教学课件的编辑和生成方法的一个具体实施方式的流程示意图；
图2是根据本发明的在线教学课件的编辑和生成方法的另一个 具体实施方式的流程示意图；
图3是图1或图2示出的具体实施例中可选的步骤的流程示意图；
图4是根据本发明的在线教学课件的编辑和生成***的一个具体实施方式的结构示意图；
图5是用于执行根据本发明的在线教学课件编辑和生成方法的一个具体实施方式的计算机设备的结构示意图。
附图中相同或相似的附图标记代表相同或相似的部件。
具体实施方式
为了更好地理解和阐释本发明，下面将结合附图对本发明作进一步的详细描述。本发明并不仅仅局限于这些具体实施方式。相反，对本发明进行的修改或者等同替换，均应涵盖在本发明的权利要求范围当中。
需要说明的是，在下文的具体实施方式中给出了众多的具体细节。本领域技术人员应当理解，没有这些具体细节，本发明同样可以实施。在下文给出的多个具体实施方式中，对于本领域熟知的结构和部件未作详细描述，以便于凸显本发明的主旨。
本发明提供了一种在线教学课件的编辑和生成方法，请参考图1，图1是根据本发明的在线教学课件的编辑和生成方法的一个具体实施方式的流程示意图，该方法包括：
步骤S100，客户端提供计算机图形界面；
步骤S200，所述计算机图形界面内呈现根据选择操作所确定的 图形素材；
步骤S300，采集针对所述图形素材的编辑操作，以确定所述图形素材对应的至少一个逻辑行为；
步骤S400，所述客户端根据所述图形素材和所述逻辑行为生成课件结构数据；
步骤S500，所述客户端将所述课件结构数据上传至服务器执行渲染，以生成包含逻辑事件的教学课件。
具体地，在步骤S100中，所述计算机图形界面可以由一客户端输出至个人电脑、平板电脑或智能手机等常见终端设备的显示器上进行显示，上述终端设备应为所述客户端正常运行提供合适的软件和硬件环境。典型地，所述客户端优选实施为计算机软件程序的形式。同时，为了实现操作员可以针对所述计算机图形界面发出指令进行操作，上述终端设备应集成或连接合适的交互设备，例如鼠标、键盘、触控屏幕、语音控制设备、眼动控制设备等，操作员可以通过操作上述交互设备对所述计算图形界面或其内部包含的元素进行触发或控制。在步骤S200中，被所述选择操作所确定的所述图形素材呈现在所述计算机图形界面内合适的位置，呈现该图形素材的目的是便于操作员对该图形素材的显示属性进行进一步编辑。所述选择操作例如是操作员使用如前文所述的交互设备针对包含所述图形素材的集合所进行的选取操作，可选地，包含所述图形素材的集合由标准化素材库提供，也即，所述图形素材存储在所述标准化素材库内。所述标准化素材库可以由一服务器进行持久化存储和管理，外部设备可以通过访问该服 务器在线获取所述图形素材，可选地，该标准化素材库也可以下载至如前文步骤S100中提及的终端设备内便于本地调用。优选地，所述标准化素材库中的所有所述图形素材具有相同或相似的视觉风格，这样能够保证使用所述图形素材所制作的教学课件的风格统一化，便于教学课件的质量审核和管控。更优选地，所述标准化素材库中的所有所述图形素材可以建立数据映射表，以便于后续检索和管理。典型地，所述图形素材包括但不限于：具有预定尺寸的图形和文字，或矢量建模的图形或文字。
在步骤S300中，采集针对所述图形素材的编辑操作通常可以通过检测显示所述计算机图形界面的终端设备的交互设备所触发的事件来实现，所述事件例如是所述交互设备所触发的鼠标动作事件、语音控制事件等。典型地，所述编辑操作包括拖拽操作、点击操作、呼出菜单操作或赋值操作等，执行所述编辑操作的目的是确定所述图形素材对应的至少一个逻辑行为，本领域人员可以理解，所述编辑操作和所述逻辑行为的映射关系可以预先设定，在对所述图形素材执行所述编辑操作之后自然将其映射的逻辑行为赋予所述图形素材，当然，可以针对同一图形素材多次进行所述编辑操作，以使得该图形素材可以对应多个逻辑行为。
更具体地，在步骤S300中，令所述图形素材具有所述逻辑行为的目的是为所述图形素材设计用于教学的动画效果，而该动画效果依靠所述逻辑行为来实现，所述动画效果的实现通常是通过改变所述图形素材的显示属性来实现，和/或根据针对所述图形素材的操作所触 发另一数据对象更改显示属性来实现，因此，所述逻辑行为包括所述图形素材的显示属性的更新行为和/或根据针对所述图形素材的操作所触发另一数据对象执行的动画行为。典型地，显示属性的更新行为包括：所述图形素材的位移、缩放、形变、着色、出现或消失。所述另一数据对象可以是另一图形素材，或可执行所述动画行为的自定义图形元素。典型地，所述动画行为可以用一系列所述数据对象的显示属性更新行为来编排实现。
所述更新行为和所述动画行赋予至所述图形素材的过程通常在触发一系列所述编辑操作后自动执行，在一个典型的实施例中，例如想为所述图形素材设置运动路径，其实施方法例如是：首先通过点击操作选中所述图形素材，然后通过拖拽操作将所述图形素材从第一位置拖动至第二位置，再通过呼出菜单操作或赋值操作设定所述图形素材从第一位置向第二位置运动时具有的速率、轨迹、颜色、形状等多个显示变量。同时，所述逻辑行为包含触发条件也同时被所述编辑操作所确定，例如前文中具有运动路径的图形素材开始运动的条件是自发执行或根据点击事件而执行。本领域技术人员可以理解，教学过程中所涉及的复杂动画可以通过组合运行多个图形素材所具有的动画效果来实现，因此在制作教学课件时，步骤S200和步骤S300可能被执行多次，以使得所述计算机图形界面中的至少部分所述图形素材具有各自不同的逻辑行为组合，每一所述图形素材执行各自的逻辑行为组合后形成不同的动画效果，所有所述图形素材的动画效果组合运行构成所述复杂动画。该复杂动画例如是骨骼动画、序列动画等。通过 执行步骤S100至步骤S300，本领域技术人员可以理解，实施前文中的具体实施方式可以设计出适用于教学的复杂动画，这也使得所述复杂动画的设计相较于现有技术更为简单。由于设计复杂动画的过程详细落实到该复杂动画中每一单独的图形素材上，因此该实现过程不同于现有技术中的依赖动画模板进行设计，具有更好的扩展性。
在步骤S400中，所述客户端根据所述图形素材和所述逻辑行为生成课件结构数据，优选地，为了节约存储空间和降低传输时的数据量，所述课件结构数据可以仅包含所述图形素材的显示格式参数，例如坐标值、颜色值、形状函数变量值等，所述逻辑行为可以用预定的动画函数ID来记录，如果一个所述图形素材对应多个逻辑行为，则记录为动画函数ID构成的序列。在其他的具体实施方式中，本发明并不排除所述课件结构数据中打包记录所述图形素材和所述逻辑行为完整数据的方案。执行步骤S400的主体是前文中所述提供计算机图形界面的客户端。典型地，所述课件结构数据可以用便于网络传输的Web文档来实现，例如Html5文档，该课件结构数据内记录的元素或对象包含的显示格式参数对应于用于绘制所述图形素材，该课件结构数据内记录的事件包含的方法参数、属性参数、事件参数，或所述事件与其他文档对象组成的脚本，对应于用于记录所述逻辑行为。
需要特别说明的是，现有的例如PPT格式的课件，在制作过程中并不显式地生成如步骤S400中的所述课件结构数据，仅生成封装为预定格式的可运行数据。因此PPT格式的课件数据量相对而言较大，不利于在线教育场景中的实时传输，该PPT格式的课件中的动画效果 也不具备可关联在线运行的属性特征。
在步骤S500中，所述客户端将所述课件结构数据上传至服务器执行渲染，例如所述客户端将该课件结构数据通过互联网或局域网上传至服务器执行渲染，该渲染的结果是生成包含逻辑事件的所述在线教学课件。典型地，考虑到跨平台执行的易用性，优选设置所述服务器调用Html5引擎渲染所述课件结构数据，具体而言，通过Html5引擎预置的接口，将课件结构数据传输至该Html5引擎中进行渲染，以绘制出所述在线教学课件中包括的所述图形素材，并生成所述图形素材的所述逻辑事件及其对应的触发条件。本领域技术人员可以理解，所述触发条件可以根据步骤S300中的所述编辑操作将所述逻辑行为赋予至所述图形素材之后进行定义，也可以实施为根据所述Html5引擎的规则自动设定。所述逻辑事件指的是所述图形素材对应的至少一个逻辑行为顺序执行后的形成的动画事件，该动画事件可以设置为满足所述触发条件后自动触发执行。对于所述在线教学课件包括的整体动画而言，所述图形素材和所述逻辑事件可以仅包含在所述整体动画的关键帧内，而该整体动画的其他中间帧由所述Html5引擎绘制完成。
根据步骤S100至步骤S500的执行结果可知，由于本具体实施方式提供的在线教学课件的编辑和生成方法不使用现有的模板，在可以自由定义单独的图形素材的逻辑行为这一基础上，教师可以灵活地为不同类型的教学场景设计不同类型交互动画。例如将所述图形素材作为交互型题目的基本构成元素，设计不同交互类型的训练题，例如基于点击操作的选择题和涂色题、基于点击操作和拖拽操作的连线题或 拼图题，并可以将上述各种类型的训练题进行组合运用，以丰富在线课件教育中题目设计的趣味性；又例如将所述图形素材作为动画的基本构成元素，设计不同满足教学演示需求的骨骼动画或序列动画等，丰富了在线课件教育中动画演示的需求。另外，实施本发明提供的在线教学课件的编辑和生成方法以及***制作在线教学课件时，由于渲染步骤是在服务器端进行，使得所述在线教学课件即使在线实时分发到其他设备上运行也可以完整重现该在线教学课件包括的逻辑事件，并且服务器端可以检测到上述逻辑事件的发生，从而提升在线教学课件的在线互动效果。
可选地，请参考图2，图2是根据本发明的在线教学课件的编辑和生成方法的另一个具体实施方式的流程示意图，与图1示出的具体实施方式不同之处在于，图2在步骤S500之后还执行额外的步骤S600，所述服务器将所述教学课件分发至多个终端上进行展示。具体地，所述终端上应具有可运行并显示所述在线教学课件的软件和硬件环境，典型地，所述终端包括但不限于安装了iOS、Android、Symbian、Windows Mobile、Maemo、WebOS、Palm OS或Blackberry OS等终端操作***的智能手机或平板电脑。在一个特定的实施例中，步骤S500可以配置为检测到所述终端向所述服务器发出课件获取请求后自动执行。
考虑到教学实际运用中教师可能还期望在课件中展示教师自行编辑的动画之外的其他多媒体资源，图1或图2示出的具体实施方案还可以包含如图3所示出的可选步骤S700和S800，请参考图3，图 3是图1或图2示出的具体实施例中可选的步骤的流程示意图，其中：
步骤S700，采集在所述计算机图形界面内的输入操作，根据该输入操作将至少一条超链接***至所述课件结构数据内；
步骤S800，在所述超链接与所述图形素材的逻辑行为之间创建映射关系。
典型地，步骤S700和步骤S800在步骤S100后执行，其执行目的是使在线教学课件中的所述图形素材的逻辑行为可以调用并展示所述超链接对应的一存储位置的多媒体资源，同时将该超链接所引导的存储位置也包含在所述课件结构数据中进行记录。所述逻辑行为调用所述多媒体资源是通过所述超链接与所述逻辑行为之间的映射关系来实现。具体地，所述超链接指向一存储介质内存储的文字、图片、音频或视频中任一或其组合，所述存储介质可以由一网络设备的存储器提供。由于超链接仅是字符串，这使得所述在线教学课件可以包含额外不同类型的多种多媒体信息，在并未明显增加所述课间结构数据的数据量的情况下提升了在线教学课件的信息承载能力。
需要说明的是，尽管在附图中以特定顺序描述了本发明方法的操作，但是，这并非要求或者暗示必须按照该特定顺序来执行这些操作，或是必须执行全部所示的操作才能实现期望的结果。相反，流程图中描绘的步骤可以改变执行顺序。附加地或备选地，可以省略某些步骤，将多个步骤合并为一个步骤执行，和/或将一个步骤分解为多个步骤执行。
相应地，本发明还公开了一个或多个存储计算机可执行指令的计 算机可读介质，所述指令在由一个或多个计算机设备使用时使得一个或多个计算机设备执行如前文所述的在线教学课件的编辑和生成方法，例如图1和图2示出的在线教学课件的编辑和生成方法。所述计算机可读介质可以是可由计算机设备访问的任何可用介质，且包括用任何方法和技术实现以存储诸如计算机可读指令、数据结构、程序模块或其它数据等信息的易失性和非易失性介质、可移动和不可移动介质。计算机可读介质包括但不限于，RAM、ROM、EEPROM、闪存或其它存储器技术、CD-ROM、数字多功能盘(DVD)或其它光存储、盒式磁带、磁带、磁盘存储或其它磁存储设备，或者可用于存储所需信息并且可由计算设备访问的任何其它介质。上述的任意组合也应包含在计算机可读介质的范围内。
此外，本发明还提供了一种在线教学课件的编辑和生成***，请参考图4，图4是根据本发明的在线教学课件的编辑和生成***的一个具体实施方式的结构示意图，该***包括客户端100和服务器200，其中：
所述客户端100包括图形模块110和编辑模块120；
所述图形模块110，用于提供计算机图形界面，并在所述计算机图形界面内呈现根据选择操作所确定的图形素材；
所述编辑模块120，用于采集针对所述图形素材的编辑操作，以确定所述图形素材对应的至少一个逻辑行为，根据所述图形素材和所述逻辑行为生成课件结构数据并上传至所述服务器200；
所述服务器200包括渲染模块210，用于对所述课件结构数据执 行渲染以生成包含逻辑事件的所述在线教学课件。
本部分出现的术语和名词与前文中相同的术语或名词具有一致的含义，例如所述“图形素材”、“逻辑行为”和“逻辑事件”等，上述术语或名词及其涉及的工作原理均可参考前文中相关部分的描述和解释，为了简便起见在此不再赘述。
客户端100提供的计算机图形界面通常输出至个人电脑、平板电脑或智能手机等常见终端设备的显示器上进行显示，例如输出至图4示出的个人电脑130的显示器上。
可选地，所述编辑模块120，还用于采集在所述计算机图形界面内的输入操作，根据该输入操作将至少一条超链接***至所述课件结构数据内，并在所述超链接与所述图形素材的逻辑行为之间创建映射关系。典型地，所述超链接指向一存储介质内存储的文字、图片、音频或视频中任一或其组合。
优选地，所述图形素材存储在标准化素材库300中，所述标准化素材库300中的所有所述图形素材具有相同或相似的视觉风格。在本具体实施方式中，标准化素材库300实施为通过互联网与客户端100数据连接的网络数据库，在其他的实施例中，标准化素材库300也可以集成在客户端100或服务器200内。
具体地，对于编辑模块120的说明中所述编辑操作包括：拖拽操作、点击操作、呼出菜单操作或赋值操作。所述逻辑行为包括：所述图形素材的显示属性的更新行为，和/或根据针对所述图形素材的操作所触发另一数据对象执行的动画行为。典型地，所述显示属性的更 新行为包括：所述图形素材的位移、缩放、形变、着色、出现或消失。
具体地，渲染模块210对所述课件结构数据执行渲染以生成包含逻辑事件的所述在线教学课件包括如下步骤：渲染模块210调用Html5引擎渲染所述课件结构数据，以绘制出所述在线教学课件中包括的所述图形素材，并生成所述图形素材的所述逻辑事件及其对应的触发条件。
可选地，如图4所示，服务器200还包括分发模块220，用于将所述在线教学课件分发至多个终端400上进行展示。终端400上应具有可运行并显示所述在线教学课件的软件和硬件环境，典型地，终端400包括但不限于安装了iOS、Android、Symbian、Windows Mobile、Maemo、WebOS、Palm OS或Blackberry OS等终端操作***的智能手机或平板电脑。
请参考图5，图5是用于执行根据本发明的在线教学课件编辑和生成方法的一个具体实施方式的计算机设备的结构示意图，同样，该计算机设备也可以用于为如图4所示出的客户端400提供运行支持。所述计算机设备至少包括如下部分：CPU(中央处理器)501、RAM(随机存储器)502、ROM(只读存储器)503、***总线500、硬盘控制单元504、硬盘505、人机交互外部设备控制单元506、人机交互外部设备507、串行接口控制单元508、串行接口外部设备509、并行接口控制单元510、并行接口外部设备511、显示设备控制单元512和显示设备513。其中，CPU 501、RAM 502、ROM 503、硬盘控制单元504、人机交互外部设备控制单元506、串行接口控制单元508、并行接口控制单元 510以及显示设备控制单元512与***总线500相连接，并通过***总线500实现彼此之前的通信。此外，硬盘控制单元504与硬盘505相连接；人机交互外部设备控制单元506与人机交互外部设备507相连接，典型地该人机交互外部设备是鼠标、轨迹球、触摸屏或键盘；串行接口控制单元508与串行接口外部设备509相连接；并行接口控制单元510与并行接口外部设备511相连接；显示设备控制单元512和显示设备513相连接。
图5所述的结构框图仅仅示出了能实践本发明各个实施例的一种计算机设备的结构，而并非是对本发明的实践环境的限制。在一些情况下，可以根据需要添加或者减少该计算机设备中的一些设备。例如，图5所示的设备可以移除人机交互外部设备507和显示设备513，其具体实施形态仅仅是一个能够被外部设备访问的服务器。当然图5所示的计算机设备可以单独地实现本发明运行的环境，也可以通过网络互相连接起来而提供本发明各个实施例所适用运行环境，例如本发明的各个模块和/步骤可以分布地实现在互相连接的各个计算机设备中。
本发明提供的在线教学课件的编辑和生成方法中涉及软件逻辑的部分可以使用可编程逻辑器件来实现，也可以实施为计算机程序产品，该程序产品使计算机执行用于所示范的方法。所述计算机程序产品包括计算机可读存储介质，该介质上包含计算机程序逻辑或代码部分，用于实现上述涉及软件逻辑的部分的各个步骤。所述计算机可读存储介质可以是被安装在计算机中的内置介质或者可从计算机主体 拆卸的可移动介质(例如可热拔插的存储设备)。所述内置介质包括但不限于可重写的非易失性存储器，例如RAM、ROM和硬盘。所述可移动介质包括但不限于：光存储媒体(例如CD-ROM和DVD)、磁光存储媒体(例如MO)、磁存储媒体(例如磁带或移动硬盘)、具有内置的可重写的非易失性存储器的媒体(例如存储卡)和具有内置ROM的媒体(例如ROM盒)。
本领域技术人员应当理解，任何具有适当编程装置的计算机***都能够执行包含在计算机程序产品中的本发明的方法的诸步骤。尽管本说明书中描述的多数具体实施方式都侧重于软件程序，但是以硬件方式实现本发明提供的方法的替代实施例同样在本发明要求保护的范围之内。
对于本领域技术人员而言，显然本发明不限于上述示范性实施例的细节，而且在不背离本发明的精神或基本特征的情况下，能够以其他的具体形式实现本发明。因此，应将实施例看作是示范性的，而且是非限制性的，本发明的范围由所附权利要求而不是上述说明限定，在权利要求的等同要件的含义和范围内的所有变化均涵括在本发明内。不应将权利要求中的任何附图标记视为限制所涉及的权利要求。此外，显然“包括”一词不排除其他部件、单元或步骤，单数不排除复数。权利要求中陈述的多个部件、单元或装置也可以由一个部件、单元或装置通过软件或者硬件来实现。
本发明提供的在线教学课件的编辑和生成方法以及***提供了人机交互效果友好的计算机图形界面，教师可以利用该计算机图形界 面进行课件编辑，以形成包含逻辑事件的在线教学课件，其制作过程无需教师掌握代码知识也可实现，因此可以使教师专注于课件内的题目创造、知识点传达等，相应地提升了课件的制作效率，同时，也降低了对教师对在线教学课件制作的知识需求，便于教师能创造出具有丰富互动效果的在线课件。此外，实施本发明提供的在线教学课件的编辑和生成方法以及***制作在线教学课件时，由于渲染步骤是在服务器端进行，使得所述在线教学课件即使在线实时分发到其他设备上运行也可以完整重现该在线教学课件包括的逻辑事件，并且服务器端可以检测到上述逻辑事件的发生，从而提升在线教学课件的在线互动效果。
以上所披露的仅为本发明的一些较佳实施例，不能以此来限定本发明之权利范围，依本发明权利要求所作的等同变化，仍属本发明所涵盖的范围。

Claims (20)

  1. 一种在线教学课件的编辑和生成方法，该方法包括：
    客户端提供计算机图形界面；
    所述计算机图形界面内呈现根据选择操作所确定的图形素材；
    采集针对所述图形素材的编辑操作，以确定所述图形素材对应的至少一个逻辑行为；
    所述客户端根据所述图形素材和所述逻辑行为生成课件结构数据；
    所述客户端将所述课件结构数据上传至服务器执行渲染，以生成包含逻辑事件的所述在线教学课件。
  2. 根据权利要求1所述的方法，在所述提供所述计算机图形界面之后，该方法还包括：
    采集在所述计算机图形界面内的输入操作，根据该输入操作将至少一条超链接***至所述课件结构数据内；
    在所述超链接与所述图形素材的逻辑行为之间创建映射关系。
  3. 根据权利要求2所述的方法，其中：
    所述超链接指向一存储介质内存储的文字、图片、音频或视频中任一或其组合。
  4. 根据权利要求1或2所述的方法，其中：
    所述图形素材存储在标准化素材库中；
    所述标准化素材库中的所有所述图形素材具有相同或相似的视觉风格。
  5. 根据权利要求1所述的方法，其中，所述编辑操作包括：
    拖拽操作、点击操作、呼出菜单操作或赋值操作。
  6. 根据权利要求1或2所述的方法，其中，所述逻辑行为包括：
    所述图形素材的显示属性的更新行为；和/或
    根据针对所述图形素材的操作所触发另一数据对象执行的动画行为。
  7. 根据权利要求6所述的方法，其中，所述显示属性的更新行为包括：
    所述图形素材的位移、缩放、形变、着色、出现或消失。
  8. 根据权利要求1所述的方法，在所述生成所述在线教学课件之后，该方法还包括：
    所述服务器将所述在线教学课件分发至多个终端上进行展示。
  9. 根据权利要求1所述的方法，其中，所述执行渲染，以生成包含逻辑事件的所述在线教学课件包括：
    所述服务器调用Html 5引擎渲染所述课件结构数据，以绘制出所述在线教学课件中包括的所述图形素材，并生成所述图形素材的所述逻辑事件及其对应的触发条件。
  10. 一个或多个存储计算机可执行指令的计算机可读介质，所述指令在由一个或多个计算机设备使用时使得一个或多个计算机设备执行如权利要求1至9任一项所述的在线教学课件的编辑和生成方法。
  11. 一种在线教学课件的编辑和生成***，该***包括客户端和服务器，其中：
    所述客户端包括图形模块和编辑模块；
    所述图形模块，用于提供计算机图形界面，并在所述计算机图形界面内呈现根据选择操作所确定的图形素材；
    所述编辑模块，用于采集针对所述图形素材的编辑操作，以确定所述图形素材对应的至少一个逻辑行为，根据所述图形素材和所述逻辑行为生成课件结构数据并上传至所述服务器；
    所述服务器包括渲染模块，用于对所述课件结构数据执行渲染以生成包含逻辑事件的所述在线教学课件。
  12. 根据权利要求11所述的***，其中：
    所述编辑模块，还用于采集在所述计算机图形界面内的输入操作，根据该输入操作将至少一条超链接***至所述课件结构数据内，并在 所述超链接与所述图形素材的逻辑行为之间创建映射关系。
  13. 根据权利要求12所述的***，其中：
    所述超链接指向一存储介质内存储的文字、图片、音频或视频中任一或其组合。
  14. 根据权利要求11或12所述的***，其中：
    所述图形素材存储在标准化素材库中；
    所述标准化素材库中的所有所述图形素材具有相同或相似的视觉风格。
  15. 根据权利要求14所述的***，其中：
    所述标准化素材库设置在所述客户端或所述服务器内，或存储在与所述客户端通信的网络数据库内。
  16. 根据权利要求11所述的***，其中，所述编辑操作包括：
    拖拽操作、点击操作、呼出菜单操作或赋值操作。
  17. 根据权利要求11或12所述的***，其中，所述逻辑行为包括：
    所述图形素材的显示属性的更新行为；和/或
    根据针对所述图形素材的操作所触发另一数据对象执行的动画 行为。
  18. 根据权利要求17所述的***，其中，所述显示属性的更新行为包括：
    所述图形素材的位移、缩放、形变、着色、出现或消失。
  19. 根据权利要求11所述的***，其中：
    所述服务器还包括分发模块，用于将所述在线教学课件分发至多个终端上进行展示。
  20. 根据权利要求11所述的***，其中，所述渲染模块对所述课件结构数据执行渲染以生成包含逻辑事件的所述在线教学课件包括：
    所述渲染模块调用Html5引擎渲染所述课件结构数据，以绘制出所述在线教学课件中包括的所述图形素材，并生成所述图形素材的所述逻辑事件及其对应的触发条件。
PCT/CN2019/116532 2018-11-20 2019-11-08 在线教学课件的编辑和生成方法以及*** WO2020103702A1 (zh)

Applications Claiming Priority (2)

Application Number Priority Date Filing Date Title
CN201811385987.8 2018-11-20
CN201811385987.8A CN109284473A (zh) 2018-11-20 2018-11-20 在线教学课件的编辑和生成方法以及***

Publications (1)

Publication Number Publication Date
WO2020103702A1 true WO2020103702A1 (zh) 2020-05-28

Family

ID=65175780

Family Applications (1)

Application Number Title Priority Date Filing Date
PCT/CN2019/116532 WO2020103702A1 (zh) 2018-11-20 2019-11-08 在线教学课件的编辑和生成方法以及***

Country Status (2)

Country Link
CN (1) CN109284473A (zh)
WO (1) WO2020103702A1 (zh)

Families Citing this family (16)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN109284473A (zh) * 2018-11-20 2019-01-29 育宁教育科技(上海)有限公司 在线教学课件的编辑和生成方法以及***
CN109933762B (zh) * 2019-02-14 2023-09-08 广州视源电子科技股份有限公司 一种课件制作方法、装置、设备和存储介质
CN109977238A (zh) * 2019-04-01 2019-07-05 杭州赛鲁班网络科技有限公司 生成绘本的***、方法和装置
CN110058695A (zh) * 2019-04-30 2019-07-26 北京儒博科技有限公司 绘本互动内容生成方法、编辑器、电子设备及存储介质
CN110111404A (zh) * 2019-05-10 2019-08-09 苏州云学时代科技有限公司 基于教学课件的线上编辑过程提取动画编辑数据的方法
CN110110312A (zh) * 2019-05-10 2019-08-09 苏州云学时代科技有限公司 基于教学课件的线上编辑过程提取文本编辑数据的方法
CN110119501A (zh) * 2019-05-10 2019-08-13 苏州云学时代科技有限公司 一种基于教学课件的线上编辑过程提取编辑数据的方法
CN110213641B (zh) * 2019-05-21 2022-03-29 北京睿格致科技有限公司 4d微课播放方法及装置
CN110222327B (zh) * 2019-06-12 2023-06-30 杭州米络星科技(集团)有限公司 一种教育直播课件的制作方法及展示方法
CN110688604A (zh) * 2019-10-24 2020-01-14 广东力拓网络科技有限公司 一种在线编辑课件的***
CN111291210B (zh) * 2020-01-14 2024-04-12 广州视源电子科技股份有限公司 图像素材库生成方法、图像素材推荐方法及相关装置
CN111389009A (zh) * 2020-03-06 2020-07-10 中央电视台 一种基于不同环境下实现制作h5发布资源的共享平台
CN111858978B (zh) * 2020-07-21 2023-09-26 国家电网有限公司技术学院分公司 一种自动制作网络课件图标的方法及***
CN112383807B (zh) * 2021-01-11 2021-04-06 北京拓课网络科技有限公司 一种在线教育的方法、装置及电子设备
CN115713578B (zh) * 2021-08-23 2023-08-15 北京思明启创科技有限公司 一种动画互动课件制作方法、平台及电子设备
CN114416890B (zh) * 2022-01-21 2024-03-15 中国人民解放军国防科技大学 异构知识点一体化表示、存储、检索、生成及交互方法

Citations (6)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20160240094A1 (en) * 2013-12-11 2016-08-18 Jian Yan Dedicated format file generation method for panorama mode teaching system
CN106372050A (zh) * 2016-09-27 2017-02-01 广东小天才科技有限公司 一种演示课件制作方法及装置
CN107015950A (zh) * 2017-03-20 2017-08-04 厦门云开云科技有限公司 一种scorm课件的生成方法及装置
CN107193931A (zh) * 2017-05-18 2017-09-22 北京音悦荚科技有限责任公司 一种教学课件生成方法、在线教学方法及装置
CN107861928A (zh) * 2017-09-28 2018-03-30 镇江景天信息科技有限公司 一种制作演示课件方法和装置
CN109284473A (zh) * 2018-11-20 2019-01-29 育宁教育科技(上海)有限公司 在线教学课件的编辑和生成方法以及***

Family Cites Families (8)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US6594466B1 (en) * 2000-05-24 2003-07-15 Bentley Systems, Incorporated Method and system for computer based training
US20070259326A1 (en) * 2006-04-25 2007-11-08 Vince Marco System and method for computer networked progressive learning
CN102339276A (zh) * 2011-09-14 2012-02-01 北京龙戴特信息技术有限公司 数据处理方法及装置
CN102750139B (zh) * 2011-12-06 2015-12-02 深圳市爱慧思科技有限公司 一种在线课程编辑***及一种用于创建在线课程的方法
CN103400329A (zh) * 2013-08-06 2013-11-20 山东星科智能科技股份有限公司 基于Web的在线课件制作平台***
CN103631918A (zh) * 2013-12-03 2014-03-12 深圳市问鼎资讯有限公司 一种在线学习课件的制作方法
CN107665139B (zh) * 2016-07-29 2021-07-27 北京新唐思创教育科技有限公司 用于在线教学中的实时双向绘制的实现方法及装置
CN108509403A (zh) * 2018-03-15 2018-09-07 北京市育学林教育技术有限公司 一种课件在线制作与展示***

Patent Citations (6)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20160240094A1 (en) * 2013-12-11 2016-08-18 Jian Yan Dedicated format file generation method for panorama mode teaching system
CN106372050A (zh) * 2016-09-27 2017-02-01 广东小天才科技有限公司 一种演示课件制作方法及装置
CN107015950A (zh) * 2017-03-20 2017-08-04 厦门云开云科技有限公司 一种scorm课件的生成方法及装置
CN107193931A (zh) * 2017-05-18 2017-09-22 北京音悦荚科技有限责任公司 一种教学课件生成方法、在线教学方法及装置
CN107861928A (zh) * 2017-09-28 2018-03-30 镇江景天信息科技有限公司 一种制作演示课件方法和装置
CN109284473A (zh) * 2018-11-20 2019-01-29 育宁教育科技(上海)有限公司 在线教学课件的编辑和生成方法以及***

Also Published As

Publication number Publication date
CN109284473A (zh) 2019-01-29

Similar Documents

Publication Publication Date Title
WO2020103702A1 (zh) 在线教学课件的编辑和生成方法以及***
US5745738A (en) Method and engine for automating the creation of simulations for demonstrating use of software
CN110533969B (zh) 一种编程教学端及***
US20150121189A1 (en) Systems and Methods for Creating and Displaying Multi-Slide Presentations
US20160267700A1 (en) Generating Motion Data Stories
CN108491369B (zh) 一种交互式课件制作方法
TWI463400B (zh) 互動式三維多媒體編輯系統、方法及其電腦可讀取媒體
CN109697906B (zh) 一种基于互联网教学平台的跟随教学方法
US20220398798A1 (en) JSON-Based Translation of Software Programming Language Into an Accessible Drag and Drop Web-based Application for Content Creation in Spatial Computing
KR101323148B1 (ko) Ucr 융합 컨텐츠 에디터 장치
TW201335902A (zh) 雲端化多媒體教學系統、其製作方法及其互動方法
CN109165014B (zh) 用于编辑控件的方法、装置、设备以及计算机存储介质
TWI575457B (zh) 線上互動式三維多媒體編輯交流架構、編輯交流方法及其電腦可讀取媒體
Sefton‐Green Timelines, timeframes and special effects: Software and creative media production
CN110704152A (zh) 图形化在线互动教学内容创建***及方法
Bakkay et al. Protocols and software for simplified educational video capture and editing
WO2019024746A1 (zh) 互动课件的创建方法和***
JP6686578B2 (ja) 情報処理装置及び情報処理プログラム
CN116452786A (zh) 虚拟现实内容的生成方法、***、计算机设备及存储介质
Farrimond et al. Using multimedia to present case studies for systems analysis
Redfern Computational Film Analysis with R
CN113626621A (zh) 一种在线互动教学的课程内容生成***和编辑装置
KR101161693B1 (ko) 객체지향이며 ｘｍｌ기반으로 하는 컨텐츠 편집 솔루션을 갖춘 ｃｍｓ
US20240127704A1 (en) Systems and methods for generating content through an interactive script and 3d virtual characters
Chen et al. Teaching Practice for Digital Media Design in the Context of Media Integration

Legal Events

Date Code Title Description
121 Ep: the epo has been informed by wipo that ep was designated in this application

Ref document number: 19887466

Country of ref document: EP

Kind code of ref document: A1

NENP Non-entry into the national phase

Ref country code: DE

122 Ep: pct application non-entry in european phase

Ref document number: 19887466

Country of ref document: EP

Kind code of ref document: A1