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