基于WEB的网络多媒体CAI课件的设计与开发

1、目录中文摘要I英文摘要II1 概述11.1 课题背景11.2 基于WEB的网络多媒体CAI课件开发的意义31.3 基于WEB的网络多媒体CAI课件的特点31.3.1 没有时空限制61.3.2 有助于促进学生之间的协同学习61.3.3 课件的发布以及软件版本的升级方便62 基于WEB的网络多媒体CAI课件的开发技术82.1 利用ASP.NET技术82.2 利用Shockwave for Author ware92.2.1 Shockwave for Authorware的组成及特点102.2.2 Shockwave for Authorware的使用102.3 WEB客户端技术112.4 WEB

2、服务端技术132.5常用的多媒体传输协议152.6常用的多媒体通信协议153 系统功能及性能介绍163.1可行性分析163.2 关键设计183.3系统构思以及结构要求说明193.4 数据库设计与系统实现213.4.1 数据库213.4.2 数据库需求分析224 系统实现254.1 功能框架254.2 业务流程254.3 模块实现细节264.3.1 注册及登入模块264.3.2 系统启动主页304.3.2 课件资源管理模块324.3.3 作业管理模块324.3.4 课堂小结模块324.3.5 交流答疑模块334.3.6 章节学习模块344.3.7 实验环境模块354.3.8 更新课程模块364.

3、4 系统的创新点及不足36结束语38致谢39参考文献40基于WEB的网络多媒体CAI课件的设计与开发摘 要随着Internet的发展和远程教学的提出，研制和开发网络多媒体CAI课件变得越来越重要。本文主要介绍了基于WEB技术的网络多媒体CAI课件的特点及开发技术，国内已有很多高校通过CERNET与Internet连接，利用Internet这个新兴的媒体来提供一个群体的学习环境，将可以为所有上网者提供学习机会。因此，研制和开发基于WEB的网络多媒体CAI课件将变得越来越重要。基于WEB技术开发的网络多媒体CAI课件与单机的课件各有其自身的特点，但前者比后者具有更大的优越性。本系统设计的目的就是帮

4、助“计算机网络”这个课程的教学，既然是学习网络，那么把课件做成基于WEB的多媒体形式，这将更利于学生对网络学习产生兴趣。教学内容尽量用视频、声音、图形等来呈现，并设置课程内容讨论区，要能满足该课程的教学、自学、复习等要求。调动多种感官共同参与认识活动，使学生系统的掌握知识，提高教学质量。关键词 WEB/网络多媒体/课件/远程教学THE DESIGN AND DEVELOPMENT OF WEB-BASED NETWORK MULTIMEDIA COURSEWAREABSTRACTAlong with the development of the Internet and distance le

5、arning, and puts forward the research and development network multimedia courseware becomes more and more important. In this paper, WEB-based network multimedia courseware technology characteristics and development of technology, the country has many colleges and universities by CERNET and Internet

6、connection, the use of Internet this new media to provide a group learning environment, will be available to all Internet users learning opportunities. Therefore, the research and development of WEB-based network multimedia courseware will become increasingly important. WEB-based multimedia network

7、technology development stand-alone courseware and courseware have their own characteristics, but the former has more advantages than the latter. The purpose of this system is to help computer network of teaching this course, as is the learning network, then the WEB-based multimedia courseware in the

8、 form made it more beneficial to students interested in learning. Teaching content as much as possible with video, sound, graphics, etc. to render, and set the course discussion area, to be able to meet the teaching, self-study, review and other requirements. Knowledge transfer activities to partici

9、pate in a variety of senses, so that students master the knowledge system to improve the quality of teaching.KEY WORDS WEB,networked,multimedia,courseware,distance,learning1 概述随着Internet的发展和远程教学的提出，研制和开发网络多媒体CAI课件变得越来越重要。本系统设计的目的就是帮助“计算机网络”这个课程的教学，既然是学习网络，那么把课件做成基于WEB的多媒体形式，这将更利于学生对网络学习产生兴趣。教学内容尽量用视

10、频、声音、图形、等来呈现，并设置课程内容讨论区，要能满足该课程的教学、自学、复习等要求。调动多种感官共同参与认识活动，使学生系统的掌握知识，提高教学质量。1.1 课题背景随着科学技术的飞速发展，越来越多的现代化媒体介入课堂教学，改变了传统教学的“一张嘴、一本书、一支粉笔、一块黑板”单调。计算机辅助教学的交互性、高效性；模拟演示的直观性；实物投影的真实性、不受时空限制等等都为教师进行课堂教学提供了很大的帮助。但是，站在学生的角度去思考，常常又感觉到不能令人十分满意。作为学习过程的主体学生在欢笑和兴奋之后则略显得在知识点的把握上深度不够，能力的培养得不到体现。那么问题出在哪里呢？笔者认为，除了因新

