王波 趙鑫 馬卉宇 劉佳星 張劍飛

摘? 要：網(wǎng)絡(luò)教學(xué)具有不受時空限制、推送資源方便等優(yōu)點，尤其是在新型冠狀病毒疫情暴發(fā)之后，很多生活場景被迫轉(zhuǎn)為線上進行，因此一個便捷的在線學(xué)習(xí)平臺“慕-微-快-翻”集成化技術(shù)實操學(xué)習(xí)平臺的存在變得至關(guān)重要。該平臺在技術(shù)上采用SpringBoot框架，前端采用jQuery框架進行前端代碼的編寫，Thymeleaf模板引擎進行頁面的渲染。后端編程語言為Java語言，前端技術(shù)結(jié)合了HTML、CSS、JavaScript語言。平臺功能完善，可以滿足“慕-微-快-翻”集成化技術(shù)實操培訓(xùn)的應(yīng)用場景，實現(xiàn)教師培訓(xùn)的業(yè)務(wù)場景。

關(guān)鍵詞：“慕-微-快-翻”集成化技術(shù);實操學(xué)習(xí)平臺;Java

中圖分類號：TP311? ? ? ? ? ? ? ? ? 文獻標識碼：A文章編號：2096-4706（2021）19-0179-04

Research on the “Mooc-Micro-Fast-Flip” Integrated Technology Practical Operation Platform for the Construction of “Gold Course”

WANG Bo， ZHAO Xin， MA Huiyu， LIU Jiaxing， ZHANG Jianfei

（School of Computer and Control Engineering， Qiqihar University， Qiqihar 161006， China）

Abstract： Online teaching has the advantages of not being restricted by time and space， and convenient to push resources. Especially after the outbreak of the COVID-19， many life scenes were forced to be carried out online. Therefore， the existence of a convenient online learning platform “Mooc-Micro-Fast-Flip” integrated technology practical operation learning platform has become very important. The platform technically uses the SpringBoot framework， the front-end uses the jQuery framework for front-end code writing. The Thymeleaf template engine is for page rendering. The back-end programming language is Java language， and the front-end technology combines HTML， CSS， and JavaScript languages. The platform has complete functions， which can meet the application scenarios of “Mooc-micro-Fast-Flip” integrated technology practical operation training and realize the business scenarios of teacher training.

Keywords： “Mooc-Micro-Fast–Flip” integrated technology; practical operation learning platform; Java

0? 引? 言

在今天的互聯(lián)網(wǎng)時代，互聯(lián)網(wǎng)對人們生活的影響越來越大[1]，很多線下的活動也逐漸向線上或線上線下結(jié)合的方式轉(zhuǎn)變[2]。尤其是新型冠狀病毒爆發(fā)后，許多生活場景被迫切換到在線，因此便捷的在線學(xué)習(xí)平臺的存在也至關(guān)重要[3]。2021年初至今，在全球范圍內(nèi)催生并加速了大規(guī)模的在線教育、在線培訓(xùn)、在線會議的成長和發(fā)展，在線學(xué)習(xí)的日益普及使學(xué)習(xí)管理系統(tǒng)處于學(xué)習(xí)技術(shù)的前沿[4]。

“慕-微-快-翻”集成化技術(shù)實操培訓(xùn)，該項目是為了使中青年學(xué)科骨干教師掌握各種類型微課的設(shè)計和制作技術(shù)，好讓他們能夠在教學(xué)中利用翻轉(zhuǎn)課堂，讓教學(xué)效果和質(zhì)量得到提升，才能以此擴大主講教師的學(xué)術(shù)影響，推動教師職業(yè)的發(fā)展。鼓勵教師充分利用現(xiàn)代信息技術(shù)來改革教學(xué)方法，提升自身的學(xué)術(shù)影響力，進而實現(xiàn)職業(yè)發(fā)展空間的拓展。具體地說，就是：扎根于“快課”教學(xué)技術(shù)，以“微課”促進備課和教學(xué)法變革，以“翻課”推動教學(xué)模式變化，以“慕課”拓展學(xué)術(shù)影響力，最終實現(xiàn)以信息技術(shù)提升教師職業(yè)發(fā)展的目標。

1? 應(yīng)用背景概述

