基于Web的网上互动知识学习系统的设计与实现

1、石家庄铁道大学毕业设计基于Web的网上互动知识学习系统的设计与实现Design and Implementation of On-line Interactive Knowledge Learning System Based on Web 2010 届 经济管理 学院专 业 电子商务 学 号 学生姓名 指导教师 完成日期 2010年 6 月 8 日毕业设计成绩单学生姓名学号班级经0609专业电子商务毕业设计题目基于Web的网上互动知识学习系统的设计与实现指导教师姓名指导教师职称助教评 定 成 绩指导教师得分评阅人得分答辩小组组长得分成绩：院长(主任) 签字：年 月 日毕业设计任务书题目基于W

2、eb的网上互动知识学习系统的设计与实现学生姓名学号班级经0609专业电子商务承担指导任务单位经济管理学院导师姓名导师职称助教一、主要内容教学是由课堂授课、辅导答疑、阶段测试、专题讨论、实践教学等环节组成的，是学校教育的核心。网络环境下的学习具有很明显的互动性，能够使课堂呈现一种多层次的交往状态。基于WEB的网上互动知识学习系统能够：利用网络环境，改革教与学的方式，探索网络环境下进行多向互动学习的途径与策略；使学生适应网络环境下多向互动学习方式，让不同层次的学生主动参与学习，使每一个学生都能够得到信息素养与学业成就的发展；提高网络上丰富多彩的网络资源的利用率。因此，开发一个适合学生和老师学习、交

3、流的网上互动知识学习系统是很有必要的。从开发系统的技术可行性、经济可行性和操作可行性三方面而言基于WEB的互动知识学习系统也是可行的。二、基本要求(1)采用B/S模式，前台用微软的ASP.NET 2.0和C#语言，后台数据库采用SQL Server 2005。(2)前端页面采用XHTML、Ajax技术进行制作，使用CSS进行布局和样式化。(3)系统能够达到初步实用水平。三、主要技术指标(1)对不同用户进行有效管理。(2)使用了Ajax后，提交评论只刷新评论区，对正在观看的视频无影响。(3)提供互动模块四、应收集的资料及参考文献1 侯秀萍，孙静波，胡文彬 著 基于WEB的互动辅助教学网络系统的设

4、计与实现J教育信息化，2002（12）：512 王佳莹，郭俊杰，梁鹏 著 基于WEB2.0和Wiki技术的辅助教学环境的设计与实现J哈尔滨师范大学自然科学学报，2009，25(5)3 丁昊凯，许静雯，谢黎文 著ASP.NET网站开发M北京：电子工业出版社，20074 尚亚丽，刘亚娟，刘德成 著 基于WEB的自主学习环境设计研究J长春师范学院院报，2009，28（6）：145-146五、进度计划第1周第6周 毕业实习，收集资料、熟悉开发环境第7周第9周 需求分析、总体设计第10周第14周 详细设计、编码、测试第15周第16周 完善文档，论文答辩教研室主任签字时间 年 月 日毕业设计开题报告题目基

5、于Web的网上互动知识学习系统的设计与实现学生姓名学号班级经0609专业电子商务一、研究背景及意义教学是由课堂授课、辅导答疑、阶段测试、专题讨论、实践教学等环节组成的，是学校教育的核心。随着高校教育体制改革的不断深化，如何激发学习热情、改善教学手段、提高教学质量成为教育工作者极为关注的问题。在保证授课环节的同时加强辅助教学环节无疑可以提高教学质量。但是在教学中，辅助教学环节受到时间和空间的限制，其效果并不理想。所以现在各个高校普遍使用互联网来提高教和学的效率，即利用网络通讯基础及先进的网络应用平台，建设一个可靠、开放、高效的网上互动知识学习系统。基于WEB的互动知识学习系统借助局域网或Inte

6、rnet平台和浏览器软件，使得老师可完成课件、讲义、视频、音频等教学资料的上传，学生则可实现自主的学习，这些活动都不受时间和空间的约束。同时学生与学生，学生与老师，老师与老师之间皆可进行互动交流、在线沟通，以及时解除疑惑从而促进教学的效果。网络环境下的学习具有很明显的互动性，能够使课堂呈现一种多层次的交往状态。基于WEB的互动知识学习系统给学校广大师生带来的好处是不言而喻的：利用网络环境，改革教与学的方式，探索网络环境下进行多向互动学习的途径与策略；使学生适应网络环境下多向互动学习方式，让不同层次的学生主动参与学习，使每一个学生都能够得到信息素养与学业成就的发展；提高网络上丰富多彩的网络资源的

