【《教学互动网站的设计与实现》15000字】

PAGE13PAGE14教学互动网站的设计与实现目录TOC\o"1-3"\h\u1导论 1.1教学互动网站的调研 1.2课题背景 1.3课题研究目的及意义 1.4国内外研究现状 1.5研究方法 2相关技术介绍 2.1JSP技术简介 2.2JAVA简介 2.3B/S结构 2.4Mysql数据库简介 3系统分析 3.1系统目标 3.2可行性分析 3.2.1经济可行性 143.2.2运行可行性 143.2.3管理可行性 143.2.4技术可行性 153.3需求分析 3.3.1系统功能分析 153.3.2运行需求分析 163.3.3运行环境需求 173.3.4性能需求 173.3.5安全需求 173.3.6可靠性需求 173.4业务流程分析 3.5数据信息分析步骤 3.5.1系统软件操作步骤 193.5.2数据信息增加步骤 203.5.3数据信息修改步骤 203.5.4数据信息删除步骤 214系统设计 4.1系统开发步骤 4.2系统开发流程 4.2.2系统体系结构设计 244.3功能模块设计 4.4数据库概念结构设计 4.5数据库逻辑结构设计 5系统实现 5.1首页实现 5.2登录模块实现 5.3用户信息管理模块实现 5.4密码信息管理实现 325.5帖子和评论的实现 5.6网络课堂模块的实现 5.7学习资料模块的实现 5.8资源查询模块的实现 5.9配课信息模块的实现 5.10在线交流模块的实现 6软件测试与评价 6.1程序的测试 6.2测试用户注册模块 6.2测试用户登录模块 6.2测试网站的主体功能模块 6.3测试学生管理模块 6.4测试教师管理模块 6.5测试管理员管理模块 6.6系统整体测试 6.7测试结论 7部署与实施 7.1部署环境 7.2实施后的影响 8结论 参考文献 1导论1.1教学互动网站的调研通过对网上互动学习网站的研究发现，这些网站大多数是有偿的教学互动网站，教师提前拍摄好所需要用到的教材与之内容相关的教学视频上传到网站上或者进行在线教学内容来实现在网络上的学习。大多数的教学互动网站都是由教师，学生，网站管理人员三种人员组成。教师们可以把所需的教学内容上传给网站管理，包括教学视频、教材和课堂作业，教师和管理员们还可以观看学生的学习进度，给学生布置作业并要求学生回答问题，进行随堂考试和发布章节测验，检查试卷并给出相应的结果。学生们通过自身相应的要求来进行课程的选择，各个专业的学生对自己所学的专业课很是苦恼，比如《网络工程》这门专业的学生，就可以通过这些网站搜索“网络工程”相关关键词就会搜索到很多类型的专业课，在线直播教学，或者直播教师和学生单独进行辅导。大多数的网站还可以规划处一个教学计划，来长期学习或与某所高校进行合作等。管理员通常的工作就是维护和管理网站，管理学生与教师的注册和信息，帮助教师上传课件等等。教师们可以通过网站的考试成绩更直观的有效的教学和管理学生，不用教师们亲自去统计分析，而学生们能更容易的吸纳知识，专供薄弱学科。与传统教育相比，这更是一种优势，省时省力。在如今的网络时代，家长们也能更好地查看自己孩子的学习状态和成绩，更能节省资金，这更是未来教育事业的趋势，我相信网络教学在今后将成为主流。1.2课题背景传统的高校教学管理模式是依靠资金来运转的，曾经高校使用的管理经营在当今的大网络环境下已然行不通，无法适应当下的大信息大数据时代。在大型高校中，管理方面十分的复杂，需要很多个部门共同运转，而实际上各部门的衔接工作非常差，一项工作通常需要经过多个管理人员接手才能完成。而且考虑到现阶段的网络安全和信息安全的保密工作，容错率可以说是很低，因为教学信息的管理会产生很庞大的文件，不同类型的文件要通过不同部门的审批，而审批规则是不一样的，这样会使得工作量极大，工作效率极低。但随着网络时代的到来，各种各样的电子产品进入了我们的生活，手机和电脑可以说是每个人必备品，每个人更多的工作从线下转业到线上，同时云端的普及，让每个人效率变高的同时且数据不容易丢失，极大的方便了我们的生活。便是在此情形下，越来越多的高校加入到了信息化建设中，高校的信息管理以数据库为后台，进行集中管理。不仅高效率还能节省人力财力，以便节省出更多的人力和资金来运转其他的项目。实际上不仅高校如此，社会上的各个领域也如此，都开始注重网络信息化时代所带来的变革并开发自己领域的管理系统。尤其是当下新冠病毒疫情肆虐，如果是传统的教育模式，肯定会严重耽误高校的教育计划，但是现在网课时代来临，不仅不耽误，反而以更高的效率来执行教学计划。1.3课题研究目的及意义计算机技术下的网络技术的应用已经成为高校办公中不可或缺的一部分，因此，必须建立一种能够应付这些新形式的教学信息管理模式。对于一个高校来说教育和管理是重中之重，包括学生们的学习效率，老师们教学质量，还有管理者们的运营和管理。例如如果像以前的教学模式，如果哪位同学上课缺席，老师将会浪费很多时间来查找该同学，而现在只需网络签到，效率一目了然。当下是疫情的关键时期，我们必须要做到不聚集，但是对于高校来说就显得很冲突。《网络工程》教学互动网站，它拥有能够存储各种繁杂信息的数据库，同时可以对各类教学信息进行检索，提高了效率。此系统开发的最终目的就是为了方便管理者管理，学生们提高学习效率，老师们提高教学质量，还剩下大量的人力和财力。可以真正做到只需要一个可以联网的终端便可以随时随地的学习。1.4国内外研究现状虽然近几年国内网络信息技术发展迅速，已然成为网络大国，但还不是网络强国。中国网络技术进步飞快，技术革新周期变短，3g，4g，5g所带来的网络商业模式开启了新的纪元。农村开始普及网络，城市网络覆盖率近为百分之百，ipv6网络启用，中国已经有7亿以上的网民，成果不可谓不丰厚。但同时网络的关键技术还不及其他强国，网络难以匹及日韩，同时网络时代的到来还是一把双刃剑，开阔眼界的同时还有其他不好之物，我国注重教育，但是大部分网民并没有把网络带来的方便用在教育上，越来越多的教育网站的开展，在我看来是很好的响应了国家的号召，虽然国外的网络技术要强于国内，但是相应的也很少用在教育上，当其他国家也受疫情肆虐时并没有好的教学软件来教学，反而用起了国内的教学软件。1.5研究方法此次对该教学网站系统的研发，是利用了java作为基础语言，springboot作为基础框架，mysql作为数据库，redis作为数据库缓存，以及数据结构等在大学期间学过的课程。采用idea软件来编写java等语言。通过研究总结了主要内容，进行了初步的需求分析和可行性分析，通过分析E-R图完成了系统的概念设计，创建数据库设计并确定要使用的技术。2相关技术介绍2.1JSP技术简介JSP全称JavaServerPages，是一种动态网页开发技术。JSP是一种Javaservlet，主要用于实现Javaweb应用程序的用户界面部分。网页开发者们通过结合HTML代码、XHTML代码、XML元素以及嵌入JSP操作和命令来编写JSP。JSP通过网页表单获取用户输入数据、访问数据库及其他数据源，然后动态地创建网页。JSP标签有多种功能，比如访问数据库、记录用户选择信息、访问JavaBeans组件等，还可以在不同的网页中传递控制信息和共享信息。与ASP相比：JSP有两大优势。首先，动态部分用Java编写，而不是VB或其他MS专用语言，所以更加强大与易用。第二点就是JSP易于移植到非MS平台上。与纯Servlet相比：JSP可以很方便的编写或者修改HTML网页而不用去面对大量的println语句。与SSI相比：SSI无法使用表单数据、无法进行数据库链接。与JavaScript相比：虽然JavaScript可以在客户端动态生成HTML，但是很难与服务器交互，因此不能提供复杂的服务，比如访问数据库和图像处理等等。与静态HTML相比：静态HTML不包含动态信息。2.2JAVA简介Java是一种程序设计平台，Java是一种优秀的程序设计语言。对于一个名副其实的程序设计人员来说，使用Java无疑是一个好的选择。有人认为:Java将有望成为一种最优秀的程序设计语言，但还需要一个相当长的发展时期。一旦一种语言应用于某个领域，与现存代码的相容性问题就摆在了人们的面前。”

