基于SpringBoot的成績可視化系統(tǒng)設(shè)計與實現(xiàn)

姜 楠，莊新慶，李宣廷

(大連民族大學(xué) 計算機科學(xué)與工程學(xué)院，遼寧 大連 116650)

隨著互聯(lián)網(wǎng)、大數(shù)據(jù)和云計算等現(xiàn)代信息技術(shù)的發(fā)展，高校教育規(guī)模不斷擴大，使得高校逐步積累了大量教學(xué)數(shù)據(jù)。由于現(xiàn)有教學(xué)數(shù)據(jù)管理方式以及用戶對專業(yè)數(shù)據(jù)的理解能力和觀察視角等因素的限制，這些海量教學(xué)數(shù)據(jù)沒有充分體現(xiàn)價值，也不能直觀展示給用戶，在一定程度上造成了這些數(shù)據(jù)資源的浪費。國外相較于國內(nèi)更早的把互聯(lián)網(wǎng)技術(shù)與教育相結(jié)合，發(fā)達國家的成功經(jīng)驗對中國教育數(shù)據(jù)機構(gòu)的建設(shè)具有教育意義[1]。近幾年中國也在積極把互聯(lián)網(wǎng)、可視化等相關(guān)信息技術(shù)與教育相結(jié)合，國內(nèi)很多企業(yè)尤其是互聯(lián)網(wǎng)企業(yè)將可視化技術(shù)應(yīng)用于產(chǎn)品運營，國內(nèi)一些高校也將可視化應(yīng)用于圖書館服務(wù)、掛科預(yù)警、學(xué)籍預(yù)警、思想動態(tài)分析等[2]。近年來，隨著數(shù)據(jù)資源的豐富，在基金的積極支持下，國內(nèi)可視化的研究成果逐漸豐富，高校教學(xué)數(shù)據(jù)與互聯(lián)網(wǎng)的結(jié)合也在積極探索中。文章通過對高校學(xué)生成績進行整合，準確分析出各個班級各門課程成績的差異，以及學(xué)生學(xué)習(xí)此門課程存在的薄弱環(huán)節(jié)。通過圖表的方式直觀展現(xiàn)，更加清晰明了發(fā)現(xiàn)每個學(xué)生存在的問題，因材施教，使得有限的教育資源得到最大化的利用。

1 可視化體系總體架構(gòu)

本系統(tǒng)的總體架構(gòu)設(shè)計如圖1。主要由物理資源層、基礎(chǔ)環(huán)境層、數(shù)據(jù)業(yè)務(wù)層、數(shù)據(jù)可視化層四部分組成。

(1)物理資源層。包括CPU計算資源、內(nèi)外存儲資源、數(shù)據(jù)存儲所需的網(wǎng)絡(luò)通信資源，以及其他的硬件條件，主要為數(shù)據(jù)可視化分析平臺運行和開發(fā)提供所需的物理硬件條件支撐[3]。

(2)基礎(chǔ)環(huán)境層。基于Windows7操作系統(tǒng)，為數(shù)據(jù)可視化分析平臺提供運行和開發(fā)需要的Java IDE集成開發(fā)環(huán)境、JDK1.8、SpringBoot框架，以及平臺運行和開發(fā)所需要的其他必要環(huán)境支撐。

(3)數(shù)據(jù)業(yè)務(wù)層。以高校學(xué)生成績數(shù)據(jù)為基礎(chǔ)構(gòu)建數(shù)據(jù)庫，采用JDBC數(shù)據(jù)連接管理方法和JSON數(shù)據(jù)對象表示方法從中抽取可視化分析平臺所需的成績數(shù)據(jù)，為平臺數(shù)據(jù)可視化層的實現(xiàn)提供數(shù)據(jù)和邏輯業(yè)務(wù)支撐。

(4)數(shù)據(jù)可視化層。學(xué)生成績可視化系統(tǒng)以Web平臺為載體，采用ECharts可視化插件將從數(shù)據(jù)業(yè)務(wù)層抽取得到的數(shù)據(jù)以圖表的形式直觀地展示在前端頁面，為用戶提供一個可以直觀查詢學(xué)生成績數(shù)據(jù)分析的界面。

2 混合教學(xué)成績與可視化技術(shù)

混合教學(xué)就是把傳統(tǒng)教學(xué)與網(wǎng)絡(luò)教育結(jié)合在一起，將兩者的優(yōu)勢互補，這樣就會取得明顯優(yōu)于兩者單一的使用效果。國家對科技教育一直都很重視，這也為混合教學(xué)的發(fā)展帶來了巨大的推動作用[4]?，F(xiàn)在我們使用的混合教學(xué)方式是雨課堂平臺與線下教學(xué)相結(jié)合。雨課堂開發(fā)的目的就是應(yīng)用于高校教學(xué)，教師可以通過雨課堂上傳課件、發(fā)布習(xí)題、發(fā)布公告、組織簽到，在線答疑解惑。學(xué)生在線做題、簽到、閱讀公告、教師講解PPT過程中學(xué)生可以發(fā)送彈幕，隨時與老師溝通。雨課堂可以記錄下學(xué)生的課堂表現(xiàn)，相關(guān)課堂數(shù)據(jù)存放在Excel表中。這種使用課前、課中、課后相互聯(lián)結(jié)的新型教學(xué)形式，可以使學(xué)生在每一個環(huán)節(jié)都能獲得全新的體驗，同時增加與教師之間的互動，使教學(xué)變得更加便捷高效，并在課堂上最大程度的激發(fā)教師教學(xué)與學(xué)生學(xué)習(xí)的能量，促進教學(xué)改革的成功[4]。增加老師和學(xué)生的互動，更好的提高教學(xué)質(zhì)量和學(xué)生學(xué)習(xí)質(zhì)量。

