開放式慕課學(xué)習(xí)平臺(tái)設(shè)計(jì)與實(shí)現(xiàn)

任鴿+徐春

摘要：近年來，隨著“互聯(lián)網(wǎng)+”的發(fā)展，人們的生活有了較大的改變，在教育領(lǐng)域，互聯(lián)網(wǎng)技術(shù)也具有較為廣泛的應(yīng)用。慕課作為一種新型在線學(xué)習(xí)模式[1]，是現(xiàn)代化教育中的一種重要教育手段，可以提高教學(xué)質(zhì)量，極大的激發(fā)學(xué)習(xí)熱情，基于此，設(shè)計(jì)并開發(fā)了開放式慕課學(xué)習(xí)平臺(tái)。本平臺(tái)是基于互聯(lián)網(wǎng)的慕課學(xué)習(xí)平臺(tái)，分為web服務(wù)端、手機(jī)app端、后臺(tái)管理系統(tǒng)，主要基于B/S的架構(gòu)設(shè)計(jì)，使用java、html5技術(shù)開發(fā)，平臺(tái)有課程信息管理、作業(yè)信息管理、用戶信息管理等功能。該平臺(tái)的開發(fā)為學(xué)習(xí)者提供一個(gè)平臺(tái)、自由的學(xué)習(xí)平臺(tái)，可以極大地提高學(xué)習(xí)效率，擴(kuò)大教育影響面，對(duì)現(xiàn)階段慕課平臺(tái)開發(fā)具有一定的指導(dǎo)意義。

關(guān)鍵詞：慕課平臺(tái)；開放式；設(shè)計(jì)與實(shí)現(xiàn)

中圖分類號(hào)：TP311 文獻(xiàn)標(biāo)識(shí)碼：A 文章編號(hào)：1009-3044（2017）35-0081-02

1 概述

隨著無線通信以及無線網(wǎng)絡(luò)的不斷發(fā)展，我國(guó)已經(jīng)入“互聯(lián)網(wǎng)+”時(shí)代，基于互聯(lián)網(wǎng)的業(yè)務(wù)呈現(xiàn)多元化趨勢(shì)，“互聯(lián)網(wǎng)+教育”也因此得到了迅速發(fā)展，教學(xué)對(duì)象從精英教育變?yōu)榇蟊娊逃?，教學(xué)模式由單一化變?yōu)榻處熓谡n和網(wǎng)上授課相結(jié)合的新型模式。在現(xiàn)代化教育領(lǐng)域， 慕課作為開放性的網(wǎng)絡(luò)教育課程能更加合理地運(yùn)用教育資源，擴(kuò)大教育覆蓋的范圍，加快人才培養(yǎng)的步伐，成為一種非常重要的教育手段。

本研究開發(fā)的開放式慕課學(xué)習(xí)平臺(tái)，可以真正的讓學(xué)生自由地去學(xué)習(xí)平臺(tái)中的知識(shí)，同時(shí)建立良好的師生互動(dòng)，充分提高學(xué)生學(xué)習(xí)的主動(dòng)性、積極性。學(xué)生通過使用此平臺(tái)可以學(xué)習(xí)到最新的知識(shí)來豐富自身的知識(shí)儲(chǔ)備，提高自身的知識(shí)能力，在此期間也可以擴(kuò)大教師的知識(shí)輻射面，更好地提高知識(shí)的利用率。

