自HTML5规范发布以来,移动互联网发生了巨大的变化。人们发现,通过把HTML5嵌入到原生应用的混合开发方式,能够快速开发出适应多种平台的移动端应用。张家口职业技术学院的校园中,学生们使用不同平台的移动设备,并且移动设备的使用率远远高于电脑。张家口职业技术学院研发的混合式学习系统能够让同学们在电脑上在线学习、做在线测试,但学生们只能查看在线测试的正确和错误答案,并不能了解自己在班级、年级中的排名情况。教师进行成绩录入和修改以及有关学科信息的动态信息发布也无法应用移动设备完成。成绩查询系统是一款让学生们便捷地在移动设备上查询成绩,发现自己在班级、年级的排名趋势的应用;教师可以在移动设备上进行成绩录入和修改,发布学科动态信息。本成绩查询系统采用混合开发的方式,选择AngularJS+Ionic作前端框架,使用流行的D3.js绘图库绘制成绩对比图,页面编写完成后打包入Android、IOS两个移动平台中,实现了在Android和IOS两个平台中查询成绩的效果,不仅节省了多平台应用的开发成本,也让传统的Web前端工程师能够开发移动应用软件。学生们应用此系统,能够看到自己的成绩排名,折线图也能够清晰的展现班级与班级间的成绩对比,个人在班级的成绩排名,达到成绩可视化分析的效果。教师应用此系统,能够实现成绩录入修改等操作。