使用多种交互技术设计简易测试系统的研究

摘 要 依据测试系统的流程，从测试用户成功登录、进行测试到计算测试成绩等几个环节进行了讨论，并使用按钮交互、热区域交互、按键交互、文本输入交互等交互技术设计了四道经典测试题，以阐明在多媒体课件制作中使用交互技术来设计测试系统的方法与技巧。

关键词 authorware 交互技术 测试系统 课件制作

中图分类号：TB472 文献标识码：A

作为教师，我们在教学过程中经常会遇到考试或测试的问题。为解决这一问题，我们可以使用目前应用最为广泛、功能最为强大的多媒体制作工具Authorware来设计测试系统。但我们很多人对Authorware还掌握不够，甚至还没有掌握。鉴于此，在本文中，笔者结合多年的教学实践和多媒体课件制作经验，探讨了采用典型案例和多种交互技术来设计简易测试系统的方法与技巧，并力求突出课件的交互性和实用性。

在本测试系统中要求测试用户首先进行登录验证，成功登录者才能进入设计好的四道单项选择题进行测试，每题均有测试题目和答案选项，用户按提示选择相应的答案进行答题，一道题答完之后，系统会依次顺序显示出下一题供用户答题，测试完成后，计算出本次测试的总成绩，在系统的最后会出现“重新测试”和“退出测试”两个按钮供用户选择，用户通过选择可以进行多次测试或者是退出测试。

1使用文本输入交互设计登录验证程序

在Authorware中，允许用户在演示窗口定义一个文本输入区输入文本，当输入的文本与预先设定的文本一致时，程序执行相应的响应分支。出于安全的考虑，在本系统中利用文本输入交互的这一特点来设计用户登录验证程序，要求用户在使用系统前输入用户名和密码，如果登录成功，则可进入测试系统，如果登录失败，则给予三次尝试机会，超过三次程序强行退出，用户无权使用本系统。

（1）新建一个程序文件，设置背景色为浅红色并以“简易测试系统”为文件名进行保存。

（2）拖一个交互图标到流程线上，命名为“用户名”，再拖一个计算图标到其右侧，命名为“*”，建立文本输入交互的第一个分支。

（3）双击打开交互图标输入文本并进行系统登录界面布局，其中最后两行完成后如图1所示。再双击计算图标上方的交互响应类型符号，打开其属性面板，将“响应”选项卡中的“分支”设为“退出交互”。

（4）双击打开计算图标，在其编辑窗口中输入如下内容。

name：=EntryText ——name用来保存从键盘输入的用户名即系统变量EntryText的值

k：=0 ——用来保存用户从键盘输入密码的次数，初值设为0

（5）双击“用户名”交互图标，打开其演示窗口，利用工具栏添加相应的文本和方框，并调整方框与文本输入虚线框重合，如图1所示。双击文本输入虚线框，弹出“属性：交互作用文本字段”对话框，设置文本字段的版面布局、交互作用以及文本显示时的字体、大小、风格和颜色等，完成后如图1所示。

（6）单击选中“用户名”交互图标，打开其属性面板，选择“交互作用”选项卡，在“擦除”下拉列表中选择“不擦除”选项。

（7）构建“密码”验证程序。在主流程线上添加第2个交互图标，命名为“密码”。再拖一个群组图标到该交互图标的右侧，命名为“12345”，建立文本输入交互的第一分支即密码输入正确分支，再拖一个计算图标作为交互图标的第二分支即密码输入错误分支，命名为“*”。然后双击两分支上方的交互响应类型符号，在打开的属性面板“响应”选项卡中将“分支”设为“退出交互”。最后在计算图标编辑窗口中输入如下代码，以限定密码输入次数为3次，3次输入错误即退出本程序。

if k<2 then

k：=k+1

GoTo（IconID@"密码"）

else

Quit（）

end if

（8）双击交互图标，在打开的演示窗口中输入文本：“提示：您还有{3-k}次机会。”，并对文本进行大小、位置、颜色等相关设置。

