《计算机专业英语》教学网站的设计与开发

1、辽宁科技大学毕业设计（论文） 第I页计算机专业英语教学网站的设计与开发摘要随着科技的进步和计算机网络的飞速发展，教育在人们生活中开始占有很重要的地位。为了让人们的学习过程可以不受地域、时间限制，使得教学资源能在最大范围内实现共享，产生了网上教学系统。本网站前台采用Dreamweaver进行页面制作，后台由Access数据库支持，通过使用ASP技术实现动态网页的效果。整个计算机专业英语教学网站包含课程描述、教师队伍、课程建设、习题宝库、下载频道、公告栏、留言板、和师生论坛八个功能模块，本文主要针对我设计的这八个模块，即课程描述、教师队伍、课程建设、习题宝库、下载频道、公告栏、留言板、和师生论坛八

2、个模块的设计与实现进行了论述。通过使用本网站学习计算机专业英语，可以更方便、更灵活、更有效地掌握计算机专业英语课程的知识点、重点和难点，是有效使用互联网的一种体现，具有较高的实用价值。关键词 教学网站；计算机专业英语；ASP；Access辽宁科技大学毕业设计（论文） 第II页AbstractWith progress in technology and the rapid development in computer network, education becomes very important in everyday life. In order to avoid the progre

3、sses being restricted in the zone or time, the online teaching and learning systems is introduced into education.This websites front desk adopts Dreamweaver to carry on the page animation, the backstage is supported by Access database , through using the result of the dynamic webpage of ASP technolo

4、gy , reach the operation to the database in order to the request for the user.Procedure teaching websites of whole Computer Professional English includes nine parts: the course description,teacher ranks, construction of course, the online school, bulletin board,download channel,web forum for teacher

5、s and students,message board.this text is mainly to talk about four parts of them,they are the ourse description,teacher ranks,web forum for teachers and students,message board. Using this website to study the Computer Organization Principles can grasp some of knowledge, focal point and difficult po

6、int of course of the Computer Organization Principles more convenient, more flexible and more effectively, it is a kind of embodiment using Internet effectively, have higher practical value.Keywords Teaching websites;Computer Professional English;ASP; Access辽宁科技大学毕业设计（论文） 第III页目录摘要 . I Abstract . II

7、第1章 绪论 . 11.1 课程开发背景 . 11.2 课程开发的现实意义 . 11.3 相关课题发展现状 . 21.4 系统目标 . 3第2章 系统开发技术简介 . 42.1 HTML语言 . 42.2 ASP技术 . 52.2.1 ASP工作原理 . 52.2.2 ASP的优势 . 62.3 ADO技术简介 . 72.4 ACCESS数据库介绍 . 82.5 Macromedia Dreamweaver MX 2004软件说明 . 8第3章 系统概要设计 . 93.1 系统结构设计 . 93.2 系统功能说明 . 103.3 运行环境 . 113.3.1 服务器端 . 113.3.2 客户

8、端 . 11第4章 数据库设计 . 124.1 数据库分析 . 124.2 数据库中表的设计 . 144.2.1 user表的设计. 144.2.2 article表的设计 . 154.2.3 reply表的设计 . 154.2.4 area表的设计. 16辽宁科技大学毕业设计（论文） 第IV页4.2.5 board 表的设计 . 164.2.6 admin表的设计 . 174.2.7 dd 表的设计 . 17第5章 系统详细设计 . 195.1 网站主页的设计 . 195.1.1 主页的设计 . 195.1.2 课件下载模块 . 215.1.3 课程作业模块 . 225.1.4 历届试题模块

9、 . 235.1.5 试验软件模块 . 235.2 课程描述设计 . 245.3 教师队伍设计 . 265.4 课程建设设计 . 285.5 习题宝库设计 . 305.6 学生空间设计 . 325.7 师生论坛设计 . 335.7.1 论坛模块结构设计 . 335.7.2 论坛模块功能说明 . 335.7.3 论坛首页 . 335.7.4 用户登录 . 345.7.5 新用户注册 . 365.7.6 发表帖子 . 375.7.7 浏览帖子 . 395.7.8 回复帖子 . 405.7.9 论坛后台管理 . 41第6章 系统测试 . 436.1 测试计划 . 436.1.1 测试项目 . 436