慕課（MOOC）是新近涌現(xiàn)出來的一種在線課程開發(fā)模式[2]，代表著新型大規(guī)模開放網(wǎng)絡(luò)課程，其課程由具有協(xié)作與分享精神的個(gè)人組織發(fā)布，可以增強(qiáng)知識(shí)的傳播力。與傳統(tǒng)課程授課范圍只有幾十個(gè)或幾百個(gè)學(xué)生不同，一門慕課課程動(dòng)輒上萬人，且其以興趣為導(dǎo)向不限制授課對(duì)象，學(xué)習(xí)在網(wǎng)上完成，不受時(shí)空限制，具有資源共享、個(gè)性化、無約束及學(xué)習(xí)過程開放性等特點(diǎn)。慕課以連通主義理論和網(wǎng)絡(luò)化學(xué)習(xí)的開放教育學(xué)為基礎(chǔ)，將個(gè)人計(jì)算機(jī)與互聯(lián)網(wǎng)的計(jì)算機(jī)網(wǎng)絡(luò)結(jié)合起來，形成世界性的信息分享效應(yīng)，以此推進(jìn)教育過程的開放，其將計(jì)算機(jī)技術(shù)作為一種改革教育系統(tǒng)的手段應(yīng)用于學(xué)習(xí)過程中[3]。

2 開放式慕課學(xué)習(xí)平臺(tái)設(shè)計(jì)

2.1 開放式慕課學(xué)習(xí)平臺(tái)總體設(shè)計(jì)

本平臺(tái)在架構(gòu)上采用b/s的架構(gòu)模式，這種模式只需要計(jì)算機(jī)上擁有個(gè)瀏覽器就可以通過網(wǎng)址訪問平臺(tái)，且可擁有和客戶端程序一樣的體驗(yàn)，很大程度的方便了用戶的使用。平臺(tái)基于spring mvc、hibernate4、spring 4、bootstrap、jQuery等web框架技術(shù)實(shí)現(xiàn)，這使得開發(fā)時(shí)不用去關(guān)心底層的問題[4]，平臺(tái)總體架構(gòu)如圖1所示。為制作出更好更精美的網(wǎng)站，給用戶帶來更好的用戶體驗(yàn)，提高用戶使用的便捷度，平臺(tái)采用了html5技術(shù)使用戶不需要安裝falsh插件就可以享受到一些動(dòng)態(tài)的效果。本平臺(tái)保證用戶在前臺(tái)操作流暢、觀看視頻不易卡頓、且占用較小的帶寬，教師上傳視頻速度快，同時(shí)滿足教師并發(fā)上傳視頻的要求。在信息準(zhǔn)確、安全方面，本平臺(tái)保證老師上傳的課程信息、作業(yè)信息和學(xué)生看到的課程信息、作業(yè)信息一致，同時(shí)保證課程信息、作業(yè)信息、學(xué)生信息、教師信息的完整。

圖1 開放式慕課學(xué)習(xí)平臺(tái)總體架構(gòu)圖

2.2 開放式慕課學(xué)習(xí)平臺(tái)功能模塊設(shè)計(jì)

本平臺(tái)主要是以老師發(fā)布課程信息讓學(xué)生觀看課程視頻并進(jìn)行作業(yè)互動(dòng)的功能。平臺(tái)主要由課程類別管理模塊、課程信息管理模塊、作業(yè)信息管理模塊、用戶信息管理模塊、消息信息管理模塊構(gòu)成。管理員通過課程類別創(chuàng)建課程分類通過用戶信息管理教師信息和注冊(cè)的學(xué)生用戶，通過消息模塊來通知學(xué)生用戶平臺(tái)的最新動(dòng)態(tài)。教師通過課程信息來發(fā)布課程查看作業(yè)與學(xué)生互動(dòng)。

2.2.1 課程信息管理模塊

未注冊(cè)的游客可以查看到所有的課程分類，并且能夠通過分類快速的篩選到自己想學(xué)的課程也可以通過搜索框搜索想學(xué)的課程。通過點(diǎn)擊課程可以查看到課程的詳情、課程對(duì)應(yīng)的章節(jié)、視頻、作業(yè)信息和課程是由哪個(gè)老師教的及老師的介紹。及查看學(xué)生學(xué)習(xí)了多長(zhǎng)時(shí)間。已注冊(cè)的用戶，可以通過點(diǎn)擊課程詳情界面章節(jié)下的視頻信息即可跳轉(zhuǎn)到視頻頁(yè)面查看相應(yīng)章節(jié)的視頻，并可點(diǎn)擊關(guān)注按鈕來關(guān)注這門課程，方便下次學(xué)習(xí)。教師可以查看自己創(chuàng)建過的課程，通過點(diǎn)擊添加課程可以添加新的課程并且可以上傳課程的封面圖片，并且教師可以通過課程信息界面查看學(xué)生按鈕查看該課程關(guān)注的學(xué)生。管理員可以創(chuàng)建課程的大類和小類方便教師選擇自己的課是屬于哪一個(gè)范圍內(nèi)的也方便學(xué)生進(jìn)行篩選。

