王 瑾,丁永尚
(苏州工业职业技术学院 文化与艺术系,江苏 苏州 215104)
基于Flash技术的交互式测试系统的设计
王 瑾,丁永尚
(苏州工业职业技术学院 文化与艺术系,江苏 苏州 215104)
枯燥单调普通模式的测试系统题型已经不能满足教学的需求,具备交互作用和仿真效果的能通过人机交互体现教学动态的测试系统的开发势在必行.基于Flash技术的交互式测试系统,使用Action Script语言通过模拟开发界面的实际操作,巩固和强化学生对知识点的掌握,有助于检测学习效果、增强学习兴趣、提高学习效率.
Flash;Action Script;人机交互;测试系统题型
Abstract:The general pattern of the test system format,because it is too dull to meet the needs of teaching,and thus the interaction and simulation results through the imperative of human-computer interaction reflects the teaching dynamic test system development.Flash technology-based interactive test system using Action Script language to simulate the actual operation of the interface development can consolidate and strengthen the students'mastery of knowledge points,help to detect learning effect and enhance interest in learning to improve learning efficiency.
Key words:Flash;Action Script;human-computer interaction;question types of test system
针对“软件专业课程数字化资源建设及学生研究性学习能力培养研究”课题内容,以《C#程序设计》课程的测试系统为例,在设计题型时可以涉及到诸如控件拖放、属性修改(包括输入修改、通过下拉框修改两种形式)、代码填写、编辑对话框等常见类型的题目,在使用Flash实现这些测试题型时,针对不同的题型需要使用到不同的解决方法,诸如影片剪辑的拖放、输入文本的匹配、下拉框内容的响应、影片剪辑的可视化操作等方法的实现.具体针对这五种常见题型提出解决方案,部分题型的题目界面如图1所示.
图1 题目界面
各类题型在实现框架上都需要包括题目内容、答题过程、结果反馈这三个部分,题目内容和结果反馈根据不同题目内容自行设置图文以及个人的设计需求制定反馈效果,其中题目内容和答题过程放置在第1帧,错误结果反馈放置在第2帧,正确结果反馈放置在第3帧,具体的表现形式在这里就不再展开,从五个部分着重讨论不同题型的答题过程的实现.
1)建立元件.把所有能够进行拖动的控件小图片分别转换为按钮元件,在按钮元件的基础上继续各自转换为影片剪辑元件,并对影片剪辑元件的实例进行有规律的命名,如“no1、no2”等.复制所有实例,修改实例名称为“noo1、noo2”等,设置Alpha属性为0,并将它们放置于原来实例位置的下层.
2)设置目标区域.复制正确答案的元件实例至目标区域,对实例进行重命名,如“nooo3”.双击进入,将其内部的按钮元件在库中进行复制,并在实例中将按钮元件替换为新的元件,对其执行打散操作,即在目标区域放置一个内部仅包含一层控件图片的影片剪辑实例,并设置其Alpha属性为0.
3)在“提交按钮”上添加代码,当拖动正确的影片剪辑元件时,反馈正确结果:
1)建立输入文本框.在需要输入文本的地方都建立字体格式合适的输入文本框,仅在正确答案的位置将输入文本框的实例名称设置为“input”.
2)在“提交按钮”上添加代码,当输入内容与正确答案匹配时,反馈正确结果:
1)创建下拉框组件.以题目需要满足数个下拉框中某两个的取值同时是“False”为例说明:打开“组件”面板,在页面合适区域拖入 ComboBox组件,在组件参数面板中设置 data值为“1,2”,labels值为“True,False”,对所有拖入的下拉框组件实例进行命名,将其中正确操作所对应的下拉框组件实例命名为“mycombobox1”和“mycombobox2”.
2)在“提交按钮”上添加代码,当两个下拉框取值同时为“False”时,反馈正确结果:
1)建立输入文本框.在需要填写代码的地方建立字体格式合适的输入文本框,并将输入文本框的实例名称设置为“input”.
2)在“提交按钮”上添加代码,将输入内容清除空格和转义字符,如果与正确答案匹配,反馈正确结果:
1)设置对话框.弹出对话框在Flash中的处理方法可以通过影片剪辑的可视性属性(_visible)的编辑来打开和关闭,在对话框的内容输入部分添加多行输入文本框,设置实例名为“txt”,同时选中“txt”实例和对话框图片,将它们一起转换为影片剪辑元件,并定义实例名为“dialog”.
2)在打开对话框和关闭对话框的按钮上添加代码:
3)在“提交按钮”上添加代码,将输入内容清除空格和转义字符,如果与正确答案匹配,反馈正确结果:
总结了几种题型的答题过程的基本实现,根据不同的情况需要对相关部分进行一定的修改,另外测试结果反馈与后台数据库的对话因篇幅限制不再详细展开.通过完成这几种类型的题目,学生能够更熟练地掌握控件使用、属性设置、代码修改、对话框设置等常见功能,与简单的选择或填空题型相比,效果更好,学生也更乐于接受.当然,系统在开发过程中可能还存在一些不足之处,有待进一步研究与完善.
[1]庄文杰,李莎,芦姗.基于Flash的课件交互功能的设计[J].软件导刊:教育技术,2009(4):81-82.
[2]方艳,刘永福.应用Flash动作脚本语言制作多媒体测试课件[J].广西轻工业,2007(1):87-90.
[3]庄文杰,李莎,芦姗.基于Flash的课件交互功能的设计[J].软件导刊:教育技术,2009(4):81-82.
(责任编辑:李 华)
Design on Flash Based the Question Types of Interactive Test System
WANG Jin,DING Yong-shang
(Department of Culture and Art,Suzhou Institute of Industrial Technology,Suzhou 215104,China)
TP37
A
1008-5475(2012)02-0059-03
2012-03-15;
2012-04-01
江苏省现代教育技术研究资助项目(2011-R-19062)
王 瑾(1981—),女,江苏泰州人,讲师,主要从事Web前端设计、动画制作研究.