网络课程学习网站系统的设计与实现

信息工程学院

毕业论文（设计）

网络课程学习网站系统的设计与实现

专业：

班级：

姓名：

学号：

指导教师：

2017 年 3 月 23 日

网络课程学习网站系统的设计与实现

网络课程学习网站系统的设计与实现

信息工程学院信息与计算科学专业

2012032636 张XXX 指导教师：XX

【摘要】目前各个高校中，计算机专业课程具有知识体系更新较快，目的性强的特点。随着时代的进步与发展，高校逐渐将提升学生动手能力及创新能力等综合素质作为首要任务。当前时代的进步导致各行各业都积极利用计算机、网络等技术提升自身竞争力，同样高校教学也不例外，当今已是数字信息时代，所以利用计算机多媒体进行教学势在必行。但是当前的实际情况确实，虽然各个高校积极利用电脑多媒体，但教学的内容却不落俗套，只是简单的教材搬家而已，老师只是将课本内容转移到电脑上，利用幻灯片的方式进行教学，这种方式与传统的书本教学实质确实一样的，并没有进行实质的创新。此种简单的搬家式教学并没有实现以学生为中心，还是从教师的角度进行教学，忽视了以学生为主体，忽视了培养学生的动手能力和创新意识等综合素质。根据当前这种情况，结合当前高校这样嫁接式教学的弊端，制定出一种集成网络课程教学网站系统与教学管理等系统的高校教学信息化整体解决方案。利用教学信息化的理念，结合实际的技术理论，提出了一整套创新型的信息化教学方案，系统采用PHP技术实现，并利用轻型快速的MYSQL数据库为数据源，采用开源的apache为服务器进行系统的实现。

【关键词】毕业论文；毕业设计；教学；高校；信息化

Computer courses teaching support

website—Student subsystem design and

implementation

Information Engineering School of information and Computing Science

2012032636 XXX Instructor: XX

【Abstract】At present, the curriculum of computer science has the characteristics of quick updating of knowledge system and strong purpose. With the progress and development of the times, colleges and universities gradually improve the overall quality of students' practical ability and innovation ability as the primary task. The current era of progress in all walks of life are actively using computer and network technology to enhance the competitiveness of their own, the same teaching is no exception, now is the era of digital information, so the use of computer multimedia teaching is imperative. But the current situation, although various colleges and universities actively using computer multimedia teaching, but the content is simply moving materials conform to no conventional pattern, only, the teacher just transferred to the computer on the contents of the textbooks, teaching the use of slide ways, this book teaching essence and the traditional did the same, and no substantive innovation. This simple move teaching did not realize the student-centered teaching, or from the perspective of teachers, ignore the student-centered, ignore the cultivation of students' practical ability and innovative consciousness and comprehensive quality. According to the current situation, combined with the disadvantages of the current college teaching of grafting, we have developed an integrated solution for the integration of network teaching website system and teaching management system. The use of information technology teaching concept, combining theory with practice, put forward a set of innovative teaching scheme, system uses PHP technology, and the use of light and fast MYSQL database as the data source, using open-source Apache server system.

【Key Words】Graduation design; Graduation thesis; teaching; colleges and universities; informatization

目录

1.引言 (1)

2.系统开发技术简介 (1)

2.1 HTML语言 (1)

2.2 PHP技术 (2)

2.3 MYSQL (2)

2.4 基于B/S结构开发 (2)

3.系统需求分析 (3)

3.1系统的性能要求 (3)

3.2系统功能需求分析 (3)

3.2.1功能划分 (3)

3.2.2功能简介 (3)

3.3用例模型 (4)

3.3.1学生用户用例图 (4)

3.3.2教师用户用例图 (4)

4.系统设计 (5)

4.1系统结构设计 (5)

4.2系统数据模型设计 (5)

5.系统的实现 (7)

5.1网站首页 (7)

5.2教师团队 (8)

5.3教学资源 (8)

5.4用户登录 (9)

5.5论坛界面 (9)

5.6论坛帖子 (10)

5.7帖子详情 (10)

5.8提交作业 (11)

5.9课程教学通知 (11)

6.课程网站系统的测试 (12)

