王波 趙鑫 馬卉宇 劉佳星 張劍飛
摘? 要:網(wǎng)絡(luò)教學(xué)具有不受時(shí)空限制、推送資源方便等優(yōu)點(diǎn),尤其是在新型冠狀病毒疫情暴發(fā)之后,很多生活場景被迫轉(zhuǎn)為線上進(jìn)行,因此一個(gè)便捷的在線學(xué)習(xí)平臺(tái)“慕-微-快-翻”集成化技術(shù)實(shí)操學(xué)習(xí)平臺(tái)的存在變得至關(guān)重要。該平臺(tái)在技術(shù)上采用SpringBoot框架,前端采用jQuery框架進(jìn)行前端代碼的編寫,Thymeleaf模板引擎進(jìn)行頁面的渲染。后端編程語言為Java語言,前端技術(shù)結(jié)合了HTML、CSS、JavaScript語言。平臺(tái)功能完善,可以滿足“慕-微-快-翻”集成化技術(shù)實(shí)操培訓(xùn)的應(yīng)用場景,實(shí)現(xiàn)教師培訓(xùn)的業(yè)務(wù)場景。
關(guān)鍵詞:“慕-微-快-翻”集成化技術(shù);實(shí)操學(xué)習(xí)平臺(tái);Java
中圖分類號:TP311? ? ? ? ? ? ? ? ? 文獻(xiàn)標(biāo)識碼: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)時(shí)代,互聯(lián)網(wǎng)對人們生活的影響越來越大[1],很多線下的活動(dòng)也逐漸向線上或線上線下結(jié)合的方式轉(zhuǎn)變[2]。尤其是新型冠狀病毒爆發(fā)后,許多生活場景被迫切換到在線,因此便捷的在線學(xué)習(xí)平臺(tái)的存在也至關(guān)重要[3]。2021年初至今,在全球范圍內(nèi)催生并加速了大規(guī)模的在線教育、在線培訓(xùn)、在線會(huì)議的成長和發(fā)展,在線學(xué)習(xí)的日益普及使學(xué)習(xí)管理系統(tǒng)處于學(xué)習(xí)技術(shù)的前沿[4]。
“慕-微-快-翻”集成化技術(shù)實(shí)操培訓(xùn),該項(xiàng)目是為了使中青年學(xué)科骨干教師掌握各種類型微課的設(shè)計(jì)和制作技術(shù),好讓他們能夠在教學(xué)中利用翻轉(zhuǎn)課堂,讓教學(xué)效果和質(zhì)量得到提升,才能以此擴(kuò)大主講教師的學(xué)術(shù)影響,推動(dòng)教師職業(yè)的發(fā)展。鼓勵(lì)教師充分利用現(xiàn)代信息技術(shù)來改革教學(xué)方法,提升自身的學(xué)術(shù)影響力,進(jìn)而實(shí)現(xiàn)職業(yè)發(fā)展空間的拓展。具體地說,就是:扎根于“快課”教學(xué)技術(shù),以“微課”促進(jìn)備課和教學(xué)法變革,以“翻課”推動(dòng)教學(xué)模式變化,以“慕課”拓展學(xué)術(shù)影響力,最終實(shí)現(xiàn)以信息技術(shù)提升教師職業(yè)發(fā)展的目標(biāo)。
1? 應(yīng)用背景概述
在線教育的教學(xué)模式一直是一個(gè)研究熱點(diǎn)[5],尤其是在疫情還沒有被完全戰(zhàn)勝的當(dāng)下。正常的生活秩序還需繼續(xù),線下的環(huán)境又無法滿足。在線教育的技術(shù)進(jìn)步和需求完善都十分迫切。對于一個(gè)優(yōu)秀的在線教育平臺(tái)來說,平臺(tái)的學(xué)員并不是唯一服務(wù)對象,對于管理者和授課教師的易使用性也需要得到重視[6]。在線教育平臺(tái)層出不窮,線上教育已經(jīng)逐漸變得優(yōu)質(zhì),但還沒有達(dá)到最佳狀態(tài)[7]。未來的研究平臺(tái)應(yīng)致力于實(shí)現(xiàn)學(xué)習(xí)的自由化和個(gè)性化[8]。
2? 關(guān)鍵技術(shù)介紹
“慕-微-快-翻”集成化技術(shù)實(shí)操學(xué)習(xí)平臺(tái)以Windows10作為此系統(tǒng)運(yùn)行環(huán)境,IDEA Intellij為軟件開發(fā)編譯工具,用Tomcat 9.0作為此系統(tǒng)運(yùn)行平臺(tái),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框架是一個(gè)簡化了Spring開發(fā)的框架,徹底簡化了項(xiàng)目的配置信息以及配置文件,更方便地對代碼進(jìn)行解耦操作。SpringBoot的核心觀念是約定大于配置,將很多煩瑣的配置文件簡化為相應(yīng)的約定,這樣簡化了開發(fā)的同時(shí),也可以創(chuàng)建一個(gè)獨(dú)立級、產(chǎn)品級的應(yīng)用。此外,該應(yīng)用程序?qū)⒃跍?zhǔn)生產(chǎn)環(huán)境運(yùn)行期間進(jìn)行監(jiān)控,更方便開發(fā)和運(yùn)維人員使用,便于開發(fā)人員進(jìn)行開發(fā)。
2.2? JAVA語言介紹
Java是Sun Microsystems在1995年5月推出的,是Java面向?qū)ο缶幊陶Z言和Java平臺(tái)的總稱。Java語言具有許多特色如:簡約、客觀、分布式、安全、結(jié)構(gòu)中性、傳送、功能、多重方法和動(dòng)態(tài),面向?qū)ο蟮?。Java語言提供類、接口和繼承等面向?qū)ο蟮奶匦?,只支持類的單繼承,但支持接口的多繼承,并支持類與接口間的實(shí)現(xiàn)機(jī)制。Java語言的RMI(遠(yuǎn)程方法激活)機(jī)制也作為開發(fā)分布式應(yīng)用程序s的重要手段。MySQL數(shù)據(jù)庫是目前廣泛使用的、輕量級關(guān)系型數(shù)據(jù)庫,使用最常用的SQL語言對數(shù)據(jù)庫進(jìn)行管理。
2.3? MySQL數(shù)據(jù)庫介紹
MySQL由于其開源,免費(fèi),易于維護(hù)和使用成本低,因此越來越多地應(yīng)用于web服務(wù)器。MySQL支持多種編程語言,包括C++、C、Java、Python等。MySQL的操作便捷、開源免費(fèi),對于大多數(shù)的項(xiàng)目都可以支持,性能非常優(yōu)秀且穩(wěn)定,很少出現(xiàn)數(shù)據(jù)庫的異常宕機(jī)情況,并且,軟件安裝體積小,安裝過程簡單,易于后期的開發(fā)與維護(hù),而且支持Linux、Windows等多種操作系統(tǒng),可移植性強(qiáng)??偠灾?,MySQL數(shù)據(jù)庫是當(dāng)前中小型項(xiàng)目開發(fā)的首選。
2.4? ECharts數(shù)據(jù)可視化介紹
ECharts是一個(gè)使用JavaScript實(shí)現(xiàn)的開源可視化庫,免費(fèi)商用,并涵蓋各行業(yè)圖表,滿足各種需求。同時(shí),它可兼容當(dāng)前絕大部分瀏覽器,包括IE瀏覽器,谷歌,火狐,Safari等。也可以兼容非常多的設(shè)備,可展現(xiàn)數(shù)據(jù)可視化的方式較多,便于用戶使用。豐富的可視化類型:提供常規(guī)的折線圖、條形圖、散點(diǎn)圖、k線圖、箱形圖、地圖,熱圖和折線圖、關(guān)系圖、樹狀圖和旭日圖、用于多維數(shù)據(jù)可視化的平行坐標(biāo)、用于Power BI的漏斗圖,儀表板圖等。直接使用多種數(shù)據(jù)格式,無須轉(zhuǎn)換:內(nèi)置dataset屬性(4.0 +) 支持直接輸入各種格式的數(shù)據(jù)源。
2.5? jQuery框架介紹
JavaScript作為一個(gè)經(jīng)典的前端開發(fā)語言,它集成了許多優(yōu)秀的代碼庫,jQuery就是其中優(yōu)秀中的典范。jQuery是一個(gè)快速且簡潔的JavaScript的代碼庫,便于前端開發(fā)工程師進(jìn)行使用。jQuery的特點(diǎn)是提供HTML頁面與HTML內(nèi)容的分離,而不需要在其HTML頁面中大量調(diào)用JavaScript代碼。其次,jQuery用AJAX技術(shù)簡化了操作,它是一個(gè)輕量級的框架,大小只有幾十KB,在性能上不會(huì)影響瀏覽器的加載速度和響應(yīng)速度。并且核心思想是操作頁面的DOM元素,方便前端工程師開發(fā)代碼編寫。但是jQuery的缺點(diǎn)也很明顯,對特效和動(dòng)畫的支持性差,用戶的交互體驗(yàn)不是那么好,且對于插件沖突的過多問題也需要再進(jìn)行改進(jìn)。
3? 平臺(tái)設(shè)計(jì)與分析
“慕-微-快-翻”集成化技術(shù)實(shí)操學(xué)習(xí)平臺(tái)的主要設(shè)計(jì)目標(biāo)就是建立一個(gè)操作簡單便捷、頁面簡潔大方、課程管理便捷、安全高效的在線學(xué)習(xí)平臺(tái),用戶在此學(xué)習(xí)平臺(tái)可以通過教學(xué)視頻或課件學(xué)習(xí)各類自助式微課制作技術(shù)的常用軟硬件操作,包括:素材采集(圖片、視頻等)、素材制作(綠背摳像、摳圖、配音等)、微課設(shè)計(jì)(主持式、板書式、手繪視頻式和交互式等),能夠通過此學(xué)習(xí)平臺(tái)了解“慕-微-快-翻”集成化技術(shù)方案和微課的設(shè)計(jì)與制作技術(shù),并能夠下載此學(xué)習(xí)平臺(tái)提供的課程素材和軟件安裝包等學(xué)習(xí)資源,使中青年學(xué)科骨干教師掌握各種類型微課的設(shè)計(jì)和制作技術(shù)。
3.1? 平臺(tái)功能分析
本平臺(tái)具有明確的功能分區(qū),分為管理員端和前臺(tái)用戶端。管理員端為系統(tǒng)資源和用戶等信息的管理。前臺(tái)端分為兩個(gè)部分,用戶也分為兩種類型的用戶——培訓(xùn)教師和培訓(xùn)學(xué)員。培訓(xùn)教師可通過平臺(tái)發(fā)布培訓(xùn)課程和資料,學(xué)員則可以查詢課程并進(jìn)行相應(yīng)的學(xué)習(xí)。其平臺(tái)功能結(jié)構(gòu)如圖1所示。
3.1.1? 管理員端功能
管理員功能有12項(xiàng),分別為:
(1)用戶登錄:管理員可以通過賬戶密碼登錄平臺(tái)。
(2)用戶管理:管理員可以在管理后臺(tái)創(chuàng)建,刪除和查詢賬戶。并可以修改賬號信息、賬號狀態(tài)及密碼。
(3)角色管理:管理員可以在管理后臺(tái)創(chuàng)建、刪除、查詢角色。并可以修改角色信息。
(4)菜單管理:管理員可以在菜單管理模塊創(chuàng)建、刪除、查詢菜單。調(diào)整菜單圖標(biāo)及系統(tǒng)中排列順序。同時(shí),您還可以管理系統(tǒng)中每個(gè)菜單下的功能按鈕鍵。
(5)課程管理:管理員可以在該模塊下添加、刪除和查詢課程??梢孕薷恼n程信息,指定課程教師,并在課程中添加課程材料。
(6)類別管理:管理員可以在此模塊下添加和刪除課程類型。可以修改類型備注和排序。
(7)課程審核:管理員可以對教師發(fā)布的課程進(jìn)行審核。
(8)資源管理:管理員可以對系統(tǒng)中的教學(xué)材料資源信息進(jìn)行增添、查詢、修改等處理。
(9)教師管理:管理員可以查看、授權(quán)和編輯培訓(xùn)教師信息。
(10)導(dǎo)航菜單:管理員可以在該模塊下對管理后臺(tái)導(dǎo)航欄的順序進(jìn)行調(diào)整,便于管理員操作。還可以編輯對應(yīng)導(dǎo)航模塊的圖標(biāo)。
(11)輪播管理:管理員可以編輯設(shè)置學(xué)習(xí)平臺(tái)前端用戶頁面的輪播效果。
(12)交互式討論功能:管理員可以在交流學(xué)習(xí)的交互式討論模塊下發(fā)布交互式討論任務(wù)。
3.1.2? 培訓(xùn)教師端功能
培訓(xùn)教師端功能有兩項(xiàng),分別為:
(1)用戶登錄:培訓(xùn)老師可以通過賬號和密碼登錄系統(tǒng)平臺(tái)。
(2)課程資料發(fā)布:培訓(xùn)教師可以編輯課程的名稱、首圖、課程內(nèi)容及課程資料并通過該平臺(tái)發(fā)布課程和資料。
3.1.3? 學(xué)員端功能
學(xué)員端功能有兩項(xiàng),分別為:
(1)用戶登錄:培訓(xùn)學(xué)員可以通過賬號密碼登錄系統(tǒng)平臺(tái)。
(2)課程學(xué)習(xí):培訓(xùn)學(xué)員可以在課程模塊下預(yù)覽可以學(xué)習(xí)的課程,也可以通過類型篩選和查詢功能找到自己想學(xué)習(xí)的課程,點(diǎn)擊學(xué)習(xí)即可。
3.2? 平臺(tái)的設(shè)計(jì)與實(shí)現(xiàn)
管理員用戶進(jìn)入系統(tǒng)首先進(jìn)入登錄頁面,登錄時(shí),管理員用戶必須做到賬戶密碼和驗(yàn)證碼正確,這樣才能完成成功登錄的步驟,如圖2所示。管理員可以使用賬號、用戶名、性別進(jìn)行搜索和篩選,預(yù)覽系統(tǒng)中所有的賬號信息。同時(shí),可以添加單個(gè)用戶或批量導(dǎo)入用戶,批量刪除用戶,如圖3和圖4所示。
4? 結(jié)? 論
“慕-微-快-翻”集成化技術(shù)實(shí)操學(xué)習(xí)平臺(tái)采用B/S模式,這是一種流行的瀏覽器、服務(wù)器模式。MVC模式為整體架構(gòu)模式,后端Java編程語言為主要語言,前端主要語言為HTML、CSS、JavaScript。MySQL是這個(gè)系統(tǒng)的數(shù)據(jù)庫。MySQL開源免費(fèi),MySQL是目前最適合開發(fā)在線學(xué)習(xí)平臺(tái)的關(guān)系型數(shù)據(jù)庫。ECharts數(shù)據(jù)可視化技術(shù)用于實(shí)現(xiàn)系統(tǒng)數(shù)據(jù)顯示的部分功能。它的優(yōu)勢在于其豐富的可視化類型和跨平臺(tái)的可用性,因此非常適用于作為一個(gè)線上教育平臺(tái)使教師和學(xué)員都能體驗(yàn)到較好的平臺(tái)服務(wù)。
參考文獻(xiàn):
[1] 施鷺.高校在線教學(xué)模式研究與實(shí)踐——以大數(shù)據(jù)技術(shù)基礎(chǔ)課程為例 [J].中國多媒體與網(wǎng)絡(luò)教學(xué)學(xué)報(bào)(中旬刊),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é)平臺(tái)對于高職教學(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)時(shí)代——慕課與傳統(tǒng)教育的比較研究 [J].湖北開放職業(yè)學(xué)院學(xué)報(bào),2021,34(4):28-29.
[8] 問清泓.英國網(wǎng)絡(luò)遠(yuǎn)程教育啟示錄 [J].成人教育,2021,41(3):18-25.
作者簡介:王波(1980—),男,漢族,黑龍江齊齊哈爾人,碩士生導(dǎo)師,副教授,博士,研究方向:大數(shù)據(jù)分析與處理。