CN104317563A - 一种在线课件协作开发系统 - Google Patents

Abstract

本发明提出了一种在线课件协作开发系统，前台使用JSP、html、CSS和JavaScript的DOM模型，后台使用Servlet、J2EE和MySQL数据库，包括：资源/模板管理模块、项目/课件管理模块、目标/试题模块、任务分配模块、课件制作模块、评审修改模块和一键发布模块。本发明在线课件协作开发系统支持SCORM标准；突破了单机版课件开发工具不能共享交流之局限，实现了课件内容在设计者、开发者及审核者等之间的即时共享和交流。

Description

一种在线课件协作开发系统

技术领域

本发明涉及网络技术领域，特别涉及一种在线课件协作开发系统。

背景技术

从过去十多年e-Learning课件开发的发展历程看，随着知识更迭速度的加快，在线教育培训对知识转化的速度要求也越来越高。对学习内容的快速开发成为了学校和企业培训部门的重要任务之一，这通常要求多人协作共同完成。然而目前的大多数课件开发工具都是单机版软件，这些软件产品只能在本地PC机上单人开发课件，如果想要供大家即时共享、预览、评审和交流，需要在课件设计者、开发者，以及审核者等之间进行传递和布置，在人力成本居高不下以及知识快速更新的今天，这根本就满足不了市场需求。

发明内容

本发明提出一种在线课件协作开发系统，解决了现有技术中只能在本地PC机上单人开发课件的问题。

本发明的技术方案是这样实现的：

一种在线课件协作开发系统，前台使用JSP、html、CSS和JavaScript的DOM模型，后台使用Servlet、J2EE和MySQL数据库，包括：

资源/模板管理模块，其分为两个子模块:资源和模板；所述资源为各种单项文件；所述模板包括课件内容布局模板、课件框架模板和移动端框架模板，其中，课件内容布局模板是一种将页面分成几个单元格的html表格；课件框架模板是由系统提供的几种通用的具有一定长宽的html课件页面，中间内嵌一个iframe标签,显示课件内容；移动端框架模板是由系统提供的几种通用的html课件页面，采用自适应格式的JQuery Mobile框架；

项目/课件管理模块：项目和课件为父与子的关系，一个项目通过数据表关联有多个子课件，通过MySQL数据库的SQL语句将一个课件拷贝或添加到另一个课件中去；通过设置课件的属性，包括是否符合SCORM标准以及SCORM版本，选择课件模板、视频音频播放器、内容和资源框长度高度，定义课件结构标签、索引/SCO层级、分页组层级以及莱单基层级；

目标/试题模块：将课件内容目录和试题与教学目标相关联并存入相应的数据库中，根据不同题型(单选、多选、对错、填空、匹配、排序和组合)自动生成相应的html和Javascript组成的代码用于预览试题输出样式和结果；

任务分配模块：采用Javascript的DOM模型设计一种html表格分别用于动态创建课件资源列表和树状内容目录，每一项资源和内容目录都有一个完成状态属性，通过html选择标签将设置好的目录页面ID进行分配；

课件制作模块：此模块分为两个部分:一个是制作资源，另一个是制作内容；上述两个部分都经过从设计布局、编辑内容到预览三个步骤：首先布局，根据课件设计脚本将页面分成几个html表格单元格，每个单元格任意插入一个或多个如下六种方块：空、文本、考试、图形、视频、音频；然后在编辑模块中对各个方块内容实行分开编辑；最后在显示模块中将各方块内容按其布局和顺序显示出来；

评审修改模块：评审系统所生成的内容页面,通过Javascript截屏标记方法精准定位修改点；

一键发布模块：一次性编辑输入，同时生成常规、移动、文本以及阅读器版课件；如果课件属性设置要求符合SCORM标准，则设置SCORM的配置参数和编辑Metadata元数据，生成Manifest和XML文件，并按SCORM的CAM架包规范与其他文件打包在一起。

可选地，在所述资源/模板管理模块，所述资源为各种单项文件，包括文本、图形、.css、.js、zip文件包，zip文件包上传到后台采用java.util.zip类解压后直接存入数据表中。

可选地，在课件制作模块中，在页面布局中采用六种方块：空、文本、考试、图形、视频、音频。

