多端课件实时互动方法及系统技术方案

本发明专利技术涉及多端课件实时互动方法，包括教师端、学生端，所述方法包括如下步骤：教师端和学生端分别加载html格式的控制器和互动课件；所述控制器利用属性模块进行信息初始化，完成信息初始化后利用队列模块序列化信息队列，请求加载所述互动课件；教师端获取对所述互动课件的操作数据，并将所述操作数据发送给所述工具包模块，所述工具包模块中的动画效果模块执行动画效果播放，所述工具包模块中的消息构造模块根据所述操作数据生成消息，发送所述消息给所述学生端中的工具包模块，所述学生端中事件触发模块触发动画播放。保证了多端动画效果的执行的一致性、有序性；保证了多端上课过程的互动性；同时占用较小的cpu的情况加载音视频。

Multi terminal courseware real-time interactive method and system

The present invention relates to a method of real-time interactive multi courseware, including teachers, students, and the method comprises the following steps: controller and interactive courseware teachers and students end end respectively loading HTML format; the controller using the attribute information module initialization, complete information after initialization using the queue module serialization information request queue, loading the interaction courseware; teacher end obtains the operational data of the interactive courseware, and the data sent to the toolkit module, animation module of the toolkit execution in animation playback, the toolkit module in the message structure module according to the operation data generation message, sending the message to the the students in the toolkit end, the students in the end event trigger module trigger animation. It ensures the consistency and orderliness of the execution of multi terminal animation, ensures the interactivity of the multi end class process, and loads the audio and video in the case of smaller cpu.

