基于PBL項(xiàng)目式學(xué)習(xí)的動(dòng)畫教學(xué)設(shè)計(jì)

江榕春

在信息技術(shù)新課標(biāo)中，提倡培養(yǎng)學(xué)生的問題解決能力，那么一線教師如何改變傳統(tǒng)的教學(xué)模式，切實(shí)提高學(xué)生的問題解決能力呢？在《動(dòng)畫設(shè)計(jì)與制作》單元，筆者嘗試采取PBL項(xiàng)目式學(xué)習(xí)的方式，以“開心樂園”項(xiàng)目為主題，以“提出問題—分析問題—尋找問題解決方案—解決問題”為主要流程，設(shè)計(jì)了8個(gè)子項(xiàng)目按課時(shí)分步完成。下面以《Flash按鈕中的代碼》教學(xué)設(shè)計(jì)為例，闡述PBL項(xiàng)目式學(xué)習(xí)的一般操作方法。

設(shè)計(jì)意圖

在前期學(xué)習(xí)活動(dòng)中，學(xué)生已經(jīng)制作了自己的半成品動(dòng)畫作品，涵蓋了逐幀動(dòng)畫、補(bǔ)間動(dòng)畫、遮罩等技術(shù)，分三個(gè)不同場(chǎng)景展現(xiàn)了《開心樂園》風(fēng)貌，迫切需要通過按鈕改變只能線性播放、不能跳轉(zhuǎn)的狀況。因此，筆者設(shè)定本課的項(xiàng)目子課題是《體驗(yàn)交互動(dòng)畫》，擬通過按鈕中的代碼來控制動(dòng)畫的播放和跳轉(zhuǎn)，以實(shí)現(xiàn)交互功能。為達(dá)到預(yù)期效果，又設(shè)計(jì)了典型案例，其中包含三個(gè)按鈕，既有公用庫按鈕，也有自己制作的按鈕，一方面讓學(xué)生學(xué)會(huì)調(diào)用現(xiàn)成的按鈕，探究按鈕中的On函數(shù)代碼所對(duì)應(yīng)的鼠標(biāo)（鍵盤）事件;另一方面讓學(xué)生學(xué)會(huì)自己制作按鈕，認(rèn)識(shí)按鈕中的各關(guān)鍵幀所對(duì)應(yīng)的鼠標(biāo)事件，并與代碼中的鼠標(biāo)事件相對(duì)照，深度理解代碼的含義和功能，最終使學(xué)生在項(xiàng)目解決過程中，能根據(jù)需要靈活選擇相應(yīng)的代碼，在動(dòng)畫播放過程中，通過單擊不同按鈕實(shí)現(xiàn)較為復(fù)雜的交互功能。

教材分析

本課是蘇科版初中信息技術(shù)教材八年級(jí)第一章《動(dòng)畫設(shè)計(jì)與制作》第四節(jié)《體驗(yàn)交互動(dòng)畫》中的第二課時(shí)《按鈕中的代碼》。在上一課時(shí)的學(xué)習(xí)中，學(xué)生已經(jīng)學(xué)會(huì)通過動(dòng)作面板在關(guān)鍵幀中輸入簡單時(shí)間軸控制代碼的方法，理解了play（）、stop（）等代碼的含義，能根據(jù)需要在關(guān)鍵幀選擇正確的代碼實(shí)現(xiàn)一定的控制功能。本課在掌握“關(guān)鍵幀中的代碼”的基礎(chǔ)上，讓學(xué)生進(jìn)一步通過按鈕更加靈活地實(shí)現(xiàn)交互功能。

學(xué)情分析

在前期學(xué)習(xí)中，學(xué)生已經(jīng)初步掌握了影片剪輯的制作和調(diào)用方法，制作了自己的半成品動(dòng)畫作品，能在關(guān)鍵幀中輸入簡單時(shí)間軸控制代碼，實(shí)現(xiàn)停止、繼續(xù)播放等功能，但是只能線性播放，不能跳轉(zhuǎn)到其他場(chǎng)景，需要通過按鈕來實(shí)現(xiàn)交互。本課將在此基礎(chǔ)上，進(jìn)一步探討按鈕的制作和調(diào)用方法，認(rèn)識(shí)鼠標(biāo)和鍵盤事件，探究如何根據(jù)事件選用相應(yīng)的代碼，實(shí)現(xiàn)交互。

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

（1）學(xué)會(huì)從公用庫中調(diào)用按鈕，能在按鈕實(shí)例中輸入代碼實(shí)現(xiàn)交互。

