第三章 使用工具介紹
3.2 Authorware 介紹
3.2.1Authorware 基礎介紹
Authorware 是一個功能強大的多媒體編輯工具(Authoring
Tool),它可以結合文字(text)、圖形(graphics)、影像(i-mage)、
動畫(animation)、音效(audio)、視訊(video)、影片(movie)等 電腦可以處理的媒體,以多媒體演出(multime-dia presentation)
的方式表現出來。
.基本電腦硬體需求
Pentium75 以上 CPU、8M 以上記憶體、540M 以上硬碟、640X480X65535 色以上顯示卡、16 位元以上輸入/出 音效卡、300KB/SEC 以上 CD-ROM、
MPGE 影像捕捉卡、視訊轉換卡(選購)、掃瞄機(選購) 對於投入多 媒體工作者來說,最少要擁有 MPC3.0 以上等級的個人電腦。
.配合軟體
Windows 3.1 中/英文版(與中文版完全相容,建議使用之)、
Authorware Professional 2.0、3D Studio 3.0(選用)可建立 3D 動畫 FLI,FLC 檔、Animator Pro(選用)可建立 2D 動畫 FLI,FLC 檔、Image Pals 2.0(選用)可抓圖,轉檔案格式、PhotoShop 2.5/Photo Styler 2.0(選 用)可修改圖形、錄音/混音/MIDI 編輯程式(選用)一般皆附於音效卡
中。
3.2.2 Authorware 版本
1. Authorware Demo 版:這是一個免費版本,主要是做宣傳使用,
讓試用者體會一下 Authorware 的強大功能,過過乾癮。
2. Authorware Star 版:這是一個可提供推廣式教學的版本。它 可以接受 1000 個以內的圖示,由於價錢較便宜,又能提供多媒體 編輯的基本功能,很適合電腦教室使用。
3. Authorware Professional 版:這是一個可提供專業多媒體編 輯的工具。它可以接受 16000 個以內的圖示,由於價錢較貴,在國 內購買又附有 Key Probe,較適合專業多媒體編輯使用。
4. Authorware 6.0 Attain:針對網頁設計、線上學習的應用軟體,
且具有豐富的視覺性多媒體效果。允許訓練開發者、教育設計家,
或某些主題事件的專家們,來發展設計出可追蹤學習效果的程式,
並可透過 Web、LANs、及光碟片等發行此程式。
過網路可擴大使用群與使用區域,來增加線上的學習與訓練。如航 空公司的人員訓練、著名車商的業務訓練、各地學生的教育訓練、
及員工的考核等,都可透過網路的傳輸,作線上的訓練與測驗,並 可追蹤訓練後的成果。
3.2.3Authorware 的特色和功能
1. Authorware 以類似流程圖的簡單圖示操作來取代複雜的程式設 計,是一種物件導向的設計工具,使非電腦專業的初學者可以在未 學過程式設計的狀況下,自行設計多媒體演出。
2. Authorware 提供功能強大的互動圖示,可讓使用者以簡單設定 設計出具有專業水準的互動功能。
3. Authorware 有強大的媒體整合功能,可以結合市面上流行的動 畫和影像掃描軟體做經濟的多媒體演出,並可製作出封裝
(package)的執行檔。
4.Authorware 有強大的網頁製作功能,可以將製作的 Authorware
的成品放在網路上的空間,只要下載免費的 Webplayer,就可以在 HTML 上觀賞,還可以做線上的互動教學。
3.2.4 Authorware 設計圖示(design icon)基本操作
Authorware 是一種物件導向的設計工具,整個軟體操作的主體是 各種稱做設計圖示(design icon)的物件,多媒體演出的設計者以類似 流程圖的簡單圖示操作來取代過去複雜的程式設計,使非電腦專業的 初學者可以在未學過程式設計的狀況下,自行設計多媒體演出。
(一) 設計圖示功能說明
設計圖示是以下十二種圖示的總稱:
1. 顯示圖示(Display icon)﹕在螢幕上顯示文字和圖形。
2. 動畫圖示(Animation icon)﹕依指定時間及路徑移動物件,
這些物件包含顯示圖示及影片圖示。
3. 清除圖示(Erase icon)﹕從螢幕上清除物件。
使用者按鍵,再繼續執行。
5. 決策圖示(Decision icon)﹕依設定,以決定執行分支走向。
6. 互動圖示(Interaction icon)﹕依使用者反應,以決定執行 分支走向。
7. 計算圖示(Calculation icon)﹕執行計算式或程式碼。
8. 對映圖示(Map icon)﹕多個圖示的模組化集合。此圖示類似 副程式的功能。
9. 開始/停止旗標(Start/Stop flag)﹕設定執行開始及結束位 置。
1. 放置圖示(place icon):insert,move,cut,copy,paste icon 2. 微分支(microbrancing)
(1) 互動圖示(interaction icon): response type:text, click area,move object, pulldown menu, keypress,
pushbotton, conditional, time limit, tries limit (2) 決策圖示(decision icon): loop
3. 群聚/解散圖示(grouping/ungrouping icons):GROUP/UNGROUP
(in EDIT)+map icon 4. 圖示命名(titling)
5. 圖示執行(TRY IT):RUN, PAUSE, PROCEED, JUMP TO ICONS/JUMP TO DISPLAY, place start flag, stop flag
6. 設定(setup) SETUP(in FILE)﹕包括: title, wait button title, presentation window size, presentati-on window style, color, when user returns to the file
7. 匯入文字與圖型(import text and graphics)
(1) IMPORT GRAPHICS (in FILE)接受:
____.BMP(bitmap)
____.WMF(Windows Metafile)
____.PIC(Macintosh color PICT)
(2) import graphics through the clipboardCOPY(in EDIT)
8. 使用模組(using models)
____.mod (model==subroutine inprogram)
(1) 建立模組(create model):NEW(in MODELS)
(2) 載入模組(load model):LOAD(in MODELS)
(3) 釋回模組(unload model):UNLOAD(in MODELS)
(4) 剪貼模組(paste model):選擇 PASTE MODEL:
(in MODELS)下的____.mod
3.2.5 使用顯示圖示(display icon)和圖型工具箱(toolbox)
(一) 顯示圖示的基本操作 Authorware 提供有層次性(layered)
的二度空間繪圖工具(可視為 2.5 D)。它以基本圖形(segment)為 單位而非以螢幕圖元(pixel)為單位,因此可稱為 segment-based
(不是 pixel-based)。
1. automatic grid﹕
(1) SHOW GRID / HIDE GRID、
(2) SNAP TO GRID ON / SNAP TO GRIDOFF。
2. 編輯多重顯示
(1) +double-click﹔
(2) double-click﹔
(3) +click﹔
(4) ++click。
(二) 圖型工具箱的基本操作(請參考圖三)圖示(icon display)、
選擇(select/move pointer)、文字(text tool)、交叉線(crossed lines tool)、線(ubberband line tool)、多邊形(polygon tool)、 圓角方形(roundedcorner rectangle tool)、double-click the box --access attribute dialog box。
1. 呼叫工具箱(summon the toolbox)
(1) RUN(in TRY IT )an empty display or interaction icon (2) double-click text or graphics in a display
(3) double-click a display icon
(4) EDIT DISPLAY from the interaction or response option 2. 文字(text):font,style,size margins: left margin, right margin, text width line nro-mal tab, decimal tab-click on
3. 線(line)
line attributes dialog box --thickness , line type, move, resize
4. 圓(oval):move, resizeFILL (in EDIT)to choose fill pattern(in EDIT)to choose line thickness
5. 方形(rectangles):move, resize,fill
6. 多邊形(polygon):draw-- click,click, double-click 7. 繪製模式(drawing modes):overlay the display objects opaque (不透明), tranparent(透明), inverse(反轉), erase(隱 藏)
8. 多重物件(select multiple objects):
click, -click, area select、SELECT ALL(in EDIT)。
9. 群組物件(group objects):GROUP(in EDIT)
10. 層次操作(change overlapping object):BRING TO FRONT
(in EDIT)、SENDTO BACK(in EDIT)
11. 顏色(color):COLOR (in EDIT)256 色
3.2.6 使用動畫圖示(animation icon)和清除圖示(erase icon)
(一) 動畫圖示的基本操作
Authorware 提供五種動畫型態:
固定目標(Fixed Destination)、固定路徑(Fixed Path)、比例 路徑(Scaled Path)、線性比例(LinearScaled)
1. 建立動畫
(1) 建顯示圖示、
(2) 建動畫圖示、
(3) 打開動畫圖示、
(4)設定,並選欲移動的顯示圖示。
2. 固定目標(Fixed Destination)連接方式:drag display to destination 層(layer):0 button - nupper layer
3. 路徑移動
畫一條路徑:click 直線 (triangle marker) <--> 弧線(circle marker)﹔double-click
(1) 固定路徑
連接方式:click on display (2) 比例路徑
連接方式:drag display to cre-ate path
連接方式:drag display to createpath、X-Y 比例(Scaled X-Y)、
垂直(column)、水平(row)。連接方式:drag display to createpath
(二) 清除圖示的基本操作
連接方式:click on display 效果(effects):none, mosiac(解 體), pattern, spiral, remove up, removedown, remove to right, remove to left, iris in(中心逐漸消失), iris out
3.2.7 互動圖示(interaction icon)的使用
在 Authorware 的所有圖示功能中,以互動圖示的功能最強,互動 圖示的操作像一個選擇題/填充題,可分為以下四個步驟:
我們在設計多媒體演出時,互動圖示的設定也必須依照上面的四個 一個對映圖示(map icon)來容納多個圖示。3. 設定 response type(回應模式)。在右邊放入第一個圖示時,Author-ware 會 自動問應設定的回應模式。
4. 編輯互動圖示內的 display。可以在此 display 中看到
Authorware 自動產生各種回應模式的設定物件,使用者可以依需 要來改變設定。
5. 編輯各個回應圖示的內容。
6. 設定各個回應的 feedback 動作,包括 feedback branching, response st atus, erase feedback。
(一) 互動圖示的種類
互動圖示有十種回應模式(response type):Pushbutton(按鈕回 應)、Click/Touch(點取/觸碰回應)、clickable Object(點取物 件回應)、Movable Object(移動物件回應)、Pull-down Menu(下 拉選單回應)、Conditional(條件式回應)、Text(文字回應)、
Keypress(壓鍵回應)、Tries Limit(嘗試限制回應)、Time Limit
(時間限制回應)。
因為篇幅限制,我們僅針對最重要的 Pu-shbutton(按鈕回應)、 Click/Touch(點取/觸碰回應)、Pull-down Menu(下拉選單回應)
和 Text(文字回應)等四項做詳細說明。
(二) Pushbutton(按鈕回應)的基本操作
Authorware 提供兩種按鈕外觀:standard, outlined 回應圖 示的名字 title 就是按鈕上顯示的字,因此若有需要,可在此打入 中文。互動圖示內的 display 會顯示按鈕供使用者編輯按鈕的位置 和大小。
(三) click/touch area(點取/觸碰回應)的基本操作互動圖示內
的 display 會顯示以虛線框住的觸碰區域供使用者編輯觸碰區域 的位置和大小。基本上使用者必須移動並改變觸碰區域的大小,使 觸碰區域正好框住可以讓多媒體表演使用者用滑鼠觸碰的圖案。另 外,我們可以設定當滑鼠遊標移到觸碰區域時的遊標圖案。
Authorware 提供有手、十字、沙漏等圖案檔(___.cur)。
(四) text(文字回應)的基本操作
Authorware 提供多媒體表演使用者可以輸入文字供比對,我們可 以設定系統依不同的文字(中文或英文)做適當的回應。在文字回 應交談窗中可以設定系統比對的參數,包括:
1. Ignore: capitalization, extra pu-nctuation, all spaces, extra wor-ds, word order
2. Match at least ____ words
3. incremental matching﹕回應圖示的名字 title 就是要去比對 的字,因此若有需要,可在此打入中文。在 title 中我們可以使用 Authorware 可接受的萬用字母(wildcard character)如下:| 或
(OR)、* 多個任意字母、? 一個任意字母、\ 輔助萬用字母。
回應圖示的名字 title 就是下拉選單功能表的字,因此若有需要,
可在此打入中文。我們可以在下拉選單回應的交談窗中設定此功能 選單的熱鍵(hot key):OptionalKey 系統內定是以配合的一個字 母。
在下拉選單回應中往往使用 Perpetual 的 feedback 設定,使功能 表一直有效。
3.2.8 其他多媒體的配合
Authorware 是一種包容性很大的多媒體編輯工具,它可以接受其 他許多工具的編輯結果,做播放的工作。
(一) 和掃瞄機的配合
我們可利用 Image Pals 和掃瞄機的配合,將影像圖片存入影像檔。
若對影像色彩效果不夠滿意,可以先用 Photo Sty-ler 做修改編 輯。Authorware 可以接受多種格式(.bmp, .pct, .wmp, .dib)
的影像檔。
在我們的電腦輔助教學中,最常見的做法是讓學員先用調色盤製 作 .bmp 檔,再由 Authorware 的 import graphics 功能抓入多媒 體演出中。
(二) 加入電影動畫
Authorware 雖然可以利用動畫圖示做圖案的移動,但是這些圖案 無法做任何形狀的改變。因此若要製作像小鳥飛翔、打棒球等動 作,則必須利用 Anima-tor Pro 或 3D Studio 等動畫軟體來製作電 影檔(.mov),再由 Authorware 利用電影圖示整合入多媒體演出中。
(三) 加入聲音
Authorware 的聲音圖示可以整合多種格式(.wav, .pcm)的聲音,
只要配合聲霸卡即可播放出動人的音樂。
(四) 加入視訊
我們可以利用視訊圖示來讓 Auth-orware 去驅動雷射影碟機做視 訊影像的播放。
3.2.9Authorware 的網路設計功能
便的將 Authorware 的檔案放在網頁上。
1. Authorware6 的網頁發布步驟
[file]->[publish]->[publish]就完成發布了 在你的目錄下會多一個[published files]的資料夾
[file]->[publish]->[publish]就完成發布了 在你的目錄下會多一個[published files]的資料夾