毕业设计（论文）教学互动网站的规划与设计

1、第一章 问题的提出及可行性研究1.1问题的提出随着科技的发展，网络技术的日益成熟，正成为第四媒体的互联网络不断地缩短人与人之间的距离，同时也起到有效反馈信息的交互功能。特别是internet与校园网的接轨，为教育提供了丰富的资源，使网络教学真正成为现实，同时也为教育开辟了广阔的前景。教学互动的启动和发展，给教学带来革新的机会，为学科教学信息化奠定了物质基础。如何有效地利用网上的资源，建构基于网络的现代教学模式是一个迫切研究的问题，而开展网络教学模式研究的重要理论基础之一就是网络教学的设计。而传统的教学模式又存在较大的问题。因此探索新的教学方法和方式，有效地反馈教学信息，以达到预期的教学效果成为

2、了我们当前教育界的一个突出问题。而信息时代下互联网络及其相应教与学支撑平台的出现则为我们提供了便利的条件，其互动式的网络教学则对常规的教学模式带来一系列全新的变革。因此，开发一个适合的教与学的互动系统是非常重要的。12项目开发的可行性研究1、缩略词定义 经济可行性估计开发费用以及最终从开发成功的网站所获得的收入或利益,衡量比较支出的费用和收到的利益. 技术可行性分析功能,性能以及限制条件,能否是一个技术上可实现的网站. 法律可行性明确网站开发可能导致的责任,有无违法问题.2、可行性研究 目的:可行性研究的目的是用最小的代价在尽可能的时间内确定问题是否能解决。(1) 经济上可行性：现在，计算机的

3、价格已经十分低廉，性能却有了长足的进步。而本系统的开发，为学校的教学带来了一个质的飞跃，也使我们的教育模式从单一的传统教学模式向智能化、高效化、人性化进步和发展。为此主要表现有以下几个方面：第一，本系统的运行可以代替人工进行许多繁杂的劳动；第二，本系统的运行可以节省许多资源，解除了时间和空间的限制；所以，本系统在经济上是可行的。(2) 技术上可行性：本系统的开发我利用access作为本系统的数据库，它是一个支持多用户的新型数据库，适用于大中规模的数据量需求，学校校园网的建设也为新系统服务器/客户的结构提供了硬件的支持。使用dreamweaver+asp作为系统开发的开发环境，asp作为一种现代

4、的编程语言，提供完善的指令控制语句、内置组件的支持及丰富的数据类型，给开发高性能系统提供的保障为开发满足客户要求的系统，保证了代码的模块化要求，而代码模块化的提高，非常有利于以后对新系统的扩展与修改。综上所述，本系统的设计与开发在技术上和硬件设备上的条件都是满足的，因此，它在技术上是可行的。 (3) 法律可行性：本系统纯为自主开发设计，在开发过程中没有涉及合同、责任等与法律相抵触的方面。因此，本系统在法律上是可行的。第二章 系统需求分析如今网上办公是网络服务的一大热点。这项服务在网络上也日益趋向成熟，因此提出此项要求来开发一个互动教学系统网站。此系统主要实现学习信息、学生考试、学生练习、在线答

5、疑、老师管理、经验交流；学生提交作业、作业成绩查询、留言，并且提供了管理员基于web的管理。系统采用动态的web技术，直观易操作。系统认证要安全可靠、具有较高的可移植性、可维护性和再开发能力。2.1功能需求该系统主要完成教师发布和批改作业、学生完成提交作业和管理员对用户信息、作业信息和公告信息管理、在线学习经验交流、在线考试、在线教学、在线答疑等功能。本系统分为了三个功能：教师功能、学生功能和管理功能。2.1.1、教师功能该项包含七个部分分别为：公告首页、发布作业、作业成绩查询、上载作业和下载作业、上传试卷、批阅试卷、解答学生疑问等，任课老师只要通过自己的用户名(教工号)和密码进行登陆认证之后

