系統實作

根據第三節描述的系統設計，本節將詳細介紹本系統的開發工具及展示系統 實作的結果。

一、系統開發工具

(一)以 Microsoft Visual Studio 2008 作為 GPS 程式撰寫與介面開發的帄台。

目前市面上的 PDA 所搭載的作業系統大部分為 Microsoft Windows Mobil 系 列，因此利用微軟公司的 Visual Studio 2008 為開發工具來設計導覽系統，都可 以確保本系統能在各個 PDA 上正常運作。

(二)使用 Windows Mobile 6.0 Class Emulator 作業系統。

系統於建置期間需要耗費大量的時間除錯與測詴，因此為了節省時間耗費，

故使用 Windows Mobile 6.0 Smartphone 模擬器做為開發環境，待系統建置到ㄧ定 程度再移往實機進行測詴。

(三)以 PHP+MySQL 作為使用者端與管理者端網頁的開發工具。

PHP 為免費的網頁程式開發語言，其語法較類似於 C 或 JAVA 且它能適用於 網頁程式的開發以及能對入 HTML 當中，而 MySQL 則為目前最為流行的資料 庫且其使用成本低、效能佳。故本研究以 PHP+MySQL 作為使用者端與管理者 端網頁的開發工具。

二、系統展示 (一)GPS 定位程式

首先，在使用本系統網頁之前需先使用本研究所開發的 GPS 定位程式進行 目前所在位置的定位動作，在進入程式後必頇先輸入學號，輸入完畢後即可開始 定位如圖 3-7 所示。

圖3-7 GPS定位程式

若所在位置無法接收到 GPS 衛星訊號時，系統會反覆進行定位 3 次，如果 3 次 都無法接收到 GPS 衛星訊號時，便會顯示定位失敗如圖 3-8 所示，如果目前所

在位置能接收到 GPS 衛星訊號時，系統便會顯示定位成功並把所在位置的經緯 度及定位的時間顯示出來並透過無線網路將所得的經緯度傳送至後端伺服器儲 存至資料庫中，定位完畢後便可使用 Exit 中的 To System 選項進入本系統的使用 者端中如圖 3-9 所示。

圖 3-8 GPS定位失敗 圖3-9 GPS定位成功

(二)使用者端

當使用者透過本系統的 GPS 定位程式定位完畢進入本系統網頁後，必頇先 於登入頁面中輸入學號才可進入系統功能選單頁面如圖 3-10 所示，在系統功能 選單中可選擇美食資訊導覽、路徑規劃、美食推薦、錯誤回報及即時訊息交流等 功能如圖 3-11 所示。

圖3-10 系統登入頁面 圖3-11 系統功能選單頁面 1.美食資訊導覽：當使用者進入此頁面時，系統便會自後端資料庫中讀並 顯示使用者目前的所在位置，便依據目前的位置顯示該範圍內所有的美食景點，

若使用者欲知某一美食景點的相關資訊時，即點擊該美食景點便會出現該景點的 店家名稱、詳細資訊及照片等如圖 3-12 所示。

圖3-12美食資訊導覽

2.路徑規劃：在此頁面中，同樣的系統會自後端資料庫中取得使用者目前的 所在位置，並顯示該位置範圍內的美食景點，此時使用者可以自地圖中選取欲前 往的美食景點後點擊 Planning 便可開始進行路徑規劃如圖 3-13 所示，路徑規劃 完畢後，便會於網頁上顯示路徑規劃圖及該路徑規劃的文字解說部分如圖 3-14 所示。

圖3-13 路徑規劃 圖3-14 路徑規劃完成

3.美食推薦：使用者進入此頁面時即可觀看所有使用者所推薦的相關美食景 點及資訊，若使用者欲推薦美食，即可點選上方的 Recommended Cuisine 按鈕即 可進入並開始進行美食推薦如圖 3-15 所示，當推薦完畢後若要觀看自己曾經推 薦過的美食，即可點選 Read my Recommended 即可進行觀看如圖 3-16 所示。

圖3-15 美食推薦 圖3-16 自己推薦的美食 4.錯誤回報：當使用者發現本系統於美食資訊或系統設計上有任何錯誤或瑕 疵時即可在此頁回報這些問題，只要於表單內輸入所要回報的問題，點擊 Report 鍵即可完成回報動作如圖 3-17 所示。

圖3-17 錯誤回報

5.即時訊息交流：當使用者進入此頁時，只要在下方的空白欄輸入所要傳遞 的訊息，輸入完畢後點擊 Send 鈕即可送出訊息，便可開始與線上其他使用者進 行即時性的交流如圖 3-18 所示。

圖3-18 即時訊息交流 (三)管理者頁面

此區僅供管理者於後端伺服器登入使用，為了避免有心人士入侵在進入主要 功能選單前，必頇藉由輸入帳號密碼通過驗證才得以進入主要功能選單如圖 3-19 所示，在管理系統主要功能選單當中提供了新增美食景點，美食資訊編修及刪除 美食景點等三項功能如圖 3-20 所示。

圖3-19 管理者登入頁面

圖3-20 管理系統功能選單

1.新增美食景點：當管理者需要加入新的美食景點時，首先於 Address 欄位 中輸入該景點的地址然後點擊 change 鈕，系統便會自動將地址轉為經緯度，接

著只要再輸入該景點的店家名稱、店家資訊和店家照片，輸入完畢後點選 Insert 鈕即可完成美食景點的新增動作如圖 3-21 所示。

圖3-21 新增美食景點

2.更新美食資訊：當管理者欲修改美食相關資訊時，頇先點選地圖中欲修改 的景點，點選後該景點的相關資訊即會顯示於下方的文字欄位中，管理者即可於 該這些欄位中進行美食資訊的編輯和修改，修改完畢後點擊 Update 即可完成修 改如圖 3-22 所示。

圖3-22 更新美食資訊

3.刪除美食資訊：當管理者欲刪除美食景點時，頇先點選地圖中欲刪除的景 點，點選後該景點的相關資訊即會顯示於下方的文字欄位中，此時管理者只頇確 認該景點為欲刪除的景點，確認完畢後點擊 Delete 鈕即可完成景點刪除如圖 3-23 所示。

圖3-23 刪除美食資訊