肖宇+錢(qián)斌

摘要：隨著現(xiàn)代教育的迅速發(fā)展和多媒體技術(shù)推廣普及，多媒體課件越來(lái)越多地應(yīng)用到教學(xué)實(shí)踐中，其中可以與學(xué)生互動(dòng)的交互式多媒體課件更加受歡迎，該文對(duì)交互多媒體課件設(shè)計(jì)過(guò)程中常用的鼠標(biāo)點(diǎn)擊型，鼠標(biāo)拖動(dòng)型，文本輸入型和鍵盤(pán)按鍵型等交互技術(shù)進(jìn)行了探討，并采用Flash和ActionScript3.0腳本語(yǔ)言設(shè)計(jì)了《兩點(diǎn)間的距離》多媒體交互課件，給出了具體的交互多媒體課件實(shí)現(xiàn)效果。

關(guān)鍵詞：Flash課件；交互設(shè)計(jì)；ActionScript3.0

中圖分類(lèi)號(hào)：TP37 文獻(xiàn)標(biāo)識(shí)碼：A 文章編號(hào)：1009-3044（2016）10-0222-02

在現(xiàn)代教學(xué)的過(guò)程中，課件是必不可少一個(gè)的教學(xué)手段，通過(guò)課件可以將知識(shí)生動(dòng)、形象、直觀地展示給學(xué)生，從而大大地提高教學(xué)質(zhì)量，由于PPT普及的較早，操作也簡(jiǎn)單，所以是教師中使用較多的課件制作工具，但是隨著教學(xué)課件的制作水平效果越來(lái)越好以及教師信息化水平的不斷提高，近年來(lái)，F(xiàn)lash技術(shù)被越來(lái)越多的應(yīng)用到教學(xué)課件制作中，課件的動(dòng)畫(huà)效果更豐富，制作起來(lái)也更簡(jiǎn)單，尤其是在Flash中利用ActionScript語(yǔ)言制作的帶有交互性質(zhì)的多媒體課件，能夠制作出包含作答選擇題、作答判斷題、作答填空題的課件，供學(xué)生通過(guò)進(jìn)行人機(jī)交互來(lái)完成課堂學(xué)習(xí)效果的檢測(cè)，實(shí)現(xiàn)了人機(jī)的交互，豐富的互動(dòng)體驗(yàn)極大的調(diào)動(dòng)學(xué)生學(xué)習(xí)的積極性[1]，而ActionScript語(yǔ)言在經(jīng)歷了1.0版本和2.0版本后，目前最新版本為3.0已經(jīng)發(fā)展成為嚴(yán)謹(jǐn)?shù)拿嫦驅(qū)ο蟪绦蛟O(shè)計(jì)語(yǔ)言，在進(jìn)行多媒體編程和交互處理時(shí)更加易于實(shí)現(xiàn)，系統(tǒng)代碼相比以前的版本結(jié)構(gòu)更加清晰，可以很方便地實(shí)現(xiàn)交互、數(shù)據(jù)處理及動(dòng)畫(huà)制作等功能，在交互多媒體課件制作中有很大的技術(shù)優(yōu)勢(shì)。本文介紹的交互多媒體課件就是利用Flash和ActionScript3.0技術(shù)制作的。

1 多媒體課件的主要交互形式

1.1 鼠標(biāo)點(diǎn)擊型交互

鼠標(biāo)點(diǎn)擊型交互是多媒體課件中最基本也是最常用的交互類(lèi)型，一般包括按鈕引導(dǎo)型和文字引導(dǎo)型兩類(lèi)，主要通過(guò)按鈕引導(dǎo)和文本（靜態(tài)文本或動(dòng)態(tài)文本）來(lái)引導(dǎo)學(xué)生進(jìn)行學(xué)習(xí)操作，此類(lèi)操作比較基本，交互性不強(qiáng)[2]。

1.2 鼠標(biāo)拖動(dòng)型交互

鼠標(biāo)拖動(dòng)型交互主要有兩種形式，第一種是連線(xiàn)型，拖動(dòng)鼠標(biāo)將對(duì)應(yīng)的內(nèi)容連接在一起；另外一種是匹配型，通過(guò)設(shè)定答案的位置，要求學(xué)生根據(jù)所學(xué)知識(shí)進(jìn)行判斷，將答案拖動(dòng)到指定位置，這兩種都是課件中課后練習(xí)和游戲部分比較常用的交互形式，很多拼圖游戲也是基于這兩種方法。

