于万国

（河北民族师范学院 数学与计算机系，河北 承德 067000）

1 引言

在我国的教学领域，多媒体视频教学软件的研究已经成为多媒体CAI发展的一个重要方向，多媒体视频CAI除了具有普通CAI的特点外，还具有直观生动、操作具体的特点，使学习效率大大的提高。本文以Photoshop CS3为例，介绍基于Authorware架构的多媒体视频教学软件的设计研究。

Photoshop功能强大，性能稳定，使用方便，是目前公认的权威性图形图像处理软件，因此成为IT及业外人士处理图像的一门重要工具。但对于初学者都有这样的经历：按教材提供的案例操作步骤进行操作，结果与预期效果可能大相径庭，使学习者学习起来很迷惑。又比如在利用渐变工具进行渐变填充时，鼠标托拽的方向、长短、位置不同，填充的效果也随之发生变化。这些对于初学者来说往往很难把握。目前国内有一些Photoshop的网络教学视频，但都比较零散，很不系统，使用起来也受限制，不适合交互式教学与学习。针对Photoshop实践操作性很强，技巧性很高的特点，研究其多媒体视频教学软件的制作，充分发挥多媒体视频的直观生动、操作具体的特点。并用具有强大交互功能的多媒体制作软件Authorware进行制作，集成声音、文字、图像、动画、视频等多种教学信息于一体，使学习者轻松自如地掌握Photoshop的操作技巧。对教学水平的提高、学生能力的培养具有很强的应用价值，并突出其交互功能，实现对多媒体视频的灵活控制。

2 Photoshop多媒体视频的制作分析

教学视频的制作是软件素材收集的关键环节，把Photoshop CS3全部的教学内容制作成视频素材，使其在软件制作时被更好的利用。考虑到这门学科的教学特点，按照由浅入深的原则，将Photoshop CS3的内容分为基础知识、工具箱的使用、图层的应用、图像色彩调整、路径的应用、通道的应用，以及滤镜的应用七大部分，每一部又分成若干个小节，每一小节就是一个知识点。这样最后做出来的软件对于教师教学、学生自学都非常方便。基于以上因素，用Camtasia Studio来录制教学视频，用Flash制作一些视频动画，用Premiere对视频进行后期加工处理，最终生成可随意拆分的SWF格式视频文件。

3 基于Authorware架构的设计与实现

在多媒体教学软件的设计中，重点是教学内容的管理。常见的设计框架模型有三种，线性框架模型、索引框架模型、层次框架模型[1]697－699。内容详见参考文献[1]

在对开发多媒体教学软件的系统分析的基础上，下面论述如何把已经制作好的Photoshop视频素材进行整合，制作基于Authorware的多媒体视频教学软件。

3.1 软件的系统设计：根据Photoshop的教学需求分析，确定软件系统结构框图[3]330-333，如图1所示。

该软件可分类5大模块：多媒体视频课堂模块、经典案例效果欣赏模块、实例素材源文件模块、浏览光盘内容模块以及退出多媒体光盘模块。

多媒体视频课堂：这是该软件的主要功能模块，该模块主要提供Photoshop CS3的多媒体视频教程，全程语音讲解，真实演示操作。

经典案例效果欣赏：这个功能模块用于欣赏经Photoshop处理后的图片，给人以视觉享受，激发学习者的学习兴趣。

软件使用说明：该模块给出软件的详细使用说明。单击“软件使用说明”按钮，用word打开readme.doc文件，用户可学习该软件的使用说明。

浏览光盘内容：该模块用于浏览光盘内容。单击“浏览光盘内容”按钮，可打开光盘目录。

退出多媒体光盘：该模块用于软件的退出。

3.2 软件的详细设计

3.2.1 软件的主界面设计：采用Authorware的按钮交互图标来实现，6个按钮交互图标中的5个用于实现用户单击按钮进入相应的功能模块的设计。1个按钮交互用于实现背景音乐的播放和暂停。

详细设计过程：建立一个Authorware工程文件，并命名。拖曳一个计算图标到流程线上，并命名为测试并改变屏幕分辨率。这个图标是用来确定软件使用的分辨率的，软件在进入主界面时会自动更改显示器的分辨率为1024×768，以达到全屏显示；退出软件后又会自动更改为显示器原来的分辨率，所以用户不必手动干预分辨率的设置。软件的界面设计包括主界面的设计、交互按钮的设计。将事先制作好的主界面图像文件拖到计算图标下方，并命名为主界面，并使用脚本语言让图像不能移动。接下来拖一个交互图标到流程线上，并命名为主控，并拖5个群组图标和1个计算图标到交互图标的右侧，确认为按钮交互类型，建立交互结构。交互分支分别命名为“多媒体视频教学”、“经典案例效果欣赏”、“实例素材源文件”、“浏览光盘内容”、“退出多媒体光盘”、“播放/暂停”。在交互结构下方插入DirectMediaXtra插件，并命名为“背景音乐”，用于播放该软件的背景音乐。主流程线的设计如图2所示。

