ＩＳＳＮ １００９－３０４４ Ｅ—ｍａｉｌ：ｅｄｕｆ＠ｄｎｚｓ．ｎｅｔ．ＣＩＩ Ｃｏｍｐｕ￣ｒＫｎｏｗ￣ｅｄｇｅａｎｄＴｅｃｈｎｏｌｏｇｙ电脑知识与技术 ｈｔｔｐ：／／ｗｗｗ．ｄｎｚｓ．ｎｅｔ．ｃｎ Ｖｏ１．９，Ｎｏ．２８，Ｏｃｔｏｂｅｒ ２０１３． Ｔｅｌ：＋８６—５５１—６５６９０９６３ ６５６９０９６４ 互动式多媒体课件的交互性设计与实现 王金涛 ，吴大ｊ｝ （湖南科技学院，湖南永州４２５１００） 摘要：当前，中小学教师自己制作的多媒体课件虽然数量很多，但是大多数质量不高；特别是课件中的交互形式较少、设计 得不够科学合理。文章阐述了多媒体课件交互性设计的相关理论，并在理论指导下制作了一个互动式多媒体课件，通过 实例阐述了教学内容、学习情境、交互控制知教学媒体的整合与实现。 关键词：多媒体课件；交互控制；学习情境 中图分类号：ＴＰ３７ 文献标识码：Ａ 文章编号：１００９—３０４４（２０１３）２８—６４１７—０４ Ｔｈｅ Ｄｅｓｉｇｎ ａｎｄ Ｉｍｐｌｅｍｅｎｔａｔｉｏｎ ｏｆ Ｉｎｔｅｒａｃｔｉｖｉｔｙ ｏｆ Ｉｎｔｅｒａｃｔｉｖｅ Ｍｕｌｔｉｍｅｄｉａ Ｃｏｕｒｓｅｗａｒｅ ＷＡＮＧ Ｊｉｎ—ｔａｏ，ｗｕ Ｄａ—ｆｅｉ ． 【Ｄｅｐａ￣ｍｅｎｔ ｏｆ Ｉｎｆｏｒｍａｔｉｏｎ Ｔｅｃｈｎｏｌｏｇｙ ａｎｄ Ｅｄｕｃａｔｉｏｎ，Ｈｕｎａｎ Ｕｎｉｖｅｒｓｉｔｙ ｏｆ Ｓｃｉｅｎｃｅ Ａｎｄ Ｅｎｇｉｎｅｅｒｉｎｇ，Ｙｏｎｇｚｈｏｕ，Ｈｕｎａｎ， ４２５１００，Ｃｈｉｎａ） Ａｂｓｔｒａｃｔ：Ａｔ Ｐｒｅｓｅｎｔ，ｔｈｅ ｔｅａｃｈｅｒｓ ｉｎ ｐｒｉｍａｒｙ ａｎｄ ｓｅｃｏｎｄａｒｙ ｓｃｈｏｏｌ ｍａｋｅ １ｏｒｓ ｏｆ ｔｈｅｉｒ ｏｗｎ ｍｕｌｔｉｍｅｄｉａ ｃｏｕｒｓｅｗａｒｅ．ｂｕｔ ｍｏｓｔ ｏｆ ｔｈｅ ｔｈｅｍ ｄｏｎ’ｔ ｈａｖｅ ｈｉｇｈ ｑｕａｌｉｔｙ．Ｅｓｐｅｃｉａｌｌｙ ｔｈｅ ｉｎｔｅｒａｃｔｉｖｅ ｆｏｒｍ ｏｆ ｃｏｕｒｓｅｗａｒｅ ｉｓ ｌｅｓｓ ａｎｄ ｔｈｅ ｄｅｓｉｇｎ ｉｓ ｎｏｔ ｓｃｉｅｎｔｉｉｆｃ ａｎｄ ｒａｔｉｏ— ｎａ１．Ｔｈｅ ａｒｔｉｃｌｅ ｅｘｐｌａｉｎｓ ｔｈｅ ｔｈｅｏｒｙ ｏｆ ｔｈｅ ｉｎｔｅｒａｃｔｉｖｅ ｄｅｓｉｇｎ ｏｆ ｍｕｌｔｉｍｅｄｉａ ｃｏｕｒｓｅｗａｒｅ，ａｎｄ ｍａｋｅ ａｎ ｉｎｔｅｒａｃｔｉｖｅ ｍｕｌｔｉｍｅｄｉａ ｃｏｕｒｓｅｗａｒｅ ｕｎｄｅｒ ｔｈｅ ｔｈｅｏｒｅｔｉｃａｌ ｇｕｉｄａｎｃｅ ｏｆ ｔｈｅ ｔｈｅｏｒｉｅｓ．Ｉｔ ｃｌａｒｉｆｉｅｄ ｔｈｅ ｔｅａｃｈｉｎｇ ｃｏｎｔｅｎｔｓ，ｌｅａｒｎｉｎｇ ｓｃｅｎａｒｉｏｓ，ｉｎｔｅｒａｃｔｉｖｅ ｃｏｎ— ｔｒｏｌ ａｎｄ ｔｈｅ ｉｎｔｅｇｒａｔｉｏｎ ｏｆ ｉｎｓｔｒｕｃｔｉｏｎａｌ ｍｅｄｉａ． Ｋｅｙ ｗｏｒｄｓ：ｍｕｌｔｉｍｅｄｉａ ｃｏｕｒｓｅｗａｒｅ；ｉｎｔｅｒａｃｔｉｖｅ ｃｏｎｔｒｏｌ；ｌｅａｒｎｉｎｇ ｓｉｔｕａｔｉｏｎ １概述 １．１互动式多媒体课件的定义 互动式多媒体课件是在普通课件基础上增加了互动功能，具有较强的交互性。互动式多媒体课件除了可以呈现图片、声音、 动画和影片等多种媒体信息，学习者甚至可以通过传感器、数据手套等相关设备和交互技术来实现听觉，触觉和嗅觉等全新体验。 互动式多媒体课件具有和学习者之间信息传递的双向性，课件可以向学习者输出信息、也可以接收学习者输入的命令和数 据，并做出相应处理。 １．２互动式多媒体课件的优点 １）交互形式多样，交互功能强大： 有不少多媒体课件主要以图片、文字和超链接为主，交互形式比较单一枯燥，调动不起学习者的学习兴趣。而互动式多媒体 课件中的交互形式有很多种，如菜单响应、热区响应、文本输入响应和按键响应等１０多种，能够实现较强的交互功能，带给学习者 不一样的学习体验，激发起学习的积极性。 ， ２）内容富有趣味性： 互动式多媒体课件通过交互技术把学习内容和动画及游戏有机结合在一起，创设出符合学习者认知特点的学习情境，使学习 富有趣味性，从而提高学习者的学习效果。例如，拼图游戏中的拖放功能利用了目标区响应的交互形式，打苹果记单词游戏中利 用了按键响应交互。 ３）导航性较强，适合自主学习： 互动式多媒体课件通过菜单交互或按钮交互等方式，可以使课件的结构条理清晰，导航性较强。这样有利于教师教学，灵活 调整教学内容；学习者也可以在课外时间利用课件进行学习、自主安排学习内容；从而既能发挥教师主导作用，又能充分体现学习 收稿日期：２０１３—０８—１５ 基金项目：２０１１年湖南省大学生研究性学习和创新性实验计划课题 作者简介：王金涛（１９８９一），男，湖南永顺县人，湖南科技学院教育技术学专业本科在读；吴大非（１９７５一），男，湖南永州人，讲师，硕 士，研究方向为计算机应用技术，网络教育应用。 本栏目责任编辑：唐一东 多媒体技术及其应用 ６４１７ Ｃｏｍｐｕ￣ｒ Ｋｎｏｗｌｅｄｇｅ ａｎｄ Ｔｅｃｈｎｏｌｏｇｙ电脑知识与技术 者主体地位。 第９卷第２８期（２０１３年１０月） ２互动式多媒体课件的交互性设计 互动式多媒体课件在进行交互性设计时，必须体现出教学互动的规律和特征，要以教学性与实用性为重，这直接关系到课件 的质量。目前制作多媒体课件的主流工具软件是Ｍａｃｒｏｍｅｄｉａ公司的ｎａｓｈ和ａｕｔｈｏｒｗａｒｅ，在制作多媒体课件时可以提供的交互控制 形式主要有按钮响应，热区响应和菜单响应等１１种形式，下面对主要的交互形式就其适应场合和如何设计进行简要阐述： ２．１下拉式菜单响应 菜单响应一般用于实现课件中的导航交互功能，通过点击菜单中的菜单项就可以进入课件的相应模块进行学习。在设计时 菜单时，子菜单的级数不要太多（一般为二级子菜单），另外要设置好菜单项的单击事件代码，以实现相关交互功能。 ２．２热对象响应 热对象响应是指对课件中的某个对象（比如文本框、图像）整体设置交互。它与普通对象的区别就是可以对用户的操作做出 交互反应。例如：用鼠标单击声音图标，就播放音乐；用鼠标单击图片对象，图片就放大等。 ２．３热区响应 热区响应，就是在目标对象（比如图像、图形）中设置一些规划或不规则的区域，当用鼠标点击该区域会触发交互响应并执行 相关内容。这种交互方式一般在地理，生物和医学类课件中应用较多，例如：在学习中国地形地貌内容时，将鼠标移动到或者点击 某个省所在区域，就能显示该省的详细信息。 ２．４目标区响应 目标区响应简单地说就是将特定对象拖动到指定目标区域松开后，能够实现相应的交互。这种交互形式主要应用于教育游 戏中，例如：计算机模拟组装、拼图游戏、象棋游戏等。 ２．５按钮响应 按钮响应是多媒体课件中最基本的交互形式，通过鼠标单击各个按钮可以触发不同的响应，从而实现用户和课件之间的交 互。在设计时，要根据功能需要，编写好按钮单击事件的程序或脚本代码。按钮响应交互的应用很广，例如要转到』二一页或者下 一页、播放视频或音频，都可以通过按钮响应来实现。 ２．６条件响应 所谓条件响应，是指在课件运行时根据设置的条件是否满足，从而进行相应地交互功能。用户需要事先编写好程序代码，这 种交互形式主要用于判断学习者的一些行为。例如：在做测试题时，对用户的输入的回答进行判断，统计得分等。 ２．７文本输入响应 该交互方式是指提供一个文本输入区域，学习者通过键盘输入数据，程序根据输入做出相关处理。例如：在做填空题时，用于 输入学习者的答题内容。 ２．８按键响应 按键响应不同于文本输入响应，它只能对键盘上的单个键或组合键做出交互响应。例如：在设计打老鼠游戏时，按下字母Ｄ 键，就可实现放下一个老鼠夹。在设计五子棋游戏时，使用一、一、ｆ、ｌ方向键控制棋子在棋盘中移动。 ２．９时间限制响应 时间限制响应通常和其他交互类型配合使用，主要用于实现计时与限时功能。例如：在做测试题时，用于考试计时，时间用完 后触发程序执行交卷操作。 除了以上几种基本交互形式外，如果在课件中要实现更加复杂和强大的交互功能，比如要实现学习者之间、师生之间进行在 线或离线交流和答疑功能，则需要网络支持，采用ｗｅｂ技术和数据库技术实现。 ３互动式多媒体课件的交互性的实现 下面以笔者设计开发的一个小学四年级英语互动式多媒体课件“Ｕｎｉｔ ９Ｔｈｉｓｉｓ ｏｕｒｆｉａｔ”为例，该课件主要是用ｆｌａｓｈ软件设计制 作的，下面对该课件的开发过程进行详细阐述。 ３．１课件的系统设计 、 整个课件由八个内容模块组成，分别是ＰａｒｔＡ Ｌｅｔ’Ｓ ｌｉｓｔｅｎ ａｎｄ ｓａｙ；ＰａｒｔＢ Ｌｅｔ’Ｓ ｌｅａｒｎ；ＰａｒｔＣ Ｌｅｔ’Ｓ ａｅｔ；ＰａｒｔＤ Ｌｅｔ’Ｓ ｒｅａｄ；ＰａｒｔＥ Ｌｅｔ’Ｓ ｌｉｓｔｅｎ．ｒｅａｄ ａｎｄｗｒｉｔｅ；ＰａｒｔＦ Ｌｅｔ’ｓ ｈａｖｅｆｕｎ；ＰａｒｔＧ练习和游戏；课程资源库。课件导航页面如图１所示：界面简洁美观，各模块采用热 对象交互方式，鼠标移动到模块文字上会变大并发出声音，吸引学习者的注意力，通过点击模块文字即可进入相应的模块内容进 行学习。 ３．２课件中交互功能的实现 由于课件中的模块较多，而且每个模块都设计有交互功能，因此下面主要以“ＰａｒｔＢ Ｌｅｔ’ｓ ｌｅａｒｎ”和“ＰａｒｔＧ练习与游戏”模块为 ６４１８…多媒体技术及其应用 ＊ 本栏目责任编辑：唐一东 Ｃｏｍｐｕ￣ｒ Ｋｎｏｗｌｅｄｇｅ ａｎｄ Ｔｅｃｈｎｏｌｏｇｙ电脑知识与技术 第９卷第２８期（２０１３年１０月） 功能主要通过按钮响应、条件响应和时间限制响应来实现。在制作时，首先设计好模块界面，对答题对错的判断采用ＡｃｔｉｏｎＳｃｒｉｐｔ 脚本实现。课后练习部分核心代码如下： ４结束语 论文着重阐述互动式多媒体课件的交互性设计和开发技术，随着教育信息化的发展，互动式多媒体课件将广泛应用于学校的 课堂教学之中和学习者课外进行自学。另外虚拟现实技术、人工智能技术的不断发展将会促进多媒体课件的情景化和高度智能 化，同时也对课件的设计与开发者提出了更高理论和技术要求。 参考文献： 【１１梁瑞仪．Ｆｌａｓｈ多媒体课件制作教程【Ｍ１．北京：清华大学出版社，２０１０． 【２】何克抗，吴娟．信息技术与课程整合［Ｍ１．北京：高等教育出版社，２００７． 【３】王以宁．教学媒体理论与实践［Ｍ］．北京：高等教育出版社，２００７． ［４】刘成新，王焕景等．网络教育应用［Ｍ】．北京：电子工业出版社，２００８． ［５］刘伟伟．互动式多媒体课件的设计与应用研究［Ｄ］．山东师范大学，２００８． ［６］王东．互动技术教学应用研究【Ｄ］．华东师范大学，２０１０． ［７］张剑平．现代教育技术——理论与应用［Ｍ］．北京：高等教育出版社，２００６． 【８］Ｇａｒｙ Ｒｏｓｅｎｚｗｅｉｇ．ＡｃｔｉｏｎＳｃｒｉｐｔ ３．０ Ｇａｍｅ Ｐｒｏｇｒａｍｍｉｎｇ Ｕｎｉｖｅｒｓｉｔｙ［Ｍ］．Ｑｕｅ Ｃｏｒｐｏｒａｔｉｏｎ，Ｕ．Ｓ．，２０１ １． 『９］袁海东．Ａｕｔｈｏｒｗａｒｅ７．０教程［Ｍ］．北京：电子工业出版社，２００３． ［１０】王春生．浅论交互式多媒体教学课件的设计［Ｊ］．重庆科技学院学报：社会科学版，２０１ １（６）． （上接第６４１６页） ３）访问方便，交互性强。 ４）学生端操作简单，系统使用方便。 ４总结 传统远程教育模式已经无法适应目前社会的要求，采用新的模式是未来必然趋势，结合Ｗｅｂ页面技术、．ＮＥＴ开发平台、多媒体 技术、流媒体技术的远程教育将为该领域注入了新的生机。 参考文献： 【１】李德刚．标准化实时远程教学系统的设计与实现［Ｊ］．计算机技术与发展，２００６（９）． ［２］任佳．基于ｗｅｂ的智能化远程教学系统研究［Ｊ］．现代远距离教育，２００６． ［３】李松，钟垣．Ｆｌａｓｈ数据库动态开发专业教程【Ｍ】．清华大学出版社，２００４． ６４２０ 多媒体技术及其应用 本栏目责任编辑：唐一东