[建筑]CAI在音乐方面的研究与应用1-7-cai在音乐方面的研究与应用doc.doc

在音樂方面的研究與應用研究者 張禮薇 楊忠蕙 葉采靈指導者 北一女中陳怡芬老師一、 摘要 CAI全名為Computer-Assisted Instruction，是電腦輔助教學軟體這可以讓使用者透過影音多媒體的教學，藉由視覺、聽覺上的啟發，引起學習動機，更進一步根據個人不同的需求，來親自動手操作，選擇學習的內容，以達到互動性的最佳效果。因此，我們以一個小男孩為整個CAI的主角，帶領使用者進入一個以音樂為主題的城堡，經由作曲家的介紹，音樂的撥放以及測驗等，使其在活潑生動的環境下，而可達成所期望的學習效果。二、 研究動機由於市面上一般CAI軟體的設計並無法達成極良好的學習效果，加上我們較少發現CAI在音樂上的應用，以及其創意及音效上有很大的發展空間，於是乎我們便開始著手於這方面的研究。三、 研究目的發展CAI軟體更具人性化，使使用者在活潑的教學環境下，透過可以親自操作，自由選擇學習內容的主動方式，達到更完善的學習。四、 研究設備與器材多媒體軟體：Dreamweaver3.0、Flash4、Photoshop5.0、PhotoImpact5.0、Animagic GIF、MPlifier Ver0.52、Paint Shop Pro 6。硬體方面：586電腦、scanner、印表機。五、 研究內容5-1設計階段()教學目的：決定了CAI的內容之後，首先，我們得確定整個CAI設計的方向- 為了補救教學而設計？ 為了作為教師上課的輔助教學工具？經由彼此討論後，我們決定將此CAI的設計目標定成為一個提供學生自我學習的軟體，以充實音樂知識。()對象分析：再來，我們得分析CAI設計的對象- 是針對哪一個年齡層？ 還是針對哪一個教育程度？由於考慮到使用者使用電腦的情形，因此將對象的範圍設定在國小中、高年級的學生。()課程設計：課程設計在整個CAI占了很重要的部分之一，它結合了科學與創意，用有系統的教學，來維護最佳的品質。在設計的過程中，以國小中、高年級學生的程度為前提，我們應該要考慮- 教學的內容是什麼？會不會過於艱澀或無趣？ 各單元間是否有連貫性？並依時間順序編排？ 是否具有系統化的介紹？有沒有由淺入深的教學？在此，我們把整個音樂史分成四個樂派：巴洛克時期、古典樂派、浪漫樂派、現代樂派。除了浪漫樂派，其餘每個時期我們都各介紹了個音樂家，每個音樂家又分別介紹了曲。()教學策略：整個教學過程中，是採用哪一種方式來教學- 問題導向學習？ 還是用遊戲引起學習動機？ 抑或是測驗啟發興趣？之後，我們決定採用互動式教學讓使用者自己選擇路徑、回答是非等，使使用者成了學習活動中的主動參與者。()情境設計：情境設計在整個CAI中也占了很重要的部分之一，因為它會關係到使用者對學習內容的興趣。因此，我們將CAI以一個城堡為主軸，以一個小男孩為貫穿整個學習環境的主角，帶領使用者進入音樂的領域。以下的流程圖將顯示我們所設計的情境。流程圖音樂史簡介（平面）：由城堡堡主主講 將整個音樂史分成四個樂派 城堡概略圖 巴洛克 古典 浪漫 現代 每個時期各介紹個音樂家城堡的房間（俯視） 樓梯 肖像肖像肖像 肖像 生平 樂曲風格 作品簡介 影響 每個音樂家介紹曲 作曲背景 作曲內容 風格 影響 測驗 測驗中的解說 使使用者用清楚學習內容 征服每一樂派 恭喜你！過了每一樂派的測驗！ 你是新的堡主喔！()介面設計：成功的介面設計能吸引使用者繼續學習下去，例如icon、button menu等都是重要的部份之一。另外，輸入資料的方式也是我們要考慮的- 是用鍵盤還是滑鼠？ 還須注意整個介面是否親和力強？ 是否好學易用？在考慮它的普及性及實用性之後，我們決定將CAI架構在網路上，即以home page的方式呈現，讓使用者能快速且方便地學習到課程內容。所以，我們選用Dreamweaver3.0來撰寫我們的網頁。我們採用簡單明瞭的按鈕選項以及生動有趣的圖像動畫，且在整個瀏覽城堡的過程中，是以滑鼠為主要工具，而測驗部份則採鍵盤輸入的方式，簡單且富一貫性的連結系統更能讓初學者容易上手。5-2製作階段()資料收集：a. 文字資料為了使CAI中的教學內容正確無誤，我們到國家圖書館查詢我們所需要的文字資料。首先，我們先決定各樂派的重要作曲家，以及代表的曲目，再逐項搜尋最具正確性的內容。b. 圖片資料我們將書上的圖片影印或直接掃描至電腦之中，以中解析度呈現，然後加以修改，運用特效中的明暗變更，或是清晰、模糊，以配合我們的需要，作為背景或插圖。另外，在城堡內的通道、房間俯視圖等，我們則請林東昀同學幫忙繪圖，經過掃描後的處理、上色，最後存成JPG檔，縮小其檔案大小以方便在網路上傳輸。c. 動畫方面動畫的製作可以增加畫面的活潑性，所以我們採用Flash的加工，將以處理好的某些圖片，作成一慣性的動畫、影片甚至是標題的呈現，我們也盡量以跳躍的文字，使整個介面更能引發使用者的學習興趣。d. 音樂方面學習古典音樂最重要的部份是音樂的欣賞，所以在我們的CAI中需要許多的midi或其他音樂（例如：mp3）。在考慮網路速度的情況下，我們決定以midi音樂為主，於是我們在國內外各大網站收集需要的音樂，以增加CAI的豐富性及多元性。e. 網頁部份要製作好的網頁需要多多觀摩其他網站，學習別人的優點，並收集好的網頁特效或動畫等，加以組合、修改，再以更好的方式呈現在我們的網頁之中。()軟體學習：製作這個CAI需要許多軟體的協助，像動畫和影響處理的軟體等，這些都必須靠我們自己看書學習才能使其發揮最好的效果。經過老師的推薦，我們選定了Dreamweaver3.0、Flash4、PhotoImpact5.0等為我們主要的設計軟體，之後再到書店找尋相關書籍，以幫助我們了解並熟悉其使用方法。()資料整理：在收集到文字資料以後，我們將所有資料分門別類並逐一閱讀，著手進行整理，取其重要而不艱澀的部分，加以融會貫通並整合，撰寫內容的部份，寫出最適合使用者的教學內容。()圖片處理：我們使用PhotoImpact 5.0作為主要的影像處理軟體。圖片在經過掃描之後，我們運用許多特效把它加以清晰並處理成最好的呈現效果，以達到圖片教學的目的。()影片製作：為了使CAI的教學方法不再只是呆板的以文字呈現，我們將作曲家的圖片製作成影片，讓CAI更富生動性，以提高使用者的學習意願。製作影片我們使用了Flash 4，我們先把每張圖片剪裁成同等大小，再附上簡短的文字說明。圖與圖之間的轉變也運用了多種不同的效果，像淡出、由小而大等。而播放時間上的安排，也調整成最適宜觀賞及學習的速度。在CAI中，影片會一直重複不斷的播放，以加深學習者的印象。()網頁架構：我們將整個網頁分成首頁、城堡大廳、城堡房間、作曲家、樂曲介紹和測驗等六大部分：a. 首頁以城堡外觀為主，配合動畫及音樂，還有小男孩的出現，希望達到吸引學習者的最佳效果。b. 大廳有五個門通入各個房間，可自由選擇想學習的內容，並不侷限於先後順序。 c. 房間大體為房間內的透視圖，其中有作曲家的畫像可點選至作曲家的介紹部份，留聲機可點選至樂曲介紹部份，而樓梯則可以進入測驗的部份。每個房間各以不同的顏色加以區別，也增添了網頁的多樣性。d. 作曲家畫面的主體是一本打開的書，右邊為介紹音樂家的文字部份，以捲軸的方式呈現；左邊則是音樂家照片的影片播放部份。在書的右下角有四個選項，分別為生平、樂曲風格、作品簡介和貢獻，能夠加以點選，以做進一步的認識與學習。而在每個不同作曲家的網頁上，也都以midi播放其經典的代表樂曲之一，讓使用者更熟悉他的音樂作品。e. 樂曲介紹此部份的重點是音樂欣賞，我們將要介紹的曲子以背景音樂的方式不斷播放，以增加使用者的印象。另外，此處的另一項特色是背景，我們依樂曲的不同而有所分別，例如歌劇的背景是舞台，交響曲的背景是音樂廳等。在網頁右下角有其他曲子可點選，而每個曲子又分有背景、風格、內容、影響不同的部份，可以使使用這對樂曲有更多的認識。f. 測驗每個房間各有八個題目，包括六七題文字題和一二題音樂題。在文字題的部份，採用立即解答的方式，使使用者也可以在測驗中學習，加深學習印象，並釐清觀念。另外，我們很重視音樂題的部份，強調欣賞音樂曲的主旋律，加強分辨音樂的練習。5-3評鑑與修正階段形成性評鑑（軟體測試）：在整個CAI製作的過程中，我們必須不斷的進行測試，以隨時非正式的方式進行，並立即修正。a. 一對一評估找一