訾白云

● 作品亮點(diǎn)

本課件采用Articulate Storyline2軟件制作而成，導(dǎo)出格式支持多種終端設(shè)備，不用編程也能制作豐富的交互效果。

1.界面優(yōu)美，滲透德育

開場動畫大氣磅礴，界面精心設(shè)計(jì)，導(dǎo)航清晰準(zhǔn)確，緊扣航天主題（如圖1），大大激發(fā)了學(xué)生的學(xué)習(xí)興趣。通過三個時事熱點(diǎn)讓學(xué)生了解火星車“祝融號”的最新進(jìn)展，增加了學(xué)生的民族自豪感與榮譽(yù)感。

2.任務(wù)設(shè)置巧妙

本課件設(shè)計(jì)了“天問一號”登陸火星的模擬動畫，動畫分為發(fā)射、環(huán)繞、著陸、巡視四個階段，將代碼的相關(guān)知識巧妙地融合在了四個任務(wù)中（如圖2）。

3.支持多種學(xué)習(xí)方式

課件的學(xué)習(xí)進(jìn)度可調(diào)，學(xué)習(xí)路徑可選，支持多種學(xué)習(xí)方式（如移動學(xué)習(xí)、自主學(xué)習(xí)、合作學(xué)習(xí)），每一個學(xué)習(xí)任務(wù)既有視頻講解，又有文字介紹，學(xué)生可以自主選擇;觀看微視頻可以隨時暫停，也可以調(diào)整音量。

4.課堂檢測方式多樣化

課堂檢測分為對操作題的檢測及對知識點(diǎn)的檢測。筆者利用Storyline2的測驗(yàn)功能制作了測試題，其中有單選題、多選題、連線題、填空題，每次的選項(xiàng)都隨機(jī)出現(xiàn)，默認(rèn)通過率為80%，測試完成后有結(jié)果有反饋，若未通過可以多次學(xué)習(xí)直至通過。

5.交互性、可移植性強(qiáng)

課件制作應(yīng)用了圖層、時間軸、觸發(fā)器、按鈕、狀態(tài)等互動方式，鼠標(biāo)點(diǎn)擊、懸停或拖動任何物體都能觸發(fā)互動內(nèi)容，運(yùn)行穩(wěn)定，操作簡單，可移植性強(qiáng)。Articulate Storyline2軟件可以導(dǎo)出HTML5格式，適用于移動瀏覽器，本課件即導(dǎo)出為此種格式;還可以導(dǎo)出為Flash格式，適用于臺式機(jī)和筆記本電腦。自創(chuàng)的客戶端適用于iPad、iPhone和Android系統(tǒng);還可發(fā)布兼容各種學(xué)習(xí)管理系統(tǒng)的SCORM和AICC的內(nèi)容。

● 制作背景

近幾年，天宮系列、長征系列的陸續(xù)升空，令中國躋身于世界航天強(qiáng)國之列。2021年5月15日7時18分，我國火星探測器“天問一號”成功登陸火星，更是振奮人心，“天問一號”歷經(jīng)294天、4億公里的奔波，使中國成為第二個成功著陸火星的國家。當(dāng)時恰逢學(xué)習(xí)Flash代碼知識，該知識點(diǎn)晦澀難懂，課本上的任務(wù)設(shè)置單一，缺乏趣味性，因此筆者設(shè)計(jì)了“天問一號”登陸火星的情境任務(wù)，融入代碼知識，寓教于樂。對于初二年級的學(xué)生來說，制作這樣一個代碼動畫并不簡單，尤其是對于信息技術(shù)操作水平較低的學(xué)生來說更不容易，因此筆者想制作一個多媒體交互式課件輔助教學(xué)。

通過對比分析，筆者發(fā)現(xiàn)Storyline2不僅入門容易，而且交互性強(qiáng)，因此筆者選用Storyline2軟件，將本節(jié)課學(xué)習(xí)內(nèi)容做成了集成文字、圖片、視頻等學(xué)習(xí)資料的多媒體課件，方便學(xué)生自主學(xué)習(xí)。

● 設(shè)計(jì)思路及內(nèi)容結(jié)構(gòu)

1.分析教學(xué)內(nèi)容

“用代碼設(shè)計(jì)交互動畫”一課是泰山版初中信息技術(shù)第4冊第3單元“設(shè)計(jì)交互式音樂動漫”中的微項(xiàng)目4，是動畫制作的最后一部分內(nèi)容，因涉及代碼，難度較大，也是淄博市信息技術(shù)學(xué)業(yè)水平考試的重點(diǎn)。

2.分析學(xué)生

本節(jié)課學(xué)習(xí)對象為初二年級學(xué)生，學(xué)生在前期已經(jīng)學(xué)習(xí)了如何制作形狀、動作、引導(dǎo)線、遮罩動畫，具有一定的Flash操作基礎(chǔ)。

