用HTML技术实现远程教学论文.doc

1、永城职业学院毕业论文目 录摘 要2前 言3第一章 绪论41.1远程教学简介41.2可行性分析4第二章 系统开发工具及开发平台52.1 系统开发平台52.2 数据库平台52.3系统运行环境62.3.1系统运行平台62.3.2硬件运行平台6第三章 系统分析73.1系统基本情况描述73.2系统数据流分析73.3系统流程73.4系统数据实体及关系分析83.5 系统的技术要求9第四章 系统详细设计104.1服务模块104.1.1系统主界面104.1.2系教学动态模块124.1.3教学视频列表134.2管理员模块194.2.1视频添加194.2.2 编辑视频204.2.3资源管理20第五章 视频点播系统的

2、应用与测试215.1 测试方法215.2 系统功能测试21第六章 总结22参考文献24摘 要本论文描述了用HTML技术实现远程教学的设计与实现。随着计算机技术和INTERNET的日新月异,宽带VOD视频点播技术因良好的人机交互性和流媒体传输技术倍受教育、娱乐等行业青睐。这里结合平台开发实例，阐述了基于WEB的交互式视频点播系统的协议原理、系统结构和设计实现。本视频点播系统根据流媒体传输原理，在校园局域网的基础上模拟基于WEB的视频点播系统，实现用户信息管理、视频文件的添加、删除、修改及在线播放和搜索功能。由于本系统是一个小型系统，所以我们采用基本的SQL数据库，易于实现。具体实现中将HTML、

3、ASP.NET及JAVASCRIPT完美融合，力求界面美观、操作流畅。本文主要论述服务器端视频服务平台的搭建、管理功能的具体实现，并在此基础上对网络优化作相应的探索。关键字： Visual Studio、流媒体、ASP.NET、视频点播前 言远程教学作为一个独立的教育形态，起源于19世纪40年代的函授教育。在20世纪70年代，利用多种媒体的远程教学迅速发展，使远程教学第一次受到世界教育领域的普遍关注，被认为是人类教育史上的一次重大变革。20世纪束，信息技术的应用揭开了现代远程教学发展的序幕，在信息技术强有力的支持下，现代远程教学具有了前所未有的适应性和灵活性，成为世界各国政府实现终身教育的第一

4、选择。与第一代函授教育和第二代多种媒体的远程教学相比，现代远程教学已经由教育的边缘模式，发展成为教育的主流模式。现代远程教学不再只作为一种替补的教育形式，为那些错过接受高等教育机会的人们提供补救的学习机会，而已经成为一种代表教育未来发展方向的教育形式，正在引领着各国教育领域的全面变革。现代远程教学在终身教育体系中的重要作用体现在以下两个方面：第一，现代远程教学作为独立的教育形态在近10年内迅速发展，广泛应用于各种教育系统中。第一代函授教育和第二代远程教学主要提供大学层次的课程。在信息技术的支持下，现代远程教学不仅适用于远程高等教育，而且已经广泛地被应用于基础教育、大学后继续教育、扶贫项目等多种

5、层次、多种形式的教育中。第二，远程教学作为一种教与学的模式，已经渗透到传统学校中，正在改变着传统教与学的理念和方法。远程教学为学生提供了更多自主学习的机会，有利于培养学生独立与自治的能力；远程教学允许在更大范围内更有效地共享优质教育资源，是实现教育全球化的主要教学模式，现代远程教学已经成为改革传统教学模式的重要手段。- 4 -第一章 绪论1.1远程教学简介远程教学基础是视频点播，视频点播出现的最初动力是人们对广播电视的更高需求。在传统的电视中，观众完全是被动的。节目提供者播放什么节目，观众就只能观看什么节目，节目的播放时间也是无法按照观众的意愿改变的。尽管电视台可以提供很多的节目，但要想完整地

6、收看到一个自己满意的节目，对于许多人来讲也是不太容易做到的，因为在快节奏的现代生活中，许多人不可能为了看某一个电视节目而预先安排自己的时间。被动收看节目的人们希望能够按照自己的需要自由地学习所需知识。视频点播的出现正迎合了人们的这种需求，这种信息服务方式符合人们对信息资源更深层次的需要。远程教学是一种受用户控制的视频分配业务，它使得用户可以交互的访问远端服务器所存储的丰富节目源。“它的实质是信息的使用者根据自己的需要主动获得多媒体信息。”远程教学与传统教学有本质不同，主要体现在以下两个方面:首先，远程教学具有交互性，用户可根据个人需求选择视频课程，并指定学习的起始时间，从这一点来说，远程教学也

