彭佳揚(yáng)　宋虹　林丹丹　宋斌

摘要：提出一種基于Web技術(shù)和MVC開(kāi)發(fā)模式設(shè)計(jì)并實(shí)現(xiàn)遠(yuǎn)程教育多樣化資源管理系統(tǒng)的方法，針對(duì)目前教學(xué)資源多元化、復(fù)雜化以及大量化的問(wèn)題，采用Jquery file upload控件實(shí)現(xiàn)Web大文件資源上傳;根據(jù)文件后綴名，調(diào)用相應(yīng)瀏覽方法，實(shí)現(xiàn)了多樣化文件的瀏覽。運(yùn)行和實(shí)踐使用結(jié)果表明，該系統(tǒng)能為學(xué)生提供更多的教育資源訪問(wèn)途徑，提高遠(yuǎn)程教育教學(xué)水平和質(zhì)量，使教學(xué)效率得到了進(jìn)一步的提升。

關(guān)鍵詞：遠(yuǎn)程教育資源管理系統(tǒng);MVC開(kāi)發(fā)模式;Web 技術(shù)

中圖分類號(hào)：TP311.52 文獻(xiàn)標(biāo)識(shí)碼：A 文章編號(hào)：1007-9416（2019）02-0159-02

0 引言

現(xiàn)代遠(yuǎn)程教育建立在基于網(wǎng)絡(luò)和多媒體技術(shù)的信息平臺(tái)上，建立遠(yuǎn)程資源管理系統(tǒng)是改進(jìn)教育培訓(xùn)內(nèi)容和方式的有效手段，也是信息化發(fā)展的必然趨勢(shì)。遠(yuǎn)程教育通過(guò)網(wǎng)絡(luò)技術(shù)將教學(xué)資源（如視頻、文檔）傳輸?shù)骄W(wǎng)絡(luò)，使任何人都能隨時(shí)隨地享受優(yōu)秀教學(xué)資源，打破傳統(tǒng)教學(xué)模式，突破時(shí)空的限制[1]。

國(guó)外遠(yuǎn)程教育平臺(tái)雖然有studypool[4]、Saylor、Educanon[5]等產(chǎn)品，但還存在一些問(wèn)題[2]，主要體現(xiàn)在（1）平臺(tái)支持水平有待提升;（2）資源建設(shè)不足，傳播形式單一;（3）教學(xué)資源的存儲(chǔ)、傳輸和檢索速度慢。

為此，本文提出基于Web技術(shù)和MVC開(kāi)發(fā)模式的遠(yuǎn)程教育多樣化資源管理系統(tǒng)，使用戶可以根據(jù)自己的要求找到相關(guān)教育資源，也能根據(jù)課程名稱搜索課程相關(guān)資源;系統(tǒng)可以根據(jù)用戶的一些相關(guān)屬性排序，如姓名、所在專業(yè)等搜索與用戶相關(guān)的信息，還可以根據(jù)相關(guān)資源的時(shí)間、資源相關(guān)屬性等進(jìn)行排序;支持資源擁有者上傳文檔或視頻等多樣化教育資源，提供用戶在線瀏覽、播放視頻資源;并利用Jquery file upload控件實(shí)現(xiàn)大文件上傳和多文件傳輸。

1 遠(yuǎn)程教育多樣化資源管理系統(tǒng)結(jié)構(gòu)描述

根據(jù)系統(tǒng)需求，整個(gè)系統(tǒng)分為資源采集反饋和資源處理兩個(gè)子系統(tǒng)。資源采集反饋?zhàn)酉到y(tǒng)面向教師，分為五大功能模塊——消息提醒模塊、用戶管理模塊、資源管理模塊、留言板模塊和發(fā)布公告模塊;資源處理子系統(tǒng)面向資源部工作人員，分為三大功能模塊——資源處理模塊、視頻錄制模塊和資源制作模塊，系統(tǒng)功能模塊結(jié)構(gòu)如圖1所示。

其中，消息提醒模塊主要完成用戶登陸時(shí)資源反饋情況提醒;用戶管理模塊對(duì)系統(tǒng)中普通教師、審核用戶、資源制作人員、視頻管理用戶和系統(tǒng)管理員等5種用戶分配不同的權(quán)限，使其進(jìn)入系統(tǒng)后訪問(wèn)和操作不同權(quán)限的內(nèi)容。普通教師上傳教學(xué)相關(guān)課程的資源計(jì)劃;審核用戶審核資源并把審核結(jié)果反饋給教師;資源制作人員制定資源制作計(jì)劃，將資源制作表下發(fā)給各崗位，同時(shí)對(duì)原始資源進(jìn)行格式調(diào)整、圖片加工、媒體素材嵌入、視頻課件檢查和整合的功能;視頻管理用戶負(fù)責(zé)視頻內(nèi)容的審核并把結(jié)果反饋給資源制作用戶和審核用戶;系統(tǒng)管理員負(fù)責(zé)用戶權(quán)限的分配、用戶的增刪改查以及系統(tǒng)的維護(hù)。