图2 主流程图的设计

测试并改变屏幕分辨率实现的代码实现参考文献[2]中已经论述[2]51-52。

背景音乐的播放和暂停计算图标实现的代码如下：

if GetSpriteProperty(@“背景音乐”,#mediabusy)=1 then

CallSprite(@“背景音乐”,#videopause)

else

CallSprite(@“背景音乐”,#videoplay)

end if

软件运行后主界面如图所示3所示。

图3 软件运行的主界面

3.2.2 多媒体视频课堂功能模块的设计：由前面所讨论的教学软件内容管理框架模型和Photoshop视频教学软件的需求，系统设计采用层次框架模型管理教学内容，各章目录采用索引方法，各节使用线性的管理方法，构成层次网络结构。如图4所示。

图4 多媒体视频课堂的组织结构图

该功能模块主要采用Authorware中的热区交互图标、框架图标和导航图标实现，热区交互图标主要用来实现视频教学内容的选择，框架图标主要功能是管理视频教学内容，导航图标主要用来实现视频教学内容的灵活控制。二级流程线的结构设计如图5所示。

图5 多媒体视频课堂的二级流程线设计图

双击基础知识部分，得到三级流程线，设计如图6所示。

图6 多媒体视频课堂的三级流程线设计图

双击某一节得到四级流程线，设计如图7所示。

图7 多媒体视频课堂的四级流程线设计图

在这一级流程线的设计中，交互结构用于实现对Photoshop视频教学内容的完全控制。主要利用Authorware的脚本语言来实现。可以利用按钮和进度条相结合的方式来实现对Flash动画的控制，包括打开Flash文件、播放、暂停、快进、快退、首帧、尾帧等按钮控制方式，也可以通过拖曳播放头在进度条的位置改变Flash动画的播放进度，而且Flash动画播放的进度可以动态显示，即播放的部分深色显示，同时动态显示播放进度的百分比。进而增加了控制Flash动画的灵活性和交互性。效果如图8所示。

图8 多媒体视频课堂的效果图

3.2.3 经典案例效果欣赏功能模块设计：主要应用了框架图标和导航图标来实现。框架当中的每一页是经过Photoshop处理过的经典图片，利用导航图标可以手动实现页面之间的跳转。同时把这些图片做成.swf格式，利用导航图标实现自动播放。为了欣赏的要求可利用DirectMediaXtra插件添加背景音乐，增加娱乐功能，并可通过Authorware的脚本语言来控制音量的大小。流程线的设计如图9所示。

图9 经典案例效果欣赏的设计图

框架图标的内部结构设计如图10所示。

图10 框架内部结构的设计图

运行效果如图11所示。

图11 经典案例效果欣赏的效果图

3.2.4 光盘使用说明模块设计：主要应用Authorware的脚本语言打开相应的readme.doc文件，实现的代码如下：

JumpOutReturn(“winword.exe”,FileLocation^“readme.doc”)

3.2.5 浏览光盘内容模块设计：主要应用Authorware的脚本语言打开Windows资源管理器文件夹浏览光盘的内容，实现的代码如下：

x∶=FileLocation

JumpOutReturn("",x^".")

3.2.6 退出多媒体光盘模块设计：显示图标用于实现软件的简介，声音图标用于实现退出的背景音乐，计算图标用于实现软件的退出。退出结构的设计如图12所示。

图12 退出多媒体光盘的设计图

4 结论

Photoshop教学软件是一个集视频教学内容、效果欣赏、使用说明、浏览光盘内容于一体的多媒体视频软件。采用层次结构设计，有效地组织整个教学内容。改变了传统利用Authorware设计中以文字浏览为主的设计方式，教师可以在课堂上播放视频教程或在上机练习时指导学生自学视频教程的内容，使用起来非常方便，界面简单，而且内容扩充性强，成为学生学习Photoshop课程的好帮手。该软件的的框架设计及流程控制的实现，可作为其它多媒体视频教学软件的通用框架模板。

[1]杨象驰.基于Authorware的多媒体教学软件设计研究[J].计算机工程与设计,2004,25，(5):697-699.

[2]梅强华.自动检测和动态改变屏幕分辨率设置程序[J].计算机应用,2001，(06):51-52.

[3]符策群.基于Authorware的多媒体课件框架的设计与开发[J].海南师范学院学报(自然科学版),2005,18，(4):330-333.