崑 山 科 技 大 學

資 訊 傳 播 系

學 生 專 題 製 作 報 告

墾丁 LBS 行動導航智慧應用程式

指導教授：蔡哲民

專題組員：劉澔暐 學號：4990C019

專題組員：楊東霖 學號： 4001C002

專題組員：高誌謙 學號 4990C028

中華民國 103 年 06 月

2

I

墾丁 LBS 行動導航智慧應用程式

劉澔暐 楊東霖 高誌謙

崑山科技大學資訊傳播系

摘 要

本專題將利用普遍的智慧型手機與 Google API 整合製作交通規劃 App，再由

外部網路截取的時刻表資訊，儲存以離線方便使用，在路徑規劃後與大眾交通工

具時刻表的搭配下，透過系統運算呈現 UI 介面告知使用建議的搭乘方式以及透過

Map 顯示目前中繼點的前往方法，例如火車等，最後在透過使用者 GPS 位置跟

Google Map API 做資料查詢，給予使用者一個路線圖。

現在智慧型手機相當普及，目前也已經有不少旅遊景點相關的 App，但這些

App多半只考慮到使用者的所在位置，而尚未考慮到旅遊時特殊的生物出沒時間、

店家的營業時間等因素。本計畫擬以墾丁地區為標的，研發一個旅遊 App，運用

Google 圖資結合墾丁地區生態、美食、景點的調查資料，整合各種時間因素，提

供「範圍可前往之地區」，以提昇國人旅遊的便利性。

II

目 錄

頁數

摘要.......................................................................................................I

目錄..................................................................................................... II

表目錄 ................................................................................................ III

圖目錄 ................................................................................................ IV

一、緒論 .............................................................................................. 1

1.1專題動機 ..................................................................................... 1

1.2專題目的 ..................................................................................... 1

二、研究內容與方法 ........................................................................... 2

2.1 製作採行的方法與工具 .......................................................... 2

2.1.1 手機端 .................................................................................. 2

2.1.2 伺服器端 .............................................................................. 2

2.1.3 瀏覽器端 .............................................................................. 3

2.2 系統架構 ................................................................................. 4

2.2.1 整體架構 .............................................................................. 4

2.2.2 手機端程式架構 ................................................................... 4

2.2.3 網站架構 .............................................................................. 6

2.2.4 手機應用程式架構 ............................................................... 7

2.2.5 導覽資訊架構....................................................................... 8

2.2.6 生物資訊架構..................................................................... 12

2.3 工作分配表 ........................................................................... 17

2.4 甘特圖................................................................................... 17

三、實驗部分..................................................................................... 18

四、結果與討論 ................................................................................. 20

4.1 網站 ...................................................................................... 20

4.2 手機與平板展示.................................................................... 24

五、結論 ............................................................................................ 32

參考文獻 ............................................................................................ 33

III

圖目錄

頁數

圖 2.1 整體系統架構圖........................................................................ 4

圖 2.3 手機端程式架構圖 .................................................................... 5

圖 2.4 網站系統架構圖........................................................................ 6

圖 2.5 生物 ER 圖 .............................................................................. 12

圖 3.1 手機部份 – 綜合導覽（一） ................................................. 18

圖 3.2 手機部份 – 綜合導覽（二） ................................................. 18

圖 3.3 手機部份 – 綜合導覽（三） ................................................. 18

圖 3.4 手機部份 – 綜合導覽（四） ................................................. 18

圖 3.5 手機部份 – 綜合導覽（五） ................................................. 19

圖 3.6 手機部份 – 綜合導覽（六） ................................................. 19

圖 4.1 網頁部份 – 網站地圖 ............................................................ 20

圖 4.2 網頁部份 – 生態介紹（一） ................................................. 20

圖 4.3 網頁部份 – 生態介紹（二） ................................................. 21

圖 4.4 網頁部份 – 生態介紹（三） ................................................. 21

圖 4.5 網頁部份 – 生態介紹（四） ................................................. 22

圖 4.6 網頁部份 – 特殊景點 ............................................................ 22

圖 4.7 網頁部份 – 綜合導覽（一） ................................................. 23

圖 4.8 網頁部份 – 綜合導覽（二） ................................................. 23

圖 4.9 手機部份 – 主畫面 ................................................................ 24

