多媒体技术应用第7章用authorware制作项目

多媒体技术应用第7章用authorware制作项目Authorware制作项目

根据脚本进行程序分工

根据脚本进行程序分工返回根据脚本进行程序分工7.1根据脚本进行程序分工程序的分工

“彩色电视机的原理与维修”这个项目主体内容结构主要由以下三大模块组成：

模块一彩色电视机的基本组成模块二彩色电视机的工作原理模块三彩色电视机的故障检修开始部分的制作工程返回开始部分的制作过程片头7.2开始部分的制作过程

开始界面（俗称：片头）：一个动态的显示过程，展现项目主标题

返回第3页

主界面

主界面设计

7.2开始部分的制作过程进入主界面后，软件主标题突出展现，三个模块的链接设置采用电视屏幕以及对应光盘的形式展现，所有的交互设置在画面中独立显现，具备一定的动态效果。界面中还应设置退出按钮、音乐控制按钮、帮助模块

开始部分的制作过程返回第4页

主界面制作流程（1）开启Authorware软件并建立一个新的空白程序文件

7.2开始部分的制作过程开始部分的制作过程（2）点击“Modify”菜单的“File/Properties”选项，在弹出的属性设置面板中设置页面的大小以及背景色等返回第5页

主界面制作流程（3）用鼠标从工具箱中拖“显示图标”到程序的流程线并将“Untitled”改写为“背景图1”7.2开始部分的制作过程开始部分的制作过程（4）双击“背景图1”显示图标，打开显示图标的展示窗口，执行“File/Improt”（导入）菜单命令将对应的界面图片导入显示图标

返回第6页

主界面制作流程（5）选取显示图标后执行“Modify/Icon/Properties”命令选项

7.2开始部分的制作过程开始部分的制作过程（6）在弹出的“PropertiesDisplayIcon”（显示图标属性）对话框中，可以对图像的层位置、显示效果、特定选项等进行设置返回第7页

主界面制作流程（7）分别导入其他的图片并添加效果并保存为“start.a7p”7.2开始部分的制作过程开始部分的制作过程（8）接下来分别为各图片设置等待效果。用鼠标从工具箱中拖等待图标到程序流程线“背景图1”图标的下面，然后执行“Modify/Icon/Properties”命令选项，在弹出的属性对话框中设置等待时间

返回第8页

主界面制作流程（9）用鼠标从工具箱中拖一个“声音图标”到流程线上7.2开始部分的制作过程开始部分的制作过程（10）选中声音图标，执行“Modify/Icon/Properties”命令选项，在打开声音图标属性对话框中，可以导入所需声音文件以及对声音的并发形式、播放条件、播放速度、播放次数等作自行调节返回第9页

主界面制作流程（11）为背景图片添加“擦除图标”，在属性对话框中可设置要擦除的对象7.2开始部分的制作过程开始部分的制作过程返回第10页

主界面制作流程（12）用鼠标从工具箱中拖一个“交互图标”到流程线上7.2开始部分的制作过程开始部分的制作过程（13）紧接着将一个“群组图标”拖拽到“交互图标”的右下方，随即弹出“ResponseType”响应形式设置对话框，在此选择“Botton”按钮响应方式。点击OK按钮退出设置，并将第一个群组图标命名为“退出”

返回第11页

主界面制作流程（14）在按钮属性对话框中可以自定义按钮样式以及设置按钮的的大小等7.2开始部分的制作过程开始部分的制作过程（15）在退出交互的群组流程线中设置退出的图像、声音等的显示效果

返回第12页

主界面制作流程（16）用鼠标拖一个“”计算图标到程序流程线最下端，双击计算图标，弹出计算图标设置面板，可以在此面板中输入退出函数即可7.2开始部分的制作过程开始部分的制作过程返回第13页

主界面制作流程（17）回到第一层设计窗口，用鼠标拖一个“群组图标”到“退出”按钮的后面，在弹出设置面板中，选择“HotSpot”热区响应方式并命名为“基本组成”

