舒建武

（浙江樹人學(xué)院 現(xiàn)代教育技術(shù)中心，浙江 杭州 310015）

Flash技術(shù)在VB教學(xué)中的應(yīng)用研究

舒建武

（浙江樹人學(xué)院 現(xiàn)代教育技術(shù)中心，浙江 杭州 310015）

《Visual Basic程序設(shè)計(jì)》是各高校非計(jì)算機(jī)專業(yè)必修的一門計(jì)算機(jī)技術(shù)基礎(chǔ)課程。但是因?yàn)檎n程本身在邏輯思維等方面的較高要求，VB課程的教學(xué)效果不很理想。本文闡述了Flash技術(shù)在VB教學(xué)中的一些應(yīng)用技巧，將教學(xué)內(nèi)容中抽象、難懂的知識(shí)利用Flash設(shè)計(jì)的課件或軟件進(jìn)行具體化、形象化，使學(xué)生更容易理解和接受，改善學(xué)生學(xué)習(xí)情況，提高課堂教學(xué)質(zhì)量。

Flash技術(shù)；課件；VB課程

非計(jì)算機(jī)專業(yè)計(jì)算機(jī)基礎(chǔ)教學(xué)的3個(gè)不同層次，分別解決的是“操作技能”、“思維訓(xùn)練”、“綜合應(yīng)用能力”問題。學(xué)習(xí)《Visual Basic程序設(shè)計(jì)》主要目的是提高學(xué)生分析歸納、解決問題的能力，在思維訓(xùn)練方面受益。在VB教學(xué)過程中有很多既抽象又不易講述的概念，例如多重循環(huán)、數(shù)組排序等，學(xué)生不容易理解；加上VB本身是一個(gè)系統(tǒng)的、循序漸進(jìn)的課程，某些知識(shí)點(diǎn)的卡殼將影響到后續(xù)很多知識(shí)點(diǎn)的掌握，因此不少學(xué)生在學(xué)習(xí)了循環(huán)結(jié)構(gòu)以后，就開始跟不上教師的講課進(jìn)度，問題積累地越來越多，漸漸地對(duì)VB課程失去了興趣，甚至失去了信心。

作為教師，如果能夠利用學(xué)生喜歡玩游戲的特點(diǎn)，將書本中的知識(shí)融入到游戲軟件中，讓學(xué)生在參與游戲過程的時(shí)候，既能體驗(yàn)到游戲的快樂，又能輕松地學(xué)到知識(shí)，從而實(shí)現(xiàn)“寓教于樂”。為此，作者在課堂教學(xué)中，用Flash技術(shù)設(shè)計(jì)出極具表現(xiàn)效果的圖形和動(dòng)畫，將VB知識(shí)中晦澀難懂的概念和思路形象、直觀地表達(dá)，使學(xué)生容易理解和接受；課后，用Flash技術(shù)設(shè)計(jì)出助學(xué)型的游戲軟件，讓學(xué)生在玩游戲的過程中掌握和鞏固知識(shí)，改善學(xué)生學(xué)習(xí)主動(dòng)性，讓學(xué)生們快樂學(xué)習(xí)，提高教學(xué)質(zhì)量。

一、Flash技術(shù)的特點(diǎn)和優(yōu)勢(shì)

Flash是一款交互式矢量圖形編輯與動(dòng)畫制作軟件，是目前使用最為廣泛的網(wǎng)頁動(dòng)畫制作與網(wǎng)站建設(shè)編輯軟件之一。它能夠?qū)⑹噶繄D、位圖、音頻、動(dòng)畫、視頻和交互動(dòng)作有機(jī)地、靈活地結(jié)合在一起，從而制作出美觀、新奇、交互性很強(qiáng)的動(dòng)畫效果。[1]在制作多媒體課件方面，F(xiàn)lash存在以下幾方面的優(yōu)勢(shì)。

（1）使用矢量圖形。矢量圖形與位圖圖形不同的是：矢量圖形存儲(chǔ)圖片只占用極少的空間，而且播放時(shí)，可以任意縮放尺寸而不影響圖形的質(zhì)量。課堂教學(xué)中，可以多利用圖形、圖像代替文字，吸引學(xué)生的注意力，提高課堂教學(xué)效果。

（2）使用流媒體播放技術(shù)。Flash播放器在下載Flash影片時(shí)采用流媒體方式，實(shí)現(xiàn)Flash動(dòng)畫可以邊播放邊下載，因此用Flash制作的課件在課堂教學(xué)中不會(huì)出現(xiàn)等待或卡殼的情況，課堂教學(xué)可以流暢地進(jìn)行。

（3）強(qiáng)大的交互功能。通過ActionScript動(dòng)作腳本和組件可以實(shí)現(xiàn)交互，使Flash具有更強(qiáng)大的設(shè)計(jì)空間。強(qiáng)大的交互功能帶給教師靈活多變的講課方式，可以做到與學(xué)生實(shí)時(shí)互動(dòng)，避免了教師的“一言堂”。