在線教育的教學(xué)模式一直是一個研究熱點[5]，尤其是在疫情還沒有被完全戰(zhàn)勝的當下。正常的生活秩序還需繼續(xù)，線下的環(huán)境又無法滿足。在線教育的技術(shù)進步和需求完善都十分迫切。對于一個優(yōu)秀的在線教育平臺來說，平臺的學(xué)員并不是唯一服務(wù)對象，對于管理者和授課教師的易使用性也需要得到重視[6]。在線教育平臺層出不窮，線上教育已經(jīng)逐漸變得優(yōu)質(zhì)，但還沒有達到最佳狀態(tài)[7]。未來的研究平臺應(yīng)致力于實現(xiàn)學(xué)習(xí)的自由化和個性化[8]。

2? 關(guān)鍵技術(shù)介紹

“慕-微-快-翻”集成化技術(shù)實操學(xué)習(xí)平臺以Windows10作為此系統(tǒng)運行環(huán)境，IDEA Intellij為軟件開發(fā)編譯工具，用Tomcat 9.0作為此系統(tǒng)運行平臺，MySQL作為數(shù)據(jù)庫。SpringBoot被用作系統(tǒng)的整體框架。HTML、CSS和JavaScript技術(shù)用于開發(fā)頁面，Thymeleaf用作頁面的渲染引擎模板，jQuery framework用作前端頁面的開發(fā)框架。前端用html、css、jquery，UI模板為lay UI，渲染引擎thymeleaf。后端語言Java，框架為SpringBoot，數(shù)據(jù)庫是Mysql，持久層框架為Mybatis。

2.1? Spring Boot框架介紹

SpringBoot框架是一個簡化了Spring開發(fā)的框架，徹底簡化了項目的配置信息以及配置文件，更方便地對代碼進行解耦操作。SpringBoot的核心觀念是約定大于配置，將很多煩瑣的配置文件簡化為相應(yīng)的約定，這樣簡化了開發(fā)的同時，也可以創(chuàng)建一個獨立級、產(chǎn)品級的應(yīng)用。此外，該應(yīng)用程序?qū)⒃跍噬a(chǎn)環(huán)境運行期間進行監(jiān)控，更方便開發(fā)和運維人員使用，便于開發(fā)人員進行開發(fā)。

2.2? JAVA語言介紹

Java是Sun Microsystems在1995年5月推出的，是Java面向?qū)ο缶幊陶Z言和Java平臺的總稱。Java語言具有許多特色如：簡約、客觀、分布式、安全、結(jié)構(gòu)中性、傳送、功能、多重方法和動態(tài)，面向?qū)ο蟮?。Java語言提供類、接口和繼承等面向?qū)ο蟮奶匦裕恢С诸惖膯卫^承，但支持接口的多繼承，并支持類與接口間的實現(xiàn)機制。Java語言的RMI（遠程方法激活）機制也作為開發(fā)分布式應(yīng)用程序s的重要手段。MySQL數(shù)據(jù)庫是目前廣泛使用的、輕量級關(guān)系型數(shù)據(jù)庫，使用最常用的SQL語言對數(shù)據(jù)庫進行管理。

2.3? MySQL數(shù)據(jù)庫介紹

MySQL由于其開源，免費，易于維護和使用成本低，因此越來越多地應(yīng)用于web服務(wù)器。MySQL支持多種編程語言，包括C++、C、Java、Python等。MySQL的操作便捷、開源免費，對于大多數(shù)的項目都可以支持，性能非常優(yōu)秀且穩(wěn)定，很少出現(xiàn)數(shù)據(jù)庫的異常宕機情況，并且，軟件安裝體積小，安裝過程簡單，易于后期的開發(fā)與維護，而且支持Linux、Windows等多種操作系統(tǒng)，可移植性強?？偠灾?，MySQL數(shù)據(jù)庫是當前中小型項目開發(fā)的首選。

2.4? ECharts數(shù)據(jù)可視化介紹

ECharts是一個使用JavaScript實現(xiàn)的開源可視化庫，免費商用，并涵蓋各行業(yè)圖表，滿足各種需求。同時，它可兼容當前絕大部分瀏覽器，包括IE瀏覽器，谷歌，火狐，Safari等。也可以兼容非常多的設(shè)備，可展現(xiàn)數(shù)據(jù)可視化的方式較多，便于用戶使用。豐富的可視化類型：提供常規(guī)的折線圖、條形圖、散點圖、k線圖、箱形圖、地圖，熱圖和折線圖、關(guān)系圖、樹狀圖和旭日圖、用于多維數(shù)據(jù)可視化的平行坐標、用于Power BI的漏斗圖，儀表板圖等。直接使用多種數(shù)據(jù)格式，無須轉(zhuǎn)換：內(nèi)置dataset屬性（4.0 +） 支持直接輸入各種格式的數(shù)據(jù)源。

