陳怡霏 高屹，2**

（1.西藏民族大學(xué)；2.西藏光信息處理與可視化技術(shù)重點(diǎn)實(shí)驗(yàn)室，陜西 咸陽(yáng) 712082)

1 研究背景

大數(shù)據(jù)時(shí)代加速了西藏經(jīng)濟(jì)社會(huì)的發(fā)展，對(duì)于廣大大學(xué)生來(lái)說(shuō)，綜合素質(zhì)成為了新時(shí)代的能力要求，傳統(tǒng)單一的知識(shí)型大學(xué)生已完全不能符合西藏經(jīng)濟(jì)社會(huì)對(duì)高水平人才的要求。素質(zhì)和能力是逐步成為大學(xué)生就業(yè)的核心競(jìng)爭(zhēng)力。大學(xué)生要想在踏入社會(huì)、進(jìn)入職場(chǎng)中取得主動(dòng)、優(yōu)勢(shì)地位，需要在大學(xué)期間努力做好知識(shí)儲(chǔ)備的同時(shí)，有意識(shí)的提高自身綜合素質(zhì)［1］與能力，從而提升自己的競(jìng)爭(zhēng)優(yōu)勢(shì)。

西藏民族大學(xué)綜合素質(zhì)測(cè)評(píng)不同于一般通用型測(cè)評(píng)，有其特殊的民族性、地域性及其他差異性。平面二維的測(cè)評(píng)數(shù)據(jù)很難能夠直觀的反應(yīng)現(xiàn)實(shí)情況，尤其在復(fù)雜的大數(shù)據(jù)挖掘環(huán)境下，需要利用用戶畫像的方式實(shí)現(xiàn)復(fù)雜的統(tǒng)計(jì)分析并建模表達(dá)。學(xué)生們也可以利用這些可視化的數(shù)據(jù)呈現(xiàn)方法，收集并解析實(shí)體對(duì)象的行為屬性、生活習(xí)慣、業(yè)余活動(dòng)情況。

因此，本文所設(shè)計(jì)的數(shù)據(jù)可視化平臺(tái)能夠立體的呈現(xiàn)大學(xué)生綜合素質(zhì)評(píng)定的結(jié)果［2］，還能詳盡、精確地對(duì)大學(xué)生在校階段所有數(shù)據(jù)進(jìn)行匯總與統(tǒng)計(jì)分析,借助圖譜、二維表等可視化手段有助于學(xué)生們更全面地了解個(gè)人的綜合能力發(fā)展、專業(yè)和核心能力情況、綜合素質(zhì)評(píng)估結(jié)果等信息。

2 可視化技術(shù)研究現(xiàn)狀

2.1 國(guó)外研究現(xiàn)狀

數(shù)據(jù)可視化技術(shù)在國(guó)外發(fā)展較早，技術(shù)成熟，在哈佛大學(xué)、麻省理工學(xué)院等一些知名的大學(xué)都將數(shù)據(jù)可視化作為研究課題。麻省理工學(xué)院的研究小組以城市信息化的可視化為研究重點(diǎn)，已發(fā)表了數(shù)篇被廣泛引用的論文。斯坦福正在進(jìn)行的項(xiàng)目包括交互式可視化的新語(yǔ)言、理論模型、探索性分析和設(shè)計(jì)工具、評(píng)估可視化效果的感知實(shí)驗(yàn)，以及用于大規(guī)模文本分析、人口基因組學(xué)和其他領(lǐng)域的可視化分析系統(tǒng)，從而推動(dòng)數(shù)據(jù)可視化工具的研究進(jìn)展。

2.2 國(guó)內(nèi)研究現(xiàn)狀

