CN110222327A - 一种教育直播课件的制作方法及展示方法 - Google Patents

Abstract

本发明公开了一种教育直播课件的制作方法及展示方法。用户根据不同的课堂需求，选择不同的课件模板，添加和编辑课件元素，生成课件描述文件，并保存描述文件和所需资源至服务器。终端获取课堂信息，加载课堂所需课件描述文件和所需资源，并解析。提取每一个课件页面的界面数据，并根据界面数据显示在终端屏幕上。根据终端操作信号，获取当前操作元素，并判断元素类型，根据不同的类型显示不同的行为，并发送操作信息至服务端，服务端再发送至其它终端，同步显示操作结果。本发明的有益效果是：由于免除了直播转推课件内容，使得课件在各终端的清晰度都能得到最高的保障；可以有很大的互动性，增加课堂趣味性，提高课堂效率。

Description

一种教育直播课件的制作方法及展示方法

技术领域

本发明涉及互联网相关技术领域，尤其是指一种教育直播课件的制作方法及展示方法。

背景技术

随着互联网技术的发展，教育逐渐和互联网技术紧密的结合在一起，老师通过直播或视频等方式将自己的知识点教授给学生，而学生可以在任意能连上互联网的地方学习知识。

而现有的互联网授课方式一般是老师分享自己的计算机桌面屏幕或者使用摄像头捕捉自己需要展示的物品，这种方式学生能参与的部分的非常少，尤其低龄儿童在一直听讲的过程中很容易分心，使得授课效率低下。

发明内容

本发明是为了克服现有技术中存在上述的不足，提供了一种增加学生课堂参与度与提高课堂互动性的教育直播课件的制作方法及展示方法。

为了实现上述目的，本发明采用以下技术方案：

一种教育直播课件的制作方法，具体包括如下步骤：

(11)终端显示预设操作界面，界面包含打开、新建及恢复功能，并接收用户操作指令；

(12)终端进入新建功能界面，显示课件模板的选择窗口，并展示所有可供制作的课件模板类型选项；

(13)终端判断课件模板类型，显示课件模板属性编辑窗口；

(14)客户端收到保存信号时，收集所有已创建课件模板的信息，创建课件模板描述文件，将所需音视频图片文件打包，发送至服务器保存。

本方法中：用户根据不同的课堂需求，选择不同的课件模板，添加和编辑课件元素，生成课件描述文件，并保存描述文件和所需资源至服务器。通过预先制作的课件，各终端在课堂中均可以本地加载课件，由于免除了直播转推课件内容，使得课件在各终端的清晰度都能得到最高的保障，复习时也能实时加载课件。

作为优选，在步骤(11)中，打开功能为加载已有课件的功能，用户通过加载之前保存好的课件包，可以在已制作好的课件的基础上进行改动和编辑；新建功能为开始制作全新的课件；恢复功能为打开上次制作但未制作完成的课件，通过恢复功能，可以实现在任何时间制作，且不会因为终端的重新启动而丢失数据；打开及恢复功能依赖于新建功能。

作为优选，在步骤(12)中，课件类型的选项可以为文字描述，也可以为当前模板的缩略图，更进一步地选项也可以动画或视频，用来展示此课件可以实现的功能或制作步骤。

作为优选，在步骤(13)中，课件模板编辑窗口可以根据不同的课件模板类型显示为不同的界面；界面包含此课件模板的属性设置，界面可以显示为不同的属性设置，每个属性为一个下拉选择框，但同时，课件模板属性编辑界面也可以没有，均采用默认的设置。

本发明还提供了一种教育直播课件的展示方法，具体包括如下步骤：

(21)终端连入课堂，在收到课堂信息后，加载课件模板描述文件；

(22)客户端获取课件的资源信息，并加载资源；

(23)终端向服务器请求当前课堂状态信息。

本方法中通过在课堂中使用互动课件，老师和学生可以有很大的互动性，增加课堂趣味性，提高课堂效率。

作为优选，在步骤(21)中，加载课件模板描述文件可以由服务端主动解析文件内容也可以在客户端下载描述文件之后，由客户端解析；描述文件解析成功之后，读取描述文件中的版本信息，及所需要的最小客户端版本，并判断客户端版本是否匹配，不匹配则提示升级课件解析引擎。

作为优选，在步骤(22)中，终端读取资源列表成功之后可以一次性在进入课堂之时加载到客户端缓存中，客户端显示加载进入；终端也可以预先计算每一页课件所需要的资源，然后预先加载前3-4个页面需要的资源，后续的资源放在后台加载；服务端也可以将所需资源打包并压缩为一个文件，终端在进课堂之前下载资源包并解压到客户端***临时目录；从网络加载资源的过程中可以显示加载进度和速度，显示界面可以为百分比进度条或者文字描述信息。

