网络技术的多媒体cai课件的开发与应用.doc

网络技术的多媒体CAI课件的开发与应用 ; 论文关键词:多媒体 CAI课件 Web 页面优化 ; 论文摘要:基于Web的多媒体CAI课件是多媒体CAI课件与Web技术的结合。本文介绍了在基于Web的多媒体CAI课件开发过程中对课件页面进行页面优化的原则和方法,并介绍了课件中导航、查询、测试等关键功能的程序实现技术和方法。 ; 1、传统型课件与Web型课件 ; 传统类型的课件或者由于投资成本大(如基于编程为主的整体式课件),或者由于升级更新困难(如基于CDROM的多媒体课件),已不能满足日益发展的需要。伴随着Web技术的发展,基于Web的多媒体CAI课件应运而生。作为一种全新类型课件的平台,Web本身具有统一的协议标准,良好的跨平台特性和前所未有的广泛的覆盖性。在其上开发出来的软件有着良好的GUI界面,能够支持多种多媒体格式,可提供高度的交互性,与其他的应用程序有着方便良好的接口。同时,用以开发、维护基于Web的软件的工具大多可以免费获得,使得基于Web的CAI课件的开发维护费用相对低廉,并且十分容易对课件进行升级更新。 ; 2、课件页面优化的原则和方法 ; 页面优化的根本立足点和目的有以下两点:一是加快页面下载速度;另一是使页面能象设计者所预先设想的那样在用户眼前显示。 ; 2.1 加快页面下载速度的优化 ; 页面下载速度可分成以下三部分:下载时间、渲染时间和可视性。好的设计者应通过页面优化在三者中找到一个平衡点,进而产生理想的下载。从用户点击请求到页面总体框面显示仅一眨眼时间,在页面完全渲染完前,用户便可以从中搜索自己需要的信息。 ; 2.1.1 加快页面下载的普遍原则 ; (1)去除不必要的多媒体效果和内容:可以用普通按钮、静态图像、减少图形化的文字标题等措施减少页面下载时间。 ; (2)用一切手段减少各种多媒体元素的大小。 ; (3)优先使用相同的图形或多媒体内容:浏览器会在RAM或硬盘上设置缓存来保存最近用到的图形和文件,从而提高效率。 ; 2.1.2 对图形的优化处理 ; (1)减少图形文件大小:如,减小图形面积——可以通过剪切图形或按比例收缩图形来实现。按比例收缩后,有可能在图形上出现一些色斑。 ; (2)在HTML文件中为图形设置WIDTH和HEIGHT属性:这种方法并不能加快下载,但可以在下载图片前先把文字和其他后继内容显示出来,使用户在下载图片的同时便可开始浏览。 ; (3)随同符号使用LOWSRC属性:这个属性允许我们指定另一个图形文件,它将首先下载,并在由SRC属性指定的图形文件之前显示出来,一般由它指定一个低分辨率、低色度的与SRC图形相同大小的图形,这样下载将变快。 ; (4)使用交错式GIF和渐进式JPEG:交错式GIF和渐进式JPEG是对原来图形标准的扩展。其中交错式GIF向后兼容,而渐进式JPEG不能。 ; 2.2 对兼容性的优化 ; 在兼容性问题上,既要考虑课件对各种操作系统和硬件平台的兼容性,也要考虑课件对各种浏览器的兼容性。 ; 2.2.1 在平台兼容性上的优化 ; Web的跨平台特性可以使我们不需要关注用户配置的机器及操作系统,免于多次开发,但为了使课件能够在各种平台上平常显示,仍需要我们在定义潜在用户群时考虑许多细节,包括:显示器的分辨率和色深,对音、视频的支持情况,各种平台上显示调色板之间的差别等等。 ; 2.2.2 在浏览器兼容性上的优化 ; 与浏览器不兼容带来的影响相比,平台不兼容对课件开发所带来的影响几乎可以忽略不计。各大主流浏览器开发厂商或者由于商业上的考虑而故意制造不兼容情况,或者为了追踪技术发展不得不造成新版本某些部分事实上不向后兼容。如何消除浏览器兼容性对课件开发的影响,才是课件开发者所真正要关心的问题。 ; 3、课件中导航、查询、测试功能的实现 ; 3.1 导航功能的实现 ; 在课件中,导航功能可以采用以下几种方案来实现。一种是页面底部均有的导航钮,这个方案主要提供课件预定学习顺序;一种是导航图,它指出用户现在正处于整个课件的什么位置;一种是查询方案,这个方案提供在整个站点内搜索相关页的功能;还有一种便是树型目录,它与教材目录相同,可用于辅助检索。 ; 3.2 测试功能的实现 ; 虽然课程考试的题目需要有专门的试题库系统自动生成,但每个单元后的练习题和单元测验题却可用网页加载脚本的形式简单实现,从而大大减轻服务器和数据库的负荷。 ; 4、对基于Web的多媒体CAI课件发展方向的一些探讨 ; 首先,从功能上说,根据学生学习课件后取得的效果,可把课件分为:“知识和技能的获取”型、“应用知识分析和解决问题”型、“创造性的解决问题”型三种。而从目前课件开发情况看,以第一类居多,第二类较少,第三类几乎还是空白。笔者认为,在这方面应加强研究的力度,应加快发展的步伐。 ;