數(shù)據(jù)可視化主要借助于圖形化手段，清晰有效地傳達與溝通信息。人類從外界獲得的信息約有80%以上來自于視覺系統(tǒng)，當(dāng)把數(shù)據(jù)通過可視化技術(shù)以圖的形式展現(xiàn)在分析者面前時，分析者能夠快速洞悉數(shù)據(jù)背后隱藏的信息。數(shù)據(jù)可視化技術(shù)包含以下幾個基本概念：(1)數(shù)據(jù)空間：是由n維屬性和m個元素組成的數(shù)據(jù)集所構(gòu)成的多維信息空間；(2)數(shù)據(jù)開發(fā)：是指利用一定的算法和工具對數(shù)據(jù)進行定量的推演和計算；(3)數(shù)據(jù)分析：指對多維數(shù)據(jù)進行切片、塊、旋轉(zhuǎn)等動作剖析數(shù)據(jù)，從而能多角度多側(cè)面觀察數(shù)據(jù)；(4)數(shù)據(jù)可視化：是指將大型數(shù)據(jù)集中的數(shù)據(jù)以圖形圖像形式表示，并利用數(shù)據(jù)分析和開發(fā)工具發(fā)現(xiàn)其中未知信息的處理過程。

高校教育與可視化技術(shù)密不可分，可視化技術(shù)極大促進了高校教育的發(fā)展。也對高校教育變革起到了促進作用。教學(xué)成績可視化是將教學(xué)過程中不斷生成和積累的數(shù)據(jù)予以可視化呈現(xiàn)。在互聯(lián)網(wǎng)高速發(fā)展的今天，將教學(xué)成績與數(shù)據(jù)可視化技術(shù)結(jié)合可以更加有效地提取出教學(xué)成績潛在的價值，可以更好利用這些寶貴的數(shù)據(jù)資源，也是對高校教學(xué)與互聯(lián)網(wǎng)技術(shù)結(jié)合的一種探索。教學(xué)數(shù)據(jù)可視化也是教師數(shù)據(jù)素養(yǎng)發(fā)展的重要內(nèi)容。幾年來數(shù)據(jù)教育應(yīng)用的常態(tài)化亟需教師能夠理解與應(yīng)用數(shù)據(jù)，以不斷改進教學(xué)和促進學(xué)生發(fā)展[5]。數(shù)據(jù)可視化可以幫助教師減少一些復(fù)雜的工作，可以使得教師從繁雜的教學(xué)數(shù)據(jù)中脫身。教師只需要通過數(shù)據(jù)可視化之后的圖表來發(fā)現(xiàn)數(shù)據(jù)之間的聯(lián)系，分析出各個班級成績數(shù)據(jù)的差異以及學(xué)生學(xué)習(xí)此門課程的薄弱環(huán)節(jié)，提高教學(xué)質(zhì)量和學(xué)生的學(xué)習(xí)質(zhì)量。

3 可視化在教學(xué)成績中的應(yīng)用

3.1 數(shù)據(jù)形式與預(yù)處理

現(xiàn)在所采取的課堂教學(xué)形式主要是“傳統(tǒng)教學(xué)”與“網(wǎng)絡(luò)教學(xué)”相結(jié)合。課堂教學(xué)過程使用雨課堂小程序，教師可發(fā)布課堂簽到、發(fā)布公告、發(fā)布課堂練習(xí)、發(fā)布期中期末成績。相應(yīng)的學(xué)生進行課堂簽到、閱讀公告、解答課堂練習(xí)、參加期中期末考試。最后雨課堂小程序可以對這些參與過程產(chǎn)生的數(shù)據(jù)進行匯總，把每個學(xué)生學(xué)習(xí)本門課程的所有數(shù)據(jù)統(tǒng)計到Excel表格中，教師可以下載Excel表格。數(shù)據(jù)在經(jīng)過收集和整合之后, 需要按照一定的規(guī)則對數(shù)據(jù)進行編碼、去重、清洗等預(yù)處理操作，清除錯誤數(shù)據(jù)和無效數(shù)據(jù)，以方便后期的數(shù)據(jù)操作。

3.2 學(xué)生成績分析

以18級網(wǎng)絡(luò)工程四個班級期末試卷成績?yōu)槔M行分析。

