一种html5课件制作方法及系统
阅读说明：本技术 一种html5课件制作方法及系统 (HTML5 courseware making method and system ) 是由 陈凡 于 2021-09-23 设计创作，主要内容包括：本发明涉及一种HTML5课件制作方法及系统,所述方法应用于客户端和服务器,所述方法包括以下步骤：S1：客户端向服务器发起创建课件请求,并确定课件类型；S2：服务器根据课件请求中的课件类型向客户端返回对应的课件资源；S3：客户端从课件资源中选取课件素材制作课件并保存；S4：客户端发起发布请求,服务器对课件进行审核,审核通过后进入步骤S5；S5：服务器发布客户端所创建的课件,并向客户端发送课件的HTTP URL地址。与现有技术相比,本发明具有操作灵活、成本低、适用范围广等优点。(The invention relates to a method and a system for making HTML5 courseware, wherein the method is applied to a client and a server and comprises the following steps: s1: the client initiates a courseware creating request to the server and determines courseware types; s2: the server returns corresponding courseware resources to the client according to the courseware type in the courseware request; s3: the client selects courseware materials from courseware resources to make courseware and store the courseware materials; s4: the client side initiates a release request, the server checks courseware, and the step S5 is executed after the check is passed; s5: the server publishes the courseware created by the client and sends the HTTP URL address of the courseware to the client. Compared with the prior art, the invention has the advantages of flexible operation, low cost, wide application range and the like.)
技术领域
本发明涉及课件制作领域，尤其是涉及一种HTML5课件制作方法及系统。
背景技术
传统教学方式主要依赖于教师的板书面授的教学方式，板书需要占用一定的课上时间，进而操作教学效率低下，授课过程单一，学生对知识点吸收率较低。而传统网页技术、WORD、PPT本身的局限，此类课件通常以文字+图片为主，缺乏声影的配合，更无法引入一些交互参与的教学设计，使得学生注意力难以集中，学习效果也不尽如人意。现有的HTML5课件制作系统操作时，操作复杂，不能提供丰富的制作资源，对网络要求高，拖拽组件时会有卡顿现象，通用性差，上手难度高。
发明内容
本发明的目的就是为了克服上述现有技术存在的缺陷而提供一种HTML5课件制作方法及系统。
本发明的目的可以通过以下技术方案来实现：
一种HTML5课件制作方法，应用于客户端和服务器，所述方法包括以下步骤：
S1：客户端向服务器发起创建课件请求，并确定课件类型；
S2：服务器根据课件请求中的课件类型向客户端返回对应的课件资源；
S3：客户端从课件资源中选取课件素材制作课件并保存；
S4：客户端发起发布请求，服务器对课件进行审核，审核通过后进入步骤S5；
S5：服务器发布客户端所创建的课件，并向客户端发送课件的HTTP URL地址。
优选地，所述的步骤还包括S0：客户端输入登录信息并发送至服务器进行审核，审核通过后进入步骤S1。
优选地，所述的服务器中存储有客户信息，所述服务器获取客户端输入的登录信息后与客户信息进行比对，若比对一致则审核通过，否则审核失败并将审核失败信息发送至客户端。
优选地，所述的步骤S4具体包括：
S41：客户端向服务器发送发布请求；
S42：服务器获取发布请求，根据审核规则对保存在服务器的课件进行审核；
S43：若审核通过，进入步骤S5，否则向客户端发送审核意见并返回进入步骤S3。
优选地，所述的课件资源包括音视频资源、题库资源、互动组件资源和课中提示组件。
优选地，所述的客户端和服务器采用egret引擎。
优选地，所述客户端包括本地存储器，所述制作课件过程中每一个制作操作的数据都会保存到客户端的本地存储器，并重置egret引擎界面。
一种HTML5课件制作系统，包括客户端和服务器，所述服务器包括课程体系模块、课件资源模块、课件审核模块、课件发布模块，
所述的客户端用于向服务器发起创建课件请求，并确定课件类型，从课件资源中选取课件素材制作课件并保存，向服务器发起发布请求；
所述的课程体系模块用于根据课件请求中的课件类型向客户端返回对应的课件资源；
所述的课件资源模块用于存储课件资源；
所述的课件审核模块用于对待发布的课件进行审核；
所述的课件发布模块用于对审核通过的课件进行发布，并并向客户端发送课件的HTTP URL地址。
优选地，所述的客户端还用于输入登录信息并发送至服务器进行审核，
所述的服务器还包括客户审核模块，所述的客户审核模块用于获取客户端输入的登录信息并与客户信息进行比对，若比对一致则审核通过，否则审核失败并将审核失败信息发送至客户端。
优选地，所述的客户端和服务器采用egret引擎。
与现有技术相比，本发明具有如下优点：
(1)本发明的课件制作方法能够基于egret引擎进行课件制作，根据课程类型提供丰富的课件资源进行拖拽使用，并在课件制作好后进行相应的审核发布流程，操作方便简单，能够为不同类型的使用者提供课件制作服务，由使用者根据自己需求进行课件的制作，降低课件制作成本和操作难度，提高适用范围；
(2)本发明的课件制作系统结合egret引擎，每一次的数据改动都会将最新数据保存到本地存储器，并重置一次egret界面，有效提高课件制作实时性和体验性；
(3)本发明根据所创建课件的类型向客户端开放对应的课件资源，有效提高课件制作效率，由于课件资源内容庞大，针对性的资源提供能够防止课件制作出现误操作。
附图说明
图1为本发明的一种HTML5课件制作方法的流程图。
具体实施方式
下面结合附图和具体实施例对本发明进行详细说明。注意，以下的实施方式的说明只是实质上的例示，本发明并不意在对其适用物或其用途进行限定，且本发明并不限定于以下的实施方式。
实施例
一种HTML5课件制作方法，该方法用于制作课件的客户端和服务器，如图1所示，包括以下步骤：
S0：客户端输入登录信息并发送至服务器进行审核，审核通过后进入步骤S1。
服务器中存储有客户信息，所述服务器获取客户端输入的登录信息后与客户信息进行比对，若比对一致则审核通过，否则审核失败并将审核失败信息发送至客户端。本实施例中，客户信息除了客户的登录信息外，还包含企业基本信息、企业编码、企业权限设定。
S1：客户端向服务器发起创建课件请求，并确定课件类型。本实施例中构建课程分类树，可以针对不同的科目、年级针对性的构建体系，选取对应课件类型后推送对应的课件资源和模板。
S2：服务器根据课件请求中的课件类型向客户端返回对应的课件资源；
S3：客户端从课件资源中选取课件素材制作课件并保存；
S4：客户端发起发布请求，服务器对课件进行审核，审核通过后进入步骤S5。
步骤S4具体包括：
S41：客户端向服务器发送发布请求；
S42：服务器获取发布请求，根据审核规则对保存在服务器的课件进行审核；
S43：若审核通过，进入步骤S5，否则向客户端发送审核意见并返回进入步骤S3。
步骤S4的审核流程使用了工作流引擎，课件各个阶段操作清晰，有详细的日志记录。
S5：服务器发布客户端所创建的课件，并向客户端发送课件的HTTP URL地址。
本发明中，课件资源包括音视频资源、题库资源、互动组件资源和课中提示组件，互动组件资源包含多种互动组件，如弹卡、大转盘、拖拽组件、跑马灯、筛子等，课中提示组件能够实现课件的提醒，并支持课中单人互动和多人互动。
本发明的客户端和服务器采用egret引擎，客户端内设有本地存储器，制作课件过程中每一个制作操作的数据都会保存到客户端的本地存储器，并重置egret引擎界面，提高课件制作过程的实时性和体验感。本发明结合egret引擎，将游戏引擎应用在课件制作，对底层进行二次开发，改造后全局使用一份JSON数据，无论在vue界面还是egret界面，都是引用/操作这同一份数据。
与上述方法对应，本发明还提供了一种HTML5课件制作系统，包括客户端和服务器，所述服务器包括课程体系模块、课件资源模块、课件审核模块、课件发布模块，客户端用于向服务器发起创建课件请求，并确定课件类型，从课件资源中选取课件素材制作课件并保存，向服务器发起发布请求；课程体系模块用于根据课件请求中的课件类型向客户端返回对应的课件资源；课件资源模块用于存储课件资源；课件审核模块用于对待发布的课件进行审核；课件发布模块用于对审核通过的课件进行发布，并并向客户端发送课件的HTTPURL地址。
客户端还用于输入登录信息并发送至服务器进行审核，服务器还包括客户审核模块，客户审核模块用于获取客户端输入的登录信息并与客户信息进行比对，若比对一致则审核通过，否则审核失败并将审核失败信息发送至客户端。客户端和服务器采用egret引擎。
上述实施方式仅为例举，不表示对本发明范围的限定。这些实施方式还能以其它各种方式来实施，且能在不脱离本发明技术思想的范围内作各种省略、置换、变更。