【正文】 學(xué)習(xí)目標(biāo) 1. 了解多媒體教學(xué)軟件中交互的概念與作用 2. 熟悉多媒體教學(xué)軟件中常用的人機(jī)交互方式 3. 熟悉 Authorware軟件中提供 11種交互控制的功能與屬性 4. 掌握應(yīng)用 Ahthorware軟件設(shè)計(jì)交互控制的一般方法 5. 掌握多媒體教學(xué)軟件交互控制的設(shè)計(jì)技巧 第 5章 多媒體教學(xué)軟件的交互功能設(shè)計(jì) 交互功能在教學(xué)軟件中的作用 第五章 多媒體教學(xué)軟件的交互功能設(shè)計(jì) 交互功能 1. 人機(jī)交互與多媒體人機(jī)交互技術(shù) 人機(jī)交互 （ HCI， 即 Human Computer Interaction） ， 是研究人與計(jì)算機(jī)之間交互關(guān)系的科學(xué) 。 多媒體人機(jī)交互技術(shù)是多媒體技術(shù)和人機(jī)交互技術(shù)的結(jié)合 ， 信息表示的多樣化和如何通過多種輸入輸出設(shè)備與計(jì)算機(jī)進(jìn)行交互是多媒體人機(jī)交互技術(shù)的重要內(nèi)容 。 多媒體人機(jī)交互是基于視線跟蹤 、 語音識(shí)別 、 手勢(shì)輸入 、 感覺反饋等新的交互技術(shù) 。 交互功能在教學(xué)軟件中的作用 第五章 多媒體教學(xué)軟件的交互功能設(shè)計(jì) 交互功能 2. 交互功能在多媒體教學(xué)軟件開發(fā)中的地位和作用 在多媒體教學(xué)軟件中 ， 通過音頻 （ Audio） 、 文本 （ Text） 、圖像 （ Image） 、 動(dòng)畫 （ Animation） 、 視頻 （ Video） 等多種媒體產(chǎn)生豐富多彩的人機(jī)交互方式 ， 對(duì)于教學(xué)過程的優(yōu)化具有重要意義 。它能夠有效地激發(fā)學(xué)生的學(xué)習(xí)興趣 ， 從而形成積極的學(xué)習(xí)動(dòng)機(jī) ， 啟發(fā)學(xué)生思維 。 多媒體計(jì)算機(jī)不僅成為教學(xué)的重要手段和方法 ， 而且成為改變傳統(tǒng)教學(xué)模式乃至整個(gè)教學(xué)思想的重要?jiǎng)恿?。 交互功能在教學(xué)軟件中的作用 第五章 多媒體教學(xué)軟件的交互功能設(shè)計(jì) 交互功能 （ 1） 按照交互事件觸發(fā)的方式劃分 ① 響應(yīng)鍵盤輸入的交互 a. 以單鍵敲擊為觸發(fā)方式的交互 b. 以內(nèi)容輸入為觸發(fā)方式的交互 ② 響應(yīng)鼠標(biāo)操作的交互 a. 以鼠標(biāo)點(diǎn)擊為觸發(fā)方式的交互 b. 以鼠標(biāo) （ 光標(biāo) ） 位置變化為觸發(fā)方式的交互 c. 以鼠標(biāo)拖拽為觸發(fā)方式的交互 交互功能在教學(xué)軟件中的作用 第五章 多媒體教學(xué)軟件的交互功能設(shè)計(jì) 交互功能 ③ 以某一條件的滿足為觸發(fā)方式的交互 ④ 響應(yīng)其他外接設(shè)備輸入的交互 （ 2） 按照交互完成的任務(wù)劃分 ① 完成導(dǎo)航任務(wù)的交互 ② 完成教學(xué)信息傳達(dá)任務(wù)的交互 ③ 完成測(cè)試與訓(xùn)練任務(wù)的交互 （ 3） 按照用戶角色 （ 以誰為中心 ） 的原則劃分 ① 以計(jì)算機(jī) （ 軟件 、 設(shè)計(jì)者 、 教育者 ） 為中心的交互設(shè)計(jì) ② 以用戶 （ 學(xué)習(xí)者 ） 為中心的交互設(shè)計(jì) 群組圖標(biāo)的概念 第五章 多媒體教學(xué)軟件的交互功能設(shè)計(jì) 交互功能 將兩個(gè)或以兩個(gè)以上邏輯關(guān)聯(lián)的設(shè)計(jì)圖標(biāo)組合為一個(gè)新的設(shè)計(jì)圖標(biāo) ， 而被組合設(shè)計(jì)圖標(biāo)的原有屬性及其相互之間的邏輯結(jié)構(gòu)不改變 ， 我們稱這個(gè)新的設(shè)計(jì)圖標(biāo)為 [Map](群組 )設(shè)計(jì)圖標(biāo) ， 簡(jiǎn)稱為群組圖標(biāo) 。 1． 群組圖標(biāo)的功能 群組圖標(biāo)把一組邏輯上相關(guān)聯(lián)的設(shè)計(jì)圖標(biāo)集合為一個(gè)組 ， 這樣避免了因?yàn)樵O(shè)計(jì)圖標(biāo)增多所帶來的大量占用設(shè)計(jì)窗口有限空間的困難現(xiàn)象 ， 并且使程序設(shè)計(jì)實(shí)現(xiàn)了結(jié)構(gòu)化 、 模塊化 ， 從而使程序結(jié)構(gòu)更加清晰 ， 可讀性增強(qiáng) ， 進(jìn)一步方便了程序的編輯制作 。 群組圖標(biāo)的概念 第五章 多媒體教學(xué)軟件的交互功能設(shè)計(jì) 交互功能 2． 群組圖標(biāo)的使用方法 （ 1） 創(chuàng)建群組圖標(biāo) 在流程線上創(chuàng)建一個(gè)群組圖標(biāo)有兩種方法： ① 從設(shè)計(jì)圖標(biāo)面板中拖曳一個(gè)群組圖標(biāo)到程序流程線上 。 ② 選擇流程線上相鄰的若干設(shè)計(jì)圖標(biāo) ， 然后使用 Group (群組 )菜單命令 。 （ 2） 解組 — 撤消群組 對(duì)已有群組圖標(biāo)進(jìn)行解組 (撤消群組 )時(shí) ， 可以單擊并選中該群組圖標(biāo) ， 然后選擇菜單 Modify /Ungroup(撤消群組 )菜單命令 ，即可解組 (撤消群組 )。 群組圖標(biāo)的概念 第五章 多媒體教學(xué)軟件的交互功能設(shè)計(jì) 交互功能 3． 群組圖標(biāo)的屬性設(shè)置對(duì)話框 群組圖標(biāo)屬性設(shè)置對(duì)話框如下圖所示 ， 它沒有可以設(shè)置的選項(xiàng) 。 （ 1） 對(duì)話框的左部為圖標(biāo)內(nèi)容預(yù)覽框 ， 在群組圖標(biāo)環(huán)境下 ， 該預(yù)覽框?yàn)榭?。 群組圖標(biāo)的概念 第五章 多媒體教學(xué)軟件的交互功能設(shè)計(jì) 交互功能 （ 2） 圖標(biāo)信息顯示區(qū) 。 該區(qū)域顯示當(dāng)前群組圖標(biāo)的整體文件信息 。ID:即為 ID標(biāo)號(hào) 。Size:(大小 )表示該群組圖標(biāo)的文件大小 ， 單位為字節(jié) 。Mod:(修改 )表示該群組圖標(biāo)創(chuàng)建或最近一次修改的時(shí)間 。 No(沒有被調(diào)用 )表示當(dāng)前 [Map](群組 )圖標(biāo)是否被其它程序調(diào)用 。 （ 3） Open(打開 )按鈕 。 單擊此按鈕 ， 可以打開當(dāng)前群組圖標(biāo)下一級(jí)設(shè)計(jì)窗口 。 （ 4） Level Title(級(jí)別標(biāo)題 )區(qū) 。 該區(qū)域顯示當(dāng)前群組圖標(biāo)所在程序文件一級(jí)設(shè)計(jì)窗口 ， 以及群組圖標(biāo)當(dāng)前所在設(shè)計(jì)窗口的層數(shù) 。 交互結(jié)構(gòu)的創(chuàng)建 第五章 多媒體教學(xué)軟件的交互功能設(shè)計(jì) 交互功能 在進(jìn)行教學(xué)軟件交互設(shè)計(jì)的過程中 ， 需要考慮三個(gè)要素：教學(xué)設(shè)計(jì) 、 界面設(shè)計(jì) 、 程序設(shè)計(jì) 。 Authorware實(shí)現(xiàn)交互設(shè)計(jì)的分支結(jié)構(gòu) 使用 Authorware軟件實(shí)現(xiàn)交互功能 ， 需要在流程線上引入交互圖標(biāo) ， 交互圖標(biāo)具有安排交互界面 、 組織交互方式及控制交互作用 、反饋交互結(jié)果的功能 。 單獨(dú)使用交互圖標(biāo)不能完成交互程序設(shè)計(jì) ，交互圖標(biāo)需要與響應(yīng)圖標(biāo)構(gòu)成交互程序分支結(jié)構(gòu) ， 交互圖標(biāo)是整個(gè)交互程序分支的入口 ， 各個(gè)響應(yīng)圖標(biāo)通過響應(yīng)類型順次依附在交互圖標(biāo)尖頭所指的右側(cè) 。 交互結(jié)構(gòu)的創(chuàng)建 第五章 多媒體教學(xué)軟件的交互功能設(shè)計(jì) 交互功能 Authorware實(shí)現(xiàn)交互設(shè)計(jì)的步驟與要素 （ 1） 確定交互邏輯 ， 完成前導(dǎo)程序設(shè)計(jì) ， 引入交互圖標(biāo) （ 2） 設(shè)計(jì)觸發(fā)方式 （ 響應(yīng)類型 ） （ 3） 確定反饋信息 （ 響應(yīng)圖標(biāo) ） （ 4） 編輯流程分支 （ 響應(yīng)分支 ） （ 5） 設(shè)置狀態(tài)跟蹤 （ 響應(yīng)狀態(tài) ） 交互圖標(biāo)的屬性設(shè)置 第五章 多媒體教學(xué)軟件的交互功能設(shè)計(jì) 交互功能 1． 打開 Properties:Interaction Icons（ 交互圖標(biāo)屬性面板 ） （ 1） 選中交互圖標(biāo)后 ， 選擇菜單 Modify（ 修改 ） /Icon（ 圖標(biāo) ）/Properties（ 屬性 ） 菜單命令； （ 2） 選中交互圖標(biāo)后 ， 選擇菜單 Window（ 窗口 ） /Panels（ 面板組 ） /Properties（ 屬性 ） 菜單命令； （ 3） 用鼠標(biāo)雙擊交互圖標(biāo)； （ 4） 若當(dāng)前已打開文件或某圖標(biāo)的屬性設(shè)置面板 ， 則只需單擊交互圖標(biāo)即可 。 在交互圖標(biāo)屬性面板中交互圖標(biāo)名稱欄 、 內(nèi)容預(yù)覽器 、 文本輸入框樣式按鈕 、 打開命令按鈕 、 幫助按鈕和 4個(gè)功能選項(xiàng)卡 。 交互圖標(biāo)的屬性設(shè)置 第五章 多媒體教學(xué)軟件的交互功能設(shè)計(jì) 交互功能 2． Interaction（ 交互 ） 選項(xiàng)卡 用于設(shè)置與交互作用有關(guān)的選項(xiàng) ， 如下圖所示 。 （ 1） Erase（ 擦除方式選擇 ） 下拉菜單 。 （ 2） Erase（ 擦除 ） 效果設(shè)置 （ 3） Options（ 選項(xiàng) ） 屬性設(shè)置 交互圖標(biāo)的屬性設(shè)置 第五章 多媒體教學(xué)軟件的交互功能設(shè)計(jì) 交互功能 3． Display（ 顯示 ） 選項(xiàng)卡和 Layout（ 設(shè)計(jì) ） 選項(xiàng)卡的設(shè)置與顯示圖標(biāo)屬性設(shè)置內(nèi)容相同 。 4． CMI（ 計(jì)算機(jī)管理教學(xué) ） 選項(xiàng)卡 提供了應(yīng)用于計(jì)算機(jī)管理系統(tǒng)教學(xué)方面的屬性 ， 如下圖所示 。 交互圖標(biāo)的屬性設(shè)置 第五章 多媒體教學(xué)軟件的交互功能設(shè)計(jì) 交互功能 （ 1） Knowledge（ 知識(shí) ） 跟蹤 （ 若使用該選項(xiàng) ， 必須在文件屬性面板的 CMI屬性設(shè)置面板中 ， 選擇知識(shí)跟蹤選項(xiàng) ， 如下圖所示 。 ） （ 2） Interaction ID（ 交互地址 ） 標(biāo)識(shí)號(hào) （ 3） Objective ID（ 對(duì)象地址 ） 標(biāo)識(shí)號(hào) （ 4） Weight（ 重要性 ） （ 5） Type（ 類型 ） 按鈕交互的特點(diǎn) 第五章 多媒體教學(xué)軟件的交互功能設(shè)計(jì) 按鈕交互功能 Button（ 按鈕 ） 交互是指在屏幕窗口上設(shè)置一個(gè)按鈕 ， 用戶用鼠標(biāo)點(diǎn)擊按鈕 ， 可觸發(fā)對(duì)應(yīng)的人機(jī)交互響應(yīng) 。 在設(shè)計(jì)界面化的軟件時(shí) ， 使用按鈕交互形象直觀 、 使用方便 ， 不易出現(xiàn)歧義 ， 讓用戶一目了然 ， 可以直觀 、 實(shí)時(shí) 、 多樣化的實(shí)現(xiàn)人機(jī)交互功能 ， 大多數(shù)多媒體教育教學(xué)軟件作品設(shè)計(jì)時(shí)都要會(huì)使用 Button（ 按鈕 ） 交互 。 使用按鈕交互時(shí)需要考慮按鈕設(shè)計(jì)與背景風(fēng)格設(shè)計(jì)的一致性 ， 以免破壞軟件界面的整體美感 。 在 Authorware中 ， 所有的按鈕交互都是矩形區(qū)域 。 按鈕交互的屬性設(shè)置 第五章 多媒體教學(xué)軟件的交互功能設(shè)計(jì) 按鈕交互功能 1． 打開 Properties: Response（ 響應(yīng)屬性 ） 面板窗口有兩種方法 。 （ 1） 使用鼠標(biāo)雙擊響應(yīng)類型標(biāo)志 ， 或在打開其他圖標(biāo)屬性設(shè)置面板時(shí) ， 用鼠標(biāo)單擊目標(biāo)響應(yīng)類型標(biāo)志即可 。 （ 2） 選中響應(yīng)圖標(biāo)后選擇菜單 Modify（ 修改 ） /Icon（ 圖標(biāo) ）/Response（ 響應(yīng) ） 菜單命令 （ 快捷鍵為 Ctrl+E） 即可 。 其他交互的屬性面板窗口打開方式與按鈕交互相同 。 按鈕交互的屬性設(shè)置 第五章 多媒體教學(xué)軟件的交互功能設(shè)計(jì) 按鈕交互功能 2． Properties: Response（ 響應(yīng)屬性 ） 面板窗口簡(jiǎn)介 該窗口如下圖所示 。 （ 1） 按鈕樣式預(yù)覽窗口 ， 用于預(yù)覽按鈕的樣式效果 。 （ 2） Buttons（ 按鈕庫 ） 按鈕 ， 用于打開 Buttons按鈕庫 ， 可以選用或編輯 Authorware內(nèi)部的按鈕樣式 ， 也可以打開 Buttons Editor（ 按鈕編輯器 ） 窗口導(dǎo)入編輯自定義按鈕 。 1 2 3 4 5 6 7 按鈕交互的屬性設(shè)置 第五章 多媒體教學(xué)軟件的交互功能設(shè)計(jì) 按鈕交互功能 （ 3） 分支響應(yīng)圖標(biāo)顯示框 ， 用于顯示當(dāng)前分支響應(yīng)圖標(biāo)標(biāo)志 。 （ 4） Open（ 打開 ） 按鈕 。 單擊此命令按鈕 ， 會(huì)打開當(dāng)前交互分支中的響應(yīng)圖標(biāo) ， 保存當(dāng)前的交互屬性設(shè)置 ， 并關(guān)閉響應(yīng)屬性設(shè)置面板窗口 。 （ 5） 響應(yīng)圖標(biāo)名稱文本框 ， 用于顯示 、 修改或重新命名響應(yīng)圖標(biāo)的名稱 。 默認(rèn)名稱為 “