第7讲多媒体应用系统设计

1、7.1 多媒体应用系统设计概述7.2 多媒体著作工具7.3 Authorware的使用7.4Authorware实例7.1.1 多媒体应用系统的基本概念7.1.2 多媒体应用系统的设计流程多媒体应用系统是多媒体系统的一个重要组成部分。多媒体系统是指能对文本、图形、图像、动画、视频和音频等多媒体信息进行逻辑互连、获取、编辑、存储和播放等功能的一个计算机系统。通常多媒体系统是由多媒体硬件系统、多媒体操作系统、多媒体创作工具和多媒体应用系统等四部分组成。多媒体应用系统是借助多媒体硬件系统和多媒体操作系统支持应用系统，它又可分为两种类型，一种是人人交互系统，如视频会议系统等；另一种是人机交互系统，如城

2、市街头的市政咨询系统等。本章所讨论的多媒体应用系统是人机交互系统，即指利用多媒体开发工具开发的，通过对各种单媒体数据进行了处理、整合，生成的一种可以在多媒体操作系统的支撑下具有良好的人机交互能力的多媒体产品。这样的多媒体产品一般是由各种应用领域专家和开发人员利用计算机语言或多媒体创作工具进行开发。多媒体应用系统综合多种人机交流手段，集成各种媒体，它的最大的特点是丰富的交互性和高度的集成性。目前，多媒体应用系统所涉及的应用领域很广泛，例如文化教育、电子出版、音象制作、咨询服务、信息系统、通讯和娱乐等。多媒体应用系统的设计流程和其他的计算机应用系统相比有其特殊性。可以把它分为以下六个阶段，即系统分

3、析、系统设计、脚本设计、多媒体数据准备、系统制作、系统测试，如图1所示。下面分别介绍每一阶段的工作内容。1系统分析2系统设计3脚本设计4数据准备5系统制作6系统测试和通常的软件开发一样，多媒体应用系统开发的第一步是进行系统分析。系统分析的主要任务是确定系统的目标，即确定“做什么”。在这一步首先要分析系统面向的领域、系统的应用场合和应用环境、系统的用户类型等，然后根据上面的分析明确系统所要完成的任务。多媒体系统设计包括结构设计、功能设计和界面设计。多媒体应用系统的结构可以是线性结构、树形结构或网状结构。线性结构的系统顺序执行，用户可以控制前进、后退、暂停、到最前页或最后页，交互性较差；树形结构可

4、以根据用户选择分支进行，如果用户想看其他的分支内容，需要一步步退出当前分支；网状结构中，各媒体按照各自的内容被有机地链接在一起，系统提供了灵活多变的交互方式，用户可以根据需要随时查看有关的链接信息，达到对信息随机获取的目的。功能设计需要根据系统分析的结果来进行。界面设计包括布局设计和风格设计。界面设计一般遵循交互性原则、一致性原则、简洁性原则和结构性原则等。脚本设计是多媒体应用系统设计的特有内容，脚本设计相当于影视制作中的分镜头设计，是总体的设计方案在每个单元的具体体现，包含了对内容、媒体的选择、交互控制方式、声音的表达以及屏幕设计等方面的详细描述。脚本设计要兼顾多方面，不仅要规划出各项内容显

5、示的顺序和步骤，还要描述其间的分支路径和衔接的流程，以及每一步骤的详细内容。脚本设计之后的一步是按脚本要求准备数据。在多媒体设计领域，多媒体数据常常被称作素材。素材通常有多种来源，例如用户提供、网上下载、自行创作等。素材收集完全后，需要根据系统的要求以及开发工具的要求，对素材进行必要的编辑处理，将素材转换为系统开发环境下要求的存储和表示形式。因为系统涉及的素材往往很多，所以在素材开始收集时，就应该有意识地按类型对素材进行分类管理。在完全确定了系统的功能、设计标准，并且按相关设计将素材准备完毕后，要按设计脚本，使用事先选择好的工具将各种多媒体素材进行集成、连接。系统测试是多媒体应用系统设计的一个

6、必要环节。添加了一个功能要进行功能测试，完成了一个模块要经过单元测试。模块连接后还要进行总体功能测试。开发周期的每个阶段每个模块都不断进行测试，不断修改源程序。系统在投入试用后，在应用中还需不断地清除错误，强化软件的功能、可用性及可靠性。多媒体系统经过测试、试用、完善后，可以进行打包、商品化包装，以便出版发行。7.2.1 多媒体著作工具的概念7.2.2 多媒体著作工具的功能7.2.3 常用的多媒体著作工具基于多媒体操作系统基础上的多媒体软件开发平台可以帮助开发人员组织编排各种多媒体数据及创作多媒体应用软件被称之为多媒体创作工具，如图2所示。多媒体创作工具有两类，一类是媒体数据处理软件，主要包括