相對(duì)國(guó)外而言，國(guó)內(nèi)可視化研究相對(duì)較晚，始于20 世紀(jì)90 年代初。數(shù)據(jù)可視化在不同領(lǐng)域被廣泛研究，國(guó)內(nèi)許多高校成立了專門的數(shù)據(jù)可視化研究團(tuán)隊(duì)做相關(guān)技術(shù)方面的研究并取得一定成果，例如北京大學(xué)的“所見(jiàn)即所得”可視化系統(tǒng)，用戶可以根據(jù)需求調(diào)節(jié)參數(shù)與可視化系統(tǒng)進(jìn)行交互，建立了以面向目標(biāo)為特點(diǎn)的新可視化人機(jī)交互機(jī)制；浙江大學(xué)對(duì)高維時(shí)變數(shù)據(jù)實(shí)現(xiàn)突破等。

除了學(xué)術(shù)研究領(lǐng)域,媒體、企業(yè)、工作室和個(gè)人也都積極加入數(shù)據(jù)可視化研究當(dāng)中。隨著數(shù)據(jù)可視化技術(shù)的逐步成熟，國(guó)內(nèi)許多學(xué)者都撰寫了關(guān)于數(shù)據(jù)可視化的論文，而且國(guó)內(nèi)的數(shù)據(jù)可視化平臺(tái)、技術(shù)、工具也層出不窮，例如百度團(tuán)隊(duì)研發(fā)的基于Java Script 腳本語(yǔ)言所實(shí)現(xiàn)的Echarts可視化平臺(tái)，本文也采用這款工具進(jìn)行可視化實(shí)現(xiàn)，這些研究都將極大的推動(dòng)可視化技術(shù)在我國(guó)的迅猛發(fā)展。

3 相關(guān)技術(shù)

近年來(lái)，國(guó)內(nèi)互聯(lián)網(wǎng)技術(shù)迅猛發(fā)展，許多軟件開(kāi)發(fā)技術(shù)［3］應(yīng)運(yùn)而生，其中，HTML5 是目前最受歡迎的網(wǎng)頁(yè)設(shè)計(jì)技術(shù)之一，負(fù)責(zé)數(shù)據(jù)格式化的展示，決定網(wǎng)頁(yè)的結(jié)構(gòu)和內(nèi)容；Css3 可以通過(guò)樣式表美化網(wǎng)頁(yè)，使網(wǎng)站設(shè)計(jì)錦上添花；Java Script 是一種弱類型腳本語(yǔ)言，對(duì)網(wǎng)頁(yè)行為進(jìn)行編程，其源代碼不需要經(jīng)過(guò)編譯，由瀏覽器解釋運(yùn)行；ECharts 是一款用JavaScript 實(shí)現(xiàn)的數(shù)據(jù)可視化庫(kù)，目前在計(jì)算機(jī)領(lǐng)域應(yīng)用較多。

3.1 HTML5+Css3+JavaScript框架概述

超文本標(biāo)記語(yǔ)言［4］HTML（Hyper-Text-Markup-Language）是結(jié)構(gòu)化標(biāo)準(zhǔn)語(yǔ)言之一。HTML5 作為新一代的HTML 標(biāo)準(zhǔn)，主要使用Web 技術(shù)進(jìn)行開(kāi)發(fā)，融合了許多新型元素。區(qū)別于傳統(tǒng)網(wǎng)頁(yè)語(yǔ)言，HTML 還具備許多新特性及新規(guī)則，使得各個(gè)瀏覽器有了統(tǒng)一的標(biāo)準(zhǔn)。其主要優(yōu)勢(shì)在于可以實(shí)現(xiàn)跨平臺(tái)瀏覽頁(yè)面，是未來(lái)發(fā)展的趨勢(shì)，并且適應(yīng)新時(shí)代市場(chǎng)的需求。

Css 釋義為層疊表樣式，專門表現(xiàn)HTML、XML 等格式文件樣式的特定語(yǔ)言，它是Css 的最新一代規(guī)范版本，提供了豐富的文檔樣式外觀，使得頁(yè)面布局更加靈活，配合HTML 語(yǔ)言進(jìn)行頁(yè)面外觀控制，真正實(shí)現(xiàn)內(nèi)容與表現(xiàn)分離。在Css2.1 的基礎(chǔ)上增加了很多更加強(qiáng)大的功能，完善了選擇器、背景效果、視覺(jué)效果、盒模型等，以便于開(kāi)發(fā)人員解決一些實(shí)際面臨的問(wèn)題。

