甄真 張秀梅

摘 ?要：2020年疫情暴發(fā)后，出于對(duì)疫情防控的考慮，通過(guò)互聯(lián)網(wǎng)進(jìn)行的線(xiàn)上教學(xué)成為當(dāng)前時(shí)代教育的主流形式。線(xiàn)上教學(xué)的進(jìn)一步完善是要學(xué)生能在網(wǎng)絡(luò)上與教師完成良好的互動(dòng)，同時(shí)教師也能對(duì)學(xué)生的學(xué)習(xí)情況進(jìn)行整體的考核和了解。鑒于此開(kāi)發(fā)的學(xué)生網(wǎng)課學(xué)習(xí)系統(tǒng)，希望能夠通過(guò)互聯(lián)網(wǎng)以低成本、大規(guī)模、高效率的形式把優(yōu)質(zhì)的教育資源呈現(xiàn)給學(xué)生，讓學(xué)生能發(fā)揮良好的學(xué)習(xí)主觀能動(dòng)性，讓教師能夠?qū)W(xué)生的學(xué)習(xí)情況有全面的把握。

關(guān)鍵詞：自主學(xué)習(xí);在線(xiàn)教育;B/S;SSM

中圖分類(lèi)號(hào)：TP311.52 ? ? 文獻(xiàn)標(biāo)識(shí)碼：A 文章編號(hào)：2096-4706（2020）23-0008-04

Development and Design of StudentsOnline Learning System

ZHEN Zhen，ZHANG Xiumei

（School of Computer Science and Software Engineering，University of Science and Technology Liaoning，Anshan ?114051，China）

Abstract：After the outbreak of the epidemic in 2020，the online teaching through the internet has become the mainstream of education in the current era due to the consideration of epidemic prevention and control. The further improvement of online teaching is to enable students to complete good interaction with teachers on the internet，while teachers can also assess and understand studentslearning situation as a whole. In view of this，we develop the student online learning system，hoping to present high-quality educational resources to students in the form of low-cost，large-scale and high efficiency through the internet，so that students can play good learning initiative，and teachers can have a comprehensive grasp of studentslearning situation.

Keywords：independent learning;online teaching;B/S;SSM

0 ?引 ?言

MOOC、翻轉(zhuǎn)課堂等基于互聯(lián)網(wǎng)的新型教育形式的出現(xiàn)和快速發(fā)展得益于互聯(lián)網(wǎng)相關(guān)技術(shù)的發(fā)展和不斷革新，互聯(lián)網(wǎng)與教育的結(jié)合促進(jìn)了教育資源的共享，一些學(xué)習(xí)型網(wǎng)站如學(xué)堂在線(xiàn)、中國(guó)大學(xué)慕課等慕課平臺(tái)的建立，使教學(xué)方式結(jié)合了互聯(lián)網(wǎng)方便快捷的使用特點(diǎn)以及良好的交互功能，使得線(xiàn)上教學(xué)為教師和學(xué)生均提供了便利[1，2]。

雖然網(wǎng)絡(luò)上的教學(xué)資源豐富，教學(xué)平臺(tái)眾多，但是卻沒(méi)有一個(gè)與我校實(shí)際情況相適配的線(xiàn)上教學(xué)系統(tǒng)，因此，一個(gè)穩(wěn)定且符合要求的線(xiàn)上教學(xué)系統(tǒng)成為切實(shí)的需求，鑒于此筆者決定通過(guò)開(kāi)發(fā)學(xué)生網(wǎng)課學(xué)習(xí)系統(tǒng)，為學(xué)生提供一個(gè)能夠自主學(xué)習(xí)的網(wǎng)絡(luò)學(xué)習(xí)平臺(tái)，使其能夠選擇合適的資源進(jìn)行學(xué)習(xí)，并且通過(guò)在線(xiàn)測(cè)試檢測(cè)自己的學(xué)習(xí)成果，同時(shí)能夠讓教師更好地把握學(xué)生的學(xué)習(xí)情況，合理安排教學(xué)進(jìn)度。