7、文字编辑软件、音频编辑软件、图形制作软件、图像处理软件、视频编辑软件、二维动画制作软件、三维动画制作软件等，媒体数据处理软件可以用于产生编辑媒体数据；另一类为多媒体著作工具，可以按要求对多媒体数据进行整合，自动地生成相应的多媒体作品。通常，多媒体著作工具的功能包括创作、编辑和输入各种类型的媒体数据，把各种媒体素材放置在一个集成的平台下，并为响应用户的输入提供结构化的编程方法。多媒体著作工具能够集成处理和统一管理文本、声音、图形、图像、视频、动画等多媒体信息，使之能够根据用户的需要生成多媒体应用系统。多媒体著作工具在创作各种课件和培训资料、电子出版物、音像制品、商业广告及各种网页和信息查询系统中

8、发挥着重要作用。多媒体著作工具提供了一种把内容和功能结合在一起的集成环境，因此它在多媒体应用系统开发中具有极其重要的位置。多媒体著作工具是为了完成对多种媒体的集成开发，处理素材、播放试演、发布调试是它必需要完成的任务，因此多媒体著作工具的基本功能有以下几个方面。（1）多媒体数据的导入（2）多媒体数据的展示播放（3）多媒体数据的编辑处理（4）媒体组织能力（5）程序设计能力（7）测试调试能力（8）发布能力（1）多媒体数据的导入：多媒体著作工具需要综合处理多种媒体，绝大多数媒体数据来自外部，在多媒体应用系统的制作过程中经常将外界的媒体素材导入进来，然后处理集成。（2）多媒体数据的展示播放：多媒体著作

9、工具对导入的媒体数据需要进行检查和确认，因此，必须能对这些数据进行展示与播放。（3）多媒体数据的编辑处理：一般说来媒体数据由各种多媒体素材编辑工具制作完成，多媒体著作工具本身不一定要能够制作媒体素材，但要有简单的编辑处理能力，如文字编辑、图形图像大小位置的调整、声音的简单编辑等。（4）媒体组织能力：可以将各种媒体组织到一个项目中。导入的各外部素材在一个多媒体项目中绝不能是一盘散沙，因此多媒体著作工具的媒体组织能力也十分重要，如将音频和视频等时间序列数据和其他动作同步、静态图形图像和视频等位置上的安排等。（5）程序设计能力：多媒体应用系统的一个重要标志是人机交互能力。因此多媒体著作工具需要提供编

10、程能力，能够对媒体元素进行基本的信息和信息流进行控制，包括条件转移、循环、算术运算、逻辑运算、数据管理和计算机管理等。（7）测试调试能力：多媒体应用系统的制作者进行制作时，需要确认已制作的部分是否与自己的期望相符，这就需要借助多媒体著作工具的测试功能；如果发现问题，为了确定问题的根源，还需要多媒体著作工具的调试功能。（8）发布能力：多媒体制作的最终目的是为了得到成品多媒体应用系统。多媒体应用系统的使用不应仍在制作工具里进行，所以需要把作品发布成能独立运行或在某些小巧的播放器上即可运行且不能再修改的成品。随着多媒体技术和其他计算机技术的发展，对多媒体著作工具提出了更高的要求。这些更高的要求主要表

11、现在以下几个方面。（1）具有数据库连接功能。（2）具有简单的动画处理能力。（3）具有应用程序的连接能力，即多媒体创作工具能将外界的应用控制程序与所创作的多媒体应用系统连接。（4）具有模块化和面向对象的程序设计思想。（5）良好的界面，易学易用。在多媒体应用设计开发的过程中，多媒体著作工具起着关键的作用。到目前为止，曾经商业化的多媒体著作工具有近百种之多。下面介绍几种典型的多媒体著作工具。（1）Visual Basic（2）Director（3）Authorware（4）ToolBook（5）Flash作为一种可视化的编程语言，Visual Basic（VB）是程序设计类多媒体创作工具的代表。该类

12、工具的优点是功能强大、控制灵活、扩展性极好，VB可调用各种多媒体素材，利用多种方法、事件、属性控制媒体对象及链接关系，对个别对象可以实现精确控制，适用于复杂的多媒体产品制作，特别适用于控制和计算要求较高的产品。该类工具的缺点是自编代码，对制作人员要求高，而且工作量较大。Director是基于时间序列的著作工具，它所制作出来的节目是以可视的时间轴来决定事件的顺序和对象上演的时间。这种时间轴包括许多轨道，可以安排多种对象同时展现。它还可以用来编程控制转向一个序列中的任何位置的节目，从而增加了导航功能和交互控制。Director多媒体著作工具有4个主要功能单位，分别是制作室、导演室、脚本语言窗口、X

