基于web在线考试系统

1、 web程序设计 课程设计报告题 目： 基于web考试系统设计 专 业： 计算机科学与技术 班 级： 姓 名： 学 号： 指导教师： 时 间： 2014年11月10日11月21日摘 要随着社会的不断发展，对劳动者和技术人员的知识和能力水平的要求越来越高。考试作为衡量人的能力的重要手段之一，在现代生活中的地位进一步提高，并深入到社会的各个方面。各种各样的学历考试、资格证书考试层出不穷。同时，Internet技术的发展使得考试的技术手段和载体发生了革命性的变化，使得考试突破了时间和空间的限制。 各大学校已经开始采用课程的上机考核方式，传统的考试系统已经不能满足我们了，必须要改革，因此在线考试系统应

2、运而生了。我们在保持原有绝大部分功能的前提下，不仅需发完善原有功能，加入许多新的功能，使得题目管理，上机考试，试卷评分，考试分析更加方便完善。基于web和数据库的在线考试系统是学生学习过程中的一个辅助工具，基于Internet或者局域网，其主要功能是实现学生在学习过程中通过本系统对课程进行各个章节的综合测试和评分，以检验学习效果。管理员利用本系统可以进行试卷的测试。同时系统能过进行分数的统计以及成绩的查询，为学生及教师在学习过程中提供帮助。在线考试系统旨在实现考试的无纸化管理，对一些科目的考试可以通过互联在线或局域网进行，方便校方考务的管理，也方便了考生，尤其适在线考试系统旨在实现考试的无纸化

3、管理，对一些科目的考试可以通过互联在线或局域网进行，方便校方考务的管理，也方便了考生。尤其适合考生分布广，不易集中的远程教育。利用在线考试系统，可以帮助教育培训机构进行更系统、更科学的管理。在线考试系统作为一种崭新的、有着极大优越性的教学评价手段，日益成为数据库管理技术广泛应用的一个热点研究方向。实现了系统管理、考生管理、在线考试、在线制作试卷、控制学生考试、试卷审批等基本功能关键字： Web ，数据库 在线考试系统 目 录Iweb程序设计课程设计第1章 设计概述1.1 设计主题1 主题及选题意义随着教育现代化步伐的加快和计算机辅助教学的广泛应用，利用计算机的强大功能参与教学已成为教育工作者和

4、教育科研人员广泛关注的研究领域。在教育领域中，考试是整个教学过程中的重要环节，它是对学生所学知识和能力的一种评价，也是衡量教师教学效果优劣的一种教育测量手段。通常的出卷方式是参与教学的教师根据自己的知识、经验、风格来收集、选取并编制试题，这样做虽然试题的效率、信用度高，但同样存在着一定的缺点，主要表现在由于人为因素的不确定性，可能会造成选题范围过于狭窄；耗费教师大量的时间、精力；不利于实现考、教分离。 在我国，随着高校招生规模的不断扩大，学校的学生越来越多，考试非常普遍，所在通过网络进行的在线考试是现阶段研究开发的一个热点。它是建立在国际互联网上的应用系统，客户端的配置可以极为简单，使考试不受

5、地域的局限。 这个软件很小但是作用很大，并且应用起来效率很高。这次编写的这个软件只是这个理想的软件的一个雏形，功能少，很多东西不能实现。这也与本人的水平有关，但是软件的一些思想确是有的，也希望以后水平高了能将它们改进。 开发在线考试系统的意义在于： 1将教师从繁重的出卷、阅卷、评卷的繁重工作中解脱出来，教师的工作效率大幅提高，减少人为主观意志对评分的影响，有效提高教 育质量。 2学生在平时的学习中，及时的在网上进行自我测试，在学习上能够查缺补漏，激发学生的学习兴趣，为学生的学习带来更多的方便。 3系统实现自动组卷、自动评分，使考试真正做到客观、公平、公正，真正实现考、教分离。 2受众分析 在线

