用web技术实现在线教育计算机科学与技术本科论文.docx

1、用web技术实现在线教育 计算机科学与技术本科论文毕业(学士学位)论文论文题目：用WEB技术实现在线教育学生姓名： 学 号： 20020501141 专 业：计算机科学与技术 班 级： 2002计算机本科 指导教师： 徐州工程学院摘要在线教育系统主要提供网上的教学平台，教师可以通过该系统完成对教程的管理、在网上回答学生的问题、对试题的管理以及修改自己的基本资料。学生可以通过该系统完成在线提出问题、在线考试、浏览教程和教师概况、对个人提出的问题进行操作以及修改自己的基本资料。在线教育系统可以使教学过程网络化，创建知识学习的新途径，在线教育会推动电子化学习发展与应用。关键字：在线教育、IPO图、A

2、SP、考试、判分AbstractOnline education system is mainly to provide online teaching platform through which teachers can complete guide to the management system, students answered questions on the Internet, as well as changes to the management of their own examination of the basic information. The system ca

3、n be completed online by students to ask questions, online examinations, visit the guide and teacher profiles, for the individual questions raised by the operation, as well as modify their basic information. Online education system can make the process of teaching network, the establishment of knowl

4、edge learning new ways online education will promote the development and application of electronic learning.Keyboard: online education、 IPO plans、 ASP、examinations、judgment scores摘要 2Abstract 31 引 言 62 系统开发工具、环境及相关技术 82.1 系统开发工具Frontpage 2003简介 82.2 系统开发环境简介 82.2.1 系统软件要求 82.2.2 系统硬件要求 92.3 Internet

5、和www技术 92.4 Active server page（ASP）技术 113 可行性研究 123.1 技术可行性 123.2 经济可行性 123.3 操作可行性 124 系统需求分析及概要设计 134.1 系统需求分析 134.2 系统层次概况图 134.3 系统模块设计 144.4 数据库设计 155 系统详细设计 205.1 学生子系统模块的设计与实现 205.1.1 注册模块的设计与实现 205.1.2 登录模块的设计与实现 225.1.3 修改个人资料模块设计与实现 235.1.4 查看问题模块的设计与实现 255.1.5 测试页面设计与实现 285.1.6 教程浏览页面的设计与

6、实现 325.2 教师子系统模块的设计与实现 325.2.1 注册模块的设计与实现 325.2.2 登录模块的设计与实现 345.2.3 修改个人资料模块的设计与实现 355.2.4 教程管理模块的设计与实现 375.2.5 答疑管理模块的设计与实现 395.2.6 试题管理页面设计与实现 406 系统开发关键技术 426.1 考试功能 426.2 判分功能 42结论 43致谢 44参考文献表 45附录 46 引 言在Internet飞速发展的今天，互联网成为人们快速获取、发布和传递信息的重要渠道，它在人们政治、经济、生活、教育等各个方面发挥着重要的作用。因此网站建设在Internet应用上的

7、地位显而易见，它已成为政府、企事业单位信息化建设中的重要组成部分，从而倍受人们的重视。今天人们谈到计算机必然地和网络联系起来，一方面孤立的未加入网络的计算机越来越难以见到，另一方面计算机的概念也被网络所扩展。二十世纪九十年代兴起的Internet在过去如火如荼地发展，其影响之广、普及之快是前所未有的。从没有一种技术能像Internet一样，剧烈地改变着我们的学习、生活和习惯方式。全世界几乎所有国家都有计算机网络直接或间接地与Internet相连，使之成为一个全球范围的计算机互联网络。人们可以通过Internet与世界各地的其它用户自由地进行通信，可从Internet中获得各种信息。人们已充分领

8、略到网络的魅力，Internet大大缩小了时空界限，通过网络人们可以共享计算机硬件资源、软件资源和信息资源。“网络就是计算机”的概念被事实一再证明，被世人逐步接受。自从科教兴国战略被提出来之后，中国的教育事业是蒸蒸日上，快速的腾飞和发展。随着世界经济的发展，中国的经济这些年取得了长足的进步，人们的生活条件也逐年的改善，于是人们对自己的精神生活也提出了更高的要求，经济的快速发展使人们的时间观念愈来愈强烈。许多在职人员仍然要不断的学习，面对他们空闲时间的零碎，因此我们有必要开发在线教育系统。在线教育系统主要提供网上的教学平台，教师可以通过该系统修改教师自己的基本资料；对教程进行管理；在网上回答学生

