成绩速查软件采用混合开发的方式，选择AngularJS+Ionic作前端框架，使用流行的D3.js绘图库绘制成绩对比图，页面编写完成后打包入Android、iOS两个移动平台中，实现了在Android和iOS两个平台中查询成绩的效果，不仅节省了多平台应用的开发成本，也让传统的Web前端工程师能够开发移动应用软件。学生们使用这款软件，能够看到自己的成绩排名，折线图也能够清晰的展现班级与班级间的成绩对比，个人在班级的成绩排名，达到成绩可视化分析的效果。

撰写本论文之前查阅了大量关于混合式应用的开发模式和前端开发框架的研究的文献和资料。对跨平台前端框架APPFramework、JQueryMobile、Ionic的语法和界面、性能进行了分析后结合软件需求最终选择了AngularJS和Ionic组合的开发方式。研究了混合式学习系统的学生成绩、对成绩进行分析确定了成绩速查软件功能需求，用户登录软件后能够查看自己的考试成绩与年级班级的排名和进步趋势。确定了需求后，进行软件的系统结构设计，通过分析学生成绩、编写前端界面、将页面打包入多个平台中，实现学生在不同移动设备中便捷查询成绩、直观地分析成绩在班级和年级的排名的需求。

下面主要介绍成绩速查软件的几项业务功能。

登录功能：系统提供学生登录的方式，用户用账号密码作为通行证进行登录，如果填写的信息正确，进入系统后展现个人的各个科目和各次成绩在年级、班级中的可视化结果。如果没有输入正确的账户和密码，则提示账户密码错误，如果没有输入账户密码，则提示完成登录信息的填写。

班级和班级的对比功能：登录软件后，可以查看在同一个年级中不同班级的排名情况，通过成绩的区间的人数比较进行分析。用户能够选择考试的科目或总成绩，便出现筛选的科目的班级与班级的成绩区间人数的对比图。

用户班级成绩对比功能：查看自己的各科成绩和总成绩在班级中的排名分布图，X轴显示名次的递增顺序，Y轴显示成绩分数。用户能够在内容区中有选择科目的下拉框，点击后页面中的排序图将展示被选择的科目，班级页面中用折线图的不同颜色表示相近两次考试的成绩进行对比，X轴显示姓名，Y轴显示分数。

用户成绩排名汇总功能：用户登录成功后跳转到用户的成绩排名汇总页面中。成绩汇总将最近一次的成绩的总成绩和各科目的成绩都显示在列表中，如果与上次考试排名相比有进步则显示绿色的笑脸，退步则显示红色的笑脸。点击总成绩和各科成绩会出现一个包含班级和年级的排名信息。再次点击，则会隐藏排名。