10、.1.2 测试人员 . 43辽宁科技大学毕业设计（论文） 第V页6.2 测试结果 . 436.3 测试分析 . 44结论 . 45致谢 . 46参考文献 . 47附录A . 48附录B. 57辽宁科技大学毕业设计（论文） 第1页第1章 绪论1.1 课程开发背景随着计算机网络通信技术和Internet的飞速发展，基于因特网的计算机网上远程教学已经开始成为一种全新的教学手段，并且越来越受到人们的关注。由于网上教学具有时效性、共享性、交互性和个别化等诸多特点，因此它有着传统教学模式无法比拟的优点，它创造了一种全新的教学模式，打破了传统教学模式在时间、空间上的限制，采用了先进的教学手段和教学方法，可以

11、大大提高教学效率和教学效果，使教学活动上了一个新台阶。蓬勃兴起的网上教育以其全新的高科技教学手段为解决我国当前资源严重短缺而教育需求日益扩大的矛盾提供了一种投资少、见效快、优质高效的解决方案，它必将成为我国未来教育发展的重要方向。因此，根据自身的特点设计一个师生间具有良好交互性的教学网站，就成为了目前我国教学网站开发面临的紧要任务。1.2 课程开发的现实意义2003年4月，教育部关于启动高等学校教学质量与教学改革工程精品课程建设工作的通知下发后，全国高校积极开展了精品课程建设工作。精品课程建设是一项复杂的工程，如何搞好精品课程建设，已经成为广大高校教师十分关注的问题。建设精品课程很重要的一个目

12、的，就是要让好的教学资源能够尽可能的被更多的人来学习使用。这样一来，精品课程网站即教学网站的开发就显得尤为重要。一门精品课程拥有大量的教学资源，我们需要将这些教学资源分门别类地发布在网站上。对于大纲、教案、实验指导书之类的文档教学资源，我们可以将它们制作成HTML网页、Flash动画、PDF或者doc文档等形式发布到网上，便于其他人查看、下载使用；对于课件，我们可以制作成PPT文件、Flash动画、Authware文件等方式发布到网上；对于大量的图片类教学资源，我们可以使用Firework提供的相册功能来处理。这样既方便了开发制作者，也方便了使用者；对于音视频类教学资源，可以将其嵌入到网页当中

13、，或者转化为Flash然后再发布。对于练习题类教学资源，可以采用doc文辽宁科技大学毕业设计（论文） 第2页件供用户下载使用。在精品课程网站上，除了发布各种教学资源外，还可以提供一些和用户、学生互动的服务。比如，学生在线提问、教师在线答疑、师生在线讨论等功能。还可以尝试网上在线考试这种新的考试方法。这个计算机专业英语教学网站的建成将提高学生的学习主动性，提高课程信息传达的及时性，实现课程多种资源的展示与交流，成为教师与学生课下交流的良好平台。1.3 相关课题发展现状课程网站搜索引擎的功能是为学生能方便地在整个课程网站中搜索他们想了解的信息。学生网页的功能是能帮助学生在学习过程中相互协作，也为学

14、生提供了一个方便的空间进行简单的网页设计和管理。从研究的结果来看，我国网络教学平台及网站建设已经进入了一个新的发展阶段，这表现在以下三个方面：1网上教学环境已经形成规模1999年，我国首次在4所普通高校开展现代远程教育试点时，网络应用水平是很低的。经过这些年的努力，网络应用水平正在大幅度提高。在调查的53所学院中，单纯利用网络发布教务文件信息、只提供课件共享点播的学院，不到10所。大多数网络学院都在网上提供了答疑、网上交流等学习支持服务，从而加强了教师与分布在各地的学习者之间的互动，增进学习者的学习效果，使我国利用网络的学习走入了新的发展水平。2适合自主学习的网上教学平台正在丰富和完善网上自主