9、的问题；对在线的试题进行管理。学生可以通过该系统修改个人的基本资料；对个人提出的问题进行操作；在线提出问题；在线进行考试；浏览教程、教师情况。现代远程教育作为一种全新的教育方式和手段，它是传统教育与现代信息技术的完美结合。现代远程教育的出现对传统的教育方式的影响是深远的，它所具有的革命性的力量和其巨大的生命力以及带来的市场机会是有目共睹的。因此，伴随着中国经济、社会的全面发展以及现代信息技术在中国的逐步推广与普及，现代远程教育在中国如火如荼地开展起来。 系统开发工具、环境及相关技术本系统是在WINDOWS XP下开发的，前端网络页面的设计与开发是在Frontpage 2003下完成的，开发数据

10、库使用的是Access 2003。1.1 系统开发工具Frontpage 2003简介FrontPage 2003 提供了功能增强的设计环境、新的布局和设计工具、模板以及改进的主题。FrontPage 2003在功能上增强了不少，其中比较突出的九个新功能：自定义浏览器分辨率预览、检查描摹图像、层功能、插入交互式按钮、行为的应用、使用网页重定向、检查网页错误、优化HTML代码、规划页面布局。2.2 系统开发环境简介.2.1 系统软件要求1 服务器端 操作系统: WINDOWS XP 网络协议:TCP/IP WEB服务器:Internet Information Server 5.0 数据库: M

11、icrosoft Access 2003 浏览器:Internet Explore 5.02 用户端 操作系统: WINDOWS XP 网络协议:TCP/IP 数据库: Microsoft Access 2003 浏览器:Internet Explore 5.0.2.2 系统硬件要求1 服务器端服务器端的最低配置是由建立站点所需的软件来决定的，在最低配置的情况下，服务器的性能往往不尽如人意，现在的硬件性能已经相当出色，而且价格也很便宜，因此我们我们通常给服务器端配置高性能硬件。本系统服务器端的配置如下： 处理器：Intel Pentium IV 1.6GHz或更高 内存：256MB 硬盘空间：

12、80GB 光驱：CD-ROM 48X 显卡：SVGA显示适配器2 用户端因为用户端主要用于浏览和操作数据，所以对客户端的硬件要求不高，不过现在的电脑有很高的性价比，因此需要的配置应该高于下面的要求： 处理器：Intel Pentium 166 MX或更高 内存：32MB 硬盘空间：1GB 光驱：CD-ROM 48X 显卡：SVGA显示适配器3.3 Internet和www技术Internet是世界上最大的计算机互联网络。所谓计算机网络，就是把分布在不同地理区域的计算机与专门外部设备用通信线路互连成一个规模大、功能强的网络系统，从而使计算机之间相互传递信息，共享硬件、软件，数据信息等资源。它是现

13、代通信技术与计算机技术相结合的产物。而Internet连接着世界各地数以千万计大大小小的电脑网络和主机，是世界上最开放的计算机网络。 1969年，美国防部计划管理局（ARPA）开始建立一个名为ARPANET的网络，当时建立这个网络的目的只是为了将美国的几个军事及研究用电脑主机连接起来。人们普遍认为ARPANET是Internet的雏形。1985年，美国国家科学基金会（NFS）开始建立NFSNET，它成为Internet上主要用于科研和教育的主干部分，代替了ARPANET的骨干地位。1989年MILNET（由ARPANET分离出来）实现和NFSNET连接后，就开始采用Internet这个名称。从

14、此以后，其他部门的计算机网相继并入Internet，ARPANET就宣告解散。90年代是Internet的商业化阶段，商业机构开始进入Internet，使Internet开始可商业化的新进程，也成为Internet大发展的强大推动力。1995年，NSFNET停止运作，Internet已经彻底商业化了。Internet的规模一直呈指数增长，除了网络规模在扩大外，Internet应用领域也在走向多元化。最初的网络应用主要是电子邮件、新闻组、远程登录和文件传输，网络用户主要是科技工作者。然而到了90年代早期，一种新型的网络应用万维网问世后，将无数非学术领域的用户带进了网络世界，万维网以其信息量大、查

15、询快捷方便而很快被人们所接受。World Wide Web（万维网）是在因特网上运行的全球性分布式信息系统，它是一个抽象的信息场所，在这个场所中，包含了几十乃至几百万台通过超文本传输协议（HTTP）提供信息服务的Web服务器，当用户使用浏览器向这些服务器发出请求时，服务器将把响应信息发送给浏览器，以供浏览器解释执行。任何一台正在使用的计算机可能是一台Web服务器，也可能是一台安装有浏览器的普通计算机，这取决于这台计算机安装了什么程序，以及这台计算机接入到Internet的接入方式，如果计算机不能让其他人访问，那么就不能成为真正的Web服务器。FTP（Fire Transfer Protocol

