吳 云 虎

(揚(yáng)州職業(yè)大學(xué), 江蘇 揚(yáng)州 225009)

線上線下混合式教學(xué)實(shí)施效果的一個(gè)關(guān)鍵點(diǎn)是看線下學(xué)生的自主性學(xué)習(xí)過(guò)程能否得到有效保障[1]，從目前混合式教學(xué)實(shí)施情況看,教學(xué)信息主要的承載軟件是微軟公司演示文稿PowerPoint,演示文稿用戶(hù)界面簡(jiǎn)潔,風(fēng)格統(tǒng)一,而且容易上手,課件制作效率高,足以勝任日常普通教學(xué)活動(dòng)需求。學(xué)前兒童活動(dòng)領(lǐng)域的自主性學(xué)習(xí)要求演示文稿具備智能性、可控性和靈活性特征,這時(shí)演示文稿中僅有的超鏈接、動(dòng)作、按鈕和觸發(fā)器等功能的交互性就顯得很薄弱。為了增強(qiáng)演示文稿的動(dòng)態(tài)交互功能,國(guó)內(nèi)外研究提出了兩類(lèi)主要解決方案,一類(lèi)是利用VSTO擴(kuò)展Office應(yīng)用程序,這在本質(zhì)上已經(jīng)屬于應(yīng)用程序底層開(kāi)發(fā),操作自由性程度大,但技術(shù)要求也很高[2];另一種方法是利用第三方ActiveX圖形控件,這是目前研究中比較普遍使用的方法[3]。ActiveX圖形控件沿襲Windows程序開(kāi)發(fā)制式標(biāo)準(zhǔn),其設(shè)計(jì)樣式經(jīng)常難于與當(dāng)前課件界面上設(shè)計(jì)形象進(jìn)行整體協(xié)調(diào)。本研究基于面向?qū)ο蟮木幊谭椒?使用VBA宏語(yǔ)言,挖掘Office應(yīng)用程序中交互功能[4],設(shè)計(jì)的課件可以直接通過(guò)鼠標(biāo)單擊和懸停動(dòng)作,實(shí)現(xiàn)對(duì)幻燈片上實(shí)例對(duì)象的控制操作,從而能夠很好地滿(mǎn)足自主學(xué)習(xí)中的人機(jī)交互需求。

1 VBA宏語(yǔ)言型交互式課件工作原理與方法

1.1 Shape對(duì)象模型和屬性方法的引用

在Microsoft演示文稿中Shape對(duì)象模型的派生體系如圖1所示,這些數(shù)量眾多的Shape體系對(duì)象,對(duì)父輩屬性及方法進(jìn)行繼承和派生,并被組織在體系巨大的“PPT對(duì)象模型”的層次架構(gòu)中[5]。在這個(gè)體系中應(yīng)用為頂級(jí)核心對(duì)象,演示文稿集和當(dāng)前活動(dòng)演示文稿均為頂級(jí)對(duì)象,可以直接對(duì)它們的屬性和方法進(jìn)行引用。在演示文稿對(duì)象類(lèi)型中,自選圖形、任意多邊形、OLE對(duì)象和圖片等都屬于Shape對(duì)象類(lèi)型,它們?cè)谘菔疚母迳系耐怙@稱(chēng)為由Shape對(duì)象創(chuàng)建的具體應(yīng)用實(shí)例。需要從頂級(jí)對(duì)象逐級(jí)索引到這些對(duì)象,才能對(duì)其屬性和方法實(shí)施引用,繼而去改變由Shape對(duì)象創(chuàng)建的所有實(shí)例的屬性和行為。在演示文稿放映模式下,系統(tǒng)通過(guò)鼠標(biāo)事件觸發(fā)機(jī)制對(duì)實(shí)例的事件處理方法中的用戶(hù)預(yù)定義代碼,亦即系列Shape對(duì)象屬性和方法的引用,以批處理方式執(zhí)行。

圖1 PPT對(duì)象模型中Shape派生體系