11、的形式分散了学生的注意力而忽视了知识点内容外，从教师的角度分析，还受到以下几方面因素的影响现象：为了使用媒体而使用媒体。有些老师不管教学内容是否需要，一律采用计算机多媒体教学，实际上计算机多媒体教学成了节省板书、节省徒手画的投影仪，表面精彩纷呈的热闹课，效果却很差。策略：首先要认识到教师和学生才是课堂真正的主宰，学生才是学习的主体，要让多媒体成为辅助教学得力的工具，而不应该让老师和学生成为系统的奴隶。对于一些好的题材和课件要有选择地加以使用，不可让整节课成为一些素材的专题展览1。其次，坚持一个原则：信息技术进入课堂应当具有不可替代性。子弹穿透物体的过程太快，我们来不及看清楚；物质结构非常复杂，

12、原子内部结构很小，我们看不清楚；宇宙空间太大，我们不识真面目。但利用信息技术，我们在课堂上逼真地演示出来了。但现在许多人认为多媒体是上课的必备条件，甚至没有使用计算机教学的课不能被称为好课。因此，总之，自从各种多媒体辅助手段进入课堂以来，人们总是在不断地发现其存在的问题，并努力解决各种矛盾。至尽，它带来的各种积极的作用也越来越明显。只要我们多实践，多研究，能够摆正学生-教师-多媒体之间的关系，处理好多媒体在课堂教学中的辅助地位，恰当使用多媒体，就会让课堂教学进行得更精彩，就会使课堂教学达到高效、愉快，从而达到提高学生综合素质的目的。 将计算机当作单纯的投影机的替代品。部分采用计算机多媒体辅助教

13、学的教师竟然出现了单击鼠标进入下一步完成教学全过程的不合理现象。其原因是过分依赖电教媒体，而忽视了诸如语言、板书、直观教具等的作用。策略：为了使课堂显得所谓的丰富多彩，将多种媒体牵强揉和在一起。若随意将多种媒体形式不加选择地堆积在一起且不注意媒体之间的配合和协调，就会搞得课堂花哨、气氛活泼，而效果不佳，同时由于各种媒体之间频繁的切换导致课堂宝贵时间的白白浪费。有了多媒体CAI课件，教师成了“放映员”而不是课堂的组织者，参与者。特别是在多媒体进入课堂的初期，有种现象很普遍，就是从头到尾教师只在机械地点击鼠标而很少有语言表达，更不要说实质意思上的参与课堂了，甚至连一些必要的讲解都事先录好然后在课堂

14、上直接播放。为了完美而使用计算机多媒体。尤其在很多公开课评比中，这一点尤为突出。在上课过程中为了事先设计好的完美得以体现，对课堂中出现的不符合预先设想的“意外”简单地给予“开除”，使学生能在“完美的轨道”上走到下课，甚至在某个时刻必须做什么事情都在课件中安排好，要是能在教师最后一个字讲完的时候下课铃刚好响起，那就是“完美中的最高境界”了。用多媒体模拟课件完全取代了实验。可是对一些很容易操作，能见度也很高的实验，我们还是应该尽量使用实验来向学生表达，不仅重视实验结果，更要重视过程。就象看球赛一样，就算是现场直播对一些在课堂上因时间、空间、安全性等因素导致难以当场完成的实验，用多媒体模拟演示确实能

15、起到事半功倍的效果。，也没有在现场的那种氛围。给学生做演示实验，并不仅仅为了向学生展示一个物理现象，一个定理、定律。同时还能培养学生获取和处理信息的能力、获取新知识的能力、分析和解决问题的能力，以及交流与合作的能力。在课堂实践中，发现现场演示实验的时候大都学生的注意力集中程度高于直接播放动画演示或者录像。利用多媒体辅助教学具有很多优越性，但我们还要注意到以计算机为核心的多媒体技术不是简单地计算机加视听技术，在教育中，多媒体不仅是提供多种媒体的综合刺激和个别化的学习环境，很多情况下，他还是一种教育信息与教学过程的资源，又是一种促使学生知识内化和帮助学生表达自己以及与教师和其它学生进行知识交流的工

16、具。如何充分地发挥多媒体在教育中的作用？针对现在存在的问题，我认为多媒体辅助教学系统的使用，要注意以下几个问题：二是要注意做任何事情都要讲究适度的原则。如果违反了这个原则，那么好的事情也会向相反的方向转化。课件教学虽然有一定的优点，如果在课堂教学中不能把握适度的原则，也会影响到教学效果。如有的课从头到尾一直在切换图片和动画，甚至音乐也一直在反复的播放。以至于学生不能集中精力到对于课堂内容的分析上来，而这却才是本课教学的重点。再详尽的材料、再形象的动画模拟都不能代替教师作为变革学习方式，培养学生能力的合作者、交流者和指导者的角色。 1.2 基于WEB的网络多媒体CAI课件开发的意义随着教育的不断

17、向前推进，各种各样的新事物、新思想层出不穷，对现有教材进行改革以适应时代的发展显得日益重要。兴趣的力量是巨大的，兴趣是最好的老师。学生对知识产生了兴趣就能表现出学习积极性，对教师所提出的问题也能积极进行思维，在完成学习任务时也能满腔热情，一直处于兴奋的情绪状态，即使遇到困难，他们也能有足够的意志，有克服困难的信心、决心，有自制性和坚韧性。可见，要提高学生的阅读能力，激发学生的阅读兴趣是至关重要的。对一节新课，导入是教学中最基本的也是非常重要的一步。课文导入，犹如乐曲的“引子”，戏曲的“序幕”，负有酝酿情绪，集中学生注意力，渗透主题和带入情景的任务2。对学生而言，单调乏味的开场白往往提不起学生的

