Authorware簡介及實例1

1、子戲水”為例給同學(xué)們分析一下設(shè)計Authorware程序的大體思路和方法。Authorware簡介及實例1學(xué)習(xí)目標(biāo)：1、 通過本課的學(xué)習(xí)，同學(xué)們要了解Authorware的特點和窗口的組成；2、通過Authorware實例1掌握顯示圖標(biāo)、等待和擦除圖標(biāo)的使用方法，理解用該軟件制作 多媒體作品的基本思路。、Authorware 間介Authorware是美國Macromedia公司推出的可以兼容所有 WINDOWS95以上版本的多媒體開發(fā)系統(tǒng)，它已經(jīng)廣泛應(yīng)用于教育和商業(yè)領(lǐng)域，我校的大部分課件都是用Authorware制作開發(fā)的，首先我們簡單了解一下Authorware的基本特點1、具有人機(jī)交互能

2、力（11種交互）2、具有直觀易用的開發(fā)界面（可視化）3、具有多媒體素材集成能力（可插入各種素材：聲音、動畫、視頻、文字等等）4、具有文字、圖形圖像和動畫處理能力5、可以使用模塊和庫6、具有強(qiáng)大的數(shù)據(jù)處理能力和集成能力 7、提供了設(shè)計模板下面我們在認(rèn)識一下 Authorware的界 面這是一種組件或者圖標(biāo)式的編程，如課本 63頁上圖，包含在 Authorware 窗口中的小窗口就式程序設(shè)計窗口。在設(shè)計過程中可以擁有一個或多個設(shè) 計窗口。它由標(biāo)題欄和設(shè)計平臺兩部分組成。設(shè)計平臺左側(cè)由一條貫穿上 下的直線，稱為程序流程線。設(shè)計程 序時，我們將用到的組件直接拖動到 程序流程線上即可。待會我們就以“鴨二

3、、顯示圖標(biāo)、等待圖標(biāo)和擦除圖標(biāo)1、顯示圖標(biāo)：用來顯示文字、圖形或靜態(tài)圖象。拖動一個顯示圖標(biāo)到程序流程線上，雙擊該圖標(biāo)打開其演示窗口，就可以在這里放上你想顯示的內(nèi)容。在打開演示窗口同時打開了一個繪圖工具面板（如下圖1）,利用這些其中的工具可以繪制圖形和書寫文字。當(dāng)然，在顯示圖標(biāo)中也可以放入外部圖片。繪圖工具面板中的各個工具分別是：選擇指針、文字工具、直線工具、斜線工具、橢圓工具、矩形工具、圓角 矩形和折線工具。其使用隨著后面的學(xué)習(xí)分別體會。2、等待圖標(biāo)：用來使多媒體程序暫停，可以設(shè)置單擊鼠標(biāo)、按任意鍵或等待一段指定時間 (單位為秒)來結(jié)束等待。3、擦除圖標(biāo)：用來清楚對象。拖動一個擦除圖標(biāo)到流程線

4、上，雙擊該圖標(biāo)打開擦除屬性對話框，用鼠標(biāo)拖動其標(biāo)題欄將其移開，會顯示出上面顯示圖標(biāo)的內(nèi)容，單擊要擦除的對象將其擦除，單擊“ OK”三、實例“鴨子戲水 T制作多媒體作品“鴨子戲水T'：在綠色的池塘中，由一只鴨子，它一頭扎進(jìn)水里，不一會兒又浮出水面。思路：利用顯示、等待和擦除圖標(biāo)，將鴨子在池塘中六種狀態(tài)的6張圖片連成動畫效果，原理類似于放電影。1、 建立一個新的多媒體程序文件：Filenewfile ,將其保存到教師機(jī)指定文件夾： filesave,2、拖動一個顯示圖標(biāo)到流程線上，并命名為“池塘”3、雙擊“池塘”顯示圖標(biāo)，利用繪圖工具面板中的橢圓工具繪制一個綠色池塘4、拖動一個顯示圖標(biāo)放到