15、学习模式正在被越来越多的网络教育学院接受和应用，一些学院在实时授课的同时，积极探索和鼓励学生采用网上自主学习方式学习。一些能够突出网上教学优势的功能得到采用，如学习自测管理、网上作业提交、作业评分管理、网上选课、分学科分课程的答疑等等。3注意到与普通高校常规教育资源相结合利用普通高校本身的办学优势，可以提高网上教学平台和网站建设的质量，降低成本。辽宁科技大学毕业设计（论文） 第3页1.4 系统目标本计算机专业英语教学网站预期实现以下目标：1信息发布方便、快捷、为用户提供全新的服务。2支持资源下载技术。3提供用户在线论坛、留言功能，增强网站的互动性。4网站维护简单、方便。5具有较好的网站安全性。

16、辽宁科技大学毕业设计（论文） 第4页第2章 系统开发技术简介通过对本系统功能及应用各方面的综合分析，本网站采用Dreamweaver作为前台设计工具，在此基础上运用平时所学的动画制作软件Flash MX 2004、图形处理软件photoshop8.0等进行辅助设计,制作计算机专业英语多媒体教学资料。后台设计采用ASP技术及Microsoft Access 2000数据库开发工具，通过ADO对象访问数据库，最终建设成一个有持久生命力兼容性、安全性、可扩展性良好并可以满足师生获取信息和服务的教学网站。下面对本网站涉及到的技术进行简要的介绍。2.1 HTML语言HTML（Hyper Text Mar

17、kup Language，超文本标记语言），它是构成网页的基础，因为程序无法控制浏览器的内存，与浏览器之间只有下载网页及上传数据的关系，所以对HTML语法必须有一定的了解。WWW上的每个网页都对应一个文件。我们浏览一个页面，要先把页面所对应的文件从提供这个文件的计算机通过Internet传送到我们自己的计算机中，再由WWW浏览器翻译成为我们见到的有文字、有图形甚至有声音的页面。这些页面对应的文件不再是普通的“文本文件”，文件中除包含文字信息外，还包括了一些具体的链接。这些包含链接的文件被称为超文本文件。和普通文本相比，超文本文件中多了一些对文件内容的注释，这些注释表明了当前文字显示的位置、颜色

18、等信息，更重要的是，在有些注释中包含了对用户计算机应做出何种反应的说明，这些注释的内容经过浏览器的翻译后就成了不同的操作。为了使各种不同类型的WWW服务器都能正确地认识和执行，超文本文件要遵从一个严格的标准，这个标准就是超文本标识语言HTML。我们也可以利用这种语言来编写超文本文件，在Internet上制作自己的WWW的主页。超文本文件的概念出现在多媒体技术迅速发展之前，现在随着多媒体技术应用的日益广泛，超文本应该改叫“超多媒体”更加合适，链接的内容已经从原来文本中的一个词或词组，发展到现在一幅图象或是图象的一部分，通过链接得到的内容也更加广泛，可以是地球另一端的某台计算机上的图片、声音、音乐

19、或者电影。但不管叫超文辽宁科技大学毕业设计（论文） 第5页本还是叫做超多媒体，WWW上各网页都是通过链接来完成相互间的访问。而要使访问正常进行，必须使这些链接能够正确地指向所要访问的网页。这些工作是通过统一资源定位器(URL)来实现的。2.2 ASP技术ASP（Active Server Page，动态服务器网页），是一种由Microsoft公司开发的服务器端的脚本语言运行环境。它是一种包含了使用VB Script或Jscript脚本程序代码的网页。当浏览器浏览ASP网页时, Web服务器就会根据请求生成相应的HTML代码然后再返回给浏览器,这样浏览器端看到的 就是动态生成的网页。ASP是微软

20、公司开发的代替CGI脚本程序的一种应用,它可以与数据库和其它程序进行交互，是一种简单、方便的编程工具。在了解了VB Script或Jscript的基本语法后，只需要清楚各个组件的用途、属性、方法，就可以轻松编写出自己的ASP系统。因为脚本是在服务器端运行的，所以Web服务器完成所有处理后，将标准的HTML页面送往浏览器。这意味着，ASP只能在可以支持的服务器上运行，服务器端的脚本无法被预先复制，用户看到的仅仅是最终产生的HTML内容。而不可能看到原始脚本程序的代码。2.2.1 ASP工作原理ASP脚本是一种服务器端的解释脚本，其后缀名为.asp。当客户端访问一个后缀名为.asp的URL时，该U

