第一章 緒論
1.2 軟體架構概述
本次的遊戲軟體分為兩部分來進行開發，第一部分是使用者的介 面，第二部分則是使用者的行為辨識。第一部分強調的是針對 4-6 歲 的小平朋友為對象來設計出以可愛活潑為設計宗旨的遊戲介面，這樣 一方面較能引起他們興趣，另一方面亦能達到寓教於樂的效果。第二 部分是針對小孩子的行為去做分析和判定，依照小孩子的動作和行為 設計辨識的程式，用來辨識以及分析WebCam 拍攝進來的影像，進而 促動第一部分的遊戲介面，在螢幕上做出聲音以及畫面的互動效果。
第二章 使用者分與市場調查
2.1 WebCam 的簡介及市場分析
2.1.1 WebCam 的興起
將攝影機與網路結合，利用攝影機將影像輸出至網路上，遠端的留覽 者可透過網路來觀看，通常搭配一般的瀏覽器如:Microsoft Internet Explorer 或是使用一般 Yahoo Messenger 和 Microsoft MSN
Messanger 6.0 等的傳訊軟體來做媒介。因此，綜合說明 WebCam 的 興起有下列幾項原因:
網際網路的頻寬的增加
因為隨者電信業者所提供的網路從之前的撥接式上網到現在的 ADSL，T1 等多樣化且更便利的上網速度，因此，也帶動了 WebCam 被大家所注意和接受。
網路傳訊軟體的普遍
現在網路上的服務和功能非常的多元化，因此可以吸引非常多不 同的年齡層來使用，也使得網路上的交談工具，如:MSN 等的網路傳 訊軟體非常的普及，現在的傳訊軟體大部分也都相繼撘載了視訊的功
WebCam 的使得變的更加頻繁。
而如果以WebCam 的設備來分的話，通常分硬軟(Hardware Base)和 軟體(Software Base)兩種形式:
硬體式: 因為已經將攝影機內部內建網路架構，所以使用者只需 將網路線直接連結網路攝影機中即可
軟體式: 將攝影機接在電腦上，並將網路連接於電腦中，將影像 透過電腦截取並傳送至網路上。
WebCam 設備 CMOS 3(Complementary Metal-Oxide Semiconductor，互補性氧化金 屬半導體)兩種。
構成元件
2.1.5 WebCam 的傳輸介面以及附加功能
動態方式將較為複雜，一般來說是使用一種叫"Server Push" 5
許多 WebCam 產品還會搭配視訊監控軟體，讓你的 WebCam 可以錄製監控影像，監視每一個角落，或是父母拿來監視Baby 的一 舉一動避免發生意外。
另外許多廠商也將 WebCam 產品作更多樣化的設計，像是有人 體自動追蹤功能、網路 IP 攝影機(採用乙太網路 RJ-45 傳輸介面)的
WebCam 產品其中提到的網路 IP 攝影機算是國外相當熱門的，因為網 裝置的選用方面，雖然一般的Digit Video(DV)攝影機也有著和
WebCam 一樣的拍攝功能，但因評估過蒐集到的資料並且因考慮到 Webcam 6價格的普遍性以及解析度還維持在大眾可接受的範圍下，所 以決定以軟體式的WebCam 作為本次遊戲軟體設計的對象。
1.「視訊追蹤管制系統」:內政部實施居家隔離的方法，詳見附錄 A。
3.CCD(光學耦合元件):詳見附錄 A。
4.CMOS(互補性氧化金屬半導體):詳見附錄 A。
5.Server Push:又稱Subscribe-Publish Service，詳見附錄 A。
6.市面上常見WebCam 的基本規格和型號 詳見附錄 B。
2.2 兒童軟體教材和市場分析
隨著網際網路的快速成長，上網的年齡層也下降了許多，處處林 立的網咖，一個小學生上網已經是司空見慣。因此，為了能讓我們的 小朋友有正確的電腦常識，我們應該提前給他們一些正確的觀念和教
育，讓他們不至於對這個巨大的電腦網路世界感到害怕或迷失 其中。
2.2.1 國家方面
教育部為了資訊教育的落實亦有實施電腦輔助教學(CAI)7，軟體方 面，教育部的網站上有針對國小、國中、特殊教育…等各個不同年齡 層的小朋友所設計的「好學專輯」軟體教材可供下載。
圖 1-2 教育部國教司網站
2.2.2 業界方面
我們參考了歷屆的「金學獎優良社教軟體」，再取其得獎的名單去 其公司的官方網站尋訪調查以蒐集進一步的資料。以下是針對幾個比 較出色和用心的公司所做的調查說明。
台灣大學問線上學習
線上學習網站，提供付費的線上互動軟體教學課程，有國文、
英文、數學、美勞、音樂…等多樣化課程，年齡從幼稚園到高年級 都有非常詳盡的分類，並提供人氣排行榜圖表(圖)以及會員學習分 佈圖(圖)供大家參考
搭配Flash 或是 QuickTime 做線上的即時的教學測驗，採收 費 制 。
圖 1-3 台 灣 大 學 問 -人 氣 排 行 圖
圖 1-4 台 灣 大 學 問 -會 員 學 習 分 布 圖 育腦發展(台灣)股份有限公司
提供多樣化的教育服務以及開發幼教電腦多媒體教育軟體，投注 很大的心力在 E-learning 上面，結合了線上書籍提供以及多方向的 教師資料，關於學齡前兒童軟體方面推出的比較少一點，主要教材偏 向 6 歲至成人。
圖 1-5 育腦發展台灣網站 草莓易學網
現在可以說是一個規模非常大的兒童教育資源資構所建立的。整 個網站包含了基本的線上數位學習(E-learning)課程，有教師人力銀 行可供老師刊登自己履歷，並且讓需要循找教師的可以找到適合的教 師。網站還有附設幼童福利社可以讓小朋友線上購物，購買專屬的商 品和教材，且商品亦依照年齡做分類資料庫查詢。網路上還提供了全 省的幼稚園、國小、托兒所的地址位置、兒童幼教安全，兒童學習法…
等多樣化的資料供查詢。關於兒童軟體方面，以教育軟體研發起家的 草莓資訊股份有限公司是全球教育軟體的前三大：
迪士尼(Disney Interactive) 、 芭比(Mattel Media) 、 Havis Interactive(Fisher Price)中文版的獨家代理廠商，自家開發的軟體也 非常多樣化。加上國際的中文版代理，所以在兒童軟體的市場有很高
的佔有率。
圖 1-6 草莓易學網 巧連智
這個名字想必大家都聽過，這個機構做關於幼童的教育已經有好 一段時間了。他們把教材分為小朋友的巧連智以及小學生的巧連智，
分類更為完整和仔細。小朋友巧連智包含了從 1-2 歲到幼稚園大班的 小朋友，而小學生巧連智則是為小學一至六年級的小孩所設計的。每 樣教材都是由貫有的主角巧虎為主軸來帶領小朋友進入他們的世 界，間接帶給小朋友知識和道理。
圖 1-7 小朋友-巧連智網站
2.2.3 結論
因為我們的軟體主要的設計對象以幼稚園中，大班(4-6 歲)左右的 小朋友為主，因此想先對市面上針對這個年齡層的兒童教學軟體做一 下進一步調查，經過蒐集的資料整體的評估發現，其實還是有很多非 常用心的企業以及廠商在為兒童教育付出，感到非常的欣慰。對於我 們的軟體，因為定位在兒童音樂教學軟體，需要音樂、教育以及軟體 方面的技術和專業性。所以以我們現在的能力，要三方面兼具實在有 些困難，因此，我們不求能把多專業、多豐富的音樂知識帶給小朋友，
但求能以簡單的音樂和顏色，讓小朋友對聲音和顏色有基礎的認識以 達到啟蒙的功效。
主要用Borland C++ Builder5.0(BCB5.0)來開發使用者的介面和 整個遊戲的主要架構，而video 方面則是用 Webcam 攝影機 來幫助拍 攝影像，以Webcam 所擷取的影像便表了使用者的行為，進而用來驅 動遊戲介面以播放聲音和圖片．
3.2 開發環境及工具介紹
3.2.1 硬體設備
作業系統: Windows XP Home 中文版 CPU:Intel Pentium M 1.3G
Memory:256MB
3.2.2 軟體工具
Borland C++ Builder 5.0
程式編輯的主要工具，用來開發使用者的介面。
圖 3-1 Borland C++ Builder 5.0 Adobe Illustrator 10.0.3
主要用在繪製介面中所用到的圖片和背景。
Adobe Illustrator 10.0.3 Adobe Photoshop 7.0
主要的功能是用來編輯和修改由Illustrator 所編繪出來的圖片。
圖 3-3 Adobe Photoshop 7.0
Sonic Foundry-Sound Forge 6.0
主要功能是對這次遊戲中用到的聲音做剪輯和修改的動作。
圖 3-4 Sonic Foundry-Sound Forge 6.0
3.3 遊戲控制器介紹說明
這是一塊我們自己自製的面板，上面有著我們設計的圖樣和顏 色，主要的功用就是用來讓使用者和遊戲做互動的媒介，這塊面板是 針對小孩子所設計的，有淺顯易見的鮮明顏色，讓小孩子可以清楚地 認識每一個按鍵，然後讓小孩子在遊戲的過程中，所有在遊戲控制器 上面做出動作的，皆經由Webcam 拍攝影像之後做判定，如果是正確 的操作，便驅動遊戲介面，做出對應的影像或聲音的互動。
圖 3-5 遊戲控制器
3.3.1 遊戲按鍵( GAME BUTTON)
遊戲按鍵共有四顆，這是遊戲主要的控制按鈕，也就是遊戲鍵，
遊戲中的各個選項都是經由這四顆按鈕來讓使用者點擊選取 。由於這 四個按鍵在遊戲中是互相搭配使用，且功能類似，因此放在一起討論。
3.3.2 開始/暫停按鍵( START/STOP BUTTON)
這一顆按鍵主要的功能是讓使用者在遊戲中，可以即時地暫停以
3.3.4 往下一個按鍵( FORWARD BUTTON)
這顆按鍵主要的功能是讓使用者移動進入下一步的選項，遊戲中 會依照遊戲狀態不同而影響此鍵的功能，並會對使用者作出清楚的提 示。
․註:角落的三的黑點是用來幫助辨識
3.4 遊戲介面環境說明
3.4.1 介面設計說明
此介面因為一部分是要經由電腦來操作，故介面的設計是以親子 的角度切入，讓家長可以幫助小朋友做一些功能的調整進而從旁教導 小朋友。介面整體的設計以其功能性為主，盡量讓介面的功能可以趨 近人性化，並且符合實際操作的情形來設計選項。
圖 3-6 遊戲介面主要環境
3.4.2 遊戲功能選單
遊戲功能選單包含了遊戲中會用到的一些功能，例如上一個以及
下一個，選單主要是讓親人在陪伴小朋友的時候可以點選控制。
圖 3-7 遊戲介面-遊戲功能選單
3.4.3 遊戲模式選單
遊戲模式選單包含了遊戲裡面所有的模式，可以直接點選每一個 單項的遊戲，或是按照遊戲的步驟一項一項慢慢進行。
圖 3-8 遊戲介面-遊戲模式選單
3.4.4 遊戲控制器選項
遊戲控制器選項其實和手上的遊戲控制器有著一樣的功能，在介 面中亦設計了一樣的控制器，方便做輔助控制和操作。
圖 3-9 遊戲介面-遊戲控制器選項 3.4.5 音樂選項
這邊包含了一些附屬的選項，可以對遊戲的一些設定作一些基本 的變化和調整。
圖 3-10 遊戲介面-音樂選項
3.5 各項遊戲主題介紹
圖 3-11 聲音遊戲基本練習的遊戲畫面 Step 2 開始練習
進入到聲音遊戲--基本練習的主畫面之後，會看到畫面中有跟 遊戲控制器(圖 2-1)對應的七個六角形圖案，接著，便可以開 始使用遊戲控制器來操作了，如果按下開始鍵便可以開始進行
進入到聲音遊戲--基本練習的主畫面之後，會看到畫面中有跟 遊戲控制器(圖 2-1)對應的七個六角形圖案，接著，便可以開 始使用遊戲控制器來操作了，如果按下開始鍵便可以開始進行