在线课件开发系统一次性编辑输入多版本输出的方法

摘要

本发明提出了一种在线课件开发系统一次性编辑输入多版本输出的方法，前台使用JSP、html、CSS和JavaScript的DOM模型，后台使用Servlet、J2EE和MySQL数据库。本发明将整个页面通过html表格布局分成多个单元格，每个单元格含有一个或多个如下六种方块或其组合体：空、文本、考试、图形、视频和音频，并视各个方块是最小的独立单元体，其所要显示的内容大小由方块属性宽和高参数确定，故而只需对每个方块内容作一次性编辑，选用相应的后台软件模块就直接生成了常规、移动、文本以及阅读器版课件，无需再作二次排版编辑，极大地缩短了课件开发周期，显著地减少了昂贵的人力开发成本。

说明书

技术领域

本发明涉及网络技术领域，特别涉及一种基于Web的在线课件开发系统一 次性编辑输入多版本输出的方法。

背景技术

目前大部分在线教育平台中课件制作功能只能生成常规的课件，这种常规的 课件只适合在电脑上浏览，不适合在移动终端及电子书阅读器上浏览。而用户需 要随时随地在手机、平板电脑及电子书阅读器上浏览课件。这需要课件制作人员 重新分别开发移动端课件、电子书课件以及文本课件，大大增加了课件开发成本。

发明内容

为解决现有课件制作工具存在的生成版本单一问题，本发明提供了一种基于 Web的在线课件开发系统一次性编辑输入多版本输出的方法，同时生成常规、移 动(手机和平板)、文本以及阅读器(EPub)版本，能够弥补现有技术缺陷。

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

一种在线课件开发系统一次性编辑输入多版本输出的方法，前台使用JSP、 html、CSS和JavaScript的DOM模型，后台使用Servlet、J2EE和MySQL数据库； 包括以下步骤：

步骤(a)，通过html表格布局将页面分成多个单元格，每个单元格含有一 个或多个如下六种独立方块或其组合体:空、文本、考试、图形、视频、音频；

步骤(b)，对所述各个方块内容采用iframe标签实行页面分开编辑；

步骤(c)，分别编辑完后通过Servlet提交给后台提取方块类型和参数并存储；

步骤(d)，在课件生成模块中，含有四个分模块:常规、移动、电子书和文 本；分别应用所述分模块生成相应的方块内容，再根据各自的布局要求，生成所 要的课件。

可选地，上述步骤(b)中，针对不同方块的编辑过程具体为：

所述空方块表示内容为空，无需编辑；

文本方块采用富文本编辑器，动态插入和编辑各种html标签及其属性；

图形方块上传图形文件，设置图形属性，编辑图形事件、缩放、浮文本等功 能；

视频方块上传多个视频文件和预览图片，编辑视频大小等属性、软字幕以及 时控文本；

音频方块上传多个音频文件，编辑音频显示等属性、脚本以及时控文本；

通过编辑考试方块实现各种题型的测试。

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

对于空方块生成html空代码；对于文本方块不作任何处理；对于图形方块 生成html图形标签和Javascript的混合代码；对于视频和音频方块在选定一种播 放器后，生成相应的html和Javascript的混合代码；对于考试方块则根据不同题 型生成相应的html和Javascript的混合代码。

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

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

可选地，在文本模块中，采用Java RegExp去掉文本内容中的各种Html标签， 若有视频预览图就用它代替其位置，若没有就对视频进行截图然后印上此截图， 再加上描述内容，对音频则换上音频脚本。

本发明的有益效果是：

(1)本发明将整个页面通过html表格布局分成多个单元格，每个单元格含 有一个或多个如下六种方块或其组合体：空、文本、考试、图形、视频和音频， 并视各个方块是最小的独立单元体，其所要显示的内容大小由方块属性宽和高参 数确定，故而只需对每个方块内容作一次性编辑；

(2)选用相应的后台软件模块就直接生成了常规、移动(手机和平板)、文 本以及阅读器(EPub)版课件，无需再作二次排版编辑，极大地缩短了课件开发 周期，显著地减少了昂贵的人力开发成本。

附图说明

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

图1为本发明在线课件开发系统一次性编辑输入多版本方法输出的系统框 图；

图2为本发明在线课件开发系统一次性编辑输入多版本输出方法的流程图；

图3为本发明在线课件开发系统一次性编辑输入多版本输出方法的优选实施 例的流程图。

具体实施方式

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

本发明采用Java Web技术开发，前台使用JSP、html、CSS和JavaScript的 DOM模型，后台使用Servlet、J2EE和MySQL数据库。下面结合附图，对本发 明的在线课件开发系统一次性编辑输入多版本输出的方法进行详细说明。

如图1和图2所示，本发明的在线课件开发系统一次性编辑输入多版本输出 的方法，包括以下步骤：

步骤(a)，通过html表格布局将页面分成多个单元格，每个单元格含有一 个或多个如下六种独立方块或其组合体：空、文本、考试、图形、视频、音频。

步骤(b)，然后对上述各个方块内容采用iframe标签实行页面分开编辑。

步骤(c)，分别编辑完后通过Servlet提交给后台提取方块类型和参数并存储。

步骤(d)，在课件生成模块中，含有四个分模块:常规、移动、电子书(EPub) 和文本(PDF)。分别应用上述分模块将生成相应的方块内容，再根据各自的布局要 求，从而生成所要的课件。

下面结合图3，给出本发明在线课件开发系统一次性编辑输入多版本输出方 法的一个优选实施例。

如图3所示，上述步骤(b)中，针对不同方块的编辑过程具体为：空方块 表示内容为空，无需编辑。文本方块采用富文本编辑器，可以动态插入和编辑各 种html标签及其属性；图形方块可以上传图形文件，设置图形属性，编辑图形 事件、缩放、浮文本等功能；视频方块可以上传多个视频文件和预览图片，编辑 视频大小等属性、软字幕以及时控文本；同样音频方块可以上传多个音频文件， 编辑音频显示等属性、脚本以及时控文本；通过编辑考试方块可以实现各种题 型的测试。

如图3所示，上述步骤(d)中，常规模块将生成常规版的Html、CSS和Javascript 混合体文本；对于空方块生成html空代码；对于文本方块不作任何处理；对于 图形方块生成html图形标签和Javascript的混合代码；对于视频和音频方块在选 定一种播放器后，生成相应的html和Javascript的混合代码；对于考试方块则根 据不同题型生成相应的html和Javascript的混合代码。

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

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

在文本模块中，采用Java RegExp(正则表达式)技术去掉文本内容中的各种 Html标签，由于视频和音频不能直接生成文本，若有视频预览图就用它代替其位 置，若没有就对视频进行截图然后印上此截图，再加上描述内容，对音频则换上 音频脚本。

本发明将整个页面通过html表格布局分成多个单元格，每个单元格含有一 个或多个如下六种方块或其组合体：空、文本、考试、图形、视频和音频，并视 各个方块是最小的独立单元体，其所要显示的内容大小由方块属性宽和高参数确 定，故而只需对每个方块内容作一次性编辑，选用相应的后台软件模块就直接生 成了常规、移动(手机和平板)、文本以及阅读器(EPub)版课件，无需再作二 次排版编辑，极大地缩短了课件开发周期，显著地减少了昂贵的人力开发成本。

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