軟件開發(fā)與設計

軟件開發(fā)與設計第1頁，課件共76頁，創(chuàng)作于2023年2月8.1Flash的基本操作8.1.1工作界面

第一次運行Flash，會顯示一個開始頁，可以通過“創(chuàng)建新項目”和“從模板創(chuàng)建”兩個項目組中的選項來創(chuàng)建新的動畫文件。

Flash的操作界面主要由以下幾個部分組成：標題欄、菜單欄、工具箱、時間軸、舞臺及多個浮動面板。第2頁，課件共76頁，創(chuàng)作于2023年2月Flash開始頁

第3頁，課件共76頁，創(chuàng)作于2023年2月工作界面

第4頁，課件共76頁，創(chuàng)作于2023年2月

1.界面基本對象（1）標題欄標題欄位于工作界面的頂部，左側用于顯示Flash

的版本號和文件名，右側用于存放最小化、最大化及關閉按鈕。（2）菜單欄菜單欄位于標題欄的下方，由“文件”、“編輯”、“視圖”、“插入”、“修改”、“文本”、“命令”、“控制”、“窗口”、“幫助”等10個主菜單構成，幾乎所有的操作都可以通過菜單欄中的命令來實現。第5頁，課件共76頁，創(chuàng)作于2023年2月（3）工具箱工具箱位于工作界面左側，其中的工具可以繪制、涂色、選擇和修改插圖，還可以更換舞臺的視圖。工具箱分為4個部分：工具區(qū)域、查看區(qū)域、選項區(qū)域、顏色區(qū)域。（4）時間軸時間軸用于按時間順序組織和控制文檔內容在一定時間內播放的圖層數和幀數。時間軸分為左右兩個區(qū)域：左邊為層控制區(qū)，右邊為時間軸控制區(qū)。第6頁，課件共76頁，創(chuàng)作于2023年2月工具箱

第7頁，課件共76頁，創(chuàng)作于2023年2月時間軸

第8頁，課件共76頁，創(chuàng)作于2023年2月（5）舞臺舞臺是在創(chuàng)建Flash文檔時放置圖形內容的矩形區(qū)域，這些圖形內容包括繪制的圖形、文本框、按鈕、導入的圖像文件或者視頻剪輯等等。

2.常用面板（1）屬性面板屬性面板是Flash中比較常用的一個面板,默認狀態(tài)下位于舞臺的下方。第9頁，課件共76頁，創(chuàng)作于2023年2月選擇文本時的屬性面板選擇圖形時的屬性面板第10頁，課件共76頁，創(chuàng)作于2023年2月（2）庫面板

Flash文檔中的庫面板主要用來存放和組織可重復使用的Flash動畫元件。庫面板第11頁，課件共76頁，創(chuàng)作于2023年2月（3）動作面板動作面板用于編輯動作（ActionScript）的設置面板，可以通過“動作”面板向幀、按鈕、影片剪輯元件的實例或組件添加動作語句。動作面板第12頁，課件共76頁，創(chuàng)作于2023年2月（4）混色器面板在Flash中，通過選擇混色器面板中的“填充樣式”，可以創(chuàng)建和編輯純色以及漸變色?；焐鞯?3頁，課件共76頁，創(chuàng)作于2023年2月8.1.2基本操作1.文件的創(chuàng)建與保存（1）文件的建立

在制作動畫之前，首先要創(chuàng)建動畫文件的源文件，也就是動畫的生成文件，該文件擴展名為.fla。新建文檔第14頁，課件共76頁，創(chuàng)作于2023年2月（2）設置文檔屬性在創(chuàng)建了動畫的源文件后，打開“文檔屬性”對話框設置文檔的屬性。文檔屬性第15頁，課件共76頁，創(chuàng)作于2023年2月2.圖層編輯動畫的每個場景都由若干圖層組成，用圖層組織和安排動畫每幀內容的層次結構，將運動對象隔離開來，以免對象之間相互影響。圖層基本操作如下：（1）添加圖層

