基于Flash的積件技術(shù)研究

呂光金, 芮廷先, 陳麗燕

(1.上海財經(jīng)大學 浙江學院信息管理系,浙江 金華 321015; 2.上海財經(jīng)大學 信息管理與工程學院,上海 200433)

運用計算機輔助教學,可以創(chuàng)新教學形式,豐富教學資源,解決傳統(tǒng)教學中存在的困惑與不足,尤其是在仿真和模擬各種復(fù)雜環(huán)境及存在安全隱患的教學場景時能起到不可替代的作用．但是,教師在課件的開發(fā)與應(yīng)用中,也發(fā)現(xiàn)了不少問題:一是由于開發(fā)工具的選取不當,導(dǎo)致制作的課件容量大、交互性差,不適合遠程教學;二是課件一般都是針對特定的教學內(nèi)容設(shè)計與制作的,一旦制作完畢,就不易修改,不能適應(yīng)變化的現(xiàn)實課堂教學．這使得課件在教學活動中有很大的局限性,不利于個性化的學習與創(chuàng)造性的發(fā)揮,在實際應(yīng)用中教學效果往往不佳．

針對傳統(tǒng)課件的不足,黎加厚教授提出了學校計算機輔助教學的新思維——積件[1]．文獻[2-5]對積件的思想、理論依據(jù)、體系架構(gòu)等進行了深入的研究．積件思想的提出,為CAI提供了新的思路和方法,文獻[6-8]在多門學科中進行了研究與實踐,并基于Authorware,Dreamweaver,Flash,C#,圖形加工類軟件(如Photoshop,3DS,Animator)、聲音加工類軟件(如WaveStudio,Cakewalk)等進行開發(fā).但是,關(guān)于Flash平臺下實現(xiàn)積件組合的研究并不多見．本文分析了Flash開發(fā)積件的優(yōu)勢,提出了在Flash平臺中實現(xiàn)積件組合的3種方法．

1 積件研究

1.1 積件的概念

積件系統(tǒng)是教師和學生根據(jù)教學的實際需要,運用教學策略科學組合教學資源形成課件的一個軟件系統(tǒng)[1]．一般認為,它由積件組合平臺與積件庫構(gòu)成[1]．積件庫包括多媒體教學資料庫和微課件庫,多媒體教學資料庫包括文本、圖形、動畫、音頻和視頻等各種素材.積件的最大特點是重用性、開放性和可積性[2]．積件的組合過程類似于搭積木游戲,不同的游戲參與者可以搭建出不同的圖形．不同的教師根據(jù)其教學策略組合的課件內(nèi)容、顯示順序、教學重點等都不一致.隨著教學情境的不斷變化,專業(yè)人員或教師可以不斷地更新積件庫,以便組合出更多符合個性化教學的課件．

1.2 積件設(shè)計原則

積件的設(shè)計與開發(fā)可能由不同專業(yè)人員共同完成,因此,各開發(fā)成員必須遵循一定的設(shè)計原則.積件設(shè)計的原則有知識完整性、單一性、一致性和多樣性[3]．為了使組合的課件更規(guī)范,還應(yīng)該約定統(tǒng)一的界面、色調(diào)、公式、導(dǎo)航鏈接等．

1.3 積件組合平臺

積件組合平臺是用來組合積件庫中的積件并最終生成CAI課件的軟件環(huán)境[1]．現(xiàn)有的一些多媒體課件開發(fā)軟件都能實現(xiàn)該功能,理論上都可以成為積件組合平臺．但是,直接選用這些軟件作為積件組合平臺,將與傳統(tǒng)的課件制作沒有什么區(qū)別,也不能給其他學者提供有價值的參考．如果能夠選用這些工具進行二次開發(fā),建立一個積件組合平臺的簡易模板,供教學人員使用,應(yīng)該是比較科學的做法．

1.4 積件式CAI教學模式

第一代多媒體CAI課件的制作一般由設(shè)計者和制作者共同完成,但在現(xiàn)實的課堂教學中,更多的是一線教師獨立完成制作并使用．它由項目需求分析、教案設(shè)計、腳本編寫、素材準備、課件制作與集成、課件測試等環(huán)節(jié)組成,一旦制作完畢封裝后就不易修改,形式、教學策略和播放順序等固定．本文所述的積件組合生成的課件屬于第二代課件．它由教學人員根據(jù)積件的完整性、單一性原則將知識點分解,結(jié)合一定的教學策略,然后由專業(yè)人員開發(fā)積件組合平臺并制作相應(yīng)的積件(微課件),最后,教學人員根據(jù)自身的教學策略組合出不同的課件應(yīng)用于教學．這種積件式CAI教學模式如圖1所示．