（4）通用性好。Flash動(dòng)畫制作完成后，可以打包生成可執(zhí)行文件，脫離Flash的編輯環(huán)境獨(dú)立運(yùn)行，不受運(yùn)行環(huán)境的限制。Flash的播放插件很小，在瀏覽器中可以自動(dòng)安裝。因此，用Flash設(shè)計(jì)制作的課件或軟件上傳于網(wǎng)絡(luò)后，學(xué)生可以選擇下載或在線學(xué)習(xí)，這樣利于網(wǎng)絡(luò)教學(xué)。

（5）減小文件大小。除了矢量圖文件特別小之外，通過使用關(guān)鍵幀和圖符使得所生成的動(dòng)畫（.swf）文件非常小，因此即使動(dòng)畫內(nèi)容豐富，其數(shù)據(jù)量也不會(huì)很大，這樣對(duì)于教師攜帶、上傳下載提供了便利。[2]

二、應(yīng)用實(shí)例設(shè)計(jì)與實(shí)現(xiàn)

1.實(shí)例一：“冒泡排序方法”動(dòng)畫演示課件

在VB的教學(xué)中，對(duì)于一維數(shù)組的冒泡排序方法，學(xué)生比較難理解和掌握，而排序方法在后面的教學(xué)中將被多次用到，所以這個(gè)知識(shí)點(diǎn)是教師必須講透、學(xué)生必須明白的。

冒泡排序方法的基本思想是在每一輪排序時(shí)將相鄰的兩個(gè)數(shù)做比較，次序不對(duì)則交換位置，出了內(nèi)循環(huán)則最小數(shù)或最大數(shù)已經(jīng)冒出，依次類推完成數(shù)組的排序。

例如，在窗體上單擊后，用冒泡排序法對(duì)隨機(jī)產(chǎn)生的10個(gè)兩位正整數(shù)進(jìn)行升序排列。解答上述題目的正確代碼如下：

如果用傳統(tǒng)的板書或者PowerPoint幻燈片演示文稿講解冒泡排序算法的推理過程，面對(duì)著書本上的文字或是VB代碼，學(xué)生多數(shù)會(huì)覺得云里霧里，不知所措。因此，作者將數(shù)組排序的過程設(shè)計(jì)成一個(gè)Flash演示動(dòng)畫，通過圖形和動(dòng)畫演示過程進(jìn)行講解，學(xué)生就可以直觀地看到排序的過程，通過師生間的互動(dòng)，讓學(xué)生理解并總結(jié)出冒泡排序的算法，即n個(gè)數(shù)的一維數(shù)組中從小到大排列的算法為：

在設(shè)計(jì)動(dòng)畫場(chǎng)景時(shí)，根據(jù)“冒泡排序”的名稱，設(shè)計(jì)出4個(gè)帶有數(shù)字的水泡圖形，并且無序排列，要將這些水泡排序，可用鼠標(biāo)隨意拖曳進(jìn)行排序。如圖1、圖2所示。

通過這樣的操作演示，把書本上原本枯燥不易理解的文字轉(zhuǎn)化成具體形象的動(dòng)畫，學(xué)生就比較容易理解和接受，而且在視覺感官上對(duì)排序方法印象深刻。在鞏固知識(shí)點(diǎn)方面，學(xué)生不再為死記硬背排序的代碼而發(fā)愁，只需將動(dòng)畫演示過程，也就是冒泡排序的基本思想逐一轉(zhuǎn)為相應(yīng)的VB代碼即可。

（1）設(shè)計(jì)過程

步驟一：在圖層1中插入關(guān)鍵幀作為背景動(dòng)畫，以“beijing”命名該圖層。制作電影剪輯元件并放入圖層2中；

步驟二：在圖層3中插入關(guān)鍵幀，插入以“paopao”命名的元件，并賦予動(dòng)作代碼：

內(nèi)容則為泡泡形狀的球形，作為電影剪輯元件，放置于場(chǎng)景底部；

步驟三：在圖層4中，放置4個(gè)相同形狀的按鈕元件，分別代表“40”、“30”、“20”、“10”這4個(gè)數(shù)字，賦予代碼：

步驟四：在圖層5中放置“冒泡排序”標(biāo)題于場(chǎng)景中；

步驟五：在圖層6中的第一幀添加電影剪輯元件和按鈕元件，此為聲音控制按鈕；

步驟六：在圖層6的最后一幀中插入“stop”代碼。

（2）課件的打包，生成可執(zhí)行(.exe)文件

打開文件，選擇“文件”下的“發(fā)布設(shè)置”命令，如果要在網(wǎng)頁中發(fā)布，同時(shí)選中“Flash（*.swf）”和“HTML(*.html)”復(fù)選框；如果要作為獨(dú)立的可執(zhí)行文件發(fā)布，選中“Windows（放映文件＊.exe）”和“Macintosh放映文件”復(fù)選框。單擊“發(fā)布”，就會(huì)生成相應(yīng)的發(fā)布文件。默認(rèn)發(fā)布位置與原始FLA文件相同。[3]