18、学习兴趣，只有丰富多彩、求新猎奇的活动菜单才能使学生胃口大开。因此，教师在课堂教学中要敢于标新立异，创造多姿多彩的课堂教学导入形式，营造课堂气氛，启迪学生思维，激发学生的学习兴趣和求知欲望。新课的导入，就好比钢琴家上弦，第一音定准了，就为整个演奏奠定了良好的基础。计算机集文字、图形、音频于一体，具有直观性、多变性、知识性、趣味性等特点，能为学生提供生动逼真，丰富多彩的教学资源，是同学感到有话可说。为学生营造一个色彩缤纷，图文并茂，动静相融的教学情景。使学生脑、眼、耳、手、口等多种器官同时接受刺激，能大大激发学生的思维活动。交互式的教育技术为学生的主动参与提供了条件，有利于充分发挥学生的主体积极

19、性，改变了学生被动接受教育的状况，实现了学生由被动接受知识向主动探求知识的转变，为新课导入提供了直观的、高效的、交互式的辅助教学3。1.3 基于WEB的网络多媒体CAI课件的特点基于WEB技术开发的网络多媒体CAI课件与单机的课件各有其自身的特点，但前者比后者具有更大的优越性。与传统的黑板和幻灯片演示相比，多媒体课堂教学课件具有：字体标准、排版整齐；可以产生色彩丰富的内容；图形、图片、动画、声音都可以出现在课件的演播中；可以有多种机动灵活的演播方式等等特点。如何发挥这些特点来取得更加好的教学效果是多媒体课堂教学课件开发的关键。实际上如何开发一个好的多媒体课堂教学课件并没有一定之规，我认为能够较

20、好地辅助自己的讲课内容，具有自己特点的课件就是好课件。下面谈到的只是我的经验和看法供大家参考。为了便于说明问题，我们以比较通用的工具制作的课件为例。PowerPoint幻灯片的文字内容是主要的课件内容形式。一般如果有配套的文字教材，幻灯片的文字内容与文字教材相一致。当然，决不是把文字教材的内容简单地照搬到幻灯片上。初做课件的一些老师，喜欢把教材上的文字大量地搬到幻灯片上，因为他们认为这样不仅制作简单，而且讲课内容也可以避免遗漏。其实，这样做的结果不仅使幻灯片数量过于庞大，而且也容易把讲课变成念书，讲课会变得枯燥无味。所以，哪些文字内容要搬上幻灯片是一定要经过精细地选择的。一般，各章节的标题，定

21、义、定理、公式等文字不能随意改动的内容需要搬上幻灯片以外，其余的内容应该根据讲授的需要进行精简和改写，提纲结领的写到幻灯片上。另外，课堂讲授中的重要说明，解释，强调、总结等内容也可以写到幻灯片上，以便学生笔记和加深印象，因为通过视觉效应来配合听课内容更容易记牢。如果有静态图形也应该配有相应的文字说明，使得需要说明的问题更加清楚。 幻灯片上文字内容的字体和颜色的变化，也可以使得不同级别和重要程度的内容得以区别。所以，恰当地运用颜色，不仅可以增加美观度，而且可以使得讲授内容更加重点突出，印象深刻。当然，过多的颜色，也可能会造成眼花缭乱，分散学生的注意力。所以一般同一幻灯片上的文字颜色和字体变化不宜

22、过多，通常可以在23种。另外，相关的内容尽量在同一幻灯片上，包括文字和图片等。因为学生在理解相关的内容时，需要对相关的文字和图片进行联系，所以最好是相关的内容在同一幻灯片上。文字的大小要适中，太小不容易看清楚；太大虽然清楚，但一张幻灯片上内容太少，相关的内容被分布在多张幻灯片上，讲授过程中翻页过于频繁也会影响效果。 图形、图片、动画在幻灯片上的应用，可以大大提高教学效果。特别是动画的应用是多媒体CAI课件不同于传统黑板和幻灯片演示的重要特点，很多教学内容可以用动画来形象地说明。在PowerPoint中也提供了对图片进行裁剪和编辑的工具，当然其功能是比较简单的。如果需要比较多的编辑工作可以采用W

23、indiws图画工具或Photoshop图片处理工具进行编辑。通过把编辑过的图片重叠安放到幻灯片上，然后以自动连续的方式进行播放就可以完成简单的动画效果。对于比较复杂的动画效果可以采用Flash等技术制作，然后用控件窗口插入到幻灯片上。采用广泛使用的数码相机对实物和实际过程进行拍照，经过简单的编辑和裁剪就可以插入到幻灯片上进行播放。教材中的一些重要图片，特别是需要在课堂上进行说明和解释的图片，也是需要做到幻灯片上的。采用扫描仪或数码相机可以方便地把这些图片捕捉下来，使用PowerPoint中的图片工具，进行简单的裁剪和编辑就可以在幻灯片中使用了。因为视觉图片的信息量比文字内容要大得多，所以在课