3.確定教學(xué)目標(biāo)

知識與技能目標(biāo)：了解代碼的特點(diǎn)與作用;會在時間軸、按鈕及影片剪輯上添加代碼，實(shí)現(xiàn)交互效果。

過程與方法目標(biāo)：通過欣賞、剖析動畫，體驗(yàn)代碼對動畫的控制作用;通過為生動交互動畫增加代碼，體驗(yàn)代碼的設(shè)計(jì)方法。

情感態(tài)度與價值觀目標(biāo)：通過制作“天問一號”登陸火星的模擬動畫，增加民族自豪感與榮譽(yù)感，努力成為航天精神的傳承者和踐行者。

4.分析重難點(diǎn)

重點(diǎn)：會在時間軸、按鈕及影片剪輯上添加代碼，實(shí)現(xiàn)交互效果。

難點(diǎn)：靈活應(yīng)用代碼控制動畫播放方式。

5.設(shè)計(jì)教學(xué)過程

（1）激趣導(dǎo)入

師：同學(xué)們，我國的航空航天事業(yè)在這幾十年里得到了突飛猛進(jìn)的發(fā)展，尤其是近幾年神州系列、天宮系列、長征系列的陸續(xù)升空，令中國躋身于世界航天強(qiáng)國之列。本節(jié)課我們就模擬制作一個“天問一號”登陸火星的動畫！

（2）出示學(xué)習(xí)目標(biāo)

學(xué)習(xí)目標(biāo)即學(xué)生完成本節(jié)課學(xué)習(xí)后，應(yīng)獲得的學(xué)科核心素養(yǎng)的學(xué)習(xí)結(jié)果，既包含靈活應(yīng)用相應(yīng)的知識、技能、策略，也包含學(xué)生解決問題的綜合能力，是教師教學(xué)實(shí)踐過程中的“燈塔”。

（3）動畫概覽

播放動畫實(shí)例，感知動畫效果，體會代碼控制動畫的優(yōu)勢。整個動畫分為發(fā)射、環(huán)繞、著陸、巡視四部分。

（4）任務(wù)講解

發(fā)射任務(wù)：首先播放一個沒有添加代碼的動畫，即動畫一開始火箭就發(fā)射，然后播放添加了代碼的動畫，火箭一開始并不發(fā)射，點(diǎn)擊發(fā)射按鈕才開始發(fā)射。引導(dǎo)學(xué)生思考：哪個動畫更合理？如何制作呢？繼而引出本節(jié)課的重點(diǎn)：借助代碼實(shí)現(xiàn)對動畫的靈活控制。隨后學(xué)生通過課件中的文字及視頻資料進(jìn)行自學(xué)，教師點(diǎn)撥總結(jié)。

環(huán)繞任務(wù)：此任務(wù)有一個代碼知識點(diǎn)比較難，即鼠標(biāo)滑到環(huán)繞器主體，環(huán)繞器會變大（首先給環(huán)繞器這個影片剪輯命名，然后通過更改它的scale屬性實(shí)現(xiàn)變大）。

著陸任務(wù)：著陸任務(wù)跟發(fā)射任務(wù)相似。

巡視任務(wù)：巡視任務(wù)在四個任務(wù)里難度最大。首先需要給火星車影片剪輯命名，然后通過鍵盤的上下左右鍵控制火星車的移動。Flash舞臺坐標(biāo)變化規(guī)律是難點(diǎn)，筆者通過繪制一個坐標(biāo)變化規(guī)律圖成功幫助學(xué)生攻克了這個難點(diǎn)。

四個任務(wù)全部完成后，筆者總結(jié)關(guān)鍵代碼知識及易錯點(diǎn)。

（5）課堂檢測 反思拓展

學(xué)生總結(jié)本節(jié)課知識點(diǎn)，教師總結(jié)并點(diǎn)評學(xué)生表現(xiàn)。學(xué)生進(jìn)行操作題及知識性題目的當(dāng)堂檢測。筆者根據(jù)課堂應(yīng)用效果及對學(xué)生的訪談反饋對課件進(jìn)行了幾十次的修改，以不斷提高課件質(zhì)量。

● 關(guān)鍵技術(shù)處理

1.整體分析，搭建場景框架

本作品分為片頭、熱點(diǎn)追蹤、學(xué)習(xí)目標(biāo)、動畫概覽、原理介紹、發(fā)射、環(huán)繞、著陸、巡視、操作題達(dá)標(biāo)檢測、知識點(diǎn)達(dá)標(biāo)檢測、教師寄語十二個模塊。插入一個場景即為一個模塊，每一個場景都可以插入多張幻燈片，場景名字即為發(fā)布后作品左側(cè)導(dǎo)航欄一級標(biāo)題的名字，場景內(nèi)部幻燈片名字即為導(dǎo)航欄二級標(biāo)題的名字，需要仔細(xì)斟酌，最好見名知意。