7.2开始部分的制作过程开始部分的制作过程（18）运行程序，遇到交互按钮后，软件自动停止，等待用户的选择，鼠标将热区拖到界面合适的位置，并适当调整热区的响应范围

返回第14页

主界面制作流程（19）“基本组成”热区设置完毕，鼠标双击群组图标，将图标的设计窗口打开，开始添加“基本组成”群组内容7.2开始部分的制作过程开始部分的制作过程（20）为“基本组成”中添加音效以及跳转程序返回第15页

主界面制作流程（21）回到第一层设计窗口，其它两个热区设置可以复制“基本组成”热区，修改名称、热区位置、响应内容即可

7.2开始部分的制作过程开始部分的制作过程返回第16页

主界面制作流程（22）在“基本组成”群组的后面在拖放一个群组图标，将之命名为“基本组成+”

7.2开始部分的制作过程开始部分的制作过程（23）在“基本组成+”热区的属性设置面板中，将“Match”栏的“Single-click”单击激活方式改为“CurserinArea”触碰激活方式

返回第17页

主界面制作流程（24）“基本组成+”中导入两幅图片并进行手工对位，保证图片与背景图完全吻合。采用“Alpha”显示模式，将白色背景去除

7.2开始部分的制作过程开始部分的制作过程返回第18页

主界面制作流程（25）在“基本组成+”中导入光盘图片并进行手工对位，保证图片与背景图完全吻合。采用“Alpha”显示模式，将白色背景去除

7.2开始部分的制作过程开始部分的制作过程返回第19页

主界面制作流程（26）依据上述操作步骤设置其它两个触碰激活方式的热区7.2开始部分的制作过程开始部分的制作过程返回第20页

主界面制作流程（27）接下来对背景音乐进行控制。首先在程序“开始背景音乐”图标的上面拖放一个计算图标，将之命名为“音乐变量”7.2开始部分的制作过程开始部分的制作过程（28）双击计算图标，在打开的面板中输入“Music=1”的变量设置

返回第21页

主界面制作流程（29）打开“开始背景音乐”声音图标的属性设置面板，在“Timing”选项卡的“Play”栏，选择“UntilTrue”选项，并且在下方填写停止音乐的条件“music=0”，在“Begin”栏填写播放音乐的条件“music=1”。这样设置可以在软件中“music”的取值决定音乐的播放或停止

7.2开始部分的制作过程开始部分的制作过程返回第22页

主界面制作流程（30）在交互设置部分添加音乐的控制按钮：“音乐打开”和“音乐关闭”分别在“群组图标”的流程线上添加声效和“计算图标”对“Music”变量进行赋值

7.2开始部分的制作过程开始部分的制作过程电视机组成的制作过程返回第23页

电视机组成的制作过程创意效果7.3电视机组成的制作过程

彩色电视机的基本组成

程序的一级界面，设置有“专家讲座”、“动手演练”两个分支。另外，还有音乐开、关按钮、退出该模块回到操作主界面的按钮设置返回第24页

电视机组成的制作过程创意效果7.3电视机组成的制作过程专家讲座界面

用户鼠标点击“专家讲座”分支按钮，程序进入“专家讲座”操作界面，该界面又设置了十个单元按钮。点击不同的按钮，程序执行不同的内容

返回第25页

电视机组成的制作过程创意效果7.3电视机组成的制作过程专家讲座界面

点击“动手演练”分支按钮，程序进入“动手演练”界面，程序开始设置了用户登录。用户登录确认后，程序才正式进入带有检验性质的训练操作界面，程序允许用户拖动界面的图片到合适的位置，对用户的操作程序有一定的反馈返回第26页

程序制作过程电视机组成的制作过程7.3电视机组成的制作过程（1）新建文件保存为“formation.a7p”，首先拖一个计算图标到流程线上，在图标内输入“music=1”，并命名为“音乐变量”

（2）拖放一个声音图标，导入对应的背景音乐后设置音乐播放的条件并命名为“背景音乐”（3）拖放一个显示图标命名为“基本组成界面”，并导入一级界面图

返回第27页