6、就可以进入首页使用上面功能。（1）、公告首页教师可以通过该页面可以发布一些让学生必须知道公告。比如说：教师已经将第一次的作业已经批改完了就可以通过公告发布功能发布已批改的内容、考试信息等。这样学生就只要进入学生的首页就可以看到教师发布的公告，以便让学生及时去查看相关的信息。（2）、发布作业教师可以通过这个来发布布置给学生做的作业。进入之后本系统会自动读入登陆教师的姓名和他所教的课程名。然后教师可以选择自己需要布置作业的章节；在标题栏目教师可以写上比较醒目的标题，可以更好的提醒学生；在作业内容栏教师就可以输入自己需要布置的作业题目；在提交时间栏输入做这次作业学生提交作业的时间。然后通过提交按钮将

7、其布置的作业提交到数据库表中，以便学生能够更好的完成作业。（3）、在线答疑该项是一个更好沟通教师与学生之间的桥梁。教师和学生可以通过留言本实时的进行信息交流，学生在平时学习中如果有什么不懂的问题可以在这个发表，老师通过后台给予解答。（4）、作业成绩该项是为了使教师更好的了解他教的所有学生在他教的课程中每次做的作业的得分情况。以便与在期末的时候教师可以对每个学生的作业成绩总结评分。（8）、作业管理该项为教师提供了一个管理自己布置作业后，学生完成后的作业的作业管理功能。每个教师只能对自己布置的作业进行管理。（9）、考试成绩该项是为了教师能更好的了解他教的所有学生对所学知识的掌握情况，以便能在教学过

8、程中能及时调整教学策略。2.1.2、学生功能（1）、首页公告该项主要是显示教师发布的公告，学生可以这些公告查看到一些相关的信息。（2）、提交作业进入该项后学生就可以看到一个查询页面。任何登陆该系统的学生可以通过这个页面查询自己需要做作业的任课老师、课程名、第几章和第几节。在查询的任课老师、课程名、第几章和第几节如果四个条件只要有一个没有满足的话就仍然跳到这个查询页面；如果四个条件同时满足的话就进入另外一个页面submit1.asp，这个页面就显示出符合任课老师、课程名、第几章和第几节四个条件数据库里面的部分内容（包括第几章、第几节、作业标题）。老师就可以点击学生的姓名进入show.asp这个页

9、面。这个页面显示出学生的学号、学院、专业、年级、班级、作业题目、和该学生要作答的答题区。学生就可以根据老师布置的作业题目在作答的答题区进行作答；但是可能作业比较多而学生不能一次完成所有的作业，所以学生可以在作业完成状态栏选择已经完成或者未完成，以便于学生下次做作业的时候可以更好的了解作业做完的状态。然后通过提交按钮将学生做好的答案内容更新提交到数据库表。（3）、查看作业该项是为使学生能够查看老师批改后的作业答案。每个学生在做完作业后都希望查看自己做的作业的结果以及老师批改的内容以便于自己更好的掌握这个方面的知识，使自己不断进步。当学生进入之后就会看到一个查询的页面result.asp。学生在该

10、页面选择要查询的任课老师、课程名、第几章和第几节，如果查询的任课老师、课程名、第几章和第几节的四个条件只要有一个没有满足的话就仍然跳到这个查询页面；如果四个条件同时满足的话就进入另外一个页面result1.asp，这个页面就显示出符合任课老师姓名和课程名两个条件数据库里面的部分内容（包括第几章、第几节）。学生根据自己想查看的内容，就可以点击第几节进入另外一个页面showwork.asp，通过这个页面学生就可以查看到自己所希望查到的结果。（4）、在线答疑该项是一个更好沟通教师与学生之间的桥梁。教师和学生可以通过留言板实时的进行信息交流，有不懂的问题可以随时随地向老师询问。（5）、在线考试该项是一

11、个方便学生检测自己知识水平的一个途径。（6）、经验交流该项能够为学生提供一个学习经验交流的平台，能够能过这一平台使自己的学习过程中，能取长补短，吸取别人的优秀经验。（7）、学习信息该项是一个方便学生获取网上的一些优秀资源。（8）、成绩查寻该项是为学生提供成绩查询。学生可以用自己的准考证及姓名查寻自己的考试成绩。2.1.3、管理功能（1）、用户管理该项可以对所有的用户（教师用户和学生用户）进行管理，即对教师可以进行增加和删除、对学生用户可以进行删除。（2）、在线答疑进入该项后，就有两个功能。一个是进入在线答疑区，通过在线答疑在留言区发布留言；另外一个是进入在线答疑管理区，可以对任何留言进行删除，