6、考试系统的受众群体可以是面向考试的每一个人，无论是中小学生还是大学生，无论什么职业，无论受教育程度如何只要是是参加任何考试的考生都可以使用本系统，只要考生懂得本系统的操作，而且在线考试系统易操作，懂得一点操作原理的人都可以应用第2章 系统设计分析2.1 设计工具简介Dreamweaver是一款有着多年历史和良好口碑的可视化网页编辑工具（简称DW），最大的优点就是所见即所得，对W3C网页标准化支持十分到位，同时它还支持网站管理，包含HTML检查、HTML格式控制、HTML格式化选项、图像编辑、全局查找替换、全FTP功能、处理Flash等富媒体格式和动态HTML，而且还支持ASP、JSP、PHP、

7、ASP.NET、XML等程序语言的编写与调试。 Dreamweaver是可视化的网页制作工具，很容易上手，可以让你轻松地制作出自己的网页，Dreamweaver是在网页设计与制作领域中用户最多、应用最广、功能最强大的软件，随着Dreamweaver 8的发布，更坚定Dreamweaver在该领域的地位。它集网页设计、网站开发和站点管理功能于一身，具有可视化、支持多平台和跨浏览器的特性，是目前网站设计、开发、制作的首选工具。Dreamweaver具有灵活编写网页的特点，不但将世界一流水平的“设计”和“代码”编辑器合二为一，而且在设计窗口中还精化了源代码，能帮助用户按工作需要定制自己的用户界面。D

8、reamweaver是一种所见即所得的HTML编辑器，可实现页面元素的插入和生成。可视化编辑环境大量减少了代码的编写，同时亦保证了其专业性和兼容性，并且可以对内部的HTML编辑器和任何第三方的HTML编辑器进行实时的访问。无论用户习惯手工输入HTML（标准通用标记语言下的一个应用）源代码还是使用可视化的编辑界面，Dreamweaver都能提供便捷的方式使得用户设计网页和管理网站变得更容易。超文本”就是指页面内可以包含图片、链接，甚至音乐、程序等非文字元素。超文本标记语言的结构包括“头”部分（外语：Head）、和“主体”部分（外语：Body），其中“头”部提供关于网页的信息，“主体”部分提供网页

9、的具体内容。网页的本质就是超级文本标记语言，通过结合使用其他的Web技术（如：脚本语言、公共网关接口、组件等），可以创造出功能强大的网页。因而，超级文本标记语言是万维网（Web）编程的基础，也就是说万维网是建立在超文本基础之上的。超级文本标记语言之所以称为超文本标记语言，是因为文本中包含了所谓“超级链接”点。超级文本标记语言是标准通用标记语言下的一个应用，也是一种规范，一种标准， 超文本标记语言它通过标记符号来标记要显示的网页中的各个部分。网页文件本身是一种文本文件，通过在文本文件中添加标记符，可以告诉浏览器如何显示其中的内容（如：文字如何处理，画面如何安排，图片如何显示等）。浏览器按顺序阅读

10、网页文件，然后根据标记符解释和显示其标记的内容，对书写出错的标记将不指出其错误，且不停止其解释执行过程，编制者只能通过显示效果来分析出错原因和出错部位。但需要注意的是，对于不同的浏览器，对同一标记符可能会有不完全相同的解释，因而可能会有不同的显示效果。Photoshop主要处理以像素所构成的数字图像。使用其众多的编修与绘图工具，可以有效地进行图片编辑工作。ps有很多功能，在图像、图形、文字、视频、出版等各方面都有涉及。从功能上看，该软件可分为图像编辑、图像合成、校色调色及特功能特色效制作部分等。 图像编辑是图像处理的基础，可以对图像做各种变换如放大、缩小、旋转、倾斜、镜像、透视等；也可进行复制

11、、去除斑点、修补、修饰图像的残损等。图像合成则是将几幅图像通过图层操作、工具应用合成完整的、传达明确意义的图像，这是美术设计的必经之路；该软件提供的绘图工具让外来图像与创意很好地融合。校色调色可方便快捷地对图像的颜色进行明暗、色偏的调整和校正，也可在不同颜色进行切换以满足图像在不同领域如网页设计、印刷、多媒体等方面应用。美国Microsoft公司推出的一种关系型数据库系统。SQL Server是一个可扩展的、高性能的、为分布式客户机/服务器计算所设计的数据库管理系统，实现了与WindowsNT的有机结合，提供了基于事务的企业级信息管理系统方案。SQL语句可以用来执行各种各样的操作，例如更新数据

