本節將呈現系統於 Android 上的使用者端,包含主畫面以及畫面上相關的功 能,最後會以完成台北火車站主要的四層樓導覽為範例呈現系統的相關應用。
4.3.1 系統主畫面
系統在開啟應用程式時的主畫面如圖 4. 3,主畫面中有基本的四個功能按鈕,
各標號的說明如下:
圖 4. 3 系統主畫面
1. 上一步路徑:使用者點選此按鈕可以查看上一步的路徑規劃內容。
2. 開始路徑規劃:當使用者設置好自己的位置及選定欲到達之目的地時,系統 規劃並顯示一條路徑在畫面上。
3. 下一步路徑:使用者點選此按鈕可以查看下一步的路徑規劃內容。
4. 查看上回合路徑:當按下此按鈕能讓使用者查看上一個回合的路徑規劃。
1 2 3 4
4.3.2 使用者功能呈現
本小節將說明如何用本系統完成一個室內導覽的實際應用,在這個應用中我 們的目標是在台北火車站此建築的室內平面地圖中進行路徑規劃之導覽。
當來到一個陌生的環境,最好是能夠有一張地圖可以幫助了解整體地理環境 的架構與各建築空間之間的相對位置,因此首先需要取得室內地圖,這邊我們選 擇的地標是台北火車站。預想使用者在要進入台北火車站的門口時,首先利用手 機讀取放置於門口的 NFC 標籤,載入所有的地圖呈現於手機畫面中,如圖 4.4 所示。
圖 4. 4 載入地圖後之畫面
台北火車站一樓的室內平面圖呈現在手機畫面正中央,可以使用手指觸控地 圖進行拖拉移動或是放大縮小,而右下角也有功能鍵控制地圖之大小;在功能按 鈕的下方顯示之字串為 Query 資料庫中之資訊回傳至 Client 端,顯示建築編號及 地圖編號等資訊,左下方之字串為此建築之名稱,使用者可以確定自己身處的地 區名稱。另外,左下方之下拉式選單預設名稱為目前所查看之地圖,點開後,使 用者可看到一次所載入的大樓室內平面圖,可選取欲瀏覽之樓層地圖進行查看。
在地圖中根據不同顏色之區塊,用來區分不同之環境空間類別,如:房間、
商店、電梯或樓梯等等,使用者可以點選並查看其地理資訊,地理資訊內容除了 顯示名稱之外,若包含 Url 之連結,則在畫面中會多了一個連結按鈕,此按鈕點 選後會開啟瀏覽器到系統所設定之網頁,例如:郵局提供郵局網頁、7-11 超商提 供商品資訊及折扣訊息…等等,讓使用者能夠即時取得額外的資訊。
圖 4. 5 瀏覽圖中之地理資訊
本系統最主要之功能為導航,提供路徑規劃指引至欲前往的目標地點,在室 內環境中會有已經預先設置好之 NFC 標籤作為 Location Tag,使用者感應 Location Tag 後,系統一樣會 Query 資料庫中對應之 XML 檔案,將座標讀取出 並設置一橘色點在圖中,代表使用者在圖中之精確位置。當使用者已設置好自己 的位置並點選欲到達之目標地點時,按下路徑規劃按鈕,系統會顯示一條最短或 最佳之路徑在圖中,如圖 4. 6 左圖使用者可透過系統提供之路線行進,避免繞路、
走錯路或是迷路而花費寶貴的時間。
系統除了顯示路線之外,還給予了逐步的指示描述,如圖 4. 6 右圖,透過此
描述可以知道該行走之方向、要行走之距離、已行走之距離及從起始點到達目的 地的總距離。
圖 4. 6 路徑規劃
若使用者點選下一步之按鈕則如圖 4. 6,文字描述提供使用者當作參考,除了方 向及距離資訊之外,若遇到跨場域或跨樓層之路徑時,會告知使用者所需搭乘或 使用的工具(如:走到、樓梯或電梯等),而在到達目的地時也會顯示已達目的地的 字樣。此外,系統還設置一個額外功能按鈕用來播報文字訊息,此一功能更加點 綴本系統,針對不懂文字的小孩、字體太小看不清楚的老人或是視覺有障礙之人 士提供此播報功能,提升他們使用本系統之便利性。
除此之外,當使用者到另一地點設置座標並進行規畫路徑之後,若想知道方 才所定位之地點在何處或是系統所導引之路線作參考時,可點選回復上回合路徑 之按鈕,系統會顯示上回合規劃之路線於地圖中,如圖 4. 7 右圖,並且一樣能夠 操作上一步和下一步之按鈕查看逐步路徑之描述。
圖 4. 7 回復上回合路徑規劃