作为优选，在步骤(23)中，由于用户可能在课程开启之后进来，或者由于终端因为***问题重新进入课堂，所以课堂信息需包括当前所在页面页数，以及当前所在页面已发生过的操作内容；终端判断当前页面是否已经创建，若已创建则直接显示；否则若未创建，则根据之前解析的描述文件，获取当前页面信息，以及当前页面的所有元素，以及元素属性信息；在页面信息获取完毕之后，终端根据此信息绘制课件。

作为优选，终端根据此信息绘制课件的步骤如下：

(231)终端根据屏幕显示区域，以及描述文件中页面的长宽信息，确定此页面的在屏幕中的真实显示区域，以及此页面坐标相对屏幕的转换算法；

(232)终端根据页面的背景颜色信息绘制页面背景颜色，再根据背景图片信息及其图片填充属性绘制图片；

(233)终端根据描述信息读取所有元素信息，根据层级关系获取第一层所需的所有元素，循环进入元素绘制；

(234)根据元素相对其父元素的坐标，计算得到元素真实的坐标位置。

作为优选，在上述课件绘制的基础上，提供了一种课件元素的交互方法，其步骤如下：

(a)在终端课件界面接收手指按下或鼠标按下信息，判断此在页面的坐标位置；终端根据坐标位置获取此坐标位置包含的元素；

(b)根据元素所属的不同种类，其中包括不同的交互模式，若终端判断此元素为选项类元素，在此元素监听手势或鼠标抬起信息，鼠标抬起后进入到步骤(c)中；若终端判断此元素为媒体类元素，在此元素监听手势或鼠标抬起信息，鼠标抬起后进入到步骤(d)中；若终端判断此元素为拖动类元素，在此元素监听手势或鼠标抬起信息，记录移动轨迹坐标，并进入到步骤(e)中；

(c)终端根据描述文件信息判断此选项是否正确，并发送选项信息至课件服务器，服务器记录此次选择结果，并发送判断结果和选项信息至所有终端，各终端根据结果播放正确或错误音效，并显示相应动画；

(d)终端显示媒体播放器界面，接收用户的操作指令，并发送操作指令及当前媒体状态及当前播放位置至课件服务器，服务器将信息发送至所有其它终端，各终端根据此信息同步媒体状态；

(e)将轨迹坐标点发送至课件服务器，课件服务器发送此坐标点至其它终端，其它终端根据此坐标点，实时调整此对应元素的位置。

本发明的有益效果是：通过预先制作的课件，各终端在课堂中均可以本地加载课件，由于免除了直播转推课件内容，使得课件在各终端的清晰度都能得到最高的保障，复习时也能实时加载课件；通过在课堂中使用互动课件，老师和学生可以有很大的互动性，增加课堂趣味性，提高课堂效率。

附图说明

图1是本发明制作方法的方法流程图；

图2是本发明制作方法中课件模板界面的一种实施例示意图；

图3是本发明展示方法的方法流程图；

图4是本发明中绘制课件的方法流程图；

图5是本发明中选择类元素的交互方法流程图；

图6是本发明中媒体类元素的交互方法流程图；

图7是本发明中拖动类元素的交互方法流程图。

具体实施方式

下面结合附图和具体实施方式对本发明做进一步的描述。

如图1所述的实施例中，一种教育直播课件的制作方法，通过此方法可以制作内容丰富、可交互式的课件，用户在使用此方法制作课件之时可以根据不同的业务需求，制作适应不同场景的课件类型，具体包括如下步骤：

(11)终端显示预设操作界面，界面包含打开、新建及恢复功能，并接收用户操作指令；

其中，打开功能为加载已有课件的功能，用户通过加载之前保存好的课件包，可以在已制作好的课件的基础上进行改动和编辑；新建功能为开始制作全新的课件；恢复功能为打开上次制作但未制作完成的课件，通过恢复功能，可以实现在任何时间制作，且不会因为终端的重新启动而丢失数据；打开及恢复功能依赖于新建功能。

(12)终端进入新建功能界面，显示课件模板的选择窗口，并展示所有可供制作的课件模板类型选项；

其中，课件类型的选项可以为文字描述，也可以为当前模板的缩略图，更进一步地选项也可以动画或视频，用来展示此课件可以实现的功能或制作步骤。

(13)终端判断课件模板类型，显示课件模板属性编辑窗口；