Shape實(shí)例交互過(guò)程swap方法見(jiàn)表1。參數(shù)ByVal oSh As Shape的作用是通過(guò)按值傳遞方法獲取指向活動(dòng)實(shí)例的指向句柄oSh。swap交換方法的代碼編寫(xiě)是開(kāi)放性的,在User Batch Code部分,按照教學(xué)設(shè)計(jì)預(yù)輸入一系列Shape對(duì)象屬性和方法的引用集合,就可以對(duì)演示文稿上所有創(chuàng)建實(shí)例進(jìn)行目的性操縱,進(jìn)而達(dá)成預(yù)期的教學(xué)目標(biāo)。還有一類(lèi)系統(tǒng)的方法,如由Shape對(duì)象創(chuàng)建的實(shí)例的顯隱性設(shè)置,它們的處理方法是由已經(jīng)固定編譯好的系統(tǒng)處理代碼,在必要的時(shí)候只需要調(diào)用即可。這些方法的調(diào)用格式為“對(duì)象(實(shí)例名稱(chēng)).方法”,對(duì)象與方法之間要使用“.”隔開(kāi),如ActivePresentation.Slides(1).Shapes(“victory”).Visible=msoFalse。

表1 實(shí)例交互swap方法和過(guò)程

1.2 VBA交互式課件的制作步驟與方法

在交互式演示課件制作過(guò)程中,首先，建議修改實(shí)例對(duì)象的名稱(chēng)和初始狀態(tài),這樣可以避免演示文稿中的實(shí)例出現(xiàn)難以辨別的簡(jiǎn)單增序式的自動(dòng)命名方式,更方便于VBA腳本對(duì)實(shí)例的循名使用。其次，增加鼠標(biāo)事件的處理方法,通過(guò)“開(kāi)發(fā)工具”菜單→“代碼”功能區(qū)→“宏”組創(chuàng)建事件處理方法,并在進(jìn)入的VBE腳本編輯器中編寫(xiě)User Batch Code。首次使用開(kāi)發(fā)工具需要在“文件”菜單→“選項(xiàng)”設(shè)置→“自定義”功能區(qū)的“主選項(xiàng)卡”中勾選“開(kāi)發(fā)工具”選項(xiàng)。最后，在“插入”菜單→“鏈接”功能區(qū)→“動(dòng)作”選項(xiàng)處打開(kāi)的“操作設(shè)置”窗口中,選擇鼠標(biāo)事件類(lèi)型(單擊/懸停),并在其下“運(yùn)行宏”欄目中綁定鼠標(biāo)事件處理方法。這樣就完成了制作VBA交互式課件的工作流程。

2 交互式課件系統(tǒng)設(shè)計(jì)要求與技術(shù)難點(diǎn)

2.1 系統(tǒng)設(shè)計(jì)要求

對(duì)社會(huì)、科學(xué)、語(yǔ)言和健康等不同領(lǐng)域兒童活動(dòng)的組織形式進(jìn)行總結(jié),可以將幼教PPT交互式課件分為認(rèn)知辨別、適項(xiàng)選擇、匹配分類(lèi)和拼圖整合等基本類(lèi)型。這些不同類(lèi)型交互式課件的系統(tǒng)設(shè)計(jì)環(huán)節(jié)都具有相似性,都應(yīng)該包括問(wèn)題情境、應(yīng)答操作和結(jié)果反饋三個(gè)部分。各類(lèi)問(wèn)題情境的形式設(shè)計(jì)也都基本相同,都是以“圖形圖像”信息形式提出問(wèn)題并構(gòu)建出對(duì)應(yīng)情境,因此提出的問(wèn)題要明確,情境要適宜。應(yīng)答操作需要把所有可能的操作選項(xiàng)全部羅列出來(lái),系統(tǒng)都能做出相應(yīng)的反應(yīng),要求突破傳統(tǒng)應(yīng)答設(shè)計(jì)中一題一答、一頁(yè)一題的技術(shù)限制;在應(yīng)答操作過(guò)程中,提供適當(dāng)提示和幫助,以提高幼兒成功的機(jī)會(huì)。結(jié)果反饋能夠?qū)φ_的應(yīng)答操作給予鼓勵(lì)性反饋;對(duì)有缺點(diǎn)的和錯(cuò)誤的應(yīng)答操作還應(yīng)當(dāng)給予續(xù)做或重做的機(jī)會(huì)[6]。

2.2 主要技術(shù)要點(diǎn)

2.2.1 定位