5、“池塘”顯示圖標(biāo)下面，命名為“鴨子動作 T5、 雙擊“鴨子動作1”顯示圖標(biāo)，打開其演示窗口，這時候單擊“ Fileimport ”菜單項，導(dǎo) 入外部圖片“鴨子 T6、拖動一個等待圖標(biāo)到流程線上，雙擊該圖標(biāo)打開其屬性設(shè)計對話框，將其屬性修改為結(jié)束等待方式為只有等待時間0.8秒7、拖動一個擦除圖標(biāo)到流程線上，命名為“擦鴨子 1 ”，雙擊該圖標(biāo)打開擦除屬性對話框，單擊要擦除的對象“鴨子1 ”，單擊“ OK”然后出現(xiàn)鴨子動作 2,等待一段時間后將其擦除， 再出現(xiàn)鴨子動作 3,等待一段時間擦除，一直到第6只鴨子出現(xiàn)(鴨子動作 6和鴨子動作1相同)。做完運(yùn)行即可看到“鴨子戲水” 的動畫。說明(1) 按住s

6、hift就可以繪制標(biāo)準(zhǔn)的正圓、正方(2) 封閉曲線我們要設(shè)置兩種顏色：邊線顏色和填充顏色(3) 輸入的文字要設(shè)置成透明模式(4) 雙擊每一種繪圖工具可以打開相應(yīng)的編輯窗口，例如：顏色、線型、模式等等(5) 利用shift鍵可以輔助保留演示畫面，幫助你調(diào)試程序(6) 導(dǎo)入外部圖片時，可以勾選“ show preview”來顯示圖片預(yù)覽作業(yè)：獨(dú)立完成作品“鴨子戲水 T保存到教師機(jī)制作交互式多媒體作品（2）學(xué)習(xí)目標(biāo)：通過本科學(xué)習(xí)，同學(xué)們要掌握交互式多媒體作品的概念和特點，了解交互分之流程結(jié)構(gòu)， 學(xué)會利用交互圖標(biāo)和各種響應(yīng)圖標(biāo)制作簡單的交互式多媒體作品。良好的人機(jī)交互界面是用戶對各種應(yīng)用程序的共同需求

7、，特別是對于多媒體應(yīng)用程序，如果具有人機(jī)交互的功能，我們將不再是被動地觀看演示內(nèi)容，而是能夠主動地參與或控制程序地執(zhí)行，從而增加多媒體應(yīng)用程序的靈活性和趣味性。一、交互式多媒體作品簡介交互式多媒體作品具有人機(jī)交互的特點，用戶能夠參與到多媒體作品中去，多媒體程序也能夠響應(yīng)用戶的參與，給出具體的響應(yīng)結(jié)果。交互式多媒體作品需要采用交互分支流程結(jié)構(gòu)， 交互分支流程結(jié)構(gòu)如課本 85頁圖所示，交互圖標(biāo)和各種響應(yīng)圖標(biāo)共同構(gòu)成了交互分支結(jié)構(gòu)。演示作品：裂變與交互，讓大家才從例子中體會交互的含義。（1）交互圖標(biāo)是整個交互作用分支結(jié)構(gòu)的入口，它可以直接安排交互界面。各種響應(yīng)圖標(biāo)和響應(yīng)類型都依附于交互圖標(biāo)。（2）響

8、應(yīng)圖標(biāo)提供了對用戶的反饋結(jié)果。所有的設(shè)計圖標(biāo)都可以作為響應(yīng)圖標(biāo)使用。（3）響應(yīng)類型（type）必須為響應(yīng)圖標(biāo)設(shè)定一種響應(yīng)類型。常用的響應(yīng)類型有按鈕響應(yīng)（Button ），熱區(qū)響應(yīng)（HotSpot）、熱對象響應(yīng)（Hot Object）、下拉 菜單響應(yīng)（Pull-Down Meau ）等。（4）響應(yīng)狀態(tài)（Status）響應(yīng)狀態(tài)分為三種：not judged （不予判斷）：不對用戶操作進(jìn)行判斷correct response （正確反應(yīng)）：響應(yīng)圖標(biāo)名稱的左側(cè)顯示"+"wrong response （錯誤反應(yīng)）：響應(yīng)圖標(biāo)名稱的左側(cè)顯示"-"（5）響應(yīng)分支類型（B

