中小學MOOC動態學習資源網站的開發

趙夫群 王靜 宋曉俊

摘?要：該網站旨在完成基于Java EE（Java Enterprise Edition）的慕課（MOOC）動態學習資源網站的構建。該學習資源網站分為兩大組成部分，即用戶前臺以及教師、用戶和管理員的后臺。前端頁面布局采用阿里團隊開發的前端跨屏適Template—Amaze UI，系統圖片資源存儲于阿里云oss上，視頻資源存儲于本地服務器Resin上，其余數據借助關系型數據庫Mysql進行存儲。該網站為平臺級應用網站，用戶可以借助此平臺進行學習。

關鍵詞：中小學;慕課;數據庫;需求分析;網站開發

該中小學MOOC動態學習資源網站從需求分析出發，到功能設計，再到數據庫設計，最后到代碼實現。網站的功能主要分為管理員后端、在線講師后端、學習者后端和站點前臺等四個功能模塊。總體來說，該網站劃分為兩個子系統，即后臺管理系統和前臺用戶系統。其中每個子系統又可進一步細致劃分，后臺管理系統可劃分為管理員后臺、在線講師后臺和用戶后臺等三個版塊，前臺用戶系統可劃分為游客版塊和用戶登陸之后的系統版塊等兩個版塊。下面就對這兩個子系統進行具體介紹。

1 前臺系統頁面

學習者在登陸成功之后頁面右上角會顯示登陸成功之后的學習者的用戶名，點擊可以進入學習者后臺主頁面。進行相應的功能操作，如查看個人下載記錄。

MOOC主頁面主體部分為課程列表，分為四個部分，前端課程、后端課程、圖像處理課程、游戲開發課程、每個課程節點數據包括：課程名稱，課程上傳時間、課程封面。點擊相應的課程，可以查看課程下的課程章節。

MOOC學習者點擊立即查看之后進入課程視頻播放頁，學習者點擊立即觀看進入課程視頻詳情頁，觀看的同時可以下載課程視頻。

2 后臺管理系統

2.1 管理員后臺

2.1.1 注冊和登錄

首先，MOOC管理員通過后臺注冊頁面獲取登錄帳號和密碼，管理員注冊時，后臺程序會采用ajax進行后臺驗證，要求用戶注冊賬號不能重復，而且必須為英文，用戶密碼必須在6-15位，重復密碼必須與密碼項相同，以上均符合后則可注冊成功，然后跳轉至MOOC管理員后臺登陸頁面。管理員登陸需要輸入用戶名和密碼，后臺系統驗證通過后用戶賬號存入session對象中，在后續的訪問中信息持續存在。

2.1.2 更改課程類型

MOOC管理員還可以更改課程類型。管理員點擊更改頁面時，頁面會傳遞課程類型的id至后臺，后臺就收到參數id之后，獲取數據庫中的相應數據，并將數據以el表達式的形式顯示出來，顯示的數據就是可以更改的數據。

2.1.3 查看課程列表

管理員查看課程列表頁面上顯示的數據分別為：課程名稱、課程封面-oss上圖片全路徑，為外網路徑，課程時長，課程章節，課程類型，課程講師，課程上傳時間，以及操作可選項：詳情、課程章節列表，刪除課程。

2.1.4 刪除課程章節

管理員點擊刪除課程章節按鈕時，觸發click事件，confirm彈出框的選擇如果是確定，則刪除此課程章節，刪除同樣采用的是ajax，刪除成功后，在ajax回調函數中刪除此課程章節占據的DOM節點。

2.1.5 查看講師列表

管理員查看的在線講師列表中包含的數據有：講師名稱，對應的是講師登陸時的賬號、講師介紹、講師的狀態（禁用或者未禁用）、講師職位（教授或者是其他職位等），操作可選項：詳情、更改狀態（禁用或者打開權限），刪除講師（邏輯刪除）。管理員禁用講師采用的是同步的方式，禁用在線講師之后，此講師將不能再登陸系統。管理員在刪除講師時采用的是ajax方式，如果此講師還有課程存在，則講師不能被刪除，彈出提示信息為：“對不起，此教師下還有課程未被刪除，刪除失敗”。反之，則可以刪除成功。

2.2 在線講師后臺

2.2.1 注冊和登錄

講師需要在線講師注冊頁面填寫用戶名、密碼、重復密碼、性別和職位，其中賬號采用ajax進行驗證。

2.2.2 添加課程

在線講師添加課程頁面需要用戶在頁面中輸入如下數據：上傳課程封面、課程名稱、選擇課程類型、填寫課程時長（所有章節課程時長總和）、課程描述。課程列表頁面中數據包含：課程名稱、課程封面、課程時長、課程包含章節、課程所屬類型、課程講師、課程上傳日期、操作可選項：查看詳情、更改課程信息、查看課程章節列表、刪除課程。

2.2.3 更改課程

在線講師可以更改自己添加的課程，可更改的數據有：課程封面、課程名稱、課程類型、課程時長、課程描述等。

2.2.4 刪除課程

在線講師刪除課程使用ajax方式，若此課程下還包括相應的課程章節，則刪除失敗。若沒有刪除成功，在返回的回調函數中刪除原數據占有的DOM節點。此頁面中數據包括所屬課程名稱、所屬課程封面、章節名稱、章節介紹，章節視頻地址、操作可選項：詳情、更改章節信息、刪除章節課程。

2.3 MOOC學習者后臺

學習者注冊時需要的信息書數據有：用戶名、密碼、重復密碼、專業、學號、性別、院系。驗證規則與前面的講師注冊和管理員注冊相同。學習者的主要功能及權限是查看自己的下載記錄。

3 總結

該MOOC動態學習資源網站完成的具體功能包括：管理員管理站內用戶信息、管理站內資源、課程類型等;在線講師管理個人課程信息、管理課程章節信息;學習者在站點內進行學習、觀看視頻、下載視頻、查看個人下載記錄。該網站的建設用到了較為流行的業內技術，包括三層架構思想以及強大的應用服務器等。當然系統也存在不足，比如沒有考慮到系統的相應速度，后期可以加上緩存，而且有些頁面的驗證做的不是很充分，后期將就這些方面進一步加以改進。

參考文獻：

[1]李顯萍.網頁設計與制作[M].高等教育出版社，2015.

[2]陳學平.ASP動態網頁制作教程[M].人民郵電出版社，2018.