2.5? jQuery框架介紹

JavaScript作為一個經(jīng)典的前端開發(fā)語言，它集成了許多優(yōu)秀的代碼庫，jQuery就是其中優(yōu)秀中的典范。jQuery是一個快速且簡潔的JavaScript的代碼庫，便于前端開發(fā)工程師進行使用。jQuery的特點是提供HTML頁面與HTML內(nèi)容的分離，而不需要在其HTML頁面中大量調(diào)用JavaScript代碼。其次，jQuery用AJAX技術(shù)簡化了操作，它是一個輕量級的框架，大小只有幾十KB，在性能上不會影響瀏覽器的加載速度和響應(yīng)速度。并且核心思想是操作頁面的DOM元素，方便前端工程師開發(fā)代碼編寫。但是jQuery的缺點也很明顯，對特效和動畫的支持性差，用戶的交互體驗不是那么好，且對于插件沖突的過多問題也需要再進行改進。

3? 平臺設(shè)計與分析

“慕-微-快-翻”集成化技術(shù)實操學(xué)習(xí)平臺的主要設(shè)計目標就是建立一個操作簡單便捷、頁面簡潔大方、課程管理便捷、安全高效的在線學(xué)習(xí)平臺，用戶在此學(xué)習(xí)平臺可以通過教學(xué)視頻或課件學(xué)習(xí)各類自助式微課制作技術(shù)的常用軟硬件操作，包括：素材采集（圖片、視頻等）、素材制作（綠背摳像、摳圖、配音等）、微課設(shè)計（主持式、板書式、手繪視頻式和交互式等），能夠通過此學(xué)習(xí)平臺了解“慕-微-快-翻”集成化技術(shù)方案和微課的設(shè)計與制作技術(shù)，并能夠下載此學(xué)習(xí)平臺提供的課程素材和軟件安裝包等學(xué)習(xí)資源，使中青年學(xué)科骨干教師掌握各種類型微課的設(shè)計和制作技術(shù)。

3.1? 平臺功能分析

本平臺具有明確的功能分區(qū)，分為管理員端和前臺用戶端。管理員端為系統(tǒng)資源和用戶等信息的管理。前臺端分為兩個部分，用戶也分為兩種類型的用戶——培訓(xùn)教師和培訓(xùn)學(xué)員。培訓(xùn)教師可通過平臺發(fā)布培訓(xùn)課程和資料，學(xué)員則可以查詢課程并進行相應(yīng)的學(xué)習(xí)。其平臺功能結(jié)構(gòu)如圖1所示。

3.1.1? 管理員端功能

管理員功能有12項，分別為：

（1）用戶登錄：管理員可以通過賬戶密碼登錄平臺。

（2）用戶管理：管理員可以在管理后臺創(chuàng)建，刪除和查詢賬戶。并可以修改賬號信息、賬號狀態(tài)及密碼。

（3）角色管理：管理員可以在管理后臺創(chuàng)建、刪除、查詢角色。并可以修改角色信息。

（4）菜單管理：管理員可以在菜單管理模塊創(chuàng)建、刪除、查詢菜單。調(diào)整菜單圖標及系統(tǒng)中排列順序。同時，您還可以管理系統(tǒng)中每個菜單下的功能按鈕鍵。

（5）課程管理：管理員可以在該模塊下添加、刪除和查詢課程?？梢孕薷恼n程信息，指定課程教師，并在課程中添加課程材料。

（6）類別管理：管理員可以在此模塊下添加和刪除課程類型?？梢孕薷念愋蛡渥⒑团判颉?/p>

（7）課程審核：管理員可以對教師發(fā)布的課程進行審核。

（8）資源管理：管理員可以對系統(tǒng)中的教學(xué)材料資源信息進行增添、查詢、修改等處理。

（9）教師管理：管理員可以查看、授權(quán)和編輯培訓(xùn)教師信息。

（10）導(dǎo)航菜單：管理員可以在該模塊下對管理后臺導(dǎo)航欄的順序進行調(diào)整，便于管理員操作。還可以編輯對應(yīng)導(dǎo)航模塊的圖標。

（11）輪播管理：管理員可以編輯設(shè)置學(xué)習(xí)平臺前端用戶頁面的輪播效果。