9、ranch）在交互分支結(jié)構(gòu)中通常存在3種分支類型：Try again （重試）：若選擇該類型，程序分支流程將回到主流程分支起點，等待用戶做出另 一次操作。Continue （繼續(xù)）：若選擇該類型，程序流程會沿原路返回，并檢查后面是否存在能與用戶 操作相匹配的其他響應(yīng)。Exit Interaction （退出交互）：若選擇該類型，執(zhí)行完響應(yīng)圖標(biāo)后將退出交互分支結(jié)構(gòu)，回到主流程線上，繼續(xù)執(zhí)行主流程線上的其他設(shè)計圖標(biāo)。（6）擦除方式（Erase）設(shè)置擦除方式是指在交互分支結(jié)構(gòu)中設(shè)置何時擦除響應(yīng)圖標(biāo)的內(nèi)容，通常有一下4鐘方式：Don't Erase:若選擇該類型，將不擦除響應(yīng)圖標(biāo)的內(nèi)容。Aft

10、er Next Entry :若選擇該類型，將在進(jìn)入下一個交互前擦除響應(yīng)圖標(biāo)的內(nèi)容。Before Next Entry :若選擇該類型，將在進(jìn)入下一個交互前擦除響應(yīng)圖標(biāo)的內(nèi)容。On Exit:若選擇該類型，將在退出交互作用分支結(jié)構(gòu)后擦除響應(yīng)圖標(biāo)的內(nèi)容。二、制作多媒體作品“海底世界” 程序流程如右圖： 該作品要求：首先出現(xiàn)的是一幅海底世界主頁圖，主頁上標(biāo)題“海底世界”要呈現(xiàn)立體效果。當(dāng)你把鼠標(biāo)移到主頁上請看第 *幅圖字樣上單擊時會進(jìn)入相應(yīng)的畫面，單擊鼠標(biāo)時回到主頁。如果想退出該程序，只要單擊主頁上的“蝴蝶” 。冏海底世界一 a6p本程序的特點是當(dāng)鼠標(biāo)移到熱區(qū)上會 產(chǎn)生響應(yīng)，即進(jìn)入交互分支。Lev

11、el 11、拖動顯示圖標(biāo)到流程線上，在該顯 示圖標(biāo)中導(dǎo)入一外部圖片做背景。2、拖動一顯示圖標(biāo)到流程線上，在該Untitkd顯示圖標(biāo)中寫標(biāo)題字樣“海底世界”。Animatftd GIF.Untrtl3、拖動一顯示圖標(biāo)到流程線上，在該 顯示圖標(biāo)中寫“請看圖一”、“請看圖二” 和“請看圖三”字樣。4、出入一 .gif蝴蝶，并將其白色底色 透掉：雙擊.gif圖標(biāo)打開屬性對話框， 單擊"Display”選項卡，在"mode” 歹U表中選擇"Transparent”。5、拖動一交互圖標(biāo)到流程線上，然后再拖動4個“群組”圖標(biāo)到其后面，依 次命名為“圖一”、“圖二”、“圖三”和“

12、tui chu ”。在拖動第一個“群組”圖標(biāo)時，會彈出a Response Type”對話框，在這里我們選擇熱區(qū)響應(yīng)“ Hot spot”類型。那么后面拖動的3個群組圖標(biāo)默認(rèn)跟第一個一樣，也是熱區(qū)響應(yīng)類型。如果想改變后面的響應(yīng)類型，可以雙擊響應(yīng)類型標(biāo)記，在其屬 性對話框中重新設(shè)置。6、運(yùn)行一下該多媒體程序，按住“ shift”鍵雙擊“交互”圖標(biāo)，會看到 4個熱區(qū)，分別拖動“圖一”、“圖二”、“圖三”、“tuichu”熱區(qū)虛線框到相應(yīng)的對象“請看圖一”、“請看圖二”、“請看圖三”和.gif蝴蝶上，調(diào)整其大小合適。7、雙擊“圖一”群組圖標(biāo)打開其程序編輯窗口，向其中拖動一顯示圖標(biāo)，放上圖一，然后可以