1 ?系統(tǒng)分析與設(shè)計(jì)

1.1 ?開(kāi)發(fā)背景

為響應(yīng)防疫抗疫工作中居家隔離的號(hào)召，線(xiàn)上教學(xué)成為教育工作者的首選，“互聯(lián)網(wǎng)+教育”的模式得到了廣泛的使用。但是，線(xiàn)上教學(xué)更加傾向于學(xué)生在線(xiàn)上進(jìn)行自主學(xué)習(xí)，教師起輔導(dǎo)作用。這就要求系統(tǒng)不僅能夠?qū)W(xué)生起相應(yīng)的引導(dǎo)作用，還應(yīng)該能夠?qū)W(xué)生的學(xué)習(xí)情況做出相應(yīng)的反饋，從而更好地激發(fā)學(xué)生學(xué)習(xí)的主觀能動(dòng)性，在引導(dǎo)學(xué)生自主學(xué)習(xí)的同時(shí)，能夠讓學(xué)生對(duì)自己的學(xué)習(xí)效果進(jìn)行階段性檢測(cè)。值得一提的是，開(kāi)展線(xiàn)上教學(xué)，推行“互聯(lián)網(wǎng)+教育”模式，在高等教育中引進(jìn)網(wǎng)絡(luò)課程，將會(huì)使得更多優(yōu)秀師資、教育資源得到更好的放大利用，對(duì)于高等教育的發(fā)展也起到很大的幫助作用[3]。

1.2 ?用戶(hù)分析

該系統(tǒng)主要針對(duì)學(xué)校用戶(hù)，用戶(hù)類(lèi)型分別是學(xué)生、教師以及系統(tǒng)后臺(tái)管理員。其中學(xué)生用戶(hù)主要是利用系統(tǒng)完成在線(xiàn)自主學(xué)習(xí)，對(duì)系統(tǒng)中相應(yīng)課程的知識(shí)點(diǎn)進(jìn)行學(xué)習(xí)，對(duì)不熟練的知識(shí)點(diǎn)進(jìn)行反復(fù)的學(xué)習(xí)，完成課前預(yù)習(xí)和課后復(fù)習(xí)以及教師發(fā)布的作業(yè)和任務(wù)。教師主要是利用該系統(tǒng)進(jìn)行學(xué)生學(xué)習(xí)情況查看、設(shè)置章節(jié)學(xué)習(xí)任務(wù)、發(fā)布作業(yè)、上傳學(xué)習(xí)資料和對(duì)學(xué)生學(xué)習(xí)過(guò)程中產(chǎn)生的問(wèn)題進(jìn)行指導(dǎo)等。系統(tǒng)后臺(tái)管理員主要是對(duì)該系統(tǒng)進(jìn)行后臺(tái)維護(hù)、管理學(xué)生和教師的相關(guān)信息、進(jìn)行學(xué)生和教師的身份認(rèn)證和資格審查等。

1.3 ?系統(tǒng)設(shè)計(jì)

本系統(tǒng)采用瀏覽器/服務(wù)器架構(gòu)（Browser/Server，B/S）作為基礎(chǔ)架構(gòu)進(jìn)行開(kāi)發(fā)[4]，在Java語(yǔ)言環(huán)境下進(jìn)行搭建和開(kāi)發(fā)，Java語(yǔ)言在瀏覽器端系統(tǒng)的開(kāi)發(fā)方面具有其獨(dú)特的優(yōu)勢(shì)，系統(tǒng)后端使用的是基于輕量級(jí)框架技術(shù)而出現(xiàn)的集成框架SSM框架[5]，前端頁(yè)面采用的是動(dòng)態(tài)網(wǎng)頁(yè)開(kāi)發(fā)技術(shù)JSP（JavaServerPages）以及CSS和JavaScript進(jìn)行搭建，使用MySQL數(shù)據(jù)庫(kù)對(duì)系統(tǒng)中相關(guān)數(shù)據(jù)進(jìn)行存儲(chǔ)。