Java Script 是一種標(biāo)準(zhǔn)解釋型腳本語(yǔ)言，通常在客戶端運(yùn)行，以ECMA-Script為標(biāo)準(zhǔn)，已被廣泛應(yīng)用于Web 應(yīng)用開(kāi)發(fā)，為網(wǎng)頁(yè)添加各種樣式的動(dòng)態(tài)效果［5］。它和Css 一樣也屬于一種文本信息，JavaScript 用于動(dòng)態(tài)交互式網(wǎng)頁(yè)的開(kāi)發(fā)，可以解決用戶和瀏覽器之間的交互問(wèn)題，使得網(wǎng)站的用戶體驗(yàn)得到大幅提升。

3.2 ECharts概述

Enterprise-Charts 是ECharts 的簡(jiǎn)稱，商業(yè)級(jí)數(shù)據(jù)圖表，是一個(gè)典型Java Script圖表庫(kù)，可以在諸如移動(dòng)設(shè)備、PC 上流暢運(yùn)行，對(duì)各類瀏覽器非常友好。支持各類圖表，同時(shí)提供多種可交互組件，支持多圖表、組件的聯(lián)動(dòng)和混搭顯現(xiàn)。由于ECharts 具有豐富可視化類型、能展現(xiàn)千萬(wàn)數(shù)據(jù)、絢麗的特效、動(dòng)態(tài)數(shù)據(jù)［6］等特性，本文選擇ECharts 作為綜合素質(zhì)數(shù)據(jù)可視化工具，盡可能增強(qiáng)用戶體驗(yàn)、展示數(shù)據(jù)。

4 數(shù)據(jù)部分

4.1 數(shù)據(jù)來(lái)源

本項(xiàng)目側(cè)重?cái)?shù)據(jù)可視化的呈現(xiàn)，對(duì)數(shù)據(jù)類型，數(shù)據(jù)格式及數(shù)據(jù)針對(duì)性有較高的要求，因此本文以西藏民族大學(xué)信息工程學(xué)院19 級(jí)各班學(xué)生的綜測(cè)數(shù)據(jù)作為數(shù)據(jù)樣本，綜測(cè)指標(biāo)體系主要包括基本素質(zhì)測(cè)評(píng)、學(xué)業(yè)學(xué)術(shù)測(cè)評(píng)、實(shí)踐能力測(cè)評(píng)三部分，其中基本素質(zhì)測(cè)評(píng)包括政治思想素質(zhì)、行為規(guī)范、學(xué)習(xí)態(tài)度、身心健康，此部分成績(jī)占比20%；學(xué)業(yè)學(xué)術(shù)測(cè)評(píng)占比80%，占比最大，也說(shuō)明了它的重要性，主要包含各科成績(jī)、在校期間的學(xué)術(shù)研究；第三部分是對(duì)學(xué)生的社會(huì)實(shí)踐能力、社會(huì)工作能力進(jìn)行綜合性考察與分析，其中社會(huì)工作一般是對(duì)學(xué)生的工作能力、協(xié)作能力等進(jìn)行考察，而對(duì)于社會(huì)實(shí)踐能力來(lái)說(shuō)，是考察學(xué)生在社會(huì)實(shí)踐參與方面的情況，比如是否積極參加各種義務(wù)勞動(dòng)及社會(huì)實(shí)踐活動(dòng)等，此維度占比20%.

4.2 數(shù)據(jù)分析與處理

