于萬國

（河北民族師范學(xué)院 數(shù)學(xué)與計算機(jī)系，河北 承德 067000）

1 引言

在我國的教學(xué)領(lǐng)域，多媒體視頻教學(xué)軟件的研究已經(jīng)成為多媒體CAI發(fā)展的一個重要方向，多媒體視頻CAI除了具有普通CAI的特點外，還具有直觀生動、操作具體的特點，使學(xué)習(xí)效率大大的提高。本文以Photoshop CS3為例，介紹基于Authorware架構(gòu)的多媒體視頻教學(xué)軟件的設(shè)計研究。

Photoshop功能強(qiáng)大，性能穩(wěn)定，使用方便，是目前公認(rèn)的權(quán)威性圖形圖像處理軟件，因此成為IT及業(yè)外人士處理圖像的一門重要工具。但對于初學(xué)者都有這樣的經(jīng)歷：按教材提供的案例操作步驟進(jìn)行操作，結(jié)果與預(yù)期效果可能大相徑庭，使學(xué)習(xí)者學(xué)習(xí)起來很迷惑。又比如在利用漸變工具進(jìn)行漸變填充時，鼠標(biāo)托拽的方向、長短、位置不同，填充的效果也隨之發(fā)生變化。這些對于初學(xué)者來說往往很難把握。目前國內(nèi)有一些Photoshop的網(wǎng)絡(luò)教學(xué)視頻，但都比較零散，很不系統(tǒng)，使用起來也受限制，不適合交互式教學(xué)與學(xué)習(xí)。針對Photoshop實踐操作性很強(qiáng)，技巧性很高的特點，研究其多媒體視頻教學(xué)軟件的制作，充分發(fā)揮多媒體視頻的直觀生動、操作具體的特點。并用具有強(qiáng)大交互功能的多媒體制作軟件Authorware進(jìn)行制作，集成聲音、文字、圖像、動畫、視頻等多種教學(xué)信息于一體，使學(xué)習(xí)者輕松自如地掌握Photoshop的操作技巧。對教學(xué)水平的提高、學(xué)生能力的培養(yǎng)具有很強(qiáng)的應(yīng)用價值，并突出其交互功能，實現(xiàn)對多媒體視頻的靈活控制。

2 Photoshop多媒體視頻的制作分析

教學(xué)視頻的制作是軟件素材收集的關(guān)鍵環(huán)節(jié)，把Photoshop CS3全部的教學(xué)內(nèi)容制作成視頻素材，使其在軟件制作時被更好的利用?？紤]到這門學(xué)科的教學(xué)特點，按照由淺入深的原則，將Photoshop CS3的內(nèi)容分為基礎(chǔ)知識、工具箱的使用、圖層的應(yīng)用、圖像色彩調(diào)整、路徑的應(yīng)用、通道的應(yīng)用，以及濾鏡的應(yīng)用七大部分，每一部又分成若干個小節(jié)，每一小節(jié)就是一個知識點。這樣最后做出來的軟件對于教師教學(xué)、學(xué)生自學(xué)都非常方便?；谝陨弦蛩?，用Camtasia Studio來錄制教學(xué)視頻，用Flash制作一些視頻動畫，用Premiere對視頻進(jìn)行后期加工處理，最終生成可隨意拆分的SWF格式視頻文件。

3 基于Authorware架構(gòu)的設(shè)計與實現(xiàn)

在多媒體教學(xué)軟件的設(shè)計中，重點是教學(xué)內(nèi)容的管理。常見的設(shè)計框架模型有三種，線性框架模型、索引框架模型、層次框架模型[1]697－699。內(nèi)容詳見參考文獻(xiàn)[1]

在對開發(fā)多媒體教學(xué)軟件的系統(tǒng)分析的基礎(chǔ)上，下面論述如何把已經(jīng)制作好的Photoshop視頻素材進(jìn)行整合，制作基于Authorware的多媒體視頻教學(xué)軟件。

3.1 軟件的系統(tǒng)設(shè)計：根據(jù)Photoshop的教學(xué)需求分析，確定軟件系統(tǒng)結(jié)構(gòu)框圖[3]330-333，如圖1所示。

該軟件可分類5大模塊：多媒體視頻課堂模塊、經(jīng)典案例效果欣賞模塊、實例素材源文件模塊、瀏覽光盤內(nèi)容模塊以及退出多媒體光盤模塊。

多媒體視頻課堂：這是該軟件的主要功能模塊，該模塊主要提供Photoshop CS3的多媒體視頻教程，全程語音講解，真實演示操作。

