图形化在线互动教学内容创建系统及方法与流程

本发明涉及互联网在线教学技术领域，具体涉及一种教学内容创建系统及方法。

背景技术：

随着计算机和互联网技术的发展，在线教育近年来也得到突发猛进。而作为在线教学中重要组成部分，教学内容质量直接关系到教学目标的实现。目前各教育机构或企业普遍使用的是静态图文展示教学内容，包括课前预习、上课课件、课后作业、学生测评等各学习场景。

目前课件普遍使用的是将课程等教学内容制作成ppt，由于ppt格式课件的数据封闭性，一般会将ppt每页转换为独立图片再给上传至课堂使用。因为图片的不可操作性，图内已固定位置的图形元素已无法按照预期步骤呈现，教学效果和学习体验都大打折扣。

在一些教学场景中，例如老师讲解、学生答题，动态演示相比静态图文能带来更好的教学效果，而枯燥生涩内容讲解上，动态交互演示更是有着难以替代的作用。

在幼儿教学领域，学习和趣味的结合，寓学于乐，将教学融于游戏中使用游戏化来完成教学目标已成一种常态教学手段。而这个既在原幻灯片教学课件设计中难以完成，转换为图片后更是失去和用户的交互。

考虑现有在线课件在上述教学效果和体验等方面的不足，现有课件技术中也有一些人使用了基于web的多媒体技术来制作课件，但基于web技术的在线课件需要课件制作人员有编码能力，因而有一定制作门槛。而通过专业开发人员将内容写成web课件后，一旦课程内容需要改动或更新，又必须开发人员亲自参与，因此可维护性差。而如使用定制化互动模板，则难以满足各学科知识差异化教学需要，存在推广难度。

技术实现要素：

本发明实施例的目的在于提供一种图形化在线互动教学内容创建系统及方法，可实现无编码基础人员轻松完成在线互动教学内容的创建，同时使得教师能通过上述在线互动教学内容实现教学目标，提升学习效率。

为实现上述目的，第一方面，本发明实施例提供了一种图形化在线互动教学内容创建系统，包括：

资源库，用于提供资源，所述资源用于供给交互元素使用；

资源库管理模块，用于对资源进行管理；

交互案管理模块，用于对所述交互案进行管理；

设计模块，用于根据所述资源及交互案进行课件、互动内容的设计。

作为本申请一种优选的实施方式，所述资源的类型包括字体、特殊资源、图片、音频、视频和骨骼动画；所述资源的基本属性包括名称、类型、所属类目或标签；所述资源管理模块具体用于上传资源、修改资源的基本属性、查找筛选资源和预览资源。

作为本申请一种优选的实施方式，所述交互案的基本属性包括名称、类型、所属类目或标签；所述交互案管理模块具体用于新增交互案、修改交互案的基本属性和查找筛选交互案。

进一步地，所述交互案管理模块用于：

上传资源时，查询所述资源库中是否有相同的资源，以确保资源的唯一性。

作为本申请一种优选的实施方式，所述设计模块包括：

菜单区，用于提供基本编辑功能，所述基本编辑功能包括保存、退出、撤销重做、复制粘贴和对齐居中；

页面管理区，用于新增页面、删除页面和调整页面顺序；

元素列表区，用于列出当前选中的页面的所有交互元素，并提供隐藏、锁定功能以用于制作交互案；

画布区，用于呈现所述交互元素在页面上的预览效果，并提供拖拽、缩放和旋转功能以供用户操作所述交互元素；

属性设置区，用于显示、设置所述交互元素的基本属性；

资源检索区，用于显示、筛选可用的资源，并提供拖拽功能以使得用户将资源拖至交互元素的基本属性上；

所述资源检索区还用于提供检索、选择功能，以使得用户检索、选择控件拖入所述画布区中作为新的交互元素。

第二方面，本发明实施例还提供了一种图形化在线互动教学内容创建方法，适用于第一方面所述的创建系统。该创建方法具体包括：

接收用户的打开操作以进入主界面；

接收用户对所述主界面的操作以确定待处理场景；

通过设计模块和资源库对所述待处理场景进行配置，以完成课件、互动内容的设计。

实施本发明实施例中的图形化在线互动教学内容创建系统及方法，可实现无编码基础人员轻松完成所述在线互动教学内容的创建，包括预习、课件、作业、测评等内容应用场景。本发明实施例使得教师能够通过在在线教学中使用在线互动教学课件分步骤来呈现和讲解知识，授权学生完成互动答题操作，使得预习、作业、测评具有游戏化互动，以趣味互动方式完成了学习任务，提升了学习效率。

附图说明

为了更清楚地说明本发明具体实施方式或现有技术中的技术方案，下面将对具体实施方式或现有技术描述中所需要使用的附图作简单地介绍。

图1是本发明实施例的总体架构功能图；

图2是本发明实施例的图形化在线互动教学内容创建系统的结构示意图；

图3是图2中设计模块的结构示意图；

图4是本发明实时的图形化在线互动教学内容创建方法的示意流程图；

图5是编辑器的核心逻辑图。

具体实施方式

下面将结合本发明实施例中的附图，对本发明实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例是本发明一部分实施例，而不是全部的实施例。基于本发明中的实施例，本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例，都属于本发明保护的范围。

请参考图1，是本发明实施例的总体架构功能图。本发明实施例的基本工作原理为：通过直观的操作方式设置交互要素及其属性来生成一份可解释的数据结构，其能够清晰阐述各交互要素之间的组成关系以及它们的交互逻辑，以供各渲染端来解释呈现交互效果，达到教学及游戏互动目的。本发明实施例中的一个交互案数据基本分为三个层级：交互案、交互页面和交互元素。