24、件中多使用图形、图片、动画来表述教学内容，可以使你的教学效果更好。如果，还能恰当地在幻灯片上放上一些装饰性的图片、GIF动画等，可以使你的课件更加活泼美观，更具个性。当然，这些与讲授内容无关的东西不能太多，除非你的讲授内容就是非常轻松的，或者你的讲授对象是活泼可爱的小朋友们。否则，偶尔出现的轻松画面可以调节一下讲课气氛，如果是经常出现就只会分散学生听课的注意力了。 另外，教学内容中的公式和图表、曲线在幻灯片中的编辑和插入也是比较经常使用的。对于数学公式，PowerPoint中提供了与Word中同样的公式编辑器，可以方便地写出十分正规的各种数学公式。PowerPoint中对所得的数学公式，可以当

25、成图片进行粘贴、放大等处理。如果伴随着数学公式还有比较多的文字，如一段文字中间的数学公式。这种情况下把它们一起作为Word对象插入到幻灯片上，既可以作为一个整体对象进行处理，又能够方便地进行修改编辑，是一种比较好的方法。对于图表可以用Microsoft Excel图表或Microsoft Graph图表对象插入到幻灯片上。而比较复杂的数学曲线可以用手工绘制，然后扫描成图片插入到幻灯片上。但比较好的方法，是用计算机语言（如Visual Basic）编程方法在屏幕上绘制出复杂的数学曲线，然后用拷贝屏幕功能（Pressrun键）把屏幕上的图形以图片的方式粘贴到幻灯片上，再进行裁剪和编辑就可以在幻灯片

26、中得到所需要的曲线图了。 幻灯片的播放，除了动画图片的播放可以设置成自动方式（翻页的速度是可以事先设定的），一般的对象和页面的播放应当由讲课人在讲授过程中根据进度手工操作。PowerPoint中也可以通过动作按钮和超链结来改变播放次序，或进行插播。从而可以更加灵活地根据具体的讲授过程来控制幻灯片内容的播放。其中特别是PowerPoint中的超链结，不仅可以在播放中引导出课件中不同的播放内容，而且可以和其他计算机中的文件的播放过程进行链结，如声音、视频、图片、WEB网页等文件。 总之，发挥你自己的想象能力，利用好多媒体技术的种种特点，一定能够制作出一份好的多媒体课堂教学课件。 1.3.1 没有时

27、空限制因为课件是基于网络的，所以具有广泛的影响性。它可以借助Internet强大的服务功能，让学生随时随地来学习，甚至教师对学生可以进行同步或异步的教学辅导，真正实现没有围墙的大学，建成所谓的虚拟教室、虚拟大学。从而突破了传统教学的空间和时间的限制，使得获取知识的范围更加扩大。因此，教师的概念也会发生变化，从根本上改变了传统的以教师为中心、以课堂为中心的教学模式，代之以学生为中心、以实践为中心的新型教学模式，也为终身教育的实现提供了条件。1.3.2 有助于促进学生之间的协同学习由于多个学生可以同时访问同一课件，从而形成一个群体，也就是创造一个所谓的群体学习环境，这样他们之间就可以相互交流讨论、

28、协同学习，学生之间是互教互学的对象，同时也能培养学生互相帮助的协作精神。从另一个角度看，学生在Internet上通过课件进行学习，可进一步提高学生Internet的应用能力和通过计算机获取知识的能力。1.3.3 课件的发布以及软件版本的升级方便基于WEB的课件升级极其方便，无需发布任何介质，只需将WEB服务器上的课件进行升级更新，就可以使任何访问者学习到最新的课件。而且网上的资源是分布的、无限的 ，我们可以把开发的基于WEB的课件在网上分布地存放，以便更好地利用这些资源和平衡网络负载4。当然，基于WEB的课件也有其局限性，主要在于它需要较高的网络带宽，来支持传输大量的图像、声音乃至视频影像等多

29、媒体信息。不过，随着各种高速网的建成和网络新技术的不断出现，这一问题将会逐步改善和解决。劣质多媒体CAI课件的产生及一哄而上的多媒体教学必然会导致许多劣质多媒体CAI课件的产生。文字总结，难以发挥多媒体教学在教育中的优势。这种课件不但不能激发学生的学习热情，反而由于表现形式单一，易使学生产生大脑疲劳而达不到预期的教学效果。目前的现状是无论授课内容是否适合或者有必要利用多媒体CAI课件讲授，在课堂上从头到尾都是使用多媒体CAI课件，教师只是播音员和解说员，失去了对教学应有的控制地位，甚至出现一些教师离开多媒体CAI课件后无法进行教学实践的情况。教师把握教学过程的难度增加多媒体教学信息量大，节奏快