12、库中的数据，从数据库中提取数据等。目前，绝大多数流行的关系型数据库管理系统，如Oracle,Sybase,Microsoft SQL Server,Access等都采用了SQL语言标准。虽然很多数据库都对SQL语句进行了再开发和扩展，但是包括Select,Insert,Update,Delete,Create,以及Drop在内的标准的SQL命令仍然可以被用来完成几乎所有的数据库操作2.2 功能分析作为一个通用的考试系统，在实际应用过程中，具体来说，考试系统题型应该包括以下一些内容： 1. 单项选择题：从四个答案中选出唯一正确答案； 2. 多项选择题：从给定的多个答案中选出两个及以上的正确答案；

13、 3. 填空题：在给定栏内输入指定内容； 4. 是非判断题：判断一个命题的真与假； 一般的考试流程及具体应对措施如下： 1）. 教师命题 试题库中的命题教师应该是一个团队，他们要根据教学大纲所规定的课程考察范围，明确需要考察的知识点、重点、难点，再根据考试时间来确定试卷中所包含的试题数目，以及考试大致的难度。明确以上条件后，教师从现有试题库或参考资料中选择出合适的试题来组成试卷，或者是由教师自主命题。所有试题需要经过我院学生的实际测验之后才能进一步确定试题的数量、难易度等是否合格。经过筛选之后才能确保每一份试题都具有良好的区分度，彼此之间的平均得 分在同一条水平线上。 2）. 教师确定标准答案

14、及评分 教师对组成的试卷中的每一道试题给出标准答案，以及该试题的分数。还要考虑到是否有其它的标准答案。 3）. 学生参加考试 首先对参加考试的学生身份进行验证并确认后，系统下发给学生试卷。在组卷过程中，应尽量确保试题的题量适中以及试题内容尽可能不相同。在线考试基于网络环境，试卷应该从服务器的数据库根据一定的组卷策略自动抽取试题后动态生成的。系统还应该对考试时间进行控制，学生登陆后系统倒计时，剩余时间为0时系统会自动交卷，另外，考生完成答题任务也可以提前交卷。系统一般不允许考生在交卷后再次登陆。 4）. 自动阅卷 收回学生答卷后，系统会按照标准答案及评分标准进行自动评分，最终确定该课程的最后成绩

15、。 5）. 成绩管理 评分工作完成后，教师就可以统计各班级考试通过率情况，分数分布等情况等，及时确定补考或重修人员的名单，并且可以了解自身的教学效果。 6）学生成绩查询 学生可以在课程考试结束以后登陆考试系统，可以查询自己的成绩。一般不允许查询他人的成绩。 根据以上分析和考试流程，本系统至少应该具有以下功能或需求： 学生登陆：未经允许，非本场次的学生不能登陆。系统具有易用性，有一个比较熟悉的友好、简洁的中文登陆界面，学生登陆要进行验证。能够满足多人以上同时及进行在线考试。 用户管理：管理员对教师、学生用户的增加、删除。系统应该具有灵活性，对某些具有特殊情况的用户可以做出临时性的处理。比如：作弊

16、、二次登陆等。 试题库管理：对各种题型的管理，包括试题的录入、增加、编辑、删除等。系统应该具有开放性和可扩充性，在应用过程中，系统规模会不断扩大，题型会逐渐扩展，这就要求用户要进行相应地调整和扩充。试题库中的试题数量要比较多。教师在组卷时可以根据实际情况选择所需要的试题类型。 试卷生成：考试时要能够自动生成一份包含现有几种题型的试卷。 在线考试：系统严格控制整个考试过程，实行时间的监控与权限的控制，考生需要在限定的考试时间内交卷，否则系统会自动交卷。临近考试结束时间5分钟系统会弹出消息框提醒考生数以时间。系统服务器必须能及时下传试题和回 收试题。 计算机自动阅卷：能够自动对考生的客观题部分和主