21、RL请求被发送到Web服务器于是调用相关的ASP引擎asp.dll来将该脚本加以解释。在asp.dll中包含有各种ASP内置对象的集合以及这些对象的处理信息。所以.asp由asp.dll解析后，将生成相应的HTML代码，该代码由Web服务器返回给客户端浏览器执行，于是用户就在屏幕上看到了该.asp执行的结果。ASP的工作原理如图2.1所示。辽宁科技大学毕业设计（论文） 第6页图2.1 ASP的工作原理2.2.2 ASP的优势ASP之所以能深受大家欢迎，主要是因为它所产生的执行结果都是标准的HTML格式，而且这些程序是在网络服务端中执行，它依据访问数据库的结果集自动生成符合HTML语言的网页，去

22、响应用户的请求。所有相关的发布工作由Web服务器负责。它具有以下几点优势：1灵活易用对于一个有一定脚本语言编程经验的开发人员来说，只要经过简短的学习，在一个小时内就能编出一个完整的应用程序，同时，编程人员并不能局限与使用VB Script或Jscript来编写应用程序。由于服务器提供了脚本接口，开发人员可以使用自己熟悉的语言来编制ASP应用程序，甚至开发人员还可以在同一个页面中混合使用多种编程语言。2强大的可扩充性除了可以让开发人员自由选择编程脚本外，ASP还可以在页面中嵌入ActiveX组件，并支持COM技术，使得ASP页面的功能得到了极大的扩充。辽宁科技大学毕业设计（论文） 第7页3无需编

23、译ASP使用普通的文本编辑器，如Windows的记事本，即可进行编辑设计。与浏览器无关。用户端只要是用可执行HTML代码的浏览器，无需编译，即可浏览用ASP设计的网页内容。4独立于浏览器目前流行的浏览器有IE和Netscape Navigator，用以往的开发工具所开发出来的代码由于是要下载到客户端浏览器运行，所以同一段代码往往会在不同的浏览器上产生不同的效果。而ASP是在服务器端运行的脚本，其传递给客户端的均是经服务器运行输出的标准HTML代码，所以能独立于浏览器运行。2.3 ADO技术简介ADO（ActiveX Data Objects，动态数据对象），实际上是一种提供访问各种数据类型的连

24、接机制。客户端应用程序能够通过 OLEDB（微软的战略性的通向不同的数据源的低级应用程序接口）提供者访问和操作在数据库服务器中的数据，ADO支持用于建立基于客户端/服务器和 Web 的应用程序的主要功能。其主要优点是易于使用、高速度、低内存支出和占用磁盘空间较少。ADO 同时具有RDS（远程数据服务）功能，通过 RDS 可以在一次往返过程中实现将数据从服务器移动到客户端应用程序或 Web 页，在客户端对数据进行处理然后将更新结果返回服务器的操作。ADO对象模型中包括7个对象和3个集合，其中最重要的3个对象的说明如表1.1所示。表1.1 ADO重要的对象对象Connection(连接对象)Com

25、mand(命令对象)Recordset(记录集对象) 描述 用来建立数据源和ADO程序之间的过程 用来嵌入SQL查询，包括对存储过程的调用 用来浏览及操作实际数据库内的数据辽宁科技大学毕业设计（论文） 第8页2.4 ACCESS数据库介绍Access是微软公司推出的基于Windows的桌面关系数据库管理系统（RDBMS），是Office系列应用软件之一。它提供了表、查询、窗体、报表、页、宏、模块7种用来建立数据库系统的对象；提供了多种向导、生成器、模板，把数据存储、数据查询、界面设计、报表生成等操作规范化；为建立功能完善的数据库管理系统提供了方便，也使得普通用户不必编写代码，就可以完成大部分数

26、据管理的任务。Access数据库具有大型数据库的一些基本功能，支持事物处理功能，Access不仅是数据库管理系统，而且还是一个功能强大的开发工具。本系统选择使用Access，主要是因为：Access数据库相比SQL要简洁，容易操作和管理。2.5 Macromedia Dreamweaver MX 2004软件说明Macromedia Dreamweaver MX 2004是集网页制作和网站管理于一身的网页编辑软件，是一套针对专业网页设计者和开发者的可视化网页开发工具。它具有功能强大、代码简洁和操作方便等特点，利用它可以轻而易举地制作出跨越平台限制的充满动感的网页。开发人员可以将其选择的服务器技

