第14課項目設(shè)計案例.ppt

1、第14章 項目設(shè)計案例,本章將練習(xí)制作兩個項目設(shè)計案例“計算機的系統(tǒng)組成多媒體教學(xué)課件”和“圖像瀏覽器”，通過這兩個項目設(shè)計案例讓讀者練習(xí)使用Authorware的多個功能來制作多媒體程序。,本章要點,計算機的系統(tǒng)組成多媒體教學(xué)課件 圖像瀏覽器,14.1 計算機的系統(tǒng)組成多媒體教學(xué)課件,下面將利用Authorware制作一個“計算機的系統(tǒng)組成”多媒體教學(xué)課件，整個課件分為片頭、主界面、控制、計算機系統(tǒng)概述、硬件系統(tǒng)、軟件系統(tǒng)、小測試、幫助和退出這9個部分。 一、 案例要求 二、 創(chuàng)意構(gòu)圖分析 三、 收集素材 四、 整合制作 五、 發(fā)布,一、 案例要求,當(dāng)運行該多媒體程序時，背景音樂響起并播放片

2、頭動畫，片頭動畫播放完畢后顯示初始頁面。單擊左上角的 按鈕或按S鍵將停止播放背景音樂，再次單擊該按鈕或按S鍵將重新播放背景音樂。 單擊左側(cè)的 按鈕或按M鍵將展開按鈕面板，在展開的按鈕面板中單擊 按鈕或按M將隱藏按鈕面板。單擊 按鈕將隱藏按鈕面板并進入“計算機系統(tǒng)概述”頁面。,單擊 按鈕將隱藏按鈕面板并進入“硬件系統(tǒng)”頁面。單擊 按鈕將隱藏按鈕面板并進入“軟件系統(tǒng)”頁面。 單擊 按鈕將隱藏按鈕面板并進入“小測試”頁面。單擊 按鈕或按F1鍵將隱藏按鈕面板并進入“幫助”頁面。 單擊 按鈕或按Q鍵將隱藏按鈕面板并進入“退出”頁面，等待5秒后將退出程序。,二、 創(chuàng)意構(gòu)圖分析,本案例的最終流程，主要分為9

3、個部分： “片頭”部分 “主界面”部分 “控制”部分 “計算機系統(tǒng)概述”部分 “硬件系統(tǒng)”部分 “軟件系統(tǒng)”部分 “小測試”部分 “幫助”部分 “退出”部分,三、 收集素材,在開始制作前還需要收集素材，在本案例中需要使用到視頻素材、聲音素材和圖像素材，其文件名稱、作用以及收集方法,四、 整合制作,當(dāng)收集完素材后，就可以開始進行整合制作了，整個整合制作過程9個大的步驟： 1制作片頭 2制作主界面 3制作控制 4制作計算機系統(tǒng)概述 5制作硬件系統(tǒng) 6制作軟件系統(tǒng) 7制作小測試 8制作幫助 9制作退出,1制作片頭 制作片頭部分，主要包括新建文件、添加背景音樂、添加片頭動畫和擦除片頭動畫等。 2制作主

4、界面 制作主界面部分，包括添加背景、添加展開的按鈕面板、關(guān)閉的按鈕面板和主界面上的圖像等。 3制作控制 制作控制部分，包括添加顯示頁面名稱的顯示圖標(biāo)、關(guān)閉/播放背景音樂的按鈕交互、顯示“幫助”頁面的條件交互、退出框架圖標(biāo)的添加交互以及按鈕面板中的其他按鈕等。,4制作計算機系統(tǒng)概述 制作“計算機系統(tǒng)概述”頁面 5制作硬件系統(tǒng) 制作“硬件系統(tǒng)”頁面內(nèi)容。 6制作軟件系統(tǒng) 制作“軟件系統(tǒng)”頁面內(nèi)容。 7制作小測試 制作“小測試”頁面內(nèi)容。 8制作幫助 制作“幫助”頁的內(nèi)容。 9制作退出 擦除除背景以外的所有內(nèi)容并顯示制作者的信息，等待5秒后退出程序。,五、 發(fā)布,制作完成后，就需要進行發(fā)布了。,14

5、.2 我的圖像瀏覽器,將利用Authorware制作一個“我的圖像瀏覽器”多媒體程序，實現(xiàn)瀏覽任意文件夾下的圖片的功能。 一、 案例要求 二、 創(chuàng)意構(gòu)圖分析 三、 收集素材 四、 整合制作 五、 發(fā)布,一、 案例要求,整個程序界面，主要分為“文件夾選擇區(qū)域”、“預(yù)覽區(qū)域”、“圖像顯示區(qū)域”、“信息顯示區(qū)域”和“控制區(qū)域”5個區(qū)域。 文件夾選擇區(qū)域 預(yù)覽區(qū)域 圖像顯示區(qū)域 信息顯示區(qū)域 控制區(qū)域,文件夾選擇區(qū)域,圖像顯示區(qū)域,預(yù)覽區(qū)域,二、 創(chuàng)意構(gòu)圖分析,本案例的最終流程圖，主要分為6個部分： 界面部分 文件夾選擇部分 控制部分 預(yù)覽部分 選擇圖像部分 圖像顯示部分,三、 收集素材,在開始制作前

6、還需要收集素材，在本案例中需要圖像素材，其文件名稱、作用以及收集方法,四、 整合制作,當(dāng)收集完素材后，就可以開始進行整合制作了，整個整合制作過程分為6個大的步驟： 1制作界面部分 2制作文件夾選擇部分 3制作控制部分 4制作預(yù)覽部分 5制作選擇圖像部分 6制作圖像顯示部分,1制作界面部分 新建Authorware文件，并添加界面 2制作文件夾選擇部分 使用“窗口控制”知識對象在程序中添加一個“磁盤”下拉列表框和“文件夾”列表框。 3制作控制部分 添加一個交互圖標(biāo)并在其右側(cè)添加兩個條件交互分支和3個按鈕交互分支。,4制作預(yù)覽部分 首先添加一個“窗口控制獲取屬性”知識對象獲取用戶選擇的文件夾，再添加一個計算圖標(biāo)獲取該文件夾下所有圖片的文件名、圖片的數(shù)量等信息，再添加一個顯示圖標(biāo)顯示預(yù)覽圖像。 5制作選擇圖像部分 添加一個交互圖標(biāo)并在其右側(cè)添加12個熱區(qū)域交互分支，用于獲取用戶單擊的圖像的編號。,6制作圖像顯示部分,添加一個顯示圖標(biāo)用于顯示一行單擊的圖像，再添加一個交互圖標(biāo)用于移動圖像的位置。,五、 發(fā)布,制作完成后，就需要進行