（2）認(rèn)識(shí)按鈕元件和鼠標(biāo)事件，學(xué)會(huì)按鈕制作方法，并能根據(jù)需要在鼠標(biāo)事件中輸入正確的ActionScript代碼。

（3）激發(fā)學(xué)習(xí)興趣，能創(chuàng)造性地制作交互動(dòng)畫作品。

（4）在制作交互動(dòng)畫的過程中培養(yǎng)學(xué)生的創(chuàng)新思維，提高問題解決能力。

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

重點(diǎn)：制作按鈕元件;向按鈕中輸入合適代碼實(shí)現(xiàn)交互。

難點(diǎn)：針對(duì)每個(gè)按鈕的不同鼠標(biāo)事件，以正確的書寫格式輸入ActionScript代碼。

教學(xué)流程

1.情境導(dǎo)入，提出問題

教師選擇2份優(yōu)秀學(xué)生動(dòng)畫作品，請(qǐng)學(xué)生欣賞，在播放動(dòng)畫的同時(shí)點(diǎn)評(píng)優(yōu)點(diǎn)，并提出需求：如何控制動(dòng)畫的播放和跳轉(zhuǎn)，實(shí)現(xiàn)交互？

設(shè)計(jì)意圖：本單元從使用繪圖工具繪制動(dòng)畫場(chǎng)景、制作逐幀動(dòng)畫、制作形狀補(bǔ)間動(dòng)畫、新建元件制作動(dòng)畫補(bǔ)間動(dòng)畫，到運(yùn)用運(yùn)動(dòng)引導(dǎo)線、遮罩等技術(shù)，經(jīng)過6節(jié)課的設(shè)計(jì)和制作，學(xué)生動(dòng)畫作品已經(jīng)包含了三個(gè)場(chǎng)景，具有一定的故事情節(jié)，不足之處也越來越明顯，那就是只能線性播放，無法靈活跳轉(zhuǎn)到其他場(chǎng)景。通過欣賞學(xué)生作品，可以充分暴露這一不足，從而自然而然地提出本課的項(xiàng)目子課題“如何實(shí)現(xiàn)交互動(dòng)畫”。

教師請(qǐng)學(xué)生打開學(xué)習(xí)資源包，運(yùn)行“探究1.swf”交互動(dòng)畫，觀察教師實(shí)現(xiàn)交互動(dòng)畫的方法，并回答以下問題：①該場(chǎng)景增加了哪些對(duì)象？②每個(gè)按鈕的狀態(tài)有幾種？③每個(gè)按鈕的功能是什么？④如何實(shí)現(xiàn)該功能？請(qǐng)?zhí)岢鼋鉀Q方案。

設(shè)計(jì)意圖：本環(huán)節(jié)讓學(xué)生在動(dòng)畫場(chǎng)景中觀察新的對(duì)象——按鈕，嘗試將鼠標(biāo)指針指向每個(gè)按鈕，通過懸浮或單擊等動(dòng)作，直觀感受不同鼠標(biāo)事件下按鈕的不同形態(tài)，體會(huì)按鈕元件的特點(diǎn)，研究每個(gè)按鈕的功能，綜合分析這些按鈕的作用，并設(shè)身處地思考自己的動(dòng)畫要實(shí)現(xiàn)交互功能，需要做哪些操作，按什么順序進(jìn)行，最終通過討論提出解決方案：先制作按鈕元件，再通過代碼實(shí)現(xiàn)相應(yīng)功能。

2.自主嘗試，調(diào)用公用按鈕

教師打開動(dòng)畫源文件，切換到場(chǎng)景2，示范如何打開公用庫中的按鈕庫，并從中選擇合適的按鈕，拖到舞臺(tái)上適當(dāng)位置，測(cè)試影片，讓學(xué)生觀察按鈕的“彈起”“鼠標(biāo)經(jīng)過”“按下”“點(diǎn)擊”四種不同形態(tài)，并進(jìn)一步提出問題：為什么單擊“停止”按鈕沒有停止播放動(dòng)畫？啟發(fā)學(xué)生回憶起關(guān)于“停止”功能的代碼，這時(shí)學(xué)生躍躍欲試，想自己親手實(shí)踐。

教師布置任務(wù)1：自主嘗試調(diào)用公用按鈕制作交互動(dòng)畫。

教師觀察、輔導(dǎo)學(xué)生制作。尋找制作比較快的學(xué)生（作品基本完成，但單擊停止按鈕無法控制動(dòng)畫），演示他的交互動(dòng)畫，提醒學(xué)生觀察出錯(cuò)提示，尋找錯(cuò)誤的根源在于按鈕中的代碼：stop（）;。

