基于BS架构三维教学系统的设计与实现毕业论文.docx

《基于BS架构三维教学系统的设计与实现毕业论文.docx》由会员分享，可在线阅读，更多相关《基于BS架构三维教学系统的设计与实现毕业论文.docx（41页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。

1、学号：河南大学2014届本科毕业论文基于B/S架构三维教学系统的设计与实现The three-dimensional teaching system based on B/S architecture design and implementation论文作者姓名： 作 者 学 号： 所 在 学 院： 所 学 专 业： 导师姓名职称： 论文完成时间： 2014年5月20日开题报告河南大学本科生毕业论文（设计、创作）承诺书论文题目基于B/S架构三维教学系统设计与实现姓 名所学专业学 号完成时间指导教师姓名职称承诺内容：1本毕业论文（设计、创作）是学生 在导师 的指导下独立完成的，没有抄袭、剽窃他

2、人成果，没有请人代做，若在毕业论文（设计、创作）的各种检查、评比中被发现有以上行为，愿按学校有关规定接受处理，并承担相应的法律责任。2学校有权保留并向上级有关部门送交本毕业论文（设计、创作）的复印件和磁盘。备注：学生签名： 指导教师签名：2014 年 5 月 20 日 2014 年 5 月 20 日说明：学生毕业论文（设计、创作）如有保密等要求，请在备注中明确，承诺内容第2条即以备注为准。承诺书 目 录摘 要3ABSTRACT4第1章 绪 论51.1 课题来源51.2 课题的研究意义51.3 开发环境介绍51.3.1 Microsoft Visual Studio 201051.3.2 SQL

3、 Server 200861.4 开发及运行环境6第2章 可行性研究72.1 技术可行性72.2 经济可行性72.3 操作可行性72.4 法律可行性7第3章 需求分析83.1 系统功能需求83.2 系统性能需求9第4章 概要设计104.1 系统总体结构图104.2 系统数据库设计114.2.1 数据库概念设计114.2.2 数据库表设计12第五章 系统详细设计与实现145.1 登录模块设计145.2 管理员端模块设计145.2.1 管理员密码修改155.2.2 教师信息管理155.3 教师端模块设计175.3.1 班级信息管理175.3.2 学生信息管理175.3.3 国际展览中心信息管理19

4、5.3.4 教师课件信息管理265.4 学生端模块设计305.4.1 学生个人信息管理315.4.2 学生国际展览中心信息查看325.4.3 课件信息查看37总结39致谢40参考文献41 摘 要在人们的日常生活中，网络逐渐成为人们获取信息的重要方式之一。而网络视频，ppt等优秀的信息展示方式，也越来越受到人们的喜爱。网络教学系统也就应运而生。网络教学系统上丰富的信息展示手段，极大的提高了教学效率和学生的学习兴趣，在现代教育事业的发展中，扮演者越来越重要的角色。本系统主要分为三个功能部分组成，系统维护人员功能部分，老师功能部分，学员功能部分。通过三个端口来建立起一整套的从学校到教师在到学生的完善

5、的教育体系。系统以CRM公共类库为基础，采用vs10作为开发工具，SQL2008作为数据库管理工具。系统维护人员功能部分主要功能包括对老师账户的建立，修改，删除，权限设置，系统默认信息的设置的功能。老师功能部分主要功能包括建立班级信息，建立学员信息，查看上传下载学员信息，对学员分配任务，上传教学视频，教学ppt课件的功能。学员功能部分主要实现查看下载教学视频，教学ppt课件的功能。系统主要需要解决的问题：1 不同格式的视频上传时的转码功能。2 不同格式的课件文档上传时的转码功能。3 网页播放视频时的播放器的快进，后退，全屏等功能的实现。关键词 三维教学系统；.net；视频转码；文档转码；网页播

6、放器。第3页ABSTRACTIn recent years, with the development and popularization of the Internet on a global scale, people can easily share a variety of network resources, network has become one of the important channels of access to information.And network video, powerpoint, etc. Good information display, is

