GPS 感知學習系統

圖 15、登入頁面 2. Google Maps 與系統主畫面

圖 16 為本系統的主畫面，其中 Google Maps 上顯示關卡位置和學習者目前位置；

地圖上有三顆較大且中間有黑點的標誌，代表學習者，該標誌對應在地圖上的位置也 就是學習者目前的位置，每顆標誌後面接有不同顏色的粗線，代表每位學習者過去兩 分鐘內所行走的路徑，並以顏色區分學習者，另外 Google Maps 會 10 刷新一次，讓 學習者可以隨時掌握自己的位置。另外幾個較小的標誌就是系統設定的關卡位置。

圖 16、Google Maps 與系統主畫面

在 Google Maps 下面有五個隱藏的按鈕，當學習者接近學習關卡時，才會彈出供 學習者點選。如圖 17 所示，學習者走到校門口的畫面，當學習者接近關卡時，系統 就會根據學習者的位置提供該關卡名稱的按鈕並顯示在 Google Maps。如圖 16 黑框 內的按鈕所示，表示學習者已經接近校門口，並可以進入學習關卡。

3. 關卡資訊

系統將提供該關卡內植物的照片以及與其相對應的按鈕，如圖 18 黑框所示，學 習者點下按鈕會跳出該植物的相關資訊，並根據系統提供的內容找到植物。

圖 18、關卡資訊 4. 植物資訊

圖 19 展示的是本系統的植物教學頁面，左邊的大欄位是該植物的全身照與植物 的名稱，右邊則是將該植物各部位(莖、葉、花與果實)分類使用文字說明並加上圖片

對照。當學習者瀏覽完植物外觀與特徵，將捲軸向下拉，可以看到該植物的功能與作 用如圖 20。系統網頁無法一次瀏覽所有植物相關訊息的原因是開發系統時希望學習 者能更清楚觀察植物的特徵，所以將圖片調至能輕易分辨特徵的大小，而且 Acer Aspire One 所支援的解析度為 800X600，在無法加寬欄位的情況下，只好將系統以此 種方式呈現。在教導學習者使用系統時，也提醒學習者務必瀏覽過全部的內容才可以 進行闖關活動。

圖 19、植物外觀特徵介紹

圖 20、植物功能與效用 5. 闖關活動

當學習者瀏覽關卡內所有植物後，必須回到關卡資訊的頁面，點選圖 21 黑框內 的按鈕開始進行闖關。

圖 21、開始闖關按鈕

當學習者點下開始闖關的按鈕後，系統提問與該關卡相關植物的問題如圖 22 所 示，若是學習者答錯，系統將會提示學習者回答錯誤，並要求再回答一次直到學習者 答對為止(圖 23.a)。若是學習者答對問題，系統也會跳出視窗提醒學習者進行下一題 (圖 23.b)

圖 22、闖關活動

圖 23、回答問題回饋畫面

下一題的按鈕原本是隱藏的(如圖 22 黑框所示)，若學習者未回答出正確答案是

(a) (b)

圖 24、進行下一題的按鈕彈出

當學習者答對所有問題後系統會跳出視窗告訴學習者闖關成功，並結束闖關的視 窗(圖 25)。學習者必須完成地圖上標示的所有關卡。

圖 25、闖關成功