Java并不只是一种语言。在此之前出现的那么多种语言也没有能够引起那么大的轰动。Java是一个完整的平台，有一个庞大的库，其中包含很多可重用的代码和一个提供诸如安全性、跨操作系统的可移植性以及自动垃圾回收等服务的执行环境。作为一名程序设计人员，常常希望能够有一种语言，它具有令人赏心悦目的语法和易于理解的语义(C++不是这样的)。与许多其他的优秀语言一样，Java恰恰满足了这些要求。有些语言提供了可移植性、垃圾回收等等，但是，没有提供一个大型的库，如果想要有奇特的绘图功能、网络连接功能和数据库存取功能就必须自己动手编写代码。Java这种功能齐全的出色语言，具有高质量的执行环境以及庞大的库。正是因为它集多种优势于一身，所以对于广大的程序设计人员来说有着不可抗拒的吸引力。2.3B/S结构B/S结构，即Browser/Server(浏览器/服务器)结构，是随着Internet技术的兴起，对C/S结构的一种变化或者改进的结构。在这种结构下，用户界面完全通过WWW浏览器实现，一部分事务逻辑在前端实现，但是主要事务逻辑在服务器端实现，形成所谓3-tier结构。B/S结构，主要是利用了不断成熟的WWW浏览器技术，结合浏览器的多种Script语言(VBScript、\o"JavaScript知识库"JavaScript…)和ActiveX技术，用通用浏览器就实现了原来需要复杂专用软件才能实现的强大功能，并节约了开发成本，是一种全新的软件系统构造技术。随着Windows98/Windows2000将浏览器技术植入\o"操作系统知识库"操作系统内部，这种结构更成为当今应用软件的首选体系结构。

