第三章 系統架構
第二節 系統架構 系統架構 系統架構 系統架構
本研究的系統主要架構可分為客戶端(Client)及伺服端(Server)的架構，如圖 3-1 所示，開發工具 Microsoft Visual Studio 為主。開發環境以 Windows Server 2008 作為伺服器端，程式語言選用 Visual C#，資料庫軟體選用 Microsoft SQL Server。
1. 開發環境：MS Visual Studio 2010 2. 程式語言：C#
3. 程式架構：主從式架構(client/server)
4. Microsoft .NET Framework 中，使用兩個類別來處理 Client/Server 的資 料傳遞，支援用戶端網路應用開發之類別有：(1)System.Net.Sockets.Socket，
(2)System.Net.Sockets.TcpClient。
在客戶端所包含的元件為學習者遊戲介面；在伺服端所包含的元件為英語字 彙、各別分組的組員資料的資料庫。各個元件功能，於下列表 3-1 詳細介紹。
圖 3-1 系統架構圖
表 3-1 元件功能簡介
系統元件 系統元件 系統元件
系統元件 功能介紹 功能介紹 功能介紹 功能介紹
遊戲介面 讓學生填寫學號，登入遊戲；英語 字彙大富翁遊戲主畫面。
伺服器 處理 Client 的訊息、邏輯；連結 DB 處理相關邏輯
玩家資料 記錄已登入的玩家資料，四人一組 英語字庫 提供英語單字及中文翻譯，檢查學
生的英語字彙查詢與英語字彙組合 檢查；字庫無過去式或複數 課程英語字彙
(Class vocabulary book)
提供老師指定課程的英語字彙。
歷史英語字彙 (Personal vocabulary book)
記錄學習者已組合成功的英語字 彙。
歷史 英語 字彙 遊戲介面
英語 字庫
伺服器
課程 英語 字彙
玩家 資料
Client Server
英語字彙大富翁 英語字彙大富翁 英語字彙大富翁
英語字彙大富翁 遊戲規則 遊戲規則 遊戲規則 遊戲規則
1.
基本財產(圖 3-2，1)：玩家登錄，預設金幣：24400 (紙盤大富翁的起始預設 金額)，預設點數：100 (依據遊戲整體性規劃，道具卡購買的點數、英語字 彙得點數…等，設定的起始點數)。2.
骰子(圖 3-2，2)：開始時，各玩家的代表圖示停放在起點上，然後輪流擲骰 子，每到一處，玩家會有購買地產的機會，也給付過路費的狀況(如該處已 有人購買了)，另外還有抽取機會或入獄、入醫院等的可能；假如超過 60 秒 沒有點選骰子，系統會自動亂數決定點數。遇叉路，隨機轉向。3.
地產(圖 3-2，3)：玩家可依據產權所有證進行購買的位置。4.
產權所有證(圖 3-2，4)：記載地產的購買空地價格、過路費、蓋屋價格。5.
停留：依照骰子所示數目，停留於未經他人購買之地產時，所有權依規定價 格購買，取得產權所有證，如停留於已被人購買之產業上時，即應依產權所 有證(圖 3-2，4) 規定，付予過路費，如其上有房屋及旅館，亦應照規定繳 付。6.
收費：同色之一組地產，已為同一人握有，則他人停留於該組任一片土地時 (已建有房屋或旅館者，按規定繳費)，其過路費，加總繳納。7.
機會(圖 3-2，5)：任何人行至「機會」，可獲得一張機會卡片，並須按照卡 片上的規定辦理，機會卡內容，如附錄 A-3 所示。8.
監獄進牢(圖 3-2，6)：規則有三，(1) 代表圖示停留在「進牢」(圖 3-2，6)，(2) 如果得到機會的內容為「進牢」，(3) 被陷害卡指定；在監獄：暫停三回
合，無法收取過路費。
9.
入醫院(圖 3-2，7)：規則有三，(1) 代表圖示停留在「醫院」(圖 3-2，7)，(2) 如果得到機會的內容為「入院」，(3) 被炸彈卡指定；在醫院：暫停三回合，持續收取過路費。
10.
道具卡店(圖 3-2，8)：提供購買道具卡交易的店面，隨機提供各種道具卡供 玩家選購，道具卡內容說明(圖 3-2, 9)，如附錄 A-2 所示。11.
點數銀行(圖 3-2，10)：提供玩家金幣與點數兌換的平台，1000 金幣=1 點。12.
英文拼字(圖 3-2，11)：提供玩家組合英語字彙的平台。13.
點數計分方式：使用 Scrabble 的計分方式，不同字母有不同分數，是根據 在標準書寫英語中出現頻率訂定，如經常出現的 E 和 O 只值 1 分，但不常 用的 Q 和 Z 則值 10 分，例如：A1, P3, Y4, G2, N1, I1, L1，英語字彙 PLAYING ( 3+1+1+4+1+1+2 = 13 點)，PLAY (3+1+4=8 點)，附錄 A-1 所示。14.
簡易字典(圖 3-2，12)：提供玩家查詢英語字彙。15.
每組的第一位成員，控制「開始遊戲」(圖 3-2，13)的按扭。16.
遊戲結束：任何人無論何時，當其無力清償債務時，不論數目多寡，即謂之 破產。遊戲時間太長，如欲提早結束，可以定義遊戲時間(圖 3-2，14)，時 間到，比較每位玩家的資產。圖 3-2 英語字彙大富翁 遊戲畫面(一)
遊戲 遊戲
遊戲 遊戲操作 操作 操作 操作畫面 畫面 畫面介紹 畫面 介紹 介紹 介紹
欄位說明：
1. 匿名(圖 3-3，1)：玩家的匿名名稱
2. 組別(圖 3-3，2)：表示玩家登入後，所在的組別與成員位置，例如 1-1，
表示第一組的第一位成員
3. 遊戲時間(圖 3-3，3)：表示遊戲開始至結束，進行的時間，預設 30 分鐘，
計有 30 分鐘 / 60 分鐘 / 90 分鐘 / 無限時等四種選項。
4. 剩餘時間(圖 3-3，4)：表示遊戲離結束，剩餘的時間 5. 目前玩家(圖 3-3，5)：顯示目前可以擲骰子進行的玩家 6. 玩家(圖 3-3，6)：顯示玩家的名稱
7. 金幣(圖 3-3，7)：顯示玩家目前持有的金幣數字
○
○
○
○
1○ ○
○ ○
2○
○ ○
○
3○ ○ ○
○
4○
○
○
○
5○ ○ ○
○
6○ ○
○ ○
9○
○ ○
○
10○
○
○
○
11○
○ ○
○
12○ ○
○ ○
7○ ○ ○
○
8○ ○ ○ ○
14○ ○ ○ ○
13中華大學資訊管理學系
8. 點數(圖 3-3，8)：顯示玩家目前持有的點數
9. History(圖 3-3，9)：顯示遊戲過程中各個玩家的動態訊息
10. 現有卡片(圖 3-3，10)：顯示目前玩家持有的道具卡，道具卡功能說明(圖 3-2，9)，附錄 A-2 所示。
11. Class vocabulary book(課程英語字彙) (圖 3-3，11)：顯示課程指定的英語 字彙
12. Personal vocabulary book(歷史英語字彙) (圖 3-3，12)：顯示玩家組合成功 的英語字彙歷史記錄
13. 地產擁有人的圖示(圖 3-3，13)：顯示地產擁有人的代表圖示
功能說明：
1. 登錄遊戲按鈕(圖 3-3，14)：點選按鈕，登錄伺服器。
2. 開始遊戲按鈕(圖 3-3，15)：每一組的第一位成員，負責控制遊戲開始，
點選按鈕，開始進行遊戲。
3. 顯示排名按鈕(圖 3-3，16)：顯示組員排名的狀況的功能按鈕，點選按鈕，
顯示排名，圖 3-7。
4. 離線按鈕(圖 3-3，17)：中途離線(離開遊戲)的功能按鈕，點選按鈕，離開 伺服器。
5. 點數銀行按鈕(圖 3-3，18)：可兌換金幣或點數，顯示銀行視窗的功能按 鈕，點選按鈕，進行金幣/點數兌換(圖 3-5)。
圖 3-3 英語字彙大富翁 遊戲畫面(二)
○
2○
3○
4○
5○
6○
7○
8○
9○
10○
11○
12○
13○
14○
15○
16○
1○
17○
18中華大學資訊管理學系
英語字彙 英語字彙
英語字彙 英語字彙拼 拼 拼字區 拼 字區 字區(圖 字區 圖 圖 圖 3-4)
每次都會顯示七個字母卡，將正確的字母卡移動至拼字區域；若單字正確，
將顯示中文、詞性、分數，限制時間為 30 秒；英語字彙資料庫內，無英語字彙 的過去式或複數。
功能說明：
1. OK 按鈕(圖 3-4，1) : 點選按鈕，送至伺服器 AP 檢查英語字彙是否正確。
2. 清除按鈕(圖 3-4，2)：點選按鈕，七個字母卡恢復原始預設位置。
3. 放棄按鈕(圖 3-4，3)：點選按鈕，玩家放棄此次英語字彙組合的機會。
4. 試試看是否有此單字(圖 3-4，5)：KEY IN 預查詢的英語字彙
5. 確定按鈕(圖 3-4，6)：點選按鈕，將預查詢的英語字彙，送至伺服器 AP 檢 查英文字彙的正確性。
圖 3-4 英語字彙拼字區
點數銀行 點數銀行 點數銀行
點數銀行(圖 圖 圖 圖 3-5)
選擇「金幣兌換點數」或「點數兌換金幣」，調整數字，點選「確定」
功能說明：
1. 金幣兌換點數(圖 3-5，1)：提供金幣兌換點數的功能。
2. 點數兌換金幣(圖 3-5，2)：提供點數兌換金額的功能。
3. 確定按鈕(圖 3-5，3)：金幣兌換點數 / 點數兌換金幣，將兌換後餘額顯示 在遊戲畫面。
○
1○
2○
3○
4○
54. 放棄按鈕(圖 3-5，4)：放棄此次的兌換，保留兌換前的餘額顯示在遊戲畫 面。
圖 3-5 點數銀行
道具卡商店 道具卡商店 道具卡商店
道具卡商店(圖 圖 圖 圖 3-6)
勾選欲購買的道具卡，點選「確定購買」。
功能說明：
1. 道具卡(圖 3-6，1)：隨機顯示道具卡，提供玩家購買，道具卡明細，附錄 A -2 所示。
2. 確認購買按鈕(圖 3-6，2)：點選按鈕，進行購買結算。
3. 離開按鈕(圖 3-6，3)：點選按鈕，離職道具卡商店的視窗。
○
1○
2○
3○
4圖 3-6 道具卡商店
冠軍排行榜 冠軍排行榜 冠軍排行榜
冠軍排行榜(圖 圖 圖 圖 3-7)
顯示目前小組內，每一位玩家的資產，系統會自動將玩家擁有的地產分別換 算成金幣，產值以購買價的 70%計算。
圖 3-7 冠軍排行榜
○
1○
2○
3登入畫面 登入畫面
登入畫面 登入畫面(圖 圖 圖 圖 3-8)
1. 匿名(圖 3-8，1)：填寫匿名帳號
2. 登錄遊戲(圖 3-8，2)：執行後，連結 AP 伺服器 3. 玩家代理圖示(圖 3-8，3)：表示玩家登錄上線
圖 3-8 英語字彙大富翁 登入畫面
結束 結束 結束
結束畫 畫 畫 畫面 面 面(圖 面 圖 圖 圖 3-9)
當時間歸零時，系統顯示時間到，顯示目前的排名(圖 3-8，1)，每位玩家可 以得知是哪一位組員在本局遊戲獲勝，點選離線(圖 3-8，2)，離開遊戲。
○
1○
2○
3中華大學資訊管理學系
圖 3-9 英語字彙大富翁 學習者結束畫面
英語字彙資料庫 英語字彙資料庫 英語字彙資料庫 英語字彙資料庫
本研究開發系統之英語字彙資料庫使用之英語字彙，依出題範圍分為二個：
系統英語資料庫的英語字彙、老師指定的課程英語字彙，附錄 C-1 為本次實驗使 用的課程英語字彙，預設的英語字彙資料庫，無過去式與複數。系統隨機產生英 語字彙，打亂字母順序，產生英語字彙的字卡，提供學生組合英語字彙的字卡來 源。
一款好的數位遊戲教學軟體，不僅提供學習者一個好的學習環境，得到更多 專業知識，更能在學習過程中，得到樂趣，提高學習專注力的時間。英語字彙大 富翁輔助學習者在學習英語字彙的過程中，可以得到更多的樂趣，避免傳統背誦 英語字彙時的無聊、乏味性，提昇學習者對英語字彙學習的樂趣。
○
1○
2中華大學資訊管理學系