成果展示

1. 遊戲化設計之考試介面：

需遊戲化系統必須導入本研究開發之遊戲化函式庫，藉此需增加遊戲化 的功能，該功能含有 Lifebar (生命值)、 Progress Bar (考試進度條)等兩項 (圖 4.2) 。進度條主要用於顯示測驗總題數，可讓使用者知道每一次的出題數不 會太多以免使用者一次做太多題產生倦怠感。生命值之顯示，可用於警示使 用者尚餘多少可答錯的次數，以免使用者漫無目的的答題，製造出無效的積 分，假如生命值歸零時，系統將不以予計分，導致該次的作答無效。

考試一開始透過使用者選定測驗項目後，首先列出一道題目，依使用者 所選考題不同，題目設計有不一樣的顯示方式，待使用者完成該題作答後，

點選送出 (Submit) 按鈕，畫面將立即轉換成使用者作答情況與標準答案之對 照表，提供使用者立即得知作答結果是否正確。接著當使用者點選下一題 (Next)按鈕後，即往下進行剩餘之考試題目。

圖 4.2、遊戲化設計之考試介面

考試進度條

生命值

2. 遊戲化設計之使用者介面：

在使用者介面中，透過使用者考試紀錄產生排行榜、本週進度、考試流 程控制(考試題目須循序漸進，因此設計由易入難之遊戲化方式，提升學習成 效)、學習進度、獎章以及技能樹(選擇考試的內容)，以下針對各功能逐一介 紹(圖 4.3)。

圖 4.3、遊戲化設計之使用者介面

使用者開始使用系統前必須先透過個人帳號密碼進行登入，因為本遊戲 化設計有個人進度與獎章制度，每個人的資料會因所屬帳號不同而有所變更 (圖 4.4)。另外介面上之本週排行榜功能，主要藉由使用者考試完畢後，系統 自動統計其所得到的積分並與系統內其他使用者的積分進行比較與排名。本 週進度功能以圖形化方式顯示使用者一週內的積分，讓使用者了解該週的學 習狀況，清楚得知是否有進步或退步。

圖 4.4、CSA 使用者登入介面

本系統設計有考試流程控制機制，主要是希望使用者以教師的教材設計 進行訓練，循序漸進的方式學習，本研究的 CSA 系統是累積式句子分析系統，

因此使用者必須擁有基本的英文文法知識，才可往上進行更難的測驗，因此 流程控制可以約束使用者從基礎慢慢學習，可以減少學習上的打擊感。

在學習進度設計上，主要希望讓使用者了解自己的努力是有成效的，由 於流程控制是慢慢累積學習經驗，因此使用進度折線圖可以讓使用者了解自 己的積分累積的速度，進而擁有成就感希望令使用者流連忘返。

獎章系統機制會根據使用者使用的方式與頻率給予特定的獎章以至於得 到成就感並促使使用者繼續使用的動力。

在技能樹功能方面，提供使用者可選擇多種不同考試類型(如第一個類型 為找出句子中的限定動詞)，點選後依據 CSA 教材之步驟執行，該執行流程 如圖 4.5，首先使用者自行選取測驗主題，接著系統將會出現一道題目，此時 使用者需於畫面中直接進行作答，且待使用者作答完畢後，系統將立即批改 答案，並同時顯示作答的內容與正確的答案於畫面上，完成後接著進行相同 主題的下一考題作答，同時記錄該使用者所得積分。

圖 4.5、CSA 選出限定動詞之測驗流程

另一考試類型為「選關鍵字」，該執行流程如圖 4.6，在選關鍵字之考題 上，區分有是否需給予提示，依據 CSA 練習流程，第一步為選區句子之限定 動詞，第二步為選出句子之關鍵字 (ex: That, Which, If…etc.) ，因此，若選擇 系統給予提示，主要是提供使用者若因為基礎沒有學習好或遺忘而無法正確 操作(選出句子的限定動詞)時，由系統自動標示出第一步之答案，讓使用者 專注於關鍵字的練習，同時希望使用者也可以從答案中學習到正確的句子分 析方法。關於系統提供與未提供第一步限定動詞之範例如圖 4.7。最後一個部 分為分割子句的練習(圖 4.8)，若使用者熟悉此種句子解析方式，可提升對於 英文文句的精準解讀能力，該步驟最重要的為將文句進行分割，透過分割文 句清楚了解每個句子的主詞為何，動詞表示的意思為何，以此種方式進行文 句的翻譯，所得結果將不會偏離原意太多。以上述 CSA 遊戲化為例，本研究 的另一項實驗系統是 PWB，主要是以遊戲化 CSA 後產生的遊戲函式庫加入

PWB 考試測驗系統，以實驗此遊戲化函式庫是否可將 PWB 遊戲化，實驗結 果如圖 4.9。

圖 4.6、CSA 選出關鍵字之測驗流程

圖 4.7、CSA 選關鍵字提示比較。系統自動給定限定動詞後使用者完成作答 (上圖)，使用者自行選定限定動詞並完成作答(下圖)

圖 4.8、CSA 分割子句之測驗流程

圖 4.9、PWB 測驗流程