基于Storyline網(wǎng)絡(luò)交互式多媒體課件設(shè)計(jì)制作與應(yīng)用

林溫陽

（福鼎市第六中學(xué)，福建福鼎355200）

伴隨教育信息化進(jìn)程向縱深推進(jìn)，中小學(xué)一線教師亟待掌握高質(zhì)量的多媒體教學(xué)課件的設(shè)計(jì)、制作和應(yīng)用的普適技能。傳統(tǒng)PowerPoint演示文稿高度結(jié)構(gòu)化，信息傳遞單向被動，要創(chuàng)建交互需使用VBA和ActiveX控件及代碼編輯實(shí)現(xiàn)，F(xiàn)lash交互開發(fā)需用 Actionscript腳本語言，Authorware、Dreamweaver和Director等專業(yè)多媒體課件開發(fā)軟件大都存在技術(shù)門檻，開發(fā)難度大、周期長。從知識傳遞的有效性、學(xué)習(xí)過程的交互性、課件開發(fā)的簡易性等方面考量，Articulate Storyline（以下簡稱Storyline）是一款優(yōu)秀的網(wǎng)絡(luò)交互式多媒體課件開發(fā)工具。

一、Storyline網(wǎng)絡(luò)交互式多媒體課件的優(yōu)勢

20世紀(jì)70年代美國教育心理學(xué)家布朗（A.L.Brown）和帕林克薩（A.S.Palincsar）提出了交互式教學(xué)理論，主張教學(xué)中教師應(yīng)提供情景認(rèn)知工具、交互式工具和知識可視化工具等，為學(xué)習(xí)者主動認(rèn)知建構(gòu)提供支架。Storyline網(wǎng)絡(luò)交互式多媒體課件以其特有的優(yōu)勢，極大地方便了課堂教學(xué)結(jié)構(gòu)重組和流程再造。

1.視聽媒體表現(xiàn)力強(qiáng)

戴爾“經(jīng)驗(yàn)之塔”理論表明教學(xué)是從具體經(jīng)驗(yàn)出發(fā)逐步上升到抽象。教學(xué)中合理選用視聽媒體創(chuàng)設(shè)輕松愉悅的教學(xué)情境，有利于學(xué)生作為信息加工主體接受外部刺激，進(jìn)行圖式聯(lián)想。Storyline支持豐富的圖文影音資源，還提供了錄旁白、區(qū)域縮放、互動標(biāo)記、滾動文本框、搜索進(jìn)度條和詞匯表等功能，相比同樣簡單易學(xué)的動感旋轉(zhuǎn)縮放的Prezi、AxeSlide和Focusky演示文稿，Storyline利用時間軸時序化地將圖文影音動態(tài)地融合起來，媒體表現(xiàn)力更強(qiáng)。

2.交互設(shè)計(jì)功能強(qiáng)大

課件人機(jī)操作交互是信息交互、概念交互的實(shí)現(xiàn)基礎(chǔ)，交互功能是課件開發(fā)優(yōu)劣的重要指標(biāo)之一。［1］Storyline課件開發(fā)工具使用超鏈接、按鍵轉(zhuǎn)場、熱區(qū)熱對象和觸發(fā)器，組合時間軸、圖層狀態(tài)、動作路徑和滑塊，結(jié)合變量限定時間、次數(shù)及條件，可實(shí)現(xiàn)動態(tài)智能的高級互動效果。Storyline還內(nèi)置了許多互動測驗(yàn)和調(diào)查問題模板，只需稍作修改就能嵌入強(qiáng)大的交互功能。

3.簡單易學(xué)兼容性好

Storyline項(xiàng)目式管理操作界面風(fēng)格和PowerPoint相類似，簡單直觀易上手。Storyline無需編寫代碼，靈活組合觸發(fā)器、圖層和變量，讓無編程基礎(chǔ)的中小學(xué)一線教師開發(fā)專業(yè)的網(wǎng)絡(luò)交互式多媒體課件成為可能；使用Storyline開發(fā)的課件可發(fā)布為H5、Flash、SCORM等標(biāo)準(zhǔn)網(wǎng)絡(luò)課件格式，生成動態(tài)網(wǎng)絡(luò)交互頁面，兼容PC、iPad及Android跨平臺瀏覽模式，便于升級組建網(wǎng)絡(luò)課件資源庫。