程序制作过程电视机组成的制作过程7.3电视机组成的制作过程（3）拖放一个交互图标，命名为“交互设置”，并为“退出”群组图标建立按钮响应方式以及替换按钮类型（4）退出按钮是采用计算图标来实现程序的跳转即返回到“start.a7p”程序（5）使用群组图标建立一个按钮交互，命名为“音乐打开”（6）“音乐打开”交互按钮的设置也采用变量控制的方法，在计算图标中输入“music=1”，负责播放音乐

返回第28页

程序制作过程电视机组成的制作过程7.3电视机组成的制作过程（7）拖放一个群组图标建立“关闭音乐”的交互按钮，在计算图标中输入“music=0”，从而实现关闭音乐的按钮功能

（8）

“专家讲座”和“动手演练”各自建立交互按钮，并根据界面设计替换按钮外型返回第29页

程序制作过程电视机组成的制作过程7.3电视机组成的制作过程（9）双击一级设计窗口中的“专家讲座”群组图标，弹出二级设计窗口，拖放一个显示图标“界面图1”，导入图片（10）拖放一个框架图标到流程线上，并命名为“翻页设置”

（11）框架图标自动夹带一些翻页功能的按钮，在屏幕中可以直接套用工具栏，根据实际需求及界面设计，保留需要的按钮，替换按钮外型即可

返回第30页

程序制作过程电视机组成的制作过程7.3电视机组成的制作过程（12）鼠标双击“翻页设置”框架图标，弹出设计面板，将工具栏背景面板、不需要的翻页按钮删除，只留下“Firstpage”（第一页）、“Previouspage”（前翻）、“Nextpage”（后翻）、“Lastpage”（最后一页）四个按钮

返回第31页

程序制作过程电视机组成的制作过程7.3电视机组成的制作过程（13）鼠标选取其中的按钮并打开按钮的属性设置面板并设置按钮各个状态下的按钮样式返回第32页

程序制作过程电视机组成的制作过程7.3电视机组成的制作过程（14）翻页功能的按钮设置完成后，设置“音量控制”按钮

（15）采用系统音量控制程序来实现音量的控制，在计算图标窗口中计算图标，输入“JumpOutReturn（"sndvol32.exe”）”函数命令即可，

返回第33页

程序制作过程电视机组成的制作过程7.3电视机组成的制作过程（16）再拖放群组图标建立“返回”按钮返回到Fornation一级界面，在群组图标中拖放一个计算图标，用Goto的函数命令来实现程序内部不同层次的跳转

返回第34页

程序制作过程电视机组成的制作过程7.3电视机组成的制作过程（17）所有的交互设置完毕后，回到“专家讲座”的设计窗口，在“翻页设置”框架的右侧拖放一个群组图标，命名为“调谐器1”（18）鼠标双击“调谐器1”图标，在弹出的设计窗口中拖放一个显示图标，命名为“图”，导入对应的图片，选择合适的显示效果，并适当调整图片位置

返回第35页

程序制作过程电视机组成的制作过程7.3电视机组成的制作过程（19）再拖放一个显示图标，命名为“标题”，导入对应的标题，选择合适的显示效果，并适当调整标题位置，随即拖放一个声音图标，导入对应的配音

返回第36页

程序制作过程电视机组成的制作过程7.3电视机组成的制作过程（20）拖放一个显示图标，导入一张带有通道的手形图片，图片必须采用“Alpha”显示模式，将白色背景去除。然后拖放一个运动图标到指示“手”的下方，并命名为“移动指示‘手’”

（21）打开运动图标的属性设置面板，根据配音讲解内容选择运动方式，在此采用“DirecttoPoint”运动方式

返回第37页

程序制作过程电视机组成的制作过程7.3电视机组成的制作过程（22）运行程序，当程序运行到运动图标时自动停止，需要为运动图标指定对象，点击展示窗口的“指示手”，并拖放到图片需要指示的位置返回第38页

程序制作过程电视机组成的制作过程7.3电视机组成的制作过程（23）拖放一个显示图标，命名为“解说文字”，在显示图标中使用文字工具，在展示窗口的合适位置输入需要的文字讲解