2.實(shí)例二：VB代碼拼圖游戲軟件

課堂教學(xué)中，我們可以利用Flash設(shè)計(jì)的“冒泡排序方法”動(dòng)畫演示課件將抽象的知識(shí)點(diǎn)轉(zhuǎn)化為形象具體的動(dòng)畫，從而提高教學(xué)質(zhì)量。在課外，我們也能利用Flash設(shè)計(jì)出一些輔助教學(xué)的軟件，比如VB代碼拼圖游戲軟件，用于學(xué)生的自學(xué)和復(fù)習(xí)鞏固。

VB代碼拼圖游戲軟件是以《Visual Basic程序設(shè)計(jì)》為基礎(chǔ)，將浙江省計(jì)算機(jī)等級(jí)考試（二級(jí)VB）系統(tǒng)中程序設(shè)計(jì)題的VB代碼打亂，由游戲參與者根據(jù)題目要求重新進(jìn)行排列的一款軟件。游戲參與者在游戲過程中，一邊享受游戲的快樂，一邊鞏固自己所學(xué)的VB知識(shí)，真正實(shí)現(xiàn)“寓教于樂”。

（1）VB代碼拼圖游戲軟件的特點(diǎn)及操作過程。

1）VB代碼拼圖游戲軟件片頭，如圖3所示。

2）游戲過程中，游戲參與者在右框內(nèi)選擇一條代碼，用鼠標(biāo)拖曳至標(biāo)有序號(hào)的空白處，若選擇的代碼與標(biāo)準(zhǔn)代碼一致，則代碼會(huì)順利存放在此處，否則代碼將自動(dòng)移回右框內(nèi)，如圖4所示。

3）直至右框內(nèi)所有代碼均存放到相應(yīng)正確位置后，完成此題的代碼拼圖過程，通過此關(guān)，然后單擊“下一題”按鈕，繼續(xù)通關(guān)，如圖5所示。

4）在設(shè)計(jì)游戲過程中，作者還增加了“界面圖示”、“正確代碼”、“代碼運(yùn)行”等模塊，可供游戲參與者過關(guān)參考。如圖6所示。

5）游戲軟件界面的下方還有以下3個(gè)模塊：拼圖提示、代碼重點(diǎn)、游戲規(guī)則，將鼠標(biāo)移動(dòng)至上方即可顯示。如圖7所示。

6）此游戲共24關(guān)，每關(guān)游戲過程中，在限定的5分鐘時(shí)間內(nèi)，若界面右邊框內(nèi)無代碼剩余，則說明拼圖正確，通過此關(guān)，可繼續(xù)下一關(guān)。

（2）設(shè)計(jì)過程

游戲軟件設(shè)計(jì)過程中，其中代碼移動(dòng)的部分程序如下：

在考試前，學(xué)生往往通過書本和筆記等資料進(jìn)行復(fù)習(xí)，面對(duì)著繁多的文字和代碼，不少學(xué)生還是選擇了死記硬背，考試結(jié)果也不理想。作者設(shè)計(jì)并給學(xué)生使用該游戲軟件，通過2個(gè)學(xué)期的驗(yàn)證，學(xué)生普遍反映游戲軟件比看書有趣，且教學(xué)效果突出；學(xué)生間還會(huì)經(jīng)常開展拼圖比賽，在規(guī)定的時(shí)間內(nèi)，誰能更多的完成VB代碼拼圖，并且設(shè)立了排行榜。

三、結(jié)束語

用 Flash軟件設(shè)計(jì)制作教學(xué)課件和助學(xué)型游戲軟件，制作過程比較簡單，涉及到的代碼也不是很多，但是教學(xué)效果卻比較明顯。相比于PowerPoint設(shè)計(jì)的課件，F(xiàn)lash設(shè)計(jì)的課件在互動(dòng)性方面存在較大的優(yōu)勢(shì)，后者可以將知識(shí)點(diǎn)通過鼠標(biāo)拖曳等方式進(jìn)行模擬演示，從而讓學(xué)生通過視覺刺激等方式快速理解吸收。而游戲軟件能讓學(xué)生在枯燥的VB編程學(xué)習(xí)過程中，用學(xué)生們更感興趣的游戲形式來調(diào)動(dòng)學(xué)習(xí)積極性，學(xué)生間還可以展開通關(guān)競(jìng)賽，以此鞏固學(xué)習(xí)成果。☉

[1]王智強(qiáng)，張桂敏.中文版Flash CS4標(biāo)準(zhǔn)教程.北京：中國電力出版社，2009:4.

[2]王寧，魏利平.中文版Flash 8實(shí)用教程[M].北京：電子工業(yè)出版社，2007:1.

[3]何立軍，張國權(quán).Flash 8中文版動(dòng)畫設(shè)計(jì)與創(chuàng)意案例精解[M].北京：電子工業(yè)出版社，2006:18.

（編輯：楊馥紅）

434

B

1673-8454(2011)23-0085-04