研究系統設計

本研究基於上述文獻理論，為了提升外籍學生對於學習華語文之學習興趣與 學習成效，設計一個以英語介面為主的華語文情境感知學習系統，結合了情境感 知技術 QR Code 及 GPS，使學習者在學習時能夠遊走於學習環境之中。教學活動 的實施上是以平板電腦作為主要學習工具，將教材內容顯示於平板電腦，透過學

37

習者觸碰、點擊之方式進行學習，而教材內容除了中文字的顯示之外，也有提供 華語字彙的發音之功能，以此加深學習者對於華語文字彙的印象。期盼透過此華 語文情境感知學習系統能夠提高學習意願、增加學習成效。

本研究系統實作之平台為 Android 系統，以下針對系統開發工具、系統功 能、系統流程、教材內容介紹加以詳述之。

一、系統開發工具

本研究使用 JAVA 7 程式語言以及 XML 語言開發 Android 華語文情境感知學 習系統。如表 3-1 所示：

表 3-1 軟體工具及程式語言一覽表

軟體工具 程式語言

Eclipse插件: Android-ADT 內容編譯: Java 7 開發平台: Android SDK 介面編譯: XML

38

二、系統功能

圖 3-4 系統功能架構圖

本研究所建置之華語文情境感知學習系統提供了兩種學習模式，一為 GPS 學習模式，使用於校園戶外學習；二為 QR Code 學習模式，使用於戶內學習，學 習者可以自行選擇欲學習的模式。兩種學習模式之介紹如下：

(一)、GPS 學習模式

此模式透過 GPS 定位系統偵測學習者所在的環境位置，依照所在的環境位置給予 學習者適當的教材內容。而教材內容為校園戶外學習篇，地點規劃為六種，分別 是：操場、游泳池、樹、圖書館、咖啡廳、教室，學習者按照本研究所規劃的學 習地圖在移動之中學習，如圖 3-5(a)、圖 3-5(b)所示。

華語文情境感知學習系統

GPS 學習模式

QR Code 學習模式

咖啡廳篇 校園戶外學習篇 教室篇

自動偵測...

.

39

圖 3-5 (a) GPS 學習模式首頁 圖 3-5 (b) GPS 學習模式-學習地圖 圖示說明：

1. 圖 3-5 (a) GPS 學習模式首頁

此為 GPS 學習模式之首頁，於選擇學習模式後進入。告訴學習者來到了 GPS 學習模式，學習者能夠在移動之中進行學習，GPS 將隨時鎖定學習者的位置 並給予學習教材。

2. 圖 3-5 (b) GPS 學習模式-學習地圖

此為 GPS 學習模式之學習地圖，於 GPS 學習模式首頁之後。告訴學習者來到 了 GPS 學習模式之校園戶外學習篇，白色星形圖案為學習地點之圖案標示，

共有六個學習地點，學習之路線依序為：1.操場、2.游泳池、3.樹、4.圖書 館、5.咖啡廳、6.教室，學習者必須移動學習位置並且按照學習地圖之順序 進行學習。

40

圖 3-6 GPS 學習模式之進行畫面(一)

圖 3-7 GPS 學習模式之進行畫面(二)

41

(二)、QR Code 學習模式

此模式學習者將使用平板電腦之相機模式拍攝於物體上之 QR Code，透過掃瞄功 能給予學習者適當的教材內容。而教材內容共有兩篇，分別是：教室篇、咖啡廳 篇，此兩種環境內之學習物品皆貼上了 QR Code 提供學習者拍攝，學習者透過所 拍攝之物品進行學習，如圖 3-8(a)、圖 3-8(b)所示。

圖 3-8 (a) QR Code 學習模式首頁 圖 3-8 (b) QR Code 學習模式- 選擇學習環境 圖示說明：

1. 圖 3-8 (a) QR Code 學習模式首頁

此為 QR Code 學習模式之首頁，於選擇學習模式後進入。告訴學習者來到了 QR Code 學習模式，學習者能夠在拍攝貼有 QR Code 之物品之中進行學習，

