本项目采用SQLite轻量级数据库,服务器端以Python3基于Flask框架实现,前端以Three、D3、ECharts进行可视化,综合展现了网络教育中课件、课程、学生、学习中心的相关统计信息。

ball-autopilot

球体分布

课件

课件以小方块形式在北半球显示,其分布按照全部课程中课件数量最多的课程为最大范围情况下的间隔距离排列。

课件到课率、利用率以连线及延伸端点的形式表现,连线长度表示到课率,延伸端点大小表示利用率,该功能默认隐藏。

课件选中时会显示选中框线、显示对应课程柱形图、显示被学生访问连线、更新课件面板、更新课程面板、移动相机位置。

课程

课程以柱形图在北半球显示,从赤道位置一直延伸到北极点,其柱形图将其课件包含在内,默认隐藏,当点击其课件或到课率柱状图时显示。

课程到课率以平面图在赤道显示,在赤道范围内均匀分布,并以此决定其所属课件的方位角,其高度表示到课率。

课程选中时会显示课程柱形图、更新课程面板、移动相机位置。

学生

学生以小方点在南半球显示,在所属学习中心、所属录取批次范围内均匀分布。

学生选中时会显示选中圆环、显示访问课件连线、显示与地图上所属省份连线、显示与地图上注册中心连线、更新学生面板、更新学习中兴面板、移动相机位置。

学习中心

学习中心以长方形在南半球南端显示、以圆锥体在地图上显示、并在二者之间具有对应连线(初始隐藏)。

学习中心在南半球的长方形或地图上的圆锥体选中时会显示二者之间的对应连线、显示学习中心背景颜色、更新学习中心面板,但不移动相机位置。

学习中心各录取批次以标签形式在南半球显示,其方位角与学习中心方位角保持一致,按照录取时间远近由南部向赤道范围排列。

录取批次标签选中时会显示学习中心长方形与圆锥体二者之间的对应连线、显示学习中心背景颜色、更新学习中心面板、移动相机位置。

学习中心各录取批次所招收学生在南半球显示,在所属学习中心、所属录取批次范围内均匀分布,若该批次为招收学生,则以空白折线填充。

面板介绍

课件面板

课件视频

利用video.js实现,初始显示课件图片,点击后播放视频。

课件简介

显示课件名称、课件时长、播放总时长、观看次数、到课率、利用率信息。

课程面板

课程图片

课程简介

显示课程名称、课件数量、课件总时长、学生数量、到课率、利用率信息。

统计图表

Attendance/Utility

按照录取批次统计到课率、利用率、学生数量,以折线图和柱状图显示。

L.Center

按照学习中心统计到课率、利用率、学生数量,以折线图和柱状图显示。

Resource Map

课件热力图,不同高亮程度反映了到课率信息。

学生面板

学生头像

目前均以缺省图片显示。

学生简介

显示学号、学习中心代码、录取批次、省份、专业、观看课件总时长、到课率、利用率信息。

统计图表

A / U

所修课程访问量柱状图以及到课率、利用率雷达图。

Act. Cal. Map

全部活动和学习活动日历图。

Features Parallel Coordinate

特征平行坐标图,反映该学生总操作次、总登录次、总观看次、总讨论次、活跃天数、时长区间、看课件量、看课件时与平均水平对比情况。

学习中心面板

学习中心图片

目前采用的是找的图片,如果有各学习中心实际拍照的图片,可以予以替换。

学习中心简介

显示学习中心名称、学习中心代码、中文简称、学生数量、城市、省份信息。

统计图表

Attendance/Utility

按照录取批次统计到课率、利用率、学生数量,以折线图和柱状图显示。

Student Activity List

学生热力图,按照录取批次区分开,不同高亮程度反映了到课率信息。

其他

本项目支持若干快捷键操作,如下图:

keyboard-shortcut