二、Storyline網(wǎng)絡(luò)多媒體課件的交互設(shè)計(jì)

設(shè)計(jì)精良的融入計(jì)算思維的交互式多媒體課件有利于教師捕捉課堂生成性資源，更有利于學(xué)生課內(nèi)外個性化自主學(xué)習(xí)。以生本開放式課件設(shè)計(jì)開發(fā)理念，從關(guān)注學(xué)生學(xué)習(xí)過程的視角，提出如下幾種交互界面模型。

1.導(dǎo)航界面模型

制作Storyline課件時可使用熱區(qū)和滑塊觸發(fā)方式，在頁面頂部或左側(cè)制作級聯(lián)菜單、當(dāng)前位置、翻頁按鈕、搜索框和進(jìn)度條等，設(shè)計(jì)簡潔美觀、風(fēng)格一致的友好導(dǎo)航。如以初識體驗(yàn)、實(shí)驗(yàn)探究、技能測試、總結(jié)提升和資源拓展等教學(xué)活動環(huán)節(jié)，制作課件模塊導(dǎo)航、圖文菜單導(dǎo)航或地圖標(biāo)簽導(dǎo)航等，提供按學(xué)習(xí)目標(biāo)組織的聚集模塊化、層次化、頁面式知識點(diǎn)學(xué)與練，方便學(xué)習(xí)者快速找到學(xué)習(xí)內(nèi)容節(jié)點(diǎn)和路徑，增強(qiáng)穿梭使用體驗(yàn)感。

2.測試訓(xùn)練模型

使用Storyline方便制作選擇、填空、判斷、排序、拖放匹配和問卷量表等知識技能測試，既可用于課堂同步練習(xí)和課后強(qiáng)化鞏固的常態(tài)教學(xué)活動，植入專家解決方案，又可培養(yǎng)學(xué)生模型化創(chuàng)新思維和高級認(rèn)知能力。［2］

（1）選擇題：如圖1所示，單選或多選后系統(tǒng)記錄得分，答題結(jié)束后自動計(jì)算總分并調(diào)取答案及解析。制作方法：插入自由形式問題幻燈片→選擇測驗(yàn)選項(xiàng)類型→輸入問題內(nèi)容并修改選項(xiàng)→標(biāo)記正確選項(xiàng)設(shè)置反饋分值。

圖1 Storyline選擇交互操作實(shí)例

（2）填空題：如圖2所示，先呈現(xiàn)留白待解的填充題，學(xué)生思考后使用鍵盤或手寫輸入答案，系統(tǒng)自動計(jì)時計(jì)分評析，實(shí)現(xiàn)會話互動。

圖2 Storyline填空交互操作實(shí)例

（3）判斷題：如圖3所示判斷正誤，單擊打勾或打叉符號按鈕，答題結(jié)束后彈出正確或錯誤的解析圖層。

圖3 Storyline判斷交互操作實(shí)例

（4）拖放題：如圖4所示，將答案拖拽到預(yù)留的問答區(qū)域，若答對則停在預(yù)留區(qū)，否則會自動返回原來位置，用它可實(shí)現(xiàn)連詞成句、完形填空等課堂講演示范。

圖4 Storyline拖放交互操作實(shí)例

制作以上Storyline測試訓(xùn)練課件時，結(jié)合計(jì)分變量統(tǒng)計(jì)答題得分，結(jié)合答對題數(shù)變量統(tǒng)計(jì)答題正確率，結(jié)合答題用時變量實(shí)現(xiàn)計(jì)時答題，結(jié)合答題次數(shù)變量實(shí)現(xiàn)三次答題機(jī)會，使用試題庫隨機(jī)出題，自動判斷正誤、累計(jì)得分，限時限次答題，還可結(jié)合Tower平臺討論區(qū)釋疑解惑，結(jié)合Moodle在線管理平臺實(shí)現(xiàn)跟蹤學(xué)習(xí)進(jìn)度和學(xué)業(yè)成績分析等功能。

3.情境互動模型

Storyline課件信息呈現(xiàn)多媒體化、創(chuàng)意表達(dá)交互性強(qiáng)，讓教學(xué)內(nèi)容臨場取舍、進(jìn)程順序隨需調(diào)整、師生問答反饋和教學(xué)場景動態(tài)切換成為可能。為了創(chuàng)設(shè)仿真體驗(yàn)式課堂教學(xué)情境，采用的交互設(shè)計(jì)有：