13、在其后再拖動一等待圖標(biāo)，設(shè)置好結(jié)束等待的方式，再拖動一擦除圖標(biāo)到流程線上，將圖一擦除。同樣方法編輯好“圖二”和“圖三”群組圖標(biāo)的內(nèi)容。8、雙擊"tuichu”群組圖標(biāo)，向其編輯流程上拖動一"運(yùn)算"圖標(biāo)，設(shè)置函數(shù)" quit()"來 退出程序。9、分別雙擊響應(yīng)類型標(biāo)記，在打開的相應(yīng)屬性對話框中將前三個響應(yīng)做下面設(shè)置： match:single-click; cursor :鼠標(biāo)變成"手形" ；erase: after next entry;branch: try again;status: not judged在"t

14、uichu”響應(yīng)中將branch設(shè)為：exit interaction ,這時，程序流程線就繼續(xù)向下走了。標(biāo)題“海底世界”立體字的制作：(1) 雙擊海底世界顯示圖標(biāo)，輸入“海底世界”字樣，然后設(shè)置文字的字體、字號、字型、顏色和顯示模式。選擇“ TEXT ”菜單中“ Font”子菜單下的“隸書”，選擇“ Size”子菜單 下的“40”，選擇一種藍(lán)色作為文字顏色。雙擊繪圖工具面板中的選擇指針，打開顯示模式 工具箱，選擇 " Transparent" 模式。(2) 選擇“海底世界”文字，單擊常用工具欄中的“復(fù)制”按鈕，再連續(xù)按兩次“粘貼”，復(fù)制出兩個“海底世界”文字。注意最后生成

15、的文字位于最上層。將上、中、下3層文字顏色分別設(shè)置成藍(lán)、黑、白色，并將 3層文字重疊，上下左右微微錯開一點距離，即可生成立體效果。(3) 組合文字：選擇"Edit "菜單下的"Select all"命令，將3層文字全部選中，選擇"Modify" 菜單中的"Group"命令，將文字組合為一個對象。移動文字對象到合適位置。動態(tài).gif對象的調(diào)整：雙擊“運(yùn)行”按鈕運(yùn)行該程序，在程序運(yùn)行到該.gif圖片時，用鼠標(biāo)單擊程序的編輯窗口，你會看到程序運(yùn)行暫停了，這時候，將鼠標(biāo)放到運(yùn)行窗口中的.gif圖片上單擊，該文件周圍便出現(xiàn)了

16、一個控制框，就可以用來調(diào)整圖片大小了。練習(xí)：制作該作品，復(fù)習(xí)導(dǎo)入外部圖片和加載gif文件，并調(diào)整.gif圖片的大小，練習(xí)立體字的制作，做好主頁部分，然后嘗試交互圖標(biāo)的使用。一、交互程序的三要素從上節(jié)課的學(xué)習(xí)中， 我們可以看出設(shè)計交互程序有三個要素：交互方式、用戶響應(yīng)和反饋結(jié)果。交互方式：程序提供給用戶進(jìn)行響應(yīng)的方法，譬如按按鈕、點菜單、按鍵。用戶響應(yīng)：用戶的具體操作，例如單擊鼠標(biāo)、按下鍵盤的某一個鍵。由于程序要面向不同的用戶，在設(shè)計程序時一定要將用戶所有可能的響應(yīng)方法包括進(jìn)去。程序反饋：用戶響應(yīng) 后，必須得到程序反饋回來的結(jié)果，以達(dá)到良好的互動效果。二、使用“交互”圖標(biāo)的步驟1、拖動“交互”圖

17、標(biāo)到流程線的適當(dāng)位置釋放；2、 拖動該“交互”圖標(biāo)的結(jié)果圖標(biāo)（如“顯示”圖標(biāo)、“聲音”圖標(biāo)或“群組”圖標(biāo)等）至 "交互”圖標(biāo)的右下角；3、屏幕上彈出如下圖所示的對話框，從中選擇合適的響應(yīng)類型；4、拖動其他結(jié)果圖標(biāo)到上述結(jié)果圖標(biāo)的右側(cè)釋放，如果響應(yīng)類型需要改變可以雙擊相應(yīng)的 相應(yīng)類型符號，如下圖所示，在彈出的響應(yīng)類型的“Type” 一欄內(nèi)選擇合適的響應(yīng)類型;5、給“交互”圖標(biāo)命名，并給各結(jié)果圖標(biāo)命名。6、編輯"交互"圖標(biāo)。雙擊"交互"圖標(biāo)對其在演示窗口的內(nèi)容進(jìn)行編輯，選擇"交互" 圖標(biāo)后，依次點選"Modify Ic