資源管理模塊完成資源信息的采集，提供資源數(shù)據(jù)的處理接口。

留言板模塊完成用戶交互，提供教師交流有關(guān)資源制作、上傳等問(wèn)題。

發(fā)布公告模塊顯示資源制作計(jì)劃、合作協(xié)議、應(yīng)提交資源等信息，完成教師信息、資源信息、資源分類信息等的分類查詢。

資源處理模塊首先生成資源的制作計(jì)劃，然后將計(jì)劃公布給其他相關(guān)崗位進(jìn)行資源制作分工，按照資源制作計(jì)劃提交相關(guān)資源，同步資源更新、驗(yàn)收、審查、視頻錄制進(jìn)度、并對(duì)資源進(jìn)行評(píng)價(jià);接著查看教師提交的前期、中期和原始資源，提出修改意見(jiàn)，并填寫前/中期資源反饋表，及時(shí)提醒教師更新資源;最后對(duì)教師資源進(jìn)行查看和審核，導(dǎo)出資源反饋表，確認(rèn)資源驗(yàn)收，提醒教師確認(rèn)并預(yù)約課程錄制。

視頻錄制模塊實(shí)現(xiàn)的功能主要是按照原始資源錄制課程資源。資源制作模塊緊接著視頻錄制模塊進(jìn)行，在執(zhí)行視頻錄制模塊之后，上傳課程相關(guān)資源，填寫資源制作進(jìn)度表，給教師評(píng)分。

整個(gè)系統(tǒng)采用MVC（Model View Controller）開(kāi)發(fā)模式，實(shí)現(xiàn)展示數(shù)據(jù)的 HTML 頁(yè)面與業(yè)務(wù)代碼分離。視圖層（View）主要包含界面展示邏輯文件，控制層（Controller）存儲(chǔ)與用戶交互的程序邏輯文件，而模型層（Models）包含了系統(tǒng)的業(yè)務(wù)邏輯代碼與數(shù)據(jù)庫(kù)。

2 實(shí)現(xiàn)的關(guān)鍵技術(shù)

2.1 利用jquery file upload控件實(shí)現(xiàn)文件上傳功能

（1）文件上傳控件設(shè)計(jì)。目前Web實(shí)現(xiàn)文件上傳的方法是前臺(tái)用表單、后臺(tái)把上傳的臨時(shí)文件復(fù)制到相應(yīng)目錄的方式，這種方式在面對(duì)大文件上傳時(shí)效率低下，并不支持?jǐn)帱c(diǎn)續(xù)傳。

另一種方法是使用第三方的文件上傳組件[3]。常用的上傳組件包括SmartUpload和Commons File Upload兩種。

SmartUpload組件使用簡(jiǎn)單，代碼量少，適用于上傳相對(duì)較小的文件。但上傳大文件或者多文件時(shí)，可能出現(xiàn)CPU 或內(nèi)存占用過(guò)高的問(wèn)題。

Commons File Upload組件是免費(fèi)的文件上傳組件，依賴于Commons IO組件。雖然Commons IO組件使用方便，提供較為高效安全的文件上傳方式，但Commons File Upload控件的使用比較復(fù)雜。

Jquery file upload是基于jquery的前臺(tái)文件上傳控件。它支持多文件上傳、拖放、進(jìn)度條、驗(yàn)證、預(yù)覽圖片、音頻和視頻等，同時(shí)還支持大文件分塊傳輸、暫停文件上傳和恢復(fù)上傳等操作。適用于任何服務(wù)器端平臺(tái)（php、python、ruby、java等），支持標(biāo)準(zhǔn)的html表單上傳。

因此系統(tǒng)采用jquery file upload控件實(shí)現(xiàn)大文件上傳功能。通過(guò)設(shè)置相關(guān)處理邏輯來(lái)處理文件上傳的特殊要求，如實(shí)現(xiàn)某個(gè)區(qū)域內(nèi)的拖拽、大文件實(shí)現(xiàn)分塊、文件進(jìn)度條、多文件異步上傳、上傳成功或失敗的處理等。