圖 4.10 手機部份 – 生態介紹（一） ............................................... 24

圖 4.11 手機部份 – 生態介紹（二） ............................................... 25

圖 4.12 手機部份 – 生態介紹（三） ............................................... 25

圖 4.13 手機部份 – 生態介紹（四） ............................................... 26

圖 4.14 手機部份 – 生態介紹（五） ............................................... 26

圖 4.15 手機部份 – 生態介紹（六） ............................................... 27

圖 4.16 手機部份 – 生態介紹（七） ............................................... 27

圖 4.17 手機部份 – 特殊景點（一） ............................................... 28

圖 4.18 手機部份 – 特殊景點（二） ............................................... 28

圖 4.25 手機部份 – 生物搜尋（一） ............................................... 29

圖 4.26 手機部份 – 生物搜尋（二） ............................................... 29

圖 4.27 手機部份 – 生物搜尋（三） ............................................... 30

圖 4.28 手機部份 – 交通資訊（一） ............................................... 30

圖 4.29 手機部份 – 交通資訊（二） ............................................... 31

IV

表目錄

頁數

表 2.1 墾丁旅遊行程名稱資料表 ......................................................... 8

表 2.2 墾丁旅遊行程類型資料表 ......................................................... 8

表 2.3 墾丁旅遊行程詳細資訊資料表 ................................................. 8

表 2.4 墾丁美食名稱資料表 ................................................................ 9

表 2.5 墾丁美食類型資料表 ................................................................ 9

表 2.6 墾丁美食詳細資訊資料表 ......................................................... 9

表 2.7 墾丁住宿名稱資料表 .............................................................. 10

表 2.8 墾丁住宿地區資料表 .............................................................. 10

表 2.9 墾丁住宿詳細資訊資料表 ....................................................... 10

表 2.10墾丁景點資訊資料表 ............................................................. 11

表 2.11墾丁生物資訊資料表 ............................................................. 11

表 2.12墾丁生物位置資料表 ............................................................. 11

表 2.13墾丁生物類型資料表 ............................................................. 11

表 2.14 species 物種資料表 ................................................................ 13

表 2.15 collect 採集資料表 ................................................................. 15

表 2.16 userdb 採集者資料表.............................................................. 16

表 2.17 extname 擴充欄位命名 ........................................................... 16

表 2.18工作分配表 ............................................................................ 17

表 2.19專題進度表 ............................................................................ 17

1

一、 緒論

1.1 專題動機

隨著台灣的社會越來越繁忙，「旅遊」對國人的重要性越來越提昇，許多人

選擇國內旅遊來調適自己的壓力與心情。資訊社會中，大多數的旅客已經習慣在

要出發前蒐集旅遊地區的相關資訊：包括了當地的民宿居住環境、觀光景點、好

玩的地方與各種美食，當然，最重要的還有交通相關資訊。畢竟交通的選擇影響

休閒的時間、成本與方便性，甚至到達旅遊地點的休閒的深度、廣度，也在在受

交通因素左右。

目前節能減碳的觀念盛行，政府也鼓勵民眾盡量使用大眾交通工具取代自行

開車。事實上如果透過適當的規劃，使用大眾交通工具的交通成本未必會比自行

開車昂貴。但目前大部分的國內旅遊交通資訊，多半只關注開車前往的民眾，對

於搭乘大眾交通工具的民眾，較缺乏規劃，導致大部分的民眾，如果不是真的無

法取得汽車，否則都是選擇自行開車去旅遊，除了導致能源的浪費之外，也導致

旅遊景點附近停車位置的資源不足。

1.2 專題目的

在手機日漸普及之下，本專題計畫以南台灣最受歡迎之旅遊聖地墾丁為例，

發展一套自動化行動應用旅遊小助手，將使用者的 GPS 位置以及在地時間取得

之，再以 Location Based Service(LBS) 的方式規劃出一個在地服務系統，將生物

的出沒時間與店家營業時間一併納入最重要的「時間」因素規劃考量，自動濾掉

目前時間地點無法觀察及前往的資訊，使得遊客不會在店家關閉時或生物尚未出

沒時前往查找而落空，並且以適當的範圍中顯示資訊讓使用者可以快速找到喜好

之訊息。

在市面上的 App 已經有許多替使用者歸納好各種旅遊的相關資訊以及大眾