6.1软件测试简介 (12)

6.2功能测试 (12)

6.结束语 (12)

参考文献 (13)

致谢 (13)

1.引言

当前我国的办学教育水平与质量还有许多不足之处，这就需要我们从各个方面不足自己的短板，增强我国的办学质量，提高教学水平。为此，我国早就于2002 年开始建设高校网络课程工程。当前我国的教学改革已经深入推进，其中网络课程改革是高校提升自身实力，增强办学水平的重要手段。目的便是使我国的教师队伍，教学资源与管理，教学方法和内容都有长足的进步。对于怎么样将信息化教学充分的融入到当前我国的教学环境中，是当前许多研究机构的研究热点。其中在研究热点中在网上如何进行教学又是研究的重中之重，网上教学起到了画龙点睛的作用，如果网络教学核心能做好，那么对于信息化教学将是极大的助益。网上教学如果建成并投入使用，无疑会令信息化教学有了规律可循，这种模范带头作用可改进当前的教学质量以及提升教学理念，并同时给教育行业带来改革的充足动力。当前我国很多高校虽然已经实行了网上教学，但是它仅仅只是将课本照搬进电脑，并没有实质的作用，局限性还较大，这种辅助教学手段没有使得网上教学充分发挥其应有的活力，对当前的教育水平的提升没有多大的帮助。并且各个学科之间有自己的一套系统，没有统筹兼顾，化零为整，很难做到统一，不能将网络资源进行有利整合。更没有与现存的许多教师管理系统，学生管理系统等等融合在一起。所以当前的网络教学在信息化的改革浪潮中还处于孤立的状态，怎么样创建一套信息完整、教学实用的网络教学系统是势在必行的。

本系统立足实际，结合当前的教学现状，以及当前的技术水平开发研制出得网络课程学习网站系统采用当下最流行的B/S架构模式，B/S架构既浏览器/服务器架构模式，客户端使用win7或者XP系统+任何浏览器，服务器采用win2008 server 与ASP进行搭建，数据库采用轻型数据库MYSQL。网络课程教学网站系统包括教学信息、教学资源、用户论坛、在线作业等功能模块。

2.系统开发技术简介

通过对系统的前期调研，根据需求分析，功能分析，以及结合实际的情况，本系统总体框架采用BS架构模式，相较传统的CS模式，用户不用下载客户端，只需要打开浏览器并输入固定的网站地址即可进入本系统，方便快捷。系统进行维护升级的时候也不需要用户去做任何更改，只需要网站管理员在服务器端更新维护即可。为了前台美观，采用Dreamweaver 为前台样式设计软件，进行网站的排版布局。由于网站需要用到大量图片，故采用Photoshop 进行图片的处理。前台页面主要由PHP嵌入HTML页面以达成动态系统的要求，系统数据库采用快速轻型数据库mysql进行数据的存储。最终目的是开发完成安全健壮，实用通用的课程教学网站。以下是对本系统所使用到技术的简单描述。

2.1 HTML语言

超文本标记语言就是我们所说的HTML语言，之所以我们能在电脑上看见如此丰富多彩的网页画面全都要归功于HTML，他是所有网页的基础，无论使用何种语言，到了用户这里都会被浏览器翻译成HTML语言，因为浏览器只有翻译HTML语言才能将画面展现出来。所以对于每一个学习计算机以及网页制作的人来说超文本标记语言都是必须要精通的一门技术。在网页中，每一个网页在都是一个文件储存。每当我们去查看一个网页时，客户端会向服务器端发送请求，然后服务器会将网页所对应的文件内容通过网络传送到我们的浏览器中翻译成为我们所能看的文字和图形，以及视频与声音。HTML网页文件不是简单的文本文件，它以.html 结尾的文件，其中包含有各种具体链接、各种标签以及文件内容的注释。通过这些标签定义网页内容类型，文字颜色，模块位置等等。通过计算机浏览器的翻译，浏览器便产生了丰富多彩的画面。有于浏览器有各种版本与厂家，所以就必须对网页内容的定义格式有一个统一的标准，这就是HTML语言所定义的格式内容。

2.2 PHP技术