27、术与Dreamweaver配合使用，建立将用户连接到数据库、Web服务和系统强大的Internet应用程序。Dreamweaver是专业网页设计、网站管理、网页可视化编辑的软件。它采用了多种先进技术，如利用Dreamweaver的Roundtrip HTML技术让用户可以随意导入HTML文件而无需重新设置代码格式，用户还可以利用Dreamweaver MX 2004清除或重新格式化HTML代码，实现代码的优化，使网页创作过程变得非常简单。同时Dreamweaver还提供了强大的设计工具，在不用书写一行代码的情况下，就能够快速创建各种极具动态HTML特性的网页，例如动画和分层等；利用Dreamw

28、eaver的目标浏览器检查特性，可以创建兼容性极好的网页，以适用于各种平台和各种浏览器。辽宁科技大学毕业设计（论文） 第9页第3章 系统概要设计3.1 系统结构设计根据本教学网站的特点，可以将其分为前台和后台两个部分设计。前台主要实现信息浏览、资源下载、在线论坛和留言等功能，后台主要用管理员对网站前台信息、论坛及留言进行管理。我们把该教学网站设计为八大模块，分别是用户系统、课程描述、教师队伍、课程建设、在线学习、下载频道、师生论坛、和留言板。整个计算机专业英语教学网站的系统结构如图3.1所示。图3.1 网站系统结构图师生论坛模块的系统结构分为师生论坛前台主页和系统论坛后台。师生论坛前台主页结构

29、如图3.2所示。师生论坛系统后台结构如图3.3所示。辽宁科技大学毕业设计（论文） 第10页图3.2 师生论坛前台模块结构图图3.3 师生论坛后台模块结构图3.2 系统功能说明1 课程描述模块介绍了计算机专业英语课程的历史沿革、课程内容、教学计划等相关的课程描述。2教师队伍模块介绍了课程主要负责人情况、教师队伍情况以及本学期的教师日历。3课程建设模块包括我院计算机专业英语课程教学环境、教学方法及教学手段、辽宁科技大学毕业设计（论文） 第11页学院的政策措施等相关内容。4习题宝库包括习题练习以及考试题型。其中在线辅导包含了计算机专业英语各章节的教学目的、课程的主要内容及教学的重点和难点。5下载频道

30、帮助学生下载课件、作业、历届试题、相关软件等课程资源。6论坛主要用于让学生和老师进行一些教学答疑或是学术探讨。7留言板主要收集一些用户对于网站的意见或建议，以便对网站进行改善。3.3 运行环境3.3.1 服务器端软件环境：1操作系统：Windows 2000 Server2Web服务器：IIS5.03数据库服务器：Access20004浏览器：IE5.0硬件环境：1CPU P42内存 IBM 512MB3硬盘 ST 60GB3.3.2 客户端软件环境：1操作系统：Windows 2000 Server2浏览器：IE5.0硬件环境：1CPU P42内存 IBM 512MB3硬盘 ST 60GB辽

31、宁科技大学毕业设计（论文） 第12页第4章 数据库设计根据本教学网站的实际需求和数据流量的大小，决定使用小型数据库作为本网站数据库，Access数据库具有操作简单、使用方便、性价比高等诸多优点，于是本教学网站采用了Access数据库。4.1 数据库分析针对网站功能结构分析，本教学网站可能涉及到的数据项和数据结构如下：1. 用户基本信息包括的数据项有用户名、用户密码、E-mail等基本信息。 2 .管理员基本信息包括的数据项有管理员名称、管理员密码等基本信息。3. 论坛文章基本信息包括的数据项有文章标题、文章内容、工作区域名称、发表时间等信息。4. 用户留言基本信息包括的数据项有留言内容、留言者

32、姓名、留言者QQ等信息。为了保证数据库的安全性，我们做了以下工作：需要用户注册登录后才能进入论坛或留言系统。根据上面的分析，设计规划出的实体主要有用户实体、管理员实体、论坛文章实体，工作域实体、用户留言实体。其中我所负责设计的模块所涉及的实体有四个，它们是用户实体、管理员实体、论坛文章实体，工作域实体各实体。各实体E-R图描述如下：用户实体E-R图如图4.1所示。辽宁科技大学毕业设计（论文） 第13页图4.1 用户实体E-R图管理员实体E-R图如图4.2所示。图4.2 管理员实体E-R图论坛工作域实体E-R图如图4.3所示。图4.3 论坛工作域实体E-R图论坛文章实体E-R图如图4.4所示。辽