（9）拖一个计算图标到主流程线上，命名为“擦除以前的内容”，然后打开其编辑窗口，输入：EraseAll（）。

（10）使用判断图标设计测试题的整体框架。拖一个判断图标到主流程线上，命名为“测试题”。在其右侧拖入四个群组图标，分别命名为“第一题”、“第二题”、“第三题”、“第四题”。然后双击“测试题”判断图标，打开其属性面板，设置“重复”选项为“所有的路径”，“分支”选项为“顺序分支路径”，完成后本系统程序流程图如图2所示。

2使用按钮交互设计选择题

使用按钮交互，用户通过单击按钮或按快捷键后，程序立即激活人机交互响应，使程序转入相应的交互分支执行。利用这一特性，我们设计选择题，让用户在三个答案选项中单击鼠标进行测试。

（1）选择并打开图2所示的判断图标的第一个分支进入层2。

（2）设计第一道测试题。拖一个显示图标到流程线上，命名为“测试题1”，然后双击打开输入第一题的题目及答案选项，并进行格式和位置的調整，完成后如图3所示。

（3）构建交互结构。拖一个交互图标到流程线上，命名为“选择答案”。分别拖放三个群组图标到交互图标的右侧，建立按钮交互的三个响应分支，分别命名为“A”、“B”和“C”，以作为选择题的三个答案选项。

（4）设置各分支的属性。双击各分支群组图标上方的交互响应类型符号，在打开的属性面板中将按钮样式设为单选按钮样式，在“响应”选项卡中将“范围”设为“永久”，“擦除”设为“不擦除”，“分支”设为“返回”，“状态”设为“错误响应”（第二分支设为“正确响应”）。

（5）调整按钮。双击打开“选择答案”交互图标，在演示窗口中选中“OA”控件，调整大小直到看不见按钮提示只保留图标O，再把O图标拖到答案“.to live”的前面。同理调整“OB”和“OC”控件，完成后效果如图4所示。

（6）添加反馈信息。为各分支的群组图标添加一个显示图标，然后将第一、三分支的显示图标命名为“错误响应信息”，打开窗口制作图形“”；将第二分支的显示图标命名为“正确响应信息”，打开窗口制作图形“”。

（7）调整反馈信息位置。多次调试程序，用鼠标拖动反馈信息到合适位置，直到满意为止。

3使用热区域交互设计选择题

在热区域交互中，用户通过单击、双击或将鼠标移入演示窗口指定的任意大小的矩形区域时将激活交互响应，执行相应的交互分支。利用这一特点可以设计选择题，让用户在答题时将鼠标移入答案选项区域，出现手形指针时单击完成答题。

（1）选择并打开图2所示的判断图标的第二个分支进入层2。

（2）与“使用按钮交互设计选择题”的步骤（2）、（3）相同，设计第二道测试题，构建交互结构，添加三个响应分支，但交互类型设为“热区域”交互。

（3）设置各分支的属性。双击各分支群组图标上方的交互响应类型符号，在打开的属性面板“热区域”选项卡中的“匹配”下拉列表中选择“单击”，勾选“匹配时加亮”复选项，设置“鼠标”指针为手形。在“响应”选项卡中将“擦除”设为“不擦除”，“分支”设为“退出交互”，“状态”设为“错误响应”（第一分支设为“正确响应”）。

（4）指定热区域。双击第二道测试题的显示图标，打开其演示窗口，然后再按住Shift键，双击交互图标，打开其演示窗口，用鼠标将三个带有名字的热区域虚线框分别拖到三个答案所在位置，使它们一一对应，并调整好虚线框的大小和位置，完成后如图5所示。

（5）添加反馈信息并调整位置。与“使用按钮交互设计选择题”方法相同，但要将第二、三分支设为“错误响应信息”，第一分支设为“正确响应信息”。

4使用按键交互设计选择题

按键交互就是当程序执行到按键交互结构时停下来，等待用户响应，如果用户按下预先设定的按键时程序执行相应的响应分支。利用这一特点设计选择题，可以让用户通过按下键盘上对应答案选项的字母来答题。