交通工具時刻表提供查詢，又或是地點導航 App，但普遍大部分都是屬於單一

App，如果要獲得完善資訊則必必下載兩種以上的 App，我們將其上討論到相關

App 以墾丁為主，將之功能彙整成一個 App，使得使用者在應用上能更加快速

便利且節省。

在行動通訊的應用上滿足使用者戶外互動需求，模擬熱門之 Line 或

WeChat 等通訊應用，提供免費之群組聊天系統，讓團體出遊時可以建立起私人

群組聊天室，並且透過 GPS 位置與 GoogleMap 結合，告知所有人目前位置，

也可以知道其他人目前在地位置，一同分享心得，讓分散時也有彼此之間在一起

的感覺，最重要的是我們也將此功能直接整合進此 App 之中，建立一個短暫的

私人互動通訊空間。

2

二、研究內容與方法

2.1 製作採行的方法與工具

本系統分成伺服器端、瀏覽器端與手機端三大部分。

2.1.1 手機端

因為考慮本系統必須取得 GPS 資訊，並與大量網站連接，因此擬使用

Native Code 方式實現 App 之開發。另外目前國人使用的行動裝置，以 Android

作業系統佔大多數，所以我們就以 Android App 為開發標的，用 Eclipse 配合

Android Reference[12]使用 JAVA[13]撰寫 App。

在手機的資料庫部份，為了快速過濾景點與交通資訊的時間資料，我們擬

利用與行動裝置容易整合的關聯式的 SQLite[14]資料庫來進行開發。

(1) 手機 GPS 感測器

應用程式利用 GPS 感測器取得目前位置的經緯度座標，當使用者在移動

時，可以不斷的取得位置資訊，讓手機執行資料過濾的處理。

(2) Google Map API

手機中地圖瀏覽介面使用 Google Map 圖資，當取得經緯度座標時需要標

示位置，可以使用 API 提供的方法定位使用者座標，也可以規劃路線，提供

時間距離等資訊。

(3) Socket I/O

利用 Socket建立手機與伺服器連結，可以擁有多人分散的溝通互動管道。

(4) WebView

網路視圖是一個顯示網頁的 View，透過網路視圖可以將網頁顯示於

Activity中，利用他取得手機中的網頁，並使用額外設定去允許 Android 執行

網頁中的 JavaScript。

(5) SQLite

手機中大部分的生物資料，會放置在手機的 Database 中，讓使用者在搜

尋資料時可以不用特過網路即可搜尋。

2.1.2 伺服器端

伺服器端以 Linux、Apache、Postgresql 與 PHP 做為開發工具與設備。

使用 CentOS 伺服器作為主機，來管理網頁伺服器與專題、生物資料庫，

使用 Apache 管理 WWW 伺服器，Apache 可以編譯 PHP 程式，資料庫使用

Postgresql 來儲存資料，而資料是利用 PHP 與資料庫做連結，透過它來取得資

3

料庫的資料。

2.1.3 瀏覽器端

瀏覽器端以 HTML5、CSS3、JavaScript 做為開發工具，另外其他的輔

助工具為 JQuery和 Google Map API，在部分的動畫顯示上，利用 CSS3 做

處理，使用 CSS3 做圖形運算可以比用 JavaScript 做動畫更為流暢，但在網

頁與後端進行撈取資料時，是透過 JavaScript Ajax達到同步更新與顯示，使

得網站即時。

4

2.2 系統架構

2.2.1 整體架構

圖 2.1 整體系統架構圖

2.2.2 手機端程式架構

本系統架構如圖 3.2 所示，有搜尋子系統、時間處理子系統、Socket I/O 子系

統、資料庫子系統、交通截取子系統、UI 系統展示子系統。

系統運作流程是：當使用者啟動 App 主控程式，透過搜尋子系統選擇要搜尋

的項目，程式會依照搜尋項目的不同呼叫不同的執行程序，啟動 GPS 掃描目前的

使用者位置，搜尋子系統分為四大項目，有生物、美食、景點以及交通，在生物、

美食及景點的部份，都是將過濾的結果顯示至 UI 介面上，而交通則是透過 Google

API 進行路線規劃後，顯示於 UI 介面上。

時間處理子系統透過目前系統時間與 Database 中進行各種時間性的判斷。