其中，课件模板编辑窗口可以根据不同的课件模板类型显示为不同的界面；界面包含此课件模板的属性设置，界面可以显示为不同的属性设置，每个属性为一个下拉选择框，但同时，课件模板属性编辑界面也可以没有，均采用默认的设置。如图2所示，下面根据不同的课件模板类型分别描述其步骤。

若用户打开选择/判断类页面模板，显示模板属性编辑窗口，设置标题、音频及选项个数，生成元素，显示在页面中；用户双击模板元素显示元素属性编辑窗口，调整元素坐标、文字、图片等属性以达到预期显示效果；用户双击选项元素，调整选项答案属性，以及学生答错之后的显示属性；

若用户打开连线类页面模板，显示模板属性编辑窗口，设置标题、音频、转场动画、选项个数，线条颜色，生成元素；用户双击模板元素显示元素属性编辑窗口，功能同上；用户双击选项元素，调整选项可以配对的选项，以及选项连接错误之后的显示属性；

若用户打开拖拽类页面模板，显示模板属性编辑窗口，设置标题、音频、转场动画、拖拽元素个数；用户双击模板元素显示元素属性编辑窗口，功能同上；

若用户打开拼图类页面模板，显示模板属性编辑窗口，设置标题、正确贴合音频、错误贴合音频、转场动画；点击添加元素，设置元素起始坐标和目的坐标，设置元素显示图片，设置元素贴合属性：是否自动贴合，贴合百分比，抬起手指或移动过程中贴合；

若用户打开音视频播放类模板，设置元素坐标与背景图片，选择播放文件。

(14)客户端收到保存信号时，收集所有已创建课件模板的信息，创建课件模板描述文件，将所需音视频图片文件打包，发送至服务器保存。

如图3所示，本发明还提供了一种教育直播课件的展示方法，具体包括如下步骤：

(21)终端连入课堂，在收到课堂信息后，加载课件模板描述文件；

其中，加载课件模板描述文件可以由服务端主动解析文件内容也可以在客户端下载描述文件之后，由客户端解析；描述文件解析成功之后，读取描述文件中的版本信息，及所需要的最小客户端版本，并判断客户端版本是否匹配，不匹配则提示升级课件解析引擎。

(22)客户端获取课件的资源信息，并加载资源；

其中，终端读取资源列表成功之后可以一次性在进入课堂之时加载到客户端缓存中，客户端显示加载进入，这样用户在上课过程中可以不用实时加载网络资源而造成课件一段时间的空白，影响上课效果；终端也可以预先计算每一页课件所需要的资源，然后预先加载前3-4个页面需要的资源，后续的资源放在后台加载，这样可以加快用户进入课堂的速度，提高用户体验；服务端也可以将所需资源打包并压缩为一个文件，终端在进课堂之前下载资源包并解压到客户端***临时目录，这样就在进入课堂之时就不需要再进行加载，同时下次上课之时也不用再加载；从网络加载资源的过程中可以显示加载进度和速度，显示界面可以为百分比进度条或者文字描述信息。学生终端的资源加载进度信息可以发送至老师终端，以方便老师掌控课堂进度。

(23)终端向服务器请求当前课堂状态信息；

由于用户可能在课程开启之后进来，或者由于终端因为***问题重新进入课堂，所以课堂信息需包括当前所在页面页数，以及当前所在页面已发生过的操作内容；其中，页面已发生过的操作内容，包括但不限于元素是否已被点击，元素被拖动的新位置，动画播放状态，音视频当前播放状态及进度等。

终端判断当前页面是否已经创建，若已创建则直接显示；否则若未创建，则根据之前解析的描述文件，获取当前页面信息，以及当前页面的所有元素，以及元素属性信息；在页面信息获取完毕之后，终端根据此信息绘制课件；

如图4所示，终端根据此信息绘制课件的步骤如下：

(231)终端根据屏幕显示区域，以及描述文件中页面的长宽信息，确定此页面的在屏幕中的真实显示区域，以及此页面坐标相对屏幕的转换算法；

在本实施例中，屏幕可以任意尺寸的显示设备，由于不同终端的屏幕宽高不尽相同，为保证不同终端屏幕的显示效果一致，因此描述文件中关于长宽的预设属性并不是真实的屏幕像素，而是根据终端预留课件区域，计算其比例然后缩放居中得到。

(232)终端根据页面的背景颜色信息绘制页面背景颜色，再根据背景图片信息及其图片填充属性绘制图片；

(233)终端根据描述信息读取所有元素信息，根据层级关系获取第一层所需的所有元素，循环进入元素绘制；