16、，文本传输协议），用于将文本、二进制文件和图形从一台计算机传输到另一台计算机，有了它，可以将编好的网页传送到能被其他用户访问的Web服务器上。HTTP（HyperText Transmission Protocol，超文本传输协议）用于定义在Web浏览器和Web服务器之间如何传送数据。在服务器向客户机传送文档之前，客户机和服务器之间需要建立TCP连接，之后才发送HTTP请求信息，服务器接收到请求后就给Web浏览器回送一个HTTP响应信息，最后服务器断开TCP连接。HTTP协议主要用于定义信息的格式。4.4 Active server page（ASP）技术ASP中文意思是“动态服务器页面”，使

17、用ASP可以创建和运行动态、交互的Web服务器应用程序。这里所说的动态服务器页面，是指该页面内容可根据访问时间、访问者等不同因素动态生成的。这种网页中可包含动态文字、声音和动化，但包含以上信息的网页并不一定是ASP页面。ASP的特点：（1）使用VBscript、JavaScript等简单易懂的脚本语言，再结合HTML代码，就可很快速的创建大部分的网站元素。（2）无须进行编译，容易编写，可在服务器端直接执行。（3）使用普通的文本编译器，如记事本，就可以进行编辑设计。（4）与浏览器无关，客户端只要使用可执行的HTML代码的浏览器，即可浏览ASP的网页内容。ASP所使用的脚本语言（VBscript、

18、JavaScript）均能够在Web服务器端执行，客户端的浏览器不需要执行这些脚本语言。（5）ASP的源程序不会被传到客户端浏览器，因而可以避免所写的源程序被他人剽窃，提高了程序的安全性。（6）可使用服务器端的脚本来产生客户端的脚本。（7）可以使用ActiveX Server Components（ActiveX服务器元件）扩展ASP的功能。3 可行性研究.1 技术可行性利用ASP技术开发动态页面很适合在线教育系统，在线教育系统中的详细课程学习是通过下载来实现的，利用Access开发数据库完全适合系统的要求。.2 经济可行性在线教育系统的开发将带来革命性的进步，大家只需要坐在电脑前就可以实现一

19、切操作，包括课程学习、提问、在线考试等。这样带来的经济效益是相当可观的。.3 操作可行性随着Internet的快速发展，网络已经连接到千家万户。网络化迅速普及，因此该在线教育系统适用于不同水平的使用者，包括老师和学生。系统结构如图所示，一部分页面是通过ASP脚本程序直接访问数据库和文件系统，另外一部分是通过组件访问数据库和文件系统。4 系统需求分析及概要设计.1 系统需求分析 在线教育系统提供网上的教学平台，其功能如下：1 教师部分的主要功能如下：（1） 修改教师自己的基本资料。（2） 对教程进行管理。（3） 在网上回答学生的问题。（4） 对在线的试题进行管理。2 学生部分的主要功能要求（1）

20、 修改个人的基本资料。（2） 对个人提出的问题进行操作。（3） 在线提出问题。（4） 在线进行考试。（5） 浏览教程、教师情况。.2 系统层次概况图在线教育系统共分为两个子系统:教师子系统和学生子系统,其功能模块划分如图4.1所示:图4.1（系统层次概况图）.3 系统模块设计1. 教师模块 (1) 注册模块。首先申请用户名，这个用户名是惟一的，然后填写姓名、密码、E-Mail等用户信息。填好后提交资料就会被保存到教师数据表中。 （2） 登录模块。已经注册的用户进入系统，必须先进行登录。 （3） 修改个人资料模块。提供给已经注册成功的用户更新个人资料的服务功能。 （4） 教程管理模块。教师对教程

21、进行修改、删除和增加的操作。 （5） 答疑管理模块。教师对学生提出的问题进行回答，还可以删除和修改已经提交的回答。 （6） 试题管理模块。教师对试题进行修改、删除和增加的操作。2. 学生模块 (1) 注册模块。首先申请用户名，这个用户名是惟一的，然后填写姓名、密码、E-Mail等用户信息。填好后提交资料就会被保存到教师数据表中。 （2） 登录模块。已经注册的用户进入系统，必须先进行登录。 （3） 修改个人资料模块。提供给已经注册成功的用户更新个人资料的服务功能。 （4） 提问管理模块。查看已经提交的答案，浏览教师给出的答案；提出新问题。 （5） 浏览管理模块。对教师和教程进行浏览。 （6） 在

22、线测试模块。在线进行测试，得出测试结果并判分。.4 数据库设计 根据系统功能设计的要求以及功能模块的划分，对于系统用户信息数据库，可以列出以下数据项和数据结构： 1. 名称：班级信息 标识：class 如表4.1所示，班级数据表包括ID、dept和amount3个字段。表4.1（班级信息表）名称字段名称类型主键非空班级编号ID自动编号yesyes系名Dept文本nono人数Amount数字nono2. 名称：教师信息 标识：teacher 如表4.2所，教师数据表包括ID、name、age、position、photo、or、introduction、inname、passwd、email、a