（1）圖注交互：屏幕事先呈現(xiàn)完整示意圖（如圖5所示量角器結(jié)構(gòu)），用鼠標(biāo)點(diǎn)擊或手寫觸控方式開啟縮放熱點(diǎn)標(biāo)注部分，提示文本的顯示和隱藏采用懸停顯示和自動折疊方式單獨(dú)控制，類似地可制成課件頁面操作說明。

圖5 Storyline圖注交互操作實(shí)例

（2）滑動交互：如圖6所示滑動交互示例，開關(guān)閉合后，滑動變阻器的滑塊時，燈亮度及電流表指針關(guān)聯(lián)變化，開關(guān)打開時燈滅掉，電流表指針歸零。制作時插入滑塊控件并修改軌跡和樣式，使用觸發(fā)器結(jié)合開關(guān)變量更改燈亮度及電流表指針狀態(tài)，打破靜態(tài)交互為動態(tài)交互，讓學(xué)生主動參與實(shí)踐探究。

圖6 Storyline滑動交互操作實(shí)例（左為實(shí)物圖，右為電路圖）

（3）游戲交互：如圖7所示接蘋果游戲，讓學(xué)生通過角色扮演以闖關(guān)形式參與完成某一特定學(xué)習(xí)任務(wù)。游戲開始屏幕不斷有隨機(jī)掉落的標(biāo)有字母的蘋果，蘋果落地前敲擊鍵盤字母表示成功接到蘋果，時長為1～3分鐘，游戲結(jié)束后會顯示打字速度和正確率。制作時主要偵聽鍵盤事件，判斷敲擊是否為當(dāng)前屏幕顯示的字母并執(zhí)行鍵控代碼指令。

圖7 Storyline游戲交互操作實(shí)例

（4）視頻播放：Storyline內(nèi)置的視音頻編輯功能方便實(shí)現(xiàn)手動和自動播放，讓學(xué)習(xí)者自行靈活控制播放進(jìn)度，結(jié)合使用觸發(fā)器和時間軸，方便精準(zhǔn)視頻打點(diǎn)，中斷提示文字、語音旁白及測試題等，設(shè)計(jì)交互式視頻。

三、制作Storyline網(wǎng)絡(luò)交互式多媒體課件

開發(fā)制作Storyline網(wǎng)絡(luò)交互式課件的基本流程，大致可以分為五個步驟（如圖8所示）：（1）確定主題，針對學(xué)習(xí)者特征、教學(xué)內(nèi)容和教學(xué)目標(biāo)等，做深入的需求分析，選擇適合使用交互表現(xiàn)形式的課題；（2）利用主題架構(gòu)法進(jìn)行信息化教學(xué)設(shè)計(jì)、交互設(shè)計(jì)和版面設(shè)計(jì)等規(guī)劃設(shè)計(jì)，以主題知識模塊或教學(xué)活動流程為基本單元，繪制樹形組織結(jié)構(gòu)圖，編寫指導(dǎo)課件開發(fā)的教學(xué)設(shè)計(jì)文案和制作腳本；［3］（3）采集、整理并加工數(shù)字化多媒體素材，制作導(dǎo)航模塊、交互效果和頁面版式；（4）集成封裝資源，測試發(fā)布作品；（5）收集評價反饋，并調(diào)整修繕課件。［4］

圖8 Storyline交互式網(wǎng)絡(luò)多媒體課件開發(fā)流程

下面以人機(jī)互動、學(xué)生為本的設(shè)計(jì)理念為指導(dǎo)，以教學(xué)活動流程為基本單元作Storyline交互式課件框架制作實(shí)例介紹。

1.激趣導(dǎo)入環(huán)節(jié)

課前分析學(xué)習(xí)者認(rèn)知心理水平和學(xué)習(xí)特征，緊密聯(lián)系生活實(shí)際，利用Storyline提供的豐富的人物角色及表情姿勢素材，融合PPT、flash等圖文影音資源，快速創(chuàng)設(shè)對話、故事、任務(wù)、游戲等仿真課堂教學(xué)情境，增強(qiáng)學(xué)生學(xué)習(xí)參與感和體驗(yàn)感，幫助學(xué)生同化順應(yīng)新知，進(jìn)而引發(fā)學(xué)生在大數(shù)據(jù)時代虛擬學(xué)習(xí)環(huán)境中主動發(fā)現(xiàn)式學(xué)習(xí)。