(234)根据元素相对其父元素的坐标，计算得到元素真实的坐标位置；

根据元素宽高、背景图片、轮廓信息等绘制元素外观；获取元素动画属性，其中包括但不限于闪烁、抖动、移动、旋转等，开启定时器，根据动画描述各个时间点绘制不同的元素状态；获取此元素下挂载的所有子元素，重复上述步骤。在本实施例中，元素有层级嵌套关系，每个元素都有可能存在子元素，但同样地，元素可以不存在层级嵌套关系，独立显示在页面中。

在上述课件绘制的基础上，提供了一种课件元素的交互方法，其步骤如下：

(a)在终端课件界面接收手指按下或鼠标按下信息，判断此在页面的坐标位置；终端根据坐标位置获取此坐标位置包含的元素；

(b)根据元素所属的不同种类，其中包括不同的交互模式，若终端判断此元素为选项类元素，在此元素监听手势或鼠标抬起信息，鼠标抬起后进入到步骤(c)中，如图5所示；若终端判断此元素为媒体类元素，在此元素监听手势或鼠标抬起信息，鼠标抬起后进入到步骤(d)中，如图6所示；若终端判断此元素为拖动类元素，在此元素监听手势或鼠标抬起信息，记录移动轨迹坐标，并进入到步骤(e)中，如图7所示；

(c)终端根据描述文件信息判断此选项是否正确，并发送选项信息至课件服务器，服务器记录此次选择结果，并发送判断结果和选项信息至所有终端，各终端根据结果播放正确或错误音效，并显示相应动画；

(d)终端显示媒体播放器界面，接收用户的操作指令，并发送操作指令及当前媒体状态及当前播放位置至课件服务器，服务器将信息发送至所有其它终端，各终端根据此信息同步媒体状态；

(e)将轨迹坐标点发送至课件服务器，课件服务器发送此坐标点至其它终端，其它终端根据此坐标点，实时调整此对应元素的位置；其中，为了降低拖动过程中同步消息的发送频率及数据发送量，可以对发送过程进行优化：由于动画在20帧左右对人就已经足够流畅，可以预先缓存拖动过程中产生的坐标点，在每50ms处理一次坐标点，只保留最后一个坐标点，然后再发送。

本发明用户根据不同的课堂需求，选择不同的课件模板，添加和编辑课件元素，生成课件描述文件，并保存描述文件和所需资源至服务器。终端获取课堂信息，加载课堂所需课件描述文件和所需资源，并解析。提取每一个课件页面的界面数据，并根据界面数据显示在终端屏幕上。根据终端操作信号，获取当前操作元素，并判断元素类型，根据不同的类型显示不同的行为，并发送操作信息至服务端，服务端再发送至其它终端，同步显示操作结果。通过预先制作的课件，各终端在课堂中均可以本地加载课件，由于免除了直播转推课件内容，使得课件在各终端的清晰度都能得到最高的保障，复习时也能实时加载课件。在另一方面，通过在课堂中使用互动课件，老师和学生可以有很大的互动性，增加课堂趣味性，提高课堂效率。

本发明还提供了一种终端，此终端可以为通用终端设备，包括移动终端和个人计算机设备，终端包含处理器、存储器及显示器，存储器存储程序数据，用来执行实现上述制作方法和展示方法功能的程序指令，显示器用来显示程序执行过程中生成的图形、动画等。

本申请还提供了一种服务器设计方法，服务器为多节点部署，服务器之间的通讯通过redis通讯，每个服务器都有对外连接的网络端口，用于和上述终端设备进行通讯，并接收终端数据。其中随着用户量的提升，服务器节点的数量可以横向扩展，以保证数据通信的稳定性。

Claims (10)

1.一种教育直播课件的制作方法，其特征是，具体包括如下步骤：

(11)终端显示预设操作界面，界面包含打开、新建及恢复功能，并接收用户操作指令；

(12)终端进入新建功能界面，显示课件模板的选择窗口，并展示所有可供制作的课件模板类型选项；

(13)终端判断课件模板类型，显示课件模板属性编辑窗口；

(14)客户端收到保存信号时，收集所有已创建课件模板的信息，创建课件模板描述文件，将所需音视频图片文件打包，发送至服务器保存。

2.根据权利要求1所述的一种教育直播课件的制作方法，其特征是，在步骤(11)中，打开功能为加载已有课件的功能，用户通过加载之前保存好的课件包，可以在已制作好的课件的基础上进行改动和编辑；新建功能为开始制作全新的课件；恢复功能为打开上次制作但未制作完成的课件，通过恢复功能，可以实现在任何时间制作，且不会因为终端的重新启动而丢失数据；打开及恢复功能依赖于新建功能。

