基于ActionScript交互式課件的設(shè)計與實現(xiàn)

收稿日期：2014－03－17

作者簡介：幸海瓊(1980-)，女，廣東梅州人，碩士，講師，主要研究方向：計算機(jī)教育、多媒體軟件的設(shè)計和開發(fā)。

摘要：ActionScript的功能日益強(qiáng)大，應(yīng)用腳本語言編程，可以制作出具有良好交互性和開放性的多媒體課件。以“CorelDraw12造型工具的應(yīng)用”交互式多媒體課件為例，綜述了FlashActionScript在多媒體課件制作領(lǐng)域的優(yōu)勢，介紹了課件的設(shè)計與實現(xiàn)，給出課件開發(fā)的幾個關(guān)鍵技術(shù)。

關(guān)鍵詞：ActionScript； 面向?qū)ο螅?模塊化編程； 組件

中圖分類號：TP391文獻(xiàn)標(biāo)識碼：A文章編號：2095-2163（2014）03-0092-03

Design and Implementation of Interactive Courseware based on ActionScript

XING Haiqiong

(Zhaoqing Agricultural School，Zhaoqing Guangdong 526070， China)

Abstract：ActionScript is increasingly powerful.Through applications scripting language programming， the multimedia courseware can be produced with good interactinity and openness.To “apply CorelDraw12 modeling tool “interactive multimedia courseware for example， the paper introduces the advantages of Flash ActionScript field of multimedia courseware， describes the design and implementation of courseware， and gives several key technology of courseware development.

Key words：ActionScript; Object Oriented; Modular Programming; Component

0引言

眾所周知，多媒體教學(xué)課件可以更加自然、逼真地表現(xiàn)豐富多彩的視聽世界，可以對宏觀和微觀事物進(jìn)行立體形象的模擬，還可以對抽象、無形事物進(jìn)行生動直觀的展示，從而激發(fā)學(xué)生的學(xué)習(xí)興趣，使原本艱澀單一的教學(xué)活動充滿了魅力。當(dāng)今，F(xiàn)lash具備完善的媒體支持功能，能融合圖形圖像、聲音、視頻、動畫等各種媒體形式于一體［1］。而FlashActionScript的功能也日益強(qiáng)大，應(yīng)用ActionScript腳本語言，即可制作出具有良好交互性和開放性的多媒體課件［2-3］。同時，F(xiàn)lash開發(fā)的課件交互性強(qiáng)，動畫感好，并且文件也小，還能支持流媒體，這些均將有助于課件的教學(xué)和交流［4］。本文即以“CorelDraw12造型工具的應(yīng)用”多媒體課件為例，綜述了FlashActionScript在多媒體課件制作領(lǐng)域的優(yōu)勢，介紹了課件的設(shè)計與實現(xiàn)，并給出課件開發(fā)的幾個關(guān)鍵技術(shù)［5］。

1FlashActionScript在多媒體課件制作領(lǐng)域的優(yōu)勢

制作多媒體課件的工具有很多，F(xiàn)lash即是目前流行的一款交互式課件開發(fā)工具，并以其動畫制作簡單、交互設(shè)計靈活、傳播方便、且易學(xué)易用等優(yōu)點，在課件制作領(lǐng)域中展現(xiàn)了強(qiáng)大的獨家優(yōu)勢。對其優(yōu)勢具體分析如下。

1.1面向?qū)ο蟮某绦蛟O(shè)計

面向?qū)ο蟮乃枷胝J(rèn)為現(xiàn)實世界是由對象組成的，對象是屬性和方法的集合，而程序則是由對象組成的。面向?qū)ο蟮某绦蛟O(shè)計是將問題抽象成許多類，將對象的屬性和方法封裝成一個整體，實例是類的對象。Flash中的按鈕、影片剪輯和圖形實例都是類的對象，類的每個實例都繼承了類的屬性和方法。例如，所有影片剪輯實例都是MovieClip類的實例，可以將MovieClip類的任何方法和屬性應(yīng)用于影片剪輯實例。

1.2模塊化編程