本系統(tǒng)為瀏覽器端系統(tǒng)，用戶(hù)可以通過(guò)瀏覽器中的網(wǎng)址對(duì)系統(tǒng)直接進(jìn)行訪(fǎng)問(wèn)，而瀏覽器界面作為視圖層，也承擔(dān)著和用戶(hù)直接交互的功能。瀏覽器端呈現(xiàn)系統(tǒng)的所有功能選項(xiàng)，包括登錄、注冊(cè)、學(xué)習(xí)、簽到、課堂測(cè)試等，用戶(hù)可以通過(guò)HTTP請(qǐng)求來(lái)和服務(wù)器進(jìn)行交互，通過(guò)頁(yè)面發(fā)送請(qǐng)求給控制層（Controller），Controller調(diào)用業(yè)務(wù)層（Service）處理邏輯，Service向持久層（Mapper）發(fā)送請(qǐng)求，Mapper與數(shù)據(jù)庫(kù)交互，后將結(jié)果返回到Service，Service將處理邏輯發(fā)送給Controller，Controller再調(diào)用視圖展現(xiàn)相應(yīng)的數(shù)據(jù)。

本系統(tǒng)的服務(wù)器端包括上述的Controller、Service和Mapper。Controller由SpringMVC來(lái)實(shí)現(xiàn)，其中作為中介、前臺(tái)的核心Servlet即為DispatcherServlet，它會(huì)通過(guò)Mapping去

匹配Controller，從而實(shí)現(xiàn)用戶(hù)在系統(tǒng)中的各種請(qǐng)求。Service由Spring來(lái)實(shí)現(xiàn)，Spring在項(xiàng)目中負(fù)責(zé)完成持久層和控制層的通信，是將Controller和Mapper結(jié)合的黏合劑。Mapper是由MyBatis來(lái)實(shí)現(xiàn)的，MyBatis是ORM（Object Relation Mapping）的一種實(shí)現(xiàn)框架，是對(duì)JDBC的封裝，簡(jiǎn)化了對(duì)數(shù)據(jù)庫(kù)的操作，使開(kāi)發(fā)更加方便快捷。

1.4 ?功能設(shè)計(jì)

該系統(tǒng)主要是供學(xué)生以及教師使用，主要針對(duì)線(xiàn)上教學(xué)的模式進(jìn)行設(shè)計(jì)，其中最主要的目的是引導(dǎo)學(xué)生自主學(xué)習(xí)、提高學(xué)生學(xué)習(xí)的主觀能動(dòng)性，教師作為輔導(dǎo)。另外系統(tǒng)管理員負(fù)責(zé)系統(tǒng)后臺(tái)的管理以及教師和學(xué)生相關(guān)信息的審核和管理。因此系統(tǒng)共分為三個(gè)模塊內(nèi)容：

管理員模塊：管理員負(fù)責(zé)在線(xiàn)測(cè)評(píng)的管理，用戶(hù)信息的管理以及系統(tǒng)后臺(tái)的相關(guān)維護(hù)。其中用戶(hù)信息的管理包括教師資格的審核以及學(xué)生的認(rèn)證，管理員可以查看、增加、編輯和刪除用戶(hù)，同時(shí)可以對(duì)用戶(hù)的身份進(jìn)行認(rèn)證。

學(xué)生模塊：學(xué)生在完成注冊(cè)并且成功登錄該系統(tǒng)后，可以查看相應(yīng)的學(xué)習(xí)內(nèi)容和與內(nèi)容相對(duì)應(yīng)的學(xué)習(xí)測(cè)評(píng)，并且可以通過(guò)相應(yīng)功能模塊向教師提問(wèn)。

教師模塊：教師可以設(shè)置學(xué)習(xí)任務(wù)，上傳學(xué)習(xí)資料，查看學(xué)生的學(xué)習(xí)情況，合理制定教學(xué)進(jìn)度，同時(shí)可以在該系統(tǒng)中解答學(xué)生提問(wèn)的相關(guān)問(wèn)題。系統(tǒng)的功能結(jié)構(gòu)圖如圖1所示。

