4.1 系統介面設計
4.1.1 介面元件
‧ 國
立 政 治 大 學
‧
N a tio na
l C h engchi U ni ve rs it y
(1) 上方工具面板
在上方的工具面板（圖4.1）中，我們設計了一個用於本系統的登入登出功 能，由於我們需要辨識登入的使用者，進而依據他所填寫的「個性」量表，來 進行推薦，所以系統中設計有會員登入及登出功能（圖4.2、圖 4.3）；另外本 系統在上方的工具面板中設置了一個可以將畫面放大為全螢幕顯示的功能，以 方便螢幕較為狹小的使用者進行操作（圖4.4、圖 4.5）。
工具面板下方，我們設計了一個可切換到填寫個性量表的連結按鈕。同時 為了方便使用者在第一次使用本系統時，得到簡單的系統功能介紹，我們也提 供了一個簡易的操作說明，以系統彈出式對話框的方式呈現，讓使用者可以隨 時查閱（圖4.6）。
圖 4.1 工具面板
圖 4.2 登入及註冊連結
‧ 國
立 政 治 大 學
‧
N a tio na
l C h engchi U ni ve rs it y
圖 4.3 會員登入後顯示身份識別
圖 4.4 全螢幕按鈕
圖 4.5 按下全螢幕按鈕，畫面進入全螢幕狀態
‧ 國
立 政 治 大 學
‧
N a tio na
l C h engchi U ni ve rs it y
圖 4.6 操作說明對話框
(2) 搜尋操作面板
在搜尋操作面板中，我們配置了本系統主要的條件輸入與搜尋功能。其中包含 了以下四個表單元件（圖4.7）：
a. 由使用者自行輸入的“地點／關鍵字”欄位
b. “優先推薦至下一點的交通模式”下拉選單
c. “優先推薦下一興趣點分類”下拉選單
d. “優先推薦至下一點交通時間”可輸入欄位
‧ 國
立 政 治 大 學
‧
N a tio na
l C h engchi U ni ve rs it y
圖 4.7 搜尋操作面板
“地點／關鍵字”欄位，可輸入實際的 POI 名稱，或是使用者想找的目標關 鍵字，如使用者尚未選擇過任何POI，則第一個地點必須自行輸入，否則會有 系統錯誤提示對話框顯示於系統右上角（圖4.8）。如果於上一次的推薦結果 中，使用者已經有選擇過系統推薦的其中一個POI，則此欄位會自動帶入前一 個被選擇的POI 名稱，且在不改變其他自訂條件的情況下自動進行下一次推薦 結果的計算。
圖 4.8 錯誤提示對話框
‧ 國
立 政 治 大 學
‧
N a tio na
l C h engchi U ni ve rs it y
在搜尋操作面板中，使用者所選擇的交通模式、興趣點分類、交通時間，
皆為選擇性輸入，其中只有“優先推薦至下一點的交通模式”有預設值；由於在 本論文所設計的推薦方法中，這些條件皆為軟性條件（Soft Constraint），所以 只會影響推薦的優先程度，並不會被當成資訊排除的目標。
(3) 推薦列表
由系統推薦產生的POIs 會依照其 Ranking 分數之順序列於推薦列表中。推薦列 表中的POIs 會顯示名稱、照片（如有）、大眾評價分數、距離上一輪選擇的 交通時間（圖4.9）。為了不要讓使用者等待過久，所以將推薦列表設計為分 頁形式，每次只顯示20 筆資料，列表上方有下一頁的按鈕，以及載入進度 條。
圖 4.9 推薦列表
‧
‧ 國
立 政 治 大 學
‧
N a tio na
l C h engchi U ni ve rs it y
圖 4.10 主要顯示區塊
圖 4.11 操作按鈕，提供新增（插入）與刪除
‧ 國
立 政 治 大 學
‧
N a tio na
l C h engchi U ni ve rs it y
圖 4.12 插入模式，板手圖示會變色提示使用者
圖 4.13 Google Map