30、，难免重点不突出，信息过多过滥还会使学生无法跟上讲课的进度，只能被动地接受授课内容，缺乏思维的过程。并且在多媒体CAI课件中插入过多的动画或视频文件，也容易分散学生注意力。过多依赖于多媒体CAI课件，会使教师学生之间失去互动性，难以发挥教师在课堂上的主导作用和学生的主体作用。2 基于WEB的网络多媒体CAI课件的开发技术开发基于WEB技术的网络多媒体CAI课件涉及到很多知识，同时随着网络技术的发展，也提供了多种方法。2.1 利用ASP.NET技术ASP.NET是一个统一的Web开发模型，它包括您使用尽可能少的代码生成企业级 Web 应用程序所必需的各种服务。ASP.NET作为.NET Fram

31、ework的一部分提供。当您编写ASP.NET应用程序的代码时，可以访问.NET Framework 中的类。您可以使用与公共语言运行库（CLR）兼容的任何语言来编写应用程序的代码，这些语言包括Microsoft Visual Basic、C#、JScript .NET 和 J#。使用这些语言，可以开发利用公共语言运行库、类型安全、继承等方面的优点的ASP.NET应用程序。ASP.NET页和控件框架是一种编程框架，它在 Web 服务器上运行，可以动态地生成和呈现 ASP.NET 网页。可以从任何浏览器或客户端设备请求ASP.NET网页，ASP.NET会向请求浏览器呈现标记（例如 HTML）。通

32、常，您可以对多个浏览器使用相同的页，因为ASP.NET 会为发出请求的浏览器呈现适当的标记。但是，您可以针对诸如 Microsoft Internet Explorer 6的特定浏览器设计ASP.NET网页，并利用该浏览器的功能。ASP.NET 支持基于Web的设备（如移动电话、手持型计算机和个人数字助理（PDA）的移动控件。ASP.NET网页是完全面向对象的。在ASP.NET 网页中，可以使用属性、方法和事件来处理HTML元素。ASP.NET页框架为响应在服务器上运行的代码中的客户端事件提供统一的模型，从而使您不必考虑基于Web的应用程序中固有的客户端和服务器隔离的实现细节。该框架还会在页处

33、理生命周期中自动维护页及该页上控件的状态。使用ASP.NET页和控件框架还可以将常用的 UI 功能封装成易于使用且可重用的控件。控件只需编写一次，即可用于许多页并集成到ASP.NET 网页中。这些控件在呈现期间放入ASP.NET网页中。ASP.NET页和控件框架还提供各种功能，以便可以通过主题和外观来控制网站的整体外观和感觉。可以先定义主题和外观，然后在页面级或控件级应用这些主题和外观。除了主题外，还可以定义母版页，以使应用程序中的页具有一致的布局。一个母版页可以定义希望应用程序中的所有页（或一组页）所具有的布局和标准行为。然后可以创建包含要显示的页特定内容的各个内容页。当用户请求内容页时，这

34、些内容页与母版页合并，产生将母版页的布局与内容页中的内容组合在一起的输出5。所有ASP.NET 代码都经过了编译，可提供强类型、性能优化和早期绑定以及其他优点。代码一经编译，公共语言运行库会进一步将ASP.NET 编译为本机代码，从而提供增强的性能。ASP.NET 包括一个编译器，该编译器将包括页和控件在内的所有应用程序组件编译成一个程序集，之后ASP.NET 宿主环境可以使用该程序集来处理用户请求。除了.NET的安全功能外，ASP.NET 还提供了高级的安全基础结构，以便对用户进行身份验证和授权，并执行其他与安全相关的功能。您可以使用由IIS提供的 Windows身份验证对用户进行身份验证，

35、也可以通过您自己的用户数据库使用ASP.NET Forms 身份验证和ASP.NET成员资格来管理身份验证。此外，可以使用 Windows 组或您自己的自定义角色数据库（使用ASP.NET角色）来管理Web应用程序的功能和信息方面的授权。您可以根据应用程序的需要方便地移除、添加或替换这些方案。ASP.NET提供了内部状态管理功能，它使您能够存储页请求期间的信息，例如客户信息或购物车的内容。您可以保存和管理应用程序特定、会话特定、页特定、用户特定和开发人员定义的信息。此信息可以独立于页上的任何控件。通过ASP.NET应用程序使用的配置系统，可以定义Web服务器、网站或单个应用程序的配置设置。您可

36、以在部署ASP.NET应用程序时定义配置设置，并且可以随时添加或修订配置设置，且对运行的Web应用程序和服务器具有最小的影响。ASP.NET配置设置存储在基于XML的文件中。由于这些XML文件是ASCII 文本文件，因此对Web应用程序进行配置更改比较简单。您可以扩展配置方案，使其符合自己的要求。2.2 利用Shockwave for Author wareShockwave是Macromedia公司提供的一套在Internet平台上播放多媒体节目的系列软件。通过Shockwave ，我们可以充分利用现有的创作工具和已掌握的技术与经验直接进入Internet的开发领域，并可以将原来用Autho

37、rware开发的传统式的课件方便快捷地移植到Internet上。因此，我们在研制计算机硬件技术基础多媒体CAI课件时，选用了Author ware 4.0（Author ware 3.5已有此功能）作为开发平台6。下面仅以Author ware 4.0为例来介绍这方面的技术。2.2.1 Shockwave for Authorware的组成及特点Shockwave for Author ware主要有两部分组成：开发服务器端程序的Afterburner 和用于客户机端WWW浏览器的插件Shockwave Plug-in。这两个软件随Author ware 4.0一起发售，也可以从网上免费下载（