系統將會依照學習者所拍攝的物品給予學習教材。

42

2. 圖 3-8 (b) QR Code 學習模式-選擇學習環境

此為 QR Code 學習模式之選擇學習環境，於 QR Code 學習模式首頁之後。告 訴學習者可以選擇欲學習的環境：教室篇、咖啡廳篇，學習者必須進入環境 中並且透過拍攝的方式進行學習。

圖 3-9 QR Code 學習模式之進行畫面(電腦)

43

圖 3-10 QR Code 學習模式之進行畫面(白板)

圖 3-11 QR Code 學習模式之進行畫面(時鐘)

44

三、系統流程

本研究之系統流程為：首先，學習者使用平板電腦進入華語文情境感知學習 系統之首頁，由學習者自行選擇欲學習之模式，一為 GPS 學習模式，二為 QR Code 學習模式。選擇後，系統將進入到該學習模式之首頁，告知學習著進入了該學習 模式，學習者閱讀該模式之描述後，便開始進行華語文的學習，而系統將會依據 學習模式給予學習者適當之教材內容。華語文學習教材內容分別有：認識華語字 彙、華語字彙即時發音、華語文對話練習。本研究之華語文情境感知學習系統之 學習環境分為戶外與室內，學習者在學習之中皆必須移動位置，並且攜帶著平板 電腦進行學習。

圖 3-12 為本研究之系統流程圖，透過系統的運作進行本研究之相關教學活 動，系統首頁以及選擇學習模式如圖 3-13(a)、圖 3-13(b)所示。

45

學習者選擇學習之模式

圖 3-12 系統流程圖 進入系統

認識 華語字彙

華語文 對話練習 華語字彙

即時發音 (戶外)

GPS 學習模式

(室內) QR Code 學習模式

校園戶外學習篇 教室篇 咖啡廳篇

離開系統

46

圖 3-13 (a) 系統首頁 圖 3-13 (b) 選擇學習模式 圖示說明：

1. 圖 3-13 (a) 系統首頁

此為華語文情境感知學習系統之首頁，點選 Start!將會進入學習模式選擇之 頁面。

2. 圖 3-13 (b) 選擇學習模式

此為華語文情境感知學習系統學習模式選擇之頁面，於系統首頁之後。學習 者必須在此選擇欲學習之學習模式，選擇後系統將繼續執行下一步驟。

四、 教材內容介紹

本研究之教材內容依照學習模式進行編製，GPS 學習模式之教材內容為校園 戶外學習篇，此篇屬於戶外的學習，QR Code 學習模式之教材內容為教室篇、咖 啡廳篇，此兩篇屬於室內的學習，兩種學習模式之學習教材以顏色作為區隔。而 每篇皆有認識華語字彙、華語字彙即時發音、華語文對話練習，提供學習者進行

47

學習，教材內容介紹如下：

(一)、認識華語字彙

此單元為認識華語文之字彙，簡短敘述此字彙之意義，如圖 3-16(a)所示。

(二)華語字彙即時發音

在華語文的字彙旁顯示漢語拼音與發音，增加學習者對於此華語文字彙的印象，

如圖 3-14、圖 3-15、圖 3-16(a)、圖 3-16(b)、圖 3-17(a)、圖 3-17(b)、圖 3-18(a)、

圖 3-18(b)所示。

(三)、華語文對話練習

此單元為華語文之對話練習，以日常生活中的對話為主要內容，搭配英語翻譯方 便學習者了解對話內容，如圖 3-16(b)所示。

圖 3-14 進入學習教材之頁面 圖 3-15 學習完畢之頁面

48

圖 3-16 (a) 認識字彙與即時發音 圖 3-16 (b) 對話練習 圖示說明：位於 GPS 學習模式之校園學習篇

圖 3-17 (a) 認識字彙與即時發音 圖 3-17 (b) 對話練習 圖示說明：位於 QR Code 學習模式之教室篇

49

圖 3-18 (a) 認識字彙與即時發音 圖 3-18 (b) 對話練習 圖示說明：位於 QR Code 學習模式之咖啡廳篇