多模态教学课件制作技术与应用研究

2023-02-15 03:27陈燕红郭斌
创新创业理论研究与实践 2023年1期
关键词:按钮模态界面

陈燕红,郭斌

(新疆农业大学 计算机与信息工程学院,新疆乌鲁木齐 830052)

随着图像处理、动画设计、计算机网络等信息技术在教育领域的广泛应用,多媒体辅助教学已经成为提升学生学习体验、提高教学质量的重要途径[1]。多模态课件作为一种崭新的辅助教学工具,通过有机融合文字、图像、音频、动画等多种媒体,动态、形象地展现课程知识,有效提高知识呈现的趣味性、多样性,更加高效地帮助学生理解课程知识[2],从而有效提升教学效果[3]。

本文在多模态视阈下,综合应用iSpring、Flash、Photoshop和Powerpoint等计算机工具软件,探索制作多模态教学课件的有效方法[4],并以《组网技术》多模态教学课件制作为例,详细介绍课程设计、制作步骤和最终的实现效果,以期能为各级教育工作者的多媒体辅助教学提供借鉴。

1 课件设计

1.1 功能需求

根据《组网技术》多模态课件的教学内容和目标,课件需具备以下功能:

(1)详细介绍组网技术的相关知识,包括传输介质、基本设备、组网方法、综合布线、网络操作系统设置等,帮助用户尽可能全面地掌握组网技术。

(2)生成可执行文件,方便用户快速启动课件。

(3)设置不同的学习模式,使得用户可以根据自己的需要选择适合自己的学习模式[5]。

(4)界面美观、简洁,动画丰富、生动。

1.2 性能需求

《组网技术》多模态课件综合应用iSpring、Flash、Photoshop、Powerpoint等工具软件,需满足以下性能要求:

(1)易于各专业人员使用和维护:课件的界面应美观、简洁,界面上的各类功能按钮直观、便捷[6]。

(2)具有快速的响应速度:用户使用课件时,能获得快速的响应,用户等待的时间很短。

(3)课件内容丰富、功能完备:课件中包含《组网技术》的全部教学内容,并提供多种学习模式,以确保提供良好的用户使用体验[7]。

1.3 结构设计

《组网技术》多模态课件主要由片头动画、主界面、课件动画、交互测试等模块构成,课件体系结构如图1所示:

图1 课件体系结构

(1)片头动画模块包括多个影片剪辑[8],主要完成多模态课件启动后的片头动画的播放。

(2)主界面模块主要用于《组网技术》多模态课件的导航,在主界面选择相应课件,就可以进入对应内容。

(3)课件动画模块主要包括计算机网络概论、局域网基础、网络设备与传输介质等八章内容的教学课件,用户可以任意选择相应内容进行学习。

(4)交互测试模块主要用于用户学习完毕后的自主测验[9],从而对自主学习效果进行评测。

(5)课件介绍模块展示课件主要内容和作者简介。

2 课件实现

《组网技术》多模态课件主要包括片头动画、主界面、课件动画、交互测试、课件介绍等模块,下面进行课件主要模块的实现效果展示。

2.1 主界面

建立名为“main”的flash文档,并选取背景图像,然后制作课件标题。将课件标题设置为按钮元件,当鼠标经过选中标题后,课件的标号变成一段播放的动画。同时,左边的便签中出现该章课件的主要内容,当单击鼠标左键,则进入相关课件。最后创建进入课件介绍和交互测试的按钮[10],按钮的脚本如下:

主界面的最终效果如图2所示:

图2 课件主界面

2.2 课件动画

将制作好的PPT通过iSpring软件转换为“.swf”的格式,根据用户的需要,将课件分别转换成两种播放模式:浏览模式、学习模式。“浏览模式”可以自动播放每章幻灯片以及自定义动画[11]。“学习模式”[12]则需要用户点击鼠标切换每一张幻灯片。之后将制作好的课件动画文件加载进主界面。

在主界面中添加空白关键帧,作为第一个课件的播放场景。在主界面的按钮中写入如下代码:

on (press) {gotoAndPlay(2);}

然后回到第一个课件场景的关键帧,为舞台导入一张处理好的图片作为背景,此图片的播放课件区域已被Photoshop设置为透明样式,然后创建好两种播放模式“浏览模式”和“学习模式”的按钮,并拖入舞台。接下来新建一个名为“kj1”的影片剪辑,一个名为“kc1”的影片剪辑,并拖拽入舞台。“浏览模式”按钮的核心代码如下:

两种模式的课件学习界面如图3所示:

图3 两种模式的课件展示

2.3 交互测试

交互测试模块的实现包括题目、选项、动态文本和交互按钮的制作[13]。当用户阅读完题目后,选择自己认为正确的选项,点击“提交”按钮,就可以查看题目正确与否。为了实现上述效果,需要在“main”的flash文档的第10帧插入关键帧,导入背景图片,再用文本工具插入题目,在“组件”里插入4个“RadioButton”控件,修改“RadioButton”控件的“label”属性为选项的内容。再插入“上一题”“下一题”“提交”“返回”按钮。

“返回”按钮的代码如下:

on (press) {gotoAndPlay(1);}

“返回”按钮用于返回主界面。每一题都按照这样的方法制作,即可实现交互测试模块。

课件的交互测试界面如图4所示:

图4 交互测试界面

3 结语

多模态课件的优势在于其丰富生动的表现力和良好的交互性,可以将抽象的原理通过动画、图像、交互自测等多种方式展现出来,实现有效辅助个性化教学的目标[14],从而在减少教师教学工作量的同时提升教学质量。随着计算机视觉、人工智能等计算机技术的高速发展和广泛应用,多模态课件的制作将会更加智能、形象[15],对教学质量的提高作用也将更加显著。

猜你喜欢
按钮模态界面
当你面前有个按钮
基于BERT-VGG16的多模态情感分析模型
多模态超声监测DBD移植肾的临床应用
跨模态通信理论及关键技术初探
国企党委前置研究的“四个界面”
基于FANUC PICTURE的虚拟轴坐标显示界面开发方法研究
死循环
电子显微打开材料界面世界之门
手机界面中图形符号的发展趋向
内心不能碰的按钮