教師根據(jù)出錯(cuò)提示，帶領(lǐng)學(xué)生觀察時(shí)間軸關(guān)鍵幀上的a標(biāo)記，講解出錯(cuò)原因在于“stop（）;”命令是關(guān)鍵幀中的代碼，而不是按鈕中的代碼，強(qiáng)調(diào)按鈕中的代碼必須使用On處理函數(shù)，指明該代碼所要響應(yīng)的鼠標(biāo)或鍵盤事件，然后演示修改方法，通過動(dòng)作面板，將此按鈕中的代碼修改為：On（press）{stop（）;}。教師解析代碼含義為：當(dāng)按下鼠標(biāo)左鍵時(shí)就運(yùn)行大括號(hào)內(nèi)的代碼組（本例只有一條代碼：停止播放）。然后重新測(cè)試場(chǎng)景，出錯(cuò)提示消失，且“停止”按鈕的功能準(zhǔn)確實(shí)現(xiàn)了。

設(shè)計(jì)意圖：上節(jié)課學(xué)習(xí)關(guān)鍵幀中的代碼時(shí)，學(xué)生已經(jīng)掌握stop（）;代碼的功能，這時(shí)極易直接運(yùn)用該代碼來實(shí)現(xiàn)停止功能，但在測(cè)試時(shí)系統(tǒng)必然會(huì)呈現(xiàn)出錯(cuò)信息，教師可抓住機(jī)會(huì)充分利用出錯(cuò)提示，來促進(jìn)學(xué)生主動(dòng)思維，當(dāng)回溯到環(huán)節(jié)一對(duì)鼠標(biāo)事件的體悟時(shí)，學(xué)生可順利發(fā)現(xiàn)問題之癥結(jié)，并嘗試一步步解決問題。

接下來，請(qǐng)學(xué)生繼續(xù)修改代碼，完成“播放”“停止”按鈕的制作并測(cè)試場(chǎng)景。根據(jù)完成情況，提出新問題：除了“按下鼠標(biāo)”事件外，還有哪些事件？如何觸發(fā)這些事件？

教師布置任務(wù)2：探究其他鼠標(biāo)事件。

按鈕的動(dòng)作代碼必須以某種鼠標(biāo)（鍵盤）事件來觸發(fā)，除了“按下左鍵”外，還有其他事件，可根據(jù)需要選擇使用。教師要求學(xué)生嘗試修改On函數(shù)中的事件代碼，通過測(cè)試影片，反過來體會(huì)代碼觸發(fā)條件，并在學(xué)案中做出記錄。

小結(jié)：只有發(fā)生相應(yīng)的鼠標(biāo)或鍵盤事件時(shí)，才會(huì)觸發(fā)對(duì)應(yīng)的代碼，如“release”（按下鼠標(biāo)左鍵再放開）、“rollover”（當(dāng)鼠標(biāo)經(jīng)過按鈕）、“keypress”（當(dāng)用戶按下鍵盤上某鍵）。

設(shè)計(jì)意圖：任務(wù)2的設(shè)計(jì)目的在于讓學(xué)生舉一反三，進(jìn)行知識(shí)遷移，探究鼠標(biāo)事件，有利于全面充分地開發(fā)一個(gè)按鈕的多項(xiàng)功能，也為下一個(gè)環(huán)節(jié)自制按鈕的四個(gè)關(guān)鍵幀埋下伏筆，提高問題解決能力。

3.自主創(chuàng)新，自制按鈕

教師重新播放示例動(dòng)畫，提問：“龜兔賽跑”按鈕特別在哪里？能從公用庫直接調(diào)用嗎？答案是必須自制。

（1）按鈕元件的制作。教師演示操作流程，單擊“插入/新建元件”命令，選擇“按鈕”類型，輸入按鈕名稱，創(chuàng)建“龜兔賽跑”按鈕元件，分析其中每個(gè)關(guān)鍵幀的含義及其對(duì)應(yīng)的鼠標(biāo)事件。

（2）布置任務(wù)3：制作“龜兔賽跑”按鈕并輸入代碼，以便單擊該按鈕跳轉(zhuǎn)到“龜兔賽跑”場(chǎng)景。在制作過程中需要思考的問題如下：①如何啟發(fā)觀眾明確本按鈕的功能？②按鈕中的四個(gè)幀缺一不可嗎？③你能創(chuàng)造性地制作出其他交互動(dòng)畫嗎？

