基于在线编辑技术网络教案管理系统设计与实现.docVIP

基于在线编辑技术网络教案管理系统设计与实现 　　摘 要：网络教案的编辑与管理一直是网络教学过程重要工作环节，也是制约网络教学资源建设的一个瓶颈环节。本文结合网络教案管理的实际需求，分析了网络教案管理系统的功能结构、数据结构及关键程序编制技术，实现了一个基于在线编辑技术的网络教案管理系统。该系统使得教师可能在线编辑与管理网络教案，提高了网络教案开发效率。 　　关键字：在线编辑技术；网络教案管理；NET技术；数据库技术 　　中图分类号：TP311.52 文献标识码：A DOI：10.3969/j.issn.1003-6970.2013.06.007 　　本文著录格式：[1]敬国东.基于在线编辑技术的网络教案管理系统的设计与实现[J].软件，2013，34（6）：23-24 　　0 引言 　　网络教案是网络教学中最主要也是最重要的教学资料，是教师开展网络教学的依据，也是学生在网上学习的教程。本系统的教案管理系统不但实现了其他类似系统的教案管理功能，而且利用在线编辑技术为教师提供了一个在线多媒体网络教案开发平台，这是本系统对现有网络教学系统的一个重要改进之处，也是本系统的一大特点和创新。 　　1 数据设计 　　本系统中用到了一个课程信息表（course）、教师授课信息表（teachercourse）和教案表（jiaoan）。从前两个表中可以找出教师教学的课程信息以供教师选择，教案表则用于存取选中课程的教案文件名称。 　　2 关键程序 　　本系统中使用的程序较多，而且在程序中使用到了在线编辑技术，因此程序的难度也比较大。系统先通过一个jiaoan.asp程序引入本模块，然后使用leftmenu.asp在左部显示目录树，使用janedit.asp在右部显示教案编辑器。而教案编辑器的的各个按钮则用多个子程序来实现，这些子程序有的单独以asp文件保存，有的则统一以函数的形式保存在edit.js文件中，在janedit.asp中只需导入该文件便可调用这些函数。在edit.js文件中广泛地应用了在线编辑技术，能实现编辑器中的大部分文本格式按钮的功能。而对于有的按钮则在调用edit.js中的函数之后还要进入下步调用另外的asp文件才能实现功能。下面就将编辑器中一些重要按钮的实现过程及相关的关键代码作更进一步的论述。 　　（1）格式编辑按钮：这类按钮用于设置教案文本的格式，主要包括剪切、复制、粘贴、删除、撤销、重作、增加缩进、减少缩进、数字编号、无数字编号、样式、字体、大小、向左对齐、中间对齐、向左对齐、黑体、斜体、下划线、上标、下标、全选等按钮。这类按钮的实现只需用不同的参数调用edit.js文件中的Format（）函数就行了，Format（）函数的代码如下： 　　function Format（com，para） 　　{if （buttMode） 　　{content.focus（）； 　　content.document.execCommand（com，true，para）； 　　} 　　return； 　　} 　　（2）多媒体按钮：这类按按钮主要用于向网络教案中加入多媒体元件，主要包括图片、音频、视频按钮。这些按钮的实现比较复杂，先要通过按钮的onClick事件调用edit.js中相应的函数，再通过该函数调用相应的asp程序来上传多媒体文件并将多媒体文件插入到网络教案中。下面就以视频文件的插入为例说明多媒体按钮实现过程。 　　要在网络教案中插入视频文件，先要通过视频按钮的 onClick事件调用edit.js文件中的InsertVid（）函数，该函数的代码如下： 　　function InsertVid（） 　　{if （buttMode） 　　{content.focus（）； 　　var ImagePageWidth=370； 　　var ImagePageHeight=330； 　　var popleft=（（document.body.clientWidth - ImagePageWidth） / 2） 　　+window.screenLeft； 　　var poptop=（（（document.body.clientHeight -ImagePageHeight） / 2）） 　　+window.screenTop-40； 　　window.open（upload_formsp.asp？janid=+form1.janid.value+coucode= 　　+form1.coucode.value，NewWindow，scrollbars=yes，width= 　　+ ImagePageWidth + ，height= + ImagePageHeight + ，lef