7、利用率。基于以上原因，开发一个适合学生和老师学习、交流的网上互动知识学习系统是很有必要的。该系统将改变以往传统的教学模式，通过网络这个平台进行交流互动，极大的方便了学生，同时显著地提高了学生和教师的工作效率。从开发系统的技术可行性、经济可行性和操作可行性三方面而言基于WEB的互动知识学习系统也是可行的。二、国内外研究现状世界许多国家研究机构以及厂商和大学院校都在积极研究、开发各种网上教学系统和相关网络教学软件，并通过提供网络课程服务，发展网络教学标准，推动网络教学应用。其中，影响较大的网络教学平台有：(1)WEBCT（WEB Course Tools）是有加拿大British Columbia

8、计算机科学系开发，它是一个基本的服务器程序，主要用于课程开发与教学内容发布。国内中文版本为eYouCT。WEBCT是基于WEB浏览器的网络教学课件开发和管理系统，它可以用于在线开发课程，也可以用于将现有的课程内容在网上发布。系统使用浏览器作为课程开发环境的客户端。目前在该校和其他学校已有多门课程使用作为它们的支撑环境，它包括安全控制、管理、数据备份等多项功能，它运行在UNIX系统之上。(2)Blackboard。Blackboard是在线教学管理平台，是目前市场上唯一支持百万级用户的教学平台，拥有美国近50%的市场份额。全球有超过2800所大学及其他教育机构在使用Blackboard产品，其中

9、包括著名的普林斯顿大学、哈佛大学、斯坦福大学、西北大学、杜克大学等。Blackboard在线教学管理系统以课程为中心集成网络“教”“学”的环境教师可以在平台上开设网络课程学习者可以自主选择要学习的课程并自主进行课程内容学习。不同学习者之间以及教师和学习者之间可以根据教、学的需要进行讨论、交流。Blackboard为教师、学生提供了强大的施教和学习的网上虚拟环境成为师生沟通的桥梁。目前。该公司已经进入中国市场。并且Blackboard和WEBCT这两个全球领先的教育行业软件和服务提供商已经于2005年合并。2004年在我国经教育部批准进行网络教育的试点高校有68所。在全国各地建有学习中心(辅导站

10、)2000多个，在册学生达200多万人。网络教育在全国各地迅速发展并壮大起来。目前，从68所试点高校的网络教育学院办学情况来看以成人教育和继续教育为主，开办有专科、本科和研究生等多层次学历教育，开办的专业以院校的特色和强势专业为依托，设置以社会需求量大和社会需求热门的专业为主，实行比较灵活的学分制管理办法。随着网络的迅速发展，网上教育资源也逐渐丰富。近几年，越来越多的高校教育工作者意识到，网络不仅仅是对网络教育学院学生进行网络教学的理想媒介，也开始在全日制本专科生的教学中运用网络教学。通过网络教学支撑平台(网络教学支持系统)组织教与学活动，在实践中收到较好的效果，如：北师大教育技术系ABT智能

11、教学系统。但是，经过对现有的教学网站与精品课程研究发现，大部分的教学网站或精品课程的资源都是由教师发布，缺少互动，不能很好的发挥互联网共享的特点。如果采用基于WEB的互动知识学习系统，教师与学生都可以使用论坛等开放的信息交流平台发布信息，构成资源库，形成共享。这样不但可以提高教学效率，同时还能节省教学经费，更好的因材施教。从学生的角度来看，学生可以根据自己的兴趣和理解力，来调节学习的范围和进度；从教师的角度来看，教师可以在课前发布必要的先修知识，在教学过程中，发布同步信息，充分利用论坛的功能，提升学生的学习兴趣，在教学后期，提供后续内容，巩固所学知识，拓宽学生的视野，提供一些研究性材料供学生选

