指導老師：吳玫瑩老師 林智煌 莊富鈞 廖一璇 施明忠 專題組員:

簡介 初階吉他教學網 本網站是針對吉他有興趣的朋友所創立的一個入門教學系統。 提供簡單的學習方案，以有趣、生動、活潑的介面呈現給初學者，改變以往學習者認為枯燥乏味的樂理階段，為學習者營造一個輕鬆愉快的學習環境，藉而增進其學習的效果和興趣。

初階吉他教學網 研究背景和動機 初學吉他無所適從 1. 與社團學長姐請教的時間難配合 2. 有了專題主題的構想 3.

透過Web介面，提供初學者簡單易懂的教學 初階吉他教學網 本專題主要目標 １ 有趣、生動、活潑的介面 透過Web介面，提供初學者簡單易懂的教學 ２ 根據使用者自己的需求 隨時進行線上教學課程 ３ 資料的開放性 大部分的查詢、留言動作不需要作身份驗證 4 分類查詢 使用者可以更快速找到想要的資料

專題進行方式 初階吉他教學網 1 2 3 三年級上學期選擇專題組員與指導老師後， 便進行相關資料蒐集和工具的學習。 定期與老師學長姐討論專題所遇到的問題， 了解系統所應追求的目標和系統的範圍大小 。 3 組員間每週密切的舉行小組討論，提出遇到 的問題，和對建構系統的種種看法，互相交 流想法後，設法解決，最後提出解決方案。

人員工作職責 初階吉他教學網 初階吉他教學網 施明忠 林智煌 廖ㄧ璇 莊富鈞 1.系統分析與設計 2.使用者手冊編輯 1.系統分析與設計 2.使用者手冊編輯 3.Flash動畫製作 4.錄音製作 5.影片檔剪輯 6.練吉他 廖ㄧ璇 1.系統分析與設計 2.系統文件編輯 3.Flash動畫製作 4.錄音製作 5.影片檔剪輯 6.網頁設計美化 莊富鈞 1.系統分析與設計 2.系統文件編輯 3.程式撰寫 4.資料庫 5.網頁設計 施明忠 1.系統分析與設計 2.系統文件編輯 3.程式撰寫 4.資料庫 5.網頁設計

前端介面功能部分 初階吉他教學網 系統功能 功能解說 動態教學 Flash動畫呈現教學吉他基礎課程 樂理教學 文字型態的樂理基礎知識 音樂資料搜尋 分類查詢吉他譜、影音檔資料 練習曲目試聽 樂譜、示範音樂檔，不時新增上傳，並提供下載功能 留言板 讓使用者留下意見，版主可回覆意見，增加交流情感 練習樂譜 提供相關吉他譜給使用者練習 必學和弦 提供常用的和弦彈奏指型跟彈奏出的聲音 最新消息 每筆最新的資料將在此公告 好站推薦 推薦相關網頁連結

後端程式功能部分 初階吉他教學網 系統功能 功能解說 管理員登入 管理員身分判定，確認帳號密碼 最新消息管理 隨時更新最新消息給使用者 音樂資料搜尋 利用條件設定，對使用者想要得到的資料作擷取 留言板管理 管理留言板的版面，對其進行新增、刪除 上傳檔案 上傳相關音樂資料、吉他譜給使用者選擇

系統特色 初階吉他教學網 1 2 3 4 5 便利性—可隨時進行線上教學。 管理權限劃分明確性—使用者無法擅自更動資 料庫內的資料。 完整資料庫管理—相對書面儲存，電腦化後提 升資料的實用性、關聯性。 活潑生動—將原本枯燥乏味的紙本學習，變成 生動的動態教學。 網頁導覽—網頁首頁中，導覽使用者如何利用本 網站，讓他快速熟悉操作介面。

動態敎學區 插入多媒體藝廊 內的相片 初階吉他教學網 將原本枯燥乏味的紙本學習，變成活潑生動的動畫教學，讓吉他初學者更能藉由畫面去體會學習中的樂趣。 插入多媒體藝廊 內的相片 和弦轉換(上圖) 靈魂樂(下圖)