可选地，所述一键发布模块中，常规版生成常规版的Html、CSS和Javascript混合体文本；

在移动版中，对各块大小的属性宽和高参数进行再处理，改为自适应屏幕的格式，其排版顺序按常规版的从左到右和从上到下顺序改为从上到下一列，将显示格式改为JQuery Mobile版的格式，视频和音频的播放器换成Html5的；

电子书版采用EPub2.0版标准进行转换，视频和音频的播放器也换成Html5的，去掉了Javascript代码，所有html代码被转换成xhtml代码；

在文本版中，采用Java RegExp去掉文本内容中的Html标签，用视频预览图代替Html标签位置，或者对视频进行截图然后印上此截图，再加上描述内容，对音频则换上音频脚本。

本发明的有益效果是：

(1)支持SCORM标准；

(2)突破了单机版课件开发工具不能共享交流之局限，实现了课件内容在设计者、开发者及审核者等之间的即时共享和交流，为课件开发者提供了一款多用户同时在线编辑、预览、审核、集成和出版的强大平台；

(3)能够快捷的发布，一次性编辑输入，同时生成常规、移动(手机和平板)、文本以及阅读器(epub)版，无需再单项开发。

附图说明

为了更清楚地说明本发明实施例或现有技术中的技术方案，下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图仅仅是本发明的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他的附图。

图1为本发明一种在线课件协作开发系统的系统框图；

图2为本发明一种在线课件协作开发系统的流程图。

具体实施方式

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

本发明的在线课件协作开发系统采用Java Web技术开发，前台使用JSP、html、CSS和JavaScript的DOM模型，后台使用Servlet、J2EE和MySQL数据库。用户通过该系统平台可以相互协作轻松实现课件从教学设计、试题库、内容编辑、预览、评审直至发布的全过程，自动生成支持SCORM标准的课件包。以下结合说明书附图对本发明的具体实施方式作详细说明。

如图1和图2所示，本发明的在线课件协作开发系统包括：资源/模板管理模块、项目/课件管理模块、目标/试题模块、任务分配模块、课件制作模块、评审修改模块、一键发布模块。

资源/模板管理模块：用于管理资源文件和课件模板，实现上传、更新和删除之功能。其分为两个子模块:资源和模板。

资源为各种单项文件，包括文本、图形、.css、.js、zip文件包等，zip文件包上传到后台采用java.util.zip类解压后直接存入数据表中。

模板包括课件内容布局模板、课件框架模板和移动端框架模板，其中课件内容布局模板是一种将页面分成几个单元格的html表格，单元格个数或排列顺序不同表示模板不同；课件框架模板是由系统提供的几种通用的具有一定长宽的html课件页面，由各类图形、.html、.css、.js等文件组成，要求中间内嵌一个名叫”content”的iframe标签，用于显示课件内容；移动端框架模板与课件框架模板类似，只不过没有固定的页面长宽，采用自适应格式的JQuery Mobile框架。一个模板通过数据库表可以关联多个资源文件。

项目/课件管理模块：用于创建、编辑以及删除项目和课件；项目和课件为父与子的关系，一个项目通过数据表关联可以有多个子课件；也可以通过MySQL数据库的SQL语句”INSERT INTO…SELECT…”将一个课件拷贝或添加到另一个课件中去；通过设置课件的各种属性，包括是否符合SCORM标准以及SCORM版本，选择课件模板、视频音频播放器、内容和资源框长度高度，定义课件结构标签、索引/SCO层级、分页组层级以及莱单基层级等，从而达到生成所要之课件。

目标/试题模块：用于创建、编辑和删除课件教学目标，以及制定试题库，具有添加、更新和删除之功能，支持多种题型：单选、多选、对错、填空、匹配、排序和组合题等。通过选择窗口使课件内容目录和试题与教学目标相关联并存入相应的数据库中，从而实现按教学目标搜索课件内容目录和试题。此外系统将自动生成相应的html和Javascript组成的代码用于预览这些试题输出样式和结果，以便确认。