17、观题部分进行评分，最后将每个考生的成绩保存于考生成绩数据库。系统必须准确无误地进行评分，否则会影响评价结果的客观公正性，也会丧失使用者对系统的信任。 综合查阅：不同的用户，根据不同的权限级别，可以对考生试卷、成绩等信息进行查询。 除了上述情况以外，系统还必须满足以下功能： 安全管理：考生只能访问自己的个人信息和成绩信息，教师则可以访问所管辖的所有考生的成绩，不负责出题的教师没有权限访问试卷。 系统的容错性和健壮性：作为网络考试系统，在考试过程中意外死机、停电、网络故障等突发事件在所难免，如何保证在出现故障时能有效的保存考生的现场数据以备故障排除后恢复考试现场，是系统容错处理中要重点考虑的问题；

18、另外，还要充分考虑到用户在使用系统的过程中可能因进行不正确的操作而造成系统错误，必须保证系统在收到非法操作时能进行相应的错误处理，给予用户提示或警告，而不能影响系统的正常运行。 通过考试能够实现系统中的数据共享。 第3章 系统详细设计在线考试系统3.1 总体结构设计教师登录用户管理学生登录用户删除用户添加在线考试成绩查询试题删除试题添加试题修改图3-1 系统总体结构图3.2 系统目录结构设计在线考试系统网站设计的网站的根目录中都包含了datii和jiao以tuichu。这些字目录分别存放着考试系统中所用到的背景图片和连接所学要的信息。如图3-2所示： 图3-2 站点截图3.3 系统页面布局设计

19、在线考试系统采用表单布局的方法对的登陆界面进行布局，通过页面属性进行页面的具体设计。 如3-3所示： 图3-3 页面属性设置截图具体布局如3-4所示： 图3-4布局页面截图如3-5所示： 图3-3 页面属性设置截图 具体布局如3-5所示图3-5布局页面截图退出如图3-6所示： 图3-6退出页面截图 3.4 链接设计在线考试系统只用到了超链接。通过超链接从登陆界面链接到答题界面颜色，再从答题界面链接到交卷成功界面来识别链接前和链接后的区别。如图3-6所示： 图3-6 答题进行超链接截图 如图3-7所示： 图3-7 交卷进行超链接截图 如图3-8所示： 图3-8退出进行超链接截图 第4章 系统测试

20、与评价4.1 设计和调试过程中遇到的问题在线考试系统在运行过程中主要还是界面不够美观，布局所画的表格不够标准，在超链接过程中由于使用的连接方式错误导致无法远程连接，最终通过查找资料进去完善整体效果还算很理想。4.2 运行通过后的结果 图4-1 首页截图试卷页面如4-2所示： 图4-2 试卷页截图试卷页面如4-5所示： 图4-5 页面试题截图交卷如4-6所示： 图4-6 交卷成功截图 总结在进行个人主页课程设计的这几天里，全心全意投入到网页世界，去不断的学习，去不断的探索；同时去不断的充实，去不断的完善自我，在网络的天空下逐渐的美化自己的人生！本次期的网业设计课程，开展了动态思维训练教学活动，对

21、于我们学生来说，可以激发学习兴趣，调动学习的自觉性，自己动脑、动手，动口，运用网络资源，结合教材及老师的指导，通过自身的实践，创作出积聚个人风格、个性的个人网页。在本次网页设计中，我不仅学到了很多关于网页设计方面的知识，也从中学会了关于网络、编程等方面的知识。我从最初开始运用FrontPage设计网页，到后来运用Dreamweaver、PhotoShop等网软件设计网页，完善网页。在这个过程中，我通过自学教材、上网查询，学习了Dreamweaver、PhotoShop等网页软件的应用，学会了管理、维护自己的站点，以及一些简单动画、控件的制作等等。在设计过程中也出现了很多的问题，但通过看书，上网

