基于web的网上教学平台设计与实现

《基于web的网上教学平台设计与实现》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

本科生毕业设计（申请学士学位）论文题目基于Web的网上教学平台设计与实现学生姓名史言所学专业网络工程指导教师任倩2014年5月28日 滁州学院本科毕业设计学生：（签字）学号：2010211212论文答辩日期：2014年6月14日指导教师：（签字） 滁州学院本科毕业设计目录摘要1Abstract11绪论11.1研究背景和意义11.2国内网上教学平台概况21.3本文结构22相关知识22.1开发工具简介22.1.1Eclipse22.1.2Tomcat32.1.3MYSQL+NavicatforMYSQL32.2开发技术简介42.2.1CSS、JavaScript简介42.2.2JDBC简介42.2.3JSP简介42.2.4Java概述52.3系统核心业务52.3.1系统核心业务简介52.3.2视频处理业务介绍52.3.3讨论区业务介绍52.4系统设计模式53系统需求分析63.1业务流程分析63.2数据流图63.3数据字典73.4系统数据库设计93.4.1概念结构设计93.4.2数据库表设计123.5功能需求设计133.5.1登陆模块133.5.2学生操作模块133.5.3教师操作模块133.5.4管理员管理模块14 滁州学院本科毕业设计3.6非功能性需求143.6.1运行所需的软件环境143.6.2运行所需的硬件环境144系统介绍144.1系统主要功能模块144.1.1登陆注册模块144.1.2学生操作模块154.1.3教师操作模块174.1.4管理员操作模块185.系统实现195.1前台模块195.1.1首页设计195.1.2作业下载205.1.3教学视频205.1.4在线自测215.1.5讨论区225.2后台模块225.2.1登陆界面225.2.2学生管理界面245.2.3简单题管理255.2.4公告管理256系统测试256.1软件测试目的256.2系统测试用例266.3测试环境与测试条件276.4系统测试情况27结束语30参考文献30致谢32 滁州学院本科毕业设计基于Web的网上教学平台设计与实现摘要：网络教学平台的实现突破了传统的“一张嘴、一支粉笔、一块黑板、一本教材”。网上教学不仅仅是将教学材料在网上发布，而更多的是学生与教师之间、学生与学生之间的充分沟通与交流。本系统采用B/S开发模式，利用Tomcat作为服务器，MYSQL作为系统后台管理数据库，利用CSS进行前台的页面布局，利用JSP实现页面显示功能。该教学平台开发思路是按角色划分使用权限，根据用户权限的不同，用户可以实现不同的功能。本平台的的开发将更好的促使高等院校进一步发展信息技术、传播科技与学习科学，不断优化面授教育与在线教育的联合模式、共享优质教学资源、与传统教学相互补充，从而不断提升教育教学质量。关键词：网上教学平台；B/S；优质教学资源DesignandImplementationofElearningPlatformBasedonWebAbstract:TheElearningPlatformhadbreachedthetraditionalmodewhichis"amouth,apieceofchalk,ablackboard,atextbook".Theroleofelearningplatformisnotonlytopublishteachingmaterialsonline,butalsotoprovideconvenienceforthefullcommunicationbetweenteachersandstudents,studentsandstudents.ThissystemadoptsB/Sdevelopmentmodel,usestheTomcatasthesystemserver,MYSQLdatabaseasasystemadmin,usingCSSforpagelayoutandJavaScriptforeground,usingJSPtoimplementthepagedisplayfunctionsofthesystem.Theideaofdevelopingthisplatformisdividedbyrolepermissions,accordingtothedifferentuserpermissions,theusercanrealizedifferentfunctions.Theimplementationofthisplatformwillmakethedevelopmentofinformationtechnologyfurther,disseminatetechnologyandlearnsciencelearnsciencestudysciequalityteachingresources,supplementthetraditionalteachingcomplementeachother,snce,optimizethecombinedmodeofface-faceeducationandonlineeducation,sharethehighoastocontinuouslyimprovethequalityofeducationandteaching.Keywords:ElearningPlatform;B/S;Qualityteachingresources30 滁州学院本科毕业设计1绪论1.1研究背景和意义随着大规模开放在线课程(MOOCS)[1]近年来的不断发展，已经引起了世界各国的重视。开放的免费性、课程的前沿性是导致这一现象的原因，正因为这一点，网上教学平台被某些高校投入使用，将一些课程资料放在教学平台上。网上教学摆脱了传统的课堂教学在时空上的限制，创建一个网络的学习环境，使学习者基本可以做到在何时何地都可以进行学习。所以，网上教学逐渐适应了现代的社会对于教育方式的需求，是现代社会教育技术的一个发展趋势。网上教学平台是基于互联网实现网上教学的必要条件，是开展网络化学习的基础环境。该平台旨在以学习者为中心，充分体现学习者的主体性和教学方法的现代性，培养和帮助学生提高自主学习的兴趣以及加强教师与学生在学习、教学问题上的及时交流的平台。与传统教学相互补充，目前在我国高校中得到了广泛的推广，提高了教学的质量。1.2国内网上教学平台概况在我国很多大学校园里里,网络辅助教学己经成为大学老师、学生不可或缺的学习方式。同样在当今社会，很多人会去选择边工作边读书或者是选择在职读书的方法。他们可能会时常出差，因此在网络平台上学习能够打破时间以及地域上的约束,满足他们的学习需要。同时国家目前也十分重视当今信息技术的发展在教育中的应用,使用因特网的异步教学、相互式的视频教学，积极推进网络教育的发展。基于Web网上教学平台网上教学平台相比传统教学，网上教学更好的促使高等院校进一步发展信息技术、传播科技与学习科学，不断优化面授教育与在线教育的联合模式，强化高等院校面向社会的服务功能。与传统教学相互补充，从而不断提升教育教学质量。目前，一些网上教学平台可能存在教师教学以及学生学习上的单调性[2]:老师只是通过网上教学平台发布作业以及上传教学资料,却没有实现跟学生进行交互。与此同时，学生跟学生之间也不能进行学习上的交流。另外，一些教学平台没有支持播放教学视频的功能，这样比较不能引起学生通过教学平台学习的兴趣。1.3本文结构本文的第一部分绪论主要说明了本文的研究背景和意义以及国内网上教学平台发展概况。第2部分介绍了相关研究开发工具和技术，其中主要开发工具包括Eclipse、Tomcat、MysqlServer+Navicat等，开发技术支持有Html、Css、Javascript、Jsp等。第3部分为系统需求分析及描述，介绍了系统的模块划分、系统要实现的具体功能。第4部分为系统简介，介绍了系统主要模块及不同身份的操作流程，例举了部分功能实现代码。第5部分系统设计，包括数据库和页面设计，数据库设计为后来执行操作所必须创建的数据库信息表，页面设计主要介绍了主要页面的设计和布局及页面内实现的功能。第6部分为系统测试，分为环境测试和系统可操作性测试，环境测试即系统运行所需环境的测试，系统可操作性测试为系统bug的查找测试以及对系统多操作性的反馈。30 滁州学院本科毕业设计2相关知识2.1开发工具简介2.1.1EclipseEclipse是开源的、基于Java的可扩展开发平台[3]。就其本身而言，它是一个框架和一组服务，用于通过插件组件构建开发环境。Eclipse中模块全是由组件构成的，对于给用户供给相同的和集中的的开发平台来说，全体工具研发人才都具备同等的处理平台。Eclipse平台体系结构如图2-1所示：图2-1Eclipse平台体系结构2.1.2TomcatTomcat是由Apache公司开发的一种专门用于JavaWeb应用程序开发的应用服务器。由于Tomcat得到了Sun公司的支持，所以Tomcat的最新版本都支持JDK1.5或更高版本的新特性。任何人都可以从Apache的官方网站上下载安装程序，并且Tomcat一般都会支持同样版本的JDK的新特性，所以一直受到JavaWeb应用程序开发者的喜爱[4]。但是，Tomcat服务器处理静态HTML的能力没有Apache强的多。Tomcat不仅仅是一个Servlet容器，它还具有传统的Web服务器功能是html页面的处理。Tomcat对于页面以及JSP的处理都非常优秀，由于本系统主要由JSP编写，因此采用Tomcat作为系统服务器非常适合。Tomcat还可以与其它的一些软件集成起来，实现更多的功能。比如与Cocoon（Apache的另外一个项目）集成起来开发基于Xml的应用，与JBoss集成起来开发EJB。2.1.3MYSQL+NavicatforMYSQLMYSQL[5]是一个关系型数据库管理系统，MYSQL是最流行的关系型数据库管理系统，在WEB应用方面MYSQL是最好的RDBMS(RelationalDatabaseManagementSystem：关系数据库管理系统)应用软件之一。MYSQL是一种关联数据库管理系统，关联数据库将数据保存在不一样的表中，不是把所有数据放在一个大容器内，这样一来就提高了运行速度并且增强了灵活性。MYSQL用的是SQL语言，是用于访问数据库的最常用标准化语言。因为MYSQL的容积小、处理速率快、总体拥有成本低，特别是开放源码这个优点。一般情况下网站的开发都会选择MySQL作为网站后台的30 滁州学院本科毕业设计数据库。NavicatforMYSQL是一款强大的MYSQL数据库管理和开发工具，它为专业开发者提供了一个专业性足够的开发工具，同时相对于刚接触NavicatforMYSQL的人也是很容易学习使用的。NavicatforMYSQL基于Windows平台，为MYSQL量身订作，提供类似于MYSQL的用管理界面工具。此解决方案的出现，将解放PHP、J2EE等程序员以及数据库设计者、管理者的大脑，降低开发成本，为用户带来更高的开发效率。NavicatforMYSQL采用了直观的图形化用户界面（GUI），可以使用一种更加安全与更加简单的方式迅速和简单的创建、组织、存取和分享信息。使用者可以任意控制MYSQL数据库以及显示出不相同的管理信息，包含了一个多种功能作用的图形化管理用户以及访问权限限制的管理工具，这样能够简单的把数据从一个数据库递交给其他的数据库中（LocaltoRemote、RemotetoRemote、RemotetoLocal），实现数据的备份。2.2开发技术简介2.2.1CSS、JavaScript简介JavaScript：JavaScript是基于对象和事件驱动并具有相对安全性的客户端的一款脚本语言。也是一种广泛用于客户端Web浏览器开发的一款脚本语言，通常用来给HTML网页添加检测与其他的动态功能，比如鼠标的属性事件。它最初是由网景公司设计的一种基于原型的动态语言，内置JavaScript支持类。JavaScript还可以用于其他的场合，如服务器端的编程。完整的JavaScript实现分为三个部分：文档对象模型，Ecmascript，字节顺序记号。CSS[6]：级联样式表（CascadingStyleSheet）简称“CSS”，一般又叫做“风格样式表（StyleSheet）”，通常是用来进行网页布局以及网页的显示效果设计的。通过使用CSS，能够集中的控制HTML中各标志的显示属性。CSS能够让人更加有效地掌握网页显示效果。2.2.2JDBC简介JDBC是Java数据库连接(JavaDataBaseConnectivity)技术的简称，是一种为java连接各种数据库操作的技术。JDBC是一种用于执行Sql数据库语句的JavaApi，可以连接大多数据库，为多种数据库提供统一的访问方法，包括：Paradox、Oracle、xbase、Aceess以及Sybase等。JDBC为数据库研发工作者提供了一套标准的API，通过这个API，开发人员可以构建出更高级的接口和工具，使数据库研发人员能用纯JavaAPI编写数据库的应用程序[7]。2.2.3JSP简介JSP全称JavaServerPages，通常是作为一种Web开发语言出现的。JSP是一门可以编写出动态页面的技术，它基于了JavaServlet和整个的Java体系。JSP使用Java语言来封装处理产生的动态网页逻辑操作。JSP使得基于Web应用程序的开发变得迅速简单。它的底层是简单的Servlet，实现了HTML语法中的Java扩充（以<%,%>形式表达）。JSP编写的页面是由Html标签代码及Java代码共同组成的，其中插入的Java程序代码可以对数据库进行操作以及重新定向网页等，用来实现网页的动态化，即动态网页[8]。30 滁州学院本科毕业设计本系统的JSP主要运用Java编程语言对象HttpServletRequest和HttpServletResponse。每次请求Servlet对象时都会被调用两个参数，即response对象和request对象。request对象对用户提交的信息进行封装，获取用户提交的信息可以通过调用该对象的方法来实现；客户的请求是由response对象来做出动态响应的，并向客户端发送数据[9]。通过这两个对象，客户端就可以同服务器进行数据的交换操作。2.2.4Java概述Java作为面向对象的一门程序设计语言，具有非常好的通用性、安全性、平台移植性和高效性，适合用于开发本系统。Java应用程序的开发周期包括编译、下载、解释和执行四个部分。Java编译程序首先会将Java源程序翻译为Java可执行代码—字节码。Java将符号引用信息保存在字节码中，然后由解释器在运行过程中创立内存布局，再通过查表的方式来确定一个方法的所在地址。2.3系统核心业务2.3.1系统核心业务简介本教学平台主要有发布作业、资料上传下载、教学视频、在线自测、讨论区等业务。对于登陆教学平台的教师而言，可以主要实现发布作业、上传教学资料、上传教学视频、回复学生在讨论板中请教的问题等业务。教师发布作业以及上传教学资料、视频使用的JSP页面是和后台管理员使用的同一个页面，分别是docManner.jsp和shipinManner.jsp页面，交给相应的servlet处理。教师在课后及时的将作业、上课的资料以及对学生有帮助的视频上传到教学平台上，学生就可以相应的看到并且学习，大大提高了教学的效率。对于登陆教学平台的学生而言，最核心的一个业务就是可以在教学平台上观看到老师上传的视频，视频也可以是老师自己录制的学习视频。但是，在上传视频时需要使用的播放器是Windowsmediaplayer，因此有一些格式的限制。另外可以下载作业，看到公告信息，在线测试等。2.3.2视频处理业务介绍本教学平台调用电脑的Windowsmediaplayer播放器。上传视频使用的是SmartUpload组件，文件最大设置为100M，同时使用FileUpload的saveAs()方法将上传的文件保存起来，最后与数据库连接，保存到数据库中的相应表中。在播放视频文件时，使用param标签进行播放时的控制。如声音、全屏等。在shipin_servlet中可以对视频文件进行管理如添加，删除等。2.3.3讨论区业务介绍本教学平台可以满足学生和教师在讨论区模块进行交流，且学生之间也是可以互相交流学习经验的。讨论区模块实现时主要有zhuti和huifu两部分。zhuti是学生发帖的时候用到的，那么其他同学或者老师回复帖子的时候是根据zhuti.id来针对某个帖子回复。管理所有主题的JSP页面是zhutiMana.jsp提交给zhuti_servlet中处理。2.4系统设计模式本教学平台采用的是B/S结构。C/S与B/S区别：C/S是二层架构的肥客户机/瘦服务器模式，客户机端主要做的是与用户的交互，几乎所有的应用逻辑都在客户端进行和表达，服务器提供数据库的操作30 滁州学院本科毕业设计，负责后台数据的查询和管理、大规模的计算等。C/S模式集成异种平台，能充分发挥客户端的处理能力，安全、稳定、速度快，适当情况下可脱机操作。B/S模式是三层架构的瘦客户机/肥服务器的计算模式，客户端表示层不保存所有的应用程序，它的运行程序能够从Web服务器上下载到本机的浏览器中运行，基本上不要求所有的管理方面的事情，针对应用的服务器层解决应用程序中的任何有关业务上的逻辑，涵盖对数据库的操作和处理，三层架构具备很好的可扩展性，能够随着应用的需要任意增加服务的数目，数据服务器层仅提高数据信息服务。B/S模式具备优良的开放性，使用唯一的访问点，使用者能够在每一个地点使用系统，相对于传统的C/S模式，更加能够显示出集中式计算的优势，使用者还能够跨平台用同样的浏览器来浏览系统。另外在Client端仅仅要求下载装上浏览器，撤除了Client端的代理业务，大大地降低了整个系统的运行和维护成本3系统需求分析3.1业务流程分析根据对组织结构图和业务功能体系图的分析，可决定下一步重点研究的模块。流程分析的目的就是清楚每个业务流程的内容，明确每个模块之间的联系，明确每个业务处理的意义，提出一些合理化的建议来改善业务流程[10]。本教学平台的流程是管理员添加专业信息进而添加班级信息和添加课程信息等，教师通过发布作业与学生建立业务上的关联。详细的业务流程如下图3-1所示：图3-1业务流程图30 滁州学院本科毕业设计3.2数据流图数据流图是指数据在系统中产生、传输、加工处理、使用、存储的过程[11]。数据流程分析是把数据在现行系统中的流动抽象的独立起来，移除了详细的安排布局、数据介质、操作用具、物质、材料等。数据流程图的作用是描述系统的逻辑模型，它以少数几种符号综合地反映出信息在系统中的流动、存储和传递。根据系统需求，可得到顶层数据流图如图3-2所示：图3-2顶层数据流图第一层数据流图如图3-3所示：图3-3数据流图30 滁州学院本科毕业设计3.3数据字典数据字典（Datadictionary）是一种用户可以访问的记录数据库和应用程序元数据的目录。主动数据字典是指在对数据库或应用程序结构进行修改时，其内容可以由DBMS自动更新的数据字典。被动数据字典是指修改时必须手工更新其内容的数据。数据元素条目如下表3-1所示：表3-1数据元素表学生编号调入年份数据元素条目总编号：1-101编号：101名称：学生编号XXX数据值类型：离散长度：50有关数据结构：学生信息表如：123数据结构条目如下表3-2所示：表3-2数据结构表数据结构条目名称：公告信息表说明：创建公告信息记录似的数据总编号：2-01结构：编号：01编号有关数据流、数据存储：标题P5公告管理、D5公告信息表内容时间数据流条目如下表3-3所示：表3-3数据流表数据流条目名称：修改密码总编号：3-10说明：将密码信息存储到密码信息存储编号：10数据流来源：P4修改密码数据流去向：D4管理员信息存储包含的数据结构：30 滁州学院本科毕业设计数据存储条目如下表3-4所示：表3-4数据存储表数据存储条目名称：公告信息总编号：4-01说明：存储公告信息标号：D5结构：编号标题内容时间有关的数据流：P5→D5外部实体条目如下表3-5所示：表3-5外部实体表外部实体条目名称：管理员总编号：6-01编号：001输入数据流：P5公告管理个数：1个输出数据流：3.4系统数据库设计网上教学平台中所有的数据都存放在数据库中，在所有的Jsp页面中采用JDBC与数据库连接，对数据库中的数据进行操作，从而实现所需要的功能。本系统采用MYSQL数据库作为系统数据库。本系统的数据库中主要设计如下。3.4.1概念结构设计从数据需求分析中得出系统的实体属性图。管理员实体属性图如图3-4所示：图3-4管理员实体属性图30 滁州学院本科毕业设计公告实体属性图如图3-5所示：图3-5公告实体属性图教师实体属性图如图3-6所示：图3-6教师实体属性图班级实体属性图如图3-7所示：图3-7班级实体属性图课程实体属性图如图3-8所示：图3-8课程实体属性图30 滁州学院本科毕业设计学生实体属性图如图3-9所示：图3-9学生实体属性图E-R模型使用了实体集、联系集和属性3个基本概念，分别描述事物、联系及特征。⑴实体具备两个特征一是独立存在，二是可区别于其他实体。实体既可以是有形的也可以是抽象的。不过，二者都应该是组织或机构“感兴趣”的事物。一些相同类型及相同性质的实体构成了实体集。⑵联系集是多个实体集上的数学关系。联系同样是自身属性的一种描述。⑶实体都有各自的属性，属性是对每个实体进行描述的。在一个实体集中，所有实体都具有相同的属性。同时，对于每个属性而言，每个实体都拥有自己的属性值，其属性值的取值范围形成了属性的域[12]。由实体属性图及业务联系得到系统E-R图，如下图3-10所示：图3-10系统E-R图30 滁州学院本科毕业设计3.4.2数据库表设计（1）管理员信息表：用来存放管理员的信息，具体结构设计如表3-6所示：表3-6管理员信息表字段名称字段类型字段描述userIdint(11)管理员IduserNameVarchar(50)管理员姓名userPwVarchar(50)管理员登陆密码⑵学生信息表：用来存放学生的信息，具体结构设计如表3-7所示：字段名称字段类型字段描述idint(11)学生表编号xuehaoVarchar(50)学生学号name1Varchar(50)学生姓名sexagebanji_idruxueshijianVarchar(50)Varchar(50)Varchar(50)Varchar(50)学生性别学生年龄所属班级学生入学时间表3-7学生信息表⑶公告表：用来存放公告的基本信息，具体设计如表3-8所示：表3-8公告表字段名称字段类型字段描述idVarchar(50)公告编号titleVarchar(50)公告标题contentVarchar(5000)公告内容shijianVarchar(50)公告发布时间⑷视频表：用来存放教学视频，具体设计如表3-9所示：表3-9视频表字段名称字段类型字段描述idVarchar(50)视频表编号titleVarchar(50)视频标题contentVarchar(5000)视频介绍FujianfujianYuanshiminshijianVarchar(50)Varchar(50)Varchar(50)选择附件视频原始名字视频上传时间30 滁州学院本科毕业设计3.5功能需求设计3.5.1登陆模块登陆模块分为三个角色的登录。其中学生需填写正确的学号及密码，与后台数据库验证是否成功。登陆时用户需输入正确的账号（其中学生账号即为学号）及密码，并选择正确的身份，如：管理员、学生、校外单位。当验证账号、密码、身份信息无误且匹配时，即可登陆成功。3.5.2学生操作模块学生操作模块主要实现了以下几个功能：⑴作业下载：学生通过登录成功后进入学生操作模块，可以下载老师布置的作业。⑵资料下载：学生可以下载老师上课时的资料，以及管理员上传的资料。⑶教学视频：学生可以查看老师上传的教学视频。⑷在线自测：学生可以了解自己的学习状况并进行测试。⑸讨论区：学生若有对教学过程中的疑惑都可以在讨论版中进行讨论，教师和其他同学回复。3.5.3教师操作模块教师操作模块主要实现了以下几个功能：⑴发布作业：教师可以上传学生需要完成的作业。⑵资料下载：教师可以上传教学的资料。⑶教学视频：教师可以上传的教学视频。⑷讨论区：教师能够针对学生的留言进行回复。⑸网站公告：能够看到后台管理员上传的公告。3.5.4管理员管理模块管理员操作模块主要实现了以下几个方面：⑴管理员维护：可以对系统管理员进行维护。⑵专业管理：对专业进行添加和删除。⑶班级管理：对班级进行管理。⑷老师管理：对教师的角色增加或者删除。⑸学生管理：对学生的角色增加或者删除。⑹资料下载管理：可以上传或者删除资料。⑺公告管理：可以添加公告或者删除公告。⑻教学视频管理：可以上传教学的视频以及删除旧的视频。⑼在线自测管理：可以上传在线自测的题目。3.6非功能性需求3.6.1运行所需的软件环境⑴操作系统：Windows8，Windows7，WindowsXP,Windows2000；30 滁州学院本科毕业设计⑵数据库：MySql5.5；⑶开发工具包：Jdk6.0；⑷Web服务器：Tomcat7.0；⑸浏览器：IE8.0，推荐使用IE6.0及以上；⑹分辨率：最佳效果1024*768像素。3.6.2运行所需的硬件环境⑴CPU：P41.8GHz；⑵内存：256Mb以上；⑶硬盘：40G及以上。4系统介绍4.1系统主要功能模块4.1.1登陆注册模块本教学平台主要面向在校学生和教师所设计，新用户登陆时需要先进行注册才可以登入到网上教学平台，前提是用户需要在学生表或者用户表里面。注册时，需要有相应的注册类型、学号（教师号）、用户名、密码等信息。系统提示注册成功后，需要填写正确的帐号（学生填写学号）和密码，并选择正确的身份登陆。若帐号或密码或身份选择错误不符，都将被拒绝登陆。登陆及登陆检测主要实现代码如附录：if(liuService.getStubyxuehao(xuehao_jiaoshihao)==false)//学生用户注册{req.setAttribute("msg","输入的学号不正确，无这个学生。");}if(liuService.getStubyxuehao(xuehao_jiaoshihao)==true){Stringsql="insertintot_uservalues(?,?,?,?,?)";Object[]params={id,loginname,loginpw,xuehao,2};DBmydb=newDB();mydb.doPstm(sql,params);mydb.closed();req.setAttribute("gms","注册成功："+loginname+"    密码是："+loginpw);}4.1.2学生操作模块学生操作模块是本系统的主要模块之一，包括学生下载作业、资料下载、教学视频、在线自测、30 滁州学院本科毕业设计讨论区等功能。登陆成功的学生用户，可进入教学平台中进行作业以及资料的下载，并且可以在线测验，检查自己的学习状况。在线自测的题目分为选择题和简答题。同时，如果是上课没有听懂的地方也可以观看上传的教学视频。此外，学生若是对教学过程有何疑问，都可以在讨论区进行留言，相关实现主要代码如下：⑴在线测试得分主要代码publicvoidtimuSuiji_defen(HttpServletRequestreq,HttpServletResponseres)throwsServletException,IOException//计算得分的方法{intfenshu=0;String[]a=newString[100];Stringzq=String.valueOf(timu.getId());a[i]=timuDaan;System.out.println("i="+zq);if(timuDaan.equalsIgnoreCase(timuDaan_user)){fenshu+=timu.getFenshu();}System.out.println("*********"+a[i]);}req.setAttribute("zq1","第一题正确答案："+a[0]);req.setAttribute("zq2","第二题正确答案："+a[1]);req.setAttribute("zq3","第三题正确答案："+a[2]);req.setAttribute("message","本次在线自测得分："+fenshu);req.getRequestDispatcher("qiantai/timu/timuSuiji_defen.jsp").forward(req,res);}⑵作业下载try{//下载资料Stringxiazailijing=request.getParameter("fxiazailujing");StringxiazaiName=request.getParameter("xiazaiNameg");xiazaiName=java.URLDecoder.decode(xiazaiName,"gb2312");//System.out.print(xiazaiName+xiazailijing);SmartUploadxz=newSmartUpload();//新建一个SmartUpload对象xz.init(pageContext);//初始化xz.setContentDissition(null);xz.downloadFile(xiazailijing,null,newString(xiazaiName.getBytes(),"utf-8"));out.clear();out=pageContext.pushBody();}catch(Exceptione){alert("无此资料。");publicvoidtianjiazuoye(HttpServletRequestrequest,HttpServletResponseres)//添加作业{30 滁州学院本科毕业设计Stringddid=String.valueOf(newDate().getTime());//获取当前时间Stringzyname=req.getParameter("zyname");//获取作业名称Stringghfgdf=newDate().toLocaleString();Stringxes="no";Stringerert=req.getParameter("erert");Stringsql="insertintot_xiazaivalues(?,?,?,?,?,?)";//插入到数据库中Object[]params={ddid,zyname,erert,fghfgdf,fddfg,xes};DBmydb=newDB();mydb.doPstm(sql,params);mydb.closed();request.setAttribute("xinxi","处理完成");dispatch(/chenggong.jsp,requset,res);}⑶讨论区主要代码publicvoidtaolunAll(HttpServletRequestrequest,HttpServletResponseres)throwsServletException,IOException{ListtaolunLisl=TaoService.get_all_taolun_y();ListtaolunList=TaoService.get_all_taolun_n();for(intm=0;m${tea.bianhao}30 滁州学院本科毕业设计${tea.name}${tea.sex}${tea.age}（2）公告管理：管理员会发布相关信息，学生以及教师能够在自己的角色权限下查看到相关公告。公告管理主要代码如下：publicvoidgonggaoAdd(HttpServletRequestreq,HttpServletResponseres)//添加公告{Stringid=String.valueOf(newDate().getTime());Stringtitle=req.getParameter("title");Stringcontent=req.getParameter("content");Stringshijian=newDate().toLocaleString();Stringsql="insertintot_gonggaovalues(?,?,?,?)";//插入到公告表中Object[]params={id,title,content,shijian};DBmydb=newDB();mydb.doPstm(sql,params);req.setAttribute("message","操作成功");req.setAttribute("path","gonggao?type=gonggaoMana");//跳转回JSP页面StringtargetURL="/common/success.jsp";dispatch(targetURL,req,res);}5.系统实现5.1前台模块5.1.1首页设计首页如图5-1所示，包含用户登陆、网站公告、日历、最新作业、最新资料等模块。其中首页添加导航功能，包括首页、发布作业、下载作业、资料下载、教学视频、视频上传、在线自测、讨论区、后台管理。30 滁州学院本科毕业设计其中用户可以直接在用户登陆模块登录，之后可以进行相应的操作。界面如图5-1所示：图5-1教学平台首页5.1.2作业下载用户登录平台后，可以下载作业。界面如下图所示：图5-2下载作业页面30 滁州学院本科毕业设计5.1.3教学视频用户登陆教学平台后，可以观看到相应的教学视频。界面如下图5-3所示：图5-3教学视频页面5.1.4在线自测⑴学生登陆后，可以对自己所学的知识做一个巩固，进行在线测试并且可以自动评分。界面如下图5-4所示：图5-4在线测试页面30 滁州学院本科毕业设计⑵提交后，系统可以将使用者提交的结果自动评分，本次测试使用的是两个错误答案，一个正确答案。提交后结果为10分，同时可以看到正确的答案选项。界面如下图5-5所示：图5-5测试得分页面5.1.5讨论区学生在学习的过程中无论是遇到的问题或者是有学习上的经验需要和同学们分享，都可以在讨论区发布帖子。其他的同学或者老师看到所有的回复及也可以进行回复，进行交流。发表新帖界面如下图5-6所示：图5-6发表新帖页面30 滁州学院本科毕业设计回复界面如下图5-7所示：图5-7查看回复及回复页面5.2后台模块5.2.1登陆界面此模块主要功能是用于登录本系统的后台管理界面，输入的用户名和密码后提交给登陆的servlet进行处理，若比对成功，则进入到网上教学平台的后台管理界面。登陆界面如图5-8所示：图5-8后台登陆界面30 滁州学院本科毕业设计详细登录程序流程为图5-9所示：图5-9登陆程序程序流程图5.2.2学生管理界面管理员登陆后台系统后点开学生管理菜单能够看到当前学生信息，如图5-10所示：图5-10学生管理界面30 滁州学院本科毕业设计管理员也可以添加学生用户，需要知道学生的学号、姓名、班级以及入学时间等信息。如图5-11所示：图5-11添加学生用户5.2.3题目管理管理员可以对在线自测的题目进行管理包括添加以及删除，界面如下图5-12所示：图5-12简单题管理页面5.2.4公告管理管理员可以添加最新的公告，界面如下图5-13所示：图5-13公告管理30 滁州学院本科毕业设计6系统测试软件测试是指根据软件系统的功能和规格说明书以及软件的内部结构等来设计若干的测试用例，然后应用这些测试用例去驱动软件运行，查看运行结构是否符合测试用例的预期结果。对于不符合预期结果的测试用例要由开发人员找出问题的根源，并作出相应的调整和修改，再进行重新测试。测试是一个不断重复的过程，直到所有的测用例都和预期的结果一致。6.1软件测试目的软件测试的目的主要包括以下两个方面：⑴软件是否与原先的设计构想一致。这是检验软件质量最重要的标准。⑵软件是否符合用户的需求。软件是最终要交付给用户使用的，只有用户认可的软件才是成功的软件。    6.2系统测试用例把项目部署到Eclipse指定文件夹下，运行MySQL服务和Tomcat服务器，输入地址可进入如图5-1所示的系统运行首页。在使用正确的账号和密码并选择正确的身份登录之后即可进行相关测试，具体的测试内容如下。⑴用户注册测试用例。需要用户需要在学生表或者在教师表中并且要选择正确的身份类型才能够注册成功，进行登陆。注册功能的测试用例表如6-1所示：表6-1注册功能测试用例表ID用例描述操作步骤预期结果实际结果1输入正确用户名和错误的身份1.输入相关信息2.点击确定按钮错误提示符合预期2输入正确用户名，正确身份1.输入相关信息2.点击确定按钮注册成功符合预期3输入错误用户名，正确身份1.输入相关信息2.点击确定按钮错误提示符合预期30 滁州学院本科毕业设计⑵用户登陆测试用例用户在输入正确的用户名，密码和身份之后才能成功登陆系统，使用相关的功能。登陆功能的测试用例表如表6-2所示：表6-2登录功能测试用例表ID用例描述操作步骤预期结果实际结果1输入正确用户名，密码和错误的身份1.输入相关信息2.点击登陆按钮错误提示符合预期2输入正确用户名，错误密码和正确身份1.输入相关信息2.点击登陆按钮错误提示符合预期3输入错误用户名，正确密码和正确身份1.输入相关信息2.点击提交按钮错误提示符合预期⑶发布作业测试用例只有教师用户才能发布作业，如果是学生用户登陆的话则会提示相关信息。发布作业功能的测试用例表如表6-3所示：表6-3·发布作业测试用例表ID用例描述操作步骤预期结果实际结果1输入教师用户1.点击登陆按钮2.点击发布作业正常发布符合预期2输入学生用户1.点击登陆按钮2.点击发布作业错误提示符合预期6.3测试环境与测试条件处理器：AMDPhenom(tm)IIN830Triple-CoreProcessor(3CPUs)，2.1GHZ内存：2GB硬盘：320GB操作系统：Windows7数据库：MysqlServer30 滁州学院本科毕业设计6.4系统测试情况⑴登陆注册测试①注册时如果用户不在学生或者教师表中（以教师身份注册），如图6-1所示，则出现如图6-2的错误提示：图6-1注册测试图6-2注册测试结果②登陆账号或者密码或身份选择错误，如图6-3所示，则出现如图6-4的错误提示：图6-3登陆测试1图6-4登陆测试1结果图30 滁州学院本科毕业设计账号或者密码没有输入，如图6-5所示，则出现如图6-6的错误提示：图6-5登陆测试2图6-6登陆测试2结果图（2）发布作业发布作业是提供给教师为了节省课堂时间进行权限内的管理模块，此测试为学生用户登陆后打开发布作业，如图6-7所示：图6-7发布作业测试30 滁州学院本科毕业设计（3）在线自测学生用户在使用在线测试功能时，选择题题目得分测试。将选择题答案选择为两错一对答案，如图6-8所示：图6-8选择题得分测试测试结果如下图6-9所示：图6-9选择题得分测试结果结束语从课题开题到现在完成毕业设计论文，在老师与同学们的指导帮助下，本教学平台的设计基本完成了预定的目标。本系统是在传统教学的基础上开发的网上教学平台。采用CSS布局技术、JSP数据处理功能实现了系统登录模块、资料下载模块、公告模块、日历模块、心得日记模块、观看视频等多个模块功能。30 滁州学院本科毕业设计经过本次毕业设计，让我巩固了以前学过的一些专业知识，也学会了许多之前没有接触过的知识，比如利用在网页上CSS布局和Dreamweaver软件。但同时由于自己能力有限和时间不足的问题，教学平台还存在一定不足，如：上传视频时有一定的限制，视频不能太大，以及界面不够美观。另外，本教学平台不能实现学生选课，教师申请开课等，但后期我会继续完善这个教学平台，能够更好的服务师生。参考文献[1]中国经济网.《开放教育研究》大规模开放在线课程的国际现状分析[EB/OL].http://edu.ce.cn/xw/201308/30/t20130830_1066679_1.shtml,2013.08.30[2]张国锋.网络教学平台的设计与实现[D].华东师范大学硕士论文,2007[3]BruceEckel.著.Java编程思想[M],(陈昊鹏译).北京:机械工业出版社,2007[4]秦圆圆.关于Tomcat的一些问题探讨[J].山西科技,2011,26(4):40-43[5]万常选.数据库系统原理与设计[M].北京:清华大学出版社,2009[6]EricA.Meyer.CSS权威指南（第三版）[M].北京.中国电力出版社,2007[7]谷庆华,李成贵.基于Java语言实现数据库的访问[J].计算机技术与发展,2008,18(2):13-16[8]Mcleod.ADataArchivingandRetrievingSystemfortheCircumlunarExplorerBasedonXML/WebServices[J].ActaGeologicaSinica,2004,13(5):5-6[9]Willian,K.ConstructionofNetworkManagementInformationSystemofAgriculturalProductsSupplyChainBasedon3PLs[J].AsianAgriculturalResearch,2010,7(10):3-5[10]甘仞初,颜志军,龙虹.信息系统分析与设计[M].北京:高等教育出版社,2003[11]张海藩.软件工程导论（第五版）学习辅导[M].北京:清华大学出版社，2008[12]万常选.数据库系统原理与设计[M].北京:清华大学出版社,2009[13]罗爱萍.仓库进销存管理系统的开发[D].电子科技大学硕士学位论文,200630 滁州学院本科毕业设计致谢经过这次毕业设计，我对基于Web的系统开发与设计有了全新的认识。对以往在课堂上学到的知识有了更加深刻的理解，为以后的学习与工作提供了更多的知识储备。至此，向我的导师任老师表示衷心的感谢。这段时间以来，任老师严谨的治学态度、高度的敬业精神以及谦和的待人风范对我产生了重要影响，老师们耐性的指导和对我学习、完成毕业设计的督促，都让我铭记于心，由衷感谢。任老师从我选题到系统的设计分析再到系统的实现过程中，给予了我很大的帮助，在撰写论文时不厌其烦地给予我指导和建议，对此，我表达最由衷的谢意！此外，还要感谢所有在我困难的时候给予我帮助的老师和同学，感谢学院里的领导和老师在四年里对我的关心和帮助，感谢我的家人在背后默默的支持。由于本人水平的有限，很多地方做的都不够好，论文中不免存在错误和不足，敬请各位老师和同学的批评、指正。30