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

收稿日期：2014－03－17

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

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

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

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

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

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

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

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

1.2模塊化編程

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

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

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

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

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

課件設(shè)計(jì)原則是實(shí)用和直觀。課件導(dǎo)航清晰，能夠運(yùn)用于實(shí)際教學(xué)中，也可作為計(jì)算機(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課件功能分析

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

圖2操作界面

Fig.2User interface

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

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

本例使用了Flash中內(nèi)置和自定義的函數(shù)，實(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;

}//點(diǎn)擊按鈕往上滾動(dòng)文本。

down_btn.onPress=function(){

mytext2.scroll+=2;

}//點(diǎn)擊按鈕往下滾動(dòng)文本。

控制聲音的函數(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方法，使用組件，對(duì)其參數(shù)進(jìn)行設(shè)置，再編寫(xiě)腳本，實(shí)現(xiàn)交互動(dòng)畫(huà)。Flash內(nèi)置了大量常用的組件，如TextArea組件、CheckBox組件、ComboBox組件、List組件、Button組件等。每個(gè)組件都可以實(shí)現(xiàn)一種或者多種功能，為課件開(kāi)發(fā)提供了很大的便利。為了建立良好的“協(xié)作學(xué)習(xí)”環(huán)境，本例設(shè)置了答題互動(dòng)環(huán)節(jié)，應(yīng)用Flash內(nèi)置組件，制作了選擇題，本例中應(yīng)用的組件如表1所示。

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

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

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

stop();

function onclick () {

if (a1.selected == true) {

answer = \"很棒，你答對(duì)了!\";

} else {

answer = \"加油，請(qǐng)?jiān)賮?lái)一次!\";

}

}//確定按鈕的定義，回答正確提示“很棒，你答對(duì)了!”，回答錯(cuò)誤提示“加油，請(qǐng)?jiān)賮?lái)一次!”。

function onclick1 () {

a2.selected = 1;

a3.selected = 1;

a4.selected = 1;

answer = \"\";

}//定義正確的選項(xiàng)。

on (click) {

_root.onclick1 ( );

}//按鈕代碼

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

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

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

Fig.3“Fill In The Blank” Parameter settings

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

4結(jié)束語(yǔ)

Flash以其完備的功能，在課件制作中的作用日益突出，然而也必須看到，多媒體教學(xué)更需要和傳統(tǒng)的教學(xué)方法緊密地結(jié)合，如此方能充分發(fā)揮各自優(yōu)勢(shì)，切實(shí)提高課堂效果和教學(xué)質(zhì)量。本文借助課件實(shí)例，介紹了基于ActionScript交互式課件的設(shè)計(jì)與實(shí)現(xiàn)，充分利用了ActionScript的強(qiáng)大功能，簡(jiǎn)化開(kāi)發(fā)流程，編程實(shí)現(xiàn)簡(jiǎn)單，與其它課件制作工具相比表現(xiàn)了明顯的優(yōu)越性，也明確彰顯了其輔助教學(xué)的巨大優(yōu)勢(shì)，應(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)實(shí)的實(shí)現(xiàn)［J］．電腦知識(shí)與技術(shù)(學(xué)術(shù)交流)，2007（2）：559-561．

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