22、查询，请教老师等方式，不断的学习、解决、提高，设计出的网页不论是外观还是内容，都在不断的进步、改善。可以说在自己动手，不断实践的过程中，网页设计水平得到了很大的提高。我们意识到只有综合运用多种知识，才能设计出动感十足，富于个性的web页面，才能全面展现互联网这一新型媒体的独特魅力和超强功能。 对于网页设计软件的强大功能运用得还不够。在网页制作过程中，想提高设计水平，想有个理想的网页，必须学会代码的运用，我将在以后的学习过程中不断加强这方面的学习。总体来说，通过今次的对网页设计的学习，有收获也有遗憾、不足的地方，但我想，我已经迈入了网页设计的大门，只要我再认真努力的去学习，去提高，凭借我对网页设

23、计的热情和执着，我将来设计出的网页会更加专业，更完善。也希望老师在今后的日子里多指导。参考文献1 段小焕, 张士辉. 在线考试系统的设计与实现J. 商业文化(学术版) , 2008, 2 文东戈. B/S结构网上考试系统的设计与实现J. 黑龙江科技学院学报，2007，12 3 刘占阳，孙海波，王亮等. 计算机无纸化考试系统的设计与实现. 河北省科学院学报，2003 4 刘建, 严雪. 对网络考试系统的认识和设计心得J. 内江科技 , 2008 5 毛布. 基于Web技术的网络考试系统设计研究J. 西南民族大学学报(自然科学版) , 2008, 6 侯剑 等WEB网络考试系统实现技术研究. 云南

24、民族大学学报，2003,67 王心慧 在线考试系统的设计与实现. 哈尔滨工程大学，2007.38曾海文等.网页设计与制作教程.北京:清华大学出版社11东方人华.网页制作三剑客.北京:清华大学出版社10黄英等.网页设计与制作上机实践指导教程.北京:机械出版社源代码：<head><meta http-equiv="Content-Type" content="text/html; charset=gb2312" /><title>无标题文档</title><style type="text/cs

25、s"><!-.STYLE1 font-size: xx-large.STYLE2 font-size: medium; .STYLE3 font-size: large;font-weight: bold;-></style></head><body background="2.JPG"><form id="form1" name="form1" method="post" action=""> <p align=

26、"left" class="STYLE3">photoshop期末试题</p> <p class="STYLE2">一 填空</p> <p class="STYLE2">1.取消选取快捷键_。</p> <p class="STYLE2">2.选取的运算方式有：_ _ _和_。 </p> <p class="STYLE2">3.复制选取中内容快捷键_。</p> &l

27、t;p class="STYLE2">4.渐变填充的方式有五种分别是_ _ _ _ _。 </p> <p class="STYLE2">5.合并可见链接图层快捷键_。</p> <p class="STYLE2">二 判断</p> <p class="STYLE2">1.取消选取快捷键是ctrl+shift+i。</p> <p class="STYLE2">2.前景色和背景色互换的快捷键是X。&l

28、t;/p> <p class="STYLE2">3.颜色取样器可以取样最多5个点。</p> <p class="STYLE2">4.photoshop中选区分为规则选取和不规则选取。</p> <p class="STYLE2">5.魔术棒用于选择背景颜色比较单一的主体内容</p> <p class="STYLE2">三 名词解释</p> <p class="STYLE2">1.RGB

29、颜色模式</p> <p class="STYLE2">&nbsp;</p> <p class="STYLE2">2.索引色模式 </p> <p class="STYLE2">&nbsp;</p> <p class="STYLE2">3.CMYK模式</p> <p class="STYLE2">&nbsp;</p> <p class=&q

30、uot;STYLE2">四 简答</p> <p class="STYLE2">1.简述图层的特点：</p> <p class="STYLE2">&nbsp;</p> <p class="STYLE2">2.试述图像色彩模式的转换规则：</p> <p class="STYLE1"> <a href="abd.html">交卷</a></p>&l

31、t;head><meta http-equiv="Content-Type" content="text/html; charset=gb2312" /><title>无标题文档</title><style type="text/css"><!-body margin-left: 150px;margin-top: 0px;margin-right: 200px;margin-bottom: 400px;.STYLE1 font-size: xx-large.STYLE2 f

32、ont-size: x-large; -></style></head><body background="beijing.jpg"><form id="form1" name="form1" method="post" action=""> <p>&nbsp;</p> <p align="center" class="STYLE1">&nbsp;</p> <p align="center" class="STYLE1">&nbsp;</p> <p align="