多媒體課件設(shè)計與制作.ppt

多媒體課件設(shè)計與制作 交互設(shè)計與制作技術(shù) 第一章 多媒體CAI基礎(chǔ) 多媒體基礎(chǔ)知識 課件的評價 課件的制作 理論基礎(chǔ) 課件的設(shè)計 Flasht制作課件 第二章多媒體課件設(shè)計的理論基礎(chǔ) CAI基礎(chǔ) 課件的評價 課件的制作 理論基礎(chǔ) 課件的設(shè)計 Flash制作課件 第三章多媒體課件的設(shè)計 基本概念 課件的評價 課件的制作 理論基礎(chǔ) 課件的設(shè)計 Flash制作課件 交互設(shè)計 導(dǎo)航 超鏈接設(shè)計 界面設(shè)計 結(jié)構(gòu)設(shè)計 封面導(dǎo)言設(shè)計 交互方式的設(shè)計 圖 人機(jī)系統(tǒng) 人機(jī)界面介于用戶與計算機(jī)系統(tǒng)之間 是人與計算機(jī)之間傳遞交換信息的媒介 是人機(jī)聯(lián)系的部分 也是多媒體課件設(shè)計中的重要部分 概念 人機(jī)交互是指人與計算機(jī)之間使用某種對話手段 以一定交互方式 為完成確定任務(wù)而進(jìn)行的人機(jī)之間信息交換的過程 人機(jī)交互系統(tǒng)是由參與交互的各方所組成 包括人和計算機(jī)組成的人機(jī)交互系統(tǒng) 人機(jī)交互方式是指人機(jī)交互信息的組織形式或語言方式 又稱對話方式或交互技術(shù) 交互介質(zhì)是指用戶和計算機(jī)完成人機(jī)交互的媒體 分為 人機(jī)交互系統(tǒng)的輸入和輸出介質(zhì) 輸入鍵盤輸入 傳統(tǒng)方式鼠標(biāo)輸入 圖形用戶界面的重要輸入方式手寫輸入 手寫漢字的識別 平板電腦 語音輸入觸摸屏輸入數(shù)字化儀輸入 適用于CAD CAM系統(tǒng)掃描輸入 條形碼 掃描儀 光電閱讀器三維輸入 數(shù)據(jù)手套 三維鼠標(biāo) 力矩球等視覺輸入 攝像設(shè)備 機(jī)器人的視覺輸出顯示終端輸出 重要工具 聲響輸出 聲波打印輸出 標(biāo)準(zhǔn)輸出設(shè)備之一三維輸出 產(chǎn)生三維輸出的設(shè)備有投影顯示器 頭盔顯示器 電視眼鏡等 人機(jī)交互的特性 友好性用戶操作課件時主觀操作復(fù)雜性越低即系統(tǒng)越容易使用 則說明系統(tǒng)的用戶友好性越好 如在設(shè)計幼兒課件時 兒童的手活動還不是很靈活 難以通過拖動鼠標(biāo)來完成屏幕對象的移動 所以應(yīng)盡量避免拖動鼠標(biāo)來完成屏幕對象的移動 而可多采用單擊鼠標(biāo)左鍵等方法 人機(jī)交互的特性 靈活性系統(tǒng)能用不同的交互方式完成某一特定目標(biāo)系統(tǒng)能完全適應(yīng)各類用戶 偶然型用戶 生疏型用戶 熟練型用戶 專家型用戶 的使用需要 提供滿足各種要求的界面形式 但是不同的界面形式?jīng)Q不會影響系統(tǒng)任務(wù)的完成 用戶可以根據(jù)需要制定或修改交互方式 在需要修改 擴(kuò)充系統(tǒng)功能的情況下 也可提供動態(tài)的交互方式 如修改命令 設(shè)置動態(tài)菜單 系統(tǒng)能按照用戶的希望和需要提供不同詳細(xì)程度的系統(tǒng)響應(yīng)信息 包括反饋信息 提示信息 幫助信息和出錯信息等 人機(jī)交互的特性 功能性指交互系統(tǒng)對每一個用戶命令所能完成的工作量 用戶系統(tǒng)系統(tǒng)提供強(qiáng)有力的命令 同時應(yīng)考慮與用戶的知識和能力相符合 人機(jī)交互的特性 明確性指系統(tǒng)功能和行為對用戶是明確的 清楚的 人機(jī)交互的特性 一致性系統(tǒng)采用一致的方式工作 要求系統(tǒng)工作方式或處理問題的步驟盡可能和人的思維方式一致 系統(tǒng)不同部分及不同系統(tǒng)之間有相似的交互格式和相似的人機(jī)操作方式 一致性的交互系統(tǒng)可幫助用戶把當(dāng)前知識經(jīng)驗推用到新系統(tǒng) 新操作中 減輕用戶重新學(xué)習(xí)和記憶的負(fù)擔(dān) 交互響應(yīng)類型 用Authorware編制課件 可以選擇11種交互響應(yīng)類型 按鈕交互響應(yīng)熱區(qū)交互響應(yīng)熱對象交互響應(yīng)目標(biāo)區(qū)交互響應(yīng)下拉菜單交互響應(yīng) 文本輸入交互響應(yīng)按鍵交互響應(yīng)條件交互響應(yīng)時間限制交互響應(yīng) 事件交互響應(yīng) 用戶使用標(biāo)準(zhǔn)計算機(jī)用具對交互結(jié)點的操作而實現(xiàn)的 使用系統(tǒng) 內(nèi)部 函數(shù) 變量 用戶自定義 外部 函數(shù) 變量 由數(shù)字驅(qū)動 滿足條件觸發(fā)交互響應(yīng) Flash提供強(qiáng)大的ActionScript腳本 用來制作交互式動畫 設(shè)置鏈接 還可以調(diào)用JavaScript程序?qū)崿F(xiàn)交互 1 按鈕交互 按鈕交互是指在屏幕窗口上設(shè)置一個按鈕 用戶用鼠標(biāo)點擊按鈕 可觸發(fā)對應(yīng)的人機(jī)交互響應(yīng) 在設(shè)計界面化的軟件時 使用按鈕交互形象直觀 使用方便 不易出現(xiàn)歧義 讓用戶一目了然 可以直觀 實時 多樣化的實現(xiàn)人機(jī)交互功能 大多數(shù)多媒體教育教學(xué)軟件作品設(shè)計時都要會使用按鈕交互 使用按鈕交互時需要考慮按鈕設(shè)計與背景風(fēng)格設(shè)計的一致性 以免破壞軟件界面的整體美感 本例利用按鈕交互 設(shè)計一個課件播放的界面 實現(xiàn)播放 暫停 繼續(xù) 停止 快進(jìn) 快退等功能的按鈕設(shè)計 本例主要討論按鈕設(shè)計的相關(guān)問題 本例的知識要點主要涉及按鈕交互功能設(shè)計 自定義按鈕的設(shè)計與實現(xiàn) 漢語或英語對話課件 或操作實驗演示課件 為了保證情景對話的連續(xù)性或操作演示的連貫性 在制作時不把每個場景對話或?qū)嶒灢襟E用電影剪輯 MC 元件對象來實現(xiàn) 而是在主動畫中完成整個動畫的效果 MC元件模塊化程序設(shè)計 采用電影剪輯元件對象可以i簡化影片文檔的圖層結(jié)構(gòu) 使交互課件的結(jié)構(gòu)很清晰 課件中的各個模塊內(nèi)容相對獨立的情況下 采用電影元件對象實現(xiàn)各個模塊 這種方法可簡化課件制作 提高制作效率 使課件結(jié)構(gòu)更加清晰 便于維護(hù) 2 熱區(qū)交互響應(yīng) 熱區(qū)交互響應(yīng) 本身并不顯示 熱區(qū)是對背景內(nèi)容 文字 圖形 圖像等 的特定區(qū)域設(shè)置 通過熱區(qū)向軟件用戶描述交互的邏輯意義以便用戶識別 與按鈕類似 熱區(qū)可以調(diào)整改變矩形響應(yīng)區(qū)域的大小 位置 范圍可以超過演示窗口邊緣 此外 不同熱區(qū)交互位置可以重疊 使程序交互設(shè)計更為靈活 熱區(qū)交互可以理解為 點擊 滑過透明矩形區(qū)響應(yīng) 在課件中 熱區(qū)也是一種應(yīng)用廣泛的交互類型 帶熱區(qū)的圖片 帶熱區(qū)的文本 onRollOver function 當(dāng)鼠標(biāo)指針移過按鈕區(qū)域 影片剪輯區(qū)域時調(diào)用 必須定義一個在調(diào)用事件處理函數(shù)時執(zhí)行的函數(shù) 在下面的示例中 為onRollOver處理函數(shù)定義了將trace 語句發(fā)送到 輸出 面板的函數(shù) my btn onRollOver function trace onRollOvercalled my mc onRollOver function trace onRollOvercalled 您可以在時間軸上定義該函數(shù) 也可以在擴(kuò)展MovieClip類或鏈接到庫中的元件的類文件中定義該函數(shù) 簡單的方法 做一個透明按鈕 可點擊區(qū)域設(shè)置為要設(shè)置為熱區(qū)的大小 如五角星要設(shè)置為熱區(qū) 3 熱對象交互 熱對象交互實際上是一種將鼠標(biāo)觸發(fā)區(qū)域定義得更為靈活的 熱區(qū)交互 熱對象交互的鼠標(biāo)觸發(fā)區(qū)域是通過某一圖標(biāo)中顯示內(nèi)容在演示窗口的范圍而定義的 熱對象交互又可稱作 點擊對象響應(yīng) 可以作為熱對象的圖標(biāo)有顯示圖標(biāo) 交互圖標(biāo) 數(shù)字電影圖標(biāo)等 只要是能夠引入可顯示內(nèi)容的圖標(biāo)就可以作為交互的熱對象 相比熱區(qū)交互 熱對象交互具有交互位置可隨圖標(biāo)對象運動 交互區(qū)域形狀沒有矩形限制 交互區(qū)域可以不連續(xù)等優(yōu)點 可以實現(xiàn)熱區(qū) 按鈕交互不能完成的交互效果 本例利用熱對象交互 設(shè)計一個介紹各大洲的教學(xué)軟件 實現(xiàn)用鼠標(biāo)拂過每個大洲的陸地區(qū)域時 顯示該大洲的名稱范圍與文字簡介 利用透明按鈕制作不規(guī)則圖形透明熱對象交互的技巧 按鈕交互能更容易將兩種功能賦予同一按鈕和實現(xiàn)多個按鈕之間的關(guān)聯(lián) 熱區(qū)交互可以重疊使用 可以換背景不換熱區(qū) 更加復(fù)雜的交互則可以使用熱對象實現(xiàn) 這三種交互方式各有特長 在設(shè)計時應(yīng)本著取長補(bǔ)短 簡化設(shè)計 提高效率的原則 靈活運用 菜單交互 讓用戶在一組多個可能對象中進(jìn)行選擇 各種可能的選擇項以菜單項的形式顯示在屏幕上 多選菜單 擴(kuò)展式菜單 彈出式菜單制作技術(shù)請參看網(wǎng)站的視頻資源 樹型菜單 制作技術(shù) 菜單組織少量數(shù)量的選擇項 可以把菜單項按線性系列或圓圈順序排列選擇項多 選擇項對應(yīng)功能本身又是邏輯上的層次結(jié)構(gòu) 可通過分層次來組織安排菜單系統(tǒng) 菜單的層數(shù)稱為菜單系統(tǒng)深度 同一層中菜單項的項數(shù)稱為菜單寬度 菜單可用文本或圖形按鈕方式表示 也可在此基礎(chǔ)上添加動畫或聲音效果 菜單的缺點是交互活動受限制 只能完成預(yù)定的交互功能 在內(nèi)容多的課件中 有時為完成一個簡單的功能必須經(jīng)過幾級菜單的選擇 受屏幕空間的限制 每幅菜單顯示的菜單項數(shù)受限制 功能鍵或按鍵交互 使用功能鍵或鍵盤的各個按鍵可以完成系統(tǒng)相應(yīng)的功能 功能鍵指Insert Delete Enter 等 優(yōu)點 加快操作 減少輸入量 減少出錯率 缺點 不標(biāo)準(zhǔn)或不一致的功能鍵定義會引起記憶和操作上的麻煩 系統(tǒng)功能過多 需要過多的功能鍵 增加了功能鍵數(shù) 也容易引起混淆 音樂課件 學(xué)習(xí)者用鼠標(biāo)單擊相應(yīng)按鍵可發(fā)出該音符的聲音 例 洪恩公司開發(fā)的學(xué)習(xí)軟件 可按 按鍵或打開關(guān)閉背景音樂 觸動型交互 所謂觸動式交互是指在教學(xué)軟件設(shè)計中 由于內(nèi)容較多 需要分成若干部分 由于界面設(shè)計的需要 將多個部分的內(nèi)容使用某一可以觸動的場景中 如書架中的書籍 抽屜等 例 小不點學(xué)拼音 學(xué)算術(shù)課件 拼音練習(xí)課件制作技術(shù) 文本輸入型交互 文本輸入 交互是在程序運行時 演示窗口中出現(xiàn)一個等待用戶輸入文本的區(qū)域 若用戶輸入內(nèi)容符合程序要求時 觸發(fā)交互響應(yīng) 文本輸入有制約較少的特點 除英文外 用戶還可以使用多種文字 如簡體中文 繁體中文 輸入法輸入 數(shù)字與符號也有全角 半角的區(qū)分 同一語言對同一事物也有不同的表述 使用文本交互輸入回答問題使用輸入文本對象實現(xiàn)答題時的答案輸入使用動態(tài)文本對象實現(xiàn)動態(tài)顯示題目本例利用文本交互 設(shè)計一個計算題 填空題 目標(biāo)區(qū)域交互 目標(biāo)區(qū)域交互響應(yīng)是用戶用鼠標(biāo)將演示窗口的目標(biāo)對象 圖標(biāo) 拖動到一個指定的區(qū)域中后 運行交互分支程序的一種交互方式 實現(xiàn)目標(biāo)區(qū)域交互需要兩個要素 一是Target 目標(biāo) 對象 這一概念與熱對象交互中的 對象 類似 需要在程序中提供具有顯示二維圖象的圖標(biāo) 如顯示圖標(biāo) 交互圖標(biāo)等 二是Area 區(qū)域 這一概念與熱區(qū)交互中的 熱區(qū) 相似 建立一個區(qū)域等待目標(biāo)的進(jìn)入以觸發(fā)交互 目標(biāo)區(qū)域交互的響應(yīng)條件是將目標(biāo)圖標(biāo)拖拽到區(qū)域中 并非僅拖動圖標(biāo)就觸發(fā)運行交互分支 用戶如果將目標(biāo)圖標(biāo)拖到非指定的區(qū)域 并不能激活相應(yīng)的交互功能 拖拽題課件例子中 用鼠標(biāo)拖拽對象進(jìn)行答題 Flash在實現(xiàn)對象拖拽功能上提供了StartDrag 和StopDraag 兩條動作語句 幾何拖拽題 對外漢語拖拽題 語文拖拽題聲音音量控制 參考光盤 Flash入門與進(jìn)階實例 的滑桿控制 fla文件 條件交互功能 條件交互的特點 條件 交互響應(yīng)是一種重要的交互響應(yīng)類型 它沒有具體的操作方式 主要依據(jù)程序中設(shè)置的條件 運行到條件交互時 判斷條件的邏輯返回值為TRUE 真 時 課件就執(zhí)行相應(yīng)的交互分支程序 否則不執(zhí)行 Conditional 條件 交互突出程序控制的主動性 可以提高交互設(shè)計的復(fù)雜度 結(jié)合腳本語句編寫方式實現(xiàn)交互設(shè)計 與其他交互響應(yīng)類型的程序制作方式有較大的區(qū)別 制作的關(guān)鍵技術(shù) 使用If選擇語句判斷題課件 學(xué)習(xí)者在單選框中作出對答案的選擇 如果判斷的答案正確 則屏幕顯示 答對了 否則顯示 答錯了 使用UI組件可方便地制作單選按鈕 復(fù)選按鈕 下拉列表 列表框等 9 次數(shù)限制交互和時間限制交互 當(dāng)設(shè)計輸入密碼 回答問題類多媒體教學(xué)軟件時 有時希望能夠限制用戶錯誤回答次數(shù) 可以通過累加某一變量 然后通過條件交互設(shè)計 當(dāng)變量數(shù)值等于某值時 就執(zhí)行條件交互分支 FlashMX中新增SetInteval動作語句 類似日常生活中的定時裝置 每隔一段時間就自動執(zhí)行交付的任務(wù) SetInteval 函數(shù)名稱 間隔時間 參數(shù) 參數(shù) 參數(shù)n 友好交互系統(tǒng)的設(shè)計原則 簡易性一致性輸入和輸出方面一致性 課件的不同部分甚至不同的模塊之間 具有相似的交互處理和布局 相似的人機(jī)交互方式以及信息顯示格式 反饋性沒有反饋的交互不成為交互 在設(shè)計課件時 反饋信息分三級 設(shè)計者可以在這三個層面上放置必要的信息 詞法級 用戶敲打鍵盤 屏幕要顯示相應(yīng)字符 用戶移動鼠標(biāo) 鼠標(biāo)在屏幕上移動是詞法級反饋 語法級 當(dāng)用戶輸入命令或參數(shù)不對或有語法錯誤時 計算機(jī)響應(yīng) 這是語法級的反饋 語義級 告訴用戶所請求的操作已經(jīng)被處理 并把處理結(jié)果顯示出來 如果執(zhí)行某個命令或功能需要過長的延遲時間 則語義反饋可先提示用戶稍安勿躁 耐心等待 容錯性課件設(shè)計應(yīng)該能夠?qū)赡艹霈F(xiàn)的錯誤進(jìn)行檢測和處理 圖形化使用圖形和比喻來表示程序 實體和操作 使用戶的操作及響應(yīng)直接可視和逼真 有時用圖無法明確表達(dá)語意 必須用文字輔以說明 使用圖形和比喻設(shè)計的方法 實物界面 抽象概念形象化 擬人化使用圖形和比喻設(shè)計時應(yīng)注意事項 用戶直接操控操持課件交互與現(xiàn)實世界的一致性 不同系統(tǒng)之間和應(yīng)用系統(tǒng)內(nèi)部交互的一致性 使它們有相似的外觀和操作 在兒童類教學(xué)課件或游戲中 ?？紤]設(shè)計代理 助手 顧問 虛擬寵物等一系列屏幕動畫人物 使用人機(jī)對話來模擬人類之間的談話 觀察發(fā)現(xiàn) 在為兒童設(shè)計開發(fā)的多媒體教學(xué)課件中 使用第一人稱要比使用非人格的第三人稱親切 自然 簡單 兒童與屏幕人物交互要比死板的界面交互愉快 有趣 目前 大量的網(wǎng)絡(luò)多媒體課件在界面上較少設(shè)計動畫代理或其他虛擬人物 尤其缺少指導(dǎo)教師或系統(tǒng)向?qū)ь惖钠聊蝗宋?而是使用大量冷淡 死板的對話框界面 致