PHP是一种开源的脚本语言，是当前较为主流的一种前段开发语言，他的全称是Hypertext Preprocessor，具有许多跨平台，语法简单易学，上手快，开发快，支持框架较多，开源免费等优势，具有庞大的用户人群。非常适合嵌入HTML中进行网页系统的开发。本系统便是利用PHP的这一技术特点，将PHP语言嵌入进HTML页面中进行动态页面的开发。PHP 技术语法的特点，与C语言相类似，并汲取Java等其他主流语言的精华，可谓汲取百家之长，所写的程序健壮，容易维护。

PHP具有以下优点：一是性能强并可以跨平台使用，实现一套代码多处使用的目的，即用户在windows品台开发部署，将来如果换成Linux的服务器也可照样部署，节省人力物力。二是php的语法较为简单，如果在学习PHP之前有过其他语言的开发经验，比如c语言或Java 语言，那么使用PHP语言将会变得非常轻松。因为PHP语言与这些语言相类似，语法都有相通之处，非常容易上手。如果之前没有任何开发语言的基础，php也简单易学，网上就有许多免费教程，并且php也很容易学习。三是PHP是当今较为流行的编程语言，具有强大的主流技术支持，例如AJAX、WEBService等等，支持它的数据库有mysql、oracle、SqlServer等等主流数据都很好支持PHP。

2.3 MYSQL

数据库经过了长时间的发展也是日新月异，起初是人工管理的方式，这种管理模式数据量大，所以造成了操作繁琐，效率低等后果。人工管理之后是文件系统，相交人工管理，文件系统在效率方面有了较大提升，但检索还是较麻烦，发展到今天的数据库管理，用户很轻松的可以对数据进行存储、查询。关系型数据库更是提供了对数据更高级和更有效的管理。Mysql数据库功能强大，且安装使用都较为灵活简单，学习起来也较容易它是关系型数据库管理系统，使用人群数量庞大，由Oracle公司子公司进行开发。Mysql是最流行的关系型数据库管理系统，它把数据存储在数据库表中，在表中由行和列组成。表与表之间的数据记录有关系，它们之间可以用外键进行关联。用户通过查询来检索数据库中的数据。MySQL对Java 有很好的支持，Java只需要一个驱动类就可以和MySQL进行通信，对MySQL数据库进行增删改查的操作。MySQL数据库使用sql语言进行数据库的操作，sql语言简单易学，并具有通用性，主要分为几大类：一是数据操纵语言，用来操纵数据库中数据的命令，包括：select、insert、update、delete。二是数据定义语言，用来建立数据库、数据库对象和定义列的命令。包括：create、alter、drop。三是数据定义语言，用来建立数据库、数据库对象和定义列的命令。包括：create、alter、drop。四是其他语言元素：如流程控制语言、内嵌函数、批处理语句等。

2.4 基于B/S结构开发

本系统采用的是B/S架构，这主要是根据系统特性所考虑的，B/S全称是Brower-Server，就是浏览器到服务器。用户使用的时候只需要打开任意一款浏览器，输入系统地址进入即可，完全相当于我们浏览互联网上的网页，目前这种模式被广泛应用。因为用户在使用上是非常便捷的，只需要在浏览器中登录即可，不需要像传统的CS架构的软件需要下载客户端。并且软件的升级也非常方便，只需要开发人员在服务器上进行升级，并不需要用户去操作什么，这相较于之前BS架构的软件，用户每次升级软件需要重新下载客户端来说非常方便。B/S架构也具有非常高的安全性，由于程序和数据库都保存在服务器端，所以保证了系统的稳定性和安全性。采用BS架构的系统还能充分发挥客户端电脑的性能，因为系统的运行全在服务器上，所以打开网站系统不需要耗损太多的客户端电脑性能，使得客户端电脑运行更加流畅，提高用户体验。此外在网络飞速发展的今天，尤其是移动网络的发展，使用BS架构会方便后续移动应用系统开发，如果后续需要用的移动端系统，那么只需要根据需求提供接口即可，节省开发成本。

3.系统需求分析

根据第一章所定义的课题研究方向及目标，本章将对系统功能进行具体的需求分析，具体分析课程网站--网络课程网站系统所要实现的功能以及欲达到的效果。