（2）配置文件設(shè)置。

在文件上傳時(shí)對(duì)服務(wù)器php相關(guān)配置文件的處理如下：

①file_uploads，設(shè)置為On，允許通過(guò)Http上傳文件;

②upload_temp_dir，文件上傳至服務(wù)器用于臨時(shí)存儲(chǔ)的目錄，如果為指定，則為系統(tǒng)默認(rèn)的;

③upload_max_filesize，允許文件上傳的最大值，默認(rèn)為2M;

④post_max_size，php可接受Post數(shù)據(jù)的最大值，該值大于文件上傳的最大值;

⑤memory_limit，腳本所占最大內(nèi)存;

⑥max_execution_time，腳本運(yùn)行的最大時(shí)間，默認(rèn)為30s，也可以在腳本執(zhí)行期間動(dòng)態(tài)改變其值。

（3）大文件上傳的工作流程。

當(dāng)有文件需要上傳到遠(yuǎn)端服務(wù)器時(shí)，首先，實(shí)例化UploadFile類，再在后臺(tái)分別設(shè)置上傳文件大小、允許上傳的文件類型（如jpg、gif、png、jpeg）及上傳視頻的保存路徑，然后調(diào)用UploadFile類的upload（）方法上傳文件，若上傳失敗，返回flase。

2.2 多樣化文件瀏覽功能

教學(xué)資源存在多種多樣的格式，如doc、pdf、txt等文檔格式，png、jpg等圖片格式，rmvb、flv等視頻格式，如果每個(gè)資源都需要把文件下載在本機(jī)，然后再用本機(jī)的應(yīng)用打開(kāi)相應(yīng)的資源，這將造成效率低下，用戶體驗(yàn)差的問(wèn)題。因此需設(shè)計(jì)圖片、視頻、pdf、office word文檔等的在線預(yù)覽功能，本系統(tǒng)實(shí)現(xiàn)多樣化文件瀏覽的方法是在線利用不同瀏覽文件工具。

在服務(wù)器端將多樣化數(shù)據(jù)傳送給客戶端后，客戶端首先分析文件后綴type，若type為doc，則通過(guò)COM對(duì)象實(shí)例COM（"word.application"） ，直接啟動(dòng)客戶端的Word軟件，實(shí)現(xiàn)對(duì)word文檔的在線瀏覽;若type為pdf，則先用PDF2SWF工具將pdf轉(zhuǎn)成swf文件，然后用FlexPaper組件顯示轉(zhuǎn)換后的swf文件;若type為ogg、mp4、webm視頻格式，則使用HTML5

3 結(jié)語(yǔ)

本文結(jié)合Web 技術(shù)和MVC開(kāi)發(fā)模式，設(shè)計(jì)并實(shí)現(xiàn)了一個(gè)基于B/S模式的遠(yuǎn)程教育資源管理系統(tǒng)。該系統(tǒng)能支持大資源文件的上傳與下載、在線瀏覽多種格式文件;能滿足實(shí)時(shí)聊天、留言板等用戶交互需求，方便用戶的交流;能提供用戶查看和修改個(gè)人用戶信息、搜索課程資源等功能;能提供對(duì)教育資源的管理，包括資源新增與刪除、資源顯示與分頁(yè)、資源在線瀏覽、資源統(tǒng)計(jì)與打印、資源下載等功能。整個(gè)遠(yuǎn)程教育資源管理系統(tǒng)為學(xué)生提供更便利的訪問(wèn)途徑，提高高校的教學(xué)水平和教學(xué)質(zhì)量，同時(shí)使教學(xué)效率進(jìn)一步提升。

參考文獻(xiàn)

[1] 劉源.遠(yuǎn)程教育的發(fā)展?fàn)顩r研究[J].教育現(xiàn)代化，2018，5（35）：142-144+182.

[2] 王斕蓓.“互聯(lián)網(wǎng)+”時(shí)代下的遠(yuǎn)程教育管理[J].新聞研究導(dǎo)刊，2018，9（23）：235.

[3] 陳濤，黃艷峰.Java Web開(kāi)發(fā)中文件上傳方法研究與實(shí)現(xiàn)[J].電腦知識(shí)與技術(shù)，2016，12（11）：48-49+52.

[4] 唐權(quán)，韓文智.基于SpringMVC框架文件上傳技術(shù)應(yīng)用研究[J].信息通信，2018（11）：188-189.

[5] 劉楊.JSP項(xiàng)目開(kāi)發(fā)常用文件上傳組件比較及舉例[J].電腦編程技巧與維護(hù)， 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