任务分配模块：采用Javascript的DOM模型设计一种html表格分别用于动态创建课件资源列表和树状内容目录，可以任意添加和删除目录，并支持拖放，每一项资源和内容目录都有一个完成状态属性，点击此完成状态的连接就弹开任务分配页面。然后，在此页面上通过html选择标签(<select>)将设置好的目录页面ID分配给编辑人员进行开发，并附加要求。编辑人员在看到所指定的任务后开始工作，更新完成状态(共有6种状态:pending、assigned、inprogress、completed、verified、closed)并反馈，从而实现对任务完成情况的跟踪。

课件制作模块：此模块分为两个部分:一个是制作资源，另一个是制作内容，两个部分都经过从设计布局、编辑内容到预览三个步骤。首先布局，开发人员根据课件设计脚本将页面分成几个html表格单元格，每个单元格可任意插入一个或多个如下六种方块：空、文本、考试、图形、视频、音频，这些方块可任意调换和组合，也可被删除，分别用html div标签表示，具体如下：

空:<div id＝'emp_div'class＝"drag">Empty<！--type＝'Empty'id＝″title＝″--></div>；

文本:<div id＝'txt_div'class＝"drag">Textarea<！--type＝'Textarea'id＝″title＝″--></div>；

考试:<div id＝'tst_div'class＝"drag">Test<！--type＝'Test'id＝″title＝″--></div>；

图形:<div id＝'img_div'class＝"drag">Picture<！--type＝'Picture'id＝″title＝″width＝'350'height＝'300'border＝'0'alt＝″--></div>；

视频:<div id＝'vid_div'class＝"drag">Video<！--type＝'Video'id＝″title＝″width＝'350'height＝'300'border＝'0'alt＝″--></div>；

音频:<div id＝'aud_div'class＝"drag">Audio<！--type＝'Audio'id＝″title＝″width＝'350'height＝'300'border＝'0'alt＝″--></div>；

然后在编辑模块中对各个方块内容实行分开编辑：空方块表示内容为空，无需编辑；文本方块采用富文本编辑器，可以动态插入和编辑各种html标签及其属性；图形方块可以上传图形文件，设置图形属性，编辑图形事件、缩放、浮文本等功能；视频方块可以上传多个视频文件和预览图片，编辑视频大小等属性、软字幕以及时控文本；同样音频方块可以上传多个音频文件，编辑音频显示等属性、脚本以及时控文本；通过编辑考试方块可以从试题库中按一定规则配置选择试题实行所要的测试。

最后在显示模块中将各方块内容按其布局和顺序显示出来。

评审修改模块：评审人员可随时随地浏览课件并评审，不仅针对课件中某一页发表评论，通过特意开发的Javascript截屏标记技术精准定位修改点，还可针对整个课件内容目录和针对教学目标评论。再由项目经理指派责任人修改并自动通知推送，跟踪进展状态，即时在课件设计者、开发者和评审者之间架起一道信息桥梁，加快课件开发速度。

一键发布模块：一次性编辑输入，同时生成常规、移动(手机和平板)、文本以及阅读器(epub)版课件。常规版将生成常规版的Html、CSS和Javascript混合体文本；在移动版中，对各块大小的属性宽和高参数进行再处理，改为自适应屏幕的格式，其排版顺序按常规版的从左到右和从上到下顺序改为从上到下一列，将显示格式改为JQuery Mobile版的格式，视频和音频的播放器换成Html5的。电子书(EPub)版采用EPub2.0版标准进行转换，视频和音频的播放器也换成Html5的，去掉了Javascript代码，所有html代码被转换成xhtml代码。在文本版中，采用Java RegExp(正则表达式)去掉文本内容中的Html标签，由于视频和音频不能直接生成文本，若有视频预览图就用它代替其位置，若没有就对视频进行截图然后印上此截图，再加上描述内容，对音频则换上音频脚本。如果课件属性设置要求符合SCORM标准，则可设置SCORM的配置参数和编辑Metadata元数据，自动生成Manifest和其他所要求的XML文件，并按SCORM的CAM架包规范与其他文件打包在一起。

本发明在线课件协作开发系统支持SCORM标准；突破了单机版课件开发工具不能共享交流之局限，实现了课件内容在设计者、开发者及审核者等之间的即时共享和交流；为课件开发者提供了一款多用户同时在线编辑、预览、审核、集成和出版的强大平台，具有任意分屏布局编辑显示、良好的动态交互以及内容版本之控制，并且带有题库、测试和发证功能；能够快捷的发布；一次性编辑输入，同时生成常规、移动(手机和平板)、文本以及阅读器(epub)版，无需再单项开发。与基于工具软件的学习内容开发相比，本发明在线课件协作开发系统的优势在于开发速度快、沟通成本低、资源利用率高、课件制作流程方便管理等，大大缩短了课件开发周期，加快了知识循环的速度，因此显著地减少了昂贵的人力成本。