13、-Object外部扩展接口。Director的优点是操作简便，形象直观，在一时间段内，可任意调整多媒体素材的属性，如位置、转向等。其缺点是要对每一素材的展现时间作出精确安排、调试工作量大。基于时间序列的多媒体著作工具还有一个典型代表是Action。Authorware是基于图标（Icon）和流线（Line）的著作工具，Authorware中的多媒体素材和交互事件借助不同类型的图标显示在一条流程线上。用户不必有特别的程序设计能力，只需掌握一些流程图和图标概念及基础设计知识就能使用。多媒体素材的展现是以流程为依据的，调试很方便，在流程图上可以对任一图标进行编辑。它允许跨平台运行，Windows平台

14、和Macintosh平台提供了完全相同的操作环境。它具有多种外部接口，可把各种媒体素材有效地集成在一起，并有丰富的函数与变量。Authorware的缺点是当多媒体应用软件规模很大时，图标及分支增多，复杂性增大，程序难以控制。基于流程图的著作工具还有IconAuthor。ToolBook是基于页的多媒体著作工具。它把一个多媒体应用系统看作一本书，书上的每一页可包含许多媒体素材，如按钮、字段、图形、图片、影像等。它提供功能强大的面向对象的程序设计语言OpenScript。ToolBook支持Windows动态链接库（DLL）与动态数据交换（DDE），还支持符合DLE标准的各种数据对象。新一代的To

15、olBook系列已发展了一系列功能各有特色的著作工具，并对数据库和Internet支持很好，既适合于无编程能力的一般用户，也适合于需编程进行复杂设计的高级用户。这类多媒体创作工具是以面向对象的方式来处理多媒体元素，这些元素用属性来定义，用剧本来规范，允许播放声音元素以及动画和数字化视频节目。在结构化的导航模型中，可以根据命令跳至所需的任何一页，形成多媒体作品。其缺点是当要处理的内容非常多时，由于卡片或页面数量过大，不利于维护与修改。这类创作工具还有Hyper Card。Flash原本是一款优秀的动画制作软件，兼具矢量图形绘制的功能，但随着Flash版本的更新，功能越来越强大，现在的Flash软

16、件不但能制作动画，还能处理图形、图像、音频、视频等各种多媒体素材，并且Flash提供了强大的脚本语言ActionScript，支持组件编程，支持数据库和网络应用，因此说Flash目前已经成为功能强大的多媒体著作工具。7.3.1 Authorware简介7.3.2 Authorware中简单图标的使用7.3.3 Authorware交互式程序的设计Authorware是美国Micromedia公司开发的多媒体著作软件，可以在Windows和Macintosh等环境下运行。它的优秀之处在于它使得不具有编程能力的用户也能创作出一些高水平的多媒体作品。Authorware并不进行媒体创作和编辑工作，它

17、把多媒体素材的创作和编辑交给其他软件处理，本身则主要承担多媒体素材的集成和组织工作。Authorware使用设计图标组织程序的结构，用Authorware编程就是通过使用设计图标生成程序的流程，并将文字、图形、图像、声音、动画、视频等信息封装到这些图标中，有效地将各种媒体以“所见即所得”的特点集成在一起，使得程序的编制、调试更容易。Authorware目前的版本为Authorware 7，它的源文件的扩展名为“*.a7p”，发布之后的文件的扩展名为“*.a7r”，它也可以发布成不依赖Authorware环境的EXE文件以及各种网络环境下支持的文件。Authorware在启动时会弹出一个【新建】

18、对话框，提供了一些模板，如图3所示，如果不需要这些限定了特殊类型的模板，单击【不选】按钮或【取消】按钮，可以进入Authoware常规程序设计窗口界面。AUTHORWARE和其他WINDOWS应用程序类似，都具有标题栏、菜单栏。此外，AUTHORWARE还有自己的特殊元素，如图标工具箱、设计窗口和演示窗口等。AUTHORWARE的主界面如图4所示。1Authorware图标工具箱2程序设计窗口3浮动面板Authorware是基于图标和流线的多媒体著作工具，图标是Authorware的特色工具，图标的使用方式是将图标工具箱中的图标直接拖动到设计窗口的流程线上。Authorware的图标工具箱一共