Socket I/O 子系統使得手機客戶端與伺服器端進行連線，額外開發一套群組聊

天系統，讓有需求的使用者可以進行溝通。

5

資料庫子系統則是存放各種蒐集的資料透過 PHP 擷取需要的時間資訊儲存到

行動裝置內部的 SQLite 資料庫更新，以便 App 程式能快速取得最新資訊。

交通截取子系統利用 PHP 截取火車時刻表的資訊與目前系統時間進行判斷，

給予適當的班次及路線。

UI 系統展示子系統顯示各種過濾、篩選、規劃後的結果，呈現於畫面上。

圖 2.2 手機端程式架構圖

6

2.2.3 網站架構

圖 2.3 網站系統架構圖

網站的架構大致上分為 4 個類別：

(1)最新消息

首頁部份是網站的最新消息，包含優惠行程推薦、美食推薦、民宿飯店推

薦、物種資訊四大部份，每一欄會從資料庫中將標示為推薦之編號，經由 PHP

隨機 random顯示在方框中。

(2)生態介紹

生態介紹裡面目前大致上會列出生態保護區、候鳥、特有植物、海中生態

四個類別。

(3)特殊景點

左邊會有景點搜尋，可以輸入相關的景點名稱來進行搜尋，下面則是各式

的景點列表。

而右邊會有關於該景點的相關資訊，最下面會有景點導覽地圖。

(4)綜合導覽

提供使用者查詢相關資訊，可以選擇查詢的主項目有生物、美食、景點，

子項目有範圍搜尋、區域搜尋、路徑搜尋，當選定主項目與子項目時，可以點

選下方的 Google Map 來進行條件搜尋。

依照點選地圖搜尋後，在上方會出現小圖示，點選小圖示會在中間出現美

食、物種或景點的簡介以及評論。

7

2.2.4 手機應用程式架構

(1)最新消息

包含優惠行程推薦、美食推薦、民宿飯店推薦、物種資訊四大部份，每一

欄會從資料庫中將標示為推薦之編號，經由 PHP 隨機 random 顯示在方框中。

(2)生態介紹

使用 ListView 配置使用者介面，顯示出關於生態介紹的相關資訊，分為

生態保護區與特有生物兩個部份，生態保護區分為墾丁國家公園的南仁湖保護

區和龍鑾潭保護區，墾丁的特有生物分成鳥類、爬蟲類、哺乳類、甲殼類、魚

類，這些資料都是經由網路蒐集存放在伺服器端的 Database，而資料手機端透

過網路呼叫伺服器端的寫好的 JSON 格式取得 Database 資料，然後將資料存至

手機的 SQLite，讓手機的資料有辦法與網頁的資料同步，當資料庫更新時手

機與網都能一起同步更新，當沒有網路時就無法更新資料。

(3)特殊景點

使用 ListView 配置使用者介面，特殊景點的內容為墾丁的一些知名景點，

經由蒐集整理存放在伺服器端的 Database，由手機端透過網路呼叫伺服器端的

JSON 格式取得 Database 資料，將資料存至手機的 SQLite，使手機資料與網頁

的資料能夠同步，如沒有網路時就無法更新資料。

(4)綜合導覽

利用使用者的所在 GPS 位置進行搜尋，提供綜合的資料，包括生物、

美食、景點的資訊，自動透過使用者的經緯度以及目前時間進行過濾篩選資

料，顯示於 UI 介面上，並且額外提供使用者戶外群組聊天子系統。

(5)生物搜尋

使用墾丁全域搜尋的資料庫為生物資料，提供各種搜尋條件給使用者來

輸入及選擇，送出搜尋條件的 SQL語法給手機的 SQLite 進行搜尋，搜尋結

果會顯示於 UI 介面。

(6)交通規劃

手機的路線規劃部份，一進入程式會利用手機的 GPS 取得經緯度座標

，接著在 Google Map 上標示使用者的位置，點選規劃路線能搜尋距離自己

最近的火車站，並且在 Google Map 上規劃路線，並且判斷自己前往火車站

的大約時間，經過計算之後，選擇最近的班次，隨後點選查看火車搭車資訊

時，會彈出視窗出現即將前往的火車站地點和相關的搭車資訊。

8

2.2.5 導覽資訊架構