2 ?系統(tǒng)部分功能實(shí)現(xiàn)

2.1 ?教學(xué)知識(shí)管理

教師成功登錄系統(tǒng)后，可以通過(guò)點(diǎn)擊左側(cè)導(dǎo)航欄中的相應(yīng)按鈕對(duì)教學(xué)內(nèi)容進(jìn)行管理，通過(guò)知識(shí)點(diǎn)管理頁(yè)面進(jìn)行知識(shí)點(diǎn)的查看、修改和刪除，也可以通過(guò)搜索框進(jìn)行關(guān)鍵字查詢(xún)相應(yīng)知識(shí)點(diǎn)。

其中，上傳知識(shí)點(diǎn)時(shí)，教師可以選擇上傳與知識(shí)點(diǎn)對(duì)應(yīng)的視頻，教師完成上傳后，學(xué)生成功登錄系統(tǒng)后即可對(duì)相應(yīng)的知識(shí)點(diǎn)進(jìn)行學(xué)習(xí)。教學(xué)知識(shí)管理頁(yè)面如圖2所示。

2.2 ?課程練習(xí)管理

學(xué)生在完成知識(shí)點(diǎn)的學(xué)習(xí)后，可以用教師設(shè)置的相應(yīng)習(xí)題進(jìn)行自測(cè)，通過(guò)習(xí)題自測(cè)，學(xué)生可以對(duì)于自己之前學(xué)習(xí)的知識(shí)點(diǎn)的掌握情況有整體的了解和把握，知識(shí)點(diǎn)結(jié)合習(xí)題練習(xí)，可以讓學(xué)生對(duì)于學(xué)習(xí)的知識(shí)有更加具體的認(rèn)識(shí)和理解。教師可以查看學(xué)生完成的習(xí)題情況，對(duì)學(xué)生的學(xué)習(xí)情況有所了解，對(duì)于教師的教學(xué)計(jì)劃實(shí)施以及教學(xué)任務(wù)發(fā)布有著很好的指導(dǎo)作用。學(xué)生課程練習(xí)頁(yè)面如圖3所示。

3 ?系統(tǒng)應(yīng)用

該系統(tǒng)將應(yīng)用到“線(xiàn)上+線(xiàn)下”的教學(xué)模式中，該教學(xué)模式共分為課前、課中、課后三個(gè)階段。

課前：學(xué)生可以通過(guò)該系統(tǒng)進(jìn)行線(xiàn)上預(yù)習(xí)，以我校開(kāi)設(shè)的一門(mén)專(zhuān)業(yè)課程“操作系統(tǒng)概論”為例，如圖4所示。

學(xué)生通過(guò)查看對(duì)應(yīng)課程中相應(yīng)的知識(shí)點(diǎn)，從而對(duì)授課的內(nèi)容進(jìn)行簡(jiǎn)單的了解，對(duì)所學(xué)習(xí)的知識(shí)脈絡(luò)有一個(gè)整體的把握，從而能夠做到課上抓住重、難點(diǎn)以及疑惑的地方著重聽(tīng)講，同時(shí)也能夠減輕教師的授課壓力，著重講解學(xué)生難以理解的地方，甚至省去了相當(dāng)一部分重復(fù)簡(jiǎn)單知識(shí)點(diǎn)的時(shí)間，可以通過(guò)剩余課堂時(shí)間做一些相關(guān)的課外拓展，讓學(xué)生在學(xué)習(xí)理論知識(shí)的同時(shí)結(jié)合實(shí)際應(yīng)用。

課中：教師可以利用該系統(tǒng)發(fā)布一些測(cè)試任務(wù)來(lái)進(jìn)行互動(dòng)教學(xué)，調(diào)動(dòng)學(xué)生學(xué)習(xí)的積極性，也讓學(xué)生能夠隨堂檢測(cè)自己的學(xué)習(xí)情況。