7、可以称为交互式远程教学;而传统教学是按事先安排好的课程学习，学生在学习过程是被动的。其次，远程教学系统打破了时间和地域限制。1.2可行性分析 系统的主要技术难度是解决并发流数。国外许多大公司推出的专有视频服务器可以支持几百个并发流，但价格相当昂贵。国内的几个厂家采用的是高档服务器作为视频服务器 ，可以支持几十个流，最多100个。采用服务器替代专有视频服务器硬件成本大大降低， 但单台服务器的并发流数和硬盘扩充的极限太小，不能满足大型的市场需求。第二章 系统开发工具及开发平台现在的系统开发语言有很多种，但一定要找一个功能强大，易学易用易掌握且适合自己的语言也就不多了。本系统经过多种语言的优缺点的对

8、比之后，采用的是ASP.NET作为本系统的开发语言。2.1 系统开发平台 本系统采用ASP.NET作为后台开发工具。ASP.NET 不仅仅是 Active Server Page (ASP) 的下一个版本；它还提供了一个统一的 Web 开发模型，其中包括开发人员生成企业级 Web 应用程序所需的各种服务。ASP.NET 的语法在很大程度上与 ASP 兼容，同时它还提供一种新的编程模型和结构，可生成伸缩性和稳定性更好的应用程序，并提供更好的安全保护。可以通过在现有 ASP 应用程序中逐渐添加 ASP.NET 功能，随时增强 ASP 应用程序的功能。ASP.NET是一个已编译的、基于 .NET 的

9、环境，可以用任何与 .NET 兼容的语言（包括 Visual Basic .NET、C# 和 JScript .NET.）创作应用程序。另外，任何 ASP.NET 应用程序都可以使用整个 .NET Framework。开发人员可以方便地获得这些技术的优点，其中包括托管的公共语言运行库环境、类型安全、继承等等。ASP.NET 可以无缝地与 WYSIWYG HTML 编辑器和其他编程工具（包括 Microsoft Visual Studio .NET）一起工作。这不仅使得 Web 开发更加方便，而且还能提供这些工具必须提供的所有优点，包括开发人员可以用来将服务器控件拖放到 Web 页的 GUI 和

10、完全集成的调试支持。当创建ASP.NET 应用程序时，开发人员可以使用 Web 窗体或XML Web services，或以他们认为合适的任何方式进行组合。每个功能都能得到同一结构的支持，能够使用身份验证方案，缓存经常使用的数据，或者对应用程序的配置进行自定义，这里只是列出几种可能性而已。2.2 数据库平台ASP.NET所支持的数据库很多，因此我们要根据实际需要来使用最合理的数据库。数据库分为平面数据库和关系数据库，但平面数据库会使存储空间被重复和浪费，而关系数据库则是由若干个平面数据库连接在一起而形成的，采用关系数据库，用户不仅能像在平面数据库管理中那样搜索各个独立的记录，而且能够建立一个记

11、录集合与另一个记录集合的关系，就能使用户的效率更高，操作更简捷。2.3系统运行环境2.3.1系统运行平台本系统设计运行在Windows98/2000/NT/XP操作系统环境下，因为该系统用户界面友好，易学易用。适合于本学院教师学习学习使用。2.3.2硬件运行平台CPU: Intel的PENTIUMN处理器，可扩展2个CPU.硬盘:40G SCSI硬盘，可扩至4-6个硬盘内存:512MB显卡:32位真彩色网卡:loom，与IEEE 802.1p标准兼容客户端是普通的PC机:CPU: Intel的PENTIUM11 266MHZ或更高硬盘:IDE硬盘内存:32MB RAM显卡:16位真彩色网卡:1

12、0/loom支持数据连接的普通适配卡第三章 系统分析为了实现本系统，必须对整个系统的全面功能做出详细的分析。一个好的系统必定有好的分析，因此本章我们将对在线视频点播系统做出具体的分析。3.1系统基本情况描述在远程教学系统需要实现的功能包括用户的管理、视频信息的管理、学习通告、交流园地、学习资料下载等。具体来讲，它包含用户管理中常见的注册、登录操作，视频信息的显示、播放、搜索操作，视频管理中的添加、删除、修改等。同时为了方便用户使用，增加了按影片类别来显示等功能，这使得系统需要在视频信息之外保留栏目信息，于是增加了对栏目信息的增加、删除和修改的功能。远程教学系统是在对一些教师学生在线学习方式调研