(1) 墾丁旅遊行程

表 2.1 kanting_travel_name 墾丁旅遊行程名稱資料表

索引 名稱 欄位名稱 型態 長度

主鍵 行程編號 Sid integer

類型編號 Tid integer

行程名稱 name character varying 50

表 2.2 kanting_travel_type 墾丁旅遊行程類型資料表

索引 名稱 欄位名稱 型態 長度

主鍵 類型編號 tid integer

類型名稱 tname character varying 50

表 2.3 kanting_travel_info 墾丁旅遊行程詳細資訊資料表

索引 名稱 欄位名稱 型態 長度

主鍵 行程編號 sid integer

價格 price integer

旅遊地點 place character varying 100

旅遊天數 day character varying 50

行程路線 itinerary character varying 100

出發時間 start_time character varying 50

銷售期限 sale_deadline character varying 50

使用期限 use_deadline character varying 50

集合地點 meeting_place character varying 100

最低人數 lowest_people character varying 50

電話訂購 telphone character varying 40

行程介紹 introduce text

行程內容 content text

9

(2)墾丁美食

表 2.4 kanting_food_name 墾丁美食名稱資料表

索引 名稱 欄位名稱 型態 長度

主鍵 店家編號 sid integer

類型編號 tid integer

店家名稱 name character varying 50

表 2.5 kanting_food_type 墾丁美食類型資料表

索引 名稱 欄位名稱 型態 長度

主鍵 類型編號 tid integer

類型名稱 tname character varying 50

表 2.6 kanting_food_info 墾丁美食詳細資訊資料表

索引 名稱 欄位名稱 型態 長度

主鍵 店家編號 sid int

電話 tel character varying 50

住址 addr text

營業時間 time character varying 50

經度 longitude real

緯度 latitude real

10

(3)墾丁住宿

表 2.7 kanting_stay_name 墾丁住宿名稱資料表

索引 名稱 欄位名稱 型態 長度

主鍵 旅館編號 sid integer

地區編號 aid integer

旅館名稱 name character varying 50

表 2.8 kanting_stay_area 墾丁住宿地區資料表

索引 名稱 欄位名稱 型態 長度

主鍵 地區編號 aid integer

地區名稱 aname character varying 50

表 2.9 kanting_stay_info 墾丁住宿詳細資訊資料表

索引 名稱 欄位名稱 型態 長度

主鍵 旅館編號 sid integer

簡介 introduction text

地址 addr text

電話 tel character varying 100

信箱 email character varying 50

網站 website character varying 200

經度 longitude real

緯度 latitude real

11

(4)墾丁景點

表 2.10 kanting_scene 墾丁景點資訊資料表

索引 名稱 欄位名稱 型態 長度

主鍵 景點編號 sid integer

景點名稱 sname integer

介紹 introduce text

圖片網址 imgurl text

經度 wsmape real

緯度 wsmapn real

(5)墾丁生物

表 2.11 kanting_organism 墾丁生物資訊資料表

索引 名稱 欄位名稱 型態 長度

主鍵 生物編號 sid integer

生物名稱 sname character varying 20

內容 content text

推薦 recommend integer

類型 type integer

圖片網址 imgurl text

表 2.12 kanting_organism_latlng 墾丁生物位置資料表

索引 名稱 欄位名稱 型態 長度

主鍵 生物編號 Sid integer

生物名稱 sname character varying 50

緯度 Lat real

經度 Lng real

表 2.13 kanting_organism_type 墾丁生物類型資料表

索引 名稱 欄位名稱 型態 長度

主鍵 生物類型編號 typeno integer

類型名稱 Typechar character varying 20

12

2.2.6 生物資訊架構

墾丁生物資料庫主要分為以下四個資料表，species 資料表主要記載物種相關

資訊，collect 資料表主要是在記錄研究人員採集當時的相關資訊，userdb 資料表主

要在記錄採集人員、研究人員和系統管理員的個人相關資料與權限，extname 資料

表主要是作為擴增欄位。

圖 2.5 生物 ER 圖

13

(1)species 物種資料表：

表 2.14 species 物種資料表

索引 名稱 欄位名稱 型態 長度

主鍵 物種編號 Sid integer

界中文 Kingdom character 30

門中文 Phylum character 30

綱中文 Classc character 30