定位在這里是指幼兒完成應(yīng)答操作后,應(yīng)用程序根據(jù)幼兒的操作指向意圖,將活動(dòng)圖形實(shí)例移動(dòng)到所指定區(qū)域的方法。例如,在幼兒園小班語(yǔ)言領(lǐng)域《小動(dòng)物們最?lèi)?ài)吃什么》組織活動(dòng)中,電子白板上每個(gè)小動(dòng)物的嘴巴面前都雜亂地分布著不同的食物?，F(xiàn)在需要幼兒為小兔子選擇最?lèi)?ài)的食物,當(dāng)兒童選中胡蘿卜圖形實(shí)例后,就需要將胡蘿卜圖形實(shí)例移動(dòng)到小兔子嘴巴面前。在具體的實(shí)現(xiàn)方法上,可以在每個(gè)小動(dòng)物的嘴巴面前區(qū)域都放置一個(gè)單一食物圖形實(shí)例,在幼兒應(yīng)答操作(兩次不同實(shí)例上的單擊)完成后,將小兔子嘴巴面前區(qū)域的圖形實(shí)例與胡蘿卜圖形實(shí)例交換位置坐標(biāo),這樣就可以將胡蘿卜圖形實(shí)例定位到指定區(qū)域了,而幼兒此時(shí)也完成了一次應(yīng)答操作。

2.2.2 判斷

判斷是幼兒每一次完成應(yīng)答操作后,系統(tǒng)對(duì)幼兒應(yīng)答操作的正誤情況進(jìn)行評(píng)估的方法。判斷的具體方法是,在實(shí)例名稱(chēng)中預(yù)先設(shè)置特征字符,當(dāng)系統(tǒng)運(yùn)行時(shí)通過(guò)比對(duì)特征字符是否匹配來(lái)確定兩個(gè)實(shí)例間的關(guān)系。例如,將一系列位置圖形實(shí)例依次命名為T(mén)1,T2,T3……,需要執(zhí)行移動(dòng)的圖形實(shí)例名稱(chēng)對(duì)應(yīng)命名為S1,S2,S3……,這里的特征字符分別是1,2,3……,這樣只需要遍歷一次所有特征字符相同的圖形實(shí)例配對(duì)的坐標(biāo)是否一致并計(jì)數(shù),就可以知道幼兒應(yīng)答操作過(guò)程中進(jìn)度完成的情況。

3 應(yīng)用案例

選擇幼兒津津樂(lè)道的電影《熊出沒(méi)》中的卡通形象為例,設(shè)計(jì)并制作一個(gè)拼圖整合型的交互式課件。

3.1 圖像素材準(zhǔn)備

首先，準(zhǔn)備一張JPG格式《熊出沒(méi)》中卡通形象的圖片文件,要求圖片色彩鮮艷,像素清晰。在圖像素材網(wǎng)下載的圖片需要在Photoshop中進(jìn)行預(yù)加工,比如消除網(wǎng)站和廣告標(biāo)記,調(diào)整圖片色彩,以及裁剪重新構(gòu)圖。其次，在PPT中繪制“無(wú)填充色”正方形,使用“合并形狀”中“形狀拆分”和“形狀結(jié)合”操作,在正方形直邊緣設(shè)計(jì)出榫槽狀接口,將這些正方形復(fù)制形成3×3組合。把調(diào)整好的組合置于圖片上層并全選,需要注意的是,在全選順序上要先選中圖片,再選中正方形組合,使用合并形狀中的形狀拆分操作,將圖片分割成9小塊,依次命名為T(mén)1,T2,T3,……,T9,并設(shè)置成隱藏狀態(tài)。再將前面分割出來(lái)的9小塊圖像復(fù)制一份,設(shè)置成顯性狀態(tài),復(fù)制圖片依序命名為S1,S2,S3,……,S9,需要注意將圖片位置調(diào)整對(duì)齊。最后，在PPT設(shè)計(jì)場(chǎng)景上還需要增加幫助圖形help實(shí)例,以及初始狀態(tài)為隱藏屬性的應(yīng)答操作成功的圖片victory實(shí)例和提供對(duì)照幫助的圖片information實(shí)例等。

3.2 編制交互腳本