B／S结构，即Browser／Server(浏览器／服务器)结构，就是只安装维护一个服务器(Server)，而客户端采用浏览器(Browse)运行软件。它是随着Internet技术的兴起，对C／S结构的一种变化和改进。主要利用了不断成熟的WWW浏览器技术，结合多种Script语言(VBScript、JavaScript…)和ActiveX技术，是一种全新的软件系统构造技术。

B／S三层体系结构采用三层客户／g艮务器结构，在数据管理层(Server)和用户界面层(Client)增加了一层结构，称为中间件(Middleware)，使整个体系结构成为三层。三层结构是伴随着中间件技术的成熟而兴起的，核心概念是利用中间件将应用分为表示层、业务逻辑层和数据存储层三个不同的处理层次，如图2所示。三个层次的划分是从逻辑上分的，具体的物理分法可以有多种组合。中间件作为构造三层结构应用系统的基础平台，提供了以下主要功能：负责客户机与服务器、服务器与服务器间的连接和通信；实现应用与\o"MySQL知识库"数据库的高效连接；提供一个三层结构应用的开发、运行、部署和管理的平台。这种三层结构在层与层之间相互独立，任何一层的改变不会影响其它层的功能。

在B／S体系结构系统中，用户通过浏览器向分布在网络上的许多服务器发出请求，服务器对浏览器的请求进行处理，将用户所需信息返回到浏览器。而其余如数据请求、加工、结果返回以及动态网页生成、对数据库的访问和应用程序的执行等工作全部由WebServer完成。随着Windows将浏览器技术植入操作系统内部，这种结构已成为当今应用软件的首选体系结构。显然B／S结构应用程序相对于传统的C／S结构应用程序是一个非常大的进步。