19、包括13种图标和其他一些小工具，如图5所示。（1）显示图标：用来显示静态画面和文字，在进行程序设计时可用来显示变量、函数值的即时变化。（2）移动图标：与显示图标相配合，可制作出简单的二维动画效果。（3）擦除图标：用来清除画面、文字等显示对象。（4）等待图标：提供了简单的交互方式，它的作用是暂停程序的运行，直到用户按键、单击鼠标或者经过一段时间的等待之后，程序再继续运行。（5）导航图标：可以控制程序从一个图标跳转到另一个图标去执行，通常与框架图标配合使用。（6）框架图标：自动建立超媒体的页面系统。（7）决策图标：控制程序流程的走向，完成程序的条件设置、判断处理和循环操作等功能。（8）交互图标：设

20、置各种交互结构，Authorware借助该图标提供了强大的人机交互能力。（9）计算图标：可以调用函数、变量赋值、计算表达式以及编写其他复杂的程序代码以控制程序运行。（10）群组图标：Authorware中一个特殊的功能图标，借用它可以将一部分程序图标组合起来，简化界面，方便程序调试，实现模块化程序的设计。（11）数字电影图标：于加载和播放外部各种不同格式的动画和影片，包括AVI、FLC、MOV、MPEG等。（12）声音图标：用于加载和播放各种外部声音文件。（13）DVD图标：用于控制计算机外接的视频设备的播放。Authorware工具箱下面的两面小旗用于调试程序，当程序较长，而只要调试其中的某

21、一段功能时将开始旗放置在调试程序开始的位置，结束旗放置在调试程序结束的位置，以实现局部调试。Authorware工具箱最下面是图标调色板，用来给设计的图标赋予不同颜色，以利于识别。程序设计窗口是Authorware的设计中心，如图6所示。它的最上面是标题栏，用来显示被编辑的程序文件名。初始时整个程序窗口被一根主流程线从上到下贯穿，图6所示的主流程线上已经添加了各种图标。主流程线是被上下两个小矩形框封闭的线段，这两个小矩形即程序开始点和结束点。图标放置在流程线上，程序执行时，沿流程线依次执行各个图标。手形的粘贴指针指示下一步设计图标在流程线上的位置。单击程序设计窗口的任意空白处，粘贴指针就会跳至

22、相应的位置。Authorware中的浮动面板有属性面板、函数面板、变量面板等。函数面板和变量面板列举了Authorware所有的内部变量和函数，方便程序设计时进行查阅和使用。属性面板是Authorware中使用最频繁的浮动面板。属性面板的内容随着当前选择的图标的不同而不同，新建文档的属性面板显示的是文档的属性，可以显示文档文件的大小、所用图标的格式、变量的个数、所占内存及文档名称等，在这里还可以对文档的大小、背景颜色、界面风格等进行设置，如图7所示。图标是Authorware程序设计的主要工具，创建图标的方法是选中图标单击鼠标左键按住该图标拖到流程线上。所有图标的默认名称都是“未命名”，选中图

23、标后，当图标名称变为蓝色后，名字便处于编辑状态，直接键入新名称即可，然后在图标名称外的任意一处单击即完成图标的重命名。选择图标，利用键菜单可以进行复制和粘贴操作，按下【Delete】键即可实现图标删除操作。1显示图标2擦除图标3等待图标4声音图标5群组图标6移动图标7计算图标显示图标是Authorware中使用最频繁的一个图标。将显示图标选中拖到设计窗口中的流程线上，双击显示图标即出现如图8所示的编辑工具箱，同时打开一个新窗口，这个窗口就是程序演示窗口，即最终用户看到的窗口。显示图标用来显示文字和静态图片以及变量的值，使用文本工具可以插入文字，使用绘图工具可以绘制简单的图形，执行【插入】【图像

24、】命令可插入外界的图像素材。显示图标用来显示文字和静态图片以及变量的值，使用文本工具可以插入文字，使用绘图工具可以绘制简单的图形，执行【插入】【图像】命令可插入外界的图像素材。【示例1】图配文字【测试点】显示图标的使用。【效果】将文学家苏轼的图像和他的词合成到同一幅画面上。【步骤】Step1.向设计窗口中依次拖入两个显示图标，将两个图标的名字分别修改为“背景图”和“咏月”，如图9所示。STEP2.双击“背景图”显示图标，执行【插入】【图像】命令，弹出如图10所示的图像对话框，单击左下角的【导入】按钮，弹出如图11所示的导入文件对话框，选择需要的图片文件，单击【导入】按钮，然后回到插入图像对话框