1.3 文本輸入型交互

文本輸入型交互主要是通過(guò)輸入文本框來(lái)記錄題目答案，提交后課件會(huì)判斷正誤并給出相應(yīng)評(píng)價(jià)，常見(jiàn)應(yīng)用于問(wèn)答題的交互設(shè)計(jì)中。

1.4 鍵盤(pán)按鍵型交互

鍵盤(pán)按鍵型交互主要通過(guò)特定的按鍵來(lái)控制交互的進(jìn)程，吸引學(xué)生完成相應(yīng)學(xué)習(xí)任務(wù)或者答對(duì)答案才能闖關(guān)成功進(jìn)入下一關(guān)，多用于闖關(guān)游戲的設(shè)計(jì)中。

本文設(shè)計(jì)的《兩點(diǎn)間的距離》交互式多媒體課件在通過(guò)情景動(dòng)畫(huà)講解知識(shí)點(diǎn)的同時(shí)，綜合使用交互技術(shù)，形成了交互性較強(qiáng)的多媒體課件。

2 交互課件的設(shè)計(jì)思路

《兩點(diǎn)間距離》是一個(gè)小學(xué)數(shù)學(xué)的教學(xué)課件，為更好地吸引小學(xué)生學(xué)習(xí)，課件整體設(shè)計(jì)生動(dòng)活潑、色彩豐富，趣味性強(qiáng)。以任務(wù)驅(qū)動(dòng)教學(xué)法引導(dǎo)學(xué)生去思考，步步深入，引導(dǎo)學(xué)生理解“兩點(diǎn)間直線(xiàn)最短”知識(shí)點(diǎn)，提高學(xué)生學(xué)習(xí)的積極性。

課件設(shè)計(jì)了諾諾、冉冉、樂(lè)樂(lè)三個(gè)卡通人物，通過(guò)他們之間開(kāi)展的小競(jìng)賽講解了“兩點(diǎn)間直線(xiàn)最短”知識(shí)點(diǎn)，然后由兩個(gè)逐步加大難度的交互小游戲，使學(xué)生在更深入的理解“兩點(diǎn)間直線(xiàn)最短”知識(shí)點(diǎn)。在吸引學(xué)生學(xué)習(xí)的同時(shí)使學(xué)生輕松掌握知識(shí)，交互功能體現(xiàn)在整個(gè)教與學(xué)的過(guò)程中。

3 交互課件的實(shí)現(xiàn)

3.1 素材設(shè)計(jì)

本課件用到的素材，包括課件人物、場(chǎng)景等均在photoshop或IIustrator軟件中設(shè)計(jì)完成，聲音素材也前期錄制編輯完成，導(dǎo)入到Flash的工程庫(kù)文件中。

3.2 交互功能實(shí)現(xiàn)

1） 可視化類(lèi)創(chuàng)建

Flash的開(kāi)發(fā)環(huán)境提供了創(chuàng)建可視化類(lèi)的實(shí)現(xiàn)方法，在庫(kù)中選取相應(yīng)的元件，在元件屬性中導(dǎo)出基類(lèi)為flash.display.MovieClip的可視化類(lèi)，在腳本程序中創(chuàng)建起實(shí)例化對(duì)象，最后再對(duì)其對(duì)象進(jìn)行操作[3]。

2） 交互功能實(shí)現(xiàn)

本課件一共有兩個(gè)小游戲，游戲一是連線(xiàn)題，請(qǐng)學(xué)生連接家到學(xué)校最近的連線(xiàn)，如圖2所示，有5個(gè)圓點(diǎn)供連線(xiàn)選擇，選中任意兩點(diǎn)，圓點(diǎn)顯示紅色并連線(xiàn)，課件判斷連線(xiàn)是否正確，回答正確即可進(jìn)入游戲二。

主要代碼如下：

function pointDownHandler（e：MouseEvent ）：void

{

hadDown=true；

pointName[lineNum].push（e.currentTarget）；

e.currentTarget .gotoAndStop（2）；//

this.addEventListener （MouseEvent.MOUSE_MOVE ，sceneMoveHandler）；

showLine_mc.graphics.lineStyle（3）；

showLine_mc.graphics.moveTo（e.currentTarget .x，e.currentTarget .y）；

}