（24）文字输入后，选用选取工具，并点击文本框，执行“Text/Font/Other”选项，在弹出的字体设置面板中设置文字的字体和字号返回第39页

程序制作过程电视机组成的制作过程7.3电视机组成的制作过程（23）比较多的文本端可以通过“Font”菜单的“Scrolling”选项来设置滚动条

（24）输入的文本可以通过“Font”菜单的“Anti-Aliased”选项来消除文字的边缘锯齿

返回第40页

程序制作过程电视机组成的制作过程7.3电视机组成的制作过程（25）解说文字显示后需要留有一定的阅读时间，设置一个等待图标，在用户阅读完毕后，通过擦除图标擦除界面的部分对象，再继续执行程序的下一步（26）根据上面的步骤，设置框架中其他页面返回第41页

程序制作过程电视机组成的制作过程7.3电视机组成的制作过程（25）页面的跳转面板中，建立一个导航按钮，打开导航图标的属性设置面板，在“Page”栏选择需要跳转的页面（26）回到“Formation”程序的一级设计窗口，点击“动手演练”群组图标

返回第42页

程序制作过程电视机组成的制作过程7.3电视机组成的制作过程（27）在群组图标中添加背景图像以及背景音乐。再添加一个交互图标（28）再拖放一个群组图标到交互图标的一侧，在此选用“TextEntry”文本输入响应方式返回第43页

程序制作过程电视机组成的制作过程7.3电视机组成的制作过程（29）在”文本响应属性面板中，选用“AfterNextEntry”选项，“Branch”栏选用“ExitInteraction”选项，“Status”栏选用“NetJudged”选项返回第44页

程序制作过程电视机组成的制作过程7.3电视机组成的制作过程（30）为了限制用户无名登录，必须对用户的输入进行限制。拖放一个群组图标，选用“Conditional”条件响应方式

返回第45页

程序制作过程电视机组成的制作过程7.3电视机组成的制作过程（31）在条件响应方式的属性设置中，在“Condition”栏输入“WordCount<1”条件语句，“Automatic”栏选用“Off”选项，返回第46页

程序制作过程电视机组成的制作过程7.3电视机组成的制作过程（32）根据界面设计，除了用户输入文本登陆，还需要设置“音乐控制”按钮和“返回”按钮

返回第47页

程序制作过程电视机组成的制作过程7.3电视机组成的制作过程（33）按钮设置完毕，接下来该填充各下挂群组图标内的内容，双击条件相应方式的下挂群组图标（34）在图标的设计窗口中拖放一个显示图标，在图标中输入红色纠正性语句“请输入你的姓名！”返回第48页

程序制作过程电视机组成的制作过程7.3电视机组成的制作过程（33）输入响应的下挂群组图标是本单元加载知识内容的主要图标，双击该群组图标，在弹出的设计窗口中，导入对应的背景图片“界面图3”以及配音文件

（34）在弹出的设计窗口中，分别拖入显示图标并导入相应的图像

（35）再次拖入交互图标并拖入群组图标，在弹出的窗口中选择“TargetArea”目标区域响应类型，在属性面板中的“Status”栏选用“CorrectResponse”选项，保证移动位置正确时的响应；而“OnDrop”栏选用“SnaptoCenter”选项，保证图片移动的最终位置自动锁定在目标区域的中心

返回第49页

程序制作过程电视机组成的制作过程7.3电视机组成的制作过程（36）自动暂停后，点击“图1”对象，并将目标区域的虚线框拖放到电路板对应的区域，适当调整虚线框大小

返回第50页

程序制作过程电视机组成的制作过程7.3电视机组成的制作过程（37）其他六个图片对象的响应设置完全一致，复制后进行必要的修改就可返回第51页

程序制作过程电视机组成的制作过程7.3电视机组成的制作过程（38）在“Condition”栏输入“AllCorrectMatched”条件语句，前面设置的7个正确移动响应都实现响应后，本设置才可以实现响应。

（39）条件响应下挂的群组图标中，拖放一个显示图标，输入“你成功完成了！”的评价语句，对用户的操作做出总结性反馈

返回第52页