設(shè)計(jì)意圖：任務(wù)3具有較大的開放性，讓學(xué)生帶著三大問題開啟任務(wù)的目的在于培養(yǎng)其設(shè)計(jì)思維，讓學(xué)生站在用戶立場(chǎng)思考按鈕制作需要有較強(qiáng)的指向性和實(shí)用性，要有一定的美觀度，能整合整個(gè)作品。最終，個(gè)性化的作品才能體現(xiàn)出學(xué)生對(duì)本課技術(shù)的創(chuàng)新運(yùn)用水平。

4.展示作品，總結(jié)提升

教師最后展示學(xué)生作品，單擊每個(gè)按鈕測(cè)試其功能，進(jìn)行作品評(píng)價(jià)，然后師生共同總結(jié)本節(jié)課的知識(shí)點(diǎn)，提高學(xué)生的總結(jié)能力。要點(diǎn)如下：①在flash動(dòng)畫制作中可以使用按鈕，存入代碼實(shí)現(xiàn)交互。②按鈕可以自制，也可以直接調(diào)用庫中的按鈕。③按鈕中的代碼要滿足一定的條件才能執(zhí)行。

教學(xué)反思

PBL項(xiàng)目式學(xué)習(xí)是國內(nèi)教育界逐漸興起的一種新的學(xué)習(xí)形態(tài)，旨在以真實(shí)情境為背景，基于現(xiàn)實(shí)主題，運(yùn)用學(xué)科知識(shí)，習(xí)得必要技能，以學(xué)生為中心去解決真實(shí)問題。開展PBL項(xiàng)目式學(xué)習(xí)，需要教師具備選擇合適的項(xiàng)目主題的能力，來自真實(shí)問題的挑戰(zhàn)可有效激發(fā)學(xué)生內(nèi)驅(qū)力。筆者在動(dòng)畫制作單元引入項(xiàng)目式學(xué)習(xí)，以“開心樂園”為主題，整合了繪畫、故事新編以及信息技術(shù)，處處以學(xué)生為中心，讓學(xué)生自己設(shè)計(jì)動(dòng)畫場(chǎng)景和故事情節(jié)，通過代碼制作“龜兔賽跑”故事新編。在漫長的項(xiàng)目解決過程中，需要學(xué)生不斷明確問題所在，學(xué)會(huì)分析問題并提出問題解決方案。當(dāng)然，在解決問題的過程中，又會(huì)不斷遇到新的問題，此時(shí)教師不妨根據(jù)知識(shí)體系和制作過程中可能遇到的異常情況，拋出系列問題讓學(xué)生自主探究，利用軟件自身的出錯(cuò)提示、幫助信息，啟發(fā)學(xué)生主動(dòng)思考，進(jìn)一步探究解決的方法，這樣養(yǎng)成思考和探究的習(xí)慣后，才能自然而然地培養(yǎng)學(xué)生的問題解決能力。當(dāng)然，項(xiàng)目式學(xué)習(xí)會(huì)受到學(xué)生水平差異的影響，難以統(tǒng)一進(jìn)度，需要教師的正確引導(dǎo)和小組成員合作來調(diào)和。

點(diǎn)? 評(píng)

項(xiàng)目學(xué)習(xí)在信息技術(shù)教學(xué)新授課中之所以存在較大的困難，主要原因在于課堂時(shí)間和學(xué)習(xí)內(nèi)容等不協(xié)調(diào)。本篇教學(xué)設(shè)計(jì)從項(xiàng)目主題引出“子課題”，很好地解決了這個(gè)問題，把項(xiàng)目放在較多的課時(shí)內(nèi)解決，用子課題重點(diǎn)解決一類問題（本節(jié)課解決的是按鈕交互）就能很好地分解項(xiàng)目，讓項(xiàng)目學(xué)習(xí)可持續(xù)、可操作。本節(jié)課還有一個(gè)優(yōu)點(diǎn)是針對(duì)問題來進(jìn)行流程設(shè)計(jì)，“提出問題—分析問題—尋找問題解決方案—解決問題”的流程能夠讓教學(xué)過程更清晰?？梢?，項(xiàng)目學(xué)習(xí)與問題解決策略恰當(dāng)融合非常有益。當(dāng)然，在項(xiàng)目學(xué)習(xí)的子課題設(shè)計(jì)及學(xué)習(xí)中，我們要注意內(nèi)容的開放性、作品的個(gè)性化、問題的深度等細(xì)節(jié)，以使子課題更能體現(xiàn)項(xiàng)目學(xué)習(xí)的特色。