25、，单击【确定】按钮。Step4.此时演示窗口出现了一幅图片，如图12所示。用鼠标拖曳图片可以修改图片的位置，用鼠标拖曳图片周围的空心小正方形，可以修改图片的大小。Step5.按住【Shift】键，同时双击“咏月”图标，激活该图标，在工具箱中选择文本工具，修改文字的字体为“隶书”，大小为“12”，在工具箱中选择一个合适颜色，然后输入苏轼的词水调歌头咏月。Step6.此时文字的背景色遮住了图片，用鼠标选中文字块，然后在工具箱中单击模式按钮，在弹出的6个模式按钮中选择“透明”模式。Step8.此时的属性面板显示的是“咏月”显示图标的属性，如图14所示。在属性面板中单击特效后面的按钮，在弹出如图15所

26、示的特效设置对话框中，选择特效“从上到下”，周期设为5秒，单击【确定】按钮。Step9.执行【调试】【播放】命令，观察效果。如果觉得文字效果不够完美，可以在如图15所示对话框中继续修改。Step10.最后执行【文件】【保存】命令，将文件保存为“示例1.a7p”。流程线上的显示图标播放完成后会按照设计的流程播放下面的图标，但已经播放完的图标的内容仍然存在，这时可以利用擦除图标来擦除已播放的图标的内容。【示例2】播放两首词【测试点】擦除图标的使用。【效果】苏轼的两首词连续播放，且互相之间不影响。【步骤】Step1.打开示例1，在流程线的最下面添加一个显示图标，名称为“赤壁怀古”。双击“赤壁怀古”，

27、在弹出的演示窗口中用文字工具输入苏轼的念奴娇赤壁怀古，字体设置同示例1，同时修改显示模式为透明。Step2.执行【调试】【播放】命令，观察效果。此时，咏月播放完了之后出现了赤壁怀古，但此时咏月的内容仍然存在，界面内容较乱，无法看清赤壁怀古的内容。Step3.将擦除图标拖动到第二个图标和第三个图标之间，确保擦除图标属性窗口右侧的【被擦除图标】单选钮被选中，如图16上半图所示，然后用鼠标在演示窗口中单击“咏月”图标的内容，此时，擦除图标属性栏的变化如图16下半图所示。Step4.执行【调试】【播放】命令，此时，两首词不再重叠。调整“赤壁怀古”图标文字到一个合适的位置，再次测试，直到满意。Step5

28、.擦除图标和显示图标一样，可以设置各种特效。试着在程序中添加特效，然后再次测试。Step6.最后执行【文件】【保存】命令，将文件保存为“示例2.a7p”。等待图标添加在两个图标之间，可以在两个顺序执行的图标之间增加一段暂停。示例2中两首词的播放是一个顺序动作，用户可能来不及观看第一首词，就已经切换到第二首词了，这种情况下，可以通过添加等待图标将主动权交给用户。等待图标的属性面板如图17所示，等待图标提供了四种等待的方式，分别是单击鼠标、按任意键、设置时间和单击演示窗口中的【继续】按钮。【示例3】添加简单的用户控制【测试点】等待图标的使用。【效果】水调歌头咏月播放完了之后程序停止，单击鼠标，才出

29、现念奴娇赤壁怀古。【步骤】Step1.打开示例2，将等待图标拖动到“咏月”图标之后，在属性面板中设置等待模式为单击鼠标。Step2.执行【调试】【播放】命令，此时，咏月播放完了之后程序停止，直到用户单击鼠标，才开始出现赤壁怀古。Step3.修改等待模式，分别测试不同的等待模式。Step4.最后执行【文件】【保存】命令，将文件保存为“示例3.a7p”。Authorware支持的声音格式有WAV、SWA、MP3、AIFF、PCM、VOX等，需要通过声音图标将外部的声音素材导入到程序中。声音图标的属性面板如图18所示，单击左侧的【导入】按钮，可以打开导入声音的对话框，在其中选择需要的声音即可。声音文

30、件一般都比较大，所以通常选中导入文件对话框下面的【链接到文件】复选框。【示例4】伴有声音的作品欣赏【测试点】声音图标的使用。【效果】在水调歌头咏月文字出现的同时伴有朗读。【步骤】Step1.打开示例1，将声音图标拖动到“咏月”图标之前，导入事先录制好了的朗诵词。Step2.执行【调试】【播放】命令，此时，背景画面出现之后出现声音，直到朗诵声音结束，出现“咏月”图标中的文字。Step3.在声音图标属性面板中选择【计时】选项卡，如图19所示，在执行方式上选择“同时”。执行【调试】【播放】命令测试，此时，随着“咏月”图标的文字从上到下出现，朗诵的声音同时播放。可以调整“咏月”图标特效的周期，使文字出