基于此，本发明实施例提供一种图形化在线互动教学内容创建系统。如图2所示，该创建系统包括：

资源库10，用于提供资源；所述资源用于供给交互元素使用，所述交互元素主要用于制作互动教学内容；其中，资源的类型包括但不仅限于字体、特殊资源、图片、音频、视频、骨骼动画等；

资源库管理模块11，用于对资源进行管理；其中，资源的基本属性包含但不仅限于名称、类型、所属类目或标签等；资源库管理模块11具有上传资源、修改资源的基本属性、查找筛选资源和预览资源等功能；且，上传资源时，会查询资源库中是否有相同的资源以保证资源的唯一性；

交互案管理模块12，用于对所述交互案进行管理；其中，交互案的基本属性包括但不仅限于名称、类型、所属类目或标签等；交互案管理模块12具有新增交互案、修改交互案的基本属性和查找筛选交互案等功能；

设计模块13，用于根据所述资源及交互案进行课件、互动内容的设计。

进一步地，请参考图3，设计模块13具体包括：

菜单区131，用于提供基本编辑功能，所述基本编辑功能包括但不仅限于保存、退出、撤销重做、复制粘贴和对齐居中等；

页面管理区132，用于提供新增页面、删除页面和调整页面顺序等功能；

元素列表区133，用于列出当前选中的页面的所有交互元素，并提供一些通用的隐藏、锁定功能为制作交互案提供便利；

画布区134，用于直观地呈交互元素在页面上中的位置大小及简单的预览效果，并可直接在画布区中选中交互元素，进行拖拽、缩放、旋转等；

属性设置区135，用于显示、设置交互元素的各项基本属性，且除交互元素的基本属性外，还可以针对不同类的交互元素进行显示和设置其独有属性；

资源检索区136，用于显示、筛选可用的资源，可以使用拖拽的方式将资源拖至交互元素的属性上从而改变交互元素相应的外观。同时资源检索区136还可以检索、选择控件拖入画布区当中，作为一个新的元素。

其中，控件即为实现了一些内部逻辑的并符合控件规约的互动元素模板，支持开放一些属性来对其外形，互动逻辑进行设置。

控件规约为：包含一个画布展示样式模板，一个属性设置样式模板，一个将相应互动元素实体数据化的接口，一个从数据创建互动元素实体的接口。

进一步地，属性设置区135可以为任何互动元素附加一个逻辑节点，逻辑节点代表了互动元素的逻辑行为。例如：点击发送消息、拖入发送消息、连线发送消息、接收消息验证后触发元素行为、计时器等。逻辑节点的触发机制有用户操作触发和互动元素出现自动触发两种。逻辑节点使用户可以赋予互动元素逻辑行为，并具有良好的扩展性。

实施本发明实施例中的图形化在线互动教学内容创建系统，可实现无编码基础人员轻松完成所述在线互动教学内容的创建，包括预习、课件、作业、测评等内容应用场景。本发明实施例使得教师能够通过在在线教学中使用在线互动教学课件分步骤来呈现和讲解知识，授权学生完成互动答题操作，使得预习、作业、测评具有游戏化互动，以趣味互动方式完成了学习任务，提升了学习效率。

进一步地，本实施例所提供的方案还具有一下优点：

(1)相比ppt等演示内容制作工具，其可解析的结构数据，可更好被市面主流游戏引擎渲染；

(2)易上手互动教学内容制作平台，对内容制作人员要求极低，很便捷简单即可创建各学习场景的互动教学内容，可更好在教学场景中推广；

(3)良好跨平台性，适用pc、pad、app多平台端渲染，对用户设备环境极其友好。

基于相同的发明构思，本发明实施例还提供了一种图形化在线互动教学内容创建方法，适用于前述的图形化在线互动教学内容创建系统。如图4所示，该创建方法包括：

s101，接收用户的打开操作以进入主界面；

s102，接收用户对所述主界面的操作以确定待处理场景；

s103，通过设计模块和资源库对所述待处理场景进行配置，以完成课件、互动内容的设计。

具体地，请参考图5所示的核心逻辑图，本发明实施例图形化在线互动教学内容创建方法具体如下：

用户通过编辑器客户端进入到主界面中，根据目录规则新建课件，打开已新建的课件内容，通过场景列表新增所需要的场景信息，通过选择相关场景列表，可对场景内的内容及场景本身的属性及效果进行相关的配置，在每个场景中，用户可通过已上传的共享资源库进行选择使用，符合自身课件需求的素材，进行相关移大小调整，位置调整，旋转，翻转等相关图形化编辑，可对元素自身的出现顺序及相关逻辑结点进行相关配置使其产生所需要的实际展现效果，编辑器同时提供控件组件库可通过简单便捷的方式完成通用的交互方式的复用性及易用性，编辑器所完成的互动数据结构可通过数据流的方式提供给各种应用场景使用，也可对相关通用性功能做统一调整和更新，大大增加了制作的效率，及降低后期维护的成本。

以上所述，仅为本发明的具体实施方式，但本发明的保护范围并不局限于此，任何熟悉本技术领域的技术人员在本发明揭露的技术范围内，可轻易想到各种等效的修改或替换，这些修改或替换都应涵盖在本发明的保护范围之内。因此，本发明的保护范围应以权利要求的保护范围为准。