毕业论文-基于BS的调查问卷系统设计与实现

重庆第二师范学院 I摘要：问卷调查是收集大量数据和资料一种有效方式。传统的问卷调查以书面提出问题的方式向社会搜集资料，这样采集数据问卷回收难，覆盖范围小，不能高效而正确地分析、提炼问卷调查结果来指导实际工作。随着互联网技术的发展，使用不受时间地点限制的网络调查问卷系统，使需求用户更加方便快速地完成问卷调查，得到实际有效的数据和资料。本课题利用现阶段的网页开发技术设计实现界面美观，操作简单，交互性强的调查问卷系统。由于网页拓展面更强，系统可以跨平台访问，自适应当前的终端设备，改善目前的问卷调查填写方式。formofwrittenquestionsqresultstoguidetheactualworkWiththedeveisnotrestrictedbytimeandplaceofthenetwoimprovethecurrentformofquestⅡ摘要 1.1.2技术背景概述 1 1.2课题研究的目的和意义 1.3课题研究的主要工作和章节 2系统开发环境与技术 4 4 42.14其他 5 3系统分析与设计 63.2技术可行性分析 6 3.2.2软件可行性分析 3.3.5系统结构设计 41.1系统首页 4.14创建编辑界面 42.1题型模板 4.22预览题目 42.3完成创建 参考文献 高校专业和服务建设过程中需要大量的外部支撑信息，往往开展问卷调查采集相关信息，提高高校教学专业建设和高校服务水平。目前高校都采用网上的在线问卷调查系统如问卷星、腾讯问卷等进行学术调研、社会调查、在线投票、信息采集，这意味着要缴纳费用得到相应服务。从问卷调查的对象来看，高校教育建设调查对象具有人员分布广、调查信息涉及个人详细资料，接受调查意愿不明确等情况，使用网络上的调查系统存在信息泄露，信息数据用做他用等不安全的隐患。对于高校用户群体的特殊性，需要实名验证收集学生老师的信息和数据，网络上提供的调查问卷服务不能保证数据的安全和数据流接口，不能完全自主的访问调查数据。高校可以提供一个安全的网络问卷调查系统，使所需要的问卷调查通过自有平台就行设计和发放，统计和分析可以更好的提高教学教育质量，提用大多部署在浏览器的服务器上，不在本地保存，这样用户不用安装下载其他专技术的突出发展让得用户通过网页轻松高效进行问卷调查得到有价值的数据和资主要进行一些与学校建设、专业建设、基本信息收集等有关的调查。发展高校的自有网络问卷调查系统，通过问卷调查的形式收集教学数据资料，提高教育教学水平，应该是目前高校建设的一部分，因此设计出一个有针对性的，功能完善的目前问卷调查广泛应用于社会各个领域，通过问卷调查的方式可以收集特定人群对某个特定问题(产品)的态度、认识或观点。适应网络需求发展，基于B/S解决学校建设过程中对问卷相关的问题，比如问卷软件使用花费大、问卷调查时间有限、问卷内容针对性差、问卷管理复杂、问卷结果数据统计效率低等难题，提高了工作效率，提供一个对全校师生学习工作方便的平台系统。通过数据分析实现高效能管理，标准化处理、智能化决策、科学化出结论，统一规划学生信息的办公要求，减少各个部门、人员的重复性信息统计和让调查者从调查结果中提本课题主要工作为调查问卷的功能设计和框架搭建。主要工作和功能包括：用户登录注册后有权限访问系统；问卷创建，用户点击创建后进入创建页面对题型进行选择，预览问卷后完成创建写入数据库；网页的部分自适应，自适应不同的屏幕大小；统计分析及其他链接接口提供，网页中除了统计分析链接接口还有第一章：绪论，分析介绍了系统的开发背景和应用前景，论述本文的研究目第三章：系统分析与设计，研究系统的需求性，分析使用技术的可行性，提出操作的可行性分析改进系统功能设计，初步的设计系统的功能模块，分析每个第四章：系统实现，根据第二章的分析和需求，对系统的界面设计实现，具体的展示界面外观，论述实现的实现方法和部分关键代码，对系统不足的一些认2系统开发环境与技术境对系统网页的编辑，在各种浏览器对网页页面的显示和调试。使用代码，提高开发效率，当对CSS编辑的时候会使用到Less文件编辑，来具体和方便的编些CSS代码，这时候编译Less文件为CSS文件的软件是Koala。整个开发HBuilder中H意为HTML,是由DCloud(数字天堂)推出的一款支持HTML5的Web开发IDE。HBuilder主要用于编写开发HTML、JavaScript、CSS前端代码文件，文件保存后，会在后台自动生成对应的CSS文件。当在编译过程中有语法2.2.2jQuery化HTML标签元素的遍历、页面事件处理响应、简单动画设计，拓展了CSS选择函数调用、标签获取，简化代码，方便对网页事件的处理和操作，也提高了代码在开发过程中需要使用其他相关的技术，如Less编写编译CSS文件、字体图3系统分析与设计整个系统由三大部分组成分别为：调查问卷系统的搭建与设计、调查问卷系统的后台管理、调查问卷系统的统计分析。调查问卷系统的后台管理将实现对问卷、用户的统一数据收集管理，如用户、问卷信息查看、删除；问卷系统的统计分析将实现从数据库对问卷的信息提取处理，数据统计。本文主要论述调查问卷系统的搭建与设计即问卷系统的前台设计，主要应包括：界面设计，功能模块分通过对学院各专业的需求进行分析，以提高专业信息获取的质量和效率为目的，适应网络文化发展，利用动态网页技术，改善传统问卷弊端。为了满足高校师生的填写需求，提供一个快速高效、便捷实用的问卷调查系统。本系统应具有以下矩阵题等；问卷发布与回收；调查问卷结果数据分析统计，图型界面展示直观，系统的操作主要依赖浏览器，在现在，手机，个人PC,和其他移动使用浏览器。所以，系统硬件的要求不存在特殊要求，普通的硬件配置，支持浏所有的系统软件都面临一个兼容性问题，网页浏览的之间对HTML代码的解析，不同的浏览器可能显示不一样的网页效果。而目前的开发环境和开发工具是可以满足页面在不同浏览器的兼体功能全面，运行流畅，与用户交互，才会带给用户舒适登录用户有两种身份，普通用户和管理员用户。系统管理员进入问卷调查管理系统，查看操作所有问卷，其中主要包括查看问卷的名称、发布的时间、问卷的状态、答卷地点、答卷人数，还可以简单的对普通用户进行管理。普通用户通过注册登录操作，进入调查问卷系统，确保系统数据的真实有效。普通用户需通过邮箱注册，绑定学号，设置密码，普通用户登录成功后权限可修改个人详细信息，创建问卷，查看自己问卷，填写问卷等功能。用户功能结构如下图3-1所示：普通用户登录过后可以看到个人问卷展示，点击可以创建新问卷和编辑修改已有问卷，创建问卷首先设置问卷题目、选择题目类型、增减题目选择项，编辑修改问卷内容，删除不再使用的问卷3。问卷管理结构如图3-2所示：在问卷编辑完成时，提供发布按钮，对问卷状态进行设置，状态为草稿、问待用户收集到足够，有效的问卷，提供统计分析链接接口，跳转到调查问卷统计分析系统，处理分析数据指导学习。因此，通过上述模块的分析，该系统的第9页(共20页)3.3.5系统结构设计邮箱邮箱用户学号注册登录第10页(共20页)4系统实现Welcometoourwebsite查三用户进入网页浏览时，可以主动登录注册创建和填写问卷或要进行操作时系统提示登录，那么就要求用户必须注册并登录，否则无法完成想要的功能，一定程度上实现了用户信息记录和数据采集的真是有效性。登录注册信息为邮箱，学号和密码。pc端登录界面如图4-3,移动端登录界面如图4-4:登录注册时字段匹配，设置自定义属性's’,对s进行计数，当所有的字段验证三三登录第12页(共20页)☑填写问卷障我的问卷4发送问卷·创建同卷Convrinht2018ComnanvnameAllrinhts图4-6手机端我的问卷界面此界面为，创建编辑问卷，通过添加不同的题型单选，多选，填空，矩阵等，丰满问卷，可以增加，删除题目，来让用户自定义问卷，如图4-7:创建问卷的主要设计思路为，在HTML页面创建各个题型的模板，通过JS事件的触发调用模板加入页面显示。主要代码实现如下：//每道题开始编辑前的文字描述提示，鼠标移动出编辑QuestiontitlelistQuestio<iclass="Annotation">'+Questiontypes+divli//如果是填空的话，那么文字描述下面还有一个文本框QuestiontitlelistQuestiontittextareanameclassinputwenbkbtwentextbtwemovieboxmovieboxappendQuestiontit4.2表单数据提交这里数据提交主要讲述，用户创建问卷到完成创建，数据提交到后台的过程。用户点击创建问卷后，进入到创建页面，这里展示了题目填写，题型选择，预览题目，完成创建。在系统实现中题型选择设计了包括单选模板，多选模板，图4-8创建问卷提交数据面，使用jQuery标签选择器获取模板上的内容加入input标签，最后使用__第17页(共20页)liclassmodelliinputtyperadiona_2.请确研问题?(多通)选择题型填空题填空题图矩药题图预范题目8完成创建取消编辑预览题目，主要是获取添加题目界面中HTMLjQuery对要显示的区域和题目进行筛选，显示到页面中，如图4-11:CopynightOCompanynameAllrightsreservarlistulclasshiddeninput