【技术实现步骤摘要】
多端课件实时互动方法及系统
本专利技术涉及互联网教学领域，具体而言，涉及一种多端课件实时互动方法及一种多端课件实时互动系统。
技术介绍
在PC端启动客户端软件，加载互动课件，利用程序实现多端的互动实时同步教学(包括点击、拖动等动画效果的展示同步以及音视频的播放同步)，高效方便地实现了多端的互动教学。当前比较普遍的做法是录屏，将教师的界面通过媒体流的形式分享出去，这样会带来很高的带宽需求。另外其他的一些实施方式中，如果将老师端的页面操作动画转换为图像进行显示，容易造成失真现象，且用户看不到动画的执行过程，上课过程较为枯燥，缺乏趣味性；如果音视频播放依赖于flash实现，将会极大的加大了cpu的占用，且安全性不高，如果用户的电脑配置不高且任务量过大，将造成音视频播放的卡顿现象，为用户的学习带来了些许不便；如果将老师端的页面操作动画转换为视频进行显示，较强依赖于网络环境的传输，且用户看不到实时的效果，且用户无法参与整个过程，缺少互动性；如果将老师端的页面操作动画转换为swf进行显示，需要客户端具有flash播放功能，另外swf不具有跨平台的能力，即手机端不支持swf文件，跨平台及可移植性较差。
技术实现思路
本专利技术为了解决现有课件分发过程中实时性差，特别是分发带有动画音频的课件时，占用CPU、带宽大的问题，提供了一种多端课件实时互动方法，包括教师端、学生端，所述方法包括如下步骤：教师端和学生端分别加载html格式的控制器controller.html和h5互动课件，所述控制器controller.html包括工具包模块sdk.js、属性模块status.js、队列模块queue.js，所述h5互动课件是指通过html5、css3以及js编写完成的html页面；所述控制器controller.html利用属性模块status.js进行信息初始化，完成信息初始化后利用队列模块queue.js序列化信息队列，序列化队列以后，请求加载所述h5互动课件；教师端获取对所述h5互动课件的操作数据，并将所述操作数据发送给所述工具包模块sdk.js，所述工具包模块sdk.js中的动画效果模块执行动画效果播放，动画效果播放完成后，所述工具包模块sdk.js中的消息构造模块根据所述操作数据生成消息，发送所述消息给所述学生端中的工具包模块sdk.js，所述学生端中的工具包模块sdk.js中的事件触发模块触发所述学生端中的h5互动课件根据所述操作数据进行动画播放。进一步地，还包括服务器，所述教师端和学生端还包括客户端，所述发送所述消息给所述学生端中的工具包模块sdk.js的步骤具体包括：所述工具包模块sdk.js中的消息构造模块发送所述消息给教师端的客户端，所述教师端的客户端将所述消息发送给服务器，所述服务器将所述消息发送给学生端的客户端，学生端的客户端将所述消息发送给所述学生端的工具包模块sdk.js。进一步地，所述教师端和学生端分别加载html格式的控制器controller.html和h5互动课件的步骤之前，还包括：初始化教师端和学生端的步骤或者初始化教师端、学生端和服务器的步骤。进一步地，所述消息为json数据格式的消息。进一步地，所述学生端的数量为多个。进一步地，所述操作数据包括点击按钮、拖拽按钮和对课件中元素的操作。本专利技术另一方面还提供了一种多端课件实时互动系统，包括教师端、学生端，所述教师端和学生端分别包括控制器，所述控制器中包括工具包模块、属性模块和队列模块；所述教师端、学生端用于加载所述控制器和h5互动课件，所述h5互动课件是指通过html5、css3以及js编写完成的html页面；所述控制器用于利用属性模块进行信息初始化，完成信息初始化后利用队列模块序列化信息队列，序列化队列以后，请求加载所述h5互动课件；所述教师端还包括课件操作数据获取模块，所述课件操作数据获取模块用于获取用户对所述h5互动课件的操作数据，并将所述操作数据发送给所述工具包模块；所述教师端中的所述工具包模块中的动画效果模块执行动画效果播放，动画效果播放完成后，所述工具包模块中的消息构造模块根据所述操作数据生成消息，发送所述消息给所述学生端中的工具包模块，所述学生端中的工具包模块中的事件触发模块触发所述学生端中的h5互动课件根据所述操作数据进行动画播放。进一步地，还包括服务器，所述教师端和学生端还包括客户端，所述教师端中的工具包模块中的消息构造模块发送所述消息给教师端的客户端，所述教师端的客户端将所述消息发送给服务器，所述服务器将所述消息发送给学生端的客户端，学生端的客户端将所述消息发送给所述学生端的工具包模块。进一步地，所述消息为json数据格式的消息。进一步地，所述学生端的数量为多个。本本专利技术与现有技术相比能够保证了多端动画效果的执行的一致性、有序性；保证了多端上课过程的互动性；同时占用较小的cpu的情况加载音视频。附图说明通过参考附图会更加清楚的理解本专利技术的特征和优点，附图是示意性的而不应理解为对本专利技术进行任何限制，在附图中：图1为本专利技术一些实施例中的多端课件实时互动方法的流程示意图；图2为本专利技术一些实施例中的多端课件实时互动方法的流程示意图；图3为本专利技术一些实施例中的多端课件实时互动系统的结构示意图；图4为本专利技术一些实施例中的多端课件实时互动系统的结构示意图；图5为本专利技术一些实施例中的多端课件实时互动系统的结构示意图。具体实施方式为了能够更清楚地理解本专利技术的上述目的、特征和优点，下面结合附图和具体实施方式对本专利技术进行进一步的详细描述。需要说明的是，在不冲突的情况下，本申请的实施例及实施例中的特征可以相互组合。在下面的描述中阐述了很多具体细节以便于充分理解本专利技术，但是，本专利技术还可以采用其他不同于在此描述的其他方式来实施，因此，本专利技术的保护范围并不受下面公开的具体实施例的限制。本专利技术克服现有中多端分发课件占用带宽大，加载音视频占用CPU高的问题，提出了一种基于html(超文本标记语言)课件分发系统，可直接在浏览器上进行运行，不需额外的软件，将课件中的动作(如，点击、拖拽按钮，对课件中元素(小动物、植物)的点击，移动等信息)预先建立好事件函数，在客户端中安装的sdk文件中接收到这些动作触发信息后，解析形成动画，在客户端上显示，不需要将远程的动作信息转换为动画格式文件进行传递，这时占用的带宽较小，同时，动画在本端实时生成，不需要加载，占用内存和CPU较小，使得实时性更加提高，流畅性、一致性较好。实施例一如图1所示，本专利技术提供了一种多端课件实时互动方法，包括教师端、学生端，所述教师端、学生端为可连接网络的计算机或者控制器，所述方法包括如下步骤：S110教师端和学生端分别加载html格式的控制器controller.html和h5互动课件；所述控制器controller.html包括工具包模块sdk.js、属性模块status.js、队列模块queue.js，所述h5互动课件是指通过html5、css3以及js编写完成的html页面；S120所述控制器controller.html利用属性模块status.js进行信息初始化，完成信息初始化后利用队列模块queue.js序列化信息队列，序列化队列以后，请求加载所述h5互动课件；S130教师端获取对本文档来自技高网...