31、现的速度和声音同步。Step4.最后执行【文件】【保存】命令，将文件保存为“示例4.a7p”。群组图标是一个特殊的图标，它的作用是将流程线上位置相邻、功能相关的图标组合在一起，使流程线比较清晰。【示例5】整理流程线【测试点】群组图标的使用。【效果】保持程序功能不变，将流程线整理清晰。【步骤】Step1.打开示例3，按示例4的方式分别在“咏月”图标上和“赤壁怀古”图标上添加声音图标，导入声音。Step2.执行【调试】【播放】命令，伴随着咏月朗诵的声音出现文字，声音和文字播放结束后程序暂停，用户单击鼠标后，按同样的方式开始播放赤壁怀古。Step3.用同样方式，还可以添加更多的诗词供用户欣赏，但此时

32、的问题是流程线上的图标过多，如图20所示。Step4.按住【Shift】键，同时选中图20中的第二个第五个图标，按快捷键【Ctrl+G】，此时刚才被选中的四个图标消失，新出现一个未命名的图标，就是群组图标，可以为它命名。Step5.用同样的方式将第六、第七个图标组合，流程图如图21所示。Step6.双击设计窗口的“咏月组”图标，可以打开如图22所示的子设计窗口Step7.最后执行【文件】【保存】命令，将文件保存为“示例6.a7p”。移动图标支持在Authorware中制作二维动画，但功能上远远无法和专门的动画软件相比，通常只有简单的动画才使用这种方式制作。【示例6】片头的制作【测试点】移动图标

33、的使用，调试旗的使用。【效果】为示例5添加一个片头。【步骤】Step1.打开示例5，拖动一个群组图标在流程线的最上边，命名为“片头”，双击打开。Step2.将“背景图”图标用鼠标拖动到“片头”图标里，此时“片头”的流程线上出现了一个名为“背景图”的图标，而原来的“背景图”图标从主流程线上消失了。Step3.拖动一个显示图标到片头流程线上，命名为“标题”，放在“背景图”图标的下方。再拖动三个移动图标，放在“标题”图标下方，分别命名为“右下”、“左下”和“中间”，如图23所示。Step4.双击“标题”图标，用文字工具添加文字“苏轼作品欣赏”，将文字大小设为36，字体设为“幼圆”。用箭头工具将文字拖

34、动到演示窗口的上方。Step5.单击名为“右下”的移动图标，移动图标的属性窗口如图24所示，可以看到，现在的移动类型是指向固定点，面板上提示“单击对象进行移动”，用鼠标拖动“标题”图标上的文字到窗口的右下角，此时属性面板左侧不变，右侧发生变化，如图25所示。Step8.执行【调试】【从标志旗处运行】命令，观看动画效果。Step9.此时图标工具栏的开始旗和结束旗为空状态，用鼠标分别单击空位，可以将流程线的相应的标志旗取消，回到图标工具栏中。Step10.执行【调试】【播放】命令，发现片头播放完成后，标题仍然存在在窗口中央，打开“片头”设计窗口，在流程线最下面添加一个擦除图标，擦除“标题”图标内容

35、，再次测试。本例最后的主设计窗口和“片头”群组图标的设计窗口如图26所示。计算图标的主要功能是编写代码，Authorware程序设计功能较强，限于篇幅，关于这方面的知识需要参考Authorware的帮助文档或专业书籍。下面用一个简单的例子介绍计算图标的简单使用。【示例7】退出程序设计【测试点】计算图标的使用，quit函数的使用。【效果】程序执行完毕，自动退出。【步骤】Step1.打开示例6，在主流程线的最下面添加计算图标，命名为“退出”。Step3.执行【调试】【播放】命令，程序播放完成后，自动退出程序。Step4.在计算图标前添加一个等待图标，等待模式设置为单击鼠标，再次测试程序，程序播放完

36、成后，程序暂停等待，用户单击鼠标后自动退出程序。Step5.最后执行【文件】【保存】命令，将文件保存为“示例7.a7p”。在Authorware中有多种方式实现交互式程序设计，其中最常用的是交互图标。交互图标兼具显示图标和决策图标的功能，决策图标能够根据用户的响应选择正确的流程，显示图标给出交互界面的外观，另外交互图标还具有擦除功能。创建交互模块的方式是先将交互图标拖动到流程线上，再将其他类型的图标拖动到交互图标的右边，这些其他类型图标统称为响应图标。添加第一个响应图标后，会弹出如图28所示的交互类型对话框。Authorware提供了11种和用户交互的类型（如表1所示），开发者根据不同的需要选