12、这样达到一个管理在线答疑的功能。（3）、增加管理员如果有必要的话，管理可以增加给其他的教师增加一个系统管理员的权限。2.2 数据库需求由于数据库中存储了网站的大量信息，要求后台数据库管理系统具有较高的安全性。由于是互动教学系统，故要求数据库有很好的数据共享功能，并能满足多用户的并行存取，并能高效率的存取数据。2.3 用户界面需求力求界面简洁美观，使用可以一目了然的了解系统的功能，并容易上手使用，降低用户使用系统的难度和所耗费的时间，可以提高工作的效率，并在一些比较模糊的地方为用户提供在线帮助，来满足用户的要求。2.4 安全需求为了保证互动教学提交系统的正常进行，要限制不同的系统用户所具有的权限

13、，以防止误操作或恶意的操作引起的数据库中重要数据的变动和丢失。2.5系统对运行环境的要求：1、服务器服务器段的最低配置是由建立站点所需的软件来决定的，在最低配置的情况下，服务器的性能往往不尽如人意，现在的硬件性能已经相当出色，而且价格也很便宜，因此通常给服务器配置高性能硬件。本网络系统服务器的配置如下：硬件要求：（1）、处理器：inter pentium 4 1.6 ghz或更高（2）、内存：256mb（3）、硬盘空间：80gb（4）、显卡：svga显示适配软件要求：（1）、操作系统：windows xp（2）、网络协议：tcp/ip（3）、数据库：microsoft office acces

14、s 2000（4）、浏览器：internet explore 5.0 以上（5）、iis信息服务器，支持asp2、用户因为客户的主要拥护浏览和操作数据，所以对客户的硬件要求不高，不过现在的电脑有很好的性价比，因此需要的配置应该高与下面的配置：硬件要求：（1）、处理器：inter pentium 166 mhz或更高（2）、内存：32mb（3）、硬盘空间：1gb（4）、显卡：svga显示适配软件要求：（1）、操作系统：windows 98/me/2000/xp/2003（2）、网络协议：tcp/ip（3）、数据库：microsoft office access 2000（4）、浏览器：inter

15、net explore 5.0 以上建议分辨率为1024*768象素第三章 系统概要设计互动教学系统的基本功能包括：教师布置作业、批改作业、在线考试、在线答疑、成绩查寻、经验交流等以及管理员对所有信息的管理的过程的实现。整个系统的大的模块划分为：学生模块、管理模块、教师模块。31系统功能模块概要图如图4.1所示： 学生模块提出疑问成绩查寻提交作业查看作业教师模块发布公告解答疑问布置作业批改作业管理员模块公告管理系统管理作业管理用户管理access数据库 图3.1系统功能模块概要图系统层次模块图：系统的总体结构如图所示：用户登陆学生功能模块管理员功能模块老师功能模块图3.2系统层次模块图学生登陆

16、修改密码首页公告在线考试提交作业查看作业在线提问成绩查寻下载作业经 验 交流图3.3学生功能模块老师登陆修改密码发布公告批改试卷发布作业批改作业在线答疑上载作业卷库管理添加班级图3.4教师功能模块管理员登陆作业管理用户管理卷库管理成绩管理添加老师用户添加管理员公告管理老师用户学生用户作业成绩考试成绩图3.5管理员功能模块图3.2数据库设计 数据库结构的设计是整个系统设计中最为重要的环节，科学合理的数据库结构能提高系统的运行效率。互动教学系统数据库所包括的相关表有学生信息表、教师信息表、系统管理员信息表、公告信息表、班级信息表、学习经验表、首页信息表、考试卷库、作业信息表、在线答疑表、成绩表，以