12、择学习。三、研究方案1.研究目标实现知识共享：在用户学习的过程中彼此之间相互交流知识，共享自己的见解、观点和判断，使知识由个人的经验扩散到组织(所有学习用户)的层面。用户好的方法和工具通过反馈系统可以扩散到组织的知识里，让更多用户来使用，从而提高组织的效率注重用户端体验：这是一个全新的态度与理念的转变。过去，是人群围绕着信息，信息是中心；现在，是信息与服务围绕着人。人需要什么样的服务，就“识趣”地出现什么服务，在课程的建设过程中将“人性化”的网络理念通过技术手段形成具体操作实现用户注册与登录、角色划分、权限分配、数据源管理、统计、文章发表等功能。2.拟采取的实施方案2.1系统的体系结构采用浏览

13、器、服务器（Bowser/Server,B/S）三层体系结构（如图1），包括:表示层(USL),业务逻辑层(BLL),数据访问层(DAL) 数据访问层:主要是对原始数据（数据库或者文本文件等存放数据的形式）的操作层，而不是指原始数据，是对数据而不是数据库的操作，具体为业务逻辑层或表示层提供数据服务。 业务逻辑层:主要是针对具体的问题的操作，也可以理解成对数据层的操作,对数据业务逻辑处理，如果说数据层是积木，那逻辑层就是对这些积木的搭建。 表示层:主要表示WEB方式,也可以表示成WINFORM方式,WEB方式也可以表现成:aspx, 如果逻辑层相当强大和完善,无论表现层如何定义和更改,逻辑层都能

14、完善地提供服务。图1 B/S三层结构2.2系统的用户分类管理员：本系统的设计理念之一就是用户生成内容，但要注意的是，因为每一个人都可以生成内容，可能会有很多错误、虚假和片面的内容，所以应有一个审核机制，而管理员就是制定并执行这一审核机制的特殊用户。其登陆系统后制定审核机制并对系统资源进行管理，对临时资源库中的资源进行审核，平时收集、整理、制作各种精品课程资源并录入系统。教师用户：拥有访问资源的权限，同时能对自身信息进行维护编辑，可以向系统申请建立精品程并上传相关课程教学资源，平时管理所属课程资源，解答学生用户的各种问题。学生用户：注册登陆后使用系统全部开放资源，可以在教师设立的课程中与教师、同

15、学进行交流，通过系统可以向教师反馈学习资源使用情况与建议等信息，同时，可以上传优秀资源与其他用户分享。所有用户通过身份验证与系统功能相连，不同的系统功能访问不同的数据表。2.3系统的功能模块(1)用户子系统用户注册：本系统的一般访客只能浏览词条，不能对词条编辑和评论，若要对他人的数据进行修改或者发表自己的观点，就必须先注册登录。这样有助于小组中互赖的形成，也有助于教师进行监督和管理。资料修改：用户可以对自己注册时所登记的资料作修改。同时也可以公开或者隐蔽个人信息。实现功能：发布教程（发布视频或语音教程、查看已发布的语音教程、查看已发布视频教程）、浏览教程（浏览视频或语音教程、发布留言）、登录功

16、能、查询功能等。(2)管理子系统用户管理：管理现有用户，添加用户以及用户分组设置。内容管理：包括公告管理、公告发布、首页推荐管理等。分类管理：用于添加、删除、合并词条分类，调整分类的包含关系。数据库管理：主要作数据库备份、优化和导人操作。教程管理：发布教程、管理视频教程、管理语音教程。2.4系统开发和运行环境前端页面采用XHTML、Ajax技术进行制作，使用CSS进行布局和样式化。网站中所使用的Flash技术以Adobe Flash CS 4为开发平台，并支持向前兼容。网站中涉及的其他前端控制由JavaScript实现，所有编码符合ECMA一262标准，兼容多种不同的浏览器(包括Microso

17、ft IE、Netscape、Mozilla Firefox、Opera、Apple Safari)。所设计的网上互动知识学习系统，采用目前流行的中间件和组件技术的软件架构体系，前台采用微软的ASP.NET 2.0和C#语言，后台数据库采了Microsoft SQL Server 2005。3.系统实施要点借助于Ajax技术可以在用户单击按钮时，使用JavaScript和DHTML立即更新UI，并向服务器发出异步请求，以执行更新或查询数据库。当请求返回时，就可以使用JavaScript和CSS来相应地更新UI，而不是刷新整个页面。最重要的是，用户甚至不知道浏览器正在与服务器通信：WEB站点看起