B／S结构的主要特点是分布性强、维护方便、开发简单且共享性强、总体拥有成本低。但数据安全性问题、对服务器要求过高、数据传输速度慢、软件的个性化特点明显降低，这些缺点是有目共睹的，难以实现传统模式下的特殊功能要求。例如通过浏览器进行大量的数据输入或进行报表的应答、专用性打印输出都比较困难和不便。此外，实现复杂的应用构造有较大的困难。虽然可以用ActiveX、\o"JavaSE知识库"Java等技术开发较为复杂的应用，但是相对于发展已非常成熟C／S的一系列应用工具来说，这些技术的开发复杂，并没有完全成熟的技术工具供使用。2.4Mysql数据库简介Mysql是最流行的关系型数据库管理系统，在WEB应用方面MySQL是最好的RDBMS(RelationalDatabaseManagementSystem：关系数据库管理系统)应用软件之一。由瑞典MySQLAB公司开发，目前属于Oracle公司。MySQL是一种关联数据库管理系统，关联数据库将数据保存在不同的表中，而不是将所有数据放在一个大仓库内，这样就增加了速度并提高了灵活性。而且是开源的，不用支付其他费用。支持多种工具语言，支持大型数据库。3系统分析3.1系统目标当前信息化时代，高校传统的课程管理已经遇到诸多问题，教育资源分布不均，多所高校差异较大，造成课堂教材供给不足。优秀的师资资源无法有效配置。从长远来看，好的大学的教育资源会越来越好，更会被好的录取所吸引。稳中求进，稍差的高校教育资源会比较差，招生质量会下降，导致两极分化。此外，学生电子档案的管理方式也存在不少问题。庞大的课堂教学信息管理费时费力，需要多人共同管理的方法，大大降低了工作效率。设计本系统软件的总体目的是保持文化教育的及时性。随着手机和电脑的普及，学习和培训不用去线下上课，甚至不需要纸质书籍，而是把所学的专业知识转移到网络上，让学生无时无刻不在学习。为了更好地让学生更合理地学习，选择性的学习，有目的的学习，弥补学生们的弱项科目，塑造自己的兴趣科目，学习效果更高，学习有保障，减少教师的工作。而相关管理人员也将更加轻松地管理相关的教育数据。本系统软件主要促进“网络工程”技术专业的文化教育。教师可登录网站注册学生账号。学生们可以提前观看老师做的视频教学，也可以查看老师公布的教学ppt。完成教师布置工作、试题等。教师们可以在网站上监督孩子的学习，发布作业、试题，让学生提交需要的作业和试题，然后教师可以根据作业内容和试卷给学生打分，对学生目前的学习和情况进行评价。为教师节省了大量不必要的工作，提高了教师的工作效率和学生学习的主动性。3.2可行性分析在“网络工程”课堂教学互动网站的循序渐进的研发过程中，需要系统地分析可行性，以确定系统网站的开发设计是否可行，能否以当今的电子信息技术完成，而且是可行的。能否可行对于一个系统软件来说尤为重要，它是系统软件开发设计的前提。由于劳动量巨大，经济和经营必须具有可行性。管理工作是否可行，以及制定可行计划的时间。3.2.1经济可行性因为是自己写的毕业设计论文，毕竟还没有参加工作，对经济的投入也比较少，所以只有一台电脑和一个java软件开发和Mysql、Idea软件办公的正版化也是有不小的成本的，但在系统软件建设完成后，应用在网站上，也将为课程管理贡献价值。预计本次开发设计“网络工程”教学互动网站的系统软件开发设计、网站升级维护、毕业设计论文等可以减少教学设备的购买和应用，管理方式的高效性也会得到提升。因此，我觉得经济发展是可行的，是可以完成的。3.2.2运行可行性用java来作为基础语言，Mysql来搭建数据库，Idea来进行代码的编写。都是大学期间所学习过以及之前做课程设计时候用到的软件，所以运行也是可行的。3.2.3管理可行性关于“网络工程”教学互动交流网站的管理方式，系统软件开发成功，课堂教学管理机制不断创新，课程管理线下推广到线上管理方式，节省人力成本，无需四处走动，坐在电脑前或手持手机即可完成教学网站的管理，根据电脑手机等电子设备，对孩子学习的整体规划和管理方法可以进行，并且统计分析方便孩子的学习状态，这样的数据和信息会显得更有感染力，更可靠。系统软件的管理方法也是可行的。3.2.4技术可行性毕业设计论文对于学生来说可能相当之大。与第三阶段的三人协同项目设计相比，个人所做的劳动量是超时订单管理系统的数倍。然而，为毕业设计论文《网络工程》设计一个教学互动网站，设计和完成一门专业的多门课程的劳动量和必须考察的内容并不容易。选择Java作为基础语言，Idea作为开发平台，采用B/S三层结构设计，JSP技术开发前端，系统设计起来非常方便，不需要太多的繁琐操作就可以实现系统开发，所以我觉得时间是没有问题的。3.3.1系统功能分析设计本系统软件的目的是为了更好地让学生有更舒适的学习环境，能够更高效地学习，补充自己的弱项学科，了解自己的难点专业知识，并且学好。使教师可以用更高效的管理对学生的学习和培养更有针对性，对每个学生进行不同层次的培养。在考察了几个教学网站后，我认为课堂教学互动交流网站应该有网络课程、学习资料、工作信息、互动交流、账号登录。网络课程：教师可以提交视频教学供孩子学习和观看，可以保证课程内容的准确性，避免教学事故的发生，还可以制作一段时间的视频，大大缓解了老师重复教学带来的问题。学生可以观看视频教学，不用像线下课一样频繁的做笔记，避免了老师在黑板书写时无法快速完成笔记的问题。不容易看懂的地方还可以反复观看，。这样可以防止学生在上课后听不到第一点知识，而后者无法理解后面的知识点。学习资料：教师们可以上传各门学科的知识点，更有效的帮助学生们学习、预习学科，同时也可上传随堂测验、学科的重点以及考试范围等供学生们下载。互动交流：网站内应设置讨论区模块，学生与学生之间，老师与学生之间，甚至老师与老师之间可以任意交流，像论坛一样，学生们有自己不会的问题可以发帖，其他学生和老师可以进行回复，这大大的提高了学习效率和师生们的感情。帐号登录：学员：在网站上进行学习培训。可以更改自己帐号的登录密码，填写信息内容，查看试卷，查看试卷的考试结果，查看提交的作业，查看提交作业的状态，查看作业、查作业成绩等实际操作。教师：在网站上发布供孩子学习的学习资料和学习方法。可以修改账号密码、填写和更改信息内容、提交管理方法和查看自学视频教程、提交管理方法和查看学习资料、发布作业、对学生提交的作业进行审查和管理，并发布试题，对学员提交的试题进行考试管理和评分。系统管理员：由于考虑到本网站可能做的不是面向所有高校的学生，而是本校网络工程专业的学生，所以不开放注册，只能由管理员自行添加用户。所以管理员的任务是添加和维护用户信息和管理维护网站。3.3.2性能测试计划系统软件以长期运行、高效运行、运行稳定安全为首要，所以要进行性能测试计划分析。本系统软件应达到以下性能测试计划：系统数据信息求解速度要快准确系统软件要解决多种功能，系统软件要方便对于客户应用和管理人员管理方法，系统软件必须尽可能标准化，系统软件必须随着信息技术的不断发展而不断创新。进而解决这个更加激烈的市场需求。软件需求：Windows7/8/10谷歌浏览器或以上。服务器硬件处理器CPU：英特尔i3/5主频2.5GHZ以上

