不用代碼也能制作交互式課件的研究

馬震安

在教學(xué)中制作課件，應(yīng)用最多的也就是PPT或是Flash了。一些展示性的課件用PPT尚且可以，而一些比較復(fù)雜的、帶有交互性的課件就需要利用Flash了。但是，在Flash中制作交互式的課件還必須懂得AS腳本語言編程，這讓很多的教師望而卻步。那有沒有不用語言編程，但可以像操作PPT那樣簡單，也能制作出稍復(fù)雜些的交互式課件的方法嗎？

筆者經(jīng)過研究，發(fā)現(xiàn)Articulate Storyline 2這個軟件，它的操作和PPT差不多少，但它可以在不編程的情況下制作較復(fù)雜的交互式課件。在這里，筆者通過實例的方式研究不用代碼制作交互式課件，希望能起到拋磚引玉的作用。

實例描述：課件中的線路圖有電源、安培表、開關(guān)、滑動變阻器、電燈。當(dāng)開關(guān)閉合時，根據(jù)滑動變阻器的滑塊位置電燈達到一定亮度，安培表指針也指到一定數(shù)值，且左、右拖動滑動變阻器的滑塊兒時，電燈的亮度及安培表的指針都發(fā)生相應(yīng)變化；當(dāng)開關(guān)打開時，電燈滅掉，安培表指針恢復(fù)到0（圖1）。

素材巧準(zhǔn)備

課件中所用到的圖片素材需要好好地準(zhǔn)備一下。燈泡兒、滑塊、滑桿兒、開關(guān)的刀片都需要單獨的圖片（安培表中的指針可在幻燈片中利用自選圖形畫出），而線路圖可在畫圖中組裝完成，生成新的圖片。最好將這些圖片的背景設(shè)置為透明，可在http：//www.2gei.com/bgremover這個網(wǎng)上在線去除圖片背景（圖2）。

打開Articulate Storyline 2，新建一個項目，雙擊無標(biāo)題場景幻燈片進入編輯窗口，右擊設(shè)置好它的背景；在幻燈片中插入線路圖、刀片、燈泡等圖片，插入控件按鈕中的一個滑塊并選中它，在格式選項卡的滾動塊樣式處，單擊“滾動塊填充”下的“圖片”，選擇“滑塊兒.png”文件，在軌道樣式處單擊“軌道填充”下的“圖片”，選擇“滑桿兒.png”文件，這樣就將插入的滑塊變成了滑動變阻器中的滑塊樣式；選擇設(shè)計選項卡，設(shè)置滑塊的開始為1，結(jié)束為10；再插入“箭頭”形狀作為安培表的指針。最后，調(diào)整好各個圖片及控件的位置，并在時間線上上、下拖動來調(diào)整好各個元素間的層次關(guān)系（圖3）。

小提示：對于滑塊中的圖片如果大小不太合適，可通過調(diào)整8個控制點及控制滾動塊、軌道的2個黃色控制點來進行大小的調(diào)整。

素材狀態(tài)巧更改

由于開關(guān)有打開和閉合兩種狀態(tài)及燈泡的亮度、安培表的指針也要進行變化，所以就需要設(shè)置它們的不同狀態(tài)。選擇刀片圖片，由時間線切換到狀態(tài)，點擊“編輯狀態(tài)”按鈕，新增狀態(tài)，狀態(tài)名稱處選擇“已選定”，選擇“正?！睜顟B(tài)，調(diào)整好圖片的角度；同理，選擇燈泡圖片，新增10個狀態(tài)，命名從1-10，利用格式選項卡中的“亮度”“對比度”來調(diào)整燈泡的顏色；選擇箭頭（安培表指針），新增10個狀態(tài)，命名從1-10，調(diào)整好指針的角度（圖4）。

點擊窗口右邊的“管理項目變量”按鈕，新增一個變量，名稱為kg，類型為編號，默認值為0；選擇開關(guān)（即刀片圖片），新增觸發(fā)器，設(shè)置操作為調(diào)整變量，變量選擇kg，運算符選擇=賦值，值處選擇值，內(nèi)容為0，時間為用戶單擊，對象為圖片5（即刀片），新增條件，列表處選擇形狀，如果處選擇圖片5，運算符處選擇==等于，狀態(tài)處選擇Normal。這樣，就表示當(dāng)開關(guān)處于正常狀態(tài)（開關(guān)打開）時變量kg的值為0（圖5）。

同理，再新增觸發(fā)器，當(dāng)圖片5的狀態(tài)處于“Selected”（已選定，開關(guān)閉合）時，變量kg的值為1。

新增觸發(fā)器，設(shè)置操作為更改狀態(tài)，在對象上為“箭頭1”，目標(biāo)狀態(tài)為10，時間為用戶單擊，對象為圖片5，條件為滑塊1==等于10和kg==等于1，這表示當(dāng)滑塊的值為10（在最右側(cè)）且開關(guān)閉合時，指針指向狀態(tài)10；再新增9個觸發(fā)器，目標(biāo)狀態(tài)分別為9、8……條件分別為滑塊1==等于9和kg==等于1、滑塊1==等于8和kg==等于1……直到目標(biāo)狀態(tài)為1。同理，再新增10個觸發(fā)器，操作對象為圖片3（即燈泡），目標(biāo)狀態(tài)為1，（圖6）時間為用戶單擊，對象為圖片5，條件為滑塊1==等于10和kg==等于1，這表示當(dāng)滑塊的值為10（在最右側(cè)）且開關(guān)閉合時，燈泡狀態(tài)為1（圖6）。

同樣道理，和上述操作類似，增加10個觸發(fā)器，用于控制燈泡根據(jù)滑塊的調(diào)整來更改相應(yīng)亮度，時間處設(shè)置為滑塊移動，對象為滑塊1，條件和上述類似。再增加10個觸發(fā)器，用于控制指針根據(jù)滑塊的調(diào)整來指向不同刻度，時間處設(shè)置為滑塊移動，對象為滑塊1，條件和上述類似。

新增2個觸發(fā)器，操作為更改狀態(tài)，在對象上分別為箭頭1和圖片3（燈泡），目標(biāo)狀態(tài)為正常，時間為變量更改，變量為kg，條件為kg==等于0，這樣就實現(xiàn)了當(dāng)開關(guān)打開時，指針和燈泡都恢復(fù)成正常。

為了有一個簡潔的操作界面，需要切換到故事視圖狀態(tài)，點擊相應(yīng)的幻燈片，在幻燈片導(dǎo)航處去掉一些不必要的按鈕；在播放器功能處選擇“自定義選定幻燈片”，去掉一些不必要的按鈕。點擊“發(fā)布”按鈕，在彈出窗口選擇Web選項卡，輸入標(biāo)題，設(shè)置好發(fā)布文件夾，最后發(fā)布就可以了。

研究后的反思

筆者想要強調(diào)的是，利用Articulate Storyline 2還能制作出更多的交互式課件，如交互式的試題測試、視頻的播放控制等。通過上述的實例，我們不難看到，Articulate Storyline 2中的操作就像我們平時在PPT中那樣簡單，但是它卻可以彌補在教學(xué)中利用PPT制作交互式課件方面的不足之處。所以我們不必拘泥于日常使用的教學(xué)軟件，我們大可放開視野，尋找另外一些操作簡單、功能卻比較齊全的課件制作工具來為我們的教學(xué)服務(wù)。

（作者單位：河北唐山市豐南區(qū)第一中學(xué)）