18、来是即时响应的。如使用了Ajax后，提交评论只刷新评论区，对正在观看的视频无影响。四、进度计划第1周第6周 毕业实习，收集资料、熟悉开发环境第7周第9周 需求分析、总体设计第10周第14周 详细设计、编码、测试第15周第16周 完善文档，论文答辩参考文献1 侯秀萍，孙静波，胡文彬基于WEB的互动辅助教学网络系统的设计与实现J教育信息化，2002（12）：512 王佳莹，郭俊杰，梁鹏基于WEB2.0和Wiki技术的辅助教学环境的设计与实现J哈尔滨师范大学自然科学学报，2009，25(5)3 黄硕，项国雄国家精品课网站建设现状J现代教育技术，2008，18（5）：991034 黄培培基于eb结构的

19、校园电子商务系统的设计J电脑与电信，2010（1）:47-495 张勇，肖利基于WEB的实验教学管理系统的设计J吉林师范大学学报，2009（4）：112-1156 尚亚丽，刘亚娟，刘德成基于WEB的自主学习环境设计研究J长春师范学院院报，2009，28（6）：145-1467 张园林，张志雄基于Internet的网上辅助教学系统的设计J微机发展，2003，138 陈晓征网络教学平台在网站设计课程中的应用J江苏教育学院院报，2007，23（3）：117-1199 丁昊凯，许静雯，谢黎文ASP.NET网站开发M北京：电子工业出版社，200710 武新华，刘彦明，秦连清ASP.NET+SQL Ser

20、ver典型网站建设M北京：电子工业出版社，2007指导教师签字时 间 年 月 日摘 要传统的教学模式在信息共享和互动性等方面存在着诸多的不足之处。网络教学平台不仅轻松地解决了信息资料的共享问题，而且提高了师生之间的互动性，成为教学实践的辅助平台。本课题以A技术为支撑，设计并实现了一个基于Web的网上互动知识学习系统。该系统是在教师指导下的自主学习平台，在信息资料共享方面，能够把教师发布的文章、视频等学习资料形成系统的资源库以供学生在线学习；在学习互动方面，能够提供论坛和聊天室以实现师生交流、答疑等学习活动。本文论述了该系统的设计思路、系统分析、功能结构、实现过程和关键技术。关键词： 互动学习

21、辅助教学 网络教学平台AbstractThere are a lot of disadvantages on information sharing and interactive teaching of traditional instruction model. Web-based learning platform, which not only easy to solve the problems but also improves the interactive between teachers and students, becomes an aided education of

22、teaching practice.This paper designs and implements a Web-based on-line interactive knowledge learning system, which on the support of A technology platform. This system is an independent study platform which under the guidance of teachers. On information sharing, this system supports the teachers t

23、o publish articles, videos and other learning materials to form a resource library to support online learning. On interavtic learning, it also provides forums and chatrooms to realize communication and interaction between teachers and students. This paper elaborats the designing mentality, system an

24、alysis, function structure, achievement procedure and key technologies of this system.Keywords: interactive learning aided education WEB-based learning system 目 录第1章 前言11.1课题研究背景11.2课题研究目标与意义21.3课题研究思路31.4开发环境的确定3第2章 系统需求分析42.1系统的性能要求42.2系统功能需求分析42.2.1功能划分42.2.2功能描述52.3用例模型52.3.1总用例图52.3.1详细用例图62.4活

25、动图82.5类图11第3章 系统设计与实现123.1系统体系结构设计123.2数据库表的设计133.3系统实现具体技术133.3.1UML建模技术133.3.2MD5加密技术143.3.3流媒体技术143.3.4开源技术163.3.5AJAX技术18第4章 系统功能模块194.1系统前台功能194.2系统后台功能21第5章 总结235.1系统主要特色235.2系统存在的不足23参考文献24致 谢25附录A 英文资料翻译26第1章 前言在一个学习群体中，学习成员对知识的理解程度不可能完全一致，通过成员讨论、沟通、传授和分享，从而使得原本分布在各处的知识得以共享。现如今科技进步促发“学习的革命”，