以上所述仅为本发明的较佳实施例而已，并不用以限制本发明，凡在本发明的精神和原则之内，所作的任何修改、等同替换、改进等，均应包含在本发明的保护范围之内。

Claims (4)

1.一种在线课件协作开发系统，其特征在于，前台使用JSP、html、CSS和JavaScript的DOM模型，后台使用Servlet、J2EE和MySQL数据库，包括：

资源/模板管理模块，其分为两个子模块:资源和模板；所述资源为各种单项文件；所述模板包括课件内容布局模板、课件框架模板和移动端框架模板，其中，课件内容布局模板是一种将页面分成几个单元格的html表格；课件框架模板是由系统提供的几种通用的具有一定长宽的html课件页面，中间内嵌一个iframe标签,显示课件内容；移动端框架模板是由系统提供的几种通用的html课件页面，采用自适应格式的JQuery Mobile框架；

项目/课件管理模块：项目和课件为父与子的关系，一个项目通过数据表关联有多个子课件，通过MySQL数据库的SQL语句将一个课件拷贝或添加到另一个课件中去；通过设置课件的属性，包括是否符合SCORM标准以及SCORM版本，选择课件模板、视频音频播放器、内容和资源框长度高度，定义课件结构标签、索引/SCO层级、分页组层级以及莱单基层级；

目标/试题模块：将课件内容目录和试题与教学目标相关联并存入相应的数据库中，根据不同题型(单选、多选、对错、填空、匹配、排序和组合)自动生成相应的html和Javascript组成的代码用于预览试题输出样式和结果；

任务分配模块：采用Javascript的DOM模型设计一种html表格分别用于动态创建课件资源列表和树状内容目录，每一项资源和内容目录都有一个完成状态属性，通过html选择标签将设置好的目录页面ID进行分配；

课件制作模块：此模块分为两个部分:一个是制作资源，另一个是制作内容；上述两个部分都经过从设计布局、编辑内容到预览三个步骤：首先布局，根据课件设计脚本将页面分成几个html表格单元格，每个单元格任意插入一个或多个如下六种方块：空、文本、考试、图形、视频、音频；然后在编辑模块中对各个方块内容实行分开编辑；最后在显示模块中将各方块内容按其布局和顺序显示出来；

评审修改模块：评审系统所生成的内容页面,通过Javascript截屏标记方法精准定位修改点；

一键发布模块：一次性编辑输入，同时生成常规、移动、文本以及阅读器版课件；如果课件属性设置要求符合SCORM标准，则设置SCORM的配置参数和编辑Metadata元数据，生成Manifest和XML文件，并按SCORM的CAM架包规范与其他文件打包在一起。

2.如权利要求1所述的在线课件协作开发系统，其特征在于，在所述资源/模板管理模块，所述资源为各种单项文件，包括文本、图形、.css、.js、zip文件包，zip文件包上传到后台采用java.util.zip类解压后直接存入数据表中。

3.如权利要求1所述的在线课件协作开发系统，其特征在于，在页面布局中采用六种方块：空、文本、考试、图形、视频、音频。

4.如权利要求1所述的在线课件协作开发系统，其特征在于，所述一键发布模块中，常规版生成常规版的Html、CSS和Javascript混合体文本；

在移动版中，对各块大小的属性宽和高参数进行再处理，改为自适应屏幕的格式，其排版顺序按常规版的从左到右和从上到下顺序改为从上到下一列，将显示格式改为JQuery Mobile版的格式，视频和音频的播放器换成Html5的；

电子书版采用EPub2.0版标准进行转换，视频和音频的播放器也换成Html5的，去掉了Javascript代码，所有html代码被转换成xhtml代码；

在文本版中，采用Java RegExp去掉文本内容中的Html标签，用视频预览图代替Html标签位置，或者对视频进行截图然后印上此截图，再加上描述内容，对音频则换上音频脚本。