單擊時間軸左下角（插入圖層）按鈕，添加新的圖層。（2）設置圖層屬性圖層的屬性包括圖層的名稱、類型、顯示模式和輪廓顏色等。第16頁，課件共76頁，創(chuàng)作于2023年2月圖層屬性

第17頁，課件共76頁，創(chuàng)作于2023年2月（3）復制圖層當新圖層中的內容和現有圖層中的內容相似時，可以使用復制圖層的方法。（4）刪除圖層對于沒有用的圖層，可以將其刪除。第18頁，課件共76頁，創(chuàng)作于2023年2月8.2模擬實驗課件的設計過程8.2.1明確制作任務

1.制作學習的任務課件內容選自初中八年級物理教材，用來幫助學生提供課前預習和課后復習。模擬實驗課件為學生提供一個凸透鏡成像的簡化模型，學生可以模擬動手操作實驗，了解凸透鏡成像的條件，通過觀察實驗結果，總結成像規(guī)律，體驗科學探究的過程。

2.設計因素在設計范例課件時，要考慮下面的因素。第19頁，課件共76頁，創(chuàng)作于2023年2月（1）模擬的基本模型模擬的基本模型是被模擬的系統或現象的表征，描述物理實體、過程步驟、學習者參與情景等模仿過程。常見的有連續(xù)模型和邏輯模型。①連續(xù)模型。表征有無限多狀態(tài)的現象。②邏輯模型。表征的是能用一系列的If-Then規(guī)則處理的系統。（2）模擬的教學支持教學支持主要是提供內容的幫助，包括提示、矯正反饋、評論指導、提供作業(yè)任務等。第20頁，課件共76頁，創(chuàng)作于2023年2月（3）模擬的呈現①呈現的類型和方式。主要的呈現類型有：被選擇的項目、被操縱的對象、反應的事件、探究的系統。②呈現的真實性。指特定的對象與它的真實對應物在外觀上的相近程度。（4）學習者的行為①行為的類型。學習者的行為是接收模擬呈現信息并輸入操縱和控制信息。②行為的真實性。指模擬中學習者的行為與真實世界中人的行為的相近程度。第21頁，課件共76頁，創(chuàng)作于2023年2月（5）反饋的類型①自然的與人為的反饋。自然反饋與真實世界中行為的結果相同或相似，人為反饋也可以提供同樣的信息，但提供信息的方式不是真實的。②即時反饋與延時反饋。即時反饋能防止錯誤，提高學習效率。延時反饋往往與真實世界中的反饋時機相似，反饋顯示的損失性或災難性后果往往給學習者留下深刻的印象。第22頁，課件共76頁，創(chuàng)作于2023年2月

3.制作技術①使用Flash繪圖工具繪制課件圖形素材。②各種元件的制作。③多場景的規(guī)劃與鏈接。④創(chuàng)建靜態(tài)文本和動態(tài)文本。⑤課件邏輯結構的控制。⑥使用ActionScript語言對影片剪輯、按鈕等進行動態(tài)控制。⑦代碼的運行調試。⑧文件的發(fā)布。第23頁，課件共76頁，創(chuàng)作于2023年2月8.2.2范例課件的設計

1.確定課件的類型和內容在整個模擬過程中，學生自己控制實驗步驟，通過拖拽等方式觀察物像間的關系，最終得出結論，因此該課件屬于物理模擬類型。表8.1課件概況一覽課件類型模擬型課件，物理模擬教學對象初中八年級學生課件內容凸透鏡成像規(guī)律的實驗教學目的通過模擬實驗觀察總結出凸透鏡成像規(guī)律，得出實驗結論第24頁，課件共76頁，創(chuàng)作于2023年2月

2.分析學生的認知特點初中八年級學生有很強的好奇心和動手操作能力，而且具備了一定的邏輯思維能力和基本的計算機操作能力，能夠熟練掌握鍵盤鼠標的操作方法。對模擬實驗過程中蠟燭的移動、變量的輸入都能很好的掌控。但由于他們對知識的歸納概括以及遷移能力還不強，因此需要加以引導。第25頁，課件共76頁，創(chuàng)作于2023年2月3.明確教學目標①知識與技能。②過程與方法。③情感態(tài)度與價值觀。