3.1系统的性能要求

（1）磁盘容量要求：

由于系统采用的是B/S构架模式，所以对数据的容量要求不是很大，所以系统采用轻型数据库MYsql足以支持网站的运行。但是由于是该系统传输很多文件，如讲课视频文件，学生上传的作业，所以即要求硬盘越大越好，预计最低500G容量。在系统正常运行情况下，如果硬盘的容量不是很大，那么就需要网站管理员经常性的维护硬盘空间，删除不必要的文件，尤其是视频文件会占用较大容量。如果不及时清除无用文件腾出空间，一旦服务器硬盘空间已满很有可能会造成系统不能正常运行。

（2）安全性要求：

为了安全性考虑，本系统必须要有严格的权限设置，本系统的权限分为三种：管理员，教师，学生。每种权限用户都有不同的操作功能。其中管理员的权限是最大的，可以对系统任何功能进行操作，老师和学生具有部分固定的功能，两者不能相互越权操作。

（3）适应性要求：

为了减少系统的学习时间，使得任何人都可进行操作，这就要求系统必须要有有好的界面，良好的用户体验。尤其是功能菜单必须要简单易懂，结构清晰，减少学生和老师的学习成本。

3.2系统功能需求分析

系统采用B/S架构，可以在线提供学生学习，做作业，测试等功能。教师可以通过系统进行作业的发布，课程的发布等功能，同时提供论坛功能，以供学生进行学业的讨论。学生通过系统在网上做完老师布置的作业后即可在网上进行提交。老师在收到学生提交的作业后即可进行查看。

3.2.1功能划分

网络课程网站根据不同的使用者（教师和学生），可以分为两个部分：

一是面向教师用户部分，教师用户的部分内容包括文章审核、公告管理、教程管理、课件管理、论坛模块管理、退出功能；

二是面向学生用户，学生可以查看老师发布的课程消息，并在系统下载所需要的资料，完成老师布置的作业，并通过论坛和同学进行学业的交流。

3.2.2功能简介

1.登陆功能：使用此系统，必须要每个学生和老师使用自己的账号登录才能进入系统。同时考虑实际情况，作为一个基本的登陆系统，应具有以如下功能：

（1）本系统根据安全性考虑，不允许任何人进行在线注册，新用户都必须要由管理员统一分配账号，一般以学生的学号作为登录账号；

（2）实现用户的登陆；

2.课程简介功能：该模块提供了本次课程的主要简介，教师信息以及教学条件等要求。

3.课件下载功能：用户进入此模块后找到需要的下载的文件，直接点击即会弹出下载提示，点击确定即可将文件下载到本机电脑以供学习。

4.上传功能：上传功能主要是老师上传资料以供学生下载使用，学生上传作业以供老师查看。用户必须以登录学号的形式上传。

5.论坛功能：论坛为学生提供了畅所欲言，排疑解难的作用，在论坛中学生可自由进行交流，分享学习心得，提出问题或者帮助别人解决问题。

6.公告功能:当有重大事件需要告知学生时，之前都是通过电话或者通过学生口耳相传，

此种方法耗费财力且效果不明显，当老师在网站发布公告后学生即可在网站最醒目的地方看见。

7.文章搜索功能：由于系统功能模块较多，且老师经常会发布一些文章资料，如果时间一长，那么之前发布的文章或资料便会难以找寻，系统提供的文章搜索功能可以通过文章名字关键字进行模糊搜索，将相似的文章名的资料展现出来。

3.3用例模型

3.3.1学生用户用例图

图3.1是学生用户对该网站进行操作的用例图。图3.2是教师用户对该网站进行操作的用例图。

退出系统

图 0.1 学生用户用例图

3.3.2教师用户用例图

上传资源

图 0.2 教师用例图

4.系统设计

4.1系统结构设计

根据需求分析，网站的总体设计机构如图4.1所示：

图4.1 网站系统结构图 4.2系统数据模型设计

系统包含以下几种实体：，课程，课程资源，课程作业提交，用户，论坛板块，发帖文章，发布课程通知。

实体描述：

A 、 用户（用户名，学号\教师号，账户类型，学生分组，账户密码，账户问题、账户答案）