18、on Properties "對："交互"圖標(biāo)的屬性進(jìn)行編輯和控制。7、編輯結(jié)果圖標(biāo)。雙擊結(jié)果圖標(biāo)對結(jié)果圖標(biāo)進(jìn)行編輯和設(shè)計，雙擊其上部的類型符號對響 應(yīng)屬性進(jìn)行編輯和控制。三、實例-交互式“海底世界”制作上節(jié)課給大家演示了一個交互式多媒體作品“海底世界”，絕大多數(shù)同學(xué)都做好了這個作品的封面部分。我們繼續(xù)研究下面的“交互”部分。按照剛才介紹的使用 “交互”圖標(biāo)的一般步驟來看一下我們的作品接下來應(yīng)該怎么做完善？1、拖動“交互”圖標(biāo)到流程線上；2、 分別拖動4個群組圖標(biāo)到該交互圖標(biāo)后面生成4個分支，并且選擇交互類型為“熱區(qū)” 響應(yīng)；3、 給交互圖標(biāo)命名為“海底圖片”，并

19、給各結(jié)果圖標(biāo)依次命名為“圖一” 、“圖二”、“圖三” 和“退出”；4、 編輯交互圖標(biāo)。雙擊交互圖標(biāo)打開其演示窗口，調(diào)整4個熱區(qū)的大小和位置。然后，在 選擇"交互"圖標(biāo)后，依次點選" Modify Icon Properties "對"交互"圖標(biāo)的屬性進(jìn)行編 輯和控制。說明：為了調(diào)試程序方便，可以先運(yùn)行一下該程序（保留主畫面的演示界面），然后再雙擊交互圖標(biāo)，就可以在參考主畫面來調(diào)整熱區(qū)的位置了。5、雙擊結(jié)果圖標(biāo)（4個群組圖標(biāo)）進(jìn)行編輯。如“圖一”群組圖標(biāo)中，導(dǎo)入圖一，然后拖動一等待圖標(biāo)，設(shè)置為單擊鼠標(biāo)結(jié)束等待，再拖動一個擦除圖標(biāo)，將該圖

20、一擦掉。類似可以編輯圖二和圖三顯示圖標(biāo)。對于“退出”群組圖標(biāo)中，我們拖動一個“運(yùn)算”圖標(biāo)到流程線 上，雙擊該“運(yùn)算”圖標(biāo)，在彈出的窗口中輸入“退出”的系統(tǒng)函數(shù)“ quit（） ” ；6、分別雙擊“結(jié)果”圖標(biāo)上部的響應(yīng)類型標(biāo)記符號打開響應(yīng)屬性對話框，將前三個進(jìn)行相 同的設(shè)置：match:鼠標(biāo)單擊，cursor:手形，其他用默認(rèn)。將"退出"圖標(biāo)的響應(yīng)屬性中的branch屬性選擇"exit interaction",其他同前三個。這時你會看到程序流程線繼續(xù)向下走了。四、出現(xiàn)方式和擦除方式同學(xué)們可能觀察到了，老師得例子中比方說主畫面得出現(xiàn)是比較特別的（開門方式）

21、，下面每一幅圖片的出現(xiàn)都不是單純的直接顯示在屏幕上，風(fēng)格各異，這是因為對其設(shè)置了出現(xiàn)方式。在Authorware中，我們可以對顯示圖標(biāo)和擦除圖標(biāo)進(jìn)行這樣的出現(xiàn)方式和擦除方式的應(yīng)用， 具體做法我們以主畫面的出現(xiàn)為例，一起來看一下：1、鼠標(biāo)右鍵單擊"bj"顯示圖標(biāo)，從彈出的快捷菜單中選擇" properties"單擊，就打開屬 性對話框了，然后從中單擊" Display "選項卡，在其中的"Transition "列后面有一個瀏覽 按鈕，單擊該按鈕，在從彈出的對話框中選擇一種方式應(yīng)用即可。2、如果要設(shè)置擦除方式，方法跟