26、知识经济则催化“教育的改革”。知识经济时代的到来，对人的能力提出了更高的要求，而人们对能力的需求则引发了对新教育形式的渴求为更多人提供学习机会的大规模教育。教学是由课堂授课、辅导答疑、阶段测试、专题讨论、实践教学等环节组成的，是学校教育的核心。随着高校教育体制改革的不断深化，如何激发学习热情、改善教学手段、提高教学质量成为教育工作者极为关注的问题。在保证授课环节的同时加强辅助教学环节无疑可以提高教学质量。但是在教学中，辅助教学环节受到时间和空间的限制，其效果并不理想。网络教育能够很好的解决了以上问题，给人们随时获取新知识提供强有力的支持。随着Internet的飞速发展，基于网络的自主学习正在成

27、为一种重要的学习方式。网络教育中，由于师生、生生在时空上处于永久性分离的状态，为了保证远程教学的质量，应充分利用现代化的教学手段和教学资源，创设一个在教师指导下的自主学习环境，这个环境能够支持教师备课、讲课、批改作业，学生自主学习、考试，以及教师和学生课后交流、答疑等教学活动。1.1 课题研究背景目前，各高校改变了“黑板+粉笔”的死板教学模式，建立了带有实物投影仪的大屏幕演示、电子教材、电子讲稿、多媒体教室等教学环境，在这种教学环境里，教师既可演示课程的多媒体课件，又可利用实物投影仪对一些细节问题通过书写演示给同学，因此教学内容显得生动、活泼，增加了课堂容量，减少了教学时数，提高了上课时效，从

28、而使教学效果较之普通教学模式有明显提高。然而，这种方法对学生也提出了一个新的问题，由于播放信息量大且时间长，在课堂上学生可能没有更多的时间完成全部笔记，对于教学内容的理解也会有一定的困难，解决的办法是：对基本原理、基本概念内容要细讲，有关操作技术及使用性内容要少讲多练，以学生为中心开展教学，例如启发式、讨论式教学，让同学有更多机会参与到教学过程中来。但在课堂上学生参与的时间毕竟有限，我们面临的问题是如何突破时间限制将课上问题移到课下解决，即将课堂延伸到课下并且不受时间和空间的限制，建立一种网上辅助教学环境可适当解决这一问题。网上辅助教学环境缩短了师生之间的距离，只要环境在运行，师生之间就可跨越

29、空间进行实时或非实时的交互，教师可以及时地了解学生的学习进度和对课程的理解程度，解答学生所提出的问题，学生之间、师生之间，在更广范围内对感兴趣问题发表自己见解。学生也可根据自己情况选择环境中辅导材料浏览学习，加深对概念的理解。这样在整个教学过程真正体现了教师的主导作用和学生的主体作用，这对于开展素质教育，培养社会所需的高质量人才很有意义。但是，经过对现有的教学网站与精品课程研究发现，大部分的教学网站或精品课程的资源都是由教师发布，缺少互动，不能很好的发挥互联网共享的特点。因此，开发一个基于WEB的网上互动知识学习系统很有必要，该系统是一种辅助教学模式，学生和教师可以通过网络这个平台进行交流、学

30、习和互动。1.2 课题研究目标与意义我们必须明确知识学习需要互动，而不是灌输。所以基于WEB的互动知识学习系统的设计和开发应实现以下目标：(1)培养学生的自主学习能力和协作学习能力。互动知识学习系统平台应该能够提供大量的教学资源，如课件、讲义、试题、音频、视频等学习资料，学生可以根据自己的需求，利用WEB的非线性呈现方式进行跳跃性学习，真正体现学习的“自主性”，从而培养学生的自主学习能力。同时互动知识学习系统应该为学生和教师提供协作式的虚拟学习社区，使学生和教师、学生与学生之间保持同步或异步互动，加强交流和信息的反馈，培养学生的协作学习能力。(2)整合教学资源，提高授课质量。利用互动知识学习系