7、 becoming more and more popular with people.The network teaching system also was born.A wealth of information on network teaching system show means, greatly improve the efficiency of teaching and students interest in learning, in the development of modern education, plays an increasingly important r

8、ole.This system mainly divided into three ports, administrators, teachers, students.Through three ports to establish a complete set of to the improvement of the teacher in the student from the school education system.Based on platform, using vs2010 as development tool, SQLServer2008 as the database

9、management tools.Main realization to the establishment of a teacher account administrator end, modify, delete, permissions set, the function of the information system default Settings.Teachers end main implementation class information, the establishment of student information, view the upload downlo

10、ad student information, assign tasks to the student, upload video teaching, the teaching function of PPT courseware.Students the main view video download teaching, the teaching function of PPT coursewareThe system is mainly to solve the problem:1. The different formats of upload video transcoding fu

11、nction.2. Different formats of courseware document upload transcoding functions.3. The web page when play the video player fast forward, backward, the realization of the full screen, and other functions.Keywords: The three-dimensional teaching system; T. Video transcoding. Document transcoding; Web

12、player第4页第1章 绪 论对于教育系统来说，传统的教学手段，单一，效率低，无趣的特点显得越发突出。而这时网络做为快速崛起的信息传播获取渠道，具备着高效，生动，信息量大的特点，恰好可以作为传统的教学手段的有效补充。不仅丰富了教师的教学手段，生动了知识的传播，同时可以最大限度的激发起学生的学习兴趣，也方便了学生课余时间的学习生活1.1 课题来源该课题为自选课题。1.2 课题的研究意义众所周知，互联网技术的发展十分迅猛，使得网络展示信息的方式越来越生动多变。基于此研发的三维教学系统能过对传统教学手段起到最有效的补充，同时使得枯燥的学习变的多彩有趣。由于网络的特殊性，同时造就了网络学习系统的随机

13、性，保证了学生在遇到学习问题时能得到及时的解决。1.3 开发环境介绍1.3.1 Microsoft Visual Studio 2010它将是经典的一个版本，相当于当年的6.0版本。而且它可以自定义开始页；它具备了以下9大新功能和5大创新：(1) 9大新功能1) C# 4.0中的动态类型和动态编程；2) 多显示器支持；3) 使用Visual Studio 2010的特性支持TDD；4) 支持Office；5) Quick Search特性；6) C+ 0x新特性；7) IDE增强；8) 使用Visual C+ 2010创建Ribbon界面；9) 新增基于.NET平台的语言 F#；(2) 5大创

14、新1) 民主化的应用程序生命周期管理；2) 让开发商惊喜；3) 下一代平台浪潮的弄潮儿；4) 跨部门的应用；5) 高效的开发环境；1.3.2 SQL Server 2008是一套安全的数据库管理系统平台，提供了高效便捷的数据库管理服务。此外 SQL Server 2008 结合了分析、报表、集成和通知功能。1.4 开发及运行环境系统开发平台：Visual Studio 2010系统开发语言：C#l数据库管理系统：SQL Server 2008系统运行平台： Windows2003/ Windows XP / Windows7系统运行环境：Microsoft.NET Framework SDK

15、v4.0或更高第2章 可行性研究任何的系统在开发之前，我们都需要进行可行性的研究，来确定我们所开发的系统是否符合市场需要，我们所预期的系统功能是否能够在现有的技术条件下得到实现，我们的开发经费是否能够支撑我们的研究，我们的系统是否是在国家法律允许的范围内。2.1 技术可行性具有vs2010开发工具，SqlServer2008数据库管理工具，熟练掌握依托.net平台搭建基于B/S架构的三层编码体系的方法，所以在现有的技术条件下可以保证完成系统功能目标的实现，同时开发人员具有过硬的专业素质能够满足软件的开发工作，所以在规定期限内软件能够完成。2.2 经济可行性系统主要由个人独自开发，人力资本不需花