38、网址：http:/WWW ware 4.0制作的.A4R、.A4E文件分割、压缩，生成可以被Navigator和Explorer识别的文件格式。当这些经过Afterburner处理的文件由服务器传送到浏览器一端时，Shockwave将负责解释其中的内容，从而在WEB页面中将各种媒体信息展现出来。Shockwave for Author ware具有以下特点：(1) 使用多媒体数据流分包技术：这样，大型课件系统在网络上将以片段的数据包形式传递，在浏览器端由Shockwave将数据片段整合为一体。因此，无论由Author ware制作的课件规模大小，均可以在浏览器一端实现快速启动，并对图、文、声、

39、像等多种媒体进行播放。(2) 动态预装入：所有数据在需要之前，便可以在后台进行预先装入，而对最终用户来说这部分是完全透明的。(3) 文件压缩50-70%：经过分包压缩处理的文件不但减少了网络传输时间，也节省了在文件服务器上的存储空间。(4) 信息回写：通过FTP方式，我们可以从WEB服务器上获得有关用户登录方面的信息，或对服务器提出的测试作出反馈。另外，Shockwave for Authorware的使用也比较简单，下面以Author ware 4.0为例来介绍在PC机上的使用方法。2.2.2 Shockwave for Authorware的使用首先，制作服务器端的文件：把用Author

40、ware 4.0开发的课件（.A4P文件）打包生成.A4R文件，然后用Afterburner将其分割、压缩，生成.aam和.aas文件，其中.aam文件是用来说明.aas文件的文本文件，可以被Navigator和Explorer识别。在分包过程中，我们还可以根据实际网络的带宽要求，自行指定分包（即.aas文件）的大小以适应不同的网络环境。其次，制作课件主页：课件主页也就是课件的主控页面，通过它可以很方便地选择相应的子课件。课件7主页使用WEB页面的超文本标记语言HTML，然后把处理后的Author ware文件嵌入HTML主页中即可。（1）WIDTH和HEIGHT两项后的数据表示课件在浏览器中

41、显示区域的大小，建议与Authorware制作时所用窗口大小相同。（2）WINDOWS后有三种选项：InPlace，在浏览器窗口中显示；OnTop，另开一个独立窗口显示；OnTopMinimize，另开一个独立窗口显示，同时把浏览器最小化。（3）PALETTE后有两种选项：Background，使用浏览器的调色板；Foreground，使用Author ware的调色板。最后，进行客户端浏览器的设置：先根据需要下载Shockwave for Author ware的安装程序NP32ASW.EXE（32位）或NP16ASW.EXE（16位），然后进行插件的安装，并选择浏览器类型（Navigato

42、r或IE）之后，浏览器就能播放处理过的Author ware程序了。如图2所示，即为课件在Netscape Communicator 4中播放的情况。从以上过程可以看出，利用Author ware 4.0来开发基于WEB的课件，从开发者的角度看，与制作传统的课件并没有本质上的区别，唯一不同的是最后的压缩处理和播放环境。当然，我们在制作过程中应考虑到课件在浏览器中运行的页面布局以及功能按钮的合理设置。2.3 WEB客户端技术WEB客户端的主要任务是展现信息内容。WEB客户端设计技术主要包括：HTML语言、Java Applets、脚本程序、CSS、DHTML、插件技术以及VRML技术。 (1)H

43、TML语言。HTML是Hypertext Markup Language（超文本标记语言）的缩写，它是构成WEB页面的主要工具。 (2)Java Applets，即Java小应用程序。使用Java语言创建小应用程序，浏览器可以将Java Applets从服务器下载到浏览器，在浏览器所在的机器上运行。Java Applets可提供动画、音频和音乐等多媒体服务。1996年，著名的Netscape浏览器在其2.0版本中率先提供了对Java Applets的支持，随后，Microsoft的IE3.0也在这一年开始支持Java技术。Java Applets使得WEB页面从只能展现静态的文本或图像信息，发

44、展到可以动态展现丰富多样的信息。动态WEB页面，不仅仅表现在网页的视觉展示方式上，更重要的是他可以对网页中的内容进行控制与修改。 (3)脚本程序。他是嵌入在HTML文档中的程序。使用脚本程序可以创建动态页面，大大提高交互性。用于编写脚本程序的语言主要有JavaScript和VBScript。JavaScript由Netscape公司开发，具有易于使用、变量类型灵活和无须编译等特点。VBScript由Microsoft公司开发，与JavaScript一样，可用于设计交互的WEB页面。要说明的是，虽然JavaScript和VBScript语言最初都是为创建客户端动态页面而设计的，但他们都可以用于服