初階吉他教學網 網頁導覽 吉 他 教 學 區 介 紹 練 習 樂 譜 STEP1 STEP2 STEP3 STEP4 曲目試聽

初階吉他教學網 其他功能導覽 音樂資料 搜尋 好站推薦 訪客留言 必學和弦 練習樂譜

本專題主要困難與解決之道 初階吉他教學網 撰 寫 系 統 動 畫 課 程 製 作 遇到的困難: 解決方法: 遇到的困難: 解決方法: 因本網站同時兼具數項功能，故撰寫程式時難度較高。 解決方法: 開發過程中慢慢去評估起初的構想，研究該將重心放 於哪，做取捨的動作。 遇到的困難: 1.每個課程都要自己去編排，必須編輯講稿。 2.在人聲和吉他方面要ㄧ再的嘗試錄音。 3.繪製課程中每個場景，嚴格控制每個時間軸都必須與 聲音對上。 解決方法: 1.ㄧ再嘗試每個錄音效果，多次的NG，總會得到更好的 結果。 2.不時的到處尋找教學課程的靈感，創造出吸引人的 畫面。 3.並且同時多方站在初學者的立場去揣摩他們的觀點， 製作出他們適合的課程。 動 畫 課 程 製 作

開發工具 初階吉他教學網 網頁 動畫 影像 處理 1.MySQL 2.PHP 3.HTML 4.DREAMWAVER 8 1.Flash 8 2.Total Recorder 3.Ulead GIF Animator 5.05 影像 處理 1.PhotoImpact 11 2.Corel Painter 8

系統需求 初階吉他教學網 CPU AMD XP 1.8G 顯示卡 RAGE128pro 記憶體 DDR512MB 硬碟 3GB以上 網路卡 D-LINK 530TX 基本操作配備 鍵盤及滑鼠、喇叭

系統評估 初階吉他教學網 搜尋部份 同一個時間只能進行一個條件的搜尋。 因為新的歌曲上市速度快又龐大，無法每 吉他譜提供 首歌曲都ㄧㄧ收錄。 資料安全 對於資料的傳輸並未加上資料加密措施，所 以對資料安全性有待加強。

未來展望 未來 目前 初階吉他教學網 希望未來在吉他方面能力加強的同時，能提供更多有難度的教學內容，讓線上吉他教學網的意義更具完整性。 是針對初階使用者為主要的教學對象，提供基本的彈奏方式和樂理。

初階吉他教學網 銘謝 首先感謝指導老師吳玫瑩，對於專題給予我們的支持，並給予我們很大的發揮空間，自由地去發揮，也適時的給予我們建議，讓我們有更多想產生。 另外要感謝指導我們的吳明和學長、廖淑禎學姊撥空參予我們的小組會議，給予我們很多的協助。 更要感謝專題過程中熱心幫助我們的同學，以及協助我們進行測試網站功能的同學。

參考文獻 編號 1 新琴點撥，點弦音樂 2 六弦百貨店，麥書國際文化 3 彈指之間，麥書國際文化 4 FLASH 8 躍動的網頁，旗標 5 PHP+MySQL入門實作，文魁 6 網業設計三合一Dreamweaver Photolmpact Flash，松崗 7 Dreamweaver8魔法書，旗標 8 Dreamweaver搞不定的網頁設計效果CCS關鍵救援密碼，旗標 9 Flash ActionScript程式設計，金禾資訊 10 PAINTER9 焠鍊，鐵的工具書 11 實戰PHP5&MYSQL5，上奇 12 PHP4+MYSQL快速入門，松崗 13 PHP+MYSQL快速入門，松崗 14 配色王，博碩文化 15 色彩配色圖表3，龍溪圖書 16 美工設計，基峰出版社

感謝大家蒞臨指教 ~END~