4.考慮課件的設計因素（1）模型的建立物理模擬的模型是對實際事物及其控制關系的簡化表示，蠟燭移動與物像變化屬于連續(xù)狀態(tài)變化，點擊操作與其效果是邏輯關系，因此該模型是連續(xù)模型與邏輯模型的結合。第26頁，課件共76頁，創(chuàng)作于2023年2月凸透鏡成像實驗模擬的模型焦距f物距u像距v凸透鏡成像規(guī)律可以用公式來表示：，放大倍數。第27頁，課件共76頁，創(chuàng)作于2023年2月（2）模擬的呈現在凸透鏡的左面放置實物蠟燭，在光心的位置放置凸透鏡，光心的位置與刻度尺的中心位置重合。學生通過拖動左面的蠟燭，來觀察通過透鏡所成的像的變化。在物與像發(fā)生變化的同時，下部的控制面板上的物距以及像距的數值也隨之變化。

被選擇的項目使用單選按鈕和復選框，顯示光線、焦點、光心等來補充說明光的不可見性，增強實驗的真實感。第28頁，課件共76頁，創(chuàng)作于2023年2月凸透鏡成像模擬實驗的界面元素第29頁，課件共76頁，創(chuàng)作于2023年2月（3）信息呈現的考慮課件主頁面的動畫區(qū)放置在視覺中心的位置，輔助選項面板位于動畫區(qū)的下方，方便學生在移動蠟燭的同時可以觀察實驗結果。背景色選用淺色系，不易造成視覺疲勞。文本字體大都采用黑色，增加了文本的易讀性。在輔助選項面板中的“焦距”、“物距”、“像距”等字體采用藍色，目的是強調學生觀察實驗數據的變化。第30頁，課件共76頁，創(chuàng)作于2023年2月（4）模擬的教學支持課件中，指導頁面和幫助頁面給予學習和操作的支持。實驗的操作要領可以從指導頁面獲得，課件的操作方法以及功能按鈕的作用，在幫助頁面都提供了詳細說明。

通過課件控制面板上顯示光線、光心、焦點、主光軸等輔助選項，彌補真實實驗中不可能觀察的缺陷。第31頁，課件共76頁，創(chuàng)作于2023年2月控制面板（5）學生的行為和反饋在模擬實驗中，學生用鼠標拖動蠟燭的方式控制蠟燭移動的距離和位置，還可以運用“清除”按鈕中斷實驗，重新開始。該模擬實驗課件主要是通過觀察操作的效果來學習，采用即時的自然反饋。第32頁，課件共76頁，創(chuàng)作于2023年2月

5.課件的流程圖（模擬實驗課件的二級流程圖）開始實驗初始頁設置實驗選項？看指導？看幫助？否否否是實驗新頁是指導頁是幫助頁退出？是結束否第33頁，課件共76頁，創(chuàng)作于2023年2月故事版編號：008課件標題：凸透鏡成像注釋日期：2009-01-16作者：高曉晶

頁面設計描述頁面背景顏色標題、菜單區(qū)：綠色漸變色動畫區(qū)：淺黃色

輔助區(qū)：橙色漸變色文本字體、字號、顏色標題欄顏色：藍色字號：20字體：宋體輔助選項顏色：藍色字號：12字體：宋體菜單顏色：黑色字號：14字體：宋體連接目標菜單項：指導鏈接到：指導頁面菜單項：實驗鏈接到：實驗頁面菜單項：幫助鏈接到：幫助頁面菜單項：退出鏈接到：退出提示故事版編號：008課件標題：凸透鏡成像注釋日期：2009-01-16作者：高曉晶

頁面設計描述頁面背景顏色標題、菜單區(qū)：綠色漸變色動畫區(qū)：淺黃色

輔助區(qū)：橙色漸變色文本字體、字號、顏色標題欄顏色：藍色字號：20字體：宋體輔助選項顏色：藍色字號：12字體：宋體菜單顏色：黑色字號：14字體：宋體連接目標菜單項：指導鏈接到：指導頁面菜單項：實驗鏈接到：實驗頁面菜單項：幫助鏈接到：幫助頁面菜單項：退出鏈接到：退出提示凸透鏡成像輔助選項顯示面板

