輕量級(jí)慕課系統(tǒng)的設(shè)計(jì)與實(shí)現(xiàn)
發(fā)布時(shí)間:2021-01-03 18:03
隨著計(jì)算機(jī)與互聯(lián)網(wǎng)技術(shù)的飛速發(fā)展,互聯(lián)網(wǎng)技術(shù)已經(jīng)深入到社會(huì)的方方面面。作為互聯(lián)網(wǎng)在線教育代表的慕課應(yīng)用,憑借著多樣的學(xué)習(xí)方式和豐富的學(xué)習(xí)資源,逐漸成為在線教育領(lǐng)域的重要發(fā)展方向。然而,與慕課應(yīng)用迅速發(fā)展所形成對(duì)比的是,慕課的制作方式與表現(xiàn)載體一直以來并沒有發(fā)生太大變化,慕課制作者需要做較多準(zhǔn)備工作,制作過程較為繁瑣復(fù)雜,制作周期長,制作成本高;觀看者需要有較好的網(wǎng)絡(luò)條件和帶寬資源等,這些缺點(diǎn)在一定程度上限制了慕課應(yīng)用更進(jìn)一步的發(fā)展。針對(duì)以上慕課應(yīng)用所存在的這些問題,本課題提出了一種以“圖片+音頻+字幕+特定動(dòng)作”為內(nèi)容載體的新型慕課形式,并以此為中心搭建起包含慕課資源播放器、平臺(tái)桌面端、平臺(tái)移動(dòng)端、平臺(tái)后端和慕課錄制端五部分在內(nèi)的慕課應(yīng)用平臺(tái)。慕課資源播放器借助HTML5規(guī)范中的Canvas畫布元素和Audio音頻元素實(shí)現(xiàn);平臺(tái)桌面端和平臺(tái)移動(dòng)端部分采用業(yè)界流行的React技術(shù)框架實(shí)現(xiàn),平臺(tái)后端借助Nginx和Nodejs來分發(fā)靜態(tài)資源和執(zhí)行業(yè)務(wù)邏輯,數(shù)據(jù)庫采用MongoDB搭配mongoose工具庫的方式實(shí)現(xiàn);慕課錄制端為基于Objective-C的iPad應(yīng)用,借助iPad與App...
【文章來源】:華中科技大學(xué)湖北省 211工程院校 985工程院校 教育部直屬院校
【文章頁數(shù)】:88 頁
【學(xué)位級(jí)別】:碩士
【部分圖文】:
國外慕課發(fā)展歷程
圖 1.2 國內(nèi)慕課發(fā)展歷程1.2.3 現(xiàn)存問題與思考從以上對(duì)國內(nèi)外慕課平臺(tái)的介紹中可以看出,慕課這一現(xiàn)代在線教育領(lǐng)域的代表,在很多方面已經(jīng)展現(xiàn)出了獨(dú)特的優(yōu)勢,取得了迅速地發(fā)展,包括政府機(jī)構(gòu)、各大高校、公司企業(yè)和社會(huì)團(tuán)體在內(nèi)的社會(huì)各界對(duì)慕課都傾注了前所未有的重視慕課這一在線教學(xué)領(lǐng)域,在未來社會(huì)的發(fā)展前景非常光明。但是從以上介紹的慕課發(fā)展過程中也可以看出,慕課的制作過程與表現(xiàn)載體一直以來并沒有發(fā)生太大變化。就慕課的制作過程而言,目前主流的慕課制作過程可以分為兩種[16]:第一種是課堂實(shí)錄,即通過攝像機(jī)在課堂上完整地記錄上課全過程,這種方式的優(yōu)點(diǎn)是對(duì)慕課制作者沒有打擾,慕課錄制者不必為此做過多準(zhǔn)備,但缺點(diǎn)也很明顯,教學(xué)過程沒有細(xì)節(jié)方面的針對(duì)性,對(duì)用戶在線學(xué)習(xí)也不友好;第二種是專業(yè)制作,即借助專業(yè)的慕課制作機(jī)構(gòu),準(zhǔn)備好完整配套的教學(xué)準(zhǔn)備材料,并協(xié)助慕課制作者完成慕課制作,這種方式的優(yōu)點(diǎn)是慕課制作水準(zhǔn)較
圖 2.1 平臺(tái)技術(shù)架構(gòu)在如上所示的平臺(tái)技術(shù)架構(gòu)圖中,慕課資源播放器作為核心模塊供平臺(tái)桌面端和平臺(tái)移動(dòng)端使用,其通過經(jīng)典的 Web 前端開發(fā)組合 HTML/CSS/JavaScript 實(shí)現(xiàn)[18],并使用了目前業(yè)界非常流行的 React 前端技術(shù)框架[19],利用 React 的組件化開發(fā)方式,將其設(shè)計(jì)成單一組件形式,方便供同樣使用 React 開發(fā)的平臺(tái)桌面端和平臺(tái)移動(dòng)端使用;平臺(tái)桌面端與平臺(tái)移動(dòng)端同樣采用 Web 前端開發(fā)組合HTML/CSS/JavaScript 實(shí)現(xiàn),使用的技術(shù)開發(fā)框架同樣是 React,所不同的是,平臺(tái)桌面端主要供用戶在桌面端瀏覽器上查看和使用,平臺(tái)移動(dòng)端主要供用戶在移動(dòng)端瀏覽器上查看和使用,并且移動(dòng)端專門針對(duì)微信公眾號(hào)平臺(tái)做了特定的設(shè)計(jì)和優(yōu)化,用戶通過微信公眾號(hào)平臺(tái)進(jìn)入平臺(tái)移動(dòng)端時(shí)能夠通過自己的微信身份信息進(jìn)行特定操作,如發(fā)表評(píng)論、點(diǎn)贊回復(fù)、慕課評(píng)分等,所以平臺(tái)移動(dòng)端也需要微信公眾號(hào)平臺(tái)的技術(shù)支持;慕課錄制端被設(shè)計(jì)為一個(gè) iOS 應(yīng)用,主要在 iPad 上配合 Apple Pencil 使用,通過 Objective-C[20]語言開發(fā),這部分由同組同學(xué)負(fù)責(zé);
【參考文獻(xiàn)】:
期刊論文
[1]論新時(shí)期移動(dòng)通信技術(shù)的特點(diǎn)及應(yīng)用[J]. 劉金權(quán). 科學(xué)技術(shù)創(chuàng)新. 2019(05)
[2]基于React框架的智慧校園的前端開發(fā)設(shè)計(jì)[J]. 史志騰,楊保華. 電腦知識(shí)與技術(shù). 2018(22)
[3]中國在線教育平臺(tái)盈利模式探析——以網(wǎng)易云課堂為例[J]. 陳蕾. 視聽. 2018(05)
[4]分布式存儲(chǔ)技術(shù)在大數(shù)據(jù)時(shí)代中的應(yīng)用[J]. 周怡佳. 電子技術(shù)與軟件工程. 2018(03)
[5]基于虛擬DOM的Web前端性能優(yōu)化研究[J]. 戴志誠,程勁草. 計(jì)算機(jī)應(yīng)用與軟件. 2017(12)
[6]基于Dom Diff算法分析React刷新機(jī)制[J]. 嚴(yán)新巧,白俊峰. 電腦知識(shí)與技術(shù). 2017(18)
[7]基于慕課網(wǎng)的"企業(yè)級(jí)應(yīng)用開發(fā)"課堂教學(xué)改革探索[J]. 藍(lán)建平. 電子制作. 2017(10)
[8]學(xué)堂在線:讓人人享受優(yōu)質(zhì)教育資源[J]. 互聯(lián)網(wǎng)經(jīng)濟(jì). 2017(03)
[9]微信二維碼授權(quán)登錄網(wǎng)站的實(shí)現(xiàn)[J]. 陳彩云,李鵬,溫武,郭四穩(wěn). 現(xiàn)代計(jì)算機(jī)(專業(yè)版). 2017(01)
[10]基于免費(fèi)云課程平臺(tái)的在線開放課程開設(shè)方法探究——以“網(wǎng)易云課堂”為例[J]. 羅先輝,劉允,康小麗. 信息化建設(shè). 2015(11)
碩士論文
[1]基于微信的電商平臺(tái)通用客戶端的設(shè)計(jì)與實(shí)現(xiàn)[D]. 何東燃.北京郵電大學(xué) 2018
本文編號(hào):2955252
【文章來源】:華中科技大學(xué)湖北省 211工程院校 985工程院校 教育部直屬院校
【文章頁數(shù)】:88 頁
【學(xué)位級(jí)別】:碩士
【部分圖文】:
國外慕課發(fā)展歷程
圖 1.2 國內(nèi)慕課發(fā)展歷程1.2.3 現(xiàn)存問題與思考從以上對(duì)國內(nèi)外慕課平臺(tái)的介紹中可以看出,慕課這一現(xiàn)代在線教育領(lǐng)域的代表,在很多方面已經(jīng)展現(xiàn)出了獨(dú)特的優(yōu)勢,取得了迅速地發(fā)展,包括政府機(jī)構(gòu)、各大高校、公司企業(yè)和社會(huì)團(tuán)體在內(nèi)的社會(huì)各界對(duì)慕課都傾注了前所未有的重視慕課這一在線教學(xué)領(lǐng)域,在未來社會(huì)的發(fā)展前景非常光明。但是從以上介紹的慕課發(fā)展過程中也可以看出,慕課的制作過程與表現(xiàn)載體一直以來并沒有發(fā)生太大變化。就慕課的制作過程而言,目前主流的慕課制作過程可以分為兩種[16]:第一種是課堂實(shí)錄,即通過攝像機(jī)在課堂上完整地記錄上課全過程,這種方式的優(yōu)點(diǎn)是對(duì)慕課制作者沒有打擾,慕課錄制者不必為此做過多準(zhǔn)備,但缺點(diǎn)也很明顯,教學(xué)過程沒有細(xì)節(jié)方面的針對(duì)性,對(duì)用戶在線學(xué)習(xí)也不友好;第二種是專業(yè)制作,即借助專業(yè)的慕課制作機(jī)構(gòu),準(zhǔn)備好完整配套的教學(xué)準(zhǔn)備材料,并協(xié)助慕課制作者完成慕課制作,這種方式的優(yōu)點(diǎn)是慕課制作水準(zhǔn)較
圖 2.1 平臺(tái)技術(shù)架構(gòu)在如上所示的平臺(tái)技術(shù)架構(gòu)圖中,慕課資源播放器作為核心模塊供平臺(tái)桌面端和平臺(tái)移動(dòng)端使用,其通過經(jīng)典的 Web 前端開發(fā)組合 HTML/CSS/JavaScript 實(shí)現(xiàn)[18],并使用了目前業(yè)界非常流行的 React 前端技術(shù)框架[19],利用 React 的組件化開發(fā)方式,將其設(shè)計(jì)成單一組件形式,方便供同樣使用 React 開發(fā)的平臺(tái)桌面端和平臺(tái)移動(dòng)端使用;平臺(tái)桌面端與平臺(tái)移動(dòng)端同樣采用 Web 前端開發(fā)組合HTML/CSS/JavaScript 實(shí)現(xiàn),使用的技術(shù)開發(fā)框架同樣是 React,所不同的是,平臺(tái)桌面端主要供用戶在桌面端瀏覽器上查看和使用,平臺(tái)移動(dòng)端主要供用戶在移動(dòng)端瀏覽器上查看和使用,并且移動(dòng)端專門針對(duì)微信公眾號(hào)平臺(tái)做了特定的設(shè)計(jì)和優(yōu)化,用戶通過微信公眾號(hào)平臺(tái)進(jìn)入平臺(tái)移動(dòng)端時(shí)能夠通過自己的微信身份信息進(jìn)行特定操作,如發(fā)表評(píng)論、點(diǎn)贊回復(fù)、慕課評(píng)分等,所以平臺(tái)移動(dòng)端也需要微信公眾號(hào)平臺(tái)的技術(shù)支持;慕課錄制端被設(shè)計(jì)為一個(gè) iOS 應(yīng)用,主要在 iPad 上配合 Apple Pencil 使用,通過 Objective-C[20]語言開發(fā),這部分由同組同學(xué)負(fù)責(zé);
【參考文獻(xiàn)】:
期刊論文
[1]論新時(shí)期移動(dòng)通信技術(shù)的特點(diǎn)及應(yīng)用[J]. 劉金權(quán). 科學(xué)技術(shù)創(chuàng)新. 2019(05)
[2]基于React框架的智慧校園的前端開發(fā)設(shè)計(jì)[J]. 史志騰,楊保華. 電腦知識(shí)與技術(shù). 2018(22)
[3]中國在線教育平臺(tái)盈利模式探析——以網(wǎng)易云課堂為例[J]. 陳蕾. 視聽. 2018(05)
[4]分布式存儲(chǔ)技術(shù)在大數(shù)據(jù)時(shí)代中的應(yīng)用[J]. 周怡佳. 電子技術(shù)與軟件工程. 2018(03)
[5]基于虛擬DOM的Web前端性能優(yōu)化研究[J]. 戴志誠,程勁草. 計(jì)算機(jī)應(yīng)用與軟件. 2017(12)
[6]基于Dom Diff算法分析React刷新機(jī)制[J]. 嚴(yán)新巧,白俊峰. 電腦知識(shí)與技術(shù). 2017(18)
[7]基于慕課網(wǎng)的"企業(yè)級(jí)應(yīng)用開發(fā)"課堂教學(xué)改革探索[J]. 藍(lán)建平. 電子制作. 2017(10)
[8]學(xué)堂在線:讓人人享受優(yōu)質(zhì)教育資源[J]. 互聯(lián)網(wǎng)經(jīng)濟(jì). 2017(03)
[9]微信二維碼授權(quán)登錄網(wǎng)站的實(shí)現(xiàn)[J]. 陳彩云,李鵬,溫武,郭四穩(wěn). 現(xiàn)代計(jì)算機(jī)(專業(yè)版). 2017(01)
[10]基于免費(fèi)云課程平臺(tái)的在線開放課程開設(shè)方法探究——以“網(wǎng)易云課堂”為例[J]. 羅先輝,劉允,康小麗. 信息化建設(shè). 2015(11)
碩士論文
[1]基于微信的電商平臺(tái)通用客戶端的設(shè)計(jì)與實(shí)現(xiàn)[D]. 何東燃.北京郵電大學(xué) 2018
本文編號(hào):2955252
本文鏈接:http://sikaile.net/kejilunwen/ruanjiangongchenglunwen/2955252.html
最近更新
教材專著