西藏民族大學(xué)學(xué)生綜合素質(zhì)測(cè)評(píng)主要通過(guò)紙質(zhì)測(cè)評(píng)表、表格統(tǒng)計(jì)方法實(shí)現(xiàn)，再進(jìn)行自評(píng)和評(píng)議小組互評(píng)方式，根據(jù)學(xué)生平時(shí)表現(xiàn)和學(xué)業(yè)成績(jī)，形成學(xué)生德智體美勞等方面的數(shù)量化評(píng)價(jià)結(jié)果，其主要業(yè)務(wù)流程如圖1所示。學(xué)工處根據(jù)西藏民族大學(xué)學(xué)生綜測(cè)素質(zhì)測(cè)評(píng)相關(guān)規(guī)定，設(shè)計(jì)出合理的測(cè)評(píng)表，通過(guò)各學(xué)院輔導(dǎo)員分發(fā)至各班班主任，班主任組織本班學(xué)生實(shí)事求是地填寫測(cè)評(píng)表上每一欄內(nèi)容，并提供相關(guān)材料加分證明；評(píng)議小組依據(jù)評(píng)測(cè)標(biāo)準(zhǔn)和查閱相關(guān)佐證材料后計(jì)算出每位學(xué)生最后測(cè)評(píng)分?jǐn)?shù)，并由班主任上交至本學(xué)院輔導(dǎo)員審核，審核通過(guò)后將測(cè)評(píng)數(shù)據(jù)電子版交由學(xué)工處，完成采集全校學(xué)生綜合素質(zhì)測(cè)評(píng)數(shù)據(jù)的工作。學(xué)工處對(duì)各學(xué)院上交的數(shù)據(jù)測(cè)評(píng)表進(jìn)行分析，生成各種類型的統(tǒng)計(jì)報(bào)表，最后上交至學(xué)校領(lǐng)導(dǎo)。由于數(shù)據(jù)可視化時(shí)的數(shù)據(jù)必須完整，而上述過(guò)程中采集的學(xué)生綜合素質(zhì)測(cè)評(píng)數(shù)據(jù)可能會(huì)出現(xiàn)缺失值、異常數(shù)據(jù)等情況，本文利用大數(shù)據(jù)技術(shù)進(jìn)行存儲(chǔ)、加工、處理和交換，通過(guò)特征分析、聚類、分類和異常分析，對(duì)異常、缺失數(shù)據(jù)進(jìn)行處理，最終形成了可進(jìn)行可視化呈現(xiàn)的原始數(shù)據(jù)集。

圖1 業(yè)務(wù)流程圖

4.3 數(shù)據(jù)庫(kù)設(shè)計(jì)

數(shù)據(jù)庫(kù)是可視化系統(tǒng)的重要組成部分，從數(shù)據(jù)庫(kù)的概念結(jié)構(gòu)設(shè)計(jì)角度來(lái)看，在本文的學(xué)生綜合素質(zhì)測(cè)評(píng)可視化平臺(tái)中，需要存儲(chǔ)學(xué)生的的各項(xiàng)成績(jī)，包括：學(xué)生基本素質(zhì)成績(jī)、學(xué)業(yè)學(xué)術(shù)成績(jī)、實(shí)踐能力成績(jī)，經(jīng)過(guò)對(duì)本項(xiàng)目的需求模型的分析，得到如圖2所示的ER模型。

圖2 E-R圖

再將上述E-R圖向關(guān)系模型轉(zhuǎn)化：

（1）學(xué)生關(guān)系模型：學(xué)生〔學(xué)號(hào)（主鍵），姓名，院系，性別，班級(jí)〕；（2）綜合素質(zhì)測(cè)評(píng)關(guān)系模型

綜合素質(zhì)測(cè)評(píng)〔學(xué)號(hào)（主鍵），基本素質(zhì)成績(jī)，實(shí)踐能力成績(jī)，學(xué)業(yè)學(xué)術(shù)成績(jī)〕；（3）班級(jí)關(guān)系模型班級(jí)〔班級(jí)編號(hào)（主鍵），班級(jí)名稱，所屬院系〕；（4）院系關(guān)系模型院系〔院系編號(hào)（主鍵），院系名稱〕

