《飄揚(yáng)的旗幟——體驗(yàn)Flash交互動畫》教學(xué)設(shè)計(jì)

沈妹紅

設(shè)計(jì)思想

本節(jié)課是江蘇科學(xué)技術(shù)出版社八年級信息技術(shù)第一章《設(shè)計(jì)與制作動畫》第4節(jié)的內(nèi)容。通過前面三節(jié)內(nèi)容的學(xué)習(xí)，學(xué)生已經(jīng)掌握了動畫的基本原理、元件、補(bǔ)間、層等基礎(chǔ)知識，本節(jié)課在此基礎(chǔ)上學(xué)習(xí)制作交互動畫，用簡單的代碼讓學(xué)生感受與計(jì)算機(jī)動畫交互的魅力，提升Flash軟件的操作技能。

本節(jié)教學(xué)內(nèi)容分為關(guān)鍵幀中的代碼和按鈕中的代碼兩部分，以70周年國慶閱兵式活動導(dǎo)入，通過升旗儀式引出主題——制作升國旗動畫，利用“國旗上升后能停止嗎？”“國旗能用按鈕控制上升嗎？”這兩個問題，讓學(xué)生學(xué)習(xí)“關(guān)鍵幀中添加代碼”和“按鈕中添加代碼”，初步認(rèn)識“代碼”在Flash交互動畫中的使用。接著，設(shè)置提高任務(wù)讓學(xué)生自主探究學(xué)習(xí)，制作三個按鈕控制三面旗幟上升的動畫，熟練添加“代碼”的操作，理解“代碼”在Flash交互動畫中的關(guān)鍵作用。最后，交流、總結(jié)Flash動畫“交互”的內(nèi)涵。

學(xué)生分析

本節(jié)課的教學(xué)對象是初二年級的學(xué)生，他們正處于身心急劇變化的關(guān)鍵時期，向往獨(dú)立，但也樂于交流。學(xué)生熟悉信息技術(shù)課程，通過前期學(xué)習(xí)，已經(jīng)掌握Flash動畫基礎(chǔ)知識與基本技能，了解元件、層、補(bǔ)間的概念，能夠獨(dú)立制作簡單的動畫作品，為本節(jié)課的學(xué)習(xí)奠定了基礎(chǔ)。

教學(xué)目標(biāo)

知識與技能目標(biāo)：了解關(guān)鍵幀和代碼中常用的控制動畫代碼;學(xué)會在關(guān)鍵幀、按鈕中添加代碼;學(xué)會在Flash中添加按鈕;學(xué)會按鈕控制“影片剪輯”的方法;熟悉“動作面板”的使用。

過程與方法目標(biāo)：本節(jié)課采用任務(wù)驅(qū)動的教學(xué)方式，設(shè)置四個層層深入的任務(wù)，學(xué)生采取自主學(xué)習(xí)、實(shí)踐操作等學(xué)習(xí)方法，復(fù)習(xí)、思考、嘗試、交流、總結(jié)，通過教師引導(dǎo)和指導(dǎo)，學(xué)習(xí)交互動畫知識。

情感態(tài)度與價值觀目標(biāo)：通過制作動畫，培養(yǎng)學(xué)生的動手能力，激發(fā)學(xué)生學(xué)習(xí)Flash的熱情;通過完成任務(wù)，加深知識印象，增強(qiáng)成功體驗(yàn)，提高Flash軟件技能;通過閱讀教材和使用學(xué)案，培養(yǎng)學(xué)生自主學(xué)習(xí)、協(xié)同合作能力;通過展示70年偉大成就，感受祖國強(qiáng)大，激發(fā)學(xué)生愛國情懷，提升道德修養(yǎng)。

教學(xué)重難點(diǎn)

教學(xué)重點(diǎn)：交互動畫的體驗(yàn)、理解和制作。

教學(xué)難點(diǎn)：培養(yǎng)制作交互動畫的思維和方法。

教學(xué)流程

1.主題導(dǎo)入，復(fù)習(xí)舊知

師：2019年10月1號的閱兵式大家看了嗎？現(xiàn)在讓我們來回顧一下國慶閱兵式的升旗儀式。

學(xué)生觀看升旗儀式。

師：今天就讓我們用所學(xué)的Flash軟件制作一個升國旗的動畫，讓國旗高高飄揚(yáng)，表達(dá)我們對祖國的熱愛。國旗分為旗桿和旗幟兩部分，你準(zhǔn)備建幾個圖層？用什么補(bǔ)間？誰來說說你準(zhǔn)備怎么做？

學(xué)生回憶并講述制作升國旗動畫的步驟。