2.體驗(yàn)感知環(huán)節(jié)

多媒體課件能化抽象為直觀、突破時空限制多角度地展現(xiàn)宏觀與微觀世界，演繹事物極快或極慢變化。制作Storyline課件選材要萃取教學(xué)重難點(diǎn)、藝術(shù)表現(xiàn)要強(qiáng)調(diào)視聽體驗(yàn)、技術(shù)層面要支持交互操作，集知識性、易讀性和趣味性于一體；課件內(nèi)容要逐級細(xì)化并厘清知識點(diǎn)間關(guān)系，巧妙設(shè)計(jì)以支持學(xué)生感悟文本、發(fā)展思維力；課件用戶界面（User Interface，簡稱UI）注重交互設(shè)計(jì)而絕非單純演示，注重學(xué)習(xí)者心理需求和體驗(yàn)感受，視覺版面要統(tǒng)一色彩和字體設(shè)計(jì)，避免使用低像素的圖片和長篇累牘的文字，確實(shí)無法割舍的大篇幅文本要采用分頁顯示或分段逐一動態(tài)加載，呈現(xiàn)過后變暗以降低學(xué)習(xí)者認(rèn)知負(fù)荷。

3.鞏固知識環(huán)節(jié)

使用Storyline制作課堂游戲計(jì)分組件，引入激勵競爭機(jī)制，活躍師生雙邊活動氛圍，嵌入不同類型的交互問題，設(shè)計(jì)即時有效、小步子的人機(jī)、師生多維度交互來有力支持學(xué)生自定學(xué)習(xí)預(yù)案、自控學(xué)習(xí)進(jìn)程。如：設(shè)計(jì)運(yùn)用一個電路組裝圖、化學(xué)實(shí)驗(yàn)圖、3D實(shí)景交互等互動模型，讓學(xué)生拖動模擬仿真實(shí)驗(yàn)操作，理解鞏固所學(xué)知識技能。

4.測評反饋環(huán)節(jié)

在Storyline測試結(jié)果統(tǒng)計(jì)分析頁面，診斷課堂教學(xué)問題、反饋學(xué)生認(rèn)知障礙和評估學(xué)習(xí)行為效果。學(xué)生達(dá)成預(yù)設(shè)分值即可通過目標(biāo)測試，否則跳轉(zhuǎn)重定位到相關(guān)再學(xué)習(xí)頁面。結(jié)合變量獲取學(xué)生個性化學(xué)習(xí)數(shù)據(jù)，方便教師跟蹤學(xué)生學(xué)習(xí)進(jìn)度，及時提供針對性學(xué)習(xí)建議和指導(dǎo)。完成課件內(nèi)容和問題反饋測試后，預(yù)覽制作效果，就可以發(fā)布課件成品。

四、結(jié)論與展望

通過實(shí)驗(yàn)前后對比研究，表明Storyline課件以其豐富的教學(xué)資源和改進(jìn)的學(xué)習(xí)方式，提高了課堂教學(xué)效果和學(xué)生學(xué)習(xí)質(zhì)量。使用在線SPSS統(tǒng)計(jì)分析對照班和實(shí)驗(yàn)班的前測與后測成績差異，表明實(shí)驗(yàn)班應(yīng)用Storyline課件取得的教學(xué)效果顯著（如表1、表2所示）。

表1 實(shí)驗(yàn)前兩班信息技術(shù)測試成績

綜上所述，Storyline是一款值得推薦的交互式課件開發(fā)工具，并且其開發(fā)課件周期短、運(yùn)維成本低的優(yōu)點(diǎn)。Storyline為中小學(xué)一線教師提升課件開發(fā)水平、改進(jìn)教學(xué)方法以及豐富教學(xué)資源等方面提供了有益參考。當(dāng)今互聯(lián)網(wǎng)+人工智能發(fā)展方興未艾，在結(jié)合體感交互設(shè)備的未來課堂教學(xué)中，使用Storyline網(wǎng)絡(luò)交互式課件必將開啟一個觸摸、手勢和對話的全新世界。