33、宁科技大学毕业设计（论文） 第14页图4.4 论坛文章实体E-R图4.2 数据库中表的设计数据库的内容以及表的设计直接影响到开发的系统的质量，好的设计可以达到方便易用的功能。根据系统的要求,我们采用的数据库是Microsoft Access，系统拟建三个数据库文件即师生论坛数据库Lily.mdb、留言板数据库admin.mdb和管理员数据库db.mdb。由我设计的模块所涉及的数据库文件是师生论坛数据库Lily.mdb和管理员数据库db.mdb，其中Lily.mdb数据库中包含的表有用户表user、发表文章表 Article、留言模块表board、回复文章表reply和工作域表area；db.m

34、db包含的表是表admin和表dd。4.2.1 user表的设计设计数据库表user，用来存放注册用户的信息，包括用户序列号、用户名、密码、性别、注册时间、电子邮件、个人签名、是否管理员等。user表的结构如表4.1所示。辽宁科技大学毕业设计（论文） 第15页表4.1 user表结构字段名称 userID UserNick UserName UserPWD ArticleNum E_mail数据类型 自动编号 文本 文本 密码 数字 文本说明编号，是用户内容的关键字段，设为主键用户昵称用户姓名，设为必填内容 用户密码，设为必填内容发贴次数 用户邮箱4.2.2 article表的设计在数据库Li

35、ly.mdb中，设计一个aticle表，该表是用于保存论坛中所有用户所发帖子的信息的，包括帖子序号、主题、内容以及发帖用户名、时间等。aticle表的结构如表4.2示。表4.2 aticle表结构字段名称 articleID UserName PostTime Replytime BoardNameTitle Content ReadCount ReplyCount数据类型 自动编号 文本 日期/时间 日期/时间 文本 文本 备注 数字 数字说明帖子序列号，并将该字段设置为主键用户姓名，不能为空 发帖时间，默认值为“Now”回复帖子时间， 选择要讨论的工作域帖子主题 帖子内容 读帖次数 回帖次

36、数4.2.3 reply表的设计在数据库Lily.mdb中，设计一个reply表，该表是用来保存论坛中所有用户所回复帖子的信息，包括回帖序号、被回复帖子的序号、作者用户名、所在工作域名、回辽宁科技大学毕业设计（论文） 第16页帖时间、回复内容。reply表的结构如表4.3所示。表4.3 reply表结构字段名称 replyID articleID UserName BoardName PostTime Content数据类型 自动编号 自动编号 文本 文本 时间 备注说明帖子序列号，并将该字段设置为主键被回复主题帖子的序列号 用户姓名，设为必填内容 选择要讨论的工作域帖子主题 帖子内容4.2.

37、4 area表的设计在数据库Lily.mdb中，设计一个area表，该表用于保存论坛中所有用工作域的信息，包括工作域序号、工作域名称、域主姓名1、域主姓名2、域主姓名3。area表的结构如表4.4所示。表4.4 area表结构字段名称 areaID areaName Manager1 Manager2 Manager3数据类型 自动编号 文本 文本 文本 文本说明工作域序号，并将该字段设置为主键工作域名称，不能为空 版主姓名，不能为空 版主姓名，不能为空 版主姓名，不能为空4.2.5 board 表的设计在数据库Lily.mdb中，设计一个board表，该表是用来创建留言板版面信息，包括自动编号、版块名称以及创建者。辽宁科技大学毕业设计（论文） 第17页表4.5 board表结构字段名称 BoardID AreaID BoardName Manager1 Manager2数据类型 自动编号 自动编号 文本 文本 文本说明工作域序号，并将该字段设置为主键工作域序号，不能为空 版快名称，不能为空 版主姓名，不能为空 版主姓名，不能为空4.2.6 admin表的设计设计数据库表admin，用来实现对留言的维护和删除，即存放管理员的帐户和密码。admini 表的结构如表4.5示。表4.6 admin 表结构字段名称 adm