23、mount和entroltime12个字段。表4.2（教师信息表）名称字段名称类型主键非空教师编号ID自动编号yesyes教师姓名name文本noyes教师年龄age文本nono教师职称position文本nono教师照片photoOLE对象nono有无照片or数字nono教师简介introduction备注nono教师登录名inname文本noyes教师登录密码passwd文本noyes教师电子邮件email文本nono教师访问次数amount数字noyes教师注册时间entroltime日期/时间noyes3.名称：用户信息标识：user如表4.3所示，用户数据表包括ID、name、num

24、、dept、class、idname、passwd、enroltime、amount和degree10个字段。表4.3（用户信息表）名称字段名称类型主键非空学生编号ID自动编号yesyes学生姓名name文本noyes学生学号num文本noyes学生系别dept文本nono学生班级class文本nono学生登录名idname文本noyes学生密码passwd文本noyes注册时间enroltime日期/时间noyes访问次数amount数字noyes提问次数degree数字noyes4.名称：教程信息标识：tutorial如表4.4所示，教程数据表包括ID、rule、title、describ

25、e、teacher和refer6个字段。表4.4（教程信息表）名称字段名称类型主键非空教程编号ID自动编号yesyes教程章节rule文本noyes教程标题title文本nono教程简介describe文本nono任课教师teacher文本nono提交时间refer日期/时间nono5.名称：问题信息标识：question如表4.5所示，问题数据表包括ID、id1、id2、id3、title、content、or和refer8个字段。表4.5（问题信息表）名称字段名称类型主键非空问题编号ID自动编号提问用户编号id1数字yesyes所在教程编号id2数字yesno负责教师编号id3数字yesn

26、o问题标题title文本nono问题内容content备注noyes回答与否or文本noyes提交时间refer日期/时间noyes6.名称：测试信息标识：test如表4.6所示，测试数据表包括ID、subject、A、B、C、D、answer、explain、id1、id2和refer11个字段。表4.6（测试信息表）名称字段名称类型主键非空题目编号ID自动编号yesyes题目内容subject文本noyes选项1A文本noyes选项2B文本noyes选项3C文本noyes选项4D文本noyes试题答案answer文本noyes题目说明explain文本nono所在教程编号id1数字yesn

27、o负责教师编号id2数字yesno提交时间refer日期/时间nono 7.名称：答案信息标识：answer如表4.7所示，答案数据表包括ID、id1、id2、content和refer5个字段。表4.7（答案信息表）名称字段名称类型主键非空答案编号ID数字yesyes问题编号id1数字yesyes负责教师编号id2数字yesno答案内容content文本noyes提交时间refer日期/时间noyes5 系统详细设计 整个系统由两部分组成：学生子系统和教师子系统。本系统主要提供网上的教学平台，教师可以通过该系统对教程、测试试题进行管理和答疑解惑。学生可以通过该系统完成自学、向老师提出问题及进

28、行在线测试。.1 学生子系统模块的设计与实现.1.1 注册模块的设计与实现1. 注册模块IPO图在newuser.asp页面中输入：用户名、姓名、密码、学号、电子邮件、所属系别、所属班级。注册成功或失败页面。验证输入的合法性；从form表单获取输入数据；检验用户名的惟一性；将用户信息输入到数据库中。 图5.1（注册模块IPO图）功能：如果用户是第一次登录，则需要注册。当用户在登录页面选中“申请”一项时，进入选择页面，选择学生注册页面。当用户填写表单完成后，首先把填写的结果交给指定程序检查，采用VBSCRIPT的形式检查填写结果的合法性。如果填写结果合法，则将表单内容交给adduser.asp页

29、面进行处理。用户填写的用户名应该惟一。将用户名惟一的用户信息写入数据库。注册结果有两种：注册成功、注册不成功；如果注册不成功，提示用户重新注册。输入：用户名、姓名、密码、学号、电子邮件、所属系别、所属班级。处理：（1）验证输入的合法性。当用户单击“发送”按纽时首先由VBscript过程checkuser（）检查用户输入是否合法，如果合法，则将结果提交到adduser.asp页面处理。（2）从form表单获取输入数据。数据验证合格后进入adduser.asp页面，首先要从form表单中获取数据。（3）检验用户名的惟一性。连接数据库打开用户数据表。以输入数据“用户名”为查询条件创建数据集查看输入用户名是否存在。若已经存在，则返回上一页，重新输入用户名；若不存在，则进行插入操作。（4）将用户信息输入到数据库中，使用Record对象中的Addnew方法插入一条新记录。输出：注册成功或失败页面。2. 用户注册页面如图