不編程制作交互式填空題課件

馬震安

1.界面設(shè)計(jì)

打開(kāi)Articulate Storyline 3，新建一個(gè)項(xiàng)目。在“故事視圖”狀態(tài)，雙擊“無(wú)標(biāo)題幻燈片”進(jìn)入編輯窗口。在空白處右擊，選擇“設(shè)置背景格式”，在彈出的窗口設(shè)置好所需要的背景：切換到“設(shè)計(jì)”選項(xiàng)卡，點(diǎn)擊“文章大小”，在彈出的窗口中根據(jù)需要設(shè)置好幻燈片的大小。切換到“插入”選項(xiàng)卡，點(diǎn)擊“圖片→來(lái)自文件的圖片”，插入所需要的插圖，再利用形狀、文本框等插入裝飾性的元素及必要的文字說(shuō)明;接下來(lái)，依次點(diǎn)擊“輸入→數(shù)據(jù)條目→文本輸入字段”，在幻燈片的合適位置畫(huà)出輸入框，選中這個(gè)輸入框，設(shè)置好它的邊框、填充色、字體及字號(hào)等。當(dāng)在幻燈片中插入元素時(shí)，就會(huì)在時(shí)間軸上顯示相應(yīng)的元素名稱及內(nèi)容。為了將這些輸入文本框區(qū)分開(kāi)，可以在元素相應(yīng)的時(shí)間軸上雙擊，更改它們的名稱，如可以將第1個(gè)輸入文本框的名稱更改為“sz1”，將第2個(gè)輸入文本框的名稱更改為“sz2”，以此類推。再插入一個(gè)按鈕，設(shè)置好它的圖標(biāo)及文字等。這樣，交互式填空題幻燈片的界面就設(shè)計(jì)完成了（圖2）。

2.添加交互顯示

在右側(cè)“幻燈片層”處，點(diǎn)擊“新建層”，雙擊新建的這個(gè)層的名稱，將其更改為“正確”，并在這個(gè)圖層中利用形狀中的圖形或其他圖片等，設(shè)計(jì)好正確時(shí)所需要顯示的界面。再新建一個(gè)圖層，將其名稱更改為“錯(cuò)誤”，同樣為這個(gè)圖層設(shè)計(jì)好錯(cuò)誤時(shí)所需要顯示的界面（圖3）。

在本例的交互中，涉及到“正確”答案的情況，可能會(huì)有“6乘3加2”、“3乘6加2”或“3乘4加8”等情況，為此需要全面考慮各種可能進(jìn)行設(shè)計(jì)，才能不漏掉所有的正確答案，做到更完美。下面以“正確”交互中的前兩種情況為例介紹。

切換到“基礎(chǔ)層”，選定“完成”按鈕，新增觸發(fā)器，在彈出窗口的操作處選擇“顯示圖層”，圖層處選擇“正確”，時(shí)間處選擇“用戶單擊”，對(duì)象處選擇“按鈕1”，點(diǎn)擊“顯示條件”;點(diǎn)擊“+”，在彈出的窗口選擇“變量”，如果處選擇“文本輸入題”（即sz1），運(yùn)算符處選擇“==等于”，類型處選擇“值”，值處輸入“6”（這個(gè)數(shù)字為圖片每行的數(shù)量）;再點(diǎn)擊“+”，在彈出窗口的“和/或”處選擇“AND”，列表處選擇“變量”，如果處選擇“文本輸入題1”（即sz2），運(yùn)算符處選擇“==等于”，類型處選擇“值”，值處輸入“3”（即圖片的數(shù)）;再點(diǎn)擊“+”，在彈出窗口的“和/或”處選擇“AND”，列表處選擇“變量”，如果處選擇“文本輸入題2”（即sz3），運(yùn)算符處選擇“==等于”，類型處選擇“值”，值處輸入“2”（即不滿足成行的圖片數(shù)）;再點(diǎn)擊“+”，在彈出窗口的“和/或”處選擇“AND”，列表處選擇“變量”，如果處選擇“文本輸入題3”（即sz4），運(yùn)算符處選擇“==等于”，類型處選擇“值”，值處輸入“20”（即算式的計(jì)算結(jié)果）。這樣，有關(guān)“正確”的第一種情況就表達(dá)完成了。

接下來(lái)設(shè)置“正確”的第二種交互情況。新增觸發(fā)器，在彈出窗口的操作處選擇“顯示圖層”，圖層處選擇“正確”，時(shí)間處選擇“用戶單擊”，對(duì)象處選擇“按鈕1”，點(diǎn)擊“顯示條件”;點(diǎn)擊“+”，在彈出的窗口選擇“變量”，如果處選擇“文本輸入題”（即sz1），運(yùn)算符處選擇“==等于”，類型處選擇“值”，值處輸入“3”（這個(gè)數(shù)字為圖片每行的數(shù)量）;再點(diǎn)擊“+”，在彈出窗口的“和/或”處選擇“AND”，列表處選擇“變量”，如果處選擇“文本輸入題1”（即sz2），運(yùn)算符處選擇“==等于”，類型處選擇“值”，值處輸入“6”（即圖片的數(shù)）;再點(diǎn)擊“+”，在彈出窗口的“和/或”處選擇“AND”，列表處選擇“變量”，如果處選擇“文本輸入題2”（即sz3），運(yùn)算符處選擇“==等于”，類型處選擇“值”;值處輸入“2”（即不滿足成行的圖片數(shù)）;再點(diǎn)擊“+”，在彈出窗口的“和/或”處選擇“AND”，列表處選擇“變量”，如果處選擇“文本輸入題3”（即sz4），運(yùn)算符處選擇“==等于”，類型處選擇“值”，值處輸入“20”（即算式的計(jì)算結(jié)果）。這樣，第二種交互情況的表達(dá)就完成了。如果還有其他情況，可依此類推（圖4）。

同樣道理，“錯(cuò)誤”提示的顯示設(shè)置與這個(gè)類似。如新增觸發(fā)器，在彈出窗口的操作處選擇“顯示圖層”，圖層處選擇“錯(cuò)誤”，時(shí)間處選擇“用戶單擊”，對(duì)象處選擇“按鈕1”，點(diǎn)擊“顯示條件”;點(diǎn)擊“+”，在彈出的窗口選擇“變量”，如果處選擇“文本輸入題3”（即sz4），運(yùn)算符處選擇“！=不等于”，類型處選擇“值”，值處輸入“20”。這樣，當(dāng)計(jì)算結(jié)果不等于“20”時(shí)，則顯示錯(cuò)誤提示。如果還有其他情況，依此類推（圖5）。

3.作品發(fā)布

點(diǎn)擊“播放器”按鈕，在彈出窗口的功能選項(xiàng)卡中，將資源、菜單之類的勾選全部去掉。最后，點(diǎn)擊“發(fā)布”按鈕，在彈出的窗口選擇VVeb選項(xiàng)卡，輸入標(biāo)題，設(shè)置好發(fā)布文件夾，發(fā)布就可以了。