經(jīng)典案例效果欣賞：這個功能模塊用于欣賞經(jīng)Photoshop處理后的圖片，給人以視覺享受，激發(fā)學(xué)習(xí)者的學(xué)習(xí)興趣。

軟件使用說明：該模塊給出軟件的詳細(xì)使用說明。單擊“軟件使用說明”按鈕，用word打開readme.doc文件，用戶可學(xué)習(xí)該軟件的使用說明。

瀏覽光盤內(nèi)容：該模塊用于瀏覽光盤內(nèi)容。單擊“瀏覽光盤內(nèi)容”按鈕，可打開光盤目錄。

退出多媒體光盤：該模塊用于軟件的退出。

3.2 軟件的詳細(xì)設(shè)計

3.2.1 軟件的主界面設(shè)計：采用Authorware的按鈕交互圖標(biāo)來實現(xiàn)，6個按鈕交互圖標(biāo)中的5個用于實現(xiàn)用戶單擊按鈕進(jìn)入相應(yīng)的功能模塊的設(shè)計。1個按鈕交互用于實現(xiàn)背景音樂的播放和暫停。

詳細(xì)設(shè)計過程：建立一個Authorware工程文件，并命名。拖曳一個計算圖標(biāo)到流程線上，并命名為測試并改變屏幕分辨率。這個圖標(biāo)是用來確定軟件使用的分辨率的，軟件在進(jìn)入主界面時會自動更改顯示器的分辨率為1024×768，以達(dá)到全屏顯示；退出軟件后又會自動更改為顯示器原來的分辨率，所以用戶不必手動干預(yù)分辨率的設(shè)置。軟件的界面設(shè)計包括主界面的設(shè)計、交互按鈕的設(shè)計。將事先制作好的主界面圖像文件拖到計算圖標(biāo)下方，并命名為主界面，并使用腳本語言讓圖像不能移動。接下來拖一個交互圖標(biāo)到流程線上，并命名為主控，并拖5個群組圖標(biāo)和1個計算圖標(biāo)到交互圖標(biāo)的右側(cè)，確認(rèn)為按鈕交互類型，建立交互結(jié)構(gòu)。交互分支分別命名為“多媒體視頻教學(xué)”、“經(jīng)典案例效果欣賞”、“實例素材源文件”、“瀏覽光盤內(nèi)容”、“退出多媒體光盤”、“播放/暫停”。在交互結(jié)構(gòu)下方插入DirectMediaXtra插件，并命名為“背景音樂”，用于播放該軟件的背景音樂。主流程線的設(shè)計如圖2所示。

圖2 主流程圖的設(shè)計

測試并改變屏幕分辨率實現(xiàn)的代碼實現(xiàn)參考文獻(xiàn)[2]中已經(jīng)論述[2]51-52。

背景音樂的播放和暫停計算圖標(biāo)實現(xiàn)的代碼如下：