程序制作过程电视机组成的制作过程7.3电视机组成的制作过程（40）当用户操作错误时，程序反馈的设置

在条件响应的后面再添加一个目标区域响应方式的群组图标“—图1”

选用“WrongResponse”选项：实现移动位置错误时的响应

选用“PutBack”选项：保证错误操作后被移动的图片可以自动返回到原始位置，用户可以重新进行移动操作

返回第53页

程序制作过程电视机组成的制作过程7.3电视机组成的制作过程（40）当用户操作错误时，程序反馈的设置

错误移动响应“—图1”下挂的群组图标中，拖放一个显示图标，输入“位置错误！请重新拖放。”提示语句

电视机原理的制作过程

返回第54页

电视机原理的制作过程程序创意7.4电视机原理的制作过程彩色电视机的工作原理

程序一级界面设置有九个分支按钮。另外，还有帮助按钮、图集按钮、声音控制按钮、退出该模块回到操作主界面的按钮设置返回第55页

电视机原理的制作过程程序创意7.4电视机原理的制作过程彩色电视机的工作原理

点击进入任意单元，出现讲解界面，该界面提供了固定的电路呈现区域，。在此界面同样设置了九个单元按钮，点击不同的按钮，程序执行不同的内容，无需返回到一级界面就可以直接跳转到其他单元

返回第56页

制作过程电视机原理的制作过程7.4电视机原理的制作过程（1）新建一个程序，保存命名为“theory.a7p”，在程序的开始首先是导入一级界面图片和背景音乐并拖入一个“交互图标”（2）根据界面设计，添加“帮助”、“电路图集”、“音乐控制”、“退出”四个按钮，按钮下挂的群组图标里添加不同的内容，以实现不同的功能

返回第57页

制作过程电视机原理的制作过程7.4电视机原理的制作过程（3）在“交互设置1”的下面拖放一个框架图标“翻页设置”

（4）在“翻页设置”框架图标中设置需要的页面及其内容

返回第58页

制作过程电视机原理的制作过程7.4电视机原理的制作过程（5）双击框架图标“翻页设置”，在弹出的设计窗口中只留下“Firstpage”（第一页）、“Previouspage”（前翻）、“Nextpage”（后翻）、“Lastpage”（最后一页）四个按钮并在属性面板中设置各个按钮的外形

（6）重新调整四个按钮的位置及其属性的设置（7）将一级设计窗口的导航按钮全都复制过来

返回第59页

制作过程电视机原理的制作过程7.4电视机原理的制作过程（8）添加各个页面的内容

双击“调谐器1”群组图标，在设计窗口中拖放两个显示图标，分别命名为“图1”和“指示‘手’”，接着导入声音

配合配音解说，移动“指示‘手’”返回第60页

制作过程电视机原理的制作过程7.4电视机原理的制作过程（8）添加各个页面的内容

在流程线上拖放一个分支图标，并命名为“闪烁框1”点执行“Modify/Icon/Properties”命令选项，打开分支图标属性对话框。采用次数限制的方式进行控制（3次）

返回第61页

制作过程电视机原理的制作过程7.4电视机原理的制作过程（8）添加各个页面的内容

在分支图标一侧拖放一个群组图标

在群组图标中先显示需要闪烁的方框，等待0.2秒的时间，再将方框擦除，该设置会被循环执行3次。从而实现了方框闪烁的效果返回第62页

制作过程电视机原理的制作过程7.4电视机原理的制作过程（8）添加各个页面的内容

根据下一段配音的讲解内容，移动指示标志，重点讲解区域实现闪烁返回第63页

制作过程电视机原理的制作过程7.4电视机原理的制作过程（9）添加动画来提示用户的操作

通过“Insert”菜单的“Media/AnimatedGIF”选项来进行导入GIF动画文件在弹出的导入面板中，点击“Browse”按钮，确定动画的存储路径返回第64页

制作过程电视机原理的制作过程7.4电视机原理的制作过程（9）添加动画来提示用户的操作

动画位置设在“后翻”按钮上，程序执行到最后，“后翻”按钮会出现鼠标点击的小动画，提示用户本页面内容结束，可以点击浏览下一页的内容

