基于Flash的多媒體課件框架設(shè)計與實現(xiàn)

顧鳳梅

宿遷學院 江蘇宿遷 223800

目前，在很多學校都采用計算機輔助教學，多媒體課件也已經(jīng)成為一種教學手段。但是對于課件的開發(fā)占用了教師大多數(shù)的時間和精力，課件的重復(fù)利用率比較低。本文針對大多數(shù)課件存在的通用性差、結(jié)構(gòu)化不完整等缺陷，設(shè)計一種框架，避免重復(fù)的系統(tǒng)設(shè)計。利用Flash做的課件存儲量小，很容易在網(wǎng)絡(luò)上傳播。

Flash剛開始是基于矢量的動畫制作軟件，但是現(xiàn)在Flash的版本升級以后功能越來越多。Flash使用矢量圖形和流式播放技術(shù)，與位圖圖形不同的是，矢量圖形可以任意縮放尺寸而不影響圖形的質(zhì)量。Flash現(xiàn)在不僅能夠制作出絢麗多彩的Flash動畫以及其他的Flash作品，更能讓教師制作出精彩的多媒體課件，并且同樣的內(nèi)容用Flash制作往往比用其他軟件制作的容量更小。用Flash做課件，更重要的是它的動畫編輯功能使得設(shè)計者可以隨心所欲地設(shè)計出高品質(zhì)的動畫，如果課件中用到動畫和按鈕，直接就可以制作，而對于其他軟件可能還要借助于這個軟件。

1 課件內(nèi)容框架設(shè)計

課件實質(zhì)是一種軟件，是在一定的學習理論指導(dǎo)下，根據(jù)教學目標設(shè)計的、反映某種教學策略和教學內(nèi)容的計算機軟件?？蚣苁窃谝粋€給定的問題領(lǐng)域內(nèi)，一個應(yīng)用程序的一部分設(shè)計與實現(xiàn)。在Flash中利用場景和層和按鈕控制內(nèi)容之間的跳轉(zhuǎn)。本文通過課件實例介紹課件制作過程中一些原理和方法，提出基于Flash的多媒體課件設(shè)計框架。一般課件內(nèi)容組織如圖1所示。

本文以一個“圓的關(guān)系”課件來說明框架的設(shè)計。從圖1來看，最重要的一塊就是課件內(nèi)容，當然每一部分內(nèi)容可以添加、修改或者是刪除。

圖1 內(nèi)容組織

2 基于Flash多媒體課件框架設(shè)計

Flash多媒體課件框架可以利用層和影片剪輯，也可以利用場景來制作。本文框架主要是利用場景來完成，因為利用場景轉(zhuǎn)換之間相對比影片剪輯之間的轉(zhuǎn)換或者修改相對更容易一些。把場景和actionscript代碼和場景層相結(jié)合，結(jié)合Flash矢量格式的特點以及大多數(shù)教師的習慣，提出基于Flash課件框架，如圖2所示場景設(shè)置圖。場景中總共設(shè)置片頭動畫場景、主界面場景、圓的相交、圓的相切、圓的相離及退出界面等6個場景，片頭動畫、主界面、退出界面的場景是一般課件里都應(yīng)該有的，其他3個場景可以根據(jù)課件內(nèi)容的多少來進行添加。

圖2 場景設(shè)置

2.1 片頭動畫場景設(shè)計

圖3 片頭動畫場景中層結(jié)構(gòu)

圖4 片頭動畫場景截圖

片頭一般用一個動畫來實現(xiàn)，F(xiàn)lash軟件本身就可以來制作，所以用起來比較方便。片頭場景中的層設(shè)置如圖3所示，總共設(shè)置七層。在這里制作一個比較簡單的動畫，顯示紅、綠、藍3個圓在變換位置的同時變換顏色，背景音樂選用節(jié)奏感比較強的音樂，文本占一層，按鈕也放在一層，最上面一層是Actions層，把背景音樂放在最下面一層，使用動畫的關(guān)鍵幀動畫技術(shù)和逐幀動畫技術(shù)。片頭動畫播放完后停止下來，需要點擊進入。課件片頭動畫場景截圖如圖4所示，在播放完動畫后出現(xiàn)一個按鈕“進入課件”。在場景當中設(shè)置其按鈕名為“jinru”，點擊進入課件按鈕進入主界面場景，在Actions層設(shè)置代碼：

stop();

jinru.addEventListener(MouseEvent.CLICK, jinru1);function jinru1(event:MouseEvent):void