圖1 積件式CAI教學模式

積件庫的內(nèi)容可以是網(wǎng)頁形式的文件、PPT形式的文件、視頻文件、Authorware文件以及exe,txt等形式的文件,也就是在積件平臺中能夠被識別和調(diào)用的文件．為了確保設(shè)計的軟件小巧靈活、交互性強、適合網(wǎng)絡(luò)教學,從積件的一致性原則出發(fā),建議選用Flash軟件制作swf文件形式的積件,將視頻文件轉(zhuǎn)換成mp4或flv形式的流媒體文件．

2 Flash積件技術(shù)研究

2.1 Flash開發(fā)積件優(yōu)勢分析

Flash是一個非常受歡迎的矢量繪圖和動畫制作軟件,目前已經(jīng)成為人們制作多媒體課件的首選工具．用Flash開發(fā)積件具有強大的優(yōu)勢.

1) 使用Flash可以制作出一種容量很小的高質(zhì)量矢量圖形和交互性極強的網(wǎng)頁動畫.Flash動畫文件能單獨成為網(wǎng)頁直接在IE中播放,也可以插入到HTML中或被Authorware和Director等軟件導(dǎo)入使用,還可以獨立成為多媒體課件．

2) Flash具有強大的動態(tài)修改與交互功能.例如,文本格式有3種:靜態(tài)文本,可在課件制作時輸入文字;輸入文本,可在課件運行時輸入文字;動態(tài)文本,可在課件運行時動態(tài)生成文字或改變文字．

3) Flash提供了多種UI組件,對教學策略提供了強大的支持功能[9],可以靈活設(shè)計內(nèi)容的顯示、順序、跳轉(zhuǎn)位置.利用UI組件可以輕松完成填空、連線、選擇、拖放、判斷等類型測試題目的制作,學習者可以自主選擇內(nèi)容進行學習,系統(tǒng)能及時檢驗、統(tǒng)計和反饋練習情況．

4) Flash具有友好的接口功能.它有強大的ActionScript3(簡稱AS3)腳本語言功能,可以很方便地調(diào)用其他形式的積件;它能夠在文件之間傳遞數(shù)據(jù),能與其他腳本語言進行數(shù)據(jù)轉(zhuǎn)換,并能支持使用XML．

2.2 Flash積件組合技術(shù)

2.2.1 多項選取列表

多項選取列表的設(shè)計,類似于多項選擇題的設(shè)計．在系統(tǒng)設(shè)計過程中,將所有積件的標題以目錄索引的方式呈現(xiàn)給教學人員,讓其自由瀏覽,然后對感興趣的內(nèi)容進行選取,系統(tǒng)根據(jù)教學人員選取的內(nèi)容生成動態(tài)的課件．在設(shè)計多項選取列表時,主要用到了ComboBox,List和CheckBox這3種組件．

2.2.2 XML動態(tài)實現(xiàn)菜單方式

XML是一種把數(shù)據(jù)表示為文本字符串的語言,字符串中包括用于描述數(shù)據(jù)的散布的“標記”.現(xiàn)在,XML已經(jīng)成為Internet應(yīng)用程序中交換結(jié)構(gòu)數(shù)據(jù)的標準[10]．XML類似于HTML,利用XML可以在Flash課件中結(jié)構(gòu)化地存儲信息,如文本內(nèi)容、圖片信息、菜單內(nèi)容、用戶信息和文件管理等．在Flash中讀取XML的內(nèi)容,與調(diào)用圖片或聲音的方法相似,必須先定義路徑、請求和加載容器等過程．

圖2 Flash與外部數(shù)據(jù)交換的兩種方式

如圖2所示,在XML出現(xiàn)之前,Flash與外部數(shù)據(jù)的交換必須通過數(shù)據(jù)庫實現(xiàn),并需要使用ASP,PHP或JSP等軟件進行對接;當XML出現(xiàn)之后,Flash與外部數(shù)據(jù)的連接或交換變得更加方便,Flash對XML數(shù)據(jù)文件的訪問是通過XML類來實現(xiàn)的．

菜單是最常見的一種交互方式,因為可以折疊或伸縮,能夠有效地節(jié)省課件的展示空間,所以在課件中被廣泛應(yīng)用[9]．在積件式的課件設(shè)計中,由于教學策略、教學對象、教學情境的不同,教師組合的課件內(nèi)容和課件菜單也將不同．為了方便教師修改課件菜單,可以運用XML文件來動態(tài)生成和控制菜單項的內(nèi)容．教師在編輯菜單項的內(nèi)容時不必修改Flash源文件,只需修改XML文件即可．