17、下列出每个表的具体结构：1.名称：系统管理员信息表(admin)数据来源：后台页面取得。表3.1 系统管理员信息表名 称字 段 名 称数 据 类 型主 键是否允许为空idid自动编号nono用户名admin_name文本型nono密 码admin_pass文本型nono身份admin_shf文本型nono2、名称：教师信息表(teacher)数据来源：前台页面取得。表3.2教师信息表名 称字 段 名 称数 据 名 称主 键是否允许为空idid自动编号nono用 户 名teacher_user文本型yesno密 码teacher_pass文本型nono姓 名teacher_pass文本型nono

18、学 院teacher_name文本型nono班 级teacher_jb文本型nono 3、名称：学生信息表(student)数据来源：前台页面取得。表3.3学生信息表名 称字 段 名 称数 据 类 型主 键是否允许为空idid自动编号nono用 户 名学 号文本型yesno密 码密 码文本型nono姓 名学生姓名文本型nono学 院学 院文本型nono专 业专 业文本型nono年 级年 级文本型nono班 级班 级文本型nono4、名称：公告信息表(board)数据来源：前台页面取得。表3.4公告信息表名 称字 段 名 称数 据 类 型主 键是否允许为空idid自动编号nono标 题title

19、文本型nono留言时间inputdata文本型nono内 容detail时间/日期nono标 志flag_attenion是/否nono教师姓名teachername文本型nono5、名称：课程信息表(course)数据来源：后台页面取得。表3.5课程信息表名 称字 段 名 称数 据 类 型主 键是否允许为空idid自动编号nono课程号课程号文本型yesno课程名科目名称文本型nono6、名称：上传信息表(file)数据来源：前台页面取得。表3.6上传信息表名 称字 段 名 称数 据 类 型主 键是否允许为空编号资料编号自动编号nono资料名称资料名称文本型nono文件大小文件大小数字型no

20、no上传日期上传日期日期/时间nono路径路径文本型yesno文件类型上传时的文件类型文本型nono教工号教工号文本型noyes学号学号文本型noyes7、名称：作业信息表(homework)数据来源：前台页面取得。表3.7作业信息表名 称字 段 名 称数 据 类 型主 键是否允许为空编号id自动编号nono教工号教工号文本型nono教师姓名教师姓名文本型nono课程名课程名文本型nono第几章第几章文本型nono第几节第几节文本型nono标 题标题文本型nono作业内容作业内容备注nono上交时间提交时间文本型nono8、名称：在线答疑信息表(liuyan)数据来源：前台页面取得。表3.8在

21、线答疑信息表名 称字 段 名 称数 据 类 型主 键是否允许为空编号id自动编号nono姓名name文本型nono留言人的身份kind文本型nono留言内容word备注nono留言时间data1日期/时间nono第四章 系统详细设计及代码实现总体上来说，本互动教学提交系统包括三大部份：管理功能、学生功能和教师功能。学生只能看到的是学生的功能，一般的教师也只能看到教师的功能。下面对三大模块的功能及程序实现作简单描述。 4.1学生模块4.1.1学生模块功能描述学生功能包括查看首公告、提交作业、在线考试、查寻成绩、在线提问、上传作业、下载答案等。由于互动教学系统自己的特殊性，不能为学生提供一个学生注

22、册的功能。提供一个修改密码的功能和一个班级管理员管理的功能。学生功能不仅要求实用、易学，而且要美观。具体功能规定如下：1.学生修改密码（stu_passmodify.asp）输入：学生的基本信息，包括用户名(username)，旧密码(oldpassword),新密码(newpassword),确认密码(newpassword1)输出：若修改成功，则显示“修改成功了”若修改失败，则显示“你修改失败”，然后再跳到修改密码的页面。处理（process）：检查用户名和密码在数据库中是否匹配，若不匹配则修改失败。检查修改后的两次密码是否一致，若不一致则修改失败，若一致则显示修改成功。2.用户登录（lo

23、gin.asp）输入：登录名和密码 输出：若登录失败，则提示登陆失败并重新登录，否则进入学生主页处理（process）：利用登录名对数据库表student进行查询，若密码匹配，则登录成功，否则，登录失败。3.在线提问(ask.asp)输入:学生在自己学习过程中所碰到的疑难问题输出:如果确认输入完毕点”提交”系统会提示”填写的内容准确无误,可以送出吗?”如果”确定”则将所提问题输入数据库中等待老师解答疑问,如果”重填”则返回上一步,直至完成任务.其它功能模块不一一详细列出.4.1.2学生模块程序流程图首页信息在线考试提交作业查看结果提出疑问查看成绩成绩查询下载题目开始 修改密码修改密码修改成功登