{ MovieClip(this.root).gotoAndPlay(1, “主界面 ”);}

注意代碼加在最后一關(guān)鍵幀上函數(shù)，stop();函數(shù)停止時間軸執(zhí)行，使其不能轉(zhuǎn)向下一幀或者下一個場景的執(zhí)行。

2.2 主界面場景設(shè)計

主界面場景的設(shè)計是整個課件框架最重要的一塊，內(nèi)容的展示能否按照教學和學習者的思維流轉(zhuǎn)很重要，要能從主界面轉(zhuǎn)到學習的內(nèi)容，并且還要能從學習的內(nèi)容返回到主

界面，以及轉(zhuǎn)到退出課件的場景都是在這里設(shè)置。如圖5所示主界面場景層的結(jié)構(gòu)圖，總共有四層：背景層、標題層、按鈕層以及Actions層。在這個場景中只設(shè)置了一幀，是靜態(tài)的，不需要設(shè)置動畫。

主界面場景截圖如圖6所示，界面中有4個按鈕，分別是圓的相交、圓的相離、圓的相切及一個退出按鈕。在場景中分別取名xiangjiao、xiangli、xiangqie、tuichu， 分別點擊按鈕轉(zhuǎn)向所對應(yīng)的場景。

Actions圖層中部分代碼如下：

圖5 主界面場景中層結(jié)構(gòu)

圖6 主界面場景截圖

2.3 內(nèi)容模塊場景設(shè)計

內(nèi)容模塊這塊可以根據(jù)課件內(nèi)容的多少來設(shè)置場景的多少，內(nèi)容越多，場景越多，也可以場景里再設(shè)置影片剪輯。圖7以“圓的相交”場景層設(shè)置為例。該場景設(shè)置了九層，有很多層也可以放在一起的，在這里設(shè)置了一個動畫，一個大圓和一個小圓往中間移動，相交產(chǎn)生兩個交點，交點變化顏色閃動，出現(xiàn)一行文字，效果如圖8內(nèi)容模塊截圖所示。圖8中還有一個返回按鈕，按鈕取名為“fanhui”，按鈕放在返回圖層當中。該按鈕功能

圖7 內(nèi)容模塊（圓的相交）層結(jié)構(gòu)圖

圖8 內(nèi)容模塊（圓的相交）截圖

是返回到主界面，其Actions層代碼如下：

點擊返回按鈕，返回到主界面，可以演示其他課件內(nèi)容。

在遮罩圖層最后一幀加actions代碼stop();，播放到最后一幀停止下來。對于圓的相切內(nèi)容的模塊可以用相同的場景設(shè)置方法，就是交點設(shè)置的不一樣。對于圓的相離可以把交點那個圖層刪除，根據(jù)實際內(nèi)容來制作。

2.4 退出界面場景設(shè)計

從圖6中可以看到其中有退出按鈕，點擊按鈕，轉(zhuǎn)到退出界面，按鈕名為“tuichu”，其代碼和圓的相交Actions代碼一樣，把對象名和函數(shù)名改掉就可以了。退出界面一般會有制作者的姓名以及其他內(nèi)容，譬如版權(quán)，如圖9截圖所示。文本從場景外底部逐漸出現(xiàn)，actions圖層最后一幀添加代碼：

stop();

fscommand("quit");

文本圖層文字從底部出現(xiàn)，靜止兩秒或者更多秒數(shù)都可以，可以根據(jù)秒數(shù)來設(shè)置多少靜態(tài)幀，最后一幀停止，背景圖層全部是靜態(tài)幀。fscommand("quit");代碼表示直接退出Flash課件。

3 結(jié)束語

圖9 退出界面場景層結(jié)構(gòu)圖

本文提出一種基于Flash的多媒體課件框架，分別從課件片頭動畫、課件內(nèi)容和課件結(jié)束進行場景設(shè)計并實現(xiàn)課件的制作。通過該框架進行課件設(shè)計，不僅使課件流程清晰簡單，也提高多媒體課件制作的效率。該框架有很大的靈活性，每個部分可以根據(jù)課件內(nèi)容的多少進行相應(yīng)的改變。

[1]框架[EM/OL].http://baike.baidu.com/view/66971.htm.

[2]朱治國,繆亮,陳艷麗.Flash ActionScript 3.0編程技術(shù)教程[M].北京:清華大學出版社,2008.

[3]新視角文化行.Flash CS3從入門到精通[M].北京:人民郵電出版社,2008.