下面以大學課程《Flash動畫設(shè)計》為例,分析如何運用XML文件來動態(tài)生成菜單項．實現(xiàn)過程分兩步:第一步,由專業(yè)人員設(shè)計menu.xml文件,教學人員只需修改menu.xml文件中“name”和“src”的值即可;第二步,在Flash平臺中編寫具體代碼,這由專業(yè)人員完成,與教學人員無關(guān)．

新建一個menu.xml文件,一級菜單用1stLevel節(jié)點控制,二級菜單用2ndLevel節(jié)點控制,層級用levelNumber屬性控制,具體代碼如下:

<1stLevel name="補間動畫" src="#" levelNumber="1">

<2ndLevel name="補間動畫的原理" src="bjdhyl.swf"

levelNumber="2">

<2ndLevel name="補間動畫的實例" src="bjdhsl.swf"

levelNumber="2">

<1stLevel name="遮罩動畫" src="#" levelNumber="1">

<2ndLevel name="遮罩動畫的原理" src="zzdhyl.swf"

levelNumber="2">

<2ndLevel name="遮罩動畫的實例1" src="zzdhsl1.swf"

levelNumber="2">

<2ndLevel name="遮罩動畫的實例2" src="zzdhsl2.swf"

levelNumber="2">

新建一個Flash的文檔,添加AS代碼層,進行讀取XML文件生成動態(tài)菜單的代碼編寫,主要代碼為:

System.useCodepage=true;

var menuXML:XML=new XML;

var XML-URL:String="menu.xml";

var menuXMLURL:URLRequest=new URLRequest(XML-URL);

var myLoader:URLLoader=new URLLoader(menuXMLURL);

var i:Number=0;

var j:Number=0;

myLoader.addEventListener("Event.COMPLETE",xmlLoaded);

function xmlLoaded(event:Event):void {

menuXML=XML(myLoader.data);

readXML(menuXML);}

//讀取XML內(nèi)容生成菜單項按鈕

function readXML(node:XML):void {

for each (var element:XML in node.elements()) {

i=parseInt(element.@levelFlag);

j++;

drawButton(element.@name,i,j,element);

readXML(element);

}}…

//對菜單項按鈕單擊時進行導(dǎo)航

btnNow.mouseChildren=false;

btnNow.addEventListener(MouseEvent.CLICK,function onrel(){;

navigateToURL(new URLRequest(element.@src));

});…

運行程序,生成的動態(tài)菜單項如圖3所示．單擊菜單項按鈕,將調(diào)用相應(yīng)的積件進行教學．

圖3 讀取menu.xml文件生成的動態(tài)菜單

2.2.3 積件組合平臺與圖標調(diào)度方式

文獻[1]提出了積件平臺的設(shè)計思想,指出可以從一些優(yōu)秀的多媒體軟件(如Powerpoint,Authorware)中吸取素材,如對象的鏈接與嵌入、圖標的調(diào)度方式、向?qū)б约澳０宓乃枷氲龋贔lash平臺中實現(xiàn)積件的組合,可以運用積件組合平臺結(jié)合圖標的調(diào)度方式．積件組合平臺至少應(yīng)有3個功能:一是能夠預(yù)覽并播放積件庫中的積件;二是能夠動態(tài)地增加外部積件,并能方便地進行網(wǎng)絡(luò)鏈接導(dǎo)航;三是有供教學人員組合的快捷圖標,通過拖動圖標即可組合積件生成課件．

下面以《Flash動畫設(shè)計》的“遮罩動畫”這一章為例,用Flash平臺開發(fā)一個簡易的積件組合平臺．

1) 將“遮罩動畫”這一章知識點進行分解,根據(jù)教學人員的設(shè)計需求,由設(shè)計人員制作成各個積件,納入積件庫．

2) 設(shè)計人員設(shè)計好課件界面,然后將積件庫的各個積件在Flash平臺中制作成相應(yīng)的圖標,按統(tǒng)一規(guī)定命名并納入flash播放文件內(nèi)置的元件庫中,如tb01,tb02,…,tbn．這些圖標必須經(jīng)過編程后放到組合課件的初始界面上.編程主要實現(xiàn)如下功能:當鼠標放在圖標上時有相應(yīng)的提示與幫助;當鼠標按下圖標時,用戶可以任意地拖動并組合圖標;當單擊時能調(diào)用相應(yīng)的積件進行播放預(yù)覽．例如,在“閃閃紅星”圖標上的編程為:

on (rollover) {setProperty("/helptb01",-alpha,100);}

on (rollout) {setProperty("/helptb01",-alpha,0);}

on (release) {stopDrag();}

on (press) {if (-root.-currentframe==1){startDrag("/tb01");}

else {loadMovieNum ("積件-閃閃紅星.swf", 1);}}

當需要調(diào)用的積件類型不一致時,對于元件庫中的圖標要進行不同的編程．例如,要調(diào)用Flash制作的實例演示積件(即.swf文件),則在該圖標上編程為:

on (release) {loadMovieNum ("具體的文件名.swf",1)};

要調(diào)用其他視頻和動畫形式的積件,則在該圖標上編程為:

on (release) {FS Command (“exec”,“調(diào)用程序的具體路徑”)};

要調(diào)用外部文本文件定義的變量,如選擇題、填空題時,則在該圖標上編程為:

on (release) {Loadvariables(“具體題目文件名.txt”)};

要調(diào)用外部的任意網(wǎng)頁形式的積件,則在該圖標上編程為:

on (release) {GET URL (“具體的網(wǎng)址”)}．

3) 在組合界面中,教學人員拖動相應(yīng)的圖標到指定目標區(qū),如圖4所示．點按“組合課件”按鈕,進入到課件播放界面;選取課件播放界面中的按鈕,將實時導(dǎo)入相應(yīng)積件進行教學．

圖4 積件平臺組合界面

2.3 3種積件組合技術(shù)的比較

從使用者(教學人員)角度來說,多項選取列表的方法最易使用,因為使用者不需要修改任何程序和積件,直接在列表中勾選所需內(nèi)容即可播放課件．運用XML生成動態(tài)菜單的方法最難,使用者需要修改XML程序中相應(yīng)的“name”和“src”值．運用積件組合平臺生成課件的方法最直觀、簡捷,因為它不僅具有積件的瀏覽功能,而且動態(tài)組合課件的過程容易理解．

對于開發(fā)者來說,多項選取列表的方法比較容易實現(xiàn),但是,積件的開放性與靈活性不高,當要增加新的積件時,不僅要修改組件,而且還要進行AS3代碼編寫．運用XML動態(tài)生成菜單的方式,雖然在開發(fā)時技術(shù)難度大,但是其開放性好,使用者可以任意擴展、任意組合積件,而且還可以應(yīng)用于其他學科,它相當于提供了一個積件組合的模板文件．

一線教師使用后普遍認為,運用組合平臺結(jié)合圖標調(diào)度方式組合課件方便、靈活,且最易理解;但是,積件組合的優(yōu)勢不如XML動態(tài)生成菜單方式,尤其是在開放性和擴展性上．可見,第二代課件的出現(xiàn),即將積件思想應(yīng)用于多媒體課件開發(fā),使得課件朝開放性、重用性、可積性發(fā)展,解決了第一代多媒體課件的部分不足,教師可以動態(tài)的組合課件、增加和調(diào)用外部積件,實現(xiàn)了個性化的教學．

參考文獻:

[1] 黎加厚.從課件到積件:我國學校課堂計算機輔助教學的新發(fā)展[J].電化教育研究,1997(3):10;1997(4):50;1998(1):69.

[2] 嚴劍.積件從理論走向?qū)嵺`的新思路[J].中國電化教育,2000(6):8.

[3] 鄭明輝,周慧華.基于WFMS的多媒體遠程教學課件設(shè)計的實現(xiàn)[J].微計算機應(yīng)用,2003,24(3):151.

[4] 王旭卿.積件系統(tǒng)設(shè)計之我見[N].計算機世界,1997-10-13(D11).

[5] 黎加厚.積件的組成、特點及開發(fā)[N].計算機世界,1997-10-13(D11).

[6] 賴梅.基于積件理論的網(wǎng)上CAI設(shè)計模式探討[J].計算機工程與應(yīng)用,2003(15):131.

[7] 曹麗華.Flash動畫在課件制作中的應(yīng)用[J].吉林師范大學學報:自然科學版,2011(4):141.

[8] 呂光金.基于建構(gòu)主義理論的積件式CAI設(shè)計模式的研究[J].福建電腦,2011(9):122.

[9] 孫方,蘇仰娜,王慧.Flash課件制作技術(shù)精粹[M].北京:電子工業(yè)出版社,2012:255-265.

[10] Graves M.XML數(shù)據(jù)庫設(shè)計[M].尹志軍,等譯.北京:機械工業(yè)出版社,2002:1-2.