多媒体应用系统设计与制作教学设计模板.doc

资料内容仅供您学习参考，如有不当或者侵权，请联系改正或者删除。
《多媒体技术及应用》课程教学设计( 9)
课 题
第9章 多媒体应用系统的设计与制作
课时
理论/实验6/4
周 次
第 周
授课日期
周 第 节
地点
教室
教学方法
讲授( √) 演示( √) 练习( √) 实验( √) 讨论( ) 其它( )
教学环境
是否使用多媒体( √)
教学
目标
了解多媒体应用系统的设计过程与开发步骤, 掌握利用Aothorware多媒体创作软件开发多媒体应用系统的技术。
教

学

内

容
9.1多媒体应用系统
多媒体应用系统应具有以下的特点:
1.增强了应用系统的友好性。多媒体应用系统利用图像、 音频、 视频、 动画等多种人类最为习惯的方式进行信息的处理, 大大的缩小了人与计算机的距离, 增强了信息处理的能力和信息的表现力, 使用户界面更加友好、 应用更加方便。
2.具有良好的交互性与灵活的流程控制, 能更适合用户的使用需求, 对程序的控制更加灵活、 方便。
9.1.2系统设计
1．多媒体应用系统的开发过程
2．多媒体应用系统的设计步骤
（1） 需求分析
（2） 应用系统内容与结构设计
( 3) 建立设计标准和细则
( 4) 应用系统的创作与生成
( 5) 系统的测试与运行
9.2多媒体应用系统创作软件
9.2.1多媒体创作软件分类
常见的多媒体创作工具主要能够分为以下几类
■基于高级程序设计语言的创作工具 C++、 VB、 Java
■基于电子著作系统的创作工具 ToolBook
■基于流程图的创作工具 Authorware
■基于时间序列的创作工具 Director
■网络多媒体创作工具 Flash、 frontPage、 Dreamweaver

9.2.2 多媒体创作软件介绍

9.3 Authorware多媒体创作平台
9.3.1 Authorware基础
■ Authorware7.0的启动
在Windows下, Authorware7.0的启动与其它软件的启动方法一致, 有以下两种方法:
( 1) 经过桌面快捷图标启动
( 2) 经过”开始”菜单启动
■ Authorware7.0主界面

在Authorware7.0的图标选择板中, 包括了14个设计图标、 标志旗和图标色彩三部分, 其中设计图标是Authorware程序设计的核心。根据要实现的功能, 经过对相应设计图标的拖放, 便能实现多媒体程序的开发。
”显示”图标: 用于显示所有要在程序中显示的文本、 图形、 图像等多媒体对象。文本、 图形对象既可从外部导入, 也可使用该图标所提供的工具箱进行编辑和绘制。图像只能经过外部导入完成。
”移动”图标: 用于移动显示对象以产生简单的动画效果。移动的对象能够是程序中的任一显示对象。
”擦除”图标: 用于擦除在程序执行过程中不再需要的显示对象。可设置不同的擦除消失效果。
”等待”图标: 实现程序运行的暂停。用于设置一段等待的时间, 当等待结束条件成立后, 程序才继续往下执行。
”导航”图标: 实现在程序内到任意一页的跳转。当程序运行到该图标时, 会自动跳转到所指向的页。
”框架”图标: 用于设计程序的框架, 可实现程序内容模块化, 实现前后页的流程控制。其附属的图标通称为”页”, 可做为”导航”图标跳转的目的地。
”判断”图标: 用于控制程序流程的走向, 实现程序的分支与循环, 可决定分支被执行的次与和次数。其附属的图标通称为”分支”图标。
”交互”图标: 用于实现与用户的人机对话, 提供了11种交互方式。其附属的图标通称为”响应”图标。
”运算”图标: 用于执行各种运算, 能够是执行一个函数、 一个表示式或程序代码。运算图标大大地扩展了Authorware的功能。
”群组”图标: 用于对部分图标进行组合, 是一个逻辑功能图标。它的应用可极大地提高程序的可读性, 改进程序的结构化, 优化设计窗口空间。
”数学电影”图标: 用于在程序中导入一个数字电影文件, 并实现对该文件播放的控制。
”声音”图标: 用于在程序中导入一个音频文件, 实现背景音乐、 解说配音等声音效果, 并对该音频文件的播放进行了控制。
”DVD”图标: 用于实现与DVD设备的连接, 使DVD视频能够在程序中进行播放。
”知识对象”图标: 知识对象是带有向导、 具有特定功能的程序模块。用户可方便地经过知识对象向导把知识对象嵌入到自己的程序当中, 实现特定的功能。
”开始”标志旗: 用于设置在调试程序时程序执行的起点位置, 可较大程度上节省程序播放的时间。
”结束”标志旗: 用于设置在调试程序时程序执行的始点位置, 提高了调试程序的效率。
”图标色彩”: 可为所选中的图标着色, 以区分图标的层次性、 特殊性及重要性, 对程序的执行效果产生任何影响。

