系統範例實作

開始

系統主頁面

情境資料庫

人員搜尋 功能選擇

展場監控

社群聊天室 人數統計

路徑導引

定位服務 簡易互動(文字、音

效)

圖 4-6 系統實驗工作流程(Workflow)-管理者

圖 4-7 的功能主要是給客戶端作為註冊的服務，讓使用者登入並且判斷使用者登 入身分，除了填寫個人基本資料外，還有商品喜好的選擇，若已經註冊過的用戶，則 只需要通過帳號及密碼的驗證就可登入系統；圖 4-8 則是登入系統後的畫面、並在下 方提供展場前十大銷售最佳排行榜商品資訊、供給使用者參考。

圖 4-7 註冊畫面 圖 4-8 登入畫面

圖 4-9 展場地圖資訊 圖 4-10 細部地圖資訊

圖 4-9 為本展場情境架構的地圖資訊模式，一開始顯示整個展場地圖，再透過定 位系統，得知用戶所在的位置將用戶顯示在地圖的相對位置上面，點選路徑規劃再顯 示小範圍地圖資訊如圖 4-10。

原本的 A*演算法雖然是最接近最短路徑如圖 4-11，但卻沒有考慮到使用者的個 人喜好，透過本論文改良的 A*演算法，加入考慮使用者的個人喜好後，顯示符合該 使用者的最短路徑如圖 4-12。

圖 4-11 原 A*路徑圖 圖 4-12 個人喜好 A*路徑圖

圖 4-13 同好搜尋介面 圖 4-14 同好搜尋結果

透過個人喜好度比對的方式，搜尋出使用者個人喜好度相似的同好如圖 4-13，

寄送邀請如圖 4-14 希望達到即時互動討論商品資訊，協助購物決策。

圖 4-15 受邀者回復邀請 圖 4-16 邀請者得到回應

透過即時的詢問回答使用者是否同意幫助同好，同一時間邀請者也會收到訊息得 知邀請是否有成功，如圖 4-15、圖 4-16。

圖 4-17 則是提供給使用者所在位置周邊相關商品的資訊服務，但可能因為兩個 人對商品喜好度的不同，所以在顯示商品資訊給使用者的時候會作喜好度的排序，讓 使用者可以優先查看到有關自己比較感興趣的商品。圖 4-18 展示用戶對想購買的商 品可以直接加入到購物清單內，並且能夠配合使用線上付款等機制服務。

圖 4-17 周邊資訊服務 圖 4-18 購物清單

圖 4-19 品牌搜索 圖 4-20 晶片名搜索

圖 4-19、及圖 4-20 展示提供使用者搜尋商品的服務，並且可以輸入品牌名稱、

處理器、以及顯示晶片作為查詢依據。

圖 4-21 顯示如果搜尋到商品，還可以透過定位服務，顯示出你所尋找的商品在 地圖那個位置(紅點代表商品)，並且配合路徑規劃功能，讓使用者迅速找到所要的商 品如圖 4-22。

4.2.1 伺服端介面

圖 4-21 標示搜索地圖 圖 4-22 搜索物路徑規劃

伺服端的主畫面如圖 4-23，一開始顯示各個展區的人數統計，並以百分的比形 式表示於主頁面上，讓管理者判斷展場人手的調動，配合右邊五個功能完善管理。圖 4-24 是展場監控功能，讓管理者透過影像得知展場的最新情況，掌控展場情況。

圖 4-23 伺服端主頁面 圖 4-24 展場監控模擬

圖 4-25 為本展場情境架構的路徑引導介面，透過起始端與終點端的點選規劃出 最短路徑，並且顯示展場內不能通行的路徑節點並且說明其原因，讓無法使用終端程 式的使用者可以至服務台詢問相關問題。

圖 4-25 伺服端路徑規畫

圖 4-26 人員搜尋頁面

圖 4-26 為人員尋找，輸入帳號或者姓名，搜尋成功後顯示該搜尋者的詳細資料 與目前處於何位置，並且配合地圖引導功能顯示其詳細位置，點選搜尋者可直接傳送 訊息給遠端的使用者如圖 4-27、圖 4-28。

圖 4-27 傳送資訊 圖 4-28 終端接收資訊

圖 4-29 為社群聊天室的登入畫面，透過此介面直接跟使用者作溝通並可與眾多 使用者廣播資訊或與單一使用者密語對話如圖 4-30。

圖 4-31 為使用者互動介面，透過此頁面提供展區人員列表並且以訊息、鈴聲、與互 動問答的方式達到簡易的互動效果，如圖 4-32 終端使用者觸發問答頁面，使用者回

圖 4-29 社群聊天室登入頁面 圖 4-30 聊天室頁面

圖 4-31 使用者互動頁面 圖 4-32 終端問答頁面

答問題後回傳給伺服器端。