基于f lash 技術(shù)的交互課件制作

張雅軍

(天津市南開社區(qū)學(xué)院,天津市 300100)

基于f lash 技術(shù)的交互課件制作

張雅軍

(天津市南開社區(qū)學(xué)院,天津市 300100)

Flash是一個(gè)功能十分強(qiáng)大的多媒體軟件開發(fā)工具。論文通過交互練習(xí)課件實(shí)例的制作,說明Flash不僅是制作網(wǎng)站的強(qiáng)大利器,對(duì)于解決教學(xué)中的重點(diǎn)難點(diǎn)問題能起到很好的輔助作用,越來越多的教師以此為平臺(tái)制作課件,制作課件的過程變得更方便、更快捷。

Flash;交互練習(xí)

交互多媒體課件有多種類型,例如判斷題、單選題、填空題。英語中的聽力填空題、數(shù)學(xué)中的四則運(yùn)算、解方程等均可以制作成這類課件。

下面是通過作者所制作的中央廣播電視大學(xué)《數(shù)據(jù)庫基礎(chǔ)與應(yīng)用》課程的交互式多媒體為例,簡單的介紹一下常見的幾種類型練習(xí)題的制作方法。本文所介紹的課件使用Flash M X所制作。

一、單選題的制作

運(yùn)行此練習(xí)課件時(shí),對(duì)四個(gè)單選題進(jìn)行選擇。

選擇完畢,單擊“查看答案”按鈕,可以查看本題的答案,單擊“下一題”按鈕,會(huì)翻頁到下一個(gè)題目。題目全部回答完畢后,會(huì)顯示一個(gè)測驗(yàn)成績頁面。

制作步驟如下:

1.創(chuàng)建單選題題目

(1)創(chuàng)建課件背景和標(biāo)題:

在新建的影片文檔中,將場景1的“圖層1”改名為“背景和標(biāo)題”。然后再這個(gè)圖層上的第1幀上創(chuàng)建出符合課件整體效果的背景。

(2)輸入單選題題目:

新建一個(gè)“題目”圖層,用文本工具在第2——8幀分別輸入7道題目。

(3)制作單選按鈕:

在單選題的制作過程中,單選按鈕是關(guān)鍵。

新建一個(gè)圖層,命名其為“單選按鈕”,在“窗口”菜單下的“組件”命令或用快捷鍵“Ctrl+F7”打開“Flash U IComponents”組件面板。這是Flash M X自帶的一組組件。

在“Flash U ICom ponents”中有7個(gè)不同的組件,其中“CheckBox”制作復(fù)選框;“Com boBox”制作下拉組合框;“ListBox”制作組合框;“PushButton”制作按鈕;“RadioButton”制作單選框;“ScrollBar”制作滾動(dòng)條;“ScrollPane”制作流動(dòng)窗體。

這里要制作的是單選題,所以從“組件”面板的User Interface組件類別中連續(xù)將四個(gè)Radio But2 ton單選按鈕組件拖放到舞臺(tái)上。

以單選題第1題為例,第一個(gè)按鈕的參數(shù)設(shè)置如圖1所示

圖1

因?yàn)榈谝粋€(gè)選項(xiàng)不是本題正確的答案,所以data參數(shù)值設(shè)為0(正確選項(xiàng)的data參數(shù)設(shè)置為1)。這樣,在編寫統(tǒng)計(jì)測驗(yàn)成績的程序時(shí),就可以利用data參數(shù)值進(jìn)行答題正確與否的判斷。

2.創(chuàng)建導(dǎo)航按鈕

在這個(gè)練習(xí)課件中創(chuàng)建了3個(gè)導(dǎo)航按鈕,分別是“下一題”、“查看答案”和“終止測試”。

先創(chuàng)建一個(gè)“導(dǎo)航按鈕”圖層,將事先準(zhǔn)備好的三個(gè)按鈕樣式放到舞臺(tái)上,分別給三個(gè)按鈕定義動(dòng)作腳本:

“下一題”按鈕的動(dòng)作腳本為:

“查看答案”的動(dòng)作腳本為:

//通過單選按鈕的getValue()屬性判斷選擇的答案是否正確,注意如果查看了答案也不算正確

3.創(chuàng)建“測驗(yàn)成績”頁面

新建一個(gè)圖層,命名為“測驗(yàn)成績”。在第9幀處,創(chuàng)建一個(gè)顯示測驗(yàn)成績的頁面。然后定義這個(gè)頁面的動(dòng)作腳本。

新建一個(gè)圖層,命名為“action1”,在這個(gè)圖層的第1幀到第9幀都添加上一下動(dòng)作代碼:

Stop();//控制影片停止

這樣可以控制每出現(xiàn)一個(gè)選擇題,頁面就停止。

再新建一個(gè)圖層,命名為“action2”,這個(gè)圖層上第2幀上的動(dòng)作腳本為:

第3幀上的動(dòng)作腳本:

G2.addEventListener("click",f lashistListener);

第4-8幀上的動(dòng)作腳本以此類推。

第9幀即檢測成績界面上的動(dòng)作腳本為:

chengji=M ath.round(100 3 dui/total);//計(jì)算檢測成績

二、多選題的制作:

多選題的制作過程與單選題相似,所不同的是,在組件面板中拖到舞臺(tái)上的是“CheckBox”復(fù)選框,如果是4個(gè)選項(xiàng),則拖動(dòng)4個(gè)“CheckBox”復(fù)選框到舞臺(tái)上,并分別給這四個(gè)復(fù)選框的實(shí)例名為checkbox1,checkbox2,checkbox3和checkbox3,label的參數(shù)值分別為A、B、C和D。提交按鈕和動(dòng)態(tài)文本框的制作與單選題制作類似。新建一個(gè)名為“action”的圖層,在“動(dòng)作”面板中定義這個(gè)圖層第1幀的動(dòng)作腳本為:

此動(dòng)作腳本中if語句和else語句來實(shí)現(xiàn)程序選擇結(jié)構(gòu),if語句后面的條件比較復(fù)雜,用“邏輯與”運(yùn)算符&&將、checkbox1.selected==1、checkbox2.selected==1等關(guān)系表達(dá)式連接起來形成的。功能是判斷所選答案的狀態(tài)。如果checkbox1處于被選中狀態(tài)即checkbox1.selected==1、Checkbox2處于被選中狀態(tài)、Checkbox3處于未被選中即checkbox3.selected==0、checkbox4處于被選中狀態(tài),那么整個(gè)邏輯表達(dá)式的值為1(true),也就是條件成立;如果不是以上的狀態(tài),那么整個(gè)邏輯表達(dá)式的值為0(false),也就是說條件不成立。當(dāng)條件成立時(shí),執(zhí)行if語句后面的result=“回答正確”這個(gè)語句,當(dāng)條件不成立時(shí),執(zhí)行else語句后面的result=“回答錯(cuò)誤”這個(gè)語句。

三、填空題的制作

1.創(chuàng)建填空題題目在新建的影片文檔中,“圖層1”,將其命名為“背景和標(biāo)題”,然后再這個(gè)圖層上的第1幀處創(chuàng)建與整個(gè)課件風(fēng)格相一致的背景,可以參考單選練習(xí)題的背景。并配上相關(guān)的靜態(tài)文字。

新建一個(gè)圖層,將其命名為“題目”,本例有23道題,所以在這個(gè)圖層上用“文本工具”,從第2-24幀制作填空題題目。以第1題,即第2幀為例,在這個(gè)“題目”圖層上,創(chuàng)建一個(gè)影片剪輯,并將其命名為“第一題”,在該影片剪輯中分別創(chuàng)建“動(dòng)態(tài)文本”和“靜態(tài)文本”,在“動(dòng)態(tài)文本”圖層的第1幀和第2幀創(chuàng)建1個(gè)輸入文本對(duì)象和1個(gè)動(dòng)態(tài)文本對(duì)象。輸入文本用來輸入題目的答案,輸入文本對(duì)象的變量名定義為“a”。動(dòng)態(tài)文本用來顯示答題結(jié)束后的反饋信息文字,例如上文中提到的動(dòng)態(tài)文本的變量名為“result”。如果答對(duì)了,則會(huì)顯示“棒極了,全填對(duì)了”。如果答錯(cuò)了,則提示“某處有錯(cuò)誤”,然后可以在橫線處繼續(xù)答題。

2.定義動(dòng)作腳本

在影片剪輯“第一題”新建一個(gè)“按鈕”圖層,將3個(gè)事先準(zhǔn)備好的按鈕放到舞臺(tái)中合適的位置。

首先給三個(gè)按鈕設(shè)置動(dòng)作:

第三個(gè)“下一題”按鈕的動(dòng)作腳本為:

(2)設(shè)置影片剪輯“第1題”和場景1的動(dòng)作腳本

在“第1題”影片剪輯中新建一個(gè)名為“動(dòng)作腳本”的圖層,在其第1、2幀處,定義動(dòng)作腳本為:stop();//控制影片停止

回到場景1中,也新建一個(gè)名為“動(dòng)作腳本“的圖層,將其1-24幀處,均定義動(dòng)作腳本為:

stop();//控制影片停止

上文中曾經(jīng)介紹過,這樣可以控制每出現(xiàn)一個(gè)填空題,頁面就停止。單擊“下一題“按鈕,可以翻頁到下一填空題。

A bs tra c t:Flash is a m ultimedia softw are development tool w ith powerful functions.In this arti2 cle,the author gives us some examp les of interactive exercises’coursew are.Through these examp les,readers can understand that Flash is a powerful tool not only in web design,but also in making coursew are.Realizing its help ful role in teaching,more and more teachers are now using it to p roduce coursew are.

Ke y w o rd s:flash;interactive exercises

The Production of Interactive Exercises’Coursew are Based on Flash

ZHANG Ya-jun
(Tianjin N ankai D istrict Comm unity College)

TP311

A

1673-582X(2011)02-0101-05

2010-10-12

張雅軍(1980-),天津南開社區(qū)學(xué)院計(jì)算機(jī)系講師。