37、择不同的交互类型。确定所需的交互类型之后，单击【确定】按钮。然后继续按照需求，可以拖动更多的响应图标到交互图标右侧。如图29所示为一个交互设计的流程图，如图30所示为该设计的演示窗口。当程序执行到某一个交互图标时，首先显示交互图标中所包含的任何文本和图像，包括按钮、热区及文本框等，然后开始等待用户的响应。当用户单击某一个按钮时，程序就转向该按钮分支并执行相应的结果图标一个具有交互功能的交互图标主要包含四部分内容：交互图标、交互类型标识符、结果路径和结果图标。结果路径确定了退出结果图标时流程的执行方向，有四种结果路径，分别是重试、继续、退出交互和返回。图29中前面三个交互的结果路径是重试，第四个

38、结果路径是退出交互，结果路径可以在设计流程图上形象化地显示出来。下面以热区域交互为例，介绍交互图标的使用。【示例8】苏轼作品欣赏【测试点】交互图标的创建，热区交互类型的使用。【效果】界面上列出一系列苏轼作品，单击可以欣赏相应的作品，单击界面右上角的【退出】按钮，退出程序。【步骤】Step1.新建文档，文档大小为640 480，将标题栏和菜单栏前面的对号去掉。Step2.打开示例7，选择“片头”图标，右键复制，回到新建文档，在流程线上执行右键粘贴命令。Step4.在流程线最下面增加一个交互图标，设置名字为“苏轼作品”。Step5.切换到示例7，复制“咏月组”图标，粘贴到当前文档交互图标的右侧，释

39、放鼠标，在弹出的交互类型选择对话框中选中【热区】选项。流程线右侧为响应图标的名字“咏月组”，将其修改为“咏月”。双击“咏月”图标，打开它的设计窗口，删除以前设计的等待图标和擦除图标，保留显示图标和声音图标。Step6.用同样的方式将“赤壁怀古组”拖动到交互图标右侧，将名称修改为“赤壁怀古”。Step7.双击“界面”图标，然后按住【Shift】键，双击交互图标，此时会看到在刚才界面上有两个虚线的矩形框，名字分别为“咏月”和“赤壁怀古”，将“咏月”矩形框拖动到界面的“水调歌头咏月”文字上，并用鼠标调整矩形框的大小，保证它全部覆盖该段文字。用同样方法将“赤壁怀古”矩形框覆盖在“念奴娇赤壁怀古”文字之

40、上。Step8.打开“咏月”群组图标，按住【Shift】键，双击该群组图标中的显示图标，将文字放置到合适位置。同样处理“赤壁怀古”。Step9.执行【调试】【播放】命令，分别在“水调歌头咏月”和“念奴娇赤壁怀古”文字上单击，测试程序。此时鼠标在热区上仍为箭头，单击流程图上“咏月”图标上的小的虚线矩形框，此时属性面板的内容为交互图标“咏月”分支的属性，如图32所示。单击面板右端“鼠标”文字后的按钮，弹出图33所示【鼠标指针】对话框，在其中选择手形指针。Step10.执行【调试】【播放】命令，测试程序。此时鼠标在热区上为手形，符合通常系统的准则。Step11.从图标工具箱中拖动一个群组图标到交互图

41、标右侧，命名为“江城子”。打开“作品3”图标，按示例1和示例4的方法添加一个新作品，包括文字和声音。双击主流程线上的交互图标，设置“作品3“热区位置。Step12.按同样方法添加其他作品。执行【调试】【播放】命令，测试程序。发现此时程序只能演示，无法退出。Step13.从图标工具箱中拖动一个计算图标到交互图标，命名为退出，添加代码“quit()”。打开交互图标，将“退出”热区移动到窗口左上角的关闭符号之上。回到主流程线，单击“退出”图标上面的小矩形，此时属性面板的内容为交互图标“退出”分支的属性，切换到选择响应选项卡，如图34所示。修改分支类型为退出交互。交互分支设计图如图35所示。Step1

42、4.执行【调试】【播放】命令，测试程序。Step15.最后执行【文件】【保存】命令，将文件保存为“示例7.a7p”。7.4.1 “诗词欣赏”课件分析与设计7.4.2 “诗词欣赏”课件准备和制作7.4.3 “诗词欣赏”课件测试和发布1需求分析在需求分析中确定“诗词欣赏”课件的目标和要求。（1）该课件面向正在学习阶段的孩子和对古典诗词有兴趣的成人。（2）该课件包括诗经、乐府诗、唐诗、宋词、元曲、明清诗词等部分，对诗经和乐府诗部分按某个标准分成大类，在每类中再选择一些典型诗词；对唐诗之后的每一个部分，选择一些典型作者，在每个作者中再选择一些代表作品。（3）对每首诗或词，除了以文字展示之外，还有配声音

