基于Web的數(shù)據(jù)可視化工具設(shè)計與實現(xiàn)
本文選題:教育信息化 切入點:數(shù)據(jù)可視化 出處:《華中師范大學(xué)》2017年碩士論文
【摘要】:大數(shù)據(jù)正改變著社會的方方面面,教育也不例外,越來越多的教育數(shù)據(jù)被收集和存儲,教育領(lǐng)域已經(jīng)步入了教育大數(shù)據(jù)時代。如何快速、便捷展示和分析教育數(shù)據(jù)成為普通教育工作者面臨的一個問題。數(shù)據(jù)可視化可將抽象的數(shù)據(jù)轉(zhuǎn)換為形象的圖表,利于數(shù)據(jù)特點和規(guī)律的發(fā)掘,因而將數(shù)據(jù)可視化技術(shù)應(yīng)用于教育領(lǐng)域,服務(wù)于普通教育工作者具有重要意義。但是普通教育工作者缺乏專業(yè)的數(shù)據(jù)可視化知識和技能,方便易用的數(shù)據(jù)可視化工具便成為迫切需要。本文首先梳理了數(shù)據(jù)可視化的研究現(xiàn)狀及其在教育中的應(yīng)用現(xiàn)狀,在此基礎(chǔ)之上對工具進(jìn)行了詳細(xì)的需求分析,著重闡述了功能需求和業(yè)務(wù)流程。然后,根據(jù)需求分析對工具進(jìn)行了設(shè)計,重點對前端的設(shè)計模式進(jìn)行了思考,確定了 MVVM設(shè)計模式及其衍生的前端視圖模型。其次,對工具進(jìn)行了實現(xiàn),針對數(shù)據(jù)可視化圖表的封裝、交互以及導(dǎo)入特殊數(shù)據(jù)類型三個關(guān)鍵技術(shù)問題提出了解決對策。通過AngularJS指令技術(shù)和JavaScript閉包技術(shù)實現(xiàn)了圖表的封裝,使用D3.js人機交互技術(shù)實現(xiàn)了圖表的交互,通過在視圖模型中采用雙數(shù)組結(jié)構(gòu)實現(xiàn)了網(wǎng)狀和層次數(shù)據(jù)基于表格的導(dǎo)入和展示。最后,對工具進(jìn)行了功能和性能測試,測試結(jié)果表表明工具運行正常、功能穩(wěn)定,達(dá)到了設(shè)計目標(biāo)。本文采用AngularJS框架、表格插件Handsometable、數(shù)據(jù)可視化繪圖庫Echarts和D3.js設(shè)計和實現(xiàn)了一款Web數(shù)據(jù)可視化工具。該工具操作簡單、支持?jǐn)?shù)據(jù)類型豐富,滿足了教師、學(xué)生、教育管理者等人員可視化基本教育數(shù)據(jù)的需求,為今后此類數(shù)據(jù)可視化工具的開發(fā)提供了參考。
[Abstract]:Big data is changing all aspects of society, and education is no exception. More and more educational data have been collected and stored. The field of education has entered the era of educational big data. How to quickly, The convenient display and analysis of educational data has become a problem faced by ordinary educators. Data visualization can transform abstract data into graphic charts, which is conducive to exploring the characteristics and laws of the data. Therefore, it is of great significance to apply data visualization technology to the field of education and to serve the general educators, but the general educators lack the professional knowledge and skills of data visualization. The convenient and easy to use data visualization tools become an urgent need. Firstly, this paper combs the research status of data visualization and its application in education, and then makes a detailed demand analysis of the tools. Then, according to the requirement analysis, the tool is designed, the design pattern of the front end is considered, and the MVVM design pattern and its derived front view model are determined. The implementation of the tool is carried out, and the solutions to the three key technical problems of data visualization chart encapsulation, interaction and importing special data type are put forward. The encapsulation of the chart is realized by AngularJS instruction technology and JavaScript closure technology. D3.js human-computer interaction technology is used to realize the graph interaction, and the grid and hierarchical data are imported and displayed based on table by using double array structure in the view model. Finally, the function and performance of the tool are tested. The test results show that the tool runs normally, functions stably and achieves the design goal. In this paper, a Web data visualization tool is designed and implemented by using AngularJS framework, table plug-in Handsometable. data visualization drawing library Echarts and D3.js. The data types are abundant and meet the needs of teachers, students, education administrators and other personnel to visualize basic educational data, which provides a reference for the development of such data visualization tools in the future.
【學(xué)位授予單位】:華中師范大學(xué)
【學(xué)位級別】:碩士
【學(xué)位授予年份】:2017
【分類號】:TP393.09;G434
【參考文獻(xiàn)】
相關(guān)期刊論文 前10條
1 聶瑞華;王欣明;李卓越;;從概念走向?qū)嵺`——基礎(chǔ)教育大數(shù)據(jù)的框架與實現(xiàn)研究[J];中國電化教育;2017年03期
2 陳誼;甄遠(yuǎn)剛;胡海云;梁婕;Kwan-Liu MA;;一種層次結(jié)構(gòu)中多維屬性的可視化方法[J];軟件學(xué)報;2016年05期
3 李彥龍;李國強;董笑菊;;樹比較可視化方法綜述[J];軟件學(xué)報;2016年05期
4 梅鴻輝;陳海東;肇昕;劉昊南;朱標(biāo);陳為;;一種全球尺度三維大氣數(shù)據(jù)可視化系統(tǒng)[J];軟件學(xué)報;2016年05期
5 趙海森;呂琳;薄志濤;;面向?qū)哟位瘮?shù)據(jù)的變分圓形樹圖[J];軟件學(xué)報;2016年05期
6 杜一;郭旦懷;陳昕;任磊;戴國忠;;一種模型驅(qū)動的可視化生成系統(tǒng)[J];軟件學(xué)報;2016年05期
7 沈漢威;張小龍;陳為;袁曉如;王文成;;可視化及可視分析專題前言[J];軟件學(xué)報;2016年05期
8 郭文斌;;知識圖譜:教育文獻(xiàn)內(nèi)容可視化研究新技術(shù)[J];華東師范大學(xué)學(xué)報(教育科學(xué)版);2016年01期
9 陳琳;李冰冰;黃蔚;李佩佩;王蔚;;中國教育信息化20大慶之年新發(fā)展——2015年中國教育信息化十大新聞解讀[J];中國電化教育;2016年02期
10 馬昱欣;曹震東;陳為;;可視化驅(qū)動的交互式數(shù)據(jù)挖掘方法綜述[J];計算機輔助設(shè)計與圖形學(xué)學(xué)報;2016年01期
,本文編號:1699878
本文鏈接:http://sikaile.net/guanlilunwen/ydhl/1699878.html