課后：學(xué)生通過(guò)平臺(tái)完成教師布置的學(xué)習(xí)任務(wù)，從而了解自身對(duì)知識(shí)點(diǎn)的掌握程度，及時(shí)鞏固復(fù)習(xí)。教師可以利用該系統(tǒng)設(shè)置課后作業(yè)，并且查看同學(xué)們的完成情況和得分，如圖5所示。

通過(guò)該系統(tǒng)的使用，將課前預(yù)習(xí)、課中練習(xí)和課后復(fù)習(xí)這三個(gè)學(xué)習(xí)階段有機(jī)地結(jié)合起來(lái)，不僅增加了學(xué)生學(xué)習(xí)的主觀能動(dòng)性，也在潛移默化中促使學(xué)生養(yǎng)成良好的學(xué)習(xí)習(xí)慣。

4 ?結(jié) ?論

目前國(guó)內(nèi)疫情形勢(shì)已經(jīng)穩(wěn)定，但“互聯(lián)網(wǎng)+教育”線(xiàn)上線(xiàn)下相結(jié)合的教育方式成了時(shí)代的主流，得到了廣泛的應(yīng)用。本系統(tǒng)使用SSM框架進(jìn)行開(kāi)發(fā)，該框架內(nèi)封裝了很多實(shí)用且方便的類(lèi)庫(kù)，顯著提升了系統(tǒng)的開(kāi)發(fā)效率，提高了代碼的復(fù)用性，同時(shí)也保障了系統(tǒng)的安全性和可用性，該系統(tǒng)的開(kāi)發(fā)結(jié)合了“互聯(lián)網(wǎng)+教育”的教學(xué)模式和學(xué)校的實(shí)際情況，一定程度上提高了高校教育教學(xué)的效率，有效提升學(xué)生自主學(xué)習(xí)的能力，促進(jìn)學(xué)生良好學(xué)習(xí)習(xí)慣的養(yǎng)成，同時(shí)線(xiàn)上化的學(xué)習(xí)方式集中了大量互聯(lián)網(wǎng)中的優(yōu)秀教學(xué)資源，供學(xué)生學(xué)習(xí)使用。但是本系統(tǒng)的開(kāi)發(fā)時(shí)間有限，因此系統(tǒng)的部分功能尚存不足，后續(xù)仍需進(jìn)行相應(yīng)的系統(tǒng)優(yōu)化處理和功能的完善與補(bǔ)充，以提升系統(tǒng)的響應(yīng)速度和用戶(hù)體驗(yàn)。

參考文獻(xiàn)：

[1] 張琳琳，羅茜.“互聯(lián)網(wǎng)+”形態(tài)下《電子商務(wù)》課程翻轉(zhuǎn)課堂教學(xué)模式改革研究 [J].課程教育研究，2018（15）：107-108.

[2] 郭偉業(yè).“互聯(lián)網(wǎng)+教育”的創(chuàng)新本質(zhì)與變革趨勢(shì) [J].才智，2018（34）：127-128.

[3] 郝珺，蔡海飛.大學(xué)生網(wǎng)絡(luò)學(xué)習(xí)行為實(shí)證研究 [J].高教探索，2018（2）：41-44.

[4] 王晨璐，秦帥剛.基于B/S架構(gòu)的圖書(shū)輔助管理系統(tǒng)的設(shè)計(jì)與實(shí)現(xiàn) [J].信息技術(shù)與信息化，2021（1）：48-51.

[5] 李永鋒.基于SSM架構(gòu)的高校教學(xué)過(guò)程數(shù)據(jù)分析系統(tǒng) [J].電腦編程技巧與維護(hù)，2020（3）：82-83+114.

作者簡(jiǎn)介：甄真（1999—），男，漢族，山東棗莊人，本科在讀，研究方向：軟件工程;通訊作者：張秀梅（1978—），女，漢族，遼寧鞍山人，講師，碩士研究生，研究方向：中文信息處理。