(1)先整體分析這四個班級的學(xué)生成績，了解學(xué)生考試的整體情況。將成績劃分為0～59分，60～74分，75～84分，85～100分四個區(qū)間，以柱狀圖和折線圖相結(jié)合的形式展示成績分析結(jié)果。分析結(jié)果如圖2。

通過這個圖可以看出各個區(qū)間所占的人數(shù)，折線圖描繪出各區(qū)間的變化趨勢。可以看出在0～59分的人最多，其次是60～74分區(qū)間，85～100分的人數(shù)和75～84分的人數(shù)相差無幾。

(2)對比四個班級的不及格0～59、及格60～74、良好75～84、優(yōu)秀85～100所占人數(shù)數(shù)量，通過柱狀圖對比展示，這樣可以直觀的看出每個班級之間的差異;分析結(jié)果如圖3。

通過這個柱狀圖看出182班的0～59分區(qū)間人數(shù)最多，181班的0～59區(qū)間人數(shù)最少。183班85～100分區(qū)間人數(shù)最少，184班85～100分區(qū)間人數(shù)最多。181班、182、183班成績在及格、良好、優(yōu)秀成績區(qū)間人數(shù)相差較多，說明這個幾個班級成績差距較大。184班在及格、良好、優(yōu)秀成績區(qū)間人數(shù)相差無幾，這也看出184班成績比較均勻，整體表現(xiàn)較好。

(3)對比四個班級的離散數(shù)學(xué)平均成績，以柱狀圖的形式呈現(xiàn)結(jié)果，分析結(jié)果如圖4。

通過圖4柱狀圖可以直觀的表示每個班級的平均成績以及班級之間的差異。從圖4可以看出181班和182班的平均成績相差0.7分，差別不大。183班和184班的平均成績相差0.23，差別非常小。但是181班、182班和183班、184班的平均成績相差大約6分，它們之間的差距還是很大的，各班平均分人數(shù)餅狀圖如圖5。各個班級成績大于或小于平均分的人數(shù)所占的比例。181班大于平均分的人數(shù)占比最高為62.5%，其余三個班的比例大約各占一半。結(jié)合圖3，可以分析出：雖然183班和184班平均成績相差無幾，但是183班60～74分區(qū)間人數(shù)大約為184班的兩倍，這也說明184班學(xué)生成績優(yōu)秀率比較高。

(4)對四個班級的學(xué)生成績進行匯總之后，繪制散點圖，分析結(jié)果如圖6。

通過這個散點圖，可以看出絕大部分的學(xué)生成績大于40分，在40～75分之間。極少數(shù)的學(xué)生成績小于40分，少數(shù)的學(xué)生成績大于80分。

(5)從四個班級中找出兩個較高分試卷，兩個較低分試卷。把試卷提煉出四個標簽：基礎(chǔ)知識、計算能力、理解能力、完整度、工整度。通過每個人答題得分情況，為這每個標簽賦值。經(jīng)過分析繪制成雷達圖,分析結(jié)果如圖7。

通過雷達圖得到成績94分的同學(xué)與成績90分的同學(xué)在試卷工整度、試卷完整度以及計算能力方面幾乎沒有差別，在基礎(chǔ)知識和理解能力方面稍微有點差別，成績94分的同學(xué)在這兩方面略高于成績90分同學(xué)。成績25分的同學(xué)在工整度和完整度方面表現(xiàn)較好，與成績高的同學(xué)在基礎(chǔ)知識和理解能力方面差別較大。成績10分的同學(xué)，在這5個方面表現(xiàn)都不好。由此得知，基礎(chǔ)知識和理解能力對學(xué)生成績影響較大。

4 結(jié) 語

在互聯(lián)網(wǎng)高速發(fā)展的時代，高效教學(xué)應(yīng)該積極尋求與互聯(lián)網(wǎng)結(jié)合的途徑，探索新時代背景下新的教學(xué)模式，變革已有的教學(xué)模式，使得教學(xué)往數(shù)字化、智能化、可視化的道路上發(fā)展。增加老師和學(xué)生的聯(lián)系，使得每個同學(xué)都能參與到課堂當(dāng)中，增加課堂的活潑氛圍，更好的調(diào)動老師和同學(xué)們的積極性。

本文利用可視化技術(shù)對課程成績進行可視化，將數(shù)據(jù)挖掘分析的思想與真實的課程成績相結(jié)合，把原本繁雜的數(shù)據(jù)通過圖表的形式向用戶直觀展現(xiàn)教學(xué)成績的分析，發(fā)掘這些數(shù)據(jù)的潛在的含義，最大限度的發(fā)揮這些教學(xué)數(shù)據(jù)的價值，為教學(xué)工作提供大量的有用信息，幫助老師更加清晰明了的發(fā)現(xiàn)每個班級存在的問題，因材施教，使得有限的教育資源得到最大化的利用。所有的分析都是根據(jù)課程的教學(xué)特點來分析，所呈現(xiàn)的分析結(jié)果也具有較高的實際意義[6]。在高等教育與互聯(lián)網(wǎng)結(jié)合的道路上積極探索，使高等教育治理和教育研究逐漸走向科學(xué)化[7]。