物理結(jié)構(gòu)設(shè)計(jì)是數(shù)據(jù)庫(kù)設(shè)計(jì)的最后一個(gè)階段，關(guān)系型數(shù)據(jù)庫(kù)的物理結(jié)構(gòu)實(shí)質(zhì)上是使用一個(gè)二維表格來(lái)呈現(xiàn)，并設(shè)計(jì)具體的表、字段、數(shù)據(jù)類型、索引等，以下對(duì)關(guān)系模型中的部分關(guān)系數(shù)據(jù)表進(jìn)行設(shè)計(jì)。

學(xué)生信息表用于反應(yīng)學(xué)生的基本情況，主要包含學(xué)號(hào)、姓名、院系、性別、所屬班級(jí)，其主鍵為學(xué)號(hào)，能夠唯一標(biāo)識(shí)某個(gè)學(xué)生，具體信息表如表1所示。

表1 學(xué)生信息表

綜測(cè)素質(zhì)測(cè)評(píng)表是反應(yīng)學(xué)生各反面成績(jī)，對(duì)學(xué)生成績(jī)的展現(xiàn)需要使用綜測(cè)表，主要包括學(xué)號(hào)、基本素質(zhì)成績(jī)、實(shí)踐能力成績(jī)、學(xué)業(yè)學(xué)術(shù)成績(jī)，以學(xué)號(hào)作為主鍵，具體數(shù)據(jù)表如表2所示。

表2 綜測(cè)素質(zhì)測(cè)評(píng)表

班級(jí)關(guān)系表用于存儲(chǔ)班級(jí)基本信息和編號(hào)之間的關(guān)系，主要包含班級(jí)編號(hào)、班級(jí)名稱和所屬院系，具體數(shù)據(jù)表如表3所示。

表3 班級(jí)關(guān)系表

院系關(guān)系表用于存儲(chǔ)學(xué)院基本信息和編號(hào)之間的關(guān)系，主要包含院系編號(hào)和院系名稱，具體數(shù)據(jù)表如表4所示。

表4 院系關(guān)系表

5 可視化設(shè)計(jì)

可視化是以圖像的形式將枯燥繁雜的數(shù)據(jù)呈現(xiàn)出來(lái)，以提高人們完成某些任務(wù)的工作效率?？梢暬瘓D形的工具有Matplotlib、Echarts 等，包括傳統(tǒng)圖表形式如：柱狀、餅狀、雷達(dá)、折線、散點(diǎn)等，還提供新型圖表如：箱線、小提琴、熱力等類型。目前國(guó)內(nèi)絕大多數(shù)高校采用匯總打分、量化積分等方式對(duì)學(xué)生進(jìn)行綜評(píng)，從而實(shí)現(xiàn)從定性評(píng)價(jià)到定量統(tǒng)計(jì)的綜合評(píng)定，具備一定的科學(xué)性。然而西藏民族大學(xué)學(xué)生綜測(cè)數(shù)據(jù)形式多樣，既包含結(jié)構(gòu)化和非結(jié)構(gòu)化數(shù)據(jù)，還存在大量的非連續(xù)的離散數(shù)據(jù)，反映學(xué)生日常生活的復(fù)雜數(shù)據(jù)無(wú)法抽象成類似分?jǐn)?shù)一樣的量化數(shù)據(jù)，強(qiáng)行轉(zhuǎn)換會(huì)造成評(píng)價(jià)結(jié)果失真，無(wú)法及時(shí)正確的得到測(cè)評(píng)結(jié)果。