師：請同學(xué)們打開桌面上的“升國旗.fla”文件，完成升國旗的動畫。

設(shè)計(jì)意圖：①讓學(xué)生分析并講述制作升國旗步驟，復(fù)習(xí)鞏固Flash動畫基礎(chǔ)知識。②“升國旗.fla”源文件中，已經(jīng)建好“旗桿”和“旗幟”兩個圖層，并且“旗幟”圖片已經(jīng)轉(zhuǎn)換為“圖形元件”放在旗桿底部，學(xué)生只需操作兩步就能完成動畫，確保每位學(xué)生都能完成，讓學(xué)生產(chǎn)生成就感，也能為下面的學(xué)習(xí)做好素材準(zhǔn)備。

2.自主探究，學(xué)習(xí)“關(guān)鍵幀中的代碼”

師：放映“升國旗”動畫的時候，國旗一直在上升、下降，能不能讓國旗升到旗桿頂部后就停止呢？請大家閱讀教材第23頁“控制動畫代碼”以及第24頁“動作面板”內(nèi)容，自己試一試，能否讓國旗在旗桿頂端停止。

學(xué)生自主學(xué)習(xí)教材并實(shí)踐制作。

教師請一位學(xué)生上臺演示并講解操作。

學(xué)生觀看并完成代碼的添加。

設(shè)計(jì)意圖：①教材是學(xué)生學(xué)習(xí)的重要資源，充分利用教材，讓學(xué)生自主學(xué)習(xí)并實(shí)踐操作，鍛煉學(xué)生的自主學(xué)習(xí)能力。②學(xué)生是課堂的主體，創(chuàng)造機(jī)會，轉(zhuǎn)換角色，讓學(xué)生做老師，提高學(xué)生的學(xué)習(xí)主動性。

師：通過學(xué)習(xí)，我們只需在第30幀關(guān)鍵幀加入“stop（）”代碼，就能讓國旗在頂端停止，除此之外還有哪些代碼呢？請同學(xué)們根據(jù)教材來連連看。（PPT展示代碼功能列表）

學(xué)生查看教材并學(xué)習(xí)控制動畫的常見代碼和功能。

設(shè)計(jì)意圖：學(xué)生完成動畫后初步意識到代碼在交互動畫中的使用，初步體驗(yàn)交互動畫的樂趣，然后趁熱打鐵，進(jìn)一步學(xué)習(xí)控制動畫的常見代碼。

3.演示操作，學(xué)習(xí)“按鈕中的代碼”

師：現(xiàn)在是放映“升國旗”動畫，國旗就自動上升，然后停止，那么能不能設(shè)置一個按鈕，讓國旗在旗桿底部待著，等需要的時候點(diǎn)擊按鈕，國旗再上升呢？

師：首先，國旗一直在旗桿底部待著，我們需要怎么做？

生：在“國旗”圖層第一個“關(guān)鍵幀”加入代碼“stop（）”。

師：下面先請同學(xué)們閱讀教材第P25頁“制作按鈕”和第26頁“執(zhí)行代碼條件”內(nèi)容，然后，根據(jù)教材來連連看。（PPT展示按鈕狀態(tài)和代碼列表）。

學(xué)生自主閱讀教材，初步了解按鈕知識。

師：（演示講解）從Flash按鈕庫里選擇一個按鈕拖入舞臺，放映影片，點(diǎn)擊按鈕，會看到按鈕有指針經(jīng)過、彈起、按下、點(diǎn)擊四種狀態(tài)。選中按鈕，在“動作面板”中添加代碼“on（press）{play（）;}”。

學(xué)生觀看教師演示操作，完成按鈕控制國旗升降的動畫。

設(shè)計(jì)意圖：本環(huán)節(jié)知識內(nèi)容是添加按鈕和在按鈕中加入代碼，難度有所增加，因此采用教師講授和學(xué)生教材閱讀、實(shí)踐操作的教學(xué)方法：學(xué)生瀏覽一遍教材，將按鈕狀態(tài)和代碼連線，在腦海中初步形成“按鈕知識”印象，教師通過講授演示，將知識簡潔化、明了化，學(xué)生在動畫制作練習(xí)中逐步理解并掌握按鈕的使用方法。

4.拓展提高，熟練運(yùn)用關(guān)鍵幀代碼和按鈕代碼

師：同學(xué)們，空中護(hù)旗梯隊(duì)拉開了閱兵分列式的序幕，讓我們再次回顧那激動人心的時刻。

學(xué)生觀看空中護(hù)旗隊(duì)護(hù)衛(wèi)黨旗、國旗、軍旗飛過天安門廣場的視頻。