目中文 Orderc character 30

科中文 Family character varying

50

屬中文 Genusc character varying

50

屬中文 Genusc character varying

50

種中文 Speciesc character varying

50

中文學名 scientificnamec character varying

50

中文俗名 commonnamec character varying

50

是否為特有種 endemicspecies Integer

保育等級 conservation Integer

生活習性中文 ecologicalhabitsc Text

定居性中文 Settlement Text

食性中文 Feedinghabitsc Text

食物中文 Foodc Text

活動習性中文 Activity Text

棲地類型中文 Habitat Text

出現海拔 Distribution Text

成體外型中文 Appearance Text

成體顏色中文 Plumage Text

鳴聲中文 Soundc Text

備註 Refc Text

大小（公分） Size Float

重量（公克） Weight Float

界中文 Kingdom character 30

門中文 Phylum character 30

綱中文 Class character 30

目中文 Order character 30

科中文 Family character varying

50

屬中文 Genus character varying

50

種中文 Species character varying

50

14

學名 Scientificname character varying

50

英文俗名 Commonname character varying

50

生活習性 Ecologicalhabits Text

定居性 Settlement Text

食性 Feedinghabits Text

食物 Food Text

活動習性 Activity Text

棲地類型 Habitat Text

出現海拔 Distribution Text

成體外型 Appearance Text

成體顏色 Plumage Text

鳴聲 Sound Text

備註 Ref Text

使用者姓名 Username character varying

100

IP Ip character 30

修改時間 Modtime character 30

新增加 出沒時間 appear character varying

50

我們的生物資料表除了繼承上一屆學長的製作時所使用的資料表以外，還另

外增加了一個生物出沒時間的欄位，我們可以藉由此欄位判斷生物何時為其主要

的活動時間，這個方式可以讓使用者不會到達目的地之後，才發現該生物沒有出

現在這裡，而有失落感。

15

collect 採集資料表 表 2.15 collect採集資料表

索引 名稱 欄位名稱 型態 長度

主鍵 採集編號 cid integer

外鍵 物種編號 Sid integer

外鍵 採集者編號 Crid integer

採集資料 Filelist character 20

經緯度座標 E Wsmape Real

經緯度座標 N Wsmapn Real

TWD97 座標 E Twdmape Real

TWD97 座標 N Twdmapn Real

採集地區中文 Location character varying

100

採集地區英文 Location character varying

100

出現頻次 Ctime Real

查詢權限 Auth Text

採集時間 Cdate character 30

備註中文 Refc Text

備註 Ref Text 30

使用者姓名 Username character varying

100

IP Ip Character 30

修改時間 Modtime Character 30

16

userdb 採集者資料表 表 2.16 userdb 採集者資料表

索引 名稱 欄位名稱 型態 長度

主鍵 採集者編號 Crid integer

採集者 Email Email character varying 100

密碼 shalpwd character 32

採集者名字 Name character 30

單位 Org character varying 40

身份 Status character 20

採集者電話 Tel character 20

手機 Mobile character 20

採集者性別 gender character 10

採集者住址 address text

權限 Level character 20

使用者姓名 Username character varying 100 IP Ip Character 30

修改時間 Modtime Character 30

extname 擴充欄位命名 表 2.17 extname 擴充欄位命名

索引 名稱 欄位名稱 型態 長度

主鍵 物種編號 Sid integer

擴充欄位名稱 1 name1 Character 50

擴充欄位名稱 2 name 2 Character 50

擴充欄位名稱 3 name 3 Character 50

擴充欄位名稱 4 name 4 Character 50

擴充欄位名稱 5 name 5 Character 50

17

2.3 工作分配表

表 2.18 工作分配表

負責人

項目 劉澔暐 楊東霖 高誌謙

資料蒐集與資料庫規劃 ● ● ●

主機維護與管理 ●

APP程式撰寫 ● ●

APP介面設計 ● ● ●

網頁設計 ● ●

圖片繪製 ●

2.4 甘特圖

表 2.19 專題進度表

時間(月)

進度

102 年 103 年

1 2 3 4 5 6 7 8 9 10 11 12 1 2 3 4

文獻蒐集

主機架設

資料蒐集

資料庫規劃

建置資料庫

網站架構

網站雛型設計

網站內容編排