現(xiàn)在需要通過(guò)“開(kāi)發(fā)工具”創(chuàng)建名為swap的宏,并在自動(dòng)進(jìn)入的VBE編輯器中增加方法所需要的傳遞參數(shù)ByVal oSh As Shape,全局變量temporaryX,temporaryY用來(lái)保存移動(dòng)實(shí)例的現(xiàn)場(chǎng)位置坐標(biāo),開(kāi)關(guān)變量flag用來(lái)控制實(shí)例配對(duì)的位置交換,全局變量firstSelected用來(lái)保存位置交換中第一單擊實(shí)例的名稱(chēng),編寫(xiě)的批處理代碼如表2所示,在動(dòng)作設(shè)置中分別為實(shí)例S1,S2,S3,……S9選擇鼠標(biāo)事件類(lèi)型為“鼠標(biāo)單擊”,并在“運(yùn)行宏”欄目將其綁定到swap事件處理方法。

表2 《熊出沒(méi)》卡通拼圖定位與互換方法的代碼

在VBE中增加拼圖進(jìn)度的檢測(cè)判斷isFinished過(guò)程如表3所示。

表3 《熊出沒(méi)》卡通拼圖檢測(cè)、判斷和反饋方法的代碼

最后還需要?jiǎng)?chuàng)建名為help的宏,定義開(kāi)關(guān)變量hlp用來(lái)控制幫助實(shí)例的顯隱屬性,編寫(xiě)的批處理代碼如表4所示,在“動(dòng)作”設(shè)置中為幫助實(shí)例添加鼠標(biāo)事件類(lèi)型為“鼠標(biāo)懸?！?并在“運(yùn)行宏”欄目將其綁定到help事件處理方法中。

表4 《熊出沒(méi)》卡通拼圖幫助方法的代碼

4 結(jié)果與評(píng)價(jià)

在幻燈片放映模式下,我們可以先后單擊需要交換位置的兩個(gè)圖形實(shí)例,這時(shí)系統(tǒng)就會(huì)由“鼠標(biāo)單擊”事件觸發(fā)swap方法,將選中的兩個(gè)圖形實(shí)例的位置進(jìn)行互換。當(dāng)所有圖形實(shí)例都互換到預(yù)設(shè)的正確位置時(shí),檢測(cè)判斷isFinished過(guò)程就會(huì)反饋出成功的結(jié)果。拼圖區(qū)域左側(cè)的幫助實(shí)例使用“鼠標(biāo)懸?！庇|發(fā)事件,可以在拼圖區(qū)域上顯示出完整的拼圖圖樣,隨時(shí)給拼圖過(guò)程提供對(duì)照幫助。課件設(shè)計(jì)能夠很好地滿(mǎn)足幼兒教學(xué)活動(dòng)中既定交互性要求。

5 討論

在演示文稿中鼠標(biāo)“動(dòng)作”設(shè)置雖然只提供了“鼠標(biāo)單擊”和“鼠標(biāo)懸?！眱深?lèi)事件,但合理的組合使用就完全能夠滿(mǎn)足大部分交互式課件的設(shè)計(jì)需求。另外幼教PPT交互式課件制作過(guò)程中的最大問(wèn)題就是素材準(zhǔn)備周期比較長(zhǎng),使得課件產(chǎn)出效率較低,在實(shí)踐中通過(guò)發(fā)布已預(yù)設(shè)VBA腳本代碼的模板,發(fā)動(dòng)學(xué)前專(zhuān)業(yè)全體學(xué)生,群策群力共建素材庫(kù)進(jìn)行解決。這就要求模板結(jié)構(gòu)和方法簡(jiǎn)潔,VBA控制代碼邏輯性好,易于修改和維護(hù)。這樣學(xué)前專(zhuān)業(yè)的學(xué)生通過(guò)復(fù)制所需要的模板，對(duì)幻燈片上圖形圖像實(shí)例進(jìn)行更新;查看VBA代碼及相應(yīng)功能注釋,適當(dāng)修改程序中相關(guān)編碼;測(cè)試演示文稿功能,版式適當(dāng)調(diào)整后,就能進(jìn)行課件的二次發(fā)布。從增強(qiáng)交互式課件應(yīng)用功能的角度看,未來(lái)的課件系統(tǒng)設(shè)計(jì)還應(yīng)當(dāng)考慮幼兒應(yīng)答操作的痕跡記錄以及錯(cuò)題重演等功能。