6.編寫故事版（模擬實驗課件的故事版示例）退出2f2fff幫助指導實驗2f2fff凸透鏡成像輔助選項顯示面板2f2fff第34頁，課件共76頁，創(chuàng)作于2023年2月8.3模擬實驗課件的制作

8.3.1場景的制作

1.制作思路課件三個頁面需要制作三個場景。其中實驗頁分為兩個場景，分別命名為“顯示光線”和“不顯示光線”。指導和幫助頁面共用一個場景，命名為“指導幫助”。第35頁，課件共76頁，創(chuàng)作于2023年2月實驗頁面第36頁，課件共76頁，創(chuàng)作于2023年2月幫助頁面第37頁，課件共76頁，創(chuàng)作于2023年2月指導頁面第38頁，課件共76頁，創(chuàng)作于2023年2月2.頁面外觀制作“場景”是課件的運行界面，每一個界面通常對應著一種演示內容，Flash是利用不同的場景組織不同的動畫主題，場景與場景之間可以通過交互響應進行切換。

場景面板第39頁，課件共76頁，創(chuàng)作于2023年2月場景效果圖第40頁，課件共76頁，創(chuàng)作于2023年2月3.文本編輯文本是動畫組成不可或缺的一部分，它和單純的圖形對象相互補充，構成畫面內容。文本工具既可以創(chuàng)建包含靜態(tài)文本的文本塊，也可以創(chuàng)建動態(tài)或輸入文本字段。使用文本工具創(chuàng)建靜態(tài)文本“凸透鏡成像”

文本屬性

第41頁，課件共76頁，創(chuàng)作于2023年2月使用文本工具創(chuàng)建動態(tài)文本框動態(tài)文本屬性

第42頁，課件共76頁，創(chuàng)作于2023年2月“顯示光線”場景和“不顯示光線”場景界面一致場景界面圖第43頁，課件共76頁，創(chuàng)作于2023年2月指導幫助場景第44頁，課件共76頁，創(chuàng)作于2023年2月8.3.2動畫元件的實現

1.火焰的跳動效果燃燒的火焰是通過在4個關鍵幀中調整不同的形狀而形成的一個“幀變動畫”?！巴鈱踊鹧妗眻D層第45頁，課件共76頁，創(chuàng)作于2023年2月“外層火焰”效果“內層火焰”與“外層火焰”制作方法一致火焰效果第46頁，課件共76頁，創(chuàng)作于2023年2月蠟燭2.光心的閃爍效果為了使頁面不死板，課件中將光心制作成閃爍的效果。第47頁，課件共76頁，創(chuàng)作于2023年2月“光心”時間軸3.其它元件的制作實驗頁面中還包括其它靜態(tài)元件

第48頁，課件共76頁，創(chuàng)作于2023年2月焦點凸透鏡刻度尺第49頁，課件共76頁，創(chuàng)作于2023年2月虛線線1實線線2主光軸第50頁，課件共76頁，創(chuàng)作于2023年2月提示框方形將元件放到相應的圖層，并調整好位置，得到效果圖第51頁，課件共76頁，創(chuàng)作于2023年2月不顯示光線場景第52頁，課件共76頁，創(chuàng)作于2023年2月顯示光線場景第53頁，課件共76頁，創(chuàng)作于2023年2月打開屬性面板，為影片剪輯元件命名實例名稱第54頁，課件共76頁，創(chuàng)作于2023年2月用同樣的方法分別其他影片剪輯元件命名如下：透鏡右邊的蠟燭：xiang透鏡上的蠟燭：lazhu透鏡左邊的焦點：jiaodian1透鏡右邊的焦點：jiaodian2光心：guangxin主光軸：zgz虛線：xuxian實線：shixian方形：zfx第55頁，課件共76頁，創(chuàng)作于2023年2月8.3.3控制按鈕的制作按鈕是課件制作中使用效率較高的一種交互工具，通過給按鈕附加相應的命令，使它能起到控制課件運行和程序流程的作用。按鈕元件可以存放動作腳本，必須使用on（）處理函數設置按鈕的觸發(fā)事件。

