趙夫群 王靜 宋曉俊
摘?要:該網(wǎng)站旨在完成基于Java EE(Java Enterprise Edition)的慕課(MOOC)動(dòng)態(tài)學(xué)習(xí)資源網(wǎng)站的構(gòu)建。該學(xué)習(xí)資源網(wǎng)站分為兩大組成部分,即用戶前臺(tái)以及教師、用戶和管理員的后臺(tái)。前端頁面布局采用阿里團(tuán)隊(duì)開發(fā)的前端跨屏適Template—Amaze UI,系統(tǒng)圖片資源存儲(chǔ)于阿里云oss上,視頻資源存儲(chǔ)于本地服務(wù)器Resin上,其余數(shù)據(jù)借助關(guān)系型數(shù)據(jù)庫(kù)Mysql進(jìn)行存儲(chǔ)。該網(wǎng)站為平臺(tái)級(jí)應(yīng)用網(wǎng)站,用戶可以借助此平臺(tái)進(jìn)行學(xué)習(xí)。
關(guān)鍵詞:中小學(xué);慕課;數(shù)據(jù)庫(kù);需求分析;網(wǎng)站開發(fā)
該中小學(xué)MOOC動(dòng)態(tài)學(xué)習(xí)資源網(wǎng)站從需求分析出發(fā),到功能設(shè)計(jì),再到數(shù)據(jù)庫(kù)設(shè)計(jì),最后到代碼實(shí)現(xiàn)。網(wǎng)站的功能主要分為管理員后端、在線講師后端、學(xué)習(xí)者后端和站點(diǎn)前臺(tái)等四個(gè)功能模塊??傮w來說,該網(wǎng)站劃分為兩個(gè)子系統(tǒng),即后臺(tái)管理系統(tǒng)和前臺(tái)用戶系統(tǒng)。其中每個(gè)子系統(tǒng)又可進(jìn)一步細(xì)致劃分,后臺(tái)管理系統(tǒng)可劃分為管理員后臺(tái)、在線講師后臺(tái)和用戶后臺(tái)等三個(gè)版塊,前臺(tái)用戶系統(tǒng)可劃分為游客版塊和用戶登陸之后的系統(tǒng)版塊等兩個(gè)版塊。下面就對(duì)這兩個(gè)子系統(tǒng)進(jìn)行具體介紹。
1 前臺(tái)系統(tǒng)頁面
學(xué)習(xí)者在登陸成功之后頁面右上角會(huì)顯示登陸成功之后的學(xué)習(xí)者的用戶名,點(diǎn)擊可以進(jìn)入學(xué)習(xí)者后臺(tái)主頁面。進(jìn)行相應(yīng)的功能操作,如查看個(gè)人下載記錄。
MOOC主頁面主體部分為課程列表,分為四個(gè)部分,前端課程、后端課程、圖像處理課程、游戲開發(fā)課程、每個(gè)課程節(jié)點(diǎn)數(shù)據(jù)包括:課程名稱,課程上傳時(shí)間、課程封面。點(diǎn)擊相應(yīng)的課程,可以查看課程下的課程章節(jié)。
MOOC學(xué)習(xí)者點(diǎn)擊立即查看之后進(jìn)入課程視頻播放頁,學(xué)習(xí)者點(diǎn)擊立即觀看進(jìn)入課程視頻詳情頁,觀看的同時(shí)可以下載課程視頻。
2 后臺(tái)管理系統(tǒng)
2.1 管理員后臺(tái)
2.1.1 注冊(cè)和登錄
首先,MOOC管理員通過后臺(tái)注冊(cè)頁面獲取登錄帳號(hào)和密碼,管理員注冊(cè)時(shí),后臺(tái)程序會(huì)采用ajax進(jìn)行后臺(tái)驗(yàn)證,要求用戶注冊(cè)賬號(hào)不能重復(fù),而且必須為英文,用戶密碼必須在6-15位,重復(fù)密碼必須與密碼項(xiàng)相同,以上均符合后則可注冊(cè)成功,然后跳轉(zhuǎn)至MOOC管理員后臺(tái)登陸頁面。管理員登陸需要輸入用戶名和密碼,后臺(tái)系統(tǒng)驗(yàn)證通過后用戶賬號(hào)存入session對(duì)象中,在后續(xù)的訪問中信息持續(xù)存在。
2.1.2 更改課程類型
MOOC管理員還可以更改課程類型。管理員點(diǎn)擊更改頁面時(shí),頁面會(huì)傳遞課程類型的id至后臺(tái),后臺(tái)就收到參數(shù)id之后,獲取數(shù)據(jù)庫(kù)中的相應(yīng)數(shù)據(jù),并將數(shù)據(jù)以el表達(dá)式的形式顯示出來,顯示的數(shù)據(jù)就是可以更改的數(shù)據(jù)。
2.1.3 查看課程列表
管理員查看課程列表頁面上顯示的數(shù)據(jù)分別為:課程名稱、課程封面-oss上圖片全路徑,為外網(wǎng)路徑,課程時(shí)長(zhǎng),課程章節(jié),課程類型,課程講師,課程上傳時(shí)間,以及操作可選項(xiàng):詳情、課程章節(jié)列表,刪除課程。
2.1.4 刪除課程章節(jié)
管理員點(diǎn)擊刪除課程章節(jié)按鈕時(shí),觸發(fā)click事件,confirm彈出框的選擇如果是確定,則刪除此課程章節(jié),刪除同樣采用的是ajax,刪除成功后,在ajax回調(diào)函數(shù)中刪除此課程章節(jié)占據(jù)的DOM節(jié)點(diǎn)。
2.1.5 查看講師列表
管理員查看的在線講師列表中包含的數(shù)據(jù)有:講師名稱,對(duì)應(yīng)的是講師登陸時(shí)的賬號(hào)、講師介紹、講師的狀態(tài)(禁用或者未禁用)、講師職位(教授或者是其他職位等),操作可選項(xiàng):詳情、更改狀態(tài)(禁用或者打開權(quán)限),刪除講師(邏輯刪除)。管理員禁用講師采用的是同步的方式,禁用在線講師之后,此講師將不能再登陸系統(tǒng)。管理員在刪除講師時(shí)采用的是ajax方式,如果此講師還有課程存在,則講師不能被刪除,彈出提示信息為:“對(duì)不起,此教師下還有課程未被刪除,刪除失敗”。反之,則可以刪除成功。
2.2 在線講師后臺(tái)
2.2.1 注冊(cè)和登錄
講師需要在線講師注冊(cè)頁面填寫用戶名、密碼、重復(fù)密碼、性別和職位,其中賬號(hào)采用ajax進(jìn)行驗(yàn)證。
2.2.2 添加課程
在線講師添加課程頁面需要用戶在頁面中輸入如下數(shù)據(jù):上傳課程封面、課程名稱、選擇課程類型、填寫課程時(shí)長(zhǎng)(所有章節(jié)課程時(shí)長(zhǎng)總和)、課程描述。課程列表頁面中數(shù)據(jù)包含:課程名稱、課程封面、課程時(shí)長(zhǎng)、課程包含章節(jié)、課程所屬類型、課程講師、課程上傳日期、操作可選項(xiàng):查看詳情、更改課程信息、查看課程章節(jié)列表、刪除課程。
2.2.3 更改課程
在線講師可以更改自己添加的課程,可更改的數(shù)據(jù)有:課程封面、課程名稱、課程類型、課程時(shí)長(zhǎng)、課程描述等。
2.2.4 刪除課程
在線講師刪除課程使用ajax方式,若此課程下還包括相應(yīng)的課程章節(jié),則刪除失敗。若沒有刪除成功,在返回的回調(diào)函數(shù)中刪除原數(shù)據(jù)占有的DOM節(jié)點(diǎn)。此頁面中數(shù)據(jù)包括所屬課程名稱、所屬課程封面、章節(jié)名稱、章節(jié)介紹,章節(jié)視頻地址、操作可選項(xiàng):詳情、更改章節(jié)信息、刪除章節(jié)課程。
2.3 MOOC學(xué)習(xí)者后臺(tái)
學(xué)習(xí)者注冊(cè)時(shí)需要的信息書數(shù)據(jù)有:用戶名、密碼、重復(fù)密碼、專業(yè)、學(xué)號(hào)、性別、院系。驗(yàn)證規(guī)則與前面的講師注冊(cè)和管理員注冊(cè)相同。學(xué)習(xí)者的主要功能及權(quán)限是查看自己的下載記錄。
3 總結(jié)
該MOOC動(dòng)態(tài)學(xué)習(xí)資源網(wǎng)站完成的具體功能包括:管理員管理站內(nèi)用戶信息、管理站內(nèi)資源、課程類型等;在線講師管理個(gè)人課程信息、管理課程章節(jié)信息;學(xué)習(xí)者在站點(diǎn)內(nèi)進(jìn)行學(xué)習(xí)、觀看視頻、下載視頻、查看個(gè)人下載記錄。該網(wǎng)站的建設(shè)用到了較為流行的業(yè)內(nèi)技術(shù),包括三層架構(gòu)思想以及強(qiáng)大的應(yīng)用服務(wù)器等。當(dāng)然系統(tǒng)也存在不足,比如沒有考慮到系統(tǒng)的相應(yīng)速度,后期可以加上緩存,而且有些頁面的驗(yàn)證做的不是很充分,后期將就這些方面進(jìn)一步加以改進(jìn)。
參考文獻(xiàn):
[1]李顯萍.網(wǎng)頁設(shè)計(jì)與制作[M].高等教育出版社,2015.
[2]陳學(xué)平.ASP動(dòng)態(tài)網(wǎng)頁制作教程[M].人民郵電出版社,2018.