遠程教育多樣化資源管理系統的設計與實現

彭佳揚　宋虹　林丹丹　宋斌

摘要：提出一種基于Web技術和MVC開發模式設計并實現遠程教育多樣化資源管理系統的方法，針對目前教學資源多元化、復雜化以及大量化的問題，采用Jquery file upload控件實現Web大文件資源上傳;根據文件后綴名，調用相應瀏覽方法，實現了多樣化文件的瀏覽。運行和實踐使用結果表明，該系統能為學生提供更多的教育資源訪問途徑，提高遠程教育教學水平和質量，使教學效率得到了進一步的提升。

關鍵詞：遠程教育資源管理系統;MVC開發模式;Web 技術

中圖分類號：TP311.52 文獻標識碼：A 文章編號：1007-9416（2019）02-0159-02

0 引言

現代遠程教育建立在基于網絡和多媒體技術的信息平臺上，建立遠程資源管理系統是改進教育培訓內容和方式的有效手段，也是信息化發展的必然趨勢。遠程教育通過網絡技術將教學資源（如視頻、文檔）傳輸到網絡，使任何人都能隨時隨地享受優秀教學資源，打破傳統教學模式，突破時空的限制[1]。

國外遠程教育平臺雖然有studypool[4]、Saylor、Educanon[5]等產品，但還存在一些問題[2]，主要體現在（1）平臺支持水平有待提升;（2）資源建設不足，傳播形式單一;（3）教學資源的存儲、傳輸和檢索速度慢。

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

1 遠程教育多樣化資源管理系統結構描述

根據系統需求，整個系統分為資源采集反饋和資源處理兩個子系統。資源采集反饋子系統面向教師，分為五大功能模塊——消息提醒模塊、用戶管理模塊、資源管理模塊、留言板模塊和發布公告模塊;資源處理子系統面向資源部工作人員，分為三大功能模塊——資源處理模塊、視頻錄制模塊和資源制作模塊，系統功能模塊結構如圖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_size，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

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.

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