内存大小：2G

硬盘容量：240G软件操作系统：Windows7/8/10开发软件：Idea2017.2.3、Springboot、redis数据库：MySQL5.7客户机硬件一台电脑和能使用的网络软件Windows7/8/10谷歌浏览器3.3.3运行环境需求此项目运行需要一个良好的PC配置以及状况良好的网络如表3-2所示。表3-2运行环境配置硬件软件环境处理器：英特尔i3/5主频2.5GHZ以上操作系统：windows7/8/10内存：8G数据库：Mysq5.7硬盘空间：240GB浏览器：谷歌浏览器3.3.4性能需求系统以长期运行、高效运行、稳定安全的运行为首要目的来进行性能需求分析，本系统应该达到以下的性能需求：系统对数据的处理的速度要快而且要准确、系统要开放可应对多种功能、系统要方便用户使用和管理员管理、系统要尽可能的标准、系统也要随着信息技术的不断发展而不断更新。从而应对这个愈发激烈的市场竞争。3.3.5安全需求安全的要求一般都是与数据信息密切相关的，即在设计方案之外保证系统软件网络信息的安全，保证记录查询和梳理的速度快。因为数据库查询会存储海量的客户数据信息，所以在管理的数据信息的情况下，需要保证信息内容在管理方法的整个过程中不容易丢失或者文件损坏。此外，还要保证智能管理系统的完整性。客户登录时会有身份认证，避免管理方法账号被盗，信息内容被不法分子篡改、删除和使用。系统软件也需要备份数据信息，避免内容丢失，导致系统软件偏瘫。3.3.6可靠性需求本次开发设计的系统软件是按照网站风格的B/S结构搭建的，由于该结构不需要太多的手机软件，只需要电脑和互联网就可以开发设计，所以很高效，B/S的三层结构极其简洁易懂。客户只需使用电脑浏览器进行网站的实际操作，非常方便客户了解网站的作用。管理人员还可以立即在计算机浏览器中管理网站。维护的方法和实际操作简单，系统软件可在人力、物力、资金、时间等多方面实施。3.4业务流程分析管理员登录工作流程：与普通账户登录步骤相同，需要对信息内容进行审批，根据输入的信息内容和数据库查询中的管理人员备案表进行比对。如果比较结果相同，则表示合适，可以进入后台智能管理系统。，如图3-1所示：图3-1管理员业务流程图3.5数据信息分析步骤为了更好地让客户对系统软件有更强的把握，应根据所分析的系统软件的业务流程，进行进一步的系统分析。系统对操作步骤、数据信息改进步骤、数据信息修改步骤、数据删除步骤进行分析，让数据信息流向可视化，方便系统软件的开发、设计、修改。3.5.1系统软件操作步骤系统操作流程是整个系统设计中非常重要的部分，它决定了系统对于用户的操作难度，优秀的系统流程是非常直观简介的。如图3-3所示：图3-3系统操作流程图3.5.2数据信息增加步骤当客户需要改进信息内容和数据信息时，添加信息内容后，系统软件自动生成序列号，该序列号不可更改。客户需要输入姓名、年龄等其他数据信息来明确身份证信息，才能进行更改。数据信息流程表如图3-4所示：图3-4数据增加流程图3.5.3数据信息修改步骤当客户必须对信息内容进行更改时，必须先选择已经填写好的需要更改的信息内容，并立即更改数据信息。新输入的信息内容是否有效，将有一个判断。可以代替数据库查询中的存储，如果不符合，跳回去重新输入信息。数据信息修改过程表如图3-5所示：图3-5数据修改流程图3.5.4数据信息删除步骤当客户要删除信息内容时，只需找到要删除的记录，点击开始选择即可。选中的内容是否删除，删除后都会升级到数据库查询。数据删除流程图如图3-6所示：图3-6数据删除流程图 4系统设计4.1系统开发步骤对于开发者来说，最重要的是系统对开发设计有一个很好的整体规划。一般情况下，系统软件的开发设计应按照以下流程进行：1、市场调研：在设计系统软件的功能之前，应该到各大网站进行调研，观察大部分的互动教学网站所应该有的功能，以及网络搭建的问题。2、制定规划方案：在市场调研后，根据所调研的内容，系统软件要完成的功能和达到目标的时间，制定有效的规划方案。制定了一定的规划方案后，需要严格按照方案逐步进行系统软件的设计开发。3、需求分析：根据销售市场调研总结的内容，对自身系统软件进行需求分析报告，明确系统设计的基本代码，以及采用的手机软件硬件配置。4、功能分析：在系统软件需求调查分析的基础上，系统的作用是进行设计计划、组织和分配，明确系统软件中各种业务流程功能的实现，并且每个功能都必须完成。主要内容。5、系统设计：控制系统设计的日常关键任务包括系统软件机制的总体设计、系统软件概念模型的设计、系统功能和完成方法的设计、系统软件的设计。系统软件操作界面等，以及系统应用设计软硬件建设与部署。6、系统代码的编写：系统的设计是一种可操作性描述，接下来就是根据该设计书的数据结构及软件流程进行程序编码；同时要对系统软件进行采购以便建立起相应的开发环境。完成系统服务器的配置和应用服务的启动，保证系统的正常运行。7、组合阶段：各功能模块进行测试后组合起来进行最后的整体测试，没有问题后才能成为一个完整的系统。4.2系统开发流程《网络工程》教学互动网站系统以java语言代码编写为基础，采用Idea编写工具，其中用到了Idea中的B/S三层框架、以mysql为java语言的数据库，JSP技术来实现并进行系统的设计。并以springboot为基础框架，redis为数据库缓存系统，前端使用web来实现。4.2.1系统开发流程设计系统的开发要从用户的需求分析开始，通过市场调研已经掌握了大量的数据。前端的开发是一般是依靠web来进行的，为了提高数据安全性，客户端运行一定要从数据库里面下载。系统开发流程如图4-1所示：图4-1系统开发流程图由于《网络工程》教学互动网站并不对校外人员开放，所以注册只能由班级导师提交人员给管理员进行添加。添加完的用户，可以对各项信息进行查询。登录时会用过一个身份验证，然后登陆不同的系统。系统执行流程如图4-2所示：图4-2系统执行流程图4.2.2系统体系结构设计《网络工程》教学互动网站采用B/S三层结构进行设计，三层结构分别为表示层、逻辑层、数据库层。其中表示层通俗意义来讲就是将要给用户展示的界面，有简单的数据输入输出功能。逻辑层要针对具体问题具体操作，在web服务器中起到了衔接的作用，而数据层是管理员将数据增添改查，该层是直接操作数据库的。如图4-3图4-3Web访问数据库图4.3功能模块设计《网络工程》教学互动网站采用电子信息技术进行课堂教学信息管理。可以收集和存储课堂教学信息，提高工作效率。系统软件开发的关键任务是完成课堂教学信息管理，提高教学资源管理效率。最大限度地降低“网络工程”课堂教学互动网站的错误率。系统需要完善的功能，还不能太复杂。上一个网址的页面要干净、整洁、美观、大方、易于操作。因此，在制定程序模块设计方案时，必须特别注意系统软件的一般特性。在课堂教学工作中，在设计课程模块时，应以易于使用和方便获取日常学习和培训为目的，制定管理方法，完成的作用应为在校大学生进行学习，并在业余时间也可以进行学习。因此，在设计方案时，必须逐步设计出以小程序模块为主导的方案，以实现目标。《网络工程》教学互动网站包括系统配置管理、客户信息管理、视频教学控制模块、教材管理方法、检索管理系统、考试和考试成绩管理、互动交流模块等。系统配置管理系统：老师和管理员可以添加学生的基础信息和账号然后一律设置为基础密码，然后学生们拿到自己的账号后可以进行修改信息和修改基础密码。客户管理信息系统：添加、修改、删除客户信息。学生申请注册成功后，可进入系统软件填写信息内容，错误区域可更改删除。管理员和教师也可以维护和更改学生的信息内容。视频教学控制模块：这个模块由老师和管理员来实现，教师可以上传自己所教科目的视频，然后管理员进行视频然上传到网站上。然后教师可以对自己视频进行编辑，包括填写标题，引言，添加详细内容等等。教材管理系统：因为是不对外开放的系统，所以本校老师对自己所教的专业进行上传教材。该模块可以上传各种文件的教材，无论是PPT，mp3，MP4，avi或者是文档格式节课上传。然后教师可以对自己上传的文件进行增删改查，对其他老师上传的文件则没有权限，而管理员则可以对全部的教材进行增删改查。检索管理系统：该模块是为了方便学生和教师用户对以往的教材进行快速查找，由于考虑到该系统运营时间之久的问题，每天每周教师都会发布新的视频、PPT、讲解等，时间一长，如果学生和老师想要精确查找某一教材的话，无异于大海捞针。所以该模块极大的方便了学生和老师用户。只需通过搜索关键字，那么所有带该关键字的教材将全部出现。考试和考试成绩管理：这个模块是由管理员和教师共同实现的，教师把自己编写好的考试内容交给管理员审核，管理员审核通过后，由管理员上传考试内容。而教师可以通过下面的互动交流模块来通知学生们，考试时间，以及考试范围。教师通知管理员考试时间，管理员便响应的修改时间。考试结束后，教师通过教师的后台对试卷进行审批和评分。互动交流模块：该模块可以通过讨论区来实现，该模块参考论坛模型，学生老师管理员可以登录讨论区自行发帖，其他用户可以进行回复，无论是学生探讨问题，还是老师讲解问题，或者是系统如果出现一些问题，管理员也可以通过该模块通知学生和教师用户，这极大的节省了各个方面的时间，也提高学生学习和老师半桶的效率。系统功能模块如图4-3所示：图4-3功能模块图4.4数据库概念结构设计可以说每种应用的程序设计都离不开数据库的支持，而将数据库搭建起来的首要任务就是选择与程序合适的数据库，这里我们选择了mysql数据库。下面是《网络工程》教学互动网站数据库的E-R图，如图4-4所示：图4-4数据库概念设计图4.5数据库逻辑结构设计下面则展示的是该系统使用的数据库中的各个表格，通过系统实体之间的相互关系表现而来。表4-1admin管理员信息表表4-2用户信息表表4-3课程信息表表4-4留言信息表表4-5考试信息表5系统实现5.1系统首页系统首页背景采用学校背景，图片内容便是辽宁工程技术大学，直接点名为本校的教学互动网站。教学互动网站上方整齐排列着的首页、在线学习、在线考试、题库中心、讨论区。教学互动网站上方整齐排列着的题库、考试、社区、技术对应了不同的应用模块下面会逐步介绍，项目首页效果图如图5-1所示：图5-1系统首页界面5.2登录模块实现本模块可以实现管理员和学生登录功能，在下方点击管理员登录按钮就会实现管理员登录，不点击则是学生用户登录。如图5-2所示：图5-2登录界面由于本平台不能由学生自主注册，只能由管理员自主添加，管理员登录成功后，在主页下方的管理员后台就可以添加学生用户和教师用户。如图5-3所示图5-3管理员后台页面当管理员添加完毕后学生就可以根据自己注册账号和密码进行登录，登录界面下方有用户身份，根据注册时候的身份来进行登录，账号密码错误以及用户身份错误都会导致登录失败弹出窗口。如图5-4图5-4用户注册界面5.3用户信息管理模块实现在学生通过管理员注册完自己的账号后可以对自己的信息进行修改，在个人信息管理系统中可以修改自己的信息，包括学生姓名、学生学号、学生QQ、手机号码、邮箱、只有用户身份是不可以修改的。如图5-4所示：图5-5用户信息管理界面5.4密码信息管理实现学生可以在密码修改页面中对自己账号的密码进行修改，如图5-6所示：图5-6密码修改界面5.5帖子评论的实现该模块只能通过管理员和教师的身份来实现，在管理员和教师登录后在系统的左边有帖子和评论管理，其中可以进行评论的管理、评论的增加。在帖子评论管理中可以对公告进行修改和删除。当然学生也可以删除自己的评论和帖子。如图5-7所示：图5-7通知公告界面点开讨论区进入编辑界面便可以发布讨论。该编辑框提供了丰富的编辑形式，包括字体编辑段落编辑颜色编辑等都可以实现，如图5-8所示：图5-8通知公告编辑界面5.6网络课堂模块的实现用户可以点开在线学习后来选择想要学习的课程，该界面记录了网络课程的标题名称和发布时间。，如图5-9所示：图5-9网络课堂界面5.7学习资料模块的实现和网络课堂类似，用户在该模块下可以选择自己想要的学习题集，如图5-10所示：图5-10学习资料界面5.8资源查询模块的实现为用户提供了教学资源查询的功能，用户输入想要查询的关键词，便可以找到相应的学习资料例如想要查询数据库的有关题型，便可在数据库的题库里面查询。如图5-11和5-12所示：图5-11查询功能界面图5-12查询结果界面5.9配课信息模块的实现教师可以给学生配备课程，也可以增加课程，上传视频课件等信息，同时可以管理学生们的评论。如图5-13所示：图5-13配课界面5.10在线交流模块的实现用户可以在此模块中提交自己不懂的问题，教师就会根据提问的内容进行回答，如图5-14所示：图5-14在线交流界面6软件测试与评价6.1程序的测试每个软件程序在开发的工程中难免会遇到各种不同的问题和bug，所以要打好提前量，如果一直不理不睬，那么一直到项目完成所积累的问题和bug将会越来越多。所以我们要进行提前的程序测试，对整体的模块和框架进行测试。6.2测试用户注册模块如下表6.1所示：表6.1管理员添加用户测试表测试目标测试用户注册模块的情况测试内容测试方法预期测试结果测试评价添加用户在注册界面输入账号、密码、姓名、QQ、联系电话、密保邮箱，选择好用户身份后点击确定提交显示注册成功测试结果符合要求添加用户在登录账号内输入已经注册过的账号，其他信息进行正确输入，点击确定提交无法注册测试结果符合要求6.2测试用户登录模块如下表6.2所示：表6.2用户登录测试表测试目标测试用户登录模块的情况测试内容测试方法预期测试结果测试评价用户登录在用户登录界面输入正确的用户名和正确密码，选择正确的用户身份进行登录登录成功跳转到主页测试结果符合要求用户登录在用户登录界面输入不正确的用户名和正确密码，选择正确的用户身份进行登录登录失败，显示登录信息错误测试结果符合要求用户登录在用户登录界面输入正确的用户名和错误密码，选择正确的用户身份进行登录登录失败，显示登录密码错误测试结果符合要求用户登录在登录界面输入正确的用户名和正确密码，选择不正确的用户身份进行登录登录失败，显示登录信息错误测试结果符合要求6.2测试网站的主体功能模块如下表6.3所示：表6.3网站的主体功能测试表测试目标测试网站的主体功能模块的情况测试内容测试方法预期测试结果测试评价讨论区点击讨论区可以查看讨论区内用户发表的内容，且可以进行发帖和评论。测试结果符合要求在线学习点击在线学习可以通过标题来找到相应视频，视频可以播放等操作测试结果符合要求题库中心点击题库中心可以通过标题来找到相应题集，点击详情可以看到答案以及解释。测试结果符合要求资料查询点击资源查询，在资源名称中输入想要查找的资源的关键词可以查找到带有关键词的资源测试结果符合要求在线考试点击在线考试可以通过考试倒计时看到考试时间测试结果符合要求在线考试进入在线考试页面，可以查看考试时间，进入考试进入考试测试结果符合要求6.3测试学生管理模块如下表6.4所示：表6.4学生管理测试表测试目标测试学生管理模块的情况测试内容测试方法预期测试结果测试评价密码信息管理点击密码信息管理，输入错误的旧密码无法进行密码修改，显示原始密码错误测试结果符合要求密码信息管理点击密码信息管理，输入正确的旧密码和两次正确的新密码密码修改成功测试结果符合要求密码信息管理点击密码信息管理，输入正确的旧密码和两次不一样的新密码无法进行密码修改，显示新密码和确认密码不一致。测试结果符合要求个人信息管理点击个人信息管，进入修改用户姓名、联系电话、注册邮箱，修改完成后点击确定修改个人信息修改成功，更新到数据库中，显示修改成功测试结果符合要求注销退出系统点击注销退出系统，会弹出提示确定要退出吗，点击确定完成账号注销会回到登录界面测试结果符合要求6.4测试教师管理模块如下表6.5所示：表6.5教师管理测试表测试目标测试教师管理模块的情况测试内容测试方法预期测试结果测试评价密码信息管理点击密码信息管理，输入错误的旧密码无法进行密码修改，显示原始密码信息错误测试结果符合要求密码信息管理点击密码信息管理，输入正确的旧密码和两次正确的新密码密码修改成功测试结果符合要求密码信息管理点击密码信息管理，输入正确的旧密码和两次不一样的新密码无法进行密码修改，显示两次输入的密码不匹配测试结果符合要求个人信息管理点击个人信息管，进入修改用户姓名、密码、姓名、QQ、联系电话、密保邮箱，修改完成后点击确定修改个人信息修改成功，更新到数据库中，显示修改成功测试结果符合要求网络课堂修改点击网络课堂管理进入界面对已经上传的课程进行修改点击修改更改信息标题和详细内容修改完后点击确定后显示操作成功测试结果符合要求网络课堂删除点击网络