2.2.2 作業(yè)、筆記信息管理模塊

用戶在觀看視頻時(shí)，可對(duì)視頻內(nèi)容添加、提交相應(yīng)的筆記，通過視頻詳情界面的筆記選項(xiàng)卡可查看筆記信息，在學(xué)習(xí)結(jié)束后可通過點(diǎn)擊課程詳情界面章節(jié)信息對(duì)應(yīng)的作業(yè)詳情界面查看作業(yè)的詳細(xì)信息，完成作業(yè)后，通過作業(yè)詳情頁(yè)面提交作業(yè)。教師可添加、提交對(duì)應(yīng)學(xué)習(xí)章節(jié)的作業(yè)，并可查看用戶提交的作業(yè)列表，對(duì)提交的作業(yè)進(jìn)行批改，對(duì)用戶的學(xué)習(xí)情況進(jìn)行反饋。用戶可通過查看教師批改的作業(yè)，來查漏補(bǔ)缺。

2.2.3 用戶信息管理

用戶可以查看、修改自己的個(gè)人資料，并可查看個(gè)人所有課程的筆記信息，方便對(duì)知識(shí)的鞏固學(xué)習(xí)，也可查看自己關(guān)注的課程，使下次學(xué)習(xí)更加便捷，無需花費(fèi)時(shí)間去檢索。管理員可以對(duì)教師、用戶的信息進(jìn)行增加、查看、修改、刪除等操作，以規(guī)范對(duì)平臺(tái)用戶的管理，并可對(duì)用戶發(fā)送消息，使其與用戶的溝通更加便利。

3 開放式慕課學(xué)習(xí)平臺(tái)技術(shù)分析及實(shí)現(xiàn)

3.1 web服務(wù)端技術(shù)分析及實(shí)現(xiàn)

平臺(tái)的web前臺(tái)界面總體是基于bootstrap框架開發(fā)的界面，并且可以改變導(dǎo)航欄及部分文字的顏色，其實(shí)現(xiàn)原理是預(yù)先對(duì)這些導(dǎo)航欄和文字的class寫好對(duì)應(yīng)顏色css文件并使用一個(gè)jQuerycookie插件用來將用戶所選擇的主題保存到瀏覽器的cookie中，方便用戶查看頁(yè)面時(shí)看到自己喜歡的顏色前臺(tái)界面為了風(fēng)格統(tǒng)一除登陸和注冊(cè)界面統(tǒng)一使用一樣的導(dǎo)航欄。

Web服務(wù)端界面使用了ajax技術(shù)、使用支持跨域請(qǐng)求的jsonp格式及與scrillpagination相結(jié)合的底部刷新技術(shù)。使用一個(gè)ScrollPagination的jQuery插件實(shí)現(xiàn)的底部刷新自動(dòng)去瀏覽下一頁(yè)的效果，采用ajax的異步請(qǐng)求方式并在請(qǐng)求成功的函數(shù)中預(yù)定義了一個(gè)html的模板用來顯示單個(gè)課程的圖文信息，使用ajax自動(dòng)解析的jsonp格式將制定數(shù)據(jù)使用jQuery的遍歷然后把數(shù)據(jù)加載到模板中顯示到并且追加到界面上，平臺(tái)首頁(yè)效果如圖2所示。