返回第65页

制作过程电视机原理的制作过程7.4电视机原理的制作过程（10）“调谐器2”页面的制作先拖放三个显示图标，分别导入三个小球

接着拖放三个移动图标，用来分别移动“小球1”、“小球2”、“小球3”返回第66页

制作过程电视机原理的制作过程7.4电视机原理的制作过程（10）“调谐器2”页面的制作三个小球同时运动，要求运动图标的属性进行不同的设置

小球1：Concurrencv采用Concurrent选项

小球3：Concurrencv采用WaitUntilDone选项

小球2：Concurrencv采用Concurrent选项

返回第67页

制作过程电视机原理的制作过程7.4电视机原理的制作过程（10）“调谐器2”页面的制作三个小球同时运动后，在目的地被同时擦除

电视机检修的制作过程

返回第68页

电视机检测的制作过程程序创意7.5电视机检测的制作过程彩色电视机的故障检修

程序一级界面设置有“专家讲座”、“动手演练”、“综合练习”三个分支。另外，还有音乐开、关按钮、退出该模块回到操作主界面的按钮设置返回第69页

电视机检测的制作过程程序创意7.5电视机检测的制作过程专家讲座在“专家讲座”中设置了十个单元按钮的检修面板，单击不同的按钮执行不同的内容

返回第70页

电视机检测的制作过程程序创意7.5电视机检测的制作过程动手演练

程序开始设置了用户登录，登录确认后，程序才正式进入带有检验性质的训练操作界面，程序需要实现的功能是视频播放故障现象，用户选择故障原因，按照检修步骤，判断检修故障点，程序对用户的操作有一定的反馈

返回第71页

电视机检测的制作过程程序创意7.5电视机检测的制作过程综合练习

“综合练习”界面程序可以检测用户对检修知识的掌握程度。提供的选择题，对用户的操作有对错反馈，并且可以随时获得答案

返回第72页

制作过程电视机检测的制作过程7.5电视机检测的制作过程（1）新建程序“servicing.a7p”，拖入计算图标并命名为“MIDI背景音乐，”实现MIDI音乐的导入（2）双击计算图标，弹出计算图标的设计窗口，在函数库中选择“MediaPlay”函数来播放MIDI音乐，并将音乐文件的名称改为提供的音乐文件的名称“aaa”

返回第73页

制作过程电视机检测的制作过程7.5电视机检测的制作过程（3）音乐开始后，接着导入故障检修模块的一级界面的图片（4）拖放一个交互图标，并建立两个交互按钮，分别命名为“音乐开”和“音乐关”返回第74页

制作过程电视机检测的制作过程7.5电视机检测的制作过程（5）“音乐开”按钮下挂的群组图标中拖放一个计算图标“音乐开”，在计算图标的设计窗口中输入“MediaPlay（IconID@‘aaa’）”函数命令实现播放MIDI音乐的功能

（6）“音乐关”按钮下挂的群组图标中拖放一个计算图标“音乐关”，在计算图标的设计窗口中输入“MediaPause（IconID@‘aaa’，Pause）”函数命令实现关闭MIDI音乐的功能

返回第75页

制作过程电视机检测的制作过程7.5电视机检测的制作过程（7）设置“退出”按钮（8）根据设计脚本的编写，设置了“专家讲座”、“动手演练”、“综合练习”三个下属分支，分别建立各自的交互按钮返回第76页

制作过程电视机检测的制作过程7.5电视机检测的制作过程（9）“动手演练”的程序设计首先是导入MIDI背景音乐和本单元的界面图片“界面图2”

接着是提示性配音，用户的登录设置返回第77页

制作过程电视机检测的制作过程7.5电视机检测的制作过程（9）“动手演练”的程序设计用户正常登录后，程序界面刷新，出现欢迎界面和致词配音根据界面设计添设“帮助”、“电路图集”、“音乐控制”和“退出”四个功能按钮

返回第78页

制作过程电视机检测的制作过程7.5电视机检测的制作过程（9）“动手演练”的程序设计使用“翻页设置”框架图标串联多个页面