图 0.2 用户表结构

B 、 板块分类（板块名称、板块ID 、板块所属分组）

图4. 1 网站系统结构图 图 0.1 网站系统结构图

图 0.3 板块分类表结构

C、发帖文章（贴I

D、帖子名称、帖子类型、发帖用户ID、发帖内容、发帖所属板块）

图 0.4 发帖文章表结构

D、回复帖子（回复ID、回复帖子ID、回复用户ID、回复类型、回复楼层编号、回复内容、

回复时间）

图 0.5 回复帖子表结构

E、分组（分组ID、分组名称）

图 0.6 分组表结构

F、论坛附件（所属帖子ID，文件名，文件类型）

图 0.7论坛附件表结构5.系统的实现

5.1网站首页

图 0.1 网站首页

5.2教师团队

图 0.2 教师团队5.3教学资源

图 0.3 教学资源

5.4用户登录

图 0.4 登录界面5.5论坛界面

图 0.5论坛界面

5.6论坛帖子

图 0.6 论坛帖子列表5.7帖子详情

图 0.7帖子详情

5.8提交作业

图 0.8 提交作业状态

5.9课程教学通知

图 0.9 老师状态下的通知公告

6.课程网站系统的测试

6.1软件测试简介

我们测试的主要目的在于模拟真实的环境，将系统置于我们将来系统可能运行的环境中，包括各种开发软件的版本，各种操作系统，已经互联的内网中。看系统在运行之后会不会出现什么问题，或存在已知的漏洞。看功能流程是否符合预期，并能真正对学校的宿舍管理起到真正的辅助作用。系统测试是针对整个产品系统进行的测试，目的是验证系统是否符合预期中所要实现的具体功能，找出功能与实际存在不符合的地方。刚刚做出的系统可定会存在这样那样的问题，只有经过仔细测试才能发现问题。如果将系统中存在的问题带入到真正的环境中去那么就很有可能会带来利益上的损失。尤其是对于学校这种管理上的系统，一旦出现错误，将很可能会使宿舍管理陷入瘫痪状态。所以在系统正式运行前的测试是很有必要且是必须的。它对系统将来正常稳定的运行有着必不可少的作用。

测试主要是人员进行功能上的测试，有经验的人员会清楚测试的重点，知道在哪些地方会比较容易出现错误，在测试技术方面经验也比较丰富，而测试也需要一定的技巧性和耐心。但有些测试是可以借助一些测试软件或工具的。好比压力测试、性能测试等等，但这种测试并不适用所有系统，且并不是主要的，还较能浪费成本，这些测试方法只能起到辅助作用。通常情况下，手动测试占据绝大部分，根据系统的实际情况本系统采用手工测试的方式。

黑盒测试：它是在用户知道系统已有功能的前提下，测试系统中每个功能模块的功能是否符合预期，是否存在BUG，以及是否流程能够全部跑通。在测试的整个过程中，程序就像一个盒子一样，只能从外部进行观察，测试人员严格按照指定的需求说明书进行操作，查看功能是否能够正常使用，测试数据是否正常传输与轮转，且符合需求的要求。是把所有可能出现的输入情况逐个测试，只有这样才能找出所有的错误。

白盒测试就是已知系统代码实现的整个流程，数据运转的整个方式，可以通过测试来确定程序内部是不是按照预先设想的那样就行正常运行，并检查程序的每一条支路是否是按照约定的那样，数据按照设想的那样进行流转，进而测试整个系统是不是结构正确，流程统一。“白盒”测试法可以全面掌握程序内部逻辑结构和运行状态。

6.2功能测试

在上一章节中介绍了有关测试的概念和一些测试方法，虽然测试方法很多，但是测试是一项非常复杂的工作，不可能对每一个可能出现的情况都一一测试到。下面仅仅举一个用户登录的例子来说明对网站系统所做的功能测试。

在用户登录的时候，要求用户名和密码是必须填写的信息。本测试主要是通过对输入的用户信息进行分析与判断，得出预期的输出结果。然后将实际的输出结果与预期的输出结果进行比较，得出最终的结论。当用户名和密码输入错误时，系统会提示用户名密码输入错误，当输入正确时系统跳转到系统首页。这说明系统此功能正确。

