远程教育多样化资源管理系统的设计与实现彭佳扬;宋虹;林丹丹;宋斌【摘要】提出一种基于Web技术和MVC开发模式设计并实现远程教育多样化资源管理系统的方法,针对目前教学资源多元化、复杂化以及大量化的问题,采用Jquery file upload控件实现Web大文件资源上传;根据文件后缀名,调用相应浏览方法,实现了多样化文件的浏览.运行和实践使用结果表明,该系统能为学生提供更多的教育资源访问途径,提高远程教育教学水平和质量,使教学效率得到了进一步的提升.【期刊名称】《数字技术与应用》【年(卷),期】2019(037)002【总页数】2页(P159-160)【关键词】远程教育资源管理系统;MVC开发模式;Web技术【作者】彭佳扬;宋虹;林丹丹;宋斌【作者单位】中南大学继续教育学院,湖南长沙 410083;中南大学计算机学院,湖南长沙 410083;中南大学计算机学院,湖南长沙 410083;江西省萍乡市武功山中专,江西萍乡 337000【正文语种】中文【中图分类】TP311.520 引言现代远程教育建立在基于网络和多媒体技术的信息平台上,建立远程资源管理系统是改进教育培训内容和方式的有效手段,也是信息化发展的必然趋势。
远程教育通过网络技术将教学资源(如视频、文档)传输到网络,使任何人都能随时随地享受优秀教学资源,打破传统教学模式,突破时空的限制[1]。
国外远程教育平台虽然有studypool[4]、Saylor、Educanon[5]等产品,但还存在一些问题[2],主要体现在(1)平台支持水平有待提升;(2)资源建设不足,传播形式单一;(3)教学资源的存储、传输和检索速度慢。
为此,本文提出基于Web技术和MVC开发模式的远程教育多样化资源管理系统,使用户可以根据自己的要求找到相关教育资源,也能根据课程名称搜索课程相关资源;系统可以根据用户的一些相关属性排序,如姓名、所在专业等搜索与用户相关的信息,还可以根据相关资源的时间、资源相关属性等进行排序;支持资源拥有者上传文档或视频等多样化教育资源,提供用户在线浏览、播放视频资源;并利用Jquery file upload控件实现大文件上传和多文件传输。
图1 远程教育资源管理系统功能结构图1 远程教育多样化资源管理系统结构描述远程教育多样化资源管理系统基于Web的B/S(浏览器/服务器)模式,其中Web服务器采用Apache服务器,利用Mysql数据库管理数据,前后台开发语言分别是Html5+css+javascript和PHP语言。
根据系统需求,整个系统分为资源采集反馈和资源处理两个子系统。
资源采集反馈子系统面向教师,分为五大功能模块——消息提醒模块、用户管理模块、资源管理模块、留言板模块和发布公告模块;资源处理子系统面向资源部工作人员,分为三大功能模块——资源处理模块、视频录制模块和资源制作模块,系统功能模块结构如图1所示。
其中,消息提醒模块主要完成用户登陆时资源反馈情况提醒;用户管理模块对系统中普通教师、审核用户、资源制作人员、视频管理用户和系统管理员等5种用户分配不同的权限,使其进入系统后访问和操作不同权限的内容。
普通教师上传教学相关课程的资源计划;审核用户审核资源并把审核结果反馈给教师;资源制作人员制定资源制作计划,将资源制作表下发给各岗位,同时对原始资源进行格式调整、图片加工、媒体素材嵌入、视频课件检查和整合的功能;视频管理用户负责视频内容的审核并把结果反馈给资源制作用户和审核用户;系统管理员负责用户权限的分配、用户的增删改查以及系统的维护。
资源管理模块完成资源信息的采集,提供资源数据的处理接口。
留言板模块完成用户交互,提供教师交流有关资源制作、上传等问题。
发布公告模块显示资源制作计划、合作协议、应提交资源等信息,完成教师信息、资源信息、资源分类信息等的分类查询。
资源处理模块首先生成资源的制作计划,然后将计划公布给其他相关岗位进行资源制作分工,按照资源制作计划提交相关资源,同步资源更新、验收、审查、视频录制进度、并对资源进行评价;接着查看教师提交的前期、中期和原始资源,提出修改意见,并填写前/中期资源反馈表,及时提醒教师更新资源;最后对教师资源进行查看和审核,导出资源反馈表,确认资源验收,提醒教师确认并预约课程录制。
视频录制模块实现的功能主要是按照原始资源录制课程资源。
资源制作模块紧接着视频录制模块进行,在执行视频录制模块之后,上传课程相关资源,填写资源制作进度表,给教师评分。
整个系统采用MVC(Model View Controller)开发模式,实现展示数据的 HTML 页面与业务代码分离。
视图层(View)主要包含界面展示逻辑文件,控制层(Controller)存储与用户交互的程序逻辑文件,而模型层(Models)包含了系统的业务逻辑代码与数据库。
2 实现的关键技术2.1 利用jquery file upload控件实现文件上传功能(1)文件上传控件设计。
目前Web实现文件上传的方法是前台用表单、后台把上传的临时文件复制到相应目录的方式,这种方式在面对大文件上传时效率低下,并不支持断点续传。
另一种方法是使用第三方的文件上传组件[3]。
常用的上传组件包括SmartUpload 和Commons File Upload两种。
SmartUpload组件使用简单,代码量少,适用于上传相对较小的文件。
但上传大文件或者多文件时,可能出现CPU 或内存占用过高的问题。
Commons File Upload组件是免费的文件上传组件,依赖于Commons IO组件。
虽然Commons IO组件使用方便,提供较为高效安全的文件上传方式,但Commons File Upload控件的使用比较复杂。
Jquery file upload是基于jquery的前台文件上传控件。
它支持多文件上传、拖放、进度条、验证、预览图片、音频和视频等,同时还支持大文件分块传输、暂停文件上传和恢复上传等操作。
适用于任何服务器端平台(php、python、ruby、java等),支持标准的html表单上传。
因此系统采用jquery file upload控件实现大文件上传功能。
通过设置相关处理逻辑来处理文件上传的特殊要求,如实现某个区域内的拖拽、大文件实现分块、文件进度条、多文件异步上传、上传成功或失败的处理等。
(2)配置文件设置。
在文件上传时对服务器php相关配置文件的处理如下：①file_uploads,设置为On,允许通过Http上传文件;②upload_temp_dir,文件上传至服务器用于临时存储的目录,如果为指定,则为系统默认的;③upload_max_filesize,允许文件上传的最大值,默认为2M;④post_max_siz e,php可接受Post数据的最大值,该值大于文件上传的最大值;⑤memory_limit,脚本所占最大内存;⑥max_execution_time,脚本运行的最大时间,默认为30s,也可以在脚本执行期间动态改变其值。
(3)大文件上传的工作流程。
当有文件需要上传到远端服务器时,首先,实例化UploadFile类,再在后台分别设置上传文件大小、允许上传的文件类型(如jpg、gif、png、jpeg)及上传视频的保存路径,然后调用UploadFile类的upload()方法上传文件,若上传失败,返回’flase’。
2.2 多样化文件浏览功能教学资源存在多种多样的格式,如doc、pdf、txt等文档格式,png、jpg等图片格式,rmvb、flv等视频格式,如果每个资源都需要把文件下载在本机,然后再用本机的应用打开相应的资源,这将造成效率低下,用户体验差的问题。
因此需设计图片、视频、pdf、office word文档等的在线预览功能,本系统实现多样化文件浏览的方法是在线利用不同浏览文件工具。
在服务器端将多样化数据传送给客户端后,客户端首先分析文件后缀type,若type为doc,则通过COM对象实例COM("word.application") ,直接启动客户端的Word软件,实现对word文档的在线浏览;若type为pdf,则先用PDF2SWF工具将pdf转成swf文件,然后用FlexPaper组件显示转换后的swf文件;若type为ogg、mp4、webm视频格式,则使用HTML5 ＜video＞标签、在＜source＞中设置视频文件位置resourceInfo.path,实现网页播放视频功能。
3 结语本文结合Web 技术和MVC开发模式,设计并实现了一个基于B/S模式的远程教育资源管理系统。
该系统能支持大资源文件的上传与下载、在线浏览多种格式文件;能满足实时聊天、留言板等用户交互需求,方便用户的交流;能提供用户查看和修改个人用户信息、搜索课程资源等功能;能提供对教育资源的管理,包括资源新增与删除、资源显示与分页、资源在线浏览、资源统计与打印、资源下载等功能。
整个远程教育资源管理系统为学生提供更便利的访问途径,提高高校的教学水平和教学质量,同时使教学效率进一步提升。
参考文献【相关文献】[1] 刘源.远程教育的发展状况研究[J].教育现代化,2018,5(35)：142-144+182.[2] 王斓蓓.“互联网+”时代下的远程教育管理[J].新闻研究导刊,2018,9(23)：235.[3] 陈涛,黄艳峰.Java Web开发中文件上传方法研究与实现[J].电脑知识与技术,2016,12(11)：48-49+52.[4] 唐权,韩文智.基于SpringMVC框架文件上传技术应用研究[J].信息通信,2018(11)：188-189.[5] 刘杨.JSP项目开发常用文件上传组件比较及举例[J].电脑编程技巧与维护, 2015(8)：15-16.。
