目標區(qū)交互設計實驗報告

1、目標區(qū)交互設計實驗報告一、實驗目的：通過試驗學習和掌握如何使用交互圖標來創(chuàng)建交互結構，讓學生親自動手設 計目標區(qū)交互的實驗，從而對交互有一個更深層次的認識和了解。二、實驗要求：1、創(chuàng)建交互效果，通過與其他圖標配合使用共同來完成交互效果，并構建相關 的交互結構；2、一個交互響應結構至少應具有一個響應分支；3、交互圖標本身具有顯示功能；4、如果要使一個交互圖標在程序中始終起作用，可將其設置成永久性交互；5、所有圖標都可以成為響應圖標，但當拖放框架圖標、交互圖標或判斷圖標到 交互圖標右側時，它們將自動轉變成群組圖標，此時應將框架圖標、交互圖標和 判斷圖標重新放置在群組圖標流程線上即可；6、實驗運行結

2、果應表現(xiàn)為：若拖動目標對象到為其設定的特殊區(qū)域，則對象應 在區(qū)域中心位置鎖定；若拖動對象到其特殊區(qū)域外任意位置，對象應反映為返回 全原位置；7、總之，利用目標區(qū)交互設計一個作品，將若干對象拖到指定的位置（例如： 小動物回家），要求當圖片被拖到正確的位置時，圖片會有正確的響應，而當圖 片被拖到其他位置時，圖片會有錯誤的響應，從而達到動態(tài)的效果。三、實驗步驟：1、啟動Authorware7.0應用程序，新建一個文件；2、從圖標工具欄中拖放三個顯示圖標到流程線上，更改圖標名稱為“帥哥來啦！” “金嘆”，“英道”，雙擊第一個顯示圖標，在彈出來的工作區(qū)域內(nèi)畫出相應的目標區(qū)域，并標明對應的名字，截圖如下：

3、文件3金嘆3K Y X Y 文件3金嘆3K Y X Y 嘆嘆道道 金金英英口口。s 3、單擊第一個圖標的右鍵，在彈出的計算對話框內(nèi)寫入代碼Novable“帥哥來 啦！” ：=FALSE；4、分別打開“金嘆”和“英道”的演示窗口，并通過“文件” | “導入和導出” | “導入媒體”命令，在演示窗口中導入所需的已準備好的圖片（必要時可以改變 圖片的比例）；雄淀示窗口兇|文件 囹漣示窗口 囹漣示窗口 文件5、從工具欄的圖標欄中拖放一個交互圖標并命名為交互，并添加對應的四個顯 示圖標（或者是從中拖放一個群組），分別命名為“金嘆X”、“金嘆Y”、“英 道X”、“英道Y”，然后分別在對應的交互圖標右邊的四

4、個顯示圖標的演示窗 口里寫入對應的正確和錯誤的提示信息，分別為“精彩極了！ ”和“糟糕透了 ！”；團演示窗口n演示窗口文件文件昌精彩極了！ |昌蜓透了！6、單擊交互中的第一個顯示圖標的響應類型符號，在彈出的交互圖標屬性對話 框中進行設置，在響應屬性下的狀態(tài)應設置為正確響應，目標對象為“金嘆”， 放下為在中心定位，相應的在第二個顯示圖標的響應類型符號彈出的對話框中， 在響應屬性下的狀態(tài)為錯誤響應，目標對象為“金嘆”，放下設置為返回。而在 在“英道”的顯示圖標的交互處，選中在其屬性里分別調(diào)試對應的正確相應以及 錯誤相應，并選中對應的目標圖像，“英道X”和“英道Y”對應目標是交互圖標上方添加的“英道

5、”的圖片，并在其正確和錯誤的交匯處雙擊打開對應的導入 的圖標，并將其正確的位置調(diào)整為在一個顯示圖標中確定的對應位置框，錯誤的 位置調(diào)整為整個演示窗口，以及在屬性中響應的狀態(tài)改為相應的“正確響應”和“錯誤響應”，目標區(qū)放下框中選用響應的對應為“在中心定位”和“返回”并且在交互區(qū)里的顯示圖標表示正確響應的計算內(nèi)寫為Novable”顯示圖標名”:=false。如圖所示：回英Six| = | 回德Zl 2?1可世住崢I(yè)N圜鋼或I由司國0）1僉悄IWcvabl 3? 2aK,R: = FfiLSE|1:23 插入代碼:000箱程語言:Authoirwg 1:23 插入7、分別將各個交互圖標屬性中的目標對

6、象的圖片與之前對應導入的對象圖片一致；8、雙擊交互圖標，調(diào)整各個目標對象的位置；9、上述步驟完成后，點擊運行按鈕，即可完成目標區(qū)交互的設計；四、實驗結果與分析：在完成上述實驗操作后，點擊運行按鈕則會出現(xiàn)如下現(xiàn)象和結果：1、在交互對象“金嘆”和“英道”的下方，出現(xiàn)了之前為它們設定的交互區(qū)域;2、其實，為這兩個對象設置的目標區(qū)域就相當于是他們的“家”當拖動它們的 圖片到對應的目標區(qū)域時，他們的的圖片就會在中心位置鎖定，并顯示之前設置的相關語句；若拖動圖片到達了與該對象圖片之前設定好的目標區(qū)域不對應的任 何位置，則圖片會自動返回，并有相應的錯誤提示；五、實驗心得：此次試驗操作，我不僅了解到了更多關于多媒體技術的知識和技能，更明白 了“紙上得來終覺淺，