網站程式撰寫

網站特效製作

手機介面設計

手機程式撰寫

手工繪圖

已執行進度 預計執行進度

18

三、實驗部分

圖 3.1 手機部份 – 綜合導覽（一）

圖 3.2 手機部份 – 綜合導覽（二）

在手機 App 的綜合導覽部分，使用了 Google Maps JavaScript API 第 3 版，能

在行動裝置上執行，生物資料庫是存放於手機 App，利用手機 GPS 取得目前位置，

當使用者按下「自動搜尋」的按鈕之後，會搜尋附近有哪些生物、美食或景點，

當使用者移動時會不斷的更新資料。

圖 3.3 手機部份 – 綜合導覽（三）

圖 3.4 – 綜合導覽（四）

另外綜合導覽的部分還有群組聊天室功能，可以提供給遊客在外時，利用此

功能顯示彼此之間的位置，還可以與同伴們進行群組聊天，互相傳送訊息。

19

圖 3.5 – 綜合導覽（五）

圖 3.6 – 綜合導覽（六）

20

四、結果與討論

4.1 網站

圖 4.1 網頁部份 - 網站地圖

圖 4.2 網頁部份 - 生態介紹（一）

21

圖 4.3 網頁部份 - 生態介紹（二）

圖 4.4 網頁部份 - 生態介紹（三）

22

圖 4.5 網頁部份 - 生態介紹（四）

圖 4.6 網頁部份 - 特殊景點

23

圖 4.7 網頁部份 - 綜合導覽（一）

圖 4.8 網頁部份 - 綜合導覽（二）

24

4.2 手機與平板展示

圖 4.9 手機部份 – 主畫面

圖 4.10 手機部份 – 生態介紹（一）

25

圖 4.11 手機部份 – 生態介紹（二）

圖 4.12 手機部份 – 生態介紹（三）

26

圖 4.13 手機部份 – 生態介紹（四）

圖 4.14 手機部份 – 生態介紹（五）

27

圖 4.15 手機部份 – 生態介紹（六）

圖 4.16 手機部份 – 生態介紹（七）

28

圖 4.17 手機部份 – 特殊景點（一）

圖 4.18 手機部份 – 特殊景點（二）

29

圖 4.25 手機部份 – 生物搜尋（一）

圖 4.26 手機部份 – 生物搜尋（二）

30

圖 4.27 手機部份 – 生物搜尋（三）

圖 4.28 手機部份 – 交通資訊（一）

31

圖 4.29 手機部份 – 交通資訊（二）

32

五、結論

現今國家公園的導覽方式大多是以網頁導覽與手機導覽的系統為主，而專題

的導覽系統核心是以規劃與維護龐大的生物資料庫，還有整理其他的美食餐廳與

景點資料，提供給遊客們或是專家學者們來做搜尋。

網頁提供給遊客在出發前瀏覽及搜尋，手機解決了資料庫的儲存方式與生物

資料的整理，加入了範圍搜尋的演算法，並且配合 Google Maps API，使用路徑規

劃，製作了一個提供給欲前往墾丁或在當地旅遊的遊客使用的 Android 手機應用程

式。

本專題延續了前幾屆學長們過去的製作的生物資料庫，開發出專為手機使用

的導覽系統，使用當今的焦點適地性服務（LBS），提供簡便的搜尋系統，透過位

置距離的計算讓遊客取得附近的資訊，製作出獨步台灣各個國家公園的導覽資訊

系統，以便生態保育觀念的推廣。

33

參考文獻

[1]維基百科，大眾運輸

http://zh.wikipedia.org/wiki/%E5%A4%A7%E7%9C%BE%E9%81%8B%E8%BC%B8

[2]Goole play，高雄公車通 (含墾丁列車)

https://play.google.com/store/apps/details?id=fhcrc.khbus&feature=search_result#?t=W

251bGwsMSwyLDEsImZoY3JjLmtoYnVzIl0

[3]Goole play，墾丁智慧行動資訊

https://play.google.com/store/apps/details?id=tw.com.gaias.androidmaps&feature=searc

h_result#?t=W251bGwsMSwyLDEsInR3LmNvbS5nYWlhcy5hbmRyb2lkbWFwcyJd

[4]Goole play，墾丁街車