13、后，以实际为基础进行设计的。该系统属于S/S模式，用户可以在线搜索、浏览、点播视频。管理员可对用户、视频信息进行增加、删除以及修改等操作。该系统包括：动态通告、教学资料下载、视频信息显示播放、视频信息搜索、管理员模块、学习交流。3.2系统数据流分析本系统根据使用该网站的用户角色的不同分为下面两种用户。管理员：采用自行设置方式进入网站，负责管理网站上用户信息和视频信息的管理，以及栏目信息的管理。其中包括视频信息的增加、删除、修改，以及栏目信息的增加，删除和修改。普通用户：采用先注册后登录的方式进入管理网站，在网站中可以在线浏览视频信息，搜索视频信息，以及在线观看视频信息。3.3系统流程调查远程视

14、频点播的业务流程应顺着系统信息流动的过程逐步地进行，内容包括各环节的处理业务、信息来源、处理方法、信息流的去向提供信息的时间和形态（报告、单据等）通过对视频点播业务的实际调查分析，系统的系统分析阶段，我们设计出我们系统的业务流程图，弄清了视频点播系统的业务流程，系统的业务流程如图3-1所示。图3-1视频点播业务流程图3.4系统数据实体及关系分析根为了把用户的数据要求清楚、准确的描述出来，通常建立一个概念性的数据模型（也称为信息模型）。概念性数据模型是一种面向问题的数据模型，是按照用户的观点对数据建立的模型。它描述了从用户角度看到的数据，它反映了用户的实现环境，而且与在系统中的实现的方法无关。数

15、据模型中包含3种相互关联的信息：数据对象、数据对象的属性及数据对象彼此间的相互连接的关系。1、数据对象数据对象是对系统必须理解的复合信息的抽象，数据对象彼此之间是相互关联的。2、属性属性定义了数据对象的性质。必须把一个或多个属性定义为标识符也就是说，当我们希望找到数据对象的一个实例时用标识符属性作为关键字（通常简称为“键” ）。3、联系（1） 客观世界中的事物彼此间往往是有联系的。数据对象之间相互连接的方式称为联系，也称为关系。3.5 系统的技术要求功能要求(1)系统设计的各项功能能够正确完成。(2)对输入的数据能判断出是否为非法数据或越界数据，系统会自动给出提示，告诉用户重新输入。(3)各模

16、块在运行时互不干扰，各种操作的快捷键能够正确运行。(4)对非法操作能够给出正确处理。编码要求主应用程序的命名：主应用程序的命名应由项目负责人确定，能完全表达出本系统意义的英文字符串即可，包括应用程序对象名，应用所在的库名、项目名，可执行文件名都必须统一使用本命名。界面要求1.各页面的布局合理，插有图版，界面美观大方。2.各页面的控件及按钮的文字命名正确，有时还配有图标。数据库要求1.表的设计合理，没有冗余的数据。2.表及字段的命名采用英文方式，字段类型及长度合理。3.表的主键、外键和索引正确无误。4.前台操作与后台数据库之间的连接正确。24 第四章 系统详细设计系统说明对于系统的初级应用者来说

17、是一个非常重要的部分，它详细的介绍了本系统的基本应用，就是说看了体统使用说明书就等于学会了此系统的基本应用，本文根据各个功能在主界面主要介绍了几个主要模块，首页、网站介绍、教学动态、教师队伍、教学内容、教学方法、教学视频、教学资源、疑难解答、在线考试等功能模块。4.1服务模块对于一个系统来说，它应具备视频播放和教学资源下载这一功能，但这些资源的上传需要用户登陆，这也是为了保护资源内容的质量。下面将介绍本系统的系统主界面、网站介绍模块、教学动态模块、教学视频模块、教师队伍模块、疑难解答模块。4.1.1系统主界面启动IE，连接本网址后的主界面如下图4-1所示：图4-1远程教学系统主界面4.1.2系

18、教学动态模块图4-2远程教学系统教学动态界面图4-3远程教学系统教学动态新闻展示4.1.3教学视频列表教学视频列表里面显示了网站的视频资源，视频的大小、讲师等等信息，也可以真接下载，点击视频标题时可以进入到播放页面直接进行播放。图 4-4远程教学视频列表教学视频列表页面后台代码如下：using System;using System.Data;using System.Data.Sql;using System.Configuration;using System.Collections;using System.Web;using System.IO;using System.Data.Ol