9.4 Authorware多媒体素材的应用
9.4.1素材的应用
在上节中已介绍了文本、 图形和图像的应用, 在此不再重述。下面主要介绍音频、 视频等其它媒体在Authorware中的应用。
1.音频文件的应用

图9.4.1 程序流程
声音是传播信息极为重要的媒体, 是多媒体创作的重要组成部分之一。Authorware能够使用”声音”设计图标加载、 播放和控制声音文件, 以增强程序的表现力和感染力。
Authorware 7.0支持的音频文件格式有AIFF、 MP3、 PCM、 SWA、 VOX、 WAVE。
使用”声音”图标的一般步骤如下:
Œ 拖放”声音”图标到流程线上并命名。
 双击打开属性对话框, 经过”导入”按钮导入声音文件。
Ž 根据设计需要设置相关属性。
2．视频文件的应用
在Authorware中使用视频文件, 可使用”数字电影”图标, 首先在流程线上需要的位置拖放一个”数字电影”图标, 然后打开数字电影图标属性对话框, 如图9.4.7所示。

图9.4.7 数字电影图标属性对话框”电影”选项卡
经过数字电影图标属性对话框中的”导入”按钮, 便可导入数字视频文件, ”数字电影”图标支持的文件格式有: Director文件( .DIR, .DXR) 、 Video for Windows文件( .AVI) 、 .MOV、 .FLC、 .FLI、 .CEL、 .MPG、 位图序列( .BMP、 .DIB) 。
3．Gif、 Flash、 Quick time动画文件的应用

图9.4.8 插入媒体的菜单
Gif、 Flash、 Quick time动画文件的应用, 都可经过选择菜单栏中的”插入”→”媒体”项, 并选择对应菜单命令便可。

9.4.2 动画设计
Authorware具有较强的动画功能, 动画素材的应用是以动画文件导入的方式来实现的, 还能够经过特效、 移动和定位的方式实现。对于一些对象的移动, 能够使用”移动”图标来实现移动对象的各种运动。
一个”移动”图标只能够控制一个图标中对象( 一个或多个) 运动, 如要对多个对象进行运动控制, 必须先把各个对象分别放在不同的图标中方可实现。
利用”移动”图标能够创立5种类型的动画效果, 如图9.4.11所示:

(a) (b) (c) (d) (e)
”移动”图标的运动设置必须经过以下步骤方可完成:
Œ 选择移动对象。
 选择移动类型。
Ž 设置移动目标。
 根据需要设计”层”、 ”定时”、 ”执行方式”等属性。

9.5 Authorware交互与流程控制
良好的交互界面是用户对多媒体程序的共同需求, 也是多媒体的基本特征之一。Authorware为用户提供了多样化的交互方式, 使开发的程序能让用户与程序之间方便地进行对话, 使程序具有强大的可操控性。Authorware为用户提供了按钮、 热区域、 热对象等共11种方式。
9.5.1交互作用与决策判断
Authorware交互作用的实现是经过交互作用分支结构来实现的。单独使用”交互”图标没有任何意义, 它必须与其它图标共同组成交互作用分支结构。交互作用分支结构由”交互”图标、 ”响应”图标和交互类型标记三部分组成。”响应”图标是拖放在”交互”图标的右下方。如图9.5.1所示。
”交互”图标
交互类型标记

”响应”图标

图9.5.1 交互作用分支结构

9.5.2框架设计与控制
在Authorware程序设计中, 一般使用导航结构来设计程序的框架, 这样能够更好的体现程序的结构化、 模块化, 方便地实现用户对程序流程的控制, 随心所欲地执行所需的功能模块。
导航结构由”框架”图标、 附属于”框架”图标的页图标和”导航”图标组成。”导航”图标实现的是程序流程的跳转, 但其目标只能是导航结构中的页图标。
双击流程线上的”框架”图标, 会弹出一个框架窗口, 如图9.5.43所示。
出口窗格
入口窗格
默认的导航控制面板交互

