馬震安
在教學(xué)中制作課件,應(yīng)用最多的也就是PPT或是Flash了。一些展示性的課件用PPT尚且可以,而一些比較復(fù)雜的、帶有交互性的課件就需要利用Flash了。但是,在Flash中制作交互式的課件還必須懂得AS腳本語言編程,這讓很多的教師望而卻步。那有沒有不用語言編程,但可以像操作PPT那樣簡單,也能制作出稍復(fù)雜些的交互式課件的方法嗎?
筆者經(jīng)過研究,發(fā)現(xiàn)Articulate Storyline 2這個(gè)軟件,它的操作和PPT差不多少,但它可以在不編程的情況下制作較復(fù)雜的交互式課件。在這里,筆者通過實(shí)例的方式研究不用代碼制作交互式課件,希望能起到拋磚引玉的作用。
實(shí)例描述:課件中的線路圖有電源、安培表、開關(guān)、滑動(dòng)變阻器、電燈。當(dāng)開關(guān)閉合時(shí),根據(jù)滑動(dòng)變阻器的滑塊位置電燈達(dá)到一定亮度,安培表指針也指到一定數(shù)值,且左、右拖動(dòng)滑動(dòng)變阻器的滑塊兒時(shí),電燈的亮度及安培表的指針都發(fā)生相應(yīng)變化;當(dāng)開關(guān)打開時(shí),電燈滅掉,安培表指針恢復(fù)到0(圖1)。
素材巧準(zhǔn)備
課件中所用到的圖片素材需要好好地準(zhǔn)備一下。燈泡兒、滑塊、滑桿兒、開關(guān)的刀片都需要單獨(dú)的圖片(安培表中的指針可在幻燈片中利用自選圖形畫出),而線路圖可在畫圖中組裝完成,生成新的圖片。最好將這些圖片的背景設(shè)置為透明,可在http://www.2gei.com/bgremover這個(gè)網(wǎng)上在線去除圖片背景(圖2)。
打開Articulate Storyline 2,新建一個(gè)項(xiàng)目,雙擊無標(biāo)題場(chǎng)景幻燈片進(jìn)入編輯窗口,右擊設(shè)置好它的背景;在幻燈片中插入線路圖、刀片、燈泡等圖片,插入控件按鈕中的一個(gè)滑塊并選中它,在格式選項(xiàng)卡的滾動(dòng)塊樣式處,單擊“滾動(dòng)塊填充”下的“圖片”,選擇“滑塊兒.png”文件,在軌道樣式處單擊“軌道填充”下的“圖片”,選擇“滑桿兒.png”文件,這樣就將插入的滑塊變成了滑動(dòng)變阻器中的滑塊樣式;選擇設(shè)計(jì)選項(xiàng)卡,設(shè)置滑塊的開始為1,結(jié)束為10;再插入“箭頭”形狀作為安培表的指針。最后,調(diào)整好各個(gè)圖片及控件的位置,并在時(shí)間線上上、下拖動(dòng)來調(diào)整好各個(gè)元素間的層次關(guān)系(圖3)。
小提示:對(duì)于滑塊中的圖片如果大小不太合適,可通過調(diào)整8個(gè)控制點(diǎn)及控制滾動(dòng)塊、軌道的2個(gè)黃色控制點(diǎn)來進(jìn)行大小的調(diào)整。
素材狀態(tài)巧更改
由于開關(guān)有打開和閉合兩種狀態(tài)及燈泡的亮度、安培表的指針也要進(jìn)行變化,所以就需要設(shè)置它們的不同狀態(tài)。選擇刀片圖片,由時(shí)間線切換到狀態(tài),點(diǎn)擊“編輯狀態(tài)”按鈕,新增狀態(tài),狀態(tài)名稱處選擇“已選定”,選擇“正常”狀態(tài),調(diào)整好圖片的角度;同理,選擇燈泡圖片,新增10個(gè)狀態(tài),命名從1-10,利用格式選項(xiàng)卡中的“亮度”“對(duì)比度”來調(diào)整燈泡的顏色;選擇箭頭(安培表指針),新增10個(gè)狀態(tài),命名從1-10,調(diào)整好指針的角度(圖4)。
點(diǎn)擊窗口右邊的“管理項(xiàng)目變量”按鈕,新增一個(gè)變量,名稱為kg,類型為編號(hào),默認(rèn)值為0;選擇開關(guān)(即刀片圖片),新增觸發(fā)器,設(shè)置操作為調(diào)整變量,變量選擇kg,運(yùn)算符選擇=賦值,值處選擇值,內(nèi)容為0,時(shí)間為用戶單擊,對(duì)象為圖片5(即刀片),新增條件,列表處選擇形狀,如果處選擇圖片5,運(yùn)算符處選擇==等于,狀態(tài)處選擇Normal。這樣,就表示當(dāng)開關(guān)處于正常狀態(tài)(開關(guān)打開)時(shí)變量kg的值為0(圖5)。
同理,再新增觸發(fā)器,當(dāng)圖片5的狀態(tài)處于“Selected”(已選定,開關(guān)閉合)時(shí),變量kg的值為1。
新增觸發(fā)器,設(shè)置操作為更改狀態(tài),在對(duì)象上為“箭頭1”,目標(biāo)狀態(tài)為10,時(shí)間為用戶單擊,對(duì)象為圖片5,條件為滑塊1==等于10和kg==等于1,這表示當(dāng)滑塊的值為10(在最右側(cè))且開關(guān)閉合時(shí),指針指向狀態(tài)10;再新增9個(gè)觸發(fā)器,目標(biāo)狀態(tài)分別為9、8……條件分別為滑塊1==等于9和kg==等于1、滑塊1==等于8和kg==等于1……直到目標(biāo)狀態(tài)為1。同理,再新增10個(gè)觸發(fā)器,操作對(duì)象為圖片3(即燈泡),目標(biāo)狀態(tài)為1,(圖6)時(shí)間為用戶單擊,對(duì)象為圖片5,條件為滑塊1==等于10和kg==等于1,這表示當(dāng)滑塊的值為10(在最右側(cè))且開關(guān)閉合時(shí),燈泡狀態(tài)為1(圖6)。
同樣道理,和上述操作類似,增加10個(gè)觸發(fā)器,用于控制燈泡根據(jù)滑塊的調(diào)整來更改相應(yīng)亮度,時(shí)間處設(shè)置為滑塊移動(dòng),對(duì)象為滑塊1,條件和上述類似。再增加10個(gè)觸發(fā)器,用于控制指針根據(jù)滑塊的調(diào)整來指向不同刻度,時(shí)間處設(shè)置為滑塊移動(dòng),對(duì)象為滑塊1,條件和上述類似。
新增2個(gè)觸發(fā)器,操作為更改狀態(tài),在對(duì)象上分別為箭頭1和圖片3(燈泡),目標(biāo)狀態(tài)為正常,時(shí)間為變量更改,變量為kg,條件為kg==等于0,這樣就實(shí)現(xiàn)了當(dāng)開關(guān)打開時(shí),指針和燈泡都恢復(fù)成正常。
為了有一個(gè)簡潔的操作界面,需要切換到故事視圖狀態(tài),點(diǎn)擊相應(yīng)的幻燈片,在幻燈片導(dǎo)航處去掉一些不必要的按鈕;在播放器功能處選擇“自定義選定幻燈片”,去掉一些不必要的按鈕。點(diǎn)擊“發(fā)布”按鈕,在彈出窗口選擇Web選項(xiàng)卡,輸入標(biāo)題,設(shè)置好發(fā)布文件夾,最后發(fā)布就可以了。
研究后的反思
筆者想要強(qiáng)調(diào)的是,利用Articulate Storyline 2還能制作出更多的交互式課件,如交互式的試題測(cè)試、視頻的播放控制等。通過上述的實(shí)例,我們不難看到,Articulate Storyline 2中的操作就像我們平時(shí)在PPT中那樣簡單,但是它卻可以彌補(bǔ)在教學(xué)中利用PPT制作交互式課件方面的不足之處。所以我們不必拘泥于日常使用的教學(xué)軟件,我們大可放開視野,尋找另外一些操作簡單、功能卻比較齊全的課件制作工具來為我們的教學(xué)服務(wù)。
(作者單位:河北唐山市豐南區(qū)第一中學(xué))