31、统平台，将各门课程的优秀教学资源进行集成和共享，教师也可以进行网上的交流和讨论，极大地提高课程的教学质量。而且在这种宽松和谐的学习环境中，让学生积极主动地寻找解决问题的最佳途径，在探求知识的过程中培养和锻炼了学生的创新精神和创新意识，能够提高授课质量。(3)改革教学模式，提高学习效率。互动式教学改变了传统教学模式下教师灌、学生装的费时低效的教法，以导促学，促使学生从“苦学、死学”变为“乐学、会学”。互动知识学习系统应该提供一个师生之间、学生之间方便讨论和交流的环境，师生之间可以在网上以各种方式进行在线或离线交流，获取信息更容易，信息量更大，学生还可以在网上完成、上交作业等，进一步提高学习效率。

32、1.3 课题研究思路学习分为正式学习和非正式学习。正式学习主要是指通过学校组织、课堂授课等形式实现的学习形态，它通常是有计划性的、有明确的目标和课程知识体系，学习的目的是获取成绩、证书，并为将来的工作做准备。非正式学习指受内在心理或外在情境触动而引发的学习形式，它有明确的学习意图，即解决当前遇到的问题，因而与实践的需要密切相关，从而获得能够立即应用到实践当中去的知识和技能。基于WEB的网上互动知识学习系统的设计和实现遵循的一个主要思路就是：辅助正式学习、方便非正式学习。实现教学资源共享，辅助学生进行正式学习。教师将每次课的重点、难点、讲稿与在备课期间收集的与课程内容相关的学习视频和大量的实例练

33、习等教学资源有序地上传到网络教学平台上，结合课上讲授的知识点，学生根据自身的情况在对这些教学资源进行有针对性的自主学习。提供交流互动功能，方便学生进行非正式学习。学生、教师能够通过系统对非正式学习过程中遇到的问题进行方便的在线或离线交流，同时对讨论话题、内容进行整理、分析，得出普遍问题，形成常见问题库，避免重复讨论。非正式学习获取的知识以隐性知识为主，因为非正式学习往往发生在个体的观察、反思、交流、协作等活动中，需要学习者通过心理或行为的参与去主动挖掘知识。可见通过BBS和聊天室来促进非正式学习是本课题的重点和难点。1.4 开发环境的确定(1)硬件环境PC机一台： 处理器：Intel(R) C

34、ore(TM)2 Duo CPU 1.80GHz，内存2.00GB(2)软件环境开发和运行环境：WIN7旗舰版作为底层平台，系统类型32位操作系统开发工具的选择UML建模：Microsoft Visio 绘图 数据库管理：Microsoft SQL Server 2005 A开发：Microsoft Visual Studio2005网站页面编辑：Dreamweaver8.0对位图进行加工：Adobe PhotoShop第2章 系统需求分析2.1系统的性能要求网上互动知识学习系统主要建立在学生自主学习的动机上，为了鼓励学生积极参与系统进行互动学习，其基本要求是：(1)系统界面简洁美观。系统界面

35、应简洁美观、具有统一的风格，能准确、规范、完善地展示文章、视频、音频等学习资源，使用户打开首页后愿意继续使用系统。(2)系统操作简单方便。能够提供方便的站内查询和导航：用户可以通过搜索功能和模糊查询方便的找到自己需要的学习资料，并可通过导航到达自己想去的模块实现相应功能。(3)系统功能齐全。能够实现学学习和师生之间互动的基本需求。(4)系统安全可靠。数据库易于维护，保证系统的数据、信息等资源安全可靠，防止信息的破坏和丢失，确保系统的正常运行。(5)系统具有扩展性。易于修改或增加系统的功能模块2.2系统功能需求分析2.2.1功能划分(1)系统前台功能结构（如图2-1）图2-1 系统前台功能结构(

36、2)系统后台功能结构（如图2-2）图2-2 系统后台功能结构2.2.2功能描述学生通过系统前台可浏览公告；浏览文章、播放视频音频等在线学习并提出自己的观点或疑惑；下载课件、视频音频等学习资料；参加论坛、聊天室进行互动学习。教师通过系统后台可上传课件、上传视频音频、发表文章；通过系统前台可以进行网络答疑、论坛互动、查看学生意见和建议。系统管理员可通过系统后台发布教学相关信息、管理用户、审核管理文章、视频、音频。2.3用例模型2.3.1总用例图(1)系统边界系统的外部实体：管理员、教师、学生；输入：用户信息、公告、文章、视频音频、评论；处理单元：用户管理、公告管理、文章管理、视频音频管理、评论管理