图9.5.43 框架窗口
在框架窗口中, 分隔线把窗口分成上下两部分: 上方的”入口窗格”和下方的”出口窗格”。Authorware执行导航结构时, 会先执行”入口窗格”中流程线上的内容; 在退出导航结构时之前, 会先执行”出口窗格”中流程线上的内容。
在导航结构中, 程序的跳转是经过”导航”图标实现的。经过对”导航”图标的属性进行设置, 可实现不同类型的跳转。双击”导航”图标, 打开”导航”图标属性对话框, 如图9.5.44所示。

图9.5.44　”属性: 导航图标”对话框
在”导航”图标属性对话框中, ”目的地”下拉列表框有5个选项。
●”最近”: 跳转到已执行过的页图标。

●”附近”: 在框架内部的页图标之间进行跳转。
●”任意位置”: 能够向程序中的任意页图标进行跳转, 包括当前框架中的页图标和程序中其它框架中的页图标。
”类型”单选按钮组: 设置跳转到目标页的方式。

9.6 Authorware文件打包与发布
9.6.1 文件的组织
在媒体素材文件的准备及系统开发的过程中, 应做好以下几点:
1．对媒体素材文件进行分类管理, 分别放在不同的文件夹。
2．充分考虑所用媒体素材文件的数据量, 必要时进行使用一些有效的方法减小文件数据量。如进行文件格式的转换。
3．在程序设计过程中, 导入媒体文件时, 应根据所开发程序数据量的大小来设置基导入方式, 如开发一个数据量较小的应用程序, 最好以”嵌入”的方式( 不选择”链接到文件”复选框) 导入, 这样程序在打包后具有较好的独立性, 发行时不需要附带相关的素材文件。如开发的应用系统较为庞大, 则应更多的使用”链接到文件”的方式, 以减少执行文件的数据量, 以保证程序的流畅运行。
4．在作品发行时, 应用带上系统与各类媒体文件所需要的支持文件上, 这些文件一般都可在安装Authorware的目录中找到, 可在程序调试过程中, 根据出现的提示信息到该目录中把提示信息中提示的文件夹或文件复制到发行作品的根目录即可。其中的Xtras文件夹是最基本的, 也是必须的。
9.6.2 文件的打包
当程序设计完成、 调试成功后, 要将程序转制作可执行文件进行发行。Authorware对程序进行打包后, 可形成独立运行的可执行文件.exe或流媒体文件。
Authorware的文件打包, 可经过选择”文件”→”发布”→”打包”菜单命令来实现, 选择该菜单命令后, 弹出”打包文件”对话框, 如图9.6.1所示。

图9.6.1　”打包文件”对话框
在”打包文件”对话框中, 进行必要的设置后, 点击对话框中”保存文件并打包”按钮便可完成。
”打包文件”下拉列表框: 设置文件打包方式, 共有2个选项。
●”无需Runtime”: 打包后的文件后缀名为”.a7r”, 需要经过Run7w32.exe调用执行。
●”应用平台Windows XP and NT variants”: 打包后的文件后缀名为”.exe”, 可直接在Windows平台下运行。
”运行时重组无效的链接”复选框: 在打包过程中, Authorware重新对因某种原因断开的链接进行自动恢复。
”打包时包含全部内部库”复选框: 在打包过程中, Authorware会将所有与当前程序文件相关的库文件的内容加入到程序文件中。这样减少了文件的数量, 增强了文件的独立性, 但增加了程序文件的数据量。
”打包时包含外部之媒体”复选框: 在打包过程中, Authorware会将所有与当前程序文件相关的外部媒体文件 图像、 音频、 文本, 数字电影文件除外) , 无论是嵌入方式还是链接方式导入的, 都会打包到程序文件中。
”打包时使用默认文件名”复选框: Authorware使用与源程序文件一样的路径及文件名进行存储( 文件后缀名不同) 。
9.6.3 一键发布
使用Authorware提供的一键发布, 可方便地把程序发布到Web、 CD-COM、 或局域网中。”一键发布”能够一次性生成.a7r文件、 .amm文件和html文件, 可自动收集所需要的支持文件等。
重点
多媒体应用系统的设计方法与其过程和步骤, Authorware程序的开发特点, 多媒体素材在Authorware中的应用, Authorware中常见设计图标的设计方法与技巧, Authorware文件的打包发行。
难点
设计图标的属性设置, 动画设计, 交互作用的设计, 程序框架的设计, 程序流程控制, 文件的打包发行。
课后训练
实验9.1 基本图标与素材的应用
【实验目的】
( 1) 掌握显示图标中文字的编辑、 图像的应用、 特效等。
( 2) 掌握等待、 擦除、 群组、 运算设计图标的应用。
( 3) 掌握声音设计图标的应用。
【实验内容】
( 1) 制作一部简短的旅游宣传片。文件以”china.a7p”保存。程序流程如图9.7.1所示。
( 2) 背景音乐的设计。导入音频文件”钢琴曲mp3”, 属性设置如图9.7.3所示。