師：（展示事先做好的動畫）動畫中包含三面旗幟、三個控制按鈕，同學(xué)們會做嗎？

師：（打開動畫源文件）時間軸上只有一個關(guān)鍵幀，國旗、黨旗、軍旗的升起動畫預(yù)先已經(jīng)做好并分別放入各自的影片剪輯里。請同學(xué)們根據(jù)桌面上的“實(shí)踐指南”文件夾里的操作步驟，完成這個動畫，相鄰座位同學(xué)可交流探討。

學(xué)生自主探究學(xué)習(xí)，完成動畫制作。

設(shè)計(jì)意圖：本環(huán)節(jié)主要是拓展提高，學(xué)生經(jīng)過前半節(jié)課的學(xué)習(xí)，已經(jīng)初步了解交互動畫，并會制作簡單的關(guān)鍵幀代碼和按鈕代碼。鼓勵學(xué)生自主探究、合作學(xué)習(xí)制作動畫，思考按鈕、關(guān)鍵幀在控制動畫中的使用，熟練庫、影片剪輯、動作面板、時間軸的操作，同時加深理解代碼在交互動畫中的作用。

5.交流分享，理解“Flash交互動畫”的內(nèi)涵

師：我們今天做了旗幟的動畫，從旗幟自動升降，到設(shè)置按鈕控制升降，動畫成了我們能夠控制的動畫，這就是Flash交互動畫的魅力。誰能說說交互動畫的實(shí)質(zhì)是什么？可以討論后再回答。

學(xué)生交流討論，總結(jié)提煉交互動畫的內(nèi)涵。

師：Flash交互動畫其實(shí)就是結(jié)合按鈕、影片剪輯等組件，通過actionscript代碼能夠?qū)崿F(xiàn)交互的功能，有興趣的同學(xué)課后可以繼續(xù)研究制作。

設(shè)計(jì)意圖：本環(huán)節(jié)主要是回顧總結(jié)、分享交流，讓學(xué)生觀察做過的升旗動畫，從自動動畫到可控動畫，引出可控動畫其實(shí)就是互動動畫的概念，再引導(dǎo)學(xué)生討論，得出結(jié)論——代碼在交互動畫中起到關(guān)鍵作用，從而深刻理解Flash交互動畫的內(nèi)涵。

6.展示祖國成就，激發(fā)學(xué)生愛國情懷

師：同學(xué)們，旗幟是什么？旗幟是忠誠，是信仰，是方向，是力量，是中國億萬人民心中的太陽，正是因?yàn)橛辛怂庞辛宋覀儸F(xiàn)在的生活、現(xiàn)在的成就。讓我們一起來感受祖國70年來的偉大成就吧?。≒PT展示70年偉大成就）

設(shè)計(jì)意圖：這一環(huán)節(jié)是愛國教育主題的總結(jié)，展示祖國70年偉大成就，讓學(xué)生感受祖國的強(qiáng)大，在為祖國自豪的同時明白現(xiàn)在生活的來之不易，激發(fā)學(xué)生的愛國情懷和感恩之情。

教學(xué)反思

本節(jié)課以具有愛國主義教育的閱兵式活動為素材，課堂稍顯沉靜，在觀看活動視頻、欣賞祖國成就、制作升旗動畫的過程中，學(xué)生認(rèn)真專注、積極投入，愛國之情如涓涓細(xì)流在課堂中、學(xué)生間靜靜流淌。

本節(jié)課努力做到尊重學(xué)生、相信學(xué)生，設(shè)計(jì)自主探究學(xué)習(xí)和交流討論環(huán)節(jié)，培養(yǎng)學(xué)生的學(xué)習(xí)積極性和能動性，學(xué)生的表現(xiàn)足以令人驚喜。

本節(jié)課共有四個動畫制作任務(wù)，多數(shù)學(xué)生能夠操作完成，知識目標(biāo)基本達(dá)成，但在第4環(huán)節(jié)制作“三個按鈕控制三面旗幟”的動畫時，還是有少數(shù)學(xué)生出現(xiàn)不少錯誤，如將按鈕添加到了影片剪輯里、代碼寫錯、影片剪輯實(shí)例名稱輸錯等。另外，本節(jié)課還有一些遺憾和不足之處，如在第3環(huán)節(jié)由于學(xué)生出錯率高，教師講解“按鈕代碼”演示了兩遍，在第4環(huán)節(jié)關(guān)于“影片剪輯”的內(nèi)容只是一帶而過，這表明教師在時間把控和掌握學(xué)情方面還需要改進(jìn)。