19、eDb;using System.Web.Security;using System.Web.UI;using System.Web.UI.WebControls;using System.Web.UI.WebControls.WebParts;using System.Web.UI.HtmlControls;using Microsoft.Win32;using System.Drawing;using System.Collections.Generic;using System.ComponentModel;using System.Text;public partial class _

20、Default : System.Web.UI.Page public string picdz; public string Id; public string filekind = jpg; protected void Page_Load(object sender, EventArgs e) if (Sessionbu = 管理员) Button4.Visible = true; Label1.Visible = false; if (Sessionuser != null) Button4.Visible = true; Label1.Text = Sessionuser + 你好,

21、欢迎你的到来！; OleDbConnection mycn = new OleDbConnection(Provider=Microsoft.Jet.OLEDB.4.0;Data Source= + Server.MapPath(zlzy.mdb); OleDbDataAdapter myad = new OleDbDataAdapter(select spName,ZyZl,spWr,spPath,spNumber,spdaxiao,sptime from splx order by sptime desc, mycn); OleDbDataAdapter myad0 = new OleDb

22、DataAdapter(select spName,ZyZl,spNumber from splx order by spNumber desc, mycn);/视配器 OleDbCommandBuilder mycmb = new OleDbCommandBuilder(myad); DataSet myds = new DataSet(); myad.Fill(myds);/从数据厍里面取源数据 GridView1.DataSource = myds; GridView1.DataBind(); OleDbCommandBuilder mycmb0 = new OleDbCommandBu

23、ilder(myad0); DataSet myds0 = new DataSet(); myad0.Fill(myds0);/从数据厍里面取源数据 GridView2.DataSource = myds0; GridView2.DataBind(); mycn.Close(); protected void Button1_Click(object sender, EventArgs e) string filedz = C:/; if (Sessionuser = null) Response.Write(alert( + 只有登陆之后才能发表！请登陆！ + ); else if (Fil

24、eUpload1.HasFile)/获取是否选择了文件了 if (FileUpload1.PostedFile.ContentLength 100000000)/测试上传文件的大小 Response.Write(alert( + 上传文件不能超过100M + );/提示信息 else string fullFileName = FileUpload1.PostedFile.FileName; string type = fullFileName.Substring(FileUpload1.PostedFile.FileName.LastIndexOf(.) + 1);/提取文件的类型 Rand

25、om rd = new Random();/产生随机数 int valationNo = 10 + rd.Next(99);/产生随机数 string changeMath = valationNo.ToString();/产生随机数 string UpLoadFileTime = DateTime.Now.ToString(yyyyMMddHHmmss) + changeMath;/得到系统时间并加上随机数以便生成上传图片名称 string filename = UpLoadFileTime + . + type;/产生上传图片的名称 string webFilePath = Server.

26、MapPath(UpVideo/ + filename); filedz = UpVideo + / + filename; if (!File.Exists(webFilePath) FileUpload1.SaveAs(webFilePath); string daxiao = (FileUpload1.PostedFile.ContentLength) / 1000 + KB; OleDbConnection mycn = new OleDbConnection(Provider=Microsoft.Jet.OLEDB.4.0;Data Source= + Server.MapPath(

27、zlzy.mdb); OleDbCommand mycmd = new OleDbCommand(insert into splx(spName,spIntroduction,spKind,spPath,spWr,spdaxiao)values( + FileUpload1.FileName + , + TxtContent.Text + , + filekind + , + filedz + , + Sessionuser + , + daxiao + ), mycn); mycn.Open(); mycmd.ExecuteNonQuery(); mycmd.Dispose(); mycn.

28、Close(); TxtContent.Text = ; Response.Write(alert( + 文件上传成功！ + ); else Response.Write(alert( + 你还没有选择要止传的文件呢？ + ); Page_Load(sender, e); 当用户点击某个视频名称就会连接到播放页面，其中会向用户播放同时显示影片的详细信息，如图4-5所示图 4-5远程教学视频播放页面4.2管理员模块在后台的管理中教学动态、教学资源、教学视频、疑难解答、在线解答等模块都可以管理，进入相应的模块可以对对相应的内容进行增加、修改、删除等功能。4.2.1视频添加视频添加的基本信息包括视频

29、名称、上传视频、主要教师、内容简介等信息。如果信息均符合验证要求则当点击“上传”按钮时视频的信息就会添加到数据库当中。4.2.2 编辑视频在编辑视频当中管理员首先可以查看视频的详细信息，并对视频执行修改和删除操作。如果想具体操作某视频还可以通过搜索栏进行精确或模糊查找。4.2.3资源管理资源管理可以添加教学资料、下载、修改和删除，如图第五章 视频点播系统的应用与测试系统的应用是做系统的目标和意义，本章我们将讨论本系统的实际应用进行分析，并进行必要的测试。5.1 测试方法系统测试的目标是以最少的时间和人力找出系统中潜在的各种错误和缺陷。如对系统实施了严格的规范测试，就能够发现其中大部分的错误。系

30、统测试能够确认系统实现的功能和性能与需求说明的一致性。系统测试还能收集到足够的测试结果为系统可靠性提供依据。目前测试仍然是保证系统质量的关键步骤，它是对系统需求规格、设计和编码最后的验证、复审。系统测试集中反映了人们心理上、技术上、经济上对系统的认识，这种认识在很大程度上又影响了系统的设计。本系统我们采用了一系统列的测试方案，在其中发现了一些系统漏洞，均通过重新修改源程序将其弥补。近一步的系统测试将在今后的用户使用阶段来完成。5.2 系统功能测试本系统以初步实现基本功能，在局域网网中先行测试使用，老师、学生可根据自己学习的需求自行查看，使用情况良好。第六章 总结 此次毕业设计是我们大学三年所学

31、知识的综合运用，整个设计过程使我们的动手能力、对问题的分析能力以及解决能力都得到了充分了锻炼，因此此次设计对我们非常重要， 所以在此次设计上我投入了我所有的时间和精力。在整个设计过程中，我始终保持着严谨、认真的治学态度。从设计最初的构思到最后的实现我都花费了大量的心血，不敢有半点马虎。尽管如此，由于知识和经验的欠缺，在整个系统的开发过程中遇到了很多困难，比如由于早期的需求分析不充分，给后来系统的具体实现带来了很大的困难，这使得我不的不重新对系统的整个结构做详细的分析，所以做了相当多的无用功，但通过自己的不懈努力和同学的帮助，设计才得以圆满完成，所以尽凭个人之力想设计出一个完美的系统几乎是不可能

32、的。通过此次设计，使我大学所学专业知识得到了充分的应用，锻炼了我思考问题、解决问题的能力，使我动手能力得到很大的提高，对我以后的工作、学习有非常大的帮助。致 谢在论文即将完成之际，回顾紧张但又充实的学习班和开发过程，本人在此向所有关心我的及帮助我的老师和同学们及网友致以最真诚的感谢。在本次毕业设计中，我从指导老师-闫老师身上学到了很多东西。他认真负责的工作态度，严谨的治学精神和深厚的理论水平都使我收益匪浅。他无论在理论上还是在实践中，都给与我很大的帮助，使我得到很大的提高，这对于我以后的工作和学习都有一种巨大的帮助，在此感谢她耐心的辅导。在撰写论文阶段，闫老师几次审阅我们的论文，提出了许多宝贵

33、意见，没有他的指导，我就不能较好的完成课题设计的任务。另外，我还要感谢在这几年来对我有所教导的老师，他们孜孜不倦的教诲不但让我学到了很多知识，而且让我掌握了学习的方法，更教会了我做人处事的道理，在此表示感谢。在此，我只想真心地对闫老师说声“谢谢”，并祝他们身体健康，万事如意。同时，我也感谢全体计算机2班的同学对我默默地支持。最后，我还想说一声：“我爱永成职业学院”。参考文献1 Scott Stanfield, Ralph Arvesen. Visual C+开发人员指南M.北京:机械工业出版社2 Danny Ayers. Java服务器高级编程M.北京:机械工业出版社，20013 SUN公司，

34、KJSP 1. 2规范4 李仲，顾泽月，唐耀 Premier。实用教程M.北京:人民邮电出版社，1999.5 刘卫忠、墙威等实时VOD系统的调度策略J.计算机工程与应用，2000, (11)6 冒东奎、冯晓鑫、景永俊以RM和ASF流媒体文件格式在局域网实现影视点播J7 朱晴波、周刚、陈道蓄VOD服务器中共享1/0流的关键技术CJ.计算机工程与应用2002,( 14)8 荣波、周旗VOD系统中QoS管理的框架结构与对象模型J，计算机工程与应用2000, (8)9郑仁祥VOD系统中信道调度问题综述J.东北大学学报(自然科学版)2002,(6)10 胡飞、朱耀庭Internet视频点播差错控制J.计算机研究与发展2002, (1)11 陈文周基于以太网实现VOD的方法研究J.电视技术2002, (3).