6.结束语

本网站利用PHP和Mysql数据库进行设计，重点介绍了网络课程网站系统的实现过程：包括系统分析、系统调查、数据流程分析、功能设计、数据库设计、系统物理配置方案、系统实现、网站测试和调试。本网站管理系统的特点：功能基本满足学生在学习过程中所需要的功能，可以在论坛中与学生和老师进行交流，下载所需要的课程资源以及老师对教学过程中的信息进行及时的通知。在网站设计中肯定存在着很多不足之处，由于我是初学者，涉及的能力有限，但是我相信在学习的过程之中我会使这个网站更加完善、完美!

参考文献

[1] Jensen，R. Information Cost and Innovation Adoption Policies，Management Science. Vol.34，No.2，Feb，1988

[2] Gobeli D H，Brown D J. Improving the process of product innovation. Research，Technology Management，1993. 36（2）:46-49

[3] Burnett K. “Key Customer Relationship Management”，Pearson Education

[4] “The CRM Phenomenon”，white paper，Magic Software Enterprises Ltd.，2000

[5] Andrew L. Zacharakis，G.Dale Meyer. A Lack of Insight: Do Venture Capitalists Really Understand Their Own Decision Process? Journal of Business Venturing (1998) 13: 57-76

[6] Dragdon A．“Jane’s Adventure in CRM Land”．CRM Strategy．May 2000

[7] 齐佳音，李怀祖．客户关系管理的体系框架分析[J]．工业工程． 2002 第1期．4-8

[8] 夏安邦，孙欣．对当前CRM研究的综述和讨论[J]．中国制造业信息化，2004 第5期．2-3

[9] 高海清．客户关系管理系统的实现和应用[J]．中国计量，2007，11（3）：37

[10] 朱建江．浅谈CRM及其在企业中的应用[J]．科技情报开发与经济，2007，17：181-182

[11] 李志刚．基于internet的客户管理系统eCRM的分析与设计[J]．中国管理信息化，2008，10：5-7

[12] 段寿建，张旭洁，胡绍波，李忠态．基于JavaScript和PHP的多级联动下拉菜单的设计与实现[A]．AECC专题学术研讨会论文集[C]．2007，8：24-25

[13] 邹天思，孙鹏．PHP从入门到精通[M]．北京：清华大学出版社．2008，8：24-125

[14] 黄桂金，于永军，唐友明．PHP+MYSQL完全自学手册[M]．北京：清华大学出版社．2008，4：12-80

[15] 张银鹤，肖新峰，崔程．PHP+Ajax网站开发经典实例[M]．北京：电子工业出版社．2009，2：66-113

致谢

通过这次毕业设计，我从一个只懂理论的学院派蜕变成了真正的动手能力强的IT人员，将理论转变为实践的过程是痛苦的。在这一过程中经历了许多，也学到了许多，从脑子里全是概念到信手拈来的代码编写，不仅仅是知识的增加，更重要的是学会了该如何学会坚持，如何克服困难的能力。

在这里我要感谢我的导师，导师具有渊博的专业知识，并具有高尚的师德，为人平易近人，对待工作更是精益求精，充分发扬着新时代的工匠精神。导师为人宽以待人，但却严于律己，在工作中总是对自己要求严格，不予许出现失误。从导师那里我学会做事认真的重要性，并学会了为人处世的原则。在这次毕业设计过程中，导师给我提供了许多帮助，并不厌其烦为我指点迷津。在论文编写的过程中，导师总是不厌其烦的帮我查找论文的错误之处，为此耽误了导师许多宝贵的时间。在这里由衷的感谢我的导师对我的帮助。其次我要感谢我的同学，使他们经过多个日日夜夜一起帮我查阅资料，一起和我想设计思路并提供宝贵的意见。

最后再次感谢我的导师，从他那里我学会了做人的道理和精益求精的做事态度，感谢大学这几年教导我的老师，感谢他们无私的传授于我们知识。感谢同学大学这几年在生活中和学习中给予我的帮助和鼓励。感谢我的家人一直默默地奉献，在背后支持我。