毕业设计论文基于WEB的网络多媒体CAI课件的设计与开发.doc

《毕业设计论文基于WEB的网络多媒体CAI课件的设计与开发.doc》由会员分享，可在线阅读，更多相关《毕业设计论文基于WEB的网络多媒体CAI课件的设计与开发.doc（43页珍藏版）》请在三一办公上搜索。

1、基于WEB的网络多媒体CAI课件的设计与开发目录中文摘要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的使用1

2、02.3 WEB客户端技术112.4 WEB服务端技术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 实验

3、环境模块354.3.8 更新课程模块364.4 系统的创新点及不足36结束语38致谢39参考文献4039基于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

5、Internet and distance learning, 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

6、 by CERNET and Internet 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-b

7、ased multimedia network 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 mult

8、imedia courseware in the 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 transf

9、er activities to participate 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 基于WE

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

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

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

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

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

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

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

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

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

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

27、一份好的多媒体课堂教学课件。 1.3.1 没有时空限制因为课件是基于网络的，所以具有广泛的影响性。它可以借助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 应用程序所必需

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

32、ET会向请求浏览器呈现标记（例如 HTML）。通常，您可以对多个浏览器使用相同的页，因为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提

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

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

37、ternet的开发领域，并可以将原来用Authorware开发的传统式的课件方便快捷地移植到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

38、ware 4.0一起发售，也可以从网上免费下载（网址：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的

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

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

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

43、DHTML、插件技术以及VRML技术。 (1)HTML语言。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

44、使得WEB页面从只能展现静态的文本或图像信息，发展到可以动态展现丰富多样的信息。动态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 HT

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

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

48、初期，Jonathan Gay在FutureWave公司开发了一种名为Future Splash Animator 的二维矢量动画展示工具，1996年，Macromedia公司收购了Future Wave，并将Jonathan Gayde 的发明改名为我们熟悉的Flash。从此，Flash动画成了WEB开发者表现自我、展示个性的最佳方式。 (7)VRML技术。WEB已经由静态步入动态，并正在逐渐由二维走向三维，将用户带入五彩缤纷的虚拟现实世界。VRML是目前创建三维对象最重要的工具，它是一种基于文本的语言，并可运行于任何平台。 2.4 WEB服务端技术与WEB客户端技术从静态向动态的演进过程类似，WEB服务端的开发技术也是由静态向动态逐渐发展、完善起来的。WEB服务器技术主要包括服务器、CGI、PHP、ASP、NET、Servlet和JSP技术。 (1)服务器技术。主要指有关WEB服务器构建的基本技术，包括服务器策略与结构设计、服务器软硬件的选择及其他有关服务器构建的问题。 (2)CGI(Common Gateway Interface)技术，即公共网关接口技术。最