24、陆成功登陆是否联接是否提交是否查看是否提问是否查看是否查询是否下载注销是否注销 y y n n y y n y n y y n n y y n n y n y图4.1学生模块程序流程图4.1.3学生模块程序代码:#实现用户登录：!-#include file=open.asp -% doing=request.querystring(doing)if doing=login then 用户登录user_id=trim(request.form(user_id)pass=trim(request.form(pass)if user_id and pass and instr(user_id,)=

25、0 andinstr(user_id,&)=0 thenpass=ucase(md5(pass)str=select * from user_teacher where teacher_user=&user_id& and teacher_pass=&pass&set rs=conn.execute(str)if not rs.eof thensession(zzteacher)=truesession(name)=rs(teacher_name)if rs(teacher_class)=超级管理员 then session(zzadmin)=true end if elsestr=selec

26、t * from user_student where 学籍号=&user_id& and 密码=&pass&set rs=conn.execute(str)if not rs.eof thensession(zzstudent)=truesession(student_id)=user_idsession(name)=rs(姓名)session(student_bj)=rs(班级) form name=form1 method=post action=?doing=login用户登录输入学籍号或用户名： input name=user_id id=user_id value= size=20

27、密码： a href=reg.asp?back=注册忘记密码#实现在线提问：!doctype html public -/w3c/dtd html 4.0 transitional/en:网上答疑:function checkform() msg = 填写的资料都正确无误，可以送出了吗!? if (.value.length = 0) alert(请输入您的名字！);.focus(); return false;if (document.form1.title.value.length = 0) alert(请输入问题

28、的标题！);document.form1.title.focus(); return false;if (document.form1.question.value.length = 0) alert(请输入问题的内容！);document.form1.question.focus(); return false;return confirm(msg)return true;#实现在线考试代码：试卷修改 没有任何记录！a href=add.asp?id=添加记录 题目序号题目类型题目内容题目分值本题答案操作 单项选择 、； a href=del.asp?id=&no=删除|a href=mod

29、ify.asp?id=&no=修改|a href=add.asp?id=添加 多项选择 、； a href=del.asp?id=&no=删除|a href=modify.asp?id=&no=修改a href=add.asp?id=添加 填空a href=del.asp?id=&no=删除a href=modify.asp?id=&no=修改|a href=add.asp?id=添加 rs.close%4.1.4学生模块界面预览:通过登录，学生就可以进入到本系统学生主页，实现学生模块功能如下图所示：图4.2登陆界面图 图4.3登录后在线作业主界面图4.4登录后在线提问主界面图4.5登录后在线

30、考试主界面4.2教师模块4.2.1教师模块功能描述教师功能包括发布公告、作业发布、批改作业、在线答疑、作业成绩、作业管理、下载作业、添加学生管理员等功能。1.教师修改密码（teacher_passmodify.asp）输入：教师的基本信息，包括用户名(username)，旧密码(oldpassword),新密码(newpassword),确认密码(newpassword1)输出：若修改成功，则显示“修改成功了”若修改失败，则显示“你修改失败”，然后再跳到修改密码的页面。处理（process）：检查用户名和密码在数据库中是否匹配，若不匹配则修改失败。检查修改后的两次密码是否一致，若不一致则修改失

31、败，若一致则显示修改成功。2.用户登录（login.asp）输入：登录名和密码 输出：若登录失败，则提示登陆失败并重新登录，否则进入学生主页处理（process）：利用登录名对数据库表teacher进行查询，若密码匹配，则登录成功，否则，登录失败。3、发布公告（board.asp）输入：公告内容输出：你发布的公告处理（process）：利用你点击的内容然后通过对id在board表进行查询，并显示所符合要求的内容4、解答问题（dayi_reply.asp）输入：你需要解答疑问的内容 输出：点“回复”输入学生所提问题的答案,然后点“提交”系统提示,“问题内容准确无误,可以送出吗?”如果点“是”那就

