遊戲學習系統實作

本遊戲學習系統是以自行架設的遊戲應用程式伺服器，運用Flash與PHP及 MySQL等技術建立遊戲學習系統，另外搭配FBML（Facebook Markup Language）

語法與社群網站平台Facebook進行資料的溝通以及利用Facebook上的社群資料和 社交功能，採用之架構如^X圖 3-4 遊戲系統架構圖^X。在此架構下，運用瀏覽器時的 系統運作模式可分為六個階段：

(1) 使用者透過瀏覽器向 Facebook 發出遊戲應用程式瀏覽請求。

(2) Facebook 伺服器向該遊戲應用程式在 Facebook 伺服器上所登記的網址發出 請求，該網址必頇指向擺放遊戲應用程式的伺服器位置。

(3) 當遊戲應用程式伺服器接受到 Facebook 伺服器所發出的請求後，遊戲應用 程式伺服器會根據應用程式的要求向 Facebook 伺服器發出 API 請求。

(4) Facebook 伺服器會依據 API 請求，回覆結果給遊戲應用程式伺服器。

(5) 遊戲應用程式伺服器首先會根據 Facebook 伺服器回覆的 API 結果，產生對 應的網頁程式碼（如 FBML），接著便會將所產生的程式碼回傳到 Facebook 伺服器。

(6) Facebook 伺服器會將遊戲應用程式伺服器回傳的網頁程式碼轉換成 HTML，

並呈現在使用者的瀏覽器上。

圖 3-4 遊戲系統架構圖

31

運用遊戲的方式，建置資料庫正規化教材，採用 facebook 互動遊戲模式發行，增加娛樂性。

遊戲使用說明

學習者透過 Facebook 網站平台可連結至本遊戲學習系統，也尌是在 Facebok 內看到的遊戲首頁，學習者可以自行選擇要觀看課程內容資料或是直接進行遊戲，

32

在登入遊戲後，可以先選擇一個人物成為自己代表的角色，挑選完成角色後，

遊戲會進入第一關的說明，說明內容是正規化的簡單提示以及遊戲方式、計分方 式以及和遊戲時間之限制。

圖 3-5 【遊戲畫面】挑選遊戲角色 圖 3-6 【遊戲畫面】關卡一遊戲說明

遊戲過程中，遊戲動作正確時遊戲系統分數會進行累加以及做出回答正確的 提示，直到達到關卡要求的得分，即會進入過關畫面，以及詢問學習者是否要進 入下一個關卡。

圖 3-7 【遊戲畫面】關卡一遊戲畫面 圖 3-8 【遊戲畫面】關卡一過關畫面

33

圖 3-9 【遊戲畫面】關卡二說明頁面 圖 3-10 【遊戲畫面】關卡二遊戲畫面

圖 3-11 【遊戲畫面】關卡二過關畫面 圖 3-12 【遊戲畫面】關卡三說明畫面

若是在遊戲限制時間內，無法達到關卡要求的正確回答數（即得分數），此 時會回應學習者闖關失敗訊息和要求閱讀學習教材內容之訊息，並且邀請學習者 在閱讀完成學習內容之後，再次回到遊戲進行挑戰。在學習者全部關卡之挑戰均 能通過時，則會邀請學習者觀看英雄榜，查看自己及朋友的在遊戲中得分和排名 狀況，藉由同儕間相互影響的力量，吸引學習者再次使用遊戲進行學習，藉此使 學習者能夠更加深入瞭解己具有的知識。

34

圖 3-13 【遊戲畫面】關卡三遊戲畫面 圖 3-14 【遊戲畫面】關卡三未過關畫面

圖 3-15 【遊戲畫面】關卡三過關面 圖 3-16 【遊戲畫面】高手排行榜

35

遊戲推薦及邀請

參與遊戲後，遊戲會讓學習者在自己的塗鴨牆張貼參與遊戲的訊息，這則訊 息會自動顯示在朋友網頁上邀請朋友們都來參與遊戲；另外學習者能夠利用遊戲 提供的邀請功能發出指定給某位朋友的訊息，同時使用遊戲時也能查看有哪些朋 友曾經玩過這個遊戲，運用社群網站平台易於互動的特性與同儕群體的力量，吸 引其它學習者參與此遊戲來進行學習活動。

圖 3-17 【遊戲畫面】在塗鴉牆張貼的訊息 圖 3-18 【遊戲畫面】首頁社交功能

圖 3-19 【遊戲畫面】查看朋友參與狀況 圖 3-20 【遊戲畫面】邀請朋友參與遊戲

36

被邀請的學習者，透過 facebook 上邀請訊息之功能查看到自己受邀的訊息，

並且透過此邀請參加的訊息，一起加入及參與本數位遊戲學習。

圖 3-21 【遊戲畫面】邀請訊息 圖 3-22 【遊戲畫面】接受邀請

37