37、、论坛管理、聊天室管理；输出：公告、文章、视频音频、评论；(2)系统总用例图如图2-3图2-3 互动知识学习系统总用例图2.3.1详细用例图(1)用户管理用例图图2-4 用户管理用例图(2)文章管理用例图图2-5 文章管理用例图(3)视频音频管理用例图图2-6 视频管理用例图(4)互动模块管理用例图（如图2-7）图2-7 互动模块管理用例图2.4活动图(1)文章发表活动图图2-8文章发表活动图 (2)用户注册活动图图2-9 用户注册活动图(3)文章浏览活动图（如图2-10）(4)视频音频发布活动图（如图2-11）(5)视频音频播放活动图（如图2-12图2-10 文章浏览活动图 2-11 视频音

38、频发布活动图图2-12 视频音频播放活动图2.5类图图2-13 系统类图第3章 系统设计与实现3.1系统体系结构设计采用浏览器、服务器（Bowser/Server，B/S）三层体系结构（如图3-1），包括：表示层(USL)、业务逻辑层(BLL)、数据访问层(DAL) 。数据访问层：主要是对原始数据（数据库或者文本文件等存放数据的形式）的操作层，而不是指原始数据，是对数据而不是数据库的操作，具体为业务逻辑层或表示层提供数据服务。 业务逻辑层：主要是针对具体的问题的操作，也可以理解成对数据层的操作，对数据业务逻辑处理，如果说数据层是积木，那逻辑层就是对这些积木的搭建。 表示层：主要表示WEB方式，

39、也可以表示成WINFORM方式，WEB方式也可以表现成：aspx，如果逻辑层相当强大和完善,无论表现层如何定义和更改，逻辑层都能完善地提供服务。图3-1 B/S三层结构3.2数据库表的设计表3-1 系统数据库中各个数据表存储的数据信息简介数据表名称主键其他属性外键Student（学生表）学生ID学生昵称、密码、真实姓名、邮箱、电话、学生标记、专业无Teacher（教师表）教师ID教师姓名、密码、邮箱、电话、职称无Subject（学科表）学科ID、学科名称无Notice（公告表）公告ID公告标题、内容无Article（文章表）文章ID文章标题、内容、发布时间、附件地址、标记、点击数、评论数教师I

40、D、学科IDArticle_comment（文章评论表）评论ID评论内容、时间文章ID、学生IDVideo（视频音频表）视频音频ID视频音频类型、标题、大小、存储地址、标记、点击数、下载次数、评论数教师ID、学科IDVideo_comment（视频音频评论表）评论ID评论内容、时间视频音频ID学生IDRoomMsg（聊天室表）消息ID发言人、内容、表情、颜色、是否私聊、时间学生ID、教师IDBBS_article（论坛帖子表）帖子ID帖子标题、内容、时间、附件地址学生ID、教师ID、版块IDBBS_plate(论坛版块表)版块ID版块名称、描述学生ID、教师IDBBS_reply（论坛回复）回

41、复ID回复时间、内容帖子ID、学生ID、教师ID、3.3系统实现具体技术3.3.1UML建模技术统一建模语言（Unified Modeling Language, UML）是面向对象开发中一种通用的图形化建模语言，面向对象的分析主要在加强对问题空间和系统任务的理解、改进各方交流、与需求保持一致和支持软件重用等4个方面表现出比其他系统分析方法更好的能力，成为主流的系统分析方法。UML建模就是用模型元素来组建整个系统的模型，模型元素包括系统中的类、类和类之间的关联、类的实例相互配合实现系统的动态行为等。UML提供了多种图形可视化描述模型元素，同一个模型元素可能会出现在多个图中对应多个图形元素，人们

42、可以从多个视图来考察模型。UML主要包括用例图、类图、对象图、状态图、活动图、交互图、包图、构件图、配置图。本系统使用UML建模中的用例图、活动图和类图对系统进行了分析。使用用例图从系统的内部结构和静态角度来描述系统的功能，获得了用户角度的功能需求；使用活动图从系统中对象的动态行为和组成对象间的相互作用、消息传递来描述系统的功能，明确了用户与系统的交互作用；使用类图对系统的对象、整体结构和行为有了一个更高层次的、全面的了解，并将类图中的类映射成表，模型化出一个逻辑数据库模式，即关系模型数据库。具体内容请看第二章系统需求分析及第三章数据库的设计。3.3.2MD5加密技术MD5的全称是Messag