3.根据权利要求1所述的一种教育直播课件的制作方法，其特征是，在步骤(12)中，课件类型的选项可以为文字描述，也可以为当前模板的缩略图，更进一步地选项也可以动画或视频，用来展示此课件可以实现的功能或制作步骤。

4.根据权利要求1所述的一种教育直播课件的制作方法，其特征是，在步骤(13)中，课件模板编辑窗口可以根据不同的课件模板类型显示为不同的界面；界面包含此课件模板的属性设置，界面可以显示为不同的属性设置，每个属性为一个下拉选择框，但同时，课件模板属性编辑界面也可以没有，均采用默认的设置。

5.一种教育直播课件的展示方法，其特征是，具体包括如下步骤：

(21)终端连入课堂，在收到课堂信息后，加载课件模板描述文件；

(22)客户端获取课件的资源信息，并加载资源；

(23)终端向服务器请求当前课堂状态信息。

6.根据权利要求5所述的一种教育直播课件的展示方法，其特征是，在步骤(21)中，加载课件模板描述文件可以由服务端主动解析文件内容也可以在客户端下载描述文件之后，由客户端解析；描述文件解析成功之后，读取描述文件中的版本信息，及所需要的最小客户端版本，并判断客户端版本是否匹配，不匹配则提示升级课件解析引擎。

7.根据权利要求5所述的一种教育直播课件的展示方法，其特征是，在步骤(22)中，终端读取资源列表成功之后可以一次性在进入课堂之时加载到客户端缓存中，客户端显示加载进入；终端也可以预先计算每一页课件所需要的资源，然后预先加载前3-4个页面需要的资源，后续的资源放在后台加载；服务端也可以将所需资源打包并压缩为一个文件，终端在进课堂之前下载资源包并解压到客户端***临时目录；从网络加载资源的过程中可以显示加载进度和速度，显示界面可以为百分比进度条或者文字描述信息。

8.根据权利要求5所述的一种教育直播课件的展示方法，其特征是，在步骤(23)中，由于用户可能在课程开启之后进来，或者由于终端因为***问题重新进入课堂，所以课堂信息需包括当前所在页面页数，以及当前所在页面已发生过的操作内容；终端判断当前页面是否已经创建，若已创建则直接显示；否则若未创建，则根据之前解析的描述文件，获取当前页面信息，以及当前页面的所有元素，以及元素属性信息；在页面信息获取完毕之后，终端根据此信息绘制课件。

9.根据权利要求8所述的一种教育直播课件的展示方法，其特征是，终端根据此信息绘制课件的步骤如下：

(231)终端根据屏幕显示区域，以及描述文件中页面的长宽信息，确定此页面的在屏幕中的真实显示区域，以及此页面坐标相对屏幕的转换算法；

(232)终端根据页面的背景颜色信息绘制页面背景颜色，再根据背景图片信息及其图片填充属性绘制图片；

(233)终端根据描述信息读取所有元素信息，根据层级关系获取第一层所需的所有元素，循环进入元素绘制；

(234)根据元素相对其父元素的坐标，计算得到元素真实的坐标位置。

10.根据权利要求9所述的一种教育直播课件的展示方法，其特征是，在上述课件绘制的基础上，提供了一种课件元素的交互方法，其步骤如下：

(a)在终端课件界面接收手指按下或鼠标按下信息，判断此在页面的坐标位置；终端根据坐标位置获取此坐标位置包含的元素；

(b)根据元素所属的不同种类，其中包括不同的交互模式，若终端判断此元素为选项类元素，在此元素监听手势或鼠标抬起信息，鼠标抬起后进入到步骤(c)中；若终端判断此元素为媒体类元素，在此元素监听手势或鼠标抬起信息，鼠标抬起后进入到步骤(d)中；若终端判断此元素为拖动类元素，在此元素监听手势或鼠标抬起信息，记录移动轨迹坐标，并进入到步骤(e)中；

(c)终端根据描述文件信息判断此选项是否正确，并发送选项信息至课件服务器，服务器记录此次选择结果，并发送判断结果和选项信息至所有终端，各终端根据结果播放正确或错误音效，并显示相应动画；

(d)终端显示媒体播放器界面，接收用户的操作指令，并发送操作指令及当前媒体状态及当前播放位置至课件服务器，服务器将信息发送至所有其它终端，各终端根据此信息同步媒体状态；

(e)将轨迹坐标点发送至课件服务器，课件服务器发送此坐标点至其它终端，其它终端根据此坐标点，实时调整此对应元素的位置。