游戲二是填空題，如圖3所示，主要是應(yīng)用鼠標(biāo)拖動(dòng)進(jìn)行操作交互，要求學(xué)生根據(jù)所學(xué)知識(shí)進(jìn)行判斷并將正確答案拖動(dòng)到給定位置上，如果出錯(cuò)3次則顯示正確答案。對(duì)于如何判斷是否拖動(dòng)到指定位置上本設(shè)計(jì)應(yīng)用了ActionScript3.0的hitTestObject（）方法來(lái)實(shí)現(xiàn)碰撞的檢測(cè)。

應(yīng)用hitTestObject（）方法返回的布爾值類(lèi)型來(lái)判斷是否碰撞，拖動(dòng)到指定位置，否之放回原位，主要代碼如下：

function sceneUpHandler（e：MouseEvent ）：void

{

stopDrag（）；

this.removeEventListener （MouseEvent.MOUSE_UP ，sceneUpHandler）；

if（currentMc .hitTestObject（temp_mc））

{

currentMc .x=temp_mc.x；

currentMc.y=temp_mc.y；

dragEnabled=false；

}

else

{

var n：int =int（currentMc.name.substr（3，1））；

currentMc.x=numPos[n].x；

currentMc.y=numPos[n].y；

}

}

3.3 計(jì)時(shí)功能實(shí)現(xiàn)

ActionScript3.0主要提供了兩種表達(dá)時(shí)間變化的方法，一種是采用播放頭事件Event.ENTER_FRAME描述時(shí)間變化。播放時(shí)間頭事件通過(guò)設(shè)置不同幀頻（frameRate）來(lái)控制時(shí)間間隔；另一種是通過(guò)Timer時(shí)間類(lèi)時(shí)間計(jì)時(shí)器來(lái)記錄時(shí)間的經(jīng)過(guò)[4] ，本次課件的設(shè)計(jì)采用Timer類(lèi)來(lái)實(shí)現(xiàn)計(jì)時(shí)功能，3次錯(cuò)誤答案后顯示正確答案，主要代碼如下：

function timerHandler（e：TimerEvent ）：void

{

timer.stop（）；

if（falseCount<3）

{

dragEnabled=true；

replay（）；

}

else

{

showAnswer（）；

finished=true；

timer.start （）；

}

}

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

課件的動(dòng)畫(huà)交互設(shè)計(jì)功能的途徑和表現(xiàn)形式多種多樣，實(shí)現(xiàn)方式也并不唯一，充分利用Flash和ActionScript語(yǔ)言的強(qiáng)大的交互設(shè)計(jì)優(yōu)點(diǎn)設(shè)計(jì)出的強(qiáng)大交互課件，不僅能幫助教師很好地進(jìn)行教學(xué)，還能吸引學(xué)生積極參與到教學(xué)活動(dòng)中，引導(dǎo)學(xué)生去思考、去實(shí)踐，更能使學(xué)生在聽(tīng)覺(jué)、視覺(jué)等方面有一個(gè)美的享受。因此，課件的交互設(shè)計(jì)在整個(gè)課件的設(shè)計(jì)中占有重要的地位。只有擁有強(qiáng)大的交互能力，多媒體課件才能夠充分地發(fā)揮其優(yōu)勢(shì)，達(dá)到節(jié)省教師勞動(dòng)和提升教學(xué)效果的雙重效果。希望本文能給廣大同仁們一點(diǎn)借鑒和幫助，合理利用這些方法制作出完整高效的交互式多媒體課件。

參考文獻(xiàn)：

[1] 張藍(lán)春. Flash制作多媒體課件交互功能的實(shí)現(xiàn)方法[J].中國(guó)科技信息，2012（10）：232.

[2] 梁珂，傅興瀛，劉元.Flash多媒體課件作品中交互技術(shù)研究[J].軟件導(dǎo)刊，2014（2）：147-148.

[3] 李巧玲，王曉梅.Flash課件中交互練習(xí)題的制作[J].電腦知識(shí)與技術(shù)，2011，7（8）.

[4] 陳煜，吳曉光，殷鳳華.基于Flash和Action3.0技術(shù)的防火演習(xí)游戲設(shè)計(jì)與開(kāi)發(fā)[J].軟件導(dǎo)刊，2015（3）：95-96.