近年來(lái)，許多學(xué)者對(duì)大學(xué)綜合素質(zhì)測(cè)評(píng)方法進(jìn)行了探索。隨著大數(shù)據(jù)技術(shù)的發(fā)展，將大數(shù)據(jù)分析技術(shù)融入到學(xué)生綜合素質(zhì)評(píng)價(jià)過(guò)程中成為他們研究的重點(diǎn)。其中，基于大數(shù)據(jù)技術(shù)的用戶畫像技術(shù)［7］是使用真實(shí)數(shù)據(jù)描述個(gè)體用戶或群體用戶特征的過(guò)程。針對(duì)學(xué)生為研究實(shí)體，采集實(shí)體對(duì)象在校期間學(xué)習(xí)、生活、科研等行為中產(chǎn)生的各類數(shù)據(jù)，利用大數(shù)據(jù)技術(shù)進(jìn)行存儲(chǔ)、加工、分析，最后以圖譜可視化形式展現(xiàn)出來(lái)，塑造一個(gè)虛擬化的學(xué)生模型，提升學(xué)生綜合素質(zhì)評(píng)價(jià)的支持度和置信度，使學(xué)校能夠快速、清晰地查看每個(gè)學(xué)生的綜合能力，也為學(xué)生制定個(gè)人規(guī)劃提供可行性依據(jù)。

數(shù)據(jù)圖譜可視化是實(shí)現(xiàn)數(shù)據(jù)抽象及數(shù)字畫像原型的主要方法。通過(guò)圖譜、組圖等形式，可視化展示數(shù)據(jù)分析結(jié)果，可以幫助決策者有效地利用數(shù)據(jù)分析結(jié)論指導(dǎo)和改進(jìn)教育教學(xué)工作。本項(xiàng)目設(shè)計(jì)的學(xué)生綜合素質(zhì)可視化大屏一共包括學(xué)生個(gè)人素質(zhì)模塊、班級(jí)內(nèi)部對(duì)比模塊和班級(jí)之間的對(duì)比模塊三個(gè)部分。其中，學(xué)生個(gè)人素質(zhì)模塊包括學(xué)生基本素質(zhì)、各科分?jǐn)?shù)、實(shí)踐能力和學(xué)生總分統(tǒng)計(jì)，分別使用ECharts 中的雷達(dá)圖、樹(shù)狀圖、柱形圖、儀表盤圖呈現(xiàn)；班級(jí)內(nèi)部對(duì)比分別用環(huán)形圖和餅圖展現(xiàn)班級(jí)內(nèi)各分?jǐn)?shù)段的人數(shù)和男女比例；班級(jí)之間對(duì)比模塊使用堆疊柱形圖展示各班級(jí)總成績(jī)分?jǐn)?shù)段對(duì)比、多折線圖展示各班平均分對(duì)比、折線柱形圖展示各班級(jí)學(xué)生性別比例對(duì)比。

該界面使用HTML5 語(yǔ)言設(shè)計(jì)網(wǎng)頁(yè)結(jié)構(gòu)，實(shí)現(xiàn)了內(nèi)容與樣式分離，便于用戶維護(hù)與修改。通過(guò)Css 改變文本顏色、盒子的寬高、段落間距、字體樣式和背景顏色，根據(jù)不同的布局設(shè)計(jì)，不同設(shè)備的屏幕尺寸變化都會(huì)產(chǎn)生不同的變化；運(yùn)用盒子模型［8］、div、Css 等技術(shù)完善模塊控制，讓網(wǎng)頁(yè)布局更加靈活。Java Script使網(wǎng)頁(yè)可以動(dòng)態(tài)交互，使得頁(yè)面具有動(dòng)態(tài)效果。

借助可視化模型，學(xué)生綜合素質(zhì)評(píng)價(jià)的定量數(shù)據(jù)被轉(zhuǎn)換為可視化圖譜，管理者能夠清晰地查詢學(xué)生的道德素質(zhì)、學(xué)習(xí)狀況、實(shí)踐能力等信息，還可以通過(guò)學(xué)生各科成績(jī)排名推進(jìn)教學(xué)方法并對(duì)教學(xué)設(shè)計(jì)進(jìn)行改革；通過(guò)對(duì)學(xué)生評(píng)價(jià)結(jié)果分析與反饋，重新調(diào)整規(guī)劃，進(jìn)而達(dá)到引導(dǎo)、規(guī)范以及激勵(lì)大學(xué)生全面發(fā)展的要求。