16、费任何金额，开发所需硬件电脑一台，个人完全可以独自承担，开发工具以及数据管理工具都可采用网上免费的版本，所以在经济上是可行的。2.3 操作可行性系统功能清楚，操作界面简单，方便，有完善的异常处理机制和错误提示信息，同时具有完善的用户操作手册，可以指导用户进行软件操作。2.4 法律可行性软件开发过程，涉及的功能都在国家法律规定范围内，没有违法违规操作。通过这一系列的可行性研究之后我们能够得出结论，我们的系统是可行的。第40页第3章 需求分析对软件具体要实现的功能进行分析研究，划分出系统概要模块，在分析出每一个概要模块中涉及到的功能模块，同时分析出软件运行所需具体平台环境，硬件支持信息。3.1 系

17、统功能需求系统主要由系统维护人员功能部分，教师功能部分，学生功能部分三个部分组成。在管理员端可以设置自身信息，管理教师信息。教师端可以设置自身信息，管理班级，学生，展览中心，课件信息。学生端具有管理自身信息，查看展览中心信息，课件信息的功能。进入系统，首先需要验证身份，正确后方可进入。具体功能如下：（1） 登录功能 系统的用户在登录界面中首先选择要进入哪个功能部分，然后输入名称和密码，系统根据用户选择，判断用户的输入是否匹配，通过后进入用户选择的功能部分。（2） 管理员端功能1) 管理系统维护人员自身信息。系统维护人员可以通过系统，查看自身信息，并在验证原登录密码正确的情况下，修改密码。2)

18、管理系统相关教师信息。系统维护人员首先会以列表形式查看教师信息，列表会显示出教师名称，添加时间。系统维护人员可以对老师信息进行添加，可以对教师信息进行修改，可以对教师信息进行删除的操作。（3） 教师端功能1) 管理自身信息。教师可以通过系统，查看自身信息，并在验证密码正确的情况下，修改密码。2) 管理系统相关联的班的信息。以列表形式显示列出班的名称和添加时间，老师可以对班的信息进行添加，对班的信息进行修改，对班的信息进行删除操作。3) 管理学员信息。老师可以列表查看所有添加的学员的信息，可以通过学员姓名，学员所在班来筛选要查看的学员信息。同时老师可以添加学生信息，学生信息必须关联班级信息。同样

19、，老师也可以查看学员详细信息，对学院信息进行修改，删除学员信息，还可以批量导入学员信息，重置学员密码的操作。4) 国际展览中心信息管理。首先以列表形式显示出所有国际展览中心信息数据。教师可以添加一条新的展览中心信息，同时也可以针对某一条信息，查看其详细信息，修改，删除的操作。每一条国际展览中心信息同时关联一条实景信息和视频信息，教师可以针对某条展览中心信息添加和其相关联的实景信息和视频信息5) 教师电子课件管理。教师可以查看，添加，修改，删除电子课件信息，电子课件以ppt形式上传。（4） 学生端功能1) 自身信息管理，学生可以查看，修改自身信息，同时在验证通过原密码的情况下，设置新密码。2)

20、国际展览中心信息查看。学生可以选择某一个国际展览中心进行查看，点击进入后，首先会以文字形式介绍展览中心信息，之后学生可以通过ppt，实景照片，视频等方式来全面详细查看展览中心信息3) 教学课件信息查看。学生选择教学课件查看，首先会以列表形式显示所有的教学课件，然后学生可以选择某一个教学课件进行查看，查看的方式主要通过网页ppt来展现。3.2 系统性能需求由于系统需要存储大量教学视频，教学课件信息，所以要求服务器具备500G以上容量的硬盘，需要windows server2003及以上的计算机系统支持，需要Sqlserver2008及以上版本的数据库管理系统支持，需要.netframework