【技术保护点】
一种多端课件实时互动方法，其特征在于，包括教师端、学生端，所述方法包括如下步骤：教师端和学生端分别加载html格式的控制器controller.html和h5互动课件，所述控制器controller.html包括工具包模块sdk.js、属性模块status.js、队列模块queue.js，所述h5互动课件是指通过html5、css3以及js编写完成的html页面；所述控制器controller.html利用属性模块status.js进行信息初始化，完成信息初始化后利用队列模块queue.js序列化信息队列，序列化队列以后，请求加载所述h5互动课件；教师端获取对所述h5互动课件的操作数据，并将所述操作数据发送给所述工具包模块sdk.js，所述工具包模块sdk.js中的动画效果模块执行动画效果播放，动画效果播放完成后，所述工具包模块sdk.js中的消息构造模块根据所述操作数据生成消息，发送所述消息给所述学生端中的工具包模块sdk.js，所述学生端中的工具包模块sdk.js中的事件触发模块触发所述学生端中的h5互动课件根据所述操作数据进行动画播放。

【技术特征摘要】
1.一种多端课件实时互动方法，其特征在于，包括教师端、学生端，所述方法包括如下步骤：教师端和学生端分别加载html格式的控制器controller.html和h5互动课件，所述控制器controller.html包括工具包模块sdk.js、属性模块status.js、队列模块queue.js，所述h5互动课件是指通过html5、css3以及js编写完成的html页面；所述控制器controller.html利用属性模块status.js进行信息初始化，完成信息初始化后利用队列模块queue.js序列化信息队列，序列化队列以后，请求加载所述h5互动课件；教师端获取对所述h5互动课件的操作数据，并将所述操作数据发送给所述工具包模块sdk.js，所述工具包模块sdk.js中的动画效果模块执行动画效果播放，动画效果播放完成后，所述工具包模块sdk.js中的消息构造模块根据所述操作数据生成消息，发送所述消息给所述学生端中的工具包模块sdk.js，所述学生端中的工具包模块sdk.js中的事件触发模块触发所述学生端中的h5互动课件根据所述操作数据进行动画播放。2.根据权利要求1所述的多端课件实时互动方法，其特征在于，还包括服务器，所述教师端和学生端还包括客户端，所述发送所述消息给所述学生端中的工具包模块sdk.js的步骤具体包括：所述工具包模块sdk.js中的消息构造模块发送所述消息给教师端的客户端，所述教师端的客户端将所述消息发送给服务器，所述服务器将所述消息发送给学生端的客户端，学生端的客户端将所述消息发送给所述学生端的工具包模块sdk.js。3.根据权利要求1或2所述的多端课件实时互动方法，其特征在于，所述教师端和学生端分别加载html格式的控制器controller.html和h5互动课件的步骤之前，还包括：初始化教师端和学生端的步骤或者初始化教师端、学生端和服务器的步骤。4.根据权...

【专利技术属性】
技术研发人员：陶璨，张汝平，邵永凯，
申请(专利权)人：北京大生在线科技有限公司，
类型：发明
国别省市：北京,11