if GetSpriteProperty(@“背景音樂”,#mediabusy)=1 then

CallSprite(@“背景音樂”,#videopause)

else

CallSprite(@“背景音樂”,#videoplay)

end if

軟件運行后主界面如圖所示3所示。

圖3 軟件運行的主界面

3.2.2 多媒體視頻課堂功能模塊的設(shè)計：由前面所討論的教學(xué)軟件內(nèi)容管理框架模型和Photoshop視頻教學(xué)軟件的需求，系統(tǒng)設(shè)計采用層次框架模型管理教學(xué)內(nèi)容，各章目錄采用索引方法，各節(jié)使用線性的管理方法，構(gòu)成層次網(wǎng)絡(luò)結(jié)構(gòu)。如圖4所示。

圖4 多媒體視頻課堂的組織結(jié)構(gòu)圖

該功能模塊主要采用Authorware中的熱區(qū)交互圖標(biāo)、框架圖標(biāo)和導(dǎo)航圖標(biāo)實現(xiàn)，熱區(qū)交互圖標(biāo)主要用來實現(xiàn)視頻教學(xué)內(nèi)容的選擇，框架圖標(biāo)主要功能是管理視頻教學(xué)內(nèi)容，導(dǎo)航圖標(biāo)主要用來實現(xiàn)視頻教學(xué)內(nèi)容的靈活控制。二級流程線的結(jié)構(gòu)設(shè)計如圖5所示。

圖5 多媒體視頻課堂的二級流程線設(shè)計圖

雙擊基礎(chǔ)知識部分，得到三級流程線，設(shè)計如圖6所示。

圖6 多媒體視頻課堂的三級流程線設(shè)計圖

雙擊某一節(jié)得到四級流程線，設(shè)計如圖7所示。

圖7 多媒體視頻課堂的四級流程線設(shè)計圖

在這一級流程線的設(shè)計中，交互結(jié)構(gòu)用于實現(xiàn)對Photoshop視頻教學(xué)內(nèi)容的完全控制。主要利用Authorware的腳本語言來實現(xiàn)?？梢岳冒粹o和進(jìn)度條相結(jié)合的方式來實現(xiàn)對Flash動畫的控制，包括打開Flash文件、播放、暫停、快進(jìn)、快退、首幀、尾幀等按鈕控制方式，也可以通過拖曳播放頭在進(jìn)度條的位置改變Flash動畫的播放進(jìn)度，而且Flash動畫播放的進(jìn)度可以動態(tài)顯示，即播放的部分深色顯示，同時動態(tài)顯示播放進(jìn)度的百分比。進(jìn)而增加了控制Flash動畫的靈活性和交互性。效果如圖8所示。

圖8 多媒體視頻課堂的效果圖

3.2.3 經(jīng)典案例效果欣賞功能模塊設(shè)計：主要應(yīng)用了框架圖標(biāo)和導(dǎo)航圖標(biāo)來實現(xiàn)?？蚣墚?dāng)中的每一頁是經(jīng)過Photoshop處理過的經(jīng)典圖片，利用導(dǎo)航圖標(biāo)可以手動實現(xiàn)頁面之間的跳轉(zhuǎn)。同時把這些圖片做成.swf格式，利用導(dǎo)航圖標(biāo)實現(xiàn)自動播放。為了欣賞的要求可利用DirectMediaXtra插件添加背景音樂，增加娛樂功能，并可通過Authorware的腳本語言來控制音量的大小。流程線的設(shè)計如圖9所示。

圖9 經(jīng)典案例效果欣賞的設(shè)計圖

框架圖標(biāo)的內(nèi)部結(jié)構(gòu)設(shè)計如圖10所示。

圖10 框架內(nèi)部結(jié)構(gòu)的設(shè)計圖

運行效果如圖11所示。

圖11 經(jīng)典案例效果欣賞的效果圖

3.2.4 光盤使用說明模塊設(shè)計：主要應(yīng)用Authorware的腳本語言打開相應(yīng)的readme.doc文件，實現(xiàn)的代碼如下：

JumpOutReturn(“winword.exe”,FileLocation^“readme.doc”)

3.2.5 瀏覽光盤內(nèi)容模塊設(shè)計：主要應(yīng)用Authorware的腳本語言打開Windows資源管理器文件夾瀏覽光盤的內(nèi)容，實現(xiàn)的代碼如下：

x∶=FileLocation

JumpOutReturn("",x^".")

3.2.6 退出多媒體光盤模塊設(shè)計：顯示圖標(biāo)用于實現(xiàn)軟件的簡介，聲音圖標(biāo)用于實現(xiàn)退出的背景音樂，計算圖標(biāo)用于實現(xiàn)軟件的退出。退出結(jié)構(gòu)的設(shè)計如圖12所示。

圖12 退出多媒體光盤的設(shè)計圖

4 結(jié)論

Photoshop教學(xué)軟件是一個集視頻教學(xué)內(nèi)容、效果欣賞、使用說明、瀏覽光盤內(nèi)容于一體的多媒體視頻軟件。采用層次結(jié)構(gòu)設(shè)計，有效地組織整個教學(xué)內(nèi)容。改變了傳統(tǒng)利用Authorware設(shè)計中以文字瀏覽為主的設(shè)計方式，教師可以在課堂上播放視頻教程或在上機(jī)練習(xí)時指導(dǎo)學(xué)生自學(xué)視頻教程的內(nèi)容，使用起來非常方便，界面簡單，而且內(nèi)容擴(kuò)充性強(qiáng)，成為學(xué)生學(xué)習(xí)Photoshop課程的好幫手。該軟件的的框架設(shè)計及流程控制的實現(xiàn)，可作為其它多媒體視頻教學(xué)軟件的通用框架模板。

[1]楊象馳.基于Authorware的多媒體教學(xué)軟件設(shè)計研究[J].計算機(jī)工程與設(shè)計,2004,25，(5):697-699.

[2]梅強(qiáng)華.自動檢測和動態(tài)改變屏幕分辨率設(shè)置程序[J].計算機(jī)應(yīng)用,2001，(06):51-52.

[3]符策群.基于Authorware的多媒體課件框架的設(shè)計與開發(fā)[J].海南師范學(xué)院學(xué)報(自然科學(xué)版),2005,18，(4):330-333.