45、务端脚本程序的编写。客户端脚本与服务端脚本程序的区别在于执行的位置不同，前者在客户端机器执行，而后者是在WEB服务端机器执行。 (4)CSS(Cascading Style Sheets)，即级联样式表。1996年底，W3C提出了CSS的建议标准，同年，IE3.0引入了对CSS的支持。CSS大大提高了开发者对信息展现格式的控制能力，1997年的Netscape4.0不但支持CSS，而且增加了许多Netscape公司自定义的动态HTML标记，这些标记在CSS的基础上，让HTML页面中的各种要素“活动”了起来。 (5)DHTML(Dynamic HTML)，即动态HTML。1997年，Micros

46、oft发布了IE4.0，并将动态HTML标记、CSS和动态对象（Dynamic Object Model）发展成为一套完整、实用、高效的客户端开发技术体系，Microsoft称其为DHTML。同样是实现HTML页面的动态效果，DHTML技术无须启动Java虚拟机或其他脚本环境，可以在浏览器的支持下，获得更好的展现效果和更高的执行效率。 (6)插件技术。这一技术大大丰富了浏览器的多媒体信息展示功能，常见的插件包括QuickTime、Real player、Media Player和Flash等。为了在HTML页面中实现音频、视频等更为复杂的多媒体应用，1996年的Netscape2.0成功地引入

47、了对QuickTime插件的支持，插件这种开发方式也迅速风靡了浏览器的世界。同年，在Windows平台上，Microsoft将COM和ActiveX技术应用于IE浏览器中，其推出的IE3.0正式支持在HTML页面中插入ActiveX控件，这位其他厂商扩展WEB客户端的信息展现方式提供了方便的途径。1999年，Realplayer插件先后在Netscape和IE浏览器中取得了成功，与此同时，Microsoft自己的媒体播放插件Media Player也被预装到了各种Windows版本之中。同样具有重要意义的还有Flash插件的问世：20世纪90年代初期，Jonathan Gay在FutureWa

48、ve公司开发了一种名为Future Splash Animator 的二维矢量动画展示工具，1996年，Macromedia公司收购了Future Wave，并将Jonathan Gayde 的发明改名为我们熟悉的Flash。从此，Flash动画成了WEB开发者表现自我、展示个性的最佳方式。 (7)VRML技术。WEB已经由静态步入动态，并正在逐渐由二维走向三维，将用户带入五彩缤纷的虚拟现实世界。VRML是目前创建三维对象最重要的工具，它是一种基于文本的语言，并可运行于任何平台。 2.4 WEB服务端技术与WEB客户端技术从静态向动态的演进过程类似，WEB服务端的开发技术也是由静态向动态逐渐发

49、展、完善起来的。WEB服务器技术主要包括服务器、CGI、PHP、ASP、NET、Servlet和JSP技术。 (1)服务器技术。主要指有关WEB服务器构建的基本技术，包括服务器策略与结构设计、服务器软硬件的选择及其他有关服务器构建的问题。 (2)CGI(Common Gateway Interface)技术，即公共网关接口技术。最早的WEB服务器简单地响应浏览器发来的HTTP请求，并将存储在服务器上的HTML文件返回给浏览器。CGI是第一种使服务器能根据运行时的具体情况，动态生成HTML页面的技术8。1993年，NCSA提出CGI1.0 的标准草案，之后分别在1995 年和1997年，制定了C

50、GI1.1和1.2标准。CGI技术允许服务段的应用程序根据客户端的请求，动态生成HTML页面，这使客户端和服务端的动态信息交换成为了可能。随着CGI技术的普及，聊天室、论坛、电子商务、信息查询、全文检索等各式各样的WEB应用蓬勃兴起，人们可以享受到信息检索、信息交换、信息处理等更为便捷的信息服务了。 (3)PHP(Personal Home Page Tools)技术。1994年，Rasmus Lerdorf发明了专用于WEB服务端编程的PHP语言。与以往的CGI程序不同，PHP语言将HTML代码和PHP指令合成为完整的服务端动态页面，WEB应用的开发者可以用一种更加简便、快捷的方式实现动态W

51、EB功能。 (4)ASP(Active Server Pages)技术，即活动服务器页面技术。1996年，Microsoft借鉴Php的思想，在其WEB服务器IIS 3.0中引入了ASP技术。ASP使用的脚本语言是我们熟悉的VBScript和Javascript。借助Microsoft Visual Studio等开发工具在市场上的成功，ASP迅速成为Windows系统下WEB服务端的主流开发技术9。 (5)ASP.NET技术。它是面向下一代企业级网络计算的WEB平台，是对传统ASP技术的重大升级和更新。ASP.NET是建立.NET Framework的公共语言运行库上的编程框架，可用于在服务

52、器上生成功能强大的WEB应用程序。 (6)Servlet、JSP技术。以Sun公司为首的Java阵营于1997和1998年分别推出了Servlet和JSP技术。JSP的组合让Java开发者同时拥有了类似CGI程序的集中处理功能和类似PHP的HTML嵌入功能，此外，Java的运行时编译技术也大大提高了Servlet和JSP的执行效率。Servlet和JSP被后来的J2EE平台吸纳为核心技术11。教学资源管理模块中设置了图片接口教学图片通过该接口上传至后台服务器，供页面调用。值得注意的是，如果教学图片以图片文件格式保存在服务器中，将占用大量的服务器存储空间而且图片的调用速度很慢，对网络信息交换和其