（1）选择并打开图2所示的判断图标的第三个分支进入层2。

（2）与“使用按钮交互设计选择题”的步骤（2）、（3）相同，设计第三道测试题，构建交互结构，添加三个响应分支，但交互类型设为“按键”交互，各分支分别命名为“a|A ”、“b|B”、“c|C”，其中“|”表示和该交互分支匹配的按键是不区分大小写的。

（3）设置各分支的属性。双击各分支群组图标上方的交互响应类型符号，打开属性面板，在“响应”选项卡中将“擦除”设为“不擦除”，“分支”设为“退出交互”，“状态”设为“错误响应”（第一分支设为“正确响应”）。

（4）添加反馈信息并调整位置。与“使用热区域交互设计选择题”方法相同。

5使用文本输入交互设计选择题

使用文本输入交互设计选择题，可以让用户通过键盘输入对应答案选项的字母答题。

（1）选择并打开图2所示的判断图标的第四分支进入层2。

（2）与“使用按钮交互设计选择题”的步骤（2）、（3）相同，设计第四道测试题，构建交互结构，添加三个响应分支，但交互类型设为“文本输入”交互，各分支分别命名为“a|A ”、“b|B”、“c|C”。

（3）设置各分支的属性。双击各分支群组图标上方的交互响应类型符号，打开属性面板，在“响应”选项卡中将“擦除”设为“不擦除”，“分支”设为“退出交互”，“状态”设为“错误响应”（第二分支设为“正确响应”）。

（4）指定文本输入区域。双击第四道测试题的显示图标，打开其演示窗口，然后再按住Shift键，双击交互图标，打开其演示窗口，出现一个“文本区域”的虚线框，双击该虚线框区域打开“属性：交互作用文本字段”对话框进行相关属性设置，调整好虚线框的位置和大小，完成后效果如图6所示。

（5）添加反馈信息并调整位置。与“使用按钮交互设计选择题”方法相同。

6设计计算测试成绩程序和测试系统退出选项

使用前面四种交互技术我们设计了四道测试题，用户答题之后需显示本次测试成绩。如有必要，还可多次测试。

（1）在图2所示的程序文件中，拖一个显示图标到主流程线上，命名为“计算测试成绩”，然后双击该显示图标输入“恭喜{name}同学，本次测试共答对{TotalCorrect}题，答错{TotalWrong}题，最后得分为{PercentCorrect}分。”，并调整文字的字体、大小，使其位于屏幕最下方。图7为完成本系统全部测试的显示效果。

（2）拖一个等待图标到主流程线上，命名为“wait”，在其属性面板中勾选“单击鼠标”，不勾选“显示按钮”。

（3）拖一个计算图标到主流程线上，命名为“全部擦除”，打开其编辑窗口，输入： EraseAll（）。

（4）设计测试系统退出选项。拖一个交互图标到主流程线上，命名为“系统退出选项”，再拖两个计算图标到其右侧，建立按钮交互的两个分支，分别命名为“重新测试”和“退出测试”，并在“重新测试”计算图标编辑窗口中输入：Restart（），在“退出测试”计算图标编辑窗口中输入：Quit（）。

7結束语

我们在教学过程中经常遇到测试问题，只要我们掌握了本文所讨论的方法与技巧，就可以举一反三，设计出符合我们教学需要的测试系统来加强对学生的测试，以检验教学效果。当然，在本文中谈到的相关技术使用方法还有一些，比如使用文本输入交互设计填空题，判断图标也有多种用法，计算测试成绩可以采用系统变量、自定义变量或是它们的组合等，读者可以进行尝试，本文不再赘述。

参考文献

[1] 陈万华，李素若，陈永锋，赖旭.多媒体课件制作案例教程[M].北京：化学工业出版社，2011.

[2] 龚奇夫，李成银，胡秀，陆焱，赵运红.多媒体课件制作教程（Authorware）（第二版）[M].北京：中国铁道出版社，2010.

[3] 刘毅.多媒体技术[M].上海：上海交通大学出版社，2016.