43、e-Digest Algorithm 5（信息-摘要算法），MD5将任意长度的“字节串”变换成一个128bit的大整数，它是一个不可逆的字符串变换算法。本系统使用A内置的MD5加密函数对用户密码进行加密，原理就是在用户注册时，MD5将用户密码计算成MD5值后写入数据库，用户登录时，系统把用户输入的密码计算成MD5值再和数据库中保存的MD5值进行比较，进而确定输入的密码是否正确。通过这样的步骤，系统在并不知道用户密码的明码的情况下就可以确定用户登录系统的合法性。实现方法：导入命名空间：using System.WEB.Security; 注册时cs代码：String pwd=System.WEB

44、.Security.FormsAuthentication.HashPasswordForStoringInConfigFile (mima2.Value.Trim (), MD5); 3.3.3流媒体技术流媒体指在Internet/Intranet中使用流式传输技术的连续时基媒体，如：音频、视频或多媒体文件。流式媒体在播放前并不下载整个文件，只将开始部分内容存入内存，流式媒体的数据流随时传送随时播放，只是在开始时有一些延迟。流媒体实现的关键技术就是流式传输。采用流技术需要先在用户的电脑上创建一个缓冲区，在播放前预先下载一段资料作为缓冲。播放流媒体文件不必等到整个文件都下载到客户端，而是当第一

45、组数据到达时，用户端的流媒体播放器就开始播放。在播放的同时，后续数据源源不断地“流”向用户端，直到传输结束。当网路实际连线速度小于播放所耗用资料的速度时，播放程序就会取用缓冲区内的资料，避免播放的中断，使得播放品质得以维持。本系统利用流媒体技术将视频、音频学习资料上传至资源库，供学生在不同时间点播，学生可以通过开始、停止、后退、快进或暂停流实现对流的最大控制，实现因材施教，交互式学习。流媒体播放代码如下： param name=SRC value=/ 其中getAddress()用来获得请求视频音频的存储位置public String getAddress() if (Request.Quer

46、yStringid != null) string sql = select * from vedio where v_id= + Request.QueryStringid.ToString(); DataSet ds = conn.getDataset(sql,address); if (ds.Tablesaddress.Rows.Count = 1) sql =ds.Tablesaddress.Rows0v_address.ToString(); string pathf = Server.MapPath(material); pathf= pathf.Substring(0, path

47、f.Length - 17); pathf = pathf + materialvedio + sql; return pathf; else return ; 3.3.4开源技术(1)FckEditor文本编辑器FCKeditor是一个功能强大支持所见即所得功能的文本编辑器，可以为用户提供微软office软件一样的在线文档编辑服务。它不需要安装任何形式的客户端，兼容绝大多数主流浏览器。（如图3-2）图3-2 文章添加本系统在文章添加模块使用了FCKeditor文本编辑器，实现方法：在Asp.Net项目中添加对 FCKeditor 的引用FredCK.FCKeditorV2.dll配置WEB.

48、Config，在节点添加，如下所示：编辑fckconfig.js 文件修改语言、皮肤、常用的字体、表情等配置。(2)第三方控件radupload（上传大文件）系统使用第三方控件radupload来实现视频音频的大文件上传（如图3-3）图3-3 视频添加实现方法：在Asp.Net项目中添加对radupload的引用RadUpload.Net2.dll，RadUpload.Net2.xml, Telerik.QuickStart.dll配置WEB.Config，如下所示： 。/控制上传文件大小导入命名空间：using Telerik.WEBControls;CS代码 protected void

49、Submit1_ServerClick1(object sender, EventArgs e) foreach (UploadedFile file in RadUploadContext.Current.UploadedFiles) string fileName = file.GetName().ToString(); fileName = fileName.Substring(fileName.LastIndexOf(.) + 1); string Path = Server.MapPath(material); Path = Path.Substring(0, (Path.Length - 17); string datatime = System.DateTime.Now.ToStrin