Flash內(nèi)置的ActionScript (簡稱AS)腳本語言，均基于ECMAScript的標(biāo)準(zhǔn)化腳本程序設(shè)計語言。Flash中提供了很多內(nèi)置和自定義的函數(shù)，借助AS，可實現(xiàn)模塊化編程，即將復(fù)雜的問題分解為多個獨立的模塊，再將各個模塊組合起來實現(xiàn)整體功能。模塊化編程簡化了開發(fā)過程，有利于程序中錯誤的發(fā)現(xiàn)和修改。目前使用的AS3.0在功能和性能上都有很大的改進(jìn)，具有更多出色的表現(xiàn)，為基于Web的應(yīng)用程序也提供了更為廣闊的拓展空間。只有用好AS腳本語言，才能充分發(fā)揮Flash完美的交互型功能，從而制作實現(xiàn)功能強(qiáng)大的多媒體課件。

2Flash ActionScript課件的實現(xiàn)

Flash具備完善的媒體支持功能，能導(dǎo)入圖像、聲音、動畫、視頻等各種媒體，開發(fā)的課件能打破時間和空間的限制，并將許多抽象的概念形象化、具體化，使教學(xué)化難為易，在增強(qiáng)教學(xué)效果的同時，進(jìn)一步提高了學(xué)習(xí)效率，因而具有傳統(tǒng)教學(xué)所無法比擬的優(yōu)越性?，F(xiàn)以實際制作的多媒體課件“CorelDraw12造型工具的應(yīng)用”為例，來說明多媒休課件在Flash中的實現(xiàn)。

2.1課件的設(shè)計分析

課件以 CorelDRAW12提供的“造型”工具為主要內(nèi)容，需要學(xué)生直觀地感受“焊接”、“相交”和“修剪”等工具的過程和效果。傳統(tǒng)教學(xué)教具簡單、抽象，影響學(xué)生空間觀念的拓展，學(xué)生難于理解，也不利于知識的掌握。課件通過結(jié)構(gòu)分解、模擬操作、實例操作等，使學(xué)生真切具體地感受并接受這些抽象的知識。

課件設(shè)計原則是實用和直觀。課件導(dǎo)航清晰，能夠運用于實際教學(xué)中，也可作為計算機(jī)相關(guān)專業(yè)課程的教學(xué)課件，還可當(dāng)作學(xué)生自主學(xué)習(xí)的輔助材料，推進(jìn)助教助學(xué)，其課件結(jié)構(gòu)如圖1所示。

圖1結(jié)構(gòu)流程圖

Fig.1Structure flowchart

2.2課件功能分析

課件綜合運用Flash中的各種動畫效果，使用ActionScript2.0腳本語言編程，主要分為以下七個模塊：課件說明、學(xué)習(xí)目標(biāo)、重點難點、結(jié)構(gòu)分解、模擬操作、課堂練習(xí)、課外延伸。部分課件操作界面如圖2所示。第3期幸海瓊：基于ActionScript交互式課件的設(shè)計與實現(xiàn)智能計算機(jī)與應(yīng)用第4卷

圖2操作界面

Fig.2User interface

3課件實現(xiàn)的關(guān)鍵技術(shù)

3.1ActionScript腳本語言的應(yīng)用

本例使用了Flash中內(nèi)置和自定義的函數(shù)，實現(xiàn)課件的交互導(dǎo)航、模擬操作、控制文本顯示和聲音等。模塊之間交互導(dǎo)航的部分函數(shù)代碼：