21、4.0及以上的.net平台架构支持。同时由于视频内容过大时需要快速转码，要求服务器具有较高的响应速度和计算运转速度。第4章 概要设计4.1 系统总体结构图根据需求分析所得，将各个模块按照需要排列，可画出如图4.1所示的系统总体框图： 登陆系统 管理员登录教师登录学生登录信息管理教师管理信息管理班级管理学生管理展览管理课件管理信息管理展览查看课件查看内容管理实景管理视频管理文档管理想想图 4.1 系统总体结构图 该图总体显示了系统的结构设计信息。当用户登录时，根据用户不同权限登录不同功能部分进行操作。系统维护人员可以对自身信息，和老师信息进行管理。老师进入操作主界面后可以对自身信息，班的信息，学

22、员信息，展览中心信息，课件信息进行管理操作。学员进入操作主界面后可以管理自身信息，同时还可以查看展览中心信息，课件信息。4.2 系统数据库设计4.2.1 数据库概念设计通过E-R图来展现数据库设计的概念模式，如图所示：登录名教师ID管理员密码设置管理姓名姓名密码说明序号用户名说明学生序号用户名状态姓名班级id教师id添加日期添加方式班级序号添加教师名称日期教师id课件原名称Id日期教师转换名称展览信息Ppt日期添加人文字Id名称图片查看管理实景视频展览id添加人转换名称日期日期添加人转换名称原名称展览idId原名称Id图 4.2 数据库设计E-R图 4.2.2 数据库表设计本系统数据库名为Z3

23、DVP，基于对关系数据库的设计概念，设计一下表格：1. sys_user_admin 管理员用户表，如表4-1所示：表4-1管理员用户信息表列名数据类型注释可否为空ua_idint管理员序号NOT NULLua_uservarchar(50)用户名NULLua_passvarchar(50)密码NULLua_namevarchar(50)姓名NULLua_remarkvarchar(500)其他说明NULL2. sys_user_teache教师用户表，如表4-2 所示：表4-2 教师用户表列名数据类型注释可否为空ut_idint教师序号NOT NULLut_uservarchar(50)用户

24、名NULLut_namevarchar(50)姓名NULLut_passvarchar(50)密码NULLut_remarkvarchar(500)备注NULL3. sys_user_class 班级信息表，如表4-3所示：表4-3 班级信息表列名数据类型注释可否为空uc_idint班级序号NOT NULLut_idint教师序号NULLuc_namevarchar(100)班级名称NULLadd_userint添加教师NULLadd_userdatetime添加日期NULL4. sys_user_student 学生信息表，如表4-4所示：表4-4 学生信息表列名数据类型注释可否为空us_i

25、dint学生序号NOT NULLuc_idint班级序号NULLus_uservarchar(100)用户名NULLus_namevarchar(100)姓名NULLus_passvarchar(100)密码NULLus_statusint状态NULLadd_typeint添加方式NULLadd_timedatetime添加日期NULLadd_userint添加教师NULL5. Teaching_courseware 教学电子课件表，如表4-5所示：表4-5 教学电子课件表列名数据类型注释可否为空tc_idint课件序号NOT NULLtc_ynamevarchar(100)课件原名称NULL

26、tc_znamevarchar(100)课件转换后名称NULLadd_userint添加教师NULLadd_timedatetime添加日期NULL6. International _Exhibition 国际展览信息表，如表4-6所示：表4-6 国际展览信息表列名数据类型注释可否为空ie_idint展览序号NOT NULLie_namevarchar(50)名称NULLie_imagevarchar(100)图片NULLie_infotext文字介绍NULLie_ppttextPPT演示NULLadd_userint添加人NULLadd_timedatatime添加日期NULL7. Exhi

