基于html5的移动调查评估系统设计与实现

《基于html5的移动调查评估系统设计与实现》由会员上传分享，免费在线阅读，更多相关内容在学术论文-天天文库。

1、基于HTML5的移动调查评估系统设计与实现摘要：在干部教育培训过程中，经常需要及时对学员作课前需求调查或课后教学效果评估。传统调查评估需要借助纸质调查问卷或者电脑完成，效率低、周期长。开发设计了基于HTML5的移动调查评估系统，学员可通过手机微信完成调查或评估问卷，并实时反馈调查评估结果，为教育培训提供参考。关键词：HTML5；微信公众平台；移动互联网；移动应用开发；调查评估系统DOIDOI：10.11907/rjdk.151631中图分类号：TP319文献标识码：A文章编号：16727800（2015）00600

2、8603作者简介作者简介：万寨雨（1972-），男，湖北随州人，硕士，中共广州市花都区委党校信息电教室讲师，研究方向为网络数据库技术。0引言6随着智能移动设备的普及、4G网络的兴起，移动互联网在各领域的应用都已超越或即将超越传统互联网，人们更喜欢通过手机、平板电脑等移动终端设备访问互联网或处理事务。据中国互联网络信息中心（CNNIC）2015年1月发布的《中国互联网络发展状况统计报告》显示，截至2014年12月，我国网民规模达到6.49亿，其中手机网民规模达5.57亿，手机网民占比达85.8%[1]，已达绝对多数，

3、用户对移动应用程序的需求成井喷态势。在干部教育培训工作中，经常需要对特定的学员进行培训需求调查和培训效果评估，传统方式通常需要借助纸质调查问卷或电脑来完成，统计过程耗费人力、周期长。笔者借助HTML5技术，结合微信公众平台，设计和开发了既可以在PC端也可以在移动终端上完成调查评估的移动应用程序，方便学员参与调查评估，系统可实时反馈统计结果。1HTML5及其新功能1.1HTML5概述2014年10月29日，W3C（WorldWideWebConsortium，万维网联盟）宣布标准通用置标语言（HTML）第五次重大修改

4、完成并公开发布，即HTML5。它作为开放WEB平台（OpenWebPlatform）的基石，目前已被包括IE9+、Safari、Chrome、Opera、Firefox等国内外主要浏览器所支持，以其为标准开发的程序界面可以自适应屏幕，具有良好的跨平台性，更适合移动应用程序的开发，并将最终实现桌面和移动应用程序的无缝衔接。1.2HTML5新功能6和先前版本相比，HTML5更似为移动互联网而生，它加入了很多新的标签和功能以适应新的应用场景，比如新的绘图、表单、多媒体标签、本地存储方式以及更加丰富的API接口和控件、提供

5、多线程支持等。HTML5新增了许多实用的全新标签。比如：，通过JavaScript的API，实现绘图功能；、等提供多媒体播放功能，不需借助第三方插件，即可在页面上直接播放音视频；提供类似于.net平台的表单控件功能等。同时，一些新的标签为开发者设计更好的页面结构提供了便利，如，定义页面侧边栏内容，定义页面内容之外内容等。HTML5也移除了一些标签，如、、、、等[2]。HTML5还为开发者增加了不少有用的API接口。如FileAPI，可以支持文件拖放上传；WebStorageAPI，支持在本地获取和存储key-val

6、ue对；WebSQLDatabaseAPI，适用于在本地对复杂的关系数据进行处理，并可以基于SQL语法对数据进行操作等。WebWorkersAPI提供了让javascript实现多线程的解决方案，可以将复杂计算任务交由webWorker执行而不影响用户页面的运行[3]。2移动调查评估系统设计与实现2.1系统需实现功能6本系统主要实现教学管理人员从系统后台设置调查问卷或教学效果评估表，调查题型包括单选、多选、文本框（填空）等。问卷发布后，学员通过手机微信公众号登陆问卷系统，在线填写问卷，并可实时查看统计反馈信息。2.

7、2系统开发运行环境本系统程序在.NETFramework4.0框架下开发，数据库采用SQLServer2005，使用C#编程语言，页面依照HTML5标准开发设计，并将客户端绑定到学校的微信公众平台，学员通过手机访问应用程序。2.3系统数据库设计本系统采用关系型数据库设计，主要数据表包括Questionnaire（问卷名称表，见表1）、QueAssRelationship（问卷题目关联表）、AssessIndex_T（题目表，见表2）、AssessOptions_T（题目选项表）、ClassEvaluation_T（

8、课程评价统计表）等。限于篇幅，仅示例部分数据表结构。2.4关键程序代码本系统设计开发的关键程序主要包括自适应页面的设计、微信帐号和本系统用户的绑定、汇总统计问卷等。2.4.1利用HTML5设计自适应页面移动终端操作系统和屏幕大小千差万别，让程序自动适应屏幕，才能让不同用户得到相同用户体验。本系统充分利用了HTML5的新特性，采用了自适应的页面设计。首先，在网