53、他信息的转移、升级产生不利的影响。因此，有必要建立教学图片数据库，把图片信息转化为二进制信息存放其中。通过这种方法，大大降低图片存储容量，且能有效提高图片上传和显示的速度，方便图片信息的更新和管理。流媒体课件内容可以是授课教师的上课时的现场录像，也可以是授课教师多媒体授课时的电脑屏幕录影，其中后者对数据传输速率的要求远远小于前者，因此屏幕录影方式在流媒体课件制作中被广泛采用。实现屏幕录影的方法比较简单，选用一款屏幕录影录音软件(比如：屏幕录像专家V75)将教师现场授课的电脑屏幕影像及麦克风的输入声音录制下来即可。在采用流式传输的系统中，用户不必象采用下载方式那样等到整个文件全部下载完毕，而只需

54、经过几秒或十数秒的启动延时(缓冲)即可在用户的计算机上利用解压设备(硬件或软件)对压缩的多媒体数据解压后进行回放。当音频、视频等媒体数据在客户终端上播放时，数据的剩余部分将在后台从服务器继续下载。2.5常用的多媒体传输协议(1)RTP协议：实时传输协议，提供端对端传输服务的应用层协议。RTCP协议：实时传输控制协议，提供实时传输控制服务。(2)RSVP协议：资源预留协议。(3)RTSP协议：实时流协议，由RealNetworks和Netscape共同提出的应用层协议,定义了一对多应用程序如何有效地通过IP网络传送多媒体数据。 (4)MMS协议：访问并流式接收 Windows Media 服务器

55、中 .ASF 文件的一种协议。2.6常用的多媒体通信协议(1)信令控制协议（H.323）：是H.32X多媒体通信协议系列族中的一项，H323协议用IP信息传输方式构建传统电信网与Internet网络互通互联，属应用层协议。(2)会话启动协议（SIP）:是在SMTP协议和HTTP协议基础之上建立起来的，特别适用于实时通信，如IP电话12。(3)IP多媒体子系统 (IMS)：是一种基于会话启动协议的通用平台网络结构标准。 通信与接入方式无关，可以提供多种多媒体业务。(4)多媒体通信服务控制协议（QoS）：是网络的一种安全机制，用来解决通信延迟和阻塞等问题13。3 系统功能及性能介绍系统主要利用计算

56、机网络将多媒体文件有组织的放置到网络上，方便学生进行远程访问，可以更加高效的学习。3.1可行性分析所谓多媒体CAI课件，简单地说就是利用数字处理技术和视听技术，以计算机为中心，按照教师的教学设计，将文字、语音、图像等多种媒体信息集成在一起，以实现对教学材料的存储、传递、加工、转换和检索的一种现代教学技术手段。由于它图、文、声、像并茂，能够实现人机频繁地多种交互控制，方便辅助教学，所以越来越受到人们的重视。然而，多媒体CAI课件的设计涉及到教育学理论、心理学理论、学习理论、教学设计、美学等多方面的知识，并非一个简单的过程。如何综合运用相关理论设计出实用性、适应性和艺术性强、交互方便的多媒体CAI

57、课件，成为多媒体CAI课件设计中应注意的问题。多媒体CAI课件设计的实用性问题：据调查，目前市场上的课件一般设计得比较漂亮，内容也比较丰富，然而大部分脱离了课堂教学实际，教学实用性差，教师课上使用时总是感觉不尽如人意。从设计的角度看，课件的实用性由选题决定，即确定哪些内容需用课件表现，哪些不必用课件表现。因为并不是所有内容都必须制作成多媒体CAI课件，许多一目了然的内容，或通过传统媒体和其它教育媒体也能达到相同效果的内容，就没必要费时、费力地将其制作成多媒体CAI课件。所以，设计时要充分考虑课件教学的实际需要，选题必须精心、准确、体现实用性。多媒体CAI课件设计的艺术性及适应性问题：如何处理既

58、适合界面美观性又适应教学对象年龄特征的媒体信息是课件设计的关键。多媒体CAI课件教学是一种调动文字、图形、图像、声音、视频、动画多种媒体信息为教学服务的手段。课件中涉及的媒体信息越多，其相互间的协调就越重要，如果对它们间的关系处理不好的话，极易使人们的感官互相冲突，影响学习效果。从教育心理学的角度看，具有审美情趣的教学过程能充分调动学习者的各种感官，使其在轻松愉快的情境中接受知识，增强学习兴趣，提高学习者的记忆力，达到最佳的学习状态。所以，要想使教学内容以理想的形式表现出来，符合学习者的心理需求，富有吸引力，设计时就要讲究艺术性和审美性。不同年龄阶段的学生，在心理特征、认知结构、思维方式上存在很大差异，在同一教学环境下，接受知识信息的能力也各有不同。因此，媒体的设计要充分考虑学习者的特点。多媒体CAI课件设计中的交互性问题：所谓交互性，是指计算机和学习者之间的信息传递是双向的，计算机可以向学习者输出信息，也可以接收学习者的输入命令，并根据命令进行相应处理。交互性是多媒体CAI课件的最基本的特点，有利于教师掌握学