高中綜合實(shí)踐活動(dòng)-交互動(dòng)畫(huà)制作教學(xué)設(shè)計(jì)學(xué)情分析教材分析課后反思

教學(xué)設(shè)計(jì)案例名稱(chēng)交互動(dòng)畫(huà)制作科目信息技術(shù)教學(xué)對(duì)象高二學(xué)生課時(shí)1課時(shí)設(shè)計(jì)人一、教學(xué)內(nèi)容分析：本節(jié)課為選修課本《多媒體技術(shù)應(yīng)用》中第四章中動(dòng)畫(huà)、視頻及應(yīng)用中第三節(jié)計(jì)算機(jī)動(dòng)畫(huà)制作的第三部分交互動(dòng)畫(huà)制作的第一課時(shí)。主要內(nèi)容為簡(jiǎn)單的交互動(dòng)畫(huà)制作。二、教學(xué)目標(biāo)分析：知識(shí)與技能：能掌握、運(yùn)用簡(jiǎn)單的腳本語(yǔ)言和按鈕元件進(jìn)行動(dòng)畫(huà)的交互制作，達(dá)到需要的創(chuàng)意效果。過(guò)程與方法：從按鈕元件制作入手，通過(guò)小組合作分析不同按鈕的不同表現(xiàn)，掌握按鈕的制作和使用。利用交互動(dòng)畫(huà)實(shí)例制作，掌握Flash中的簡(jiǎn)單動(dòng)作命令。通過(guò)同學(xué)講解制作思路和制作方法，引發(fā)學(xué)生對(duì)自己作品的反思，增強(qiáng)學(xué)生對(duì)動(dòng)畫(huà)制作的理解。情感態(tài)度與價(jià)值觀：通過(guò)交互動(dòng)畫(huà)的制作，體驗(yàn)用戶(hù)參與控制動(dòng)畫(huà)內(nèi)容的優(yōu)勢(shì)。并能夠客觀地分析和評(píng)價(jià)多媒體技術(shù)在實(shí)際學(xué)習(xí)、生活中的應(yīng)用，培養(yǎng)學(xué)生科學(xué)客觀地運(yùn)用多媒體技術(shù)解決實(shí)際問(wèn)題的意識(shí)和能力。三、學(xué)情分析：在本節(jié)課之前，學(xué)生已經(jīng)通過(guò)兩節(jié)課的學(xué)習(xí)，掌握了Flash中的幀、時(shí)間軸、圖層、舞臺(tái)、影片剪輯和圖形元件，以及逐幀動(dòng)畫(huà)、補(bǔ)間動(dòng)畫(huà)、引導(dǎo)線動(dòng)畫(huà)、遮罩動(dòng)畫(huà)制作方法。在日常生活中，對(duì)于交互動(dòng)畫(huà)接觸較多，所以本節(jié)課學(xué)習(xí)的交互動(dòng)畫(huà)概念學(xué)生接受起來(lái)基本沒(méi)有障礙。難點(diǎn)在于學(xué)生基本都是初次接觸ActionScript的編程語(yǔ)言。四、教學(xué)難重點(diǎn)：難點(diǎn)：動(dòng)作命令的運(yùn)用重點(diǎn)：制作簡(jiǎn)單的交互動(dòng)畫(huà)五、教學(xué)方法：自主學(xué)習(xí)、師生問(wèn)答、小組協(xié)作討論、演示法、任務(wù)驅(qū)動(dòng)六、教學(xué)環(huán)境及資源準(zhǔn)備：Lanstar網(wǎng)絡(luò)教室各個(gè)環(huán)節(jié)用到的動(dòng)畫(huà)文件六、教學(xué)過(guò)程：活動(dòng)內(nèi)容教師活動(dòng)學(xué)生活動(dòng)課前準(zhǔn)備1、制作動(dòng)畫(huà)《圓運(yùn)動(dòng)1》、《圓運(yùn)動(dòng)2》：1為圓在舞臺(tái)上自左向右運(yùn)動(dòng)動(dòng)畫(huà)，2為圓在舞臺(tái)上自左向右運(yùn)動(dòng)動(dòng)畫(huà)按鈕分別具有播放、暫停、快進(jìn)、快退、停止功能。2、準(zhǔn)備《按鈕瓶子》動(dòng)畫(huà)。3、制作《螺旋管的磁場(chǎng)方向》半成品文件。掌握Flash中的幀、時(shí)間軸、圖層、舞臺(tái)、影片剪輯和圖形元件，以及逐幀動(dòng)畫(huà)、補(bǔ)間動(dòng)畫(huà)、引導(dǎo)線動(dòng)畫(huà)、遮罩動(dòng)畫(huà)制作方法。導(dǎo)入前面兩節(jié)課的時(shí)間，我們講解了在Flash中怎樣來(lái)制作逐幀動(dòng)畫(huà)、補(bǔ)間動(dòng)畫(huà)、引導(dǎo)線動(dòng)畫(huà)和遮罩動(dòng)畫(huà)。這節(jié)課呢，我們來(lái)學(xué)習(xí)Flash里面的一個(gè)新的知識(shí)點(diǎn)。首先，請(qǐng)大家打開(kāi)學(xué)習(xí)材料里面的圓運(yùn)動(dòng)1.swf和圓運(yùn)動(dòng)2.swf，思考一下這兩個(gè)動(dòng)畫(huà)有什么樣的相同點(diǎn)，什么樣的不同點(diǎn)。請(qǐng)同學(xué)回答問(wèn)題。教師總結(jié)：在圓運(yùn)動(dòng)２動(dòng)畫(huà)中，下面的這排文字是按鈕元件，用戶(hù)可以通過(guò)這排按鈕，來(lái)控制動(dòng)畫(huà)播放的內(nèi)容。我們把這種動(dòng)畫(huà)，叫做交互動(dòng)畫(huà)。引出交互動(dòng)畫(huà)制作。觀看動(dòng)畫(huà)，積極思考相同點(diǎn)與不同點(diǎn)，并回答問(wèn)題。教學(xué)過(guò)程一、動(dòng)畫(huà)的交互性一般是指通過(guò)給按鈕附加動(dòng)作命令去觸發(fā)一個(gè)事件的發(fā)生或停止。總結(jié)：按鈕—?jiǎng)幼髅睢|發(fā)事件。二、學(xué)習(xí)按鈕的制作1、閱讀并自學(xué)按鈕的制作下面大家翻開(kāi)課本的P82頁(yè)，花兩分鐘的時(shí)間閱讀“按鈕的制作”部分。通過(guò)閱讀，了解按鈕元件區(qū)別于影片剪輯和圖形元件，比較特殊，是由彈起、指針經(jīng)過(guò)、按下和點(diǎn)擊四個(gè)幀構(gòu)成的。展示“按鈕四幀示例.fla”，明確按鈕四幀的作用。2、通過(guò)活動(dòng)進(jìn)一步了解掌握按鈕元件。請(qǐng)大家以?xún)扇诵〗M為單位打開(kāi)學(xué)習(xí)資料里的“按鈕ABCDEF.fla”文件，觀察討論A、B、C、D、E五個(gè)按鈕的使用情況。1）、這五個(gè)按鈕在使用時(shí)有什么樣的表現(xiàn)？2）、在這五個(gè)按鈕中，哪一個(gè)按鈕不能正常使用？原因是什么？3）、純文字按鈕存在不容易觸發(fā)的問(wèn)題，怎么解決？請(qǐng)同學(xué)回答。3、按鈕元件小結(jié)：總結(jié)：組成按鈕的四個(gè)幀分別對(duì)應(yīng)著按鈕元件的彈起、指針經(jīng)過(guò)和按下三種不同情況的按鈕形狀。第四個(gè)幀比較特殊，它是按鈕的觸發(fā)范圍。鼠標(biāo)指向第四個(gè)幀的內(nèi)容范圍時(shí)，按鈕才會(huì)被觸發(fā)。在按鈕的應(yīng)用時(shí)，無(wú)論它的形狀也好，顏色也好，在舞臺(tái)上都不會(huì)顯示，但絕對(duì)不能是空白關(guān)鍵幀。如果點(diǎn)擊幀是空白關(guān)鍵幀的話，按鈕就不能正常起作用了。根據(jù)按鈕在彈起、指針經(jīng)過(guò)和按下時(shí)的需要的形狀作按鈕。三、按鈕的事件和方法：課本P85頁(yè)表4－9按鈕的事件和方法，對(duì)應(yīng)學(xué)習(xí)資料里的“按鈕瓶子”動(dòng)畫(huà)了解不同的名稱(chēng)分別對(duì)應(yīng)的鼠標(biāo)或鍵盤(pán)動(dòng)作是什么。使用對(duì)應(yīng)的鼠標(biāo)或鍵盤(pán)動(dòng)作打破每一個(gè)瓶子。四、觸發(fā)事件的啟動(dòng)或停止（制作簡(jiǎn)單交互動(dòng)畫(huà)）：簡(jiǎn)介P85頁(yè)Flash常用動(dòng)作命令及功能，制作三個(gè)按鈕，控制一個(gè)簡(jiǎn)單的補(bǔ)間動(dòng)畫(huà)的播放、暫停和停止。公用庫(kù)中按鈕的使用方法，并根據(jù)需要修改。總結(jié)：判斷好動(dòng)作命令應(yīng)該添加給按鈕還是時(shí)間軸。鼠標(biāo)或鍵盤(pán)控制的動(dòng)作，添加給按鈕。時(shí)間軸某個(gè)位置無(wú)條件執(zhí)行的動(dòng)作，添加給幀。了解交互動(dòng)畫(huà)的制作方法閱讀課本，自主學(xué)習(xí)按鈕的制作。明確按鈕四幀的作用分別是什么。以?xún)扇诵〗M為單位打開(kāi)桌面上的“按鈕.swf”文件，觀察A、B、C、D、E五個(gè)按鈕，分析按鈕是否可以正常使用。每一個(gè)按鈕在使用時(shí)會(huì)有什么樣的效果。如果不能正常使用，出現(xiàn)問(wèn)題的原因是什么。（通過(guò)上述活動(dòng)，進(jìn)一步掌握按鈕元件。）閱讀課本P85頁(yè)表4－9，對(duì)應(yīng)“按鈕瓶子”動(dòng)畫(huà)，了解on（）{}動(dòng)作的八種事件。學(xué)習(xí)Flash的常用動(dòng)作命令及功能，以及簡(jiǎn)單的交互動(dòng)畫(huà)制作。課堂練習(xí)練習(xí)1、練習(xí)2練習(xí)1操作要求：練習(xí)1：制作交互動(dòng)畫(huà)：1）、新建Flash文件，制作一補(bǔ)間動(dòng)畫(huà)，并添加開(kāi)始、暫停、停止三個(gè)不同功能的按鈕觸發(fā)動(dòng)畫(huà)的對(duì)應(yīng)內(nèi)容。2）、制作完成后，保存為學(xué)號(hào)姓名1.fla上交作業(yè)。3）、(選做)有余力的同學(xué)可以進(jìn)一步探索上一幀、下一幀功能按鈕的制作方法。檢查練習(xí)基本完成，并提交作業(yè)后，詳細(xì)講解制作過(guò)程中出現(xiàn)的問(wèn)題。易錯(cuò)問(wèn)題例：把on(){}動(dòng)作添加給了幀。練習(xí)２：在半成品文件中，制作按鈕元件，控制電路開(kāi)關(guān)。1）、開(kāi)關(guān)閉合時(shí)，磁片逆時(shí)針旋轉(zhuǎn)90度。2）、制作完成后，保存為學(xué)號(hào)姓名2.fla上交作業(yè)。3）、（選做）開(kāi)關(guān)打開(kāi)時(shí)，磁片順時(shí)針旋轉(zhuǎn)90度。請(qǐng)同學(xué)分別演示2的制作方法，并詳解制作思路和方法。教師講解。制作交互動(dòng)畫(huà)：為簡(jiǎn)單動(dòng)畫(huà)添加開(kāi)始、暫停、上一幀和下一幀四個(gè)不同功能的按鈕。將文件改名為學(xué)號(hào)姓名練習(xí)1后，將源文件上交作業(yè)。（通過(guò)練習(xí)1練習(xí)提高，理解并熟悉交互動(dòng)畫(huà)的制作過(guò)程。）完成練習(xí)2，將文件改名為學(xué)號(hào)姓名練習(xí)２后，將源文件上交作業(yè)。（充分調(diào)動(dòng)學(xué)生的求知欲與探究欲，觀看同學(xué)的制作方法，對(duì)應(yīng)自己的練習(xí)，反思，并比較制作思路的異同。）課堂總結(jié)本節(jié)課我們學(xué)習(xí)了簡(jiǎn)單的交互動(dòng)畫(huà)制作。通過(guò)給按鈕附加動(dòng)作命令去觸發(fā)一個(gè)事件的發(fā)生或停止。在課本的Ｐ85頁(yè)，介紹了很多常用動(dòng)作及功能。大家有興趣的話，可以對(duì)Flash的交互功能進(jìn)行進(jìn)一步的探索。回顧交互動(dòng)畫(huà)的制作。并為下節(jié)課使用Flash制作自選物理實(shí)驗(yàn)動(dòng)畫(huà)打下了基礎(chǔ)。附：作品評(píng)價(jià)表如下作品評(píng)價(jià)表評(píng)分項(xiàng)目超越預(yù)期符合預(yù)期需要提高作品1作品2作品3作品4作品5作品6作品7作品8作品9作品10畫(huà)面美觀、整潔，色彩搭配是否得當(dāng)。（2~0分）圖層、關(guān)鍵幀、補(bǔ)間、按鈕元件設(shè)計(jì)是否合理。（3~0分）動(dòng)作命令使用是否準(zhǔn)確、簡(jiǎn)潔。（3~0分）能否較好地完成題目要求。（2~0分）學(xué)情分析計(jì)算機(jī)動(dòng)畫(huà)制作的授課時(shí)間為四節(jié)課。在本節(jié)課之前，學(xué)生已經(jīng)通過(guò)兩節(jié)課的學(xué)習(xí)，掌握了Flash中的幀、時(shí)間軸、圖層、舞臺(tái)、影片剪輯和圖形元件，以及逐幀動(dòng)畫(huà)、補(bǔ)間動(dòng)畫(huà)、引導(dǎo)線動(dòng)畫(huà)、遮罩動(dòng)畫(huà)制作方法。在日常生活中，對(duì)于交互動(dòng)畫(huà)接觸較多，所以本節(jié)課學(xué)習(xí)的交互動(dòng)畫(huà)概念學(xué)生接受起來(lái)基本沒(méi)有障礙。難點(diǎn)在于學(xué)生基本都是初次接觸ActionScript的編程語(yǔ)言，怎樣掌握這個(gè)完全陌生的內(nèi)容，是本節(jié)課的重點(diǎn)和難點(diǎn)?？紤]到以上問(wèn)題，在課堂中采取了學(xué)生自主閱讀，自主探索為主，教師講解為輔的教學(xué)方法。再?gòu)淖詈?jiǎn)單的交互動(dòng)畫(huà)入手，通過(guò)練習(xí)1練習(xí)提高，理解并熟悉交互動(dòng)畫(huà)的制作過(guò)程。通過(guò)練習(xí)2充分調(diào)動(dòng)學(xué)生的求知欲與探究欲。為兼顧不同層次的同學(xué)，在練習(xí)1、2中，分別設(shè)置了不同層次的任務(wù)，并為下節(jié)課使用Flash制作自選物理實(shí)驗(yàn)動(dòng)畫(huà)打下了基礎(chǔ)。效果分析本節(jié)課的內(nèi)容，主要為簡(jiǎn)單交互動(dòng)畫(huà)的制作。導(dǎo)入時(shí)，兩個(gè)動(dòng)畫(huà)的對(duì)比，形象直觀地向?qū)W生展示了什么是交互動(dòng)畫(huà)。在按鈕制作階段，采用了自主學(xué)習(xí)。有前面的Flash基礎(chǔ)，按鈕的制作學(xué)生掌握起來(lái)看上去好像很容易，但學(xué)生對(duì)按鈕四個(gè)幀的作用不能詳細(xì)了解，尤其是點(diǎn)擊幀的作用。借助于按鈕事例.swf，學(xué)生進(jìn)一步了解按鈕。在接下來(lái)的活動(dòng)中，兩人小組分析ABCDE五個(gè)按鈕的不同表現(xiàn)，學(xué)生進(jìn)一步熟練掌握和靈活運(yùn)用按鈕的制作。按鈕事件與方法中對(duì)應(yīng)的鼠標(biāo)鍵盤(pán)動(dòng)作的名稱(chēng)都是英文，教材內(nèi)容與按鈕事件.swf相接合，很好地幫助學(xué)生掌握了這一部分。交互動(dòng)事實(shí)例制作中，只選擇了簡(jiǎn)單的stop()，play()，以及附加給按鈕實(shí)例的on(){}幾個(gè)動(dòng)作命令，學(xué)生接受的很快。在練習(xí)一階段，學(xué)生的制作出現(xiàn)on動(dòng)作命令添加位置錯(cuò)誤的問(wèn)題，其余基本沒(méi)有困難，完成情況較好，大部分同學(xué)都能夠進(jìn)行到探索快進(jìn)快退按鈕的進(jìn)階制作部分。在規(guī)定時(shí)間內(nèi)完成并提交作業(yè)的同學(xué)達(dá)到了95%以上。進(jìn)入提高階段的練習(xí)二，同學(xué)按鈕制作部分基本都沒(méi)有問(wèn)題。制作情況分為兩類(lèi)，一類(lèi)是制作不顯示的按鈕，放在半成品動(dòng)畫(huà)的開(kāi)關(guān)上，一類(lèi)是制作了開(kāi)和關(guān)兩個(gè)按鈕，在電路圖的一側(cè)，以此控制動(dòng)畫(huà)的電源開(kāi)關(guān)動(dòng)畫(huà)。但對(duì)動(dòng)畫(huà)的觸發(fā)有部分同學(xué)沒(méi)有制作完成。分析上交的作業(yè)情況，應(yīng)該是對(duì)半成品動(dòng)畫(huà)分析不透徹，或動(dòng)作命令掌握不熟練導(dǎo)致。本節(jié)課有效地完成了學(xué)習(xí)目標(biāo)，為第二節(jié)的交互動(dòng)畫(huà)制作打下了良好的基礎(chǔ)。教材分析多媒體技術(shù)應(yīng)用是針對(duì)多媒體技術(shù)在生活中的實(shí)際應(yīng)用所設(shè)置的選修模塊。在《課程標(biāo)準(zhǔn)》中，要求學(xué)生能夠了解多媒體信息采集、加工的基本原理，掌握初步具備根據(jù)主題表達(dá)的要求進(jìn)行多媒體作品的規(guī)劃、設(shè)計(jì)與制作的能力。動(dòng)畫(huà)則是多媒體素材中不可或缺的重要組成部分。本節(jié)“交互動(dòng)畫(huà)制作”是《多媒體技術(shù)應(yīng)用》中第四章“動(dòng)畫(huà)、視頻及應(yīng)用”中“交互動(dòng)畫(huà)制作”部分的第一節(jié)課，主要內(nèi)容為應(yīng)用AstionScript動(dòng)作腳本制作交互動(dòng)畫(huà)。在此之前，教材已經(jīng)介紹了多媒體技術(shù)中圖形圖像、聲音，動(dòng)畫(huà)和視頻的特點(diǎn)以及計(jì)算機(jī)動(dòng)畫(huà)技術(shù)基本原理與應(yīng)用。在此基礎(chǔ)上，本節(jié)課中，進(jìn)一步介紹用戶(hù)參與或控制動(dòng)畫(huà)播放內(nèi)容對(duì)于信息表達(dá)交流的價(jià)值。同時(shí)，提高對(duì)動(dòng)畫(huà)作品的鑒賞能力，能夠根據(jù)思想表達(dá)的需求來(lái)創(chuàng)意、設(shè)計(jì)、制作動(dòng)畫(huà)或視頻信息。教材中的內(nèi)容對(duì)于初學(xué)交互動(dòng)畫(huà)的學(xué)生來(lái)說(shuō)較多。所以把交互動(dòng)畫(huà)制作分為了兩節(jié)課，插入音效文件和電影剪輯的事件和方法放在第二節(jié)交互動(dòng)畫(huà)實(shí)例制作中進(jìn)行。評(píng)測(cè)練習(xí)練習(xí)1：制作交互動(dòng)畫(huà)：1）、新建Flash文件，制作一補(bǔ)間動(dòng)畫(huà)，并添加開(kāi)始、暫停、停止三個(gè)不同功能的按鈕觸發(fā)動(dòng)畫(huà)的對(duì)應(yīng)內(nèi)容。2）、制作完成后，保存為學(xué)號(hào)姓名1.fla上交作業(yè)。3）、(選做)有余力的同學(xué)可以進(jìn)一步探索上一幀、下一幀功能按鈕的制作方法。練習(xí)2：在半成品文件中，制作按鈕元件，控制電路開(kāi)關(guān)。1）、開(kāi)關(guān)閉合時(shí)，磁片逆時(shí)針旋轉(zhuǎn)90度。2）、制作完成后，保存為學(xué)號(hào)姓名2.fla上交作業(yè)。3）、（選做）開(kāi)關(guān)打開(kāi)時(shí)，磁片順時(shí)針旋轉(zhuǎn)90度。課后反思本節(jié)課的主要內(nèi)容為交互動(dòng)畫(huà)制作。學(xué)生對(duì)交互動(dòng)畫(huà)其實(shí)不陌生，但對(duì)交互動(dòng)畫(huà)的制作幾乎是零基礎(chǔ)，所以本節(jié)課作為交互動(dòng)畫(huà)制作的第一節(jié)課，采取了緊密聯(lián)系課本，依附教材展開(kāi)的一種方式。以教材的“動(dòng)畫(huà)的交互性一般是通過(guò)附加給按鈕的動(dòng)作命令去觸發(fā)一個(gè)事件的發(fā)生或停止”這句話為主線展開(kāi)，再進(jìn)行按鈕的制作，按鈕的事件與方法等內(nèi)容時(shí)，學(xué)生就會(huì)了解為什么要學(xué)，所學(xué)的內(nèi)容在交互動(dòng)畫(huà)制作中起什么作用。通過(guò)按鈕事例和按鈕ABCDE兩個(gè)動(dòng)畫(huà)，學(xué)生明確了按鈕四個(gè)幀的作用，并能根據(jù)需求靈活制作按鈕。（這在練習(xí)二中得到了充分的體現(xiàn)。）通過(guò)練習(xí)一，體會(huì)和初步掌握了簡(jiǎn)單交互動(dòng)畫(huà)的制作方法，并提出了選做任務(wù)，對(duì)掌握程度較好的同學(xué)提出了新的要求。通過(guò)練習(xí)二，則進(jìn)一步掌握和熟悉了交互動(dòng)畫(huà)制作，并為交互動(dòng)畫(huà)制作的第二節(jié)打下了基礎(chǔ)。但課程也有不足之處。練習(xí)二已有選做內(nèi)容，但可以針對(duì)同學(xué)們的不同掌握程度，再進(jìn)一步細(xì)化，分層。例如可以增加動(dòng)畫(huà)分析部分。這樣有能力的同學(xué)可以自己完成全部動(dòng)畫(huà)?；A(chǔ)較弱的同學(xué)可以根據(jù)提供的動(dòng)畫(huà)分析再進(jìn)行制作。也能較好地培養(yǎng)學(xué)生分析問(wèn)題，解決問(wèn)題的能力。在交互動(dòng)畫(huà)實(shí)例制作的過(guò)程中，可以制作微課，進(jìn)一步擴(kuò)充課堂內(nèi)容。但機(jī)房沒(méi)有配備耳機(jī)，使用文字解說(shuō)，微課的效率又會(huì)大大降低。爭(zhēng)取下一步克服