43、朗诵。（4）因为工作量较大，所以第一期只完成唐诗、宋词部分。（1）结构设计：因为该课件的内容过多，所以最适合的方式是采用下拉菜单交互，以便使用户快速找到感兴趣的内容。但Authorware只支持两级菜单，以唐诗为例，唐诗大类为一级菜单，下面选择一些作者（如李白、杜甫等）为二级菜单内容，每个作者的代表作品的展示只能借助于其他交互方式，从美观、方便两个角度考虑，选择了热区交互方式。三级界面和二级界面结构相同，左面也为作品列表，右面为具体作品，如图39所示。1素材准备“诗词欣赏”课件内容极多，如果把全部素材都嵌入在程序内部，必然会导致程序文件过大，所以要将所以素材文件作为外部链接文件。预先对这些素材

44、进行整理，首先先按内容分成几个大文件夹，如“唐诗”文件夹、“宋词”文件夹，下一级文件夹仍按内容分类，如将李白的资料全部放在“李白”文件夹下，这一文件夹下则按素材类型进行分类，例如，文字放在“text”文件夹中，图片放在“image”文件夹中，声音放在“sound”文件夹中等。“诗词欣赏”课件除了文字本身在Authorware输入外，图片和声音都需要从外部导入，如果图片和声音的文件较大，对程序的运行速度会有很大影响。因此对于图片尽量用Photoshop压缩为JPEG格式，而课件中使用的声音文件主要是人朗诵的声音，所以尽量使用22.05kHz采样率、6位量化，若使用44.1kHz，在效果上没有明显

45、提高，数据量却增加了一倍。另外尽量不要使用WAV格式的声音，最好是MP3或SWA的声音。“诗词欣赏”课件采用了下拉菜单交互方式，下拉菜单的制作步骤如下：（1）拖动一个交互图标到流程线。（2）拖动一个群组图标放置在交互图标右侧，在交互类型对话框中选择“下拉菜单”。响应类型的设置如图40所示，勾选永久前的复选框，以便程序运行中菜单一直存在，在【分支】选项中选择“返回”。（3）继续在交互图标右侧添加图标则不断地在建立二级菜单，图41中，“唐诗”交互图标后添加了“李白”、“杜甫”、“白居易”、“王维”、“刘禹锡”等内容。（4）拖动一个新的交互图标到流程线上，进行相同的设置相当于又建立了一个一级菜单。例

46、如图41所示，主流程线上的“唐诗”交互图标下又有一个名为“宋词”的交互图标，则图37所示的一级菜单除了系统的【文件】菜单之外，其余两个分别为【唐诗】、【宋词】。1课件测试与改进课件完成后经过反复测试，发现程序还存在一些问题有待改进，下面一一讨论。（1）动画的使用问题（2）声音的配乐问题（3）声音的开关问题（4）程序扩展问题作者介绍部分使用Authorware中内置的动画设计方式，这里存在的一个问题是在Authorware内置动画运行中，用户只能等待，不能执行下面的交互，而用户很可能不想一次次地重复观看作者介绍，这个问题可以通过导入外界动画来解决。Authorware可以导入Flash或GIF动

47、画，方式是执行【插入】【媒体】【Animated GIF】或【插入】【媒体】【Flash Movie】命令Authorware和Flash配合得较好，所以在Authorware中的动画解决方案一般都是使用Flash动画。但Flash的软件和播放器版本升级较快，而Authorware则升级较慢，所以目前的Authorware无法导入高版本导出的SWF文件，这就需要Flash在发布设置播放器版本上选择“Flash Player 7”，而不是其后出现的高版本。本课件中所有的声音文件均为人声朗读，听起来有些单调，但Authorware中必须通过编程才能支持多声音同时播放，一个比较简单的解决方法是在外部（如Cool Edit中）把声音合成然后再导入Authorware。浏览诗词时，同时播放朗诵声音，但有时用户可能不希望听见声音，这里建议通过编程的方式添加两个按钮作为声音开关。首先将声音图标设置如图44所示，g为一个变量，属性设置表面当变量g为0时停止声音播放，当g为1时开始声音播放，然后在声音图标上面添加一个计算图标，代码为“g:=1”，表示将1赋值给g，然后在声音图标下添加一个交互图标，用两个计