on (press) {gotoAndstop(\"jgfj\"，\"gc\");

}//導(dǎo)航，鏈接到“結(jié)構(gòu)分解”。

on (release) {gotoAndStop(\"mycz\"，\"cz\");

}//導(dǎo)航，鏈接到“模擬操作”。

on (release) {gotoAndStop(\"ktxl\"，\"lx\");

}//導(dǎo)航，鏈接到“課堂練習(xí)”。

文本顯示函數(shù)代碼：

up_btn.onPress=function(){

mytext2.scroll-=2;

}//點擊按鈕往上滾動文本。

down_btn.onPress=function(){

mytext2.scroll+=2;

}//點擊按鈕往下滾動文本。

控制聲音的函數(shù)代碼：

stop_con.onPress = function() {

_root.mysound.stop(\"one\");

GotoAndStop(2);

}//聲音播放。

stop();

play_con.onPress = function() {

_root.mysound.start();

gotoAndStop(1);

}//聲音停止。

3.2組件的應(yīng)用

組件是帶有預(yù)定義參數(shù)的影片剪輯，擁有一套完整的參數(shù)和ActionScript方法，使用組件，對其參數(shù)進(jìn)行設(shè)置，再編寫腳本，實現(xiàn)交互動畫。Flash內(nèi)置了大量常用的組件，如TextArea組件、CheckBox組件、ComboBox組件、List組件、Button組件等。每個組件都可以實現(xiàn)一種或者多種功能，為課件開發(fā)提供了很大的便利。為了建立良好的“協(xié)作學(xué)習(xí)”環(huán)境，本例設(shè)置了答題互動環(huán)節(jié)，應(yīng)用Flash內(nèi)置組件，制作了選擇題，本例中應(yīng)用的組件如表1所示。

表1組件的應(yīng)用

Tab.1Application of components組件類型作用Button按鈕確定按鈕，查看學(xué)習(xí)結(jié)果CheckBox復(fù)選框選擇題選項Label標(biāo)簽顯示答題信息TextArea滾動文本框顯示滾動文本TextInput輸入文本框填空題輸入答案

除了對組件參數(shù)進(jìn)行設(shè)置，還使用ActionScript腳本語言自定義函數(shù)，實現(xiàn)答題互動功能，選擇題主函數(shù)代碼如下：

stop();

function onclick () {

if (a1.selected == true) {

answer = \"很棒，你答對了!\";

} else {

answer = \"加油，請再來一次!\";

}

}//確定按鈕的定義，回答正確提示“很棒，你答對了!”，回答錯誤提示“加油，請再來一次!”。

function onclick1 () {

a2.selected = 1;

a3.selected = 1;

a4.selected = 1;

answer = \"\";

}//定義正確的選項。

on (click) {

_root.onclick1 ( );

}//按鈕代碼

3.3類和模板的應(yīng)用

利用Flash中的類和模板制作交互性填空題，從學(xué)習(xí)交互類中選擇“填空交互操作”組件，打開“組件檢查器”面板，對“Fill In The Blank”進(jìn)行參數(shù)設(shè)置，一部分是填空題題目的具體內(nèi)容和控制，另一部分是測驗選項和填空交互操作組件對象，包括開始、選項和資源三部分，具體設(shè)置如圖3所示。

圖3“填空交互操作”參數(shù)設(shè)置

Fig.3“Fill In The Blank” Parameter settings

利用Flash中內(nèi)置的類和模板，可以根據(jù)學(xué)生掌握知識的情況有針對性地自制題庫，使學(xué)生進(jìn)行測驗，及時檢查答案，第一時間糾正錯誤，并且自動計算成績，提高學(xué)習(xí)效果。同時，還可以降低制作成本，提高課件的利用率，強(qiáng)化課件的移植功能，真正地做到因材施教。

4結(jié)束語

Flash以其完備的功能，在課件制作中的作用日益突出，然而也必須看到，多媒體教學(xué)更需要和傳統(tǒng)的教學(xué)方法緊密地結(jié)合，如此方能充分發(fā)揮各自優(yōu)勢，切實提高課堂效果和教學(xué)質(zhì)量。本文借助課件實例，介紹了基于ActionScript交互式課件的設(shè)計與實現(xiàn)，充分利用了ActionScript的強(qiáng)大功能，簡化開發(fā)流程，編程實現(xiàn)簡單，與其它課件制作工具相比表現(xiàn)了明顯的優(yōu)越性，也明確彰顯了其輔助教學(xué)的巨大優(yōu)勢，應(yīng)用前景極為廣闊。

參考文獻(xiàn)：

［1］李永．FLASH多媒體課件制作經(jīng)典教程［M］．北京：清華大學(xué)出版社，2010．

［2］朱治圖．Flash ActionScript 2.0編程技術(shù)教程［M］．北京：清華大學(xué)出版社，2011．

［3］楊東昱．ActionScript 2.0 精彩范例詞典［M］.北京：機(jī)械工業(yè)出版社，2010．

［4］翟彤．基于Flash ActionScript 的虛擬現(xiàn)實的實現(xiàn)［J］．電腦知識與技術(shù)(學(xué)術(shù)交流)，2007（2）：559-561．

［5］王澤波．Flash課件制作標(biāo)準(zhǔn)教程［M］．北京：清華大學(xué)出版社，2012.