2.巧妙應(yīng)用時間軸

幻燈片里的文字、圖片、視頻、形狀等要素出現(xiàn)的時間完全取決于其在時間軸上的位置。以導(dǎo)航幻燈片制作為例，各元素出現(xiàn)的位置如圖3所示，先是片頭視頻，第六秒開始出現(xiàn)其他素材。

筆者使用喀秋莎軟件編輯制作片頭視頻，然后將視頻插入幻燈片中，設(shè)置為可以自主控制播放進(jìn)度，導(dǎo)航使用形狀添加文字，然后對其添加狀態(tài)，實(shí)現(xiàn)鼠標(biāo)劃過或者點(diǎn)擊背景變?yōu)榧t色，版權(quán)信息放在一個新的圖層中，初始狀態(tài)隱藏，鼠標(biāo)劃過，顯示圖層。

3.燈箱幻燈片作用大

選中“查看動畫”按鈕，在右側(cè)觸發(fā)器向?qū)е羞x擇“燈箱幻燈片”（如圖4），這樣當(dāng)目標(biāo)幻燈片出現(xiàn)時，播放器、導(dǎo)航等都變黑，更能突出主體，還可以選擇燈箱幻燈片效果（如圖5）。

4.圖層里面不能放視頻

筆者在制作模塊2熱點(diǎn)追蹤時，最開始只建立了一個幻燈片，將三個熱點(diǎn)視頻分別放到不同的圖層里，希望能通過點(diǎn)擊主幻燈片里的按鈕實(shí)現(xiàn)圖層交互，但是發(fā)布后發(fā)現(xiàn)視頻無法播放，多次更改嘗試后發(fā)現(xiàn)，視頻需要放到幻燈片里面，這樣發(fā)布后可以正常播放。

5.靈活應(yīng)用錄制屏幕功能

Storyline2可以插入任何類型的視頻文件，為學(xué)生提供更多直觀的學(xué)習(xí)資源，以便他們更好地內(nèi)化學(xué)習(xí)內(nèi)容。除此之外它還提供強(qiáng)大的錄制屏幕功能，可以通過屏幕錄制將重要內(nèi)容制作成視頻，讓學(xué)生重復(fù)觀看學(xué)習(xí)，深化對知識的理解。初中信息技術(shù)課堂中常難以對操作題進(jìn)行當(dāng)堂檢測，本課件通過錄制操作過程然后以試用模式步驟插入，實(shí)現(xiàn)良好的人機(jī)互動，可以對學(xué)生的操作情況進(jìn)行實(shí)時檢測，如下頁圖6所示。在查看模式下，學(xué)生只可以觀看而無法操作;測試模式需要學(xué)生獨(dú)立完成整個操作，其間沒有任何提示。因此筆者選擇了試用模式步驟，當(dāng)學(xué)生操作有誤時課件會給予提示。

6.播放器設(shè)置技巧多

由于Storyline2軟件是一款新興的軟件，它默認(rèn)的播放器按鈕是“上一個”“下一頁”，需要在文本標(biāo)簽處找到“previous button”，并將“上一個”手動更改為“上一頁”，然后保存。另外，也可以在播放器中設(shè)置是否顯示搜索欄、音量小喇叭、進(jìn)度條等。起初在發(fā)布時，播放器非常小，無法全屏布滿整個瀏覽器，影響觀感及操作，筆者嘗試多次后發(fā)現(xiàn)可以通過更改“調(diào)整瀏覽器以填充整個屏幕”“縮放播放器以填充瀏覽器窗口”兩個選項(xiàng)實(shí)現(xiàn)全屏。

7.靈活應(yīng)用測驗(yàn)功能

在插入幻燈片時可以選擇測驗(yàn)題型，如單選題、多選題、連線題、填空題等，需要注意：①每個問題對應(yīng)一張幻燈片，并且一定要設(shè)置正確答案及反饋分?jǐn)?shù);②把所有問題幻燈片和結(jié)果頁面的幻燈片放在同一個場景中;③測試結(jié)果幻燈片放在最后，可以設(shè)置通過率及是否允許多次答題（如圖7）。

● 幕前幕后

Storyline2在制作交互性課件中具有非常大的優(yōu)勢，不用編程也可以制作出強(qiáng)大的交互效果，這種交互性課件充分考慮了學(xué)生的反饋與體驗(yàn)，為碎片化學(xué)習(xí)及移動式學(xué)習(xí)提供了強(qiáng)大助力。通過本次實(shí)踐研究，筆者總結(jié)出了詳細(xì)的基于Storyline2的多媒體交互式課件設(shè)計(jì)與制作方法，希望可以為一線教師提供參考。

附：《用代碼設(shè)計(jì)天問一號登陸火星動畫》數(shù)字學(xué)習(xí)工具二維碼