彭佳揚 宋虹 林丹丹 宋斌
摘要:提出一種基于Web技術(shù)和MVC開發(fā)模式設計并實現(xiàn)遠程教育多樣化資源管理系統(tǒng)的方法,針對目前教學資源多元化、復雜化以及大量化的問題,采用Jquery file upload控件實現(xiàn)Web大文件資源上傳;根據(jù)文件后綴名,調(diào)用相應瀏覽方法,實現(xiàn)了多樣化文件的瀏覽。運行和實踐使用結(jié)果表明,該系統(tǒng)能為學生提供更多的教育資源訪問途徑,提高遠程教育教學水平和質(zhì)量,使教學效率得到了進一步的提升。
關(guān)鍵詞:遠程教育資源管理系統(tǒng);MVC開發(fā)模式;Web 技術(shù)
中圖分類號:TP311.52 文獻標識碼:A 文章編號:1007-9416(2019)02-0159-02
0 引言
現(xiàn)代遠程教育建立在基于網(wǎng)絡和多媒體技術(shù)的信息平臺上,建立遠程資源管理系統(tǒng)是改進教育培訓內(nèi)容和方式的有效手段,也是信息化發(fā)展的必然趨勢。遠程教育通過網(wǎng)絡技術(shù)將教學資源(如視頻、文檔)傳輸?shù)骄W(wǎng)絡,使任何人都能隨時隨地享受優(yōu)秀教學資源,打破傳統(tǒng)教學模式,突破時空的限制[1]。
國外遠程教育平臺雖然有studypool[4]、Saylor、Educanon[5]等產(chǎn)品,但還存在一些問題[2],主要體現(xiàn)在(1)平臺支持水平有待提升;(2)資源建設不足,傳播形式單一;(3)教學資源的存儲、傳輸和檢索速度慢。
為此,本文提出基于Web技術(shù)和MVC開發(fā)模式的遠程教育多樣化資源管理系統(tǒng),使用戶可以根據(jù)自己的要求找到相關(guān)教育資源,也能根據(jù)課程名稱搜索課程相關(guān)資源;系統(tǒng)可以根據(jù)用戶的一些相關(guān)屬性排序,如姓名、所在專業(yè)等搜索與用戶相關(guān)的信息,還可以根據(jù)相關(guān)資源的時間、資源相關(guān)屬性等進行排序;支持資源擁有者上傳文檔或視頻等多樣化教育資源,提供用戶在線瀏覽、播放視頻資源;并利用Jquery file upload控件實現(xiàn)大文件上傳和多文件傳輸。
1 遠程教育多樣化資源管理系統(tǒng)結(jié)構(gòu)描述
根據(jù)系統(tǒng)需求,整個系統(tǒng)分為資源采集反饋和資源處理兩個子系統(tǒng)。資源采集反饋子系統(tǒng)面向教師,分為五大功能模塊——消息提醒模塊、用戶管理模塊、資源管理模塊、留言板模塊和發(fā)布公告模塊;資源處理子系統(tǒng)面向資源部工作人員,分為三大功能模塊——資源處理模塊、視頻錄制模塊和資源制作模塊,系統(tǒng)功能模塊結(jié)構(gòu)如圖1所示。
其中,消息提醒模塊主要完成用戶登陸時資源反饋情況提醒;用戶管理模塊對系統(tǒng)中普通教師、審核用戶、資源制作人員、視頻管理用戶和系統(tǒng)管理員等5種用戶分配不同的權(quán)限,使其進入系統(tǒng)后訪問和操作不同權(quán)限的內(nèi)容。普通教師上傳教學相關(guān)課程的資源計劃;審核用戶審核資源并把審核結(jié)果反饋給教師;資源制作人員制定資源制作計劃,將資源制作表下發(fā)給各崗位,同時對原始資源進行格式調(diào)整、圖片加工、媒體素材嵌入、視頻課件檢查和整合的功能;視頻管理用戶負責視頻內(nèi)容的審核并把結(jié)果反饋給資源制作用戶和審核用戶;系統(tǒng)管理員負責用戶權(quán)限的分配、用戶的增刪改查以及系統(tǒng)的維護。
資源管理模塊完成資源信息的采集,提供資源數(shù)據(jù)的處理接口。
留言板模塊完成用戶交互,提供教師交流有關(guān)資源制作、上傳等問題。
發(fā)布公告模塊顯示資源制作計劃、合作協(xié)議、應提交資源等信息,完成教師信息、資源信息、資源分類信息等的分類查詢。
資源處理模塊首先生成資源的制作計劃,然后將計劃公布給其他相關(guān)崗位進行資源制作分工,按照資源制作計劃提交相關(guān)資源,同步資源更新、驗收、審查、視頻錄制進度、并對資源進行評價;接著查看教師提交的前期、中期和原始資源,提出修改意見,并填寫前/中期資源反饋表,及時提醒教師更新資源;最后對教師資源進行查看和審核,導出資源反饋表,確認資源驗收,提醒教師確認并預約課程錄制。
視頻錄制模塊實現(xiàn)的功能主要是按照原始資源錄制課程資源。資源制作模塊緊接著視頻錄制模塊進行,在執(zhí)行視頻錄制模塊之后,上傳課程相關(guān)資源,填寫資源制作進度表,給教師評分。
整個系統(tǒng)采用MVC(Model View Controller)開發(fā)模式,實現(xiàn)展示數(shù)據(jù)的 HTML 頁面與業(yè)務代碼分離。視圖層(View)主要包含界面展示邏輯文件,控制層(Controller)存儲與用戶交互的程序邏輯文件,而模型層(Models)包含了系統(tǒng)的業(yè)務邏輯代碼與數(shù)據(jù)庫。
2 實現(xiàn)的關(guān)鍵技術(shù)
2.1 利用jquery file upload控件實現(xiàn)文件上傳功能
(1)文件上傳控件設計。目前Web實現(xiàn)文件上傳的方法是前臺用表單、后臺把上傳的臨時文件復制到相應目錄的方式,這種方式在面對大文件上傳時效率低下,并不支持斷點續(xù)傳。
另一種方法是使用第三方的文件上傳組件[3]。常用的上傳組件包括SmartUpload和Commons File Upload兩種。
SmartUpload組件使用簡單,代碼量少,適用于上傳相對較小的文件。但上傳大文件或者多文件時,可能出現(xiàn)CPU 或內(nèi)存占用過高的問題。
Commons File Upload組件是免費的文件上傳組件,依賴于Commons IO組件。雖然Commons IO組件使用方便,提供較為高效安全的文件上傳方式,但Commons File Upload控件的使用比較復雜。
Jquery file upload是基于jquery的前臺文件上傳控件。它支持多文件上傳、拖放、進度條、驗證、預覽圖片、音頻和視頻等,同時還支持大文件分塊傳輸、暫停文件上傳和恢復上傳等操作。適用于任何服務器端平臺(php、python、ruby、java等),支持標準的html表單上傳。
因此系統(tǒng)采用jquery file upload控件實現(xiàn)大文件上傳功能。通過設置相關(guān)處理邏輯來處理文件上傳的特殊要求,如實現(xiàn)某個區(qū)域內(nèi)的拖拽、大文件實現(xiàn)分塊、文件進度條、多文件異步上傳、上傳成功或失敗的處理等。
(2)配置文件設置。
在文件上傳時對服務器php相關(guān)配置文件的處理如下:
①file_uploads,設置為On,允許通過Http上傳文件;
②upload_temp_dir,文件上傳至服務器用于臨時存儲的目錄,如果為指定,則為系統(tǒng)默認的;
③upload_max_filesize,允許文件上傳的最大值,默認為2M;
④post_max_size,php可接受Post數(shù)據(jù)的最大值,該值大于文件上傳的最大值;
⑤memory_limit,腳本所占最大內(nèi)存;
⑥max_execution_time,腳本運行的最大時間,默認為30s,也可以在腳本執(zhí)行期間動態(tài)改變其值。
(3)大文件上傳的工作流程。
當有文件需要上傳到遠端服務器時,首先,實例化UploadFile類,再在后臺分別設置上傳文件大小、允許上傳的文件類型(如jpg、gif、png、jpeg)及上傳視頻的保存路徑,然后調(diào)用UploadFile類的upload()方法上傳文件,若上傳失敗,返回flase。
2.2 多樣化文件瀏覽功能
教學資源存在多種多樣的格式,如doc、pdf、txt等文檔格式,png、jpg等圖片格式,rmvb、flv等視頻格式,如果每個資源都需要把文件下載在本機,然后再用本機的應用打開相應的資源,這將造成效率低下,用戶體驗差的問題。因此需設計圖片、視頻、pdf、office word文檔等的在線預覽功能,本系統(tǒng)實現(xiàn)多樣化文件瀏覽的方法是在線利用不同瀏覽文件工具。
在服務器端將多樣化數(shù)據(jù)傳送給客戶端后,客戶端首先分析文件后綴type,若type為doc,則通過COM對象實例COM("word.application") ,直接啟動客戶端的Word軟件,實現(xiàn)對word文檔的在線瀏覽;若type為pdf,則先用PDF2SWF工具將pdf轉(zhuǎn)成swf文件,然后用FlexPaper組件顯示轉(zhuǎn)換后的swf文件;若type為ogg、mp4、webm視頻格式,則使用HTML5
3 結(jié)語
本文結(jié)合Web 技術(shù)和MVC開發(fā)模式,設計并實現(xiàn)了一個基于B/S模式的遠程教育資源管理系統(tǒng)。該系統(tǒng)能支持大資源文件的上傳與下載、在線瀏覽多種格式文件;能滿足實時聊天、留言板等用戶交互需求,方便用戶的交流;能提供用戶查看和修改個人用戶信息、搜索課程資源等功能;能提供對教育資源的管理,包括資源新增與刪除、資源顯示與分頁、資源在線瀏覽、資源統(tǒng)計與打印、資源下載等功能。整個遠程教育資源管理系統(tǒng)為學生提供更便利的訪問途徑,提高高校的教學水平和教學質(zhì)量,同時使教學效率進一步提升。
參考文獻
[1] 劉源.遠程教育的發(fā)展狀況研究[J].教育現(xiàn)代化,2018,5(35):142-144+182.
[2] 王斕蓓.“互聯(lián)網(wǎng)+”時代下的遠程教育管理[J].新聞研究導刊,2018,9(23):235.
[3] 陳濤,黃艷峰.Java Web開發(fā)中文件上傳方法研究與實現(xiàn)[J].電腦知識與技術(shù),2016,12(11):48-49+52.
[4] 唐權(quán),韓文智.基于SpringMVC框架文件上傳技術(shù)應用研究[J].信息通信,2018(11):188-189.
[5] 劉楊.JSP項目開發(fā)常用文件上傳組件比較及舉例[J].電腦編程技巧與維護, 2015(8):15-16.
Design and Implementation of Diverse-Resource Based Distance Education Management System
PENG Jia-yang1,SONG Hong2,LIN Dan-dan2,SONG Bin3
(1.School of continuing education,Central South University,Changsha Hunan? 410083;2.School of Computer Science and Engineering,Central South University,Changsha Hunan? 410083;3.Wugong Mountain Secondary School, Pingxiang Jiangxi 337000)
Abstract:This paper designs and implements a Diverse-Resource based Distance Education Management system. The system is based on Web and MVC Model. It uses the Jquery file upload widget to process the uploading of large, diverse, complex and massive teaching files. According to the file suffix name, it calls the corresponding browsing method to realize the browsing of diverse files. Experimental results show that the Diverse-Resource based Distance Education Management system provides students more methods to access educational resources. It improves the teaching level and teaching quality of colleges and universities, and further enhances teaching efficiency.
Key words:distance education resource management system;MVC Model;web technology