（12）交互式討論功能：管理員可以在交流學(xué)習(xí)的交互式討論模塊下發(fā)布交互式討論任務(wù)。

3.1.2? 培訓(xùn)教師端功能

培訓(xùn)教師端功能有兩項，分別為：

（1）用戶登錄：培訓(xùn)老師可以通過賬號和密碼登錄系統(tǒng)平臺。

（2）課程資料發(fā)布：培訓(xùn)教師可以編輯課程的名稱、首圖、課程內(nèi)容及課程資料并通過該平臺發(fā)布課程和資料。

3.1.3? 學(xué)員端功能

學(xué)員端功能有兩項，分別為：

（1）用戶登錄：培訓(xùn)學(xué)員可以通過賬號密碼登錄系統(tǒng)平臺。

（2）課程學(xué)習(xí)：培訓(xùn)學(xué)員可以在課程模塊下預(yù)覽可以學(xué)習(xí)的課程，也可以通過類型篩選和查詢功能找到自己想學(xué)習(xí)的課程，點擊學(xué)習(xí)即可。

3.2? 平臺的設(shè)計與實現(xiàn)

管理員用戶進入系統(tǒng)首先進入登錄頁面，登錄時，管理員用戶必須做到賬戶密碼和驗證碼正確，這樣才能完成成功登錄的步驟，如圖2所示。管理員可以使用賬號、用戶名、性別進行搜索和篩選，預(yù)覽系統(tǒng)中所有的賬號信息。同時，可以添加單個用戶或批量導(dǎo)入用戶，批量刪除用戶，如圖3和圖4所示。

4? 結(jié)? 論

“慕-微-快-翻”集成化技術(shù)實操學(xué)習(xí)平臺采用B/S模式，這是一種流行的瀏覽器、服務(wù)器模式。MVC模式為整體架構(gòu)模式，后端Java編程語言為主要語言，前端主要語言為HTML、CSS、JavaScript。MySQL是這個系統(tǒng)的數(shù)據(jù)庫。MySQL開源免費，MySQL是目前最適合開發(fā)在線學(xué)習(xí)平臺的關(guān)系型數(shù)據(jù)庫。ECharts數(shù)據(jù)可視化技術(shù)用于實現(xiàn)系統(tǒng)數(shù)據(jù)顯示的部分功能。它的優(yōu)勢在于其豐富的可視化類型和跨平臺的可用性，因此非常適用于作為一個線上教育平臺使教師和學(xué)員都能體驗到較好的平臺服務(wù)。

參考文獻：

[1] 施鷺.高校在線教學(xué)模式研究與實踐——以大數(shù)據(jù)技術(shù)基礎(chǔ)課程為例 [J].中國多媒體與網(wǎng)絡(luò)教學(xué)學(xué)報（中旬刊），2021（2）：19-21.

[2] NGAFEESON M，GAUTAM Y. Learning Management System Adoption：A Theory of Planned Behavior Approach [J].International Journal of Web-Based Learning and Teaching Technologies （IJWLTT），2021，16（1）：27-42.

[3] 張亞東，王明瑞.在線教學(xué)平臺對于高職教學(xué)的應(yīng)用與研究 [J].網(wǎng)絡(luò)安全技術(shù)與應(yīng)用，2021（2）：95-96.

[4] 金傳洋.在線教學(xué)探索與思考 [J].福建電腦，2021，37（3）：155-157.

[5] 章娜，張媛媛，余亮.國內(nèi)外“互聯(lián)網(wǎng)+”課堂教學(xué)模式的比較分析 [J].數(shù)字教育，2020，6（6）：22-27.

[6] BUNTAK K，MUTAVD?IJA M，KOVA?I? M. Differences of E-Learning Systems With the Focus on Moodle and Blackboard Systems [J].International Journal of E-Services and Mobile Applications （IJESMA），2021，13（1）：15-30.

[7] 關(guān)德君，林麗.互聯(lián)網(wǎng)時代——慕課與傳統(tǒng)教育的比較研究 [J].湖北開放職業(yè)學(xué)院學(xué)報，2021，34（4）：28-29.

[8] 問清泓.英國網(wǎng)絡(luò)遠程教育啟示錄 [J].成人教育，2021，41（3）：18-25.

作者簡介：王波（1980—），男，漢族，黑龍江齊齊哈爾人，碩士生導(dǎo)師，副教授，博士，研究方向：大數(shù)據(jù)分析與處理。