【基于Flash的《两位数加减两位数》习题课件的系统设计与开发】
时间：2019-01-25 03:40:14 来源：雅意学习网 本文已影响 人 
摘 要:本文详细阐述了如何利用Flash软件图文并茂及编程技术的优势,设计开发了界面友好、便于操作的《两位数加减两位数》习题课件,使学生对“两位数加减两位数”有更深一步的认识。通过举一反三的练习,达到提高学生学习兴趣,提高教学效率的目的。
关键词:Flash两位数 习题课件 系统设计 开发
“两位数加减两位数”是小学二年级数学的重要教学内容之一,它是学生进一步学习整数加法的基础,是学生必须掌握的基础知识。小学二年级的学生活泼好动,对新鲜事物充满好奇心和浓厚的兴趣,富有探究的精神,学习具有极高的积极性和主动性。充分考虑二年级小学生的特征,发挥Flash软件集成性强、交互性好、文件小等优势,设计和开发了《两位数加减两位数》习题课件。小学生集中注意力的时间一般只能维持15～20分钟,因此,教师在讲完“两位数加减两位数”这个知识点后,可以运用本课件中的“加法练习”或者“减法练习”来吸引学生的注意力,充分调动学生的积极性,巩固和强化所学知识点,提高学生计算的正确率和熟练度。同时,教师可以通过运用本课件考察学生对知识点的掌握程度,便于调整教学进度、教学方法等,提高教学效果。
一、课件的总体结构
习题课件就像是一本同步练习册,由封面,简介,目录,习题,参考答案和封底等几部分构成。《两位数加减两位数》习题课件主要包括课件封面,课件简介,课件内容,反馈以及课件封底等几大模块。课件简介模块主要包括课件的名称,制作信息以及使用说明等内容,课件内容由加法练习和减法练习两部分构成,是本课件的精华,学生提交运算结果之后,系统会自动给予反馈。《两位数加减两位数》习题课件的总体结构如图1所示。
二、课件封面的设计
一个多媒体课件即使构思精巧、内容完善、结构合理、素材丰富,但如果封面设计不当,课件的使用效果将大打折扣。Flash软件集文字、图片、声音、动画等多种表现形式于一体,具有强大的动画表现能力和交互特性。《两位数加减两位数》习题课件的封面设计充分发挥Flash软件的动画优势,运用其补间动画以及遮罩等效果来吸引学生的注意力,激发学习兴趣,调动学生的积极性,提高课件的使用效率。
三、学习界面的设计
学习界面是课件传递信息的窗口,也是学生与课件之间交互的媒介,学生通过学习界面向计算机输入信息进行控制、查询和操纵;课件则通过学习界面向学生提供信息以供阅读、分析、判断。充满动画气息、操作灵活的学习界面容易吸引学生的注意力,有助于其对知识点的理解和记忆,从而提高教学效率。
《两位数加减两位数》习题课件所传递的信息有交互控制类信息和教学内容信息两类,控制类信息的表达方式由按钮、图标等来实现,学生通过使用按钮、图标等实现对课件的控制操作,如提交、退出等。教学信息表达方式有文本、图形、图像、动画,主要用来呈现课件操作说明、提交答案的正误反馈等,如图2所示。这些构成了课件学习界面的组成要素,对学习界面的设计就是对这些要素的设计。
1.按钮的设计
《两位数加减两位数》习题课件的交互特性主要体现在按钮元件上,包括说明、加法、减法、提交、换题、返回等几个按钮。点击“说明”按钮,将呈现课件的操作说明,点击加法和减法按钮将进入两位数加减两位数的随机习题,输入结果后,点击“提交”按钮,将出现相应的反馈,点击“换题”按钮,将出现新的题目,点击“返回”按钮,将回到课件的主界面。
以加法按钮为例来介绍《两位数加减两位数》习题课件中按钮元件的制作,在“插入”菜单下选择“新建元件”,新建一个按钮元件,命名为“加法按钮”,进入按钮元件的编辑状态,选择文件/导入/导入到舞台,把在Photoshop软件中处理好的背景透明的按钮图片导入到舞台,使其相对于舞台居中。新建图层2,命名为“文字”图层,输入“加法”,将其颜色设置为黑色,在“指针经过”帧插入关键帧,将文字颜色改为红色,把“按下”帧转换为空白关键帧,“点击”帧的内容与“弹起”帧的内容相同。至此,一个加法按钮元件就制作完成。其他按钮的制作方法相同,这里不再赘述。
2.动画的设计
无论在“加法”还是“减法”习题主界面,提交计算结果之后,都会出现相应的提示,这个提示由一个名为“正误反馈”的影片剪辑来实现。这个影片剪辑一共有4帧内容,第1帧内容为空,第2帧是没输入任何内容的提示,第3帧是输入结果错误的提示,第4帧是输入结果正确的提示,图3为该影片剪辑第4帧的内容。2,3,4帧中都分别嵌套着一个影片剪辑元件,以第4帧为例,它嵌套一个名为“正确”的影片剪辑元件,该影片剪辑元件由文字和动画两个图层构成,动画图层用来实现动态效果,吸引学生的注意力,激发学生的学习兴趣,调动学习的积极性。
3.文本的设计
Flash中文本工具包括静态文本、动态文本和输入文本三个不同的类型,《两位数加减两位数》习题课件充分利用了这三种类型的文本。其中,横式和竖式的呈现都是由动态文本来实现的,结果的输入则是由输入文本来实现的,以加法为例,阐述文本的设计过程。
在新建的“加法”图层中,选择“文本工具”,在舞台的适当位置创建一个动态文本对象,在“属性面板”中对其进行字体、颜色、大小的设置,并将其变量参数设置为“i”,便于后续的调用。复制该动态文本,粘贴到合适的位置,将其变量参数改为“j”。
这两个动态文本框是用来显示习题中加数与被加数的,它们的值是随机生成的,并且控制在“10～99”的范围之内,通过构建和调用plus()函数,实现加数和被加数的随机显示。
function plus() {
a = Math.floor(10+89*Math.random());
b = Math.floor(10+89*Math.random());
i = a;
j = b;
}
在竖式下方有个输入结果的区域,该区域是使用输入文本来实现的。在舞台的合适位置创建一个输入文本框,在“属性”面板中设置 “字体”“大小”“颜色”“对齐方式”等,变量参数设置为“s”。
四、交互的设计
《两位数加减两位数》习题课件遵循友好性、灵活性、明确性、功能性、一致性的人机交互原则。单击学习主界面的各个按钮,都将有相应的交互响应,各个按钮的交互设计如下:
1.加法功能的设计
当点击“加法”按钮的时候,要跳转到加法习题的主页面,加法按钮的代码设置如下:
on (release) {
s = "";
my_mc.gotoAndStop(1);
gotoAndStop("sc2", 2);
plus();
}
2.减法功能的设计
当点击“减法”按钮的时候,要跳转到减法习题的主页面,减法按钮的代码设置如下:
on (press) {
s = "";
my_mc.gotoAndStop(1);
gotoAndStop("sc2", 3);
minus();
}
3.提交功能的设计
在加法习题的主页面中,输入结果之后点击提交按钮,如果输入的结果正确将出现如图1所示的界面。提交按钮所赋予的代码如下:
on (press) {
tijiao = "yes";
if (s == i+j) {
my_mc.gotoAndStop(4);
} else if (ss.text == "" || ss.text == " " || ss.text == "" || ss.text == " ") {
my_mc.gotoAndStop(2);
} else {
my_mc.gotoAndStop(3);
my_mc.t = i+j;
}
}
4.换题功能的设计
在加法习题的主页面中,点击换题按钮,将出现新的加数和被加数,并呈现当前的题数、答对的数目以及答错的数目,实现换题效果的代码如下:
on (press) {
my_mc.gotoAndStop(1);
if (s == i+j and tijiao == "yes") {
zongshu = zongshu+1;
zuodui = zuodui+1;
} else if (tijiao == "yes") {
zongshu = zongshu+1;
zuocuo = zuocuo+1;
}
tijiao = "no";
plusreset();
}
5.退出功能的设计
点击退出按钮,将退出整个课件,实现退出功能的脚本如下:
on (press) {
fscommand("quit", "");
}
五、结束语
《两位数加减两位数》习题课件可以充分激发学生学习的兴趣,调动学生的积极性,提高学习成绩,同时,可以帮助教师考察学生掌握知识点的程度,便于调整教学进度和教学方法,促进教学效率的提高。
参考文献
[1]蔡朝晖.Flash ActionScript互动编程技术与实例[M].北京:人民邮电出版社,2007
[2]许亚平.图像艺术家Photoshop.中央美术学院电脑美术范例教材系列,2003
[3]张小真.多媒体与网络课件[M].四川:西南师范大学出版社,2005