32、成功的完成了任务,如果点“否”重新回到上一步重新输入所回答的问题直至输入完毕。处理: （process）对你所回答的问题进行判断，如果不符合系统格式则提示重新输入，如果符合那就将所提交的内容送入数据库中，并且在系统前台显示。其它功能模块不一一列出。4.2.2教师模块程序流程图发布信息卷库管理发布作业批改作业解答疑问批改试卷上载成绩下载题目开始 修改密码修改密码修改成功登陆成功登陆是否管理是否发布是否批改是否解答是否批改是否上传是否下载注销是否注销是否发布yny yn y n y y n ynynyn ynyn图4.6教师模块程序流程图4.2.3教师模块程序代码#实现功能代码：%if sessi

33、on(iamcoming) then%:网上答疑:function checkform() msg = 回复的资料都正确无误，可以送出了吗!? if (document.form1.reply.value.length = 0) alert(请输入您回复的信息！);document.form1.reply.focus(); return false;return confirm(msg)return true;%on error resume nextset rs=server.createobject(adodb.recordset)sql=select * from table_dayi

34、where id=&idrs.open sql,conn,1,1if rs.eof and rs.bof then response.write alert(对不起，该信息并不存在，请返回！逻辑);window.close();response.endelseset rs=nothingend ifelse response.write response.write alert(管理员操作超 时.); response.write javascript:history.go(-1) response.write end if%4.2.4教师模块界面预览图4.7老师解答疑问主界面4.3管理模块4

35、.3.1管理模块功能描述管理功能包括管理员自身的管理、公告管理、用户管理、在线答疑管理等；其中管理员自身的管理涉及到整个系统的安全。对于管理员的管理，系统可以事先输入好合法的管理员的信息。当管理员使用这个系统时同样要登录输入注册名及密码，才可以获得系统的管理权限。在本系统中所有管理员的权限是等同的。管理员可以进行公告管理、用户管理、在线答疑管理管理。 对于用户的管理，首先需要提供的是老师信息的录入功能。一般内容包括老师的教工号、老师姓名、学院、课程号、课程名等信息。4.3.2管理模块程序流程图开始 登陆公告管理成绩管理用户管理增加管理员留言板管理登陆成功是否管理是否管理是否增加是否管理注销是否

36、注销是否管理nyyynynn yynny图4.8管理模块程序流程图4.3.3管理模块模块界面预览 图4.9用户管理主界面第五章 系统测试5.1 用户管理的测试进行用户管理前必须先登陆，若登陆不成功，则会转入登录页面。若登陆成功则可进入教师用户信息的管理。添加教师信息是通过调用add.asp来实现的。在你要添加之前，就有个信息信息提示框。以免由于进行的误操作而引起的信息丢失。若真的要添加，则可点击确定就可以进行添加操作。然后可以看到添加后的信息。测试前界面：图5.1添加教师信息测试前界面添加教师信息时的界面：图5.2添加教师信息时的运行界面为了测试系统我们增加“王小明”老师用户，按系统提示输入所

37、需信息添加后界面：图6.3添加教师信息测试后界面其它测试就不一一列出!测试结论:本系统基本上达到了所设计的功能.总 结从最初的需求分析到具体的系统开发，通过一个月的努力，终于基本完成了本系统。本系统借助于当前强大的计算机网络系统及新一代的网络编程技术，实现了局部教学模式的更新。这一应用打破了传统教学模式在时间和空间上的限制，使每一位学生和老师都可以在网上完成有关教学任务。这种相对灵活方便的教学模式,很适应当前网络信息化发展的需求，有力地推动了学校的教学工作，同时也部分实现了教学系统的网络话和远程化。本“互动教学系统”作为高校教师和学生互动教学的平台，功能全面，操作方便，有效提高了师生的工作和学习效率；本系统不仅使用师生完成互动教学流程，还能提供相关部门人员考查教师布置批改作业和学生完成作业情况；本系统通用性强，不同的院校只要更换教师和学生表的数据信息即可投入使用，具有推广价值。本系统基本上完