可視化大屏主要內(nèi)容及關(guān)系圖，如圖3所示。

圖3 可視化大屏主要內(nèi)容及關(guān)系圖

6 功能實(shí)現(xiàn)

本設(shè)計(jì)實(shí)現(xiàn)的頁(yè)面功能主要有前期數(shù)據(jù)格式［9］轉(zhuǎn)化、選擇班級(jí)提示框、聯(lián)動(dòng)菜單、可視化分析等。主要功能圖如圖4所示。

圖4 主要功能

6.1 數(shù)據(jù)格式轉(zhuǎn)換

在Web服務(wù)領(lǐng)域，系統(tǒng)之間傳遞數(shù)據(jù)最常用的格式便是JSON，他很容易理解，因?yàn)榻^大多數(shù)場(chǎng)景下,JSON 數(shù)據(jù)都和字典是一樣的，采用鍵值對(duì)（Keys:Values）的方式記錄數(shù)據(jù)，非常直觀，可讀性較好。本項(xiàng)目的數(shù)據(jù)是直接從Excel表格中復(fù)制到Echarts表格轉(zhuǎn)換工具，轉(zhuǎn)換為一個(gè)二維數(shù)組，將轉(zhuǎn)化結(jié)果復(fù)制到一個(gè)js文件，將字符串從Web 客戶機(jī)傳遞給服務(wù)器端程序，通過(guò)html文檔中函數(shù)的運(yùn)行在瀏覽器控制臺(tái)生成最終需要的JSON 格式［10］的數(shù)據(jù)，完成了數(shù)據(jù)的處理和轉(zhuǎn)換。

6.2 選擇班級(jí)提示框及聯(lián)動(dòng)菜單

界面中對(duì)比班級(jí)選擇采用Bootstrap［11］模態(tài)框（Modal）插件實(shí)現(xiàn)，顯示出所有班級(jí)供用戶選擇，可以在不離開(kāi)父窗體的情況下有些互動(dòng)，本項(xiàng)目中模態(tài)框由三部分構(gòu)成：modal_title 為頭部，用于體現(xiàn)標(biāo)題和close 按鈕；modal_body 是模態(tài)框的主體部分，顯示所有班級(jí)；modal_footer 是腳部，用于顯示關(guān)閉和提交按鈕。模態(tài)框圖如圖5所示。

圖5 模態(tài)框

界面中班級(jí)或?qū)W生姓名的切換使用聯(lián)動(dòng)菜單，此提示框在選擇了班級(jí)時(shí)，學(xué)生姓名下拉框數(shù)據(jù)會(huì)聯(lián)動(dòng)切換為對(duì)應(yīng)班級(jí)的學(xué)生姓名，這使得程序更簡(jiǎn)潔、用戶操作更加便捷、界面更加美觀。

6.3 可視化分析

在當(dāng)前復(fù)雜的數(shù)據(jù)環(huán)境下進(jìn)行學(xué)生的綜合素質(zhì)評(píng)測(cè)，需要利用用戶畫像方法從真實(shí)的用戶行為中將復(fù)雜的數(shù)據(jù)結(jié)果通過(guò)模型完整的呈現(xiàn)出來(lái)。管理者以可視化組圖的數(shù)據(jù)呈現(xiàn)方式，收集與分析相關(guān)研究實(shí)體的各類屬性，如行為、生活、學(xué)習(xí)等，能夠充分描述目標(biāo)群體的特性。

學(xué)生綜合素質(zhì)測(cè)評(píng)可視化平臺(tái)利用建模、圖譜、組圖、大屏綜合等方式挖掘?qū)W生行為數(shù)據(jù)，揭示其規(guī)律性，提升學(xué)生綜合素質(zhì)評(píng)價(jià)的置信度［12］、提升度和可信度，有利于學(xué)生更直觀地了解自己的現(xiàn)狀并對(duì)今后的學(xué)習(xí)生活進(jìn)行更合理的規(guī)劃，可視化大屏如圖6所示。

