使用多種交互技術設計簡易測試系統的研究

摘 要 依據測試系統的流程，從測試用戶成功登錄、進行測試到計算測試成績等幾個環節進行了討論，并使用按鈕交互、熱區域交互、按鍵交互、文本輸入交互等交互技術設計了四道經典測試題，以闡明在多媒體課件制作中使用交互技術來設計測試系統的方法與技巧。

關鍵詞 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.