27、bition_Reality国际展览360度实景表，如表4-7所示：表4-7 国际展览360度实景表列名数据类型注释可否为空er_idint实景序号NOT NULLie_idint展览序号NULLer_ynamevarchar(100源文件名称NULLer_znamevarchar(100)转换后文件名称NULLadd_userint添加人NULLadd_timedatatime添加日期NULL8. Exhibition_Video国际展览视频介绍表，如表4-8所示：表4-8 国际展览视频介绍表列名数据类型注释可否为空ev_idint视频序号NOT NULLie_idint展览序号NULLev

28、_ynamevarchar(100源文件名称NULLev_znamevarchar(100)转换后文件名称NULLadd_userint添加人NULLadd_timedatatime添加日期NULL第五章 系统详细设计与实现5.1 登录模块设计结合用户名和密码，选择要登录到哪一个功能部分，然后在验证用户名和密码是否正确，如果正确跳转选择的功能部分的主页面，如果不正确，不允许登录。登录界面如图5-1所示：图 5.1 登录界面 15.2 管理员端模块设计系统维护人员可以对本身信息进行查看修改操作，对老师信息进行查看，添加，修改，删除操作，概况功能如图5.2所示：图 5.2 管理员端主界面 15.2

29、.1 管理员密码修改系统维护人员输入原密码，验证正确后，可以重新设置密码信息，如图5.3所示：图 5.3 密码修改5.2.2 教师信息管理系统维护人员可以对老师信息进行查看，添加，修改，删除操作，如图5.4所示：图 5.4 教师信息管理点击添加按钮，跳转到老师信息添加功能页面，如图5.5所示：图5.5 教师信息添加点击修改，则跳转到老师信息修改功能页面，如图5.6所示：图5.6 教师信息修改点击删除，则会出现提示删除后讲不可恢复的提示框信息，确认删除后老师信息删将被删除，如图5.7所示：图5.7 教师信息删除5.3 教师端模块设计教师可以班级，学生，展览信息，课件信息进行管理，同时可以对自身信

30、息进行管理。如图5.8所示：图5.8 教师端功能模块主界面5.3.1 班级信息管理主要实现对班级信息的添加，修改操作，如图5.9,5.10所示：图5.9 班级信息添加图 5.10 班级信息修改5.3.2 学生信息管理老师可以列表查看学生信息，同时可以通过学生姓名和所在班级查看学生详细信息。并且能够对学生信息进行添加，修改，删除，停用，密码重置，批量导入的操作，主要界面如图5.11所示：图5.11 学生信息管理主界面点击添加按钮，跳转到学生信息添加页面，如图5.12所示：图5.12 学生信息添加点击修改按钮，跳转到学生信息修改页面，如图5.13所示：图5.13 学生信息修改点击查看，则跳转到学生

31、详细信息查看页面，如图5.14所示：图5.14 学生信息查看选择批量导入功能，则跳转到学生信息批量导入页面，如图5.15所示：图5.15 学生信息批量导入核心源码：#region Excel导入string error = string.Empty;int adcount = 0;HttpFileCollection files = HttpContext.Current.Request.Files;if (!stuBll.insertStuFormExcel(files, this.txt_SheetName.Text, int.Parse(dllbj.SelectedValue.ToStr

32、ing().ToString(),intTeacherID, ref error, ref adcount)error += ,添加失败！;ZKHelper.JSHelper.Alert(error);return;if (error != )error += ，其他用户导入成功！;elseerror = ;if (error = )ZKHelper.JSHelper.AlertAndRedirect(用户导入成功！, Tc_Stu_List.aspx);elseZKHelper.JSHelper.Alert(error);#endregion5.3.3 国际展览中心信息管理教师选择国际展览中

33、心管理，首先可以列表查看所有的国际展览中心信息，然后可以对国际展览中心的进行添加，修改，删除操作，同时也可以对展览中心所相关联的实景信息，和视频信息进行上传操作。主要界面如图5.16所示：图5.16国际展览中心管理主页面点击添加按钮，则会跳转到国际展览中心添加页面，如图5.17所示：图5.17 国际展览中心添加页面点击修改，则会跳转到国际展览中心信息修改页面，如图5.18所示：图5.18 国际展览中心修改页面核心源码：string imgname = fupimage.FileName;string imghouzui = imgname.Substring(imgname.LastIndex

34、Of(.) + 1);/文件后缀名if (!IsAllowedType(allowed, imghouzui)ZKHelper.JSHelper.Alert(err);return;string pptname = fupppt.FileName;/上传ppt的源文件名string ppthouzui = pptname.Substring(pptname.LastIndexOf(.) + 1);/文件后缀名if (ppthouzui.Trim().ToLower() != ppt & ppthouzui.Trim().ToLower() != pptx)return;string tempn

35、ame = DateTime.Now.ToString(yyyyMMddHHmmssfff);tempname += . + imghouzui;string imgnewname = tempname;folder += zhanlanzhongxintupian/;/将图片保存到服务器指定位置string folderpathname = Server.MapPath(folder);if (!Directory.Exists(folderpathname)Directory.CreateDirectory(folderpathname);string fullpath = Server.

36、MapPath(folder + tempname);this.fupimage.SaveAs(fullpath);/ 将附件保存在服务器上tempname = DateTime.Now.ToString(yyyyMMddHHmmssfff);string newname = tempname + . + ppthouzui;string newnamezh = tempname + .swf;folder = /uploadFiles/InterExhibition/zhanlanzhongxinppt/;folderpathname = Server.MapPath(folder);if

37、(!Directory.Exists(folderpathname)Directory.CreateDirectory(folderpathname);fullpath = Server.MapPath(folder + newname);this.fupppt.SaveAs(fullpath);/将附件格式转换为swfif (!bll.ConvertToSWF(fullpath, Server.MapPath(folder) + newnamezh)ZKHelper.JSHelper.Alert(转换失败！);return;/将展览中心数据信息存入数据库model.ie_name = txt

38、name.Text;if (txtnote.Text.Trim() = )model.ie_info = 暂无介绍;elsemodel.ie_info = txtnote.Text;model.ie_image = imgnewname;model.ie_pptname = newname;model.ie_pptnamezh = newnamezh;model.add_user = intTeacherID;model.add_time = DateTime.Now;if (bll.Add(model) 0)ZKHelper.JSHelper.AlertAndRedirect(操作成功！,

39、InterCenter_Manage.aspx);return;elseZKHelper.JSHelper.Alert(操作失败！);return;点击实景设置的时候，则会跳转到实景上传页面，如图5.19所示：图5.20 实景信息上传核心源码：if (!this.FileUpload1.HasFile)ZKHelper.JSHelper.Alert(请选择要上传的附件！);return;if (this.FileUpload1.PostedFile.ContentLength 2147483648)ZKHelper.JSHelper.Alert(上传附近最大为2G，请重新上传！);return

40、;string preFileName = FileUpload1.FileName;/原文件名string houzui = preFileName.Substring(preFileName.LastIndexOf(.) + 1);/原文件文件类型if (sign = 0)if (houzui.Trim().ToLower() != swf)ZKHelper.JSHelper.Alert(上传文件类型错误，只允许上传swf格式文件！);return;if (sign = 1)string allowe = new string avi, swf, flv, asf, mpg, 3gp, m

41、ov,mp4 ;if (!IsAllowedType(allowe, houzui)return;string tempname = DateTime.Now.ToString(yyyyMMddHHmmssfff);string newname = tempname + .+houzui;string namezh=;if (sign = 0)folder += zhanlan360shijin/;if (sign = 1)folder += zhanlanshiping/;if (houzui != flv)namezh = tempname + .flv;elsenamezh = newn

42、ame;string folderpathname = Server.MapPath(folder);if (!Directory.Exists(folderpathname)Directory.CreateDirectory(folderpathname);string fullpath = Server.MapPath(folder + newname);this.FileUpload1.PostedFile.SaveAs(fullpath);/将非flv,swf格式的视频转换成flv格式string saveName = tempname;string playFile = Server

43、.MapPath(folder + saveName);string imgFile = Server.MapPath(folder + saveName);VideoConvertHelper pm = new VideoConvertHelper();string m_strExtension = VideoConvertHelper.GetExtension(this.FileUpload1.PostedFile.FileName).ToLower();if (m_strExtension = flv)/直接拷贝到播放文件夹下/System.IO.File.Copy(fullPath, playFile + .flv);pm.CatchImg(fullpath, imgFile);if (m_strExtension = swf)/直接拷贝到播放文件夹下/System.IO.File.Copy(fullPath, p