交互式动画课件的制作
合集下载
ppt怎么作交互式课件
案例三：物理课件中的超链接设置
总结词
利用超链接实现知识点的跳转和扩大。
详细描写
在物理课件中，利用PPT的超链接功能，将知识点相互 关联起来。学生可以通过点击某个知识点，直接跳转到 相关内容的展示页，方便学生进行知识点的串联和扩大 学习。同时，超链接还可以链接到外部资源，如视频、 图片等，丰富课件内容。
发布和分享
总结词
发布和分享是实现课件价值的最后一步 ，需要注意合适的发布方式和分享平台，如企业 内部平台、在线教育平台等，以便学习者 能够方便地获取课件并进行学习。同时， 需要注意保护课件的知识产权和隐私安全 。
04
PPT制作交互式课件的常见问题及解决 方案
交互式课件的特点
互动性
允许学习者与课件进行 交互，如点击、拖拽、
选择等操作。
多媒体性
融会了文字、图片、音 频、视频等多种媒体素 材，提供丰富的视听体
验。
个性化
允许教师或学习者根据 需求自定义内容、布局
和互动方式。
适应性
适应不同学习风格和需 求，满足个性化学习的
需要。
交互式课件的应用场景
01
02
03
案例五：历史课件中的触发器应用
总结词
利用触发器实现交互式问答和互动讨论。
详细描写
在历史课件中，利用PPT的触发器功能，设计交互式问答和互动讨论环节。通过设置触 发器，让学生在观看课件的同时，参与到问题回答和讨论中。这不仅可以检验学生对知 识点的掌握情况，还可以培养学生的思考能力和表达能力。同时，触发器的应用还可以
插入视频
在“插入”选项卡中选择“视频” ，然后选择要插入的视频文件。可 以在幻灯片中调整视频的大小和播 放时间。
使用动画效果
《Animate》课件——第11章 交互式动画
11.1.1 按钮事件
按钮是交互动画的常用控制方式，可以利 用按钮来控制和影响动画的播放，实现页 面的链接和场景的跳转等功能。
11.1.1 按钮事件
新建空白文档，在“库”面板中新建一个按钮元 件。利用“颜色”面板、“椭圆”工具、“墨水 瓶”工具，制作按钮的四种显示状态。
11.1.2 添加控制命令
使用“导入到库”命令，导入素材文件；使用“新建元件”命令，制作图形元件和按 钮元件；使用“创建传统补间”命令，制作照片浏览动画；使用“动作”面板添加脚 本语言。
效果图
11.2.2 播放和停止动画
控制动画的播放和停止所使用的动作脚本如下。
stop()：用于在此帧进行停止
1
gotoAndPlay()：用于转到
控制鼠标跟随所使用的脚本如下。
root.addEventListener(Event.ENTER_FRAME,元件实例); function 元件实例(e:Event) {
var h:元件 = new 元件(); //添加一个元件实例
h.x=root.mouseX; h.y=root.mouseY; //设置元件实例在x轴和y轴的坐标位置 root.addChild(h); //将元件实例放入场景 }
11.1.3 课堂练习——制作美食页面
使用“导入到库”命令，导入素材文件；使用“创建传统补间”命令，制作美食动画 效果；使用“动作”面板，添加脚本语言。
效果图
11.1.4 课后习题——制作女装馆界面
使用“导入到库”命令，导入素材；使用“新建元件”命令，制作按3
某帧并开始播放
gotoAndStop()：用于转到
2
某帧并停止播放
4
addEventListener()：用于添加事件的方法
ppt课件交互制作
链接设置
为课件中的文本或图片添 加链接，以方便观众跳转 到相关页面或网站。
交互方式选择
根据课件的内容和目的， 选择合适的交互方式，如 弹出窗口、填写表格等。
03
交互式PPT制作工具
PowerPoint内置工具
触发器
PowerPoint内置触发器可以创建交互式动画效果，通过触发器可以让观众在点击或滑动 幻灯片时触发动画效果。
在商业环境中，交互式PPT可以用于制作 销售提案、市场调研报告和商业计划书等 ，以提高观众的兴趣和参与度。
个人用户也可以使用交互式PPT来制作个 人简历、演示文稿和宣传资料等，以展示 自己的能力和创意。
交互式PPT的优势
01
提高参与度
交互式PPT可以通过各种互动元素来吸引观众的注意力，并引导他们更
与其他PPT爱好者交流制作心得和经验 ，分享自己的作品并接受他人的建议和 指导。
THANKS
实例二：英语单词互动记忆
总结词
互动记忆式PPT能够帮助学生在轻松愉快的氛围中记忆英语 单词。
详细描述
互动记忆式PPT通过设计有趣的互动游戏和挑战，让学生在 游戏中学习和记忆英语单词。同时，通过互动反馈和奖励机 制，激发学生的学习兴趣和动力，提高学习效果。
实例三：幼儿教育互动课件
总结词
幼儿教育互动式PPT能够吸引幼儿注意力，提高幼儿学习兴趣。
好地理解演示内容，从而提高参与度。
02
增强记忆
通过交互式PPT中的动态、可控和互动元素，观众可以更加主动地参与
到演示过程中，这有助于增强他们的记忆和理解。
03
提高效率
交互式PPT还可以帮助制作人员提高效率，因为它们可以快速地创建具
有吸引力和互动性的演示文稿，而无需花费大量时间和精力进行排版、
交互式制作课ppt课件
注意：选项按钮有两种状态即两种Value值，默认是False即未选中状态，当鼠 标单击选项按钮时，表示选中该按钮，控件状态会发生变化，如OptionButton2 所示，而其Value属性也由默认的False转变为True，这个性质千万要记住。
命令按Байду номын сангаас的属性和事件
CommandButton1
名称：默认是CommandButton1 是该控件的标志，可改名 Caption：默认是CommandButton1 可以在此编辑按钮标题 Font：控件文本的字体、字型和字号
文本框的属性和事件
名称：默认是TextBox1 是该控件的标志，可改名 Value： 文本框接收到的输入数据 Font： 文本的字体、字型和字号 TextAlign： 文本的对齐方式 在程序中表示复选框的方法：CheckBox1 在程序中表示复选框属性的方法：CheckBox1.Value TextBox1的Value值为“苏州”，则表示为：TextBox1.Value=“苏州”
初级：利用“超链接”实现交互
超链接”交互”示例：选择 I ____ a teacher. A.is B.am C. were D. are
I ____ a teacher. A.is
超链接”交互”示例：打开外部程序
NEXT
错误，再考虑一下！ 返回
正确，鼓励一下！ 返回
中级：利用“触发器”实现交互
选项按钮：主要用于单项选择题 复选框 ：主要用于多项选择题 文本框 ：主要用于填空题 命令按钮： 主要用于制作命令按钮 标签 ：主要用于文字编辑
选项按钮的属性和事件
OptionButton1
O p t i o n B u t t o n 2
交互式课件制作案例
交互式课件制作案例案例背景：某公司需要制作一份交互式课件，用于培训新员工了解公司的核心价值观和业务流程。
步骤1：确定需求根据公司的要求，我们需要为新员工制作一份交互式课件，内容包括公司的核心价值观和业务流程，以帮助他们更好地了解公司的文化和运营。
步骤2：准备素材收集公司核心价值观的文字和图片，并收集业务流程相关的文字、图表和示意图。
确保素材的版权合法，并做好备份。
步骤3：选择制作工具根据课件的交互性需求，选择一款适合的交互式课件制作工具，例如Adobe Captivate、Articulate Storyline或H5P等。
步骤4：设计课件结构根据课件的内容，设计一个清晰的结构，包括导入部分、核心内容部分和总结部分。
确保内容的逻辑性和条理性。
步骤5：制作课件页面利用选定的工具，将素材导入到课件中，并设计页面布局和交互元素。
可以使用按钮、翻页效果、动画等方式增加课件的交互性。
步骤6：添加互动功能根据课件的需求，添加互动功能，例如选择题、拖放题、填空题等。
通过这些互动，新员工可以参与进来，提高学习效果和参与度。
步骤7：测试和修订在制作完成后，进行测试，在不同的设备和浏览器上测试课件的兼容性和交互性。
根据测试结果，进行修订和调整，确保课件在各种环境下都能正常运行。
步骤8：发布课件将最终修订后的课件发布，可以选择将课件打包成SCORM包、上传至学习管理系统（LMS）或直接分享给新员工。
步骤9：评估和反馈定期评估课件的效果，收集新员工的反馈并分析。
根据反馈结果，进行优化和改进，以提高课件的质量和效果。
以上是一个交互式课件制作的案例，通过以上步骤，为新员工提供了一种互动、有趣的学习方式，并能更好地帮助他们了解公司的核心价值观和业务流程。
用ppt制作交互式课件
详细描述
在PPT中，选择需要触发交互效果的元素，然后在“动画”选项卡中选择“添加动画”，选择“触发器”，根据 需要选择触发方式，如“单击下列对象”或“与下列对象同时发生”。在弹出的列表中选择需要触发的对象，即 可完成设置。
使用超链接实现交互
总结词
超链接是PPT中实现页面跳转的重要手段，通过设置超链接，可以在幻灯片中添加可点击的文本或图 片，实现不同页面之间的跳转。
详细描述
选中需要添加超链接的文本或图片，然后在“插入”选项卡中选择“超链接”，在弹出的对话框中输 入需要跳转的页面或网址，点击“确定”即可完成设置。在放映PPT时，点击添加了超链接的文本或 图片，即可跳转到指定的页面。
使用动作设置实现交互
总结词
动作设置是PPT中用于设置鼠标操作的方法，如单击、双击、鼠标悬停等，以触发特定 的动画或声音效果。
2. 在容器中添加多个形状，作为各个菜单项，并设置形状的文本和样式。
案例二：制作一个带动画效果的导航菜单
01
3. 使用超链接功能，为每个菜单项添加相应的跳转页面 。
02
4. 使用动画效果，为菜单项添加动态展示效果，如淡入 淡出、飞入等。
03
5. 预览效果，测试导航菜单的动画和跳转功能是否正常 。
案例三：制作一个带测试功能的练习题课件
02
它不仅包含传统PPT演示文稿中 的文字、图片、音频、视频等元 素，还具备互动性、个性化、动 态性等特点。
交互式课件的优势
提高学习效果
通过互动环节，激发学 生的学习兴趣和主动性 ，促进知识吸收和记忆 。
个性化学习
根据学生的学习需求和 水平，提供个性化的学 习资源和路径。
灵活的教学方式
教师可根据教学需要， 自由组合多种媒体资源 ，实现灵活多样的教学 方式。
在PPT中，选择需要触发交互效果的元素，然后在“动画”选项卡中选择“添加动画”，选择“触发器”，根据 需要选择触发方式，如“单击下列对象”或“与下列对象同时发生”。在弹出的列表中选择需要触发的对象，即 可完成设置。
使用超链接实现交互
总结词
超链接是PPT中实现页面跳转的重要手段，通过设置超链接，可以在幻灯片中添加可点击的文本或图 片，实现不同页面之间的跳转。
详细描述
选中需要添加超链接的文本或图片，然后在“插入”选项卡中选择“超链接”，在弹出的对话框中输 入需要跳转的页面或网址，点击“确定”即可完成设置。在放映PPT时，点击添加了超链接的文本或 图片，即可跳转到指定的页面。
使用动作设置实现交互
总结词
动作设置是PPT中用于设置鼠标操作的方法，如单击、双击、鼠标悬停等，以触发特定 的动画或声音效果。
2. 在容器中添加多个形状，作为各个菜单项，并设置形状的文本和样式。
案例二：制作一个带动画效果的导航菜单
01
3. 使用超链接功能，为每个菜单项添加相应的跳转页面 。
02
4. 使用动画效果，为菜单项添加动态展示效果，如淡入 淡出、飞入等。
03
5. 预览效果，测试导航菜单的动画和跳转功能是否正常 。
案例三：制作一个带测试功能的练习题课件
02
它不仅包含传统PPT演示文稿中 的文字、图片、音频、视频等元 素，还具备互动性、个性化、动 态性等特点。
交互式课件的优势
提高学习效果
通过互动环节，激发学 生的学习兴趣和主动性 ，促进知识吸收和记忆 。
个性化学习
根据学生的学习需求和 水平，提供个性化的学 习资源和路径。
灵活的教学方式
教师可根据教学需要， 自由组合多种媒体资源 ，实现灵活多样的教学 方式。
常用交互式课件制作软件简介
常用交互式课件制作软件简介常用交互式课件制作软件简介一、 PowerPointPowerPoint是微软的Office系列组件之一，是幻灯片制作工具。
由于它编辑多媒体的功能比较强大、简单易学，所以很多老师都是以PowerPoint起步制作课件的。
PowerPoint内置丰富的动画、过渡效果和多种声音效果，并有强大的超级链接功能，可以直接调外部众多文件，能够满足一般教学要求。
PowerPoint易于上手，并支持IE浏览器的两大优点，是最显而易见的。
但PowerPoint的动画有些生硬、单调，交互功能实际上是超级链接，对于交互性要求较高的课件显得力不从心。
二、AuthorWareAuthorWare是课件制作工具中应用比较广泛的平台，它的最大特点是创造了基于图标的创作方式，用可见的流程贯穿课件制作的整个过程，清晰有序。
我们只需对13种图标（其实最常用的是12种，视频图标不常用）进行拖放及设置，就可以完成普通课件的开发，无需编写过多的程序代码。
AuthorWare内置众多过渡效果（利用插件，可产生更多的效果），5种基本动画功能，如果能够灵活应用可以满足普通课件对动画的要求。
AuthorWare的灵魂是它强大的交互功能和函数库，11种交互方式使我们轻松实现各种随心所欲的交互效果，丰富的函数让我们如虎添翼。
但AuthorWare对于多声道支持不算理想，而且图标方式及众多的函数有时显得很繁琐，真正运用自如地利用AuthorWare开发较为优秀的课件也并非易事。
三、方正奥思方正奥思多媒体创作工具（FOUNDER AUTHOR TOOL）是北大方正电子有限公司印艺事业部研究开发的一个可视化、交互式多媒体集成创作工具。
方正奥思能在中文 Windows95/98/me/NT 4.0/2000 环境下运行，具有直观、简便、友好的用户界面。
可以把文本、图形、图像、声音、动画及影像等多媒体素材集成编辑，制作出各种多媒体应用产品。
“如何制作交互式课件设计方案”
设计反馈和评估
1
实时反馈
提供实时反馈帮助学习者纠正错误和改进学习效果。
2
自主评估
设计自主评估工具，让学习者主动评估自己的学习成果。
3
数据分析
利用数据分析工具评估学习者的表现和课件的有效性。
案例研究
医学教育
通过虚拟实验室模拟真实手术 场景，加强学生的实践技能。
外语学习
利用语音识别技术自动评估学 生的发音准确性和语法错误。
如何制作交互式课件设计 方案
欢迎来到“如何制作交互式课件设计方案”的演示。在本次演示中，我们将分 享一些关于设计交互式课件的背景、技巧和案例研究。
背景和目标
了解交互式课件的定义和用途，并确定制作交互式课件的目标和受众。
常见的交互式课件设计方案
Hale Waihona Puke 游戏化设计通过游戏化元素增加学习者的参与度和动力。
互动式测验
通过问题和答案的互动来检查学习者的理解和 掌握程度。
多媒体内容
利用音频、视频和图像等多媒体形式传达信息。
模拟演练
提供实践场景，让学习者模拟真实情境，并进 行反馈和评估。
设计原则和技巧
1 简洁明了
保持课件内容简洁明了，避免过多文字和复杂图表。
2 一致性
在整个课件中保持界面设计、字体和色彩的一致性。
3 可导航性
设计易于导航的课件结构，帮助学习者浏览和回顾内容。
4 互动性
增加学习者的参与度和互动性，激发学习兴趣和动力。
交互式元素的选择和使用
拖放互动
利用拖放元素来进行互动学习和 知识检测。
选择题测验
设计各种类型的选择题，检测学 习者的理解和掌握程度。
动画效果
运用动画和过渡效果增强课件的 视觉吸引力和清晰度。
交互式课件设计指南
测试阶段
功能测试
测试课件的所有功能是否正常工作，无错误或漏 洞。
兼容性测试
测试课件在不同浏览器、操作系统和设备上的兼 容性。
用户体验测试
邀请目标受众体验课件，收集反馈以改进设计和 功能。
发布与维护
发布课件
完成所有测试后，发布课件供用户下 载和使用。
持续更新与维护
根据用户反馈和需求变化，持续更新 和维护课件，确保其始终保持最新状 态。
交互式课件设计指南
汇报人：可编辑
2024-01-08
目录
CONTENTS
• 交互式课件概述 • 交互式课件设计原则 • 交互式课件开发流程 • 交互式课件开发工具 • 交互式课件应用场景 • 交互式课件案例分析
01 交互式课件概述
定义与特点
定义
交互式课件是一种基于计算机技 术的教育软件，通过多媒体元素 和互动环节实现教学信息的呈现 和交流。
内容和方式提供依据。
感谢您的观看
THANKS
促进教育公平
交互式课件可以突破地域 和时间的限制，让更多人 接受高质量的教育资源， 促进教育公平。
交互式课件的历史与发展
早期发展
20世纪80年代，随着计算 机技术的兴起，交互式课 件开始进入教育领域。
快速发展期
20世纪90年代末至21世纪 初，互联网技术的普及推 动了交互式课件的快速发 展。
未来趋势
通过交互式课件快速引 导新员工熟悉公司文化 和业务。
技能提升
为员工提供专业技能和 知识的培训，提升工作 效率。
安全培训
通过模拟真实场景，提 高员工的安全意识和应 对能力。
数字出版
电子书
在电子书中加入交互元素，提高阅读体验。
《如何制作交互式课件》
功能强大，适用于创建各种 互动元素和场景转换效果的 交互式课件。
Adobe Captivate
专业的制作工具，提供丰富 的模板和互动功能，适合创 建复杂的交互式课件。
Powtoon
简单易用的动画工具，适用 于创建有趣的互动式故事和 演示文稿。
选择合适工具的因素
1 目标和需求
根据课件的目标和需求，选 择具备相应功能的交互式课 件制作工具。
《如何制作交互式课件》
本演示文稿将教你如何制作引人入胜且易于理解的交互式课件。通过精彩的 布局和生动的图像，使你的课件脱颖而出。
准备工作
1 确定目标和受众
在开始制作交互式课件前， 明确课件的目标以及受众的 需求和背景。
2 收集素材和资源
收集相关的图片、视频、音 频和文本资料，为课件制作 做好准备。
交互式课件的优势
提高参与度
通过互动元素，激发受众的兴趣 和参与度，提高学习效果。
个性化学习
实时评估
根据受众的不同需求，提供不同 的学习路径和个性化的学习体验。
通过互动问答和测验，实时了解 受众对知识的掌握情况，进行及 时的反馈和调整。
常用的交互式课件制作工具
Articulate Storyline
2 用户体验和易用性
考虑受众的技术水平和使用 习惯，选择易于操作且用户 体验良好的工具。
3 预算和资源
根据预算和可用资源的限制，选择价格适中且适合团队配合的工具。
对收集到的素材进行编辑和 整理，确保它们与课件的内 容和风格相符。
2 添加互动元素和多媒体
通过添加互动按钮、链接和 媒体文件，使课件更加生动 和引人入胜。
3 调整布局和样式
根据课件的需求和受众的喜好，调整布局和样式，优化用户体验。
Adobe Captivate
专业的制作工具，提供丰富 的模板和互动功能，适合创 建复杂的交互式课件。
Powtoon
简单易用的动画工具，适用 于创建有趣的互动式故事和 演示文稿。
选择合适工具的因素
1 目标和需求
根据课件的目标和需求，选 择具备相应功能的交互式课 件制作工具。
《如何制作交互式课件》
本演示文稿将教你如何制作引人入胜且易于理解的交互式课件。通过精彩的 布局和生动的图像，使你的课件脱颖而出。
准备工作
1 确定目标和受众
在开始制作交互式课件前， 明确课件的目标以及受众的 需求和背景。
2 收集素材和资源
收集相关的图片、视频、音 频和文本资料，为课件制作 做好准备。
交互式课件的优势
提高参与度
通过互动元素，激发受众的兴趣 和参与度，提高学习效果。
个性化学习
实时评估
根据受众的不同需求，提供不同 的学习路径和个性化的学习体验。
通过互动问答和测验，实时了解 受众对知识的掌握情况，进行及 时的反馈和调整。
常用的交互式课件制作工具
Articulate Storyline
2 用户体验和易用性
考虑受众的技术水平和使用 习惯，选择易于操作且用户 体验良好的工具。
3 预算和资源
根据预算和可用资源的限制，选择价格适中且适合团队配合的工具。
对收集到的素材进行编辑和 整理，确保它们与课件的内 容和风格相符。
2 添加互动元素和多媒体
通过添加互动按钮、链接和 媒体文件，使课件更加生动 和引人入胜。
3 调整布局和样式
根据课件的需求和受众的喜好，调整布局和样式，优化用户体验。
交互式省一等奖课件制作
2. 范例课件结构的考虑
（1）封面 （2）学习者控制与交互(见下图)
（3）信息表达（见下图）
（4）练习设计（见下图）
3. 课件内容的逻辑结构图
为了反映课件的知识框架和教学功能，在制作 之前，必须确定各个教学单元、知识点的相互关系 及呈现方式，并建立知识点与知识点之间的逻辑结 构，知识点之间的结构可分为并列逻辑结构、层次 逻辑结构和网状逻辑结构。范例课件使用了并列式 和层次式两种逻辑结构，具体见下图。
2. 确定交互方式的步骤 3. 修改交互方式 4. 设置交互属性 5. 设置热区响应属性 6. 设置“目标区域”响应 7.设置“条件响应”交互属性 8．设置“按钮响应”交互属性 交互属性
8.1 Authorware的基本操作
8.1.1 用户界面
1. 2. 3. 4. 5. 6. 标题栏 菜单栏 工具栏 图标栏 设计窗口 演示窗口
Authorware的用户界面
工具栏 设计窗口
菜单栏
标题栏
演示窗口 图标栏
8.1.2 用户界面
1. 2. 3. 4. 5. 6. 新建文件 引入图标 保存文件 关闭文件 打开文件 试运行程序
范例课件的主流程结构和部分分支流程结构
8.3.2
设置交互分支
1.通过交互图标来建立交互分支 Authorware中的交互可以通过交互图标来实现，见 书图8.24。在交互图标的右侧拖放几个群组图标作为课件 中不同学习内容分支。分别给这几个群组图标命名为“古 诗内容”、“作诗背景”、“诗人简介”、“古诗译文”、 “课文 分析”、“朗读”、“自我检查”和“退出”等 。这样， 当课件 沿着主流程线运行到交互图标——主界面时，学习者就可 以根据自己的喜好和学习进度自主选择学习、学习什么、 退出学习等。有多少项切换内容就需要多少个交互分支。
使用Captivate制作交互演示课件
Ｃａｐｔ ｉｖａｔ ｅ提 供 了 多 种 录 制 选 项 ， ｌ 丰 要 分 为 模 拟 模 式 和 演 示 模 式 两 种 。 前 者 供 用 户 模 拟 操 作 因 此 不 录 制 鼠 标 ， 后 者 用 于 演 示 操 作 过 程 ， 因 此 录 制 鼠 标 。 此 外 ， 还 有 一 些 “自 动 录 制 ” 选 项 用 来 供 使 用 者 选 择 录 制 过 程 中 是 否 自 动 生 成 相 应 的 交 互 区 域 。 例 如 ， 其 中 的 一 个 选 项 可 以 自动 将 软 件 菜 单 上 的 提 示 信 息 转 换 为 Ｃａ ｐ ｔ ｉ ｖａ ｔ ｅ 中 的 提 示 文 本 ， 另 一 个 选 项 可 以 自动 为 当 前 操 作 区 域 添 加 高 亮 框 以 引 起 用 户 注 意 等 等 。 我 们 既 可 以 直 接 使 用 系 统 预 定 义 的 几 种 录 制 模 式 ， 也 可 以 通 过 设 置 上 述 选 项 定 义 自 己 的 录 制
名 称
口 Ｃａｐｔｉ Ｏｎ
用 途
信 息框 ： 用 于 显 示 说 明 提 示 性 的 信 息
口 Ｈｉ ｇｈ１ ｉ ｇｈｔ Ｂｏｘ
高 亮 框 ： 用 于 标 志 需 要 用 户 注 意 的 区域
Ｉ ｎｌａｇｅ
图 片 框 ： 用 于 放 置 要 显 示 的 图 片
鼠 标 经 过 信 息 框 ： 当 鼠标 经 Ｒｏ１１ ０Ｖｅ ｒ Ｃａｐｔｉ Ｏｉｌ 过 时显 示相 应信 息
１．录 制 操 作 过 程
在 Ｃａｐｔ ｉｖａｔ ｅ 中 制 作 一 个 交 互 式 演 示 课 件 ， 第 一 步 是 使 用 屏 幕 录 像 功 能 录 制 下 整 个 操 作 过 程 。 Ｃａｐｔ ｉｖａｔｅ屏 幕 录 像 的 区 域 可 以 是 整 个 屏 幕 ， 也 可 以 是 某 一 特 定 应 用 程 序 窗 口 ， 还 可 以 是 某 一 屏 幕 区 域 ， 用 户 可 以 根 据 需 要 选 择 。 在 这 个 例 子 中 ， 我 们 选 择 “录 制 特 定 程 序 ”， 并 从 对 话 框 所 显 示 的 所 有 正 在 运 行 的 程 序 列 表 中 选 择 Ｉ Ｅ 作 为 录 制 对 象 ， 此 时 会 看 到 红 色 的 录 制 框 指 示 的 录 制 区 域 包 围 了 整 个 Ｉ Ｅ 窗 口 若 录 制 框 与 窗 口 不 完 全 吻 台 ， 还 可 以 使 用 自 动 适 合 窗 口 功 能 调 整 录 制 区 域 。
名 称
口 Ｃａｐｔｉ Ｏｎ
用 途
信 息框 ： 用 于 显 示 说 明 提 示 性 的 信 息
口 Ｈｉ ｇｈ１ ｉ ｇｈｔ Ｂｏｘ
高 亮 框 ： 用 于 标 志 需 要 用 户 注 意 的 区域
Ｉ ｎｌａｇｅ
图 片 框 ： 用 于 放 置 要 显 示 的 图 片
鼠 标 经 过 信 息 框 ： 当 鼠标 经 Ｒｏ１１ ０Ｖｅ ｒ Ｃａｐｔｉ Ｏｉｌ 过 时显 示相 应信 息
１．录 制 操 作 过 程
在 Ｃａｐｔ ｉｖａｔ ｅ 中 制 作 一 个 交 互 式 演 示 课 件 ， 第 一 步 是 使 用 屏 幕 录 像 功 能 录 制 下 整 个 操 作 过 程 。 Ｃａｐｔ ｉｖａｔｅ屏 幕 录 像 的 区 域 可 以 是 整 个 屏 幕 ， 也 可 以 是 某 一 特 定 应 用 程 序 窗 口 ， 还 可 以 是 某 一 屏 幕 区 域 ， 用 户 可 以 根 据 需 要 选 择 。 在 这 个 例 子 中 ， 我 们 选 择 “录 制 特 定 程 序 ”， 并 从 对 话 框 所 显 示 的 所 有 正 在 运 行 的 程 序 列 表 中 选 择 Ｉ Ｅ 作 为 录 制 对 象 ， 此 时 会 看 到 红 色 的 录 制 框 指 示 的 录 制 区 域 包 围 了 整 个 Ｉ Ｅ 窗 口 若 录 制 框 与 窗 口 不 完 全 吻 台 ， 还 可 以 使 用 自 动 适 合 窗 口 功 能 调 整 录 制 区 域 。
交互式课件的制作
4.3 交互式课件的制作4.3.1任务14：认识交互图标学习目标：掌握交互图标的功能、类型及交互图标属性对话框的设置。
[相关知识与技能]交互图标是交互过程的核心内容，但其本身并不具有交互性，它只能作为创建交互的基础，实际上，交互图标是由显示图标、判断图标、等待图标和擦出图标共同组合而成的。
[知识拓展]1．交互图标的功能（1）显示功能当执行到交互图标时，它一方面可以显示交互图标中的文字或图片，另一方面还可以显示该图标所附属的交互图标的一些信息，如按钮或文本输入等。
（2）判断功能在执行交互图标时，按提示进行交互后，程序会根据用户的输入响应来判断执行所附属的某一条或几条路径。
（3）等待功能等待功能有两种方式，一种是当交互功能完成后，系统会出现暂停，询问是否进入下面的内容；另一种是交互功能完成后，只有当交互中进行的所有选择都正确的情况下，多媒体作品才会自动进入下面的内容。
（4）擦除功能当执行完某条交互路径后，决定是否将该条路径中的显示内容擦除。
2．交互图标的类型在Authorware中，系统提供了11种交互类型，每种交互类型都会对应不同的交互类型符号，将一个交互图标拖放至流程线上，并命名为“交互”，然后就可以把其他图标放到其右侧，这时便会自动弹出交互类型对话框，此时的流程图和对话框如图4-67所示。
图4-67 流程图与“交互类型”对话框（1）按钮选定“按钮”后，就可以在交互图标的演示窗口中看到一个按钮，只要把鼠标移到按钮上并按下便会执行设置的动作，程序会进入该按钮交互标志下方的图标。
这个按钮是自动建立的，也可以由制作人员从其他文件中导入。
（2）热区域选定“热区域”后，当程序进入交互图标后，系统会提供一个矩形“热区域”，用鼠标单击、双击或经过热区域即可激活交互相应，从而转入相应的响应分支。
（3）热对象“热对象”方式与“热区域”方式基本类似，所不同的是，交互内容不是矩形区域，而是某个显示图标中的内容，这种交互方式一般适用于不规则的物体。
第八章交互式课件制作
是
其它题目
否
是
是否学习其它分
支内容
否
退出学习
结束
a
15
8.3 交互式课件的制作
8.3.1 设计流程线结构
制作课件时，需要先将课件的流程图转化为 Authorware流程线结构，这时往往只是从实现流程的 功能方面进行考虑，如课件中的背景、动画、交互方
式、分支个数等，为后面的具体制作提供一个结 构框架。
第八章 交互式课件制作
学习目标
了解多媒体课件设计的基本过程与方法 了解交互式课件编制的一般步骤 熟悉Authorware软件的工作环境 熟练运用菜单、工具、图标等设置流程结构、添加素材和编 辑 掌握通过设置运动属性制作动画的基本方法 掌握根据课件设计要求选择交互方式并设置交互 掌握课件流程的运行调试、打包. 修改交互方式 4. 设置交互属性 5. 设置热区响应属性 6. 设置“目标区域”响应 7.设置“条件响应”交互属性 8．设置“按钮响应”交互属性 9. 设置“按键响应”交互属性
● 流程结构的设计。
● 交互分支的设置。
● 交互属性的设置。
● 图片、声音等素材的添加。
● 设计图标及过渡方式的使用与设置。
● 运动方式的选择与设置。
● 流程的运行与调试。 ● 文件的打包。
3. 制作指导思想
a
6
8.2.2 用户界面
1. 确定课件类型和内容
确定课件类型和内容考虑的主要因素如下： （1）学生认知特点 （2）确定教学目标
a
17
范例课件中交互分支的设置
a
18
2. 通过判断图标来建立交互分支
Authorware中的交互分支除了用交互图标来建 立以外，还可以通过判断图标来实现，这样建立的 分支称为决策判断分支结构。它是由判断图标和附 属于该设计图标的分支图标共同构成，决策判断分 支结构用于设置一种决策手段：某些分支能否被执 行、以什么顺序执行以及总共执行多少次。利用它 可以实现类似程序语言中的If/Then/Else/End if、 Do Case/End Case 、 For/End For 、 Do While/End Do等逻辑结构。
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
——以Flash为例
16
1.创建AS2.0文件
17
2.导入swf到舞台
18
3.设置帧频和文档大小
19
4. 新建图层第1帧添加stop脚本
20
5.影片中需要停的帧添加关键帧
21
6.在需要停的帧添加stop脚本
22
7.新建图层添加半透明按钮到第一个 交互点，用脚本助手添加play脚本
23
8. 浏览每一个需要停止的帧，在按钮图层添加
34
• 重量1 = 0; • 重量2 = 0; • 重量3 = 0; • 重量4 = 0; • 重量5 = 0; • 重量6 = 0; • stop();
帧脚本
• onEnterFrame = function() {
•
当前帧 = _currentframe;
•
f = 当前帧-1;
•
重量 = 重量1+重量2+重量3+重量4+重量5+重量6;
大家好
1
交互式动画课件的制作
主讲 黄子谦
华南师范大学教育信息技术学院 2015.7.9
2
教学内容与授课方式
授 现场讲解
课 图文教程 方 录制视频 式
交互课件
理论知识 √ √ √ √
教学内容
硬件操作 软件操作
√
√
√
√
√
√
√
√
以信息技术课程为例
3
教学媒体类型与特点
媒体 特点
抽象
网页课件
文字介绍
交互课件 图文解说
39
• 拖动填空 • 拖动分类 • 音量调整 • 拼图游戏
拓展应用
40
• 按下物体1可以将其拖动到弹簧秤的托盘上； • 释放时停止拖动，当物体1被准确放在托盘上则弹簧秤会计算重量1，否则不
计算重量1；
• 物体2、物体3、物体4、物体5、物体6情况相同；
• 称重结果：总重量=重量1+重量2+重量3+重量4+重量5+重量6；
• 弹簧秤初始刻度为0，每次增加物体重量，指针顺时针旋转，反之每次减少物 体重量，则指针反时针旋转；当指针刻度与重量相符则不旋转。
•
if (f>重量) {
•
prevFrame();
•
}
•
if (f<重量) {
•
nextFrame();
•
}
• };
应用补间动画实现旋转，不同帧 代表不同旋转角度
35
按钮脚本
• on (press) {
•
startDrag("物体1");
•}
• on (release) {
•
stopDrag();
• if (r<g) {
•
r = 指针._rotation;
•
•
if (r<0) {/当角度大于180时，实际数值为负
数
•
r += 5; if (r>350) {r = 350;}
•
r = 360n = r;
•
}
•
}
•
重量 = 重量1+重量2+重量3+重量4+重量5+
重量6;
• };
•
g = 重量*3;//每单位重量旋转3度
应用旋转属性实现旋转效果
38
小结
• 拖动对象用按钮，位置判断用影片； • 按钮按下可拖动，按钮释放可停止； • 碰撞语句有讲究，影片名字在前面； • 碰撞结果真与假，变量赋值各不同； • 判断变量大或小，影片向前或向后； • 函数括号有参数，可用变量替换之； • 变量对应属性值，各种变化随你意； • 对象要想回原位，预先记下坐标值。
返回落入目标的实例名称，例如“影片2” • 与hitTest的区别
hitTest在影片接触到另一对象时返回结果true，未 接触时返回结果false
33
方法1主要步骤
• 制作表盘和指针旋转动画 • 制作影片剪辑给出实例名代表托盘 • 制作按钮给出实例名代表物体，用脚本助手添加startDrag
与stopDrag实现拖动与停止 • 手工添加碰撞检测脚本，实现拖动位置的判断 • 手工添加脚本实现变量定义与计算 • 手工添加脚本实现播放控制
– 利用旋转属性_rotation，直接改变指针旋转角度
31
关键函数和语句
• 拖动： startDrag("对象")
• 停止拖动：
• 当前帧、 _currentframe
stopDrag()
• 前一帧
• 碰撞检测 影片.hitTest(对象)
• 条件语句
prevFrame() • 下一帧
if (条件成立) {动作1} else {动作
对应的关键帧，移动按钮到对应交互点
24
9.对按钮图层不需要交互的帧，插入 空白关键帧
25
10.测试影片观察交互效果
26
11.必要时可添加操作提示和干扰交 互按钮
操作完成 请大家自行练习
27
拖动交互应用示例
——弹簧秤模拟
28
模拟情景
• 假设有物体若干，分别为物体1、物体2、物体3、物体4、物体5、物体6; • 其重量分别为重量1、重量2、重量3、重量4、重量5、重量6；
37
帧脚本
• 重量1 = 0; • 重量2 = 0; • 重量3 = 0;
• if (r>g) {
•
r -= 5;
• 重量4 = 0;
•
if (r<5) {r = 0;}
• 重量5 = 0; • 重量6 = 0; • stop();
•
指针._rotation = r;
•
}
• 指针.onEnterFrame = function() {
微课视频
引导交互
直观
视频演示
现场演示
学习者 特点
经验缺乏
经验丰富
4
信息资源建设的趋势
课件
形式
智能课
交互课
件
微课视
件
网页课
频
件
时间
过去
目前
未来
5
• 音频处理 • 找规律 • 弹簧秤
案例展示
6
软件操作类交互示例
7
工作1：软件操作录屏
——以Camtasia Studio为例
8
1.设置录屏隐藏光标
– nextFrame()
2} • 重复执行
• 旋转角度
onEnterFrame = function() { 动作 }
_rotation
注：对象和影片均指舞台上
元件的实例名称
32
与hitTest相似的函数
• eval(影片1._droptarget); • //当影片剪辑“影片1”落入另一影片剪辑范围内，
29
问题思考
• 如何将物体拖动或不拖动？
– 拖动startDrag与停止拖动stopDrag
• 如何判断物体是否放在托盘上？
– 影片碰撞检测函数hitTest
30
问题思考
• 物体重量如何反映在弹簧秤的指示刻度上?
– 利用goto，先制作旋转动画，不同帧上的指针旋转角度 不同，转到不同的帧就会指到不同刻度
9
2.设置录屏帧频
帧频：每秒5帧左右
10
3.进行录屏
11
4.导入媒体并添加到时间轴
12
5.生成swf文件
13
5.生成swf文件
•选择MP4/FLV/SWF— Flash输出 •在下一步进行参数选择， 目的是输出帧频较低的 flash文件，以方便添加交 互
14
5.生成swf文件
15
工作2:添加交互
•
if (托盘.hitTest(物体1)) {
•
重量1 = 30;
•
p = 1;
•
} else {
•
p = 0;
•
重量1 = 0;
•
}
•}
• 这里只给出一个按钮的脚 本，其他的按钮脚本基本 相同，只是示例名称和重 量变量有所不同。
36
方法2主要步骤
• 在方法1基础上，删除第1帧后面的其他 • 给出指针元件的实例名 • 修改帧脚本，按钮脚本保持不变
16
1.创建AS2.0文件
17
2.导入swf到舞台
18
3.设置帧频和文档大小
19
4. 新建图层第1帧添加stop脚本
20
5.影片中需要停的帧添加关键帧
21
6.在需要停的帧添加stop脚本
22
7.新建图层添加半透明按钮到第一个 交互点，用脚本助手添加play脚本
23
8. 浏览每一个需要停止的帧，在按钮图层添加
34
• 重量1 = 0; • 重量2 = 0; • 重量3 = 0; • 重量4 = 0; • 重量5 = 0; • 重量6 = 0; • stop();
帧脚本
• onEnterFrame = function() {
•
当前帧 = _currentframe;
•
f = 当前帧-1;
•
重量 = 重量1+重量2+重量3+重量4+重量5+重量6;
大家好
1
交互式动画课件的制作
主讲 黄子谦
华南师范大学教育信息技术学院 2015.7.9
2
教学内容与授课方式
授 现场讲解
课 图文教程 方 录制视频 式
交互课件
理论知识 √ √ √ √
教学内容
硬件操作 软件操作
√
√
√
√
√
√
√
√
以信息技术课程为例
3
教学媒体类型与特点
媒体 特点
抽象
网页课件
文字介绍
交互课件 图文解说
39
• 拖动填空 • 拖动分类 • 音量调整 • 拼图游戏
拓展应用
40
• 按下物体1可以将其拖动到弹簧秤的托盘上； • 释放时停止拖动，当物体1被准确放在托盘上则弹簧秤会计算重量1，否则不
计算重量1；
• 物体2、物体3、物体4、物体5、物体6情况相同；
• 称重结果：总重量=重量1+重量2+重量3+重量4+重量5+重量6；
• 弹簧秤初始刻度为0，每次增加物体重量，指针顺时针旋转，反之每次减少物 体重量，则指针反时针旋转；当指针刻度与重量相符则不旋转。
•
if (f>重量) {
•
prevFrame();
•
}
•
if (f<重量) {
•
nextFrame();
•
}
• };
应用补间动画实现旋转，不同帧 代表不同旋转角度
35
按钮脚本
• on (press) {
•
startDrag("物体1");
•}
• on (release) {
•
stopDrag();
• if (r<g) {
•
r = 指针._rotation;
•
•
if (r<0) {/当角度大于180时，实际数值为负
数
•
r += 5; if (r>350) {r = 350;}
•
r = 360n = r;
•
}
•
}
•
重量 = 重量1+重量2+重量3+重量4+重量5+
重量6;
• };
•
g = 重量*3;//每单位重量旋转3度
应用旋转属性实现旋转效果
38
小结
• 拖动对象用按钮，位置判断用影片； • 按钮按下可拖动，按钮释放可停止； • 碰撞语句有讲究，影片名字在前面； • 碰撞结果真与假，变量赋值各不同； • 判断变量大或小，影片向前或向后； • 函数括号有参数，可用变量替换之； • 变量对应属性值，各种变化随你意； • 对象要想回原位，预先记下坐标值。
返回落入目标的实例名称，例如“影片2” • 与hitTest的区别
hitTest在影片接触到另一对象时返回结果true，未 接触时返回结果false
33
方法1主要步骤
• 制作表盘和指针旋转动画 • 制作影片剪辑给出实例名代表托盘 • 制作按钮给出实例名代表物体，用脚本助手添加startDrag
与stopDrag实现拖动与停止 • 手工添加碰撞检测脚本，实现拖动位置的判断 • 手工添加脚本实现变量定义与计算 • 手工添加脚本实现播放控制
– 利用旋转属性_rotation，直接改变指针旋转角度
31
关键函数和语句
• 拖动： startDrag("对象")
• 停止拖动：
• 当前帧、 _currentframe
stopDrag()
• 前一帧
• 碰撞检测 影片.hitTest(对象)
• 条件语句
prevFrame() • 下一帧
if (条件成立) {动作1} else {动作
对应的关键帧，移动按钮到对应交互点
24
9.对按钮图层不需要交互的帧，插入 空白关键帧
25
10.测试影片观察交互效果
26
11.必要时可添加操作提示和干扰交 互按钮
操作完成 请大家自行练习
27
拖动交互应用示例
——弹簧秤模拟
28
模拟情景
• 假设有物体若干，分别为物体1、物体2、物体3、物体4、物体5、物体6; • 其重量分别为重量1、重量2、重量3、重量4、重量5、重量6；
37
帧脚本
• 重量1 = 0; • 重量2 = 0; • 重量3 = 0;
• if (r>g) {
•
r -= 5;
• 重量4 = 0;
•
if (r<5) {r = 0;}
• 重量5 = 0; • 重量6 = 0; • stop();
•
指针._rotation = r;
•
}
• 指针.onEnterFrame = function() {
微课视频
引导交互
直观
视频演示
现场演示
学习者 特点
经验缺乏
经验丰富
4
信息资源建设的趋势
课件
形式
智能课
交互课
件
微课视
件
网页课
频
件
时间
过去
目前
未来
5
• 音频处理 • 找规律 • 弹簧秤
案例展示
6
软件操作类交互示例
7
工作1：软件操作录屏
——以Camtasia Studio为例
8
1.设置录屏隐藏光标
– nextFrame()
2} • 重复执行
• 旋转角度
onEnterFrame = function() { 动作 }
_rotation
注：对象和影片均指舞台上
元件的实例名称
32
与hitTest相似的函数
• eval(影片1._droptarget); • //当影片剪辑“影片1”落入另一影片剪辑范围内，
29
问题思考
• 如何将物体拖动或不拖动？
– 拖动startDrag与停止拖动stopDrag
• 如何判断物体是否放在托盘上？
– 影片碰撞检测函数hitTest
30
问题思考
• 物体重量如何反映在弹簧秤的指示刻度上?
– 利用goto，先制作旋转动画，不同帧上的指针旋转角度 不同，转到不同的帧就会指到不同刻度
9
2.设置录屏帧频
帧频：每秒5帧左右
10
3.进行录屏
11
4.导入媒体并添加到时间轴
12
5.生成swf文件
13
5.生成swf文件
•选择MP4/FLV/SWF— Flash输出 •在下一步进行参数选择， 目的是输出帧频较低的 flash文件，以方便添加交 互
14
5.生成swf文件
15
工作2:添加交互
•
if (托盘.hitTest(物体1)) {
•
重量1 = 30;
•
p = 1;
•
} else {
•
p = 0;
•
重量1 = 0;
•
}
•}
• 这里只给出一个按钮的脚 本，其他的按钮脚本基本 相同，只是示例名称和重 量变量有所不同。
36
方法2主要步骤
• 在方法1基础上，删除第1帧后面的其他 • 给出指针元件的实例名 • 修改帧脚本，按钮脚本保持不变