使用ckplayer播放器技術(shù)用來播放服務(wù)器的視頻，由于html5已經(jīng)支持了和使用jQuery實(shí)現(xiàn)的一個(gè)建議tab效果切換章節(jié)和筆記提交的界面，節(jié)省頁(yè)面使用空間。ckplayer是一個(gè)支持多種視頻播放協(xié)議和視頻格式的網(wǎng)頁(yè)播放器，只需要替換相應(yīng)的圖片就可以簡(jiǎn)單的更改播放器的效果并且提供一些大型視頻網(wǎng)站的開關(guān)燈等效果將其使用進(jìn)來大大減輕開發(fā)播放器的成本。

3.2 后臺(tái)管理端技術(shù)分析及實(shí)現(xiàn)

后臺(tái)管理使用基于spring mvc、hirbrate、spring的框架開發(fā)的，界面使用easyUI技術(shù)。視頻上傳使用的是基于common-fileupload.jar包實(shí)現(xiàn)的文件上傳操作，由于開發(fā)需要在長(zhǎng)傳文件的處理類中建立內(nèi)部類來監(jiān)聽上傳的進(jìn)度，在上傳處理界面中使用ajax技術(shù)將文件上傳并且使用一個(gè)ajaxfileupload的js插件來異步上傳文件并且實(shí)時(shí)的從后臺(tái)返回相應(yīng)的上傳進(jìn)度，視頻上傳界面如圖3所示。

由于本平臺(tái)分為web平臺(tái)和手機(jī)端，所以在設(shè)計(jì)之初為了考慮兼容兩種平臺(tái)，在服務(wù)器處理上采用nginx+tomocat7相結(jié)合的方式。只需要在安裝好nginx之后修改其配置文件將其中一個(gè)主目錄的配置配置到平臺(tái)視頻上傳的根目錄，然后制定一個(gè)與tomocat不同的端口，訪問頻只需要在從后臺(tái)數(shù)據(jù)庫(kù)取出的視頻路徑加上nginx的訪問地址就可以訪問到教師們上傳的視頻了。

4 總結(jié)

隨著互聯(lián)網(wǎng)技術(shù)的發(fā)展，人們獲取信息的方式已經(jīng)徹底改變[5]，在教育領(lǐng)域，也逐漸加大了互聯(lián)網(wǎng)技術(shù)的應(yīng)用，慕課的價(jià)值不斷被挖掘，推動(dòng)著教學(xué)模式的轉(zhuǎn)變。開放式慕課學(xué)習(xí)平臺(tái)是一種現(xiàn)代化、開放化、網(wǎng)絡(luò)化的教學(xué)手段，具有交互性強(qiáng)、便捷、開放等特點(diǎn)，可以方便用戶進(jìn)入平臺(tái)學(xué)習(xí)，為不同層次的用戶提供同等的受教育機(jī)會(huì)，且不受時(shí)間、地點(diǎn)的限制，擴(kuò)大教育影響面，因此，本平臺(tái)的開發(fā)對(duì)學(xué)習(xí)效率、教學(xué)水平的提高都具有重要的意義。

參考文獻(xiàn)：

[1] 樊文強(qiáng).基于關(guān)聯(lián)主義的大規(guī)模網(wǎng)絡(luò)開放課程（MOOC）及其學(xué)習(xí)支持[J].遠(yuǎn)程教育雜志，2012（3）.

[2] 馬潔，郝炳虎.基于移動(dòng)互聯(lián)網(wǎng)的慕課教學(xué)平臺(tái)的設(shè)計(jì)[J].信息通信 ，2016（2）：282-283.

[3] 郭運(yùn)慶.微課創(chuàng)始人談微課的現(xiàn)狀、問題與未來———訪佛山科學(xué)技術(shù)學(xué)院胡鐵生教授[J].數(shù)字教育，2016（1）：1-8.

[4] 柳喆.慕課平臺(tái)的設(shè)計(jì)與實(shí)現(xiàn)[D].哈爾濱：哈爾濱工業(yè)大學(xué)，2014.

[5] 朱漁，羅來曦.EDX慕課平臺(tái)課程教學(xué)設(shè)計(jì)及應(yīng)用分析[J].電子世界，2014（19）：108.