https://play.google.com/store/apps/details?id=com.bahehe.pingtungbus&feature=search

_result#?t=W251bGwsMSwyLDEsImNvbS5iYWhlaGUucGluZ3R1bmdidXMiXQ

[5]維基百科，迪科斯徹演算法，

http://zh.wikipedia.org/wiki/%E8%BF%AA%E7%A7%91%E6%96%AF%E5%BD%B

B%E7%AE%97%E6%B3%95

[6]維基百科，A*搜尋演算法

http://zh.wikipedia.org/wiki/A*%E6%90%9C%E5%AF%BB%E7%AE%97%E6%B3%

95

[7]wiki，Fibonacci heap

http://en.wikipedia.org/wiki/Fibonacci_heap

[8]維基百科，桶排序

http://zh.wikipedia.org/wiki/%E6%A1%B6%E6%8E%92%E5%BA%8F

[9]wiki，Binary heap，http://en.wikipedia.org/wiki/Binary_heap

http://zh.wikipedia.org/wiki/%E5%A4%A7%E7%9C%BE%E9%81%8B%E8%BC%B8https://play.google.com/store/apps/details?id=fhcrc.khbus&feature=search_result#?t=W251bGwsMSwyLDEsImZoY3JjLmtoYnVzIl0https://play.google.com/store/apps/details?id=fhcrc.khbus&feature=search_result#?t=W251bGwsMSwyLDEsImZoY3JjLmtoYnVzIl0https://play.google.com/store/apps/details?id=tw.com.gaias.androidmaps&feature=search_result#?t=W251bGwsMSwyLDEsInR3LmNvbS5nYWlhcy5hbmRyb2lkbWFwcyJd。https://play.google.com/store/apps/details?id=tw.com.gaias.androidmaps&feature=search_result#?t=W251bGwsMSwyLDEsInR3LmNvbS5nYWlhcy5hbmRyb2lkbWFwcyJd。https://play.google.com/store/apps/details?id=com.bahehe.pingtungbus&feature=search_result#?t=W251bGwsMSwyLDEsImNvbS5iYWhlaGUucGluZ3R1bmdidXMiXQhttps://play.google.com/store/apps/details?id=com.bahehe.pingtungbus&feature=search_result#?t=W251bGwsMSwyLDEsImNvbS5iYWhlaGUucGluZ3R1bmdidXMiXQhttp://zh.wikipedia.org/wiki/%E8%BF%AA%E7%A7%91%E6%96%AF%E5%BD%BB%E7%AE%97%E6%B3%95http://zh.wikipedia.org/wiki/%E8%BF%AA%E7%A7%91%E6%96%AF%E5%BD%BB%E7%AE%97%E6%B3%95http://zh.wikipedia.org/wiki/A*%E6%90%9C%E5%AF%BB%E7%AE%97%E6%B3%95http://zh.wikipedia.org/wiki/A*%E6%90%9C%E5%AF%BB%E7%AE%97%E6%B3%95http://en.wikipedia.org/wiki/Fibonacci_heaphttp://zh.wikipedia.org/wiki/%E6%A1%B6%E6%8E%92%E5%BA%8Fhttp://en.wikipedia.org/wiki/Binary_heap

34

[10]維基百科，奇偶排序，

http://zh.wikipedia.org/wiki/%E5%A5%87%E5%81%B6%E6%8E%92%E5%BA%8F

[11]維基百科，Heuristic function

http://en.wikipedia.org/wiki/Heuristic_function

[12]Google Android Reference Android 開發指南

http://developer.android.com/reference/packages.html

[13]維基百科 – Java

http://zh.wikipedia.org/wiki/Java

[14]Google Android developer，SQLite

http://developer.android.com/tools/help/sqlite3.html

http://zh.wikipedia.org/wiki/%E5%A5%87%E5%81%B6%E6%8E%92%E5%BA%8Fhttp://en.wikipedia.org/wiki/Heuristic_functionhttp://developer.android.com/reference/packages.htmlhttp://zh.wikipedia.org/wiki/Javahttp://developer.android.com/tools/help/sqlite3.html

35

(民國) 103

學士專題製作報告

報告

題目

墾丁

LB

S

行動導航智慧應用程式

所名

崑山科技大學

資訊傳播系

著者

姓名

劉澔暐

楊東霖

高誌謙

撰