1.按鈕的創(chuàng)建以“退出”按鈕為例，介紹按鈕。第56頁，課件共76頁，創(chuàng)作于2023年2月退出按鈕第57頁，課件共76頁，創(chuàng)作于2023年2月為按鈕導入聲音，當指針按下按鈕時，可以聽到按鈕發(fā)出的聲音。聲音按鈕

第58頁，課件共76頁，創(chuàng)作于2023年2月將按鈕放置在每個場景的下方以實現任意場景間的跳轉。場景按鈕

2.退出場景的實現

（1）退出控件的制作退出控件包括“是”、“否”兩個按鈕。退出控制

第59頁，課件共76頁，創(chuàng)作于2023年2月

（2）蒙版的制作為了在彈出“退出”提示框時場景中的其它元件都不能被選中，因此要制作一個蒙版，將場景中的元件覆蓋。（3）動作腳本的添加3.場景間的跳轉在Flash中，通常使用gotoAndPlay（）以及gotoAndStop（）語句給各個場景中的鏈接按鈕添加動作代碼，使其鏈接到指定的場景中，增加課件的靈活性。

第60頁，課件共76頁，創(chuàng)作于2023年2月4.場景內頁面的鏈接范例課件中指導和幫助的內容放置在同一個場景中，內容以靜態(tài)文本和圖形的形式顯示。為了方便學生在頁面之間靈活切換，因此借助按鈕實現頁面之間的鏈接。上一頁和下一頁按鈕

第61頁，課件共76頁，創(chuàng)作于2023年2月為了方便學生靈活掌控學習內容，可以動態(tài)的顯示當前所在的頁碼動態(tài)頁碼

第62頁，課件共76頁，創(chuàng)作于2023年2月8.3.4使用ActionScript進行交互控制

ActionScript腳本語言包括常量、變量、運算符、表達式和函數等。在交互課件的制作中，可以添加ActionScript腳本語言的地方有三處：一是添加到按鈕上，稱為按鈕動作；二是添加到幀上，稱為幀動作；三是添加到影片剪輯上，稱為影片剪輯事件。第63頁，課件共76頁，創(chuàng)作于2023年2月

1.控制影片剪輯影片剪輯元件是Flash中最重要的對象之一，它擁有獨立的時間軸，每個影片剪輯都有唯一的名字。為影片剪輯設置動作并指定觸發(fā)事件后，當事件發(fā)生時就會執(zhí)行設置的動作。用于設置影片剪輯的觸發(fā)事件的語句是

onClipEvent（）。在課件實驗演示場景中，通過對“蠟燭”等影片剪輯進行動作設置，從而控制動畫的演示過程。

第64頁，課件共76頁，創(chuàng)作于2023年2月（1）元件的顯隱在“顯示光線”與“不顯示光線”場景中，焦點、光心、主光軸等元件在最初狀態(tài)下都是不顯示的，因此運用對象的_visible屬性將其隱藏。（2）蠟燭的拖動通過鼠標拖動透鏡左邊的蠟燭來改變物距，從而觀察像的變化。startDrag()動作可以拖動影片剪輯，該方法允許用戶拖動指定的影片剪輯。影片剪輯將一直保持可拖動，直到通過對

stopDrag()的調用明確停止為止。第65頁，課件共76頁，創(chuàng)作于2023年2月

2.設置幀動作給幀添加動作，可使動畫播放到某一幀時執(zhí)行分配給它的指令。幀動作的添加沒有多種響應事件。給幀設置了動作后，該幀在時間軸上便多了一個a的標志。添加動作的幀必須是關鍵幀。第66頁，課件共76頁，創(chuàng)作于2023年2月

3.設置“清除”按鈕動作進入實驗演示場景，為了方便多次觀察實驗結果，因此設置了“清除”按鈕，便于學生重復操作。清除按鈕第67頁，課件共76頁，創(chuàng)作于2023年2月8.3.5運