22、此類似，只要在擦除圖標(biāo)上右鍵找屬性然后設(shè)置即可。說明：如果要對畫面的背景和標(biāo)題分別應(yīng)用出現(xiàn)方式應(yīng)該將這兩部分分別放到兩個顯示中。作業(yè)：完善交互式多媒體作品，并盡可能的進(jìn)行修飾得更加美觀，繼續(xù)理解“交互”。一、交互程序的三要素從上節(jié)課的學(xué)習(xí)中， 我們可以看出設(shè)計交互程序有三個要素：交互方式、用戶響應(yīng)和反饋結(jié)果。交互方式：程序提供給用戶進(jìn)行響應(yīng)的方法，譬如按按鈕、點菜單、按鍵。用戶響應(yīng)：用戶的具體操作，例如單擊鼠標(biāo)、按下鍵盤的某一個鍵。由于程序要面向不同的用戶，在設(shè)計程序時一定要將用戶所有可能的響應(yīng)方法包括進(jìn)去。程序反饋：用戶響應(yīng) 后，必須得到程序反饋回來的結(jié)果，以達(dá)到良好的互動效果。二、使用“交

23、互”圖標(biāo)的步驟1、拖動“交互”圖標(biāo)到流程線的適當(dāng)位置釋放；2、 拖動該“交互”圖標(biāo)的結(jié)果圖標(biāo)（如“顯示”圖標(biāo)、“聲音”圖標(biāo)或“群組”圖標(biāo)等）至 "交互”圖標(biāo)的右下角；3、屏幕上彈出如下圖所示的對話框，從中選擇合適的響應(yīng)類型；4、拖動其他結(jié)果圖標(biāo)到上述結(jié)果圖標(biāo)的右側(cè)釋放，如果響應(yīng)類型需要改變可以雙擊相應(yīng)的 相應(yīng)類型符號，如下圖所示，在彈出的響應(yīng)類型的“Type” 一欄內(nèi)選擇合適的響應(yīng)類型;5、給“交互”圖標(biāo)命名，并給各結(jié)果圖標(biāo)命名。6、編輯"交互”圖標(biāo)。雙擊"交互”圖標(biāo)對其在演示窗口的內(nèi)容進(jìn)行編輯，選擇"交互” 圖標(biāo)后，依次點選"Modify I

24、con Properties ”對："交互"圖標(biāo)的屬性進(jìn)行編輯和控制。7、編輯結(jié)果圖標(biāo)。雙擊結(jié)果圖標(biāo)對結(jié)果圖標(biāo)進(jìn)行編輯和設(shè)計，雙擊其上部的類型符號對響 應(yīng)屬性進(jìn)行編輯和控制。三、實例-交互式“海底世界”制作上節(jié)課給大家演示了一個交互式多媒體作品“海底世界”，絕大多數(shù)同學(xué)都做好了這個作品的封面部分。我們繼續(xù)研究下面的“交互”部分。按照剛才介紹的使用 “交互”圖標(biāo)的一般步驟來看一下我們的作品接下來應(yīng)該怎么做完善？1、拖動“交互”圖標(biāo)到流程線上；2、 分別拖動4個群組圖標(biāo)到該交互圖標(biāo)后面生成4個分支，并且選擇交互類型為“熱區(qū)” 響應(yīng)；3、 給交互圖標(biāo)命名為“海底圖片”，并給各結(jié)果圖標(biāo)依次命名為“圖一”、“圖二”、“圖三” 和“退出”；4、 編輯交互圖標(biāo)。雙擊交互圖標(biāo)打開其演示窗口，調(diào)整4個熱區(qū)的大小和位置。然后，在 選擇"交互"圖標(biāo)后，依次點選" Modify Icon Properties ”對“交互”圖標(biāo)的屬性進(jìn)行編 輯和控制。說明：為了調(diào)試程序方便，可以先運(yùn)行一下該程序