图9.7.1 程序流程 图9.7.2 ”标题”效果图

图9.7.3 声音图标属性设置
( 3) 根据流程图( 如图9.7.1所示) 与效果图设计程序中的显示图标, 包括: 文本风格设计、 图片的应用、 特效、 层等。

图9.7.4 效果图1 图9.7.5 效果图2 图9.7.6 效果图3

图9.7.7 效果图4 图9.7.8 效果图5 图9.7.9 效果图6
( 4) 根据流程图( 如图9.7.1所示) 设置等待图标为”3”秒。等待完毕后擦除前面显示的图片( 加特效) 。
( 5) 实现程序不停地循环执行。
实验9.2 对象运动与按钮交互
【实验目的】
( 1) 掌握移动图标中”指向固定点”、 ”沿固定路径到终点”两种类型的应用。
( 2) 掌握交互设计图标中按钮的应用。
【实验内容】
( 1) 制作一部简短的风光介绍片, 文件以”hnfg.a7p”保存。参考流程图如图9.7.10所示。程序执行后出现界面如图9.7.11所示。

图9.7.10　程序流程

图9.7.11　程序执行主界面
( 2) 背景音乐的设计。导入音频文件”钢琴曲.mp3”, 设置声音设计图标属性, 设计”开音乐”、 ”关音乐”两个按钮, 控制背景音乐的开与关。如图9.7.11所示。
( 3) 设计一个”退出”按钮, 实现程序的结束。如图9.7.11所示。
( 4) 主题字幕的设计。字幕”蓝天...碧海...”, 由右向左不停地滚动。程序运行如图9.7.11所示。
( 5) 设计”天涯海角”、 ”椰林沙滩”两个按钮。单击”天涯海角”按钮, 实现如图9.7.12所示效果( 图片从左出右入) 。当图片右入完毕后, 界面如图9.7.11所示。

图9.7.12　程序执行效果图1　　　　　　　　　图9.7.13　程序执行效果图2
( 6) 单击”椰林沙滩”按钮, 实现如图9.7.13所示效果。
实验9.3 交互、 框架与导航
【实验目的】
( 1) 掌握交互作用中”热区域”、 ”热对象”两种类型的应用。
( 2) 掌握框架、 导肮设计图标的应用。
【实验内容】
( 1) 制作一部简短的旅游介绍片, 文件以”hainan.a7p”保存。
( 2) 参考流程图如图9.7.14所示。程序执行后出现界面如图9.7.15所示。

　　　图9.7.14 程序流程　　　　　　　　　　　图9.7.15 程序执行效果图1　　　
( 3) 单击图9.7.15中的”海口”图片, 实现效果如图9.7.16所示。(使用”热区域”来完成)

图9.7.16 程序执行效果图2 图9.7.17 程序执行效果图3
( 4) 单击图9.7.15中的”三亚”图片, 实现效果如图9.7.17所示。(使用”热对象”来完成)
( 5) 图9.7.16、 图9.7.17中的”上一页”、 ”下一页”两个按钮, 实现在图9.7.16和图9.7.17之间进行跳转。”返回”按钮, 实现跳转到图9.7.15所示界面。”退出”按钮实现程序的结束。

教学
小结
本章节的教学要注重方法与技巧的教学, 突出各设计图标的特点与功能, 强调其应用性。培养学生流程的概念与程序执行的意识, 使学生具有较好的编程逻辑。更多地给学习动手实践的机会, 对实例的讲解强调以学生为主, 让学生自主完成, 教师进行知识的总结, 以便得到更好的教学效果。
使用教材
宋春晖,陈焕东等.多媒体技术与应用[M].北京:高等教育版社, (书号:ISBN 978-7-04-031504-28)