交互课件开发.ppt

交互(互动)课件开发 主讲 黄子谦 华南师范大学教育信息技术学院 2016.9.14 网络资源开发系列课程 教学内容与授课方式 教学内容 理论知识 硬件操作 软件操作 授课方式 现场讲解 √ √ √ 图文教程 √ √ √ 录制视频 √ √ √ 交互课件 √ √ √ 以信息技术课程为例 教学媒体类型与特点 现场演示 视频演示 引导交互 图文解说 文字介绍 直观 抽象 经验缺乏 经验丰富 网页课件 交互课件 微课视频 媒体 特点 学习者 特点 信息资源建设的趋势 网页课件 微课视频 时间 课件 形式 目前 过去 未来 智能课件 交互课件 案例展示 音频处理 弹簧秤 软件操作类交互示例 体验：播放-停止型交互的实现 工作1：软件操作录屏 ——以Camtasia Studio为例 1.设置录屏隐藏光标 2.设置录屏帧频 帧频：每秒5帧左右 3.进行录屏 4.导入媒体并添加到时间轴 5.生成swf文件 5.生成swf文件 选择MP4/FLV/SWF—Flash输出 在下一步进行参数选择，目的是输出帧频较低的flash文件，以方便添加交互 5.生成swf文件 工作2:添加交互 ——以Flash为例 1.创建AS2.0文件 2.导入swf到舞台 3.设置帧频和文档大小 4. 新建图层第1帧添加stop脚本 5.影片中需要停的帧添加关键帧 6.在需要停的帧添加stop脚本 7.新建图层添加半透明按钮到第一个交互点，用脚本助手添加play脚本 8. 浏览每一个需要停止的帧，在按钮图层添加对应的关键帧，移动按钮到对应交互点 9.对按钮图层不需要交互的帧，插入空白关键帧 10.测试影片观察交互效果 11.必要时可添加操作提示和干扰交互按钮 操作完成 请大家自行练习 * 交互的基本原理 用户通过鼠标、键盘等输入设备 让程序改变指定的变量值，或者调用不同的常量 根据条件判断结果来执行特定动作 以实现输出效果的变化 交互的基本原理 示例： onMouseMove = function () { //鼠标移动时 a = _root._ymouse; //读取y坐标 b = _root._xmouse; //读取x坐标 if ((b200) (a80) (a680)) { //判断鼠标位置范围 stop(); //符合条件则停止 } else { //否则 play(); //播放 } }; * 交互方式 输入 输入文本 按键控制 鼠标移动 鼠标点击 鼠标拖动 输出 声音停止 音量 声音开始 坐标 透明度 可见性 按钮允许 颜色 缩放 动态文本 播放 停止 跳转 影片加载 影片复制 变量 变量定义 变量应用 变量跟踪 常量 FLASH交互的实现 1.行为交互 2.脚本交互 3.第三方软件