圖6 可視化大屏

本項(xiàng)目設(shè)計(jì)的界面中有四個(gè)部分呈現(xiàn)學(xué)生個(gè)人的各方面成績(jī)，學(xué)生能夠全方位了解個(gè)人數(shù)據(jù)情況，還能夠預(yù)測(cè)學(xué)生規(guī)劃發(fā)展是否一致，了解學(xué)生本人在學(xué)生群里中的定位與差距。界面中也展現(xiàn)班級(jí)內(nèi)部學(xué)習(xí)狀況，有利于班主任了解本班學(xué)生狀況，從而創(chuàng)建更加完善的班級(jí)管理體制發(fā)揮學(xué)生的主體性。界面中還包含班級(jí)對(duì)比模塊，以西藏民族大學(xué)19級(jí)某部分學(xué)生綜合素質(zhì)測(cè)評(píng)數(shù)據(jù)為例，圖中可以看出19級(jí)各班學(xué)生綜合素質(zhì)總成績(jī)大部分集中在60～70 之間，少數(shù)班級(jí)學(xué)生成績(jī)?cè)?0分以上，可視化實(shí)現(xiàn)對(duì)學(xué)生的基本素質(zhì)、學(xué)業(yè)成績(jī)、社會(huì)實(shí)踐情況等相關(guān)數(shù)據(jù)進(jìn)行分析展示，預(yù)警展示學(xué)生異常數(shù)據(jù)，為管理者提供有效的決策數(shù)據(jù)。利用技術(shù)手段豐富數(shù)據(jù)采集維度，逐步降低數(shù)據(jù)獲取難度。以實(shí)現(xiàn)對(duì)學(xué)生、教學(xué)、學(xué)校管理等環(huán)節(jié)中產(chǎn)生的各級(jí)各類數(shù)據(jù)統(tǒng)計(jì)、清洗、存儲(chǔ)，以可視化模型形式對(duì)學(xué)生學(xué)習(xí)能力、綜合素質(zhì)競(jìng)爭(zhēng)力及身心健康等方面的展示。

7 結(jié)語(yǔ)

對(duì)于許多大學(xué)生來(lái)說(shuō)，在大學(xué)里陷入迷茫已經(jīng)成為一種常態(tài)，對(duì)自己的專業(yè)和興趣、生活和學(xué)習(xí)不知道該如何去平衡，甚至對(duì)自己的未來(lái)陷入迷茫。本文設(shè)計(jì)的可視化大屏是通過(guò)HTML5 與Css3 以及Java Script 的有機(jī)結(jié)合設(shè)計(jì)出網(wǎng)頁(yè)，通過(guò)對(duì)學(xué)生自身目前的生活狀態(tài)和學(xué)習(xí)成績(jī)等基本情況的呈現(xiàn)，讓學(xué)生對(duì)自己有一個(gè)更好更清晰的認(rèn)知。社會(huì)的發(fā)展對(duì)當(dāng)代大學(xué)生綜合素質(zhì)要求更高，大學(xué)生要努力適應(yīng)發(fā)展變化的社會(huì)，必須努力提升自身的綜合素質(zhì)。本項(xiàng)目研究也存在一些不足之處，主要是研究數(shù)據(jù)樣本數(shù)量較小，學(xué)生綜合素質(zhì)評(píng)價(jià)指標(biāo)體系設(shè)計(jì)不夠健全，在后續(xù)的研究中，將進(jìn)一步細(xì)化指標(biāo)標(biāo)準(zhǔn)及權(quán)重，完善指標(biāo)體系結(jié)構(gòu)，擴(kuò)大樣本總數(shù)和數(shù)據(jù)采集范圍，從而提升體系模型的普適性。