新竹市景點導覽系統

(1)

元培科技大學

資訊管理系畢業專題

新竹市景點導覽系統

組別:A06

指導老師：闕豪恩老師

組員：呂文吉(0991408005)

詹其樺(0991408006)

陳昱儒(0991408019)

黃俊諺(0991408035)

中華民國一零二年十二月

(2)

摘要

新竹市為臺灣北部的一個市級行政區，屬於台灣次都會區的核心都市。新竹市一直是竹苗地區的行政中心和生活圈中心城市。1980 年初期，新竹市區東郊擴建(1930 年總督府創立 )成立以電子代工為核心的專業工業區—新竹科學工業園區。吸引了大批國內與國際廠商的投資，及許多高科技人力移居，帶動新竹市的發展與人口成長，成為有「臺灣矽谷」之稱的高度發展城市。因此，只要一提及新竹，大家第一個想到的就是新竹科學園區，反而使得新竹地區的美麗景點較不被民眾所熟知。本專題的主要目的是設計一個介紹新竹景點的手機 APP 程式，以協助一些想到新竹市遊玩的旅客進行導覽，其主要功能是會列出新竹市的特色景點的路徑與地圖，還有詳細的景點介紹，也附加手機定位和導航功能。關鍵字: 智慧型手機、APP 程式、旅遊導覽系統、手機定位導航功能

(3)

摘要 ... i 目錄 ... ii 表目錄 ... v 圖目錄 ... vi 第一章緒論 ... 1 1.1 背景與動機 ... 1 1.2 目的 ... 1 1.3 關鍵名詞定義 ... 2 1.4 限制 ... 2 第二章文獻探討 ... 3 2.1 新竹市簡介 ... 3 2.1.1 地形 ... 3 2.1.2 水文 ... 3 2.1.3 氣候 ... 3 2.1.4 族裔分佈 ... 4 2.2 新竹景點介紹 ... 5 2.2.1 新竹都城隍廟介紹 ... 5 2.2.2 十七公里海岸風景區介紹 ... 5 2.2.3 南寮漁港介紹 ... 6 2.2.4 古奇峰育樂園介紹 ... 7 2.2.5 十八尖山介紹 ... 7 2.2.6 新竹護城河親水公園介紹 ... 8 2.2.7 青草湖介紹 ... 9

(4)

2.2.8.竹塹城迎曦門介紹 ... 9 2.2.9 靜心湖介紹 ... 10 2.2.10 新竹港南濱海風景介紹 ... 11 2.3 相關旅遊導覽系統介紹 ... 12 2.3.1 香港‧AR 旅遊導覽系統 ... 12 2.3.2 花蓮壽豐旅遊導覽系統 ... 13 2.3.3 導覽系統比較 ... 14 第三章專題規劃 ... 15 3.1 系統開發方法 ... 15 3.2 系統藍圖 ... 16 3.3 專題設備 ... 17 3.4 專題時程規畫 ... 18 3.5 專題分工 ... 19 第四章專題成果 ... 20 4.1 需求分析 ... 20 4.2 系統分析 ... 21 4.2.1 使用案例圖 ... 21 4.2.2 Use Case 描述 ... 22 4.2.3 循序圖 ... 32 4.3 系統介紹 ... 34 4.3.1 APP 首頁 ... 34 4.3.2 地圖導覽頁面 ... 35 4.3.3 街道圖 ... 36 4.3.4 衛星圖 ... 37

(5)

4.3.8 景點介紹 ... 41 4.3.9 導航功能 ... 42 4.3.10 使用說明 ... 43 第五章結論與建議 ... 44 5.1 結論與貢獻 ... 44 5.2 建議 ... 44 5.3 未來展望 ... 45 參考文獻 ... 46 附錄 ... 47

(6)

表目錄

表 3-1 架構介紹表 ... 15

表 3-2 專題分工表 ... 19

表 4-1 Use Case Specification-地圖導覽 ... 22

表 4-2 Use Case Specification-景點列表 ... 23

表 4-3 Use Case Specification-使用說明 ... 24

表 4-4 Use Case Specification-衛星圖 ... 25

表 4-5 Use Case Specification-地形圖 ... 26

表 4-6 Use Case Specification-街道圖 ... 27

表 4-7 Use Case Specification-混合圖 ... 28

表 4-8 Use Case Specification-定位導航功能 ... 29

表 4-9 Use Case Specification-語音功能 ... 30

表 4-10 Use Case Specification-相片切換功能 ... 31

表 1 會議記錄一 ... 47

表 2 會議紀錄二 ... 48

表 3 會議紀錄三 ... 49

(7)

圖目錄

圖 2-1 新竹都城廟 ... 5 圖 2-2 十七公里海岸風景 ... 6 圖 2-3 南寮漁港... 6 圖 2-4 古奇峰育樂園 ... 7 圖 2-5 十八尖山... 8 圖 2-6 新竹護城河親水公園 ... 8 圖 2-7 青草湖 ... 9 圖 2-8 竹塹城迎曦門 ... 10 圖 2-9 靜心湖 ... 10 圖 2-10 新竹港南濱海風景 ... 11 圖 2-11 香港.AR 旅遊導覽 ... 12 圖 2-12 香港旅遊導覽 ... 12 圖 2-13 花蓮壽豐旅遊導覽 ... 13 圖 2-14 花蓮旅遊導覽 ... 13 圖 3-1 雛形式生命週期法 ... 15 圖 3-2 架構圖 ... 16 圖 3-3 專題時程規畫 ... 18 圖 4-1 使用案例圖 ... 21 圖 4-2 循序圖-地圖導覽 ... 32 圖 4-3 循序圖-景點列表 ... 32 圖 4-4 循序圖-使用說明 ... 33 圖 4-5 循序圖-結束 ... 33 圖 4-6 APP 首頁 ... 34 圖 4-7 地圖導覽頁面 ... 35 圖 4-8 街道圖 ... 36 圖 4-9 衛星圖 ... 37 圖 4-10 地形圖 ... 38 圖 4-11 混合圖 ... 39 圖 4-12 景點列表 ... 40 圖 4-13 景點介紹 ... 41 圖 4-14 導航功能 ... 42 圖 4-15 使用說明 ... 43

(8)

第一章緒論

1.1 背景與動機

新竹市為臺灣北部的一個市級行政區，也是竹苗地區的行政中心和生活圈中心城市。1980 年初期，政府於新竹市區東郊成立以電子代工為核心的專業工業區—新竹科學工業園區，吸引了許多高科技人力移居，帶動新竹市的發展與人口成長，使得新竹有著「臺灣矽谷」之美稱。新竹科學工業園區成立於日治時期，新竹科學工業園區並不是正式的行政區劃，而是一個跨越新竹市東區、新竹縣寶山鄉，毗鄰(但不跨越)新竹縣竹東鎮的一個科學工業園區，也是台灣第一個科學園區。新竹市區主要位於北區和東區的交界地帶，大致以站前商圈為核心，早期的商業中心是目前的北門街一帶，目前已轉移至站前商圈為主，新竹市區的發展範圍已經越過早期四大街（即北大路-南大路-西大路-東大路）的範圍，目前新竹市核心繁榮區大致範圍西抵成功路，北抵湳雅-舊社，東抵關東橋，南抵牛埔路，而一般人口中的市區主要還是在鐵路和經國路圍成的半圓內。除了新竹市區本身外，新竹市郊區也有規模不一但沒有跟新竹市區連成一體的市區，例如新竹南寮漁港一帶的市區、三姓橋-大庄路周邊。近年來休閒旅遊風氣盛行，人們都喜歡在放假的時候出去走走，因此提供相關休閒旅遊資訊的平台變得十分熱門。過去，一般使用者多是藉由網路平台來找尋相關的休閒旅遊資訊，像是著名網站有旅遊資訊王，或是台灣各個政府的旅遊網站都可以查的到旅遊資訊。但由於近來智慧型手機與無線上網服務的普及，使得數位行動與人們的生活密切結合，幾乎人人都有智慧型手機，經由手機下載 APP 應用程式也非常方便，使得目前多數的使用者轉而利用手機行動上網服務來找尋旅遊資訊的相關資料。所以我們選擇設計一套景點導航 APP 供使用者使用。

1.2 目的

由於新竹科學工業園區的成立，因此一般民眾只要一提及新竹，第一個想到的就是高科技產業，反而使得新竹地區的美麗景點較不被民眾所熟知。為推廣新竹地區的美麗景點並迎合使用者利用手機行動上網的需求，本專題希望能設計一個介紹新竹景點的手機 APP 程式，以協助一些想到新竹市遊玩的旅客進行導覽，其主要功能是會列出新竹市的特色景點的路徑與地圖，還有詳細

(9)

1.3 關鍵名詞定義

1.智慧型手機: 是對於那些運算能力及功能比傳統功能手機更強的手機的集合性稱謂。智慧型手機使的主流作業系統有：Android、iOS、BlackBerry OS、Windows Mobile、Windows Phone、badaOS、Symbian OS，但他們之間的應用軟體互不相容。智慧型手機因為可以像個人電腦一樣安裝第三方軟體，所以它們功能豐富，而且可以不斷擴充。 2.APP 程式: 是指設計給智慧型手機、平板電腦和其他行動裝置上執行的電腦軟體應用程式。 3.旅遊導覽系統: 介紹景點，以及提供使用者查詢旅遊所需資訊的工具，完善的系統運作使其增進抵達目的地的效率。 4.手機定位導航功能:定位自己手機的位置和導航功能。

1.4 限制

1.地區限制:本專題設計的手機 APP 程式僅針對新竹市的部分景點介紹。 2.範圍限制:本專題設計的手機 APP 程式僅針對熱門觀光景點介紹，不包含古蹟寺廟、住宿旅館、餐飲及交通查詢服務。 3.跨平台限制:本專題設計的手機 APP 程式僅能在 android 平台上使用。

(10)

第二章文獻探討

2.1 新竹市簡介

新竹市是一個人文薈萃，文風鼎盛的城市，同時多種語言族群融入，以及近二十年來高科技產業的進入，與文化自然融合，讓這個城市呈現出豐富獨等的文化。是北台灣的文化古都，蘊藏著豐富的文化歷史內涵、擁有多元化的海岸生態以及高科技的產業，使得這個美麗城市洋溢著人文、藝術及科技的氣息，充滿活力的都會城市。然而新竹市的美，在於她的人文環境有著豐富歷史資源，其東、西、南、北及香山區不管是街道或是人、物都有著古老的故事，值得閱讀。同時擁有的海岸線，沿海十七公里生態休閒海岸觀光帶，更是需要加以規劃，目前已積極進行中，期盼與美國矽谷旁的十七哩海岸互相輝映。在科技與文化兩大主軸發展的城市裡，具有相當特殊的人文環境，為了促使該城市朝向，「國際化」、「科學化」及「生活化」發展，是市長上任以來的目標，以基礎建設為主，提供優質的生活機能，讓市民生活在安全、乾淨及服務效率高的國際花園城市中。

2.1.1 地形

新竹市北半部位於頭前溪、鳳山溪、客雅溪沖積成的新竹平原上，地勢低平。南半部為竹東丘陵的西側延伸，最高峰為五步哭山，海拔 184 公尺。西部沿海地區有狹長的海岸平原。

2.1.2 水文

新竹市的河川由北而南依次為頭前溪、客雅溪、三姓公溪、大庄溪、頂寮溪、汫水港溪、海山川及鹽水港溪，均為由東向西流入海。其中除頭前溪發源於雪山山脈西麓外，其餘均發源於竹東丘陵。頭前溪流經本市北部邊界於南寮北側入海，水系全長 63.04 公里，為新竹市、最大的河川，也是形成新竹平原的兩大主要沖積源之一。中、下游建有許多水利工程，以灌溉包括本市在內的新竹平原農地。客雅溪發源於竹東丘陵，全長約 24 公里，流經本市鬧區南側而於罟寮附近入海。鹽港溪也是發源於竹東丘陵，流經本市最南端的內湖地區而於灰窯附近入海。

(11)

盛行西南風，後期受太平洋高氣壓北移、西伸影響，地面風場轉吹東南風至東風，吹偏南風時易有午後雷陣雨。秋季盛行風逐漸轉為東北風，風場轉向時，配合天氣系統影響，吹強烈東風時，受地形影響產生作用，溫度偏高，仍有颱風帶來降雨之機會。冬季盛行東北風，常受大陸冷高壓影響，溫度偏低，於高壓東移出海時，溫度回升，地面風場轉東風時，放晴機會較高。

2.1.4 族裔分佈

早期的新竹原本是台灣原住民竹塹社（為平埔族中道卡斯族的一支）的傳統世居地，周遭的山區則有賽夏族、泰雅族分佈。在漢人開始移居台灣後，此地區成為閩南人主要的移居地區之一，但除了閩南人口(75%)外，客家人仍是此地區次要的組成族裔。近年來由於新竹科學園區帶動大量其他城市人口移入，而改變了新竹市的族裔人口比例，多達 42.7 萬的閩南人口成為新竹市的最大族裔，此外，由於新竹空軍基地的興建，亦帶來不少外省居民於新竹市的眷村居住。閩客兩大族群的地方政治領袖與支持者，在歷史上有過多次激烈械鬥的紀錄，地方選舉也呈現壁壘分明的政治生態（市區以閩南人為主，靠近新竹市東區的郊區則為客家人的盤據）。

(12)

2.2 新竹景點介紹

2.2.1 新竹都城隍廟新竹都城隍廟位於新竹市北區中山路上，列屬二級古蹟，其廟宇規模在當時是全台灣之最，專門掌管陰間與陽間賞罰善惡的神明為城隍，所以城隍廟的佈置猶如古代的衙門；新竹都城隍廟廟埕的巿集小吃攤，成為新竹特色之一。圖 2-1 新竹都城廟 2.2.2 十七公里海岸風景區十七公里海岸風景區指的為新竹市的海岸線，北起南寮，南至南港，長約十七公里，屬離水堆積海岸，上千公頃的潮間帶是北台灣最大的海濱溼地，孕育了大量的蝦蟹螺貝類；十七公里海岸風景區規劃新竹漁港娛樂漁船碼頭、看海公園、海天一線看海區、港南運河、美山蔚藍海岸區(風情海岸)、紅樹林公園、海山漁港觀景台(含休憩及飲食活動)、南港賞鳥區等八大區，除外，還規劃有帆船運動公園、南寮休閒舊港、環保休閒公園、新竹市苗圃、看海公園、環保教育館、港南濱海風景區、金城湖賞鳥區、客雅水資源處理中心、香山濕地自然生態區、南港半月型白沙灣、風力發電廠、五座自行車道特色大橋及南寮漁港至海山漁港藍色海路等景點，讓民眾在旅遊時能一享美食、美景、遊憩、運動及文化巡禮等樂趣，也讓十七公里海岸風景區成為全台灣知名的觀光休閒勝地。

(13)

圖 2-2 十七公里海岸風景 2.2.3 南寮漁港南寮漁港位在新竹巿西北郊，離新竹市區不遠，因此交通十分便利；南寮漁港於民國 38 年啟用完工，在擴建後無論是漁船的數量、噸位或是漁獲量都可說是桃、竹、苗地區屬一屬二的漁港；南寮舊港及其周邊聚落為新竹市早期發展地區之一，見證了新竹市的歷史發展過程，具有重要的歷史文化價值，南寮漁港更是南北漁船返航路之終點，過去亦是各地魚貨漁船的集散地，因而名列十二勝，並有『南寮歸帆』雅稱。圖 2-3 南寮漁港

(14)

2.2.4 古奇峰育樂園古奇峰育樂園位於新竹市東區高峰里高峰路，距離新竹市中心僅有約 2 公里的路程，南鄰靈隱寺和青草湖、東為仙公宮和清華大學及交通大學、北接十八尖山和介壽公園、西側眺望香山的優美景色，佔地面積約為 15 公頃，曾於西元 1987 年列入『竹塹十二勝』之一，目前是新竹新八景中的『古奇遠眺』；古奇峰育樂園建於民國 56 年，以中國民俗風情為特色，設有民俗文物博物館、民俗遊樂園、秦始皇陵兵馬俑展覽館、西洋公園、中國古戰車展覽館場等等，是新竹市著名的旅遊景點。圖 2-4 古奇峰育樂園 2.2.5 十八尖山十八尖山位於新竹市東區，是日據時代所開闢的森林公園，公園形狀呈現新月形，蜿蜒約 7、8 里，恰好環抱新竹市東、南郊。這十八尖山的得名，是由十八個淺峰山頭連綿而成的丘陵地帶因而得名；十八尖山最高點在介壽亭附近，標高 128.9 公尺，由十八尖山山頂遠眺，西北向可望見新竹市區街道景色，右邊是頭前、鳳山二溪，正前方是台灣海峽，也可向東南面瞭望大霸尖山、清泉五指山群峰與竹東方向流貫而來的頭前溪，視野極佳。

(15)

圖 2-5 十八尖山 2.2.6 新竹護城河親水公園新竹護城河親水公園位於東門圓環往文化街方向，從林森路至中央路長 600 公尺、寬約 56 公尺的護城河，從 2000 年開始規劃設計，成為新竹市的新八景，草皮與流水讓市民更能體會親水的樂趣，加上沿岸的樹木、植栽以及兩處小型的階梯劇場提供民眾戶外表演，讓新竹護城河親水公園成為新竹市民假日休閒的好去處。新竹護城河與各城樓皆設有吊橋一座，雖然目前已失去防禦功能，但在成立新竹護城河親水公園後，更是在觀光價值與歷史人文上扮演相當重要的角色。圖 2-6 新竹護城河親水公園

(16)

2.2.7 青草湖青草湖位於新竹東邊，是新竹市的八景之一，開發極早，為聚雅客溪而成之水庫，湖面不大，但四週寺廟林立，草木蒼翠，是新竹最古老的風景區，青草湖風景區附近有日本神社改建的靈隱寺，供奉諸葛孔明，廟內楹聯題字多為盛讚其神機妙算，頗染道術色彩；靈隱寺前油加利樹下則有營地供露營、烤肉之用。至青草湖可沿湖公路順遊古奇峰及十八尖山。圖 2-7 青草湖 2.2.8.竹塹城迎曦門竹塹城迎曦門位於新竹市東區，竹塹城(新竹古名)是台灣北部第一座石磚城，曾經是北台灣大甲溪以北的政治經濟中心，當時的同知徐治民在竹塹地區環種刺竹，而東為迎曦門(東城門)、西為挹爽門、南為歌薰門、北為拱辰門等四座城門；因日據後因實施都市街道計劃，並於 1902 年拆掉城牆與城樓，至今唯一還留存的東城_迎曦門已被列為二級古蹟，周長約為 2700 公尺，半圓栱型的門洞為泉州白石所砌成，重檐歇山式的城樓與壕溝一起守護著竹塹城；西元 1999 年迎曦門(東城門)廣場在文建會以歷史空間美化案補助經費下完成改造為市民廣場，並將迎曦門(東城門)命名為新竹之心，是新竹市人的精神堡壘。吊橋長約 8.3 公尺、寬 1.6 公尺，民眾可在信義路兩旁對應的橋頭看見。

(17)

圖 2-8 竹塹城迎曦門 2.2.9 靜心湖靜心湖面積廣達 4 公頃，湖心碧波盪漾，水色蒼茫，湖畔遍植樹木，鬱鬱菁菁；由泛舟碼頭區可划船至湖心，湖中放養多種魚類可供垂釣。湖右的假日廣場區，有黑白鵝卵石舖成石台，並置朱銘的巨形雕刻太極；緊鄰廣場的庭園具有濃厚中國風味，有各式迴廊及造型多樣的門通貫其間。近湖畔處築有九曲橋通抵湖心亭，佇立亭中，欣賞波光粼粼的湖色，別有情趣。圖 2-9 靜心湖

(18)

2.2.10 新竹港南濱海風景

新竹港南濱海風景區位於新竹市西北方約數公里處，原本為海水浴場，因近年附近受到污染，現已禁止下水，遂在堤防內規劃了一個佔地廣闊，景觀優美，遊樂設施豐富的風景區，是新竹西濱海岸線上一個新興的遊樂點。

(19)

2.3 相關

旅遊

導覽系統介紹

2.3.1 香港‧AR 旅遊導覽系統為了讓旅客能全面認識香港，香港旅遊發展局與國泰航空公司攜手呈獻「香港‧AR 旅遊導覽」應用程式，其中更提供有擴展實境（AR）功能。只要下載並啟動這個功能，手機中的攝錄鏡頭便會掃描您四周的環境，然後提供所需的景點圖像、資料和方向等。無需上網也可使用，讓使用者無需擔心支付額外的國際漫遊費用，悠閒在家，計劃行程。最新旅遊資訊：包括景點、親子遊、郊遊及文化古蹟的主題旅遊介紹，以及最新盛事活動，助您籌劃獨一無二的旅程。最佳購物資訊：介紹逾 7,000 家餐廳及商店，包括香港旅遊發展局「優質旅遊服務」計劃認可的商家。最多元化的美食資訊：介紹 200 家餐廳，包括獲米其林星級推薦、獲「美食之最大賞」獎項，以及得到美食家推薦的優質餐廳，讓使用者輕鬆體驗香港的美食文化。旅遊導覽系統重要特色如下： 1.透過擴展實境功能，找出鄰近的景點、餐廳及商店，讓您輕鬆前往。 2.依地區及菜式選項搜尋餐廳，再篩選出得獎或香港旅遊發展局推薦的餐廳。 3.依地區及商店的種類搜尋商店。 4.依地區及服務種類搜尋酒店及住宿服務。 5.掌握最近的景點、餐廳及商店的距離及相關資訊。 6.備有英文、繁體和簡體中文三個版本。圖 2-11 香港.AR 旅遊導覽圖 2-12 香港旅遊導覽

(20)

2.3.2 花蓮壽豐旅遊導覽系統「縱谷壽豐」是前往花蓮旅遊時，必備的 APP 導覽資訊，提供花蓮近郊壽豐鄉一帶，有趣好玩又實用的旅遊資訊，有適合親子遊玩的景點、隱藏在巷弄間經營六十多年的美味小吃店、極有風味又超值的原住民餐廳，透過使用「縱谷壽豐」，還可以享有多間住宿、餐廳優惠，並打造使用者專屬地圖，是真正個人化的行動導覽 APP。四大項主題篩選：遊走美景、預約體驗、吃飽吃好、好住好玩。優惠訊息：整理縱谷壽豐一帶在地優質商家，提供多樣化的優惠訊息。導航功能：搭配 Google Map 清楚指引路線，可離線查詢各商家資訊，也可連線即時顯示臨近其他景點所在位置。圖 2-13 花蓮壽豐旅遊導覽圖 2-14 花蓮旅遊導覽

(21)

2.3.3 導覽系統比較香港.AR 旅遊導覽: 他有擴展實境（AR）功能，手機中的攝錄鏡頭便會掃描您四周的環境，然後提供所需的景點圖像、資料和方向等，透過擴展實境功能，找出鄰近的景點、餐廳及商店，讓您輕鬆前往，，備有英文、繁體和簡體中文三個版本。花蓮壽豐旅遊導覽: 連隱藏在巷弄間經營六十多年的美味小吃店都可以找的到，還可以享有多間住宿、餐廳優惠搭配，說不定還可以撿到便宜，在搭配 Google Map 清楚指引路線，想要去哪個地方都不會是難事。

(22)

第三章專題規劃

3.1 系統開發方法

一般常見的系統開發方法有軟體生命週期模式(Software Lifecycle Model)、雛型模式(Prototyping Model)、動態規範語言開發模式(Poerational Specification Model)、利用 AI 技術的正規化轉換模式(Formal Transformation Model)。因為小組意見可能會有不同以及需做修改的部分，所以雛型生命週期法比較符合我們的系統開發，方法如下：圖 3-1 雛形式生命週期法特色:快速的規畫、分析與設計，並建立一個系統雛形，經由不斷的評估與修正，辨別系統功能需求，將工作雛形評估修正程最終的網站。優點: 1. 經費錯估的錯誤。 2. 缺乏一般規劃、控制與管理。 3. 需有熟悉雛型法的開發人員。 4. 雛型法的產品可能執行效率不佳。系統規劃系統分析系統設計系統實作評估雛形小組規劃系統需求分析技術規格實作可用系統根據小組的意見或修改進行調整根據小組的意見或修改進行調整

(23)

3.2 系統藍圖

本專案的程式架構圖圖 3-2 架構圖表 3-1 架構介紹表景點地圖景點地圖模式景點列表列出景點選項景點介紹景點介紹頁面使用說明 APP 使用說明主頁地圖導覽景點地圖景點列表景點選項景點介紹使用說明地圖導覽使用方法景點列表使用方法

(24)

3.3 專題設備

本專題開發所需使用軟硬體 (1)軟體方面:

APP 設計軟體:APP Inventor

系統分析圖: Software Ideas Modeler

美工軟體:Adobe PhotoShop CS6、FSCapture (2)硬體方面: CPU：Intel-Pentium G620 2.6G RAM：黑金剛-DDR 521MB*2 硬碟機：HITACHI-500G 主機板：微星-H61M-P20(G3) 顯示卡：藍寶-HD5450 1GB DDR3

(25)

3.4 專題時程規畫

(26)

3.5 專題分工

表 3-2 專題分工表組員詹其樺呂文吉陳昱儒黃俊諺訂定專題主題收集資料架構分析需求分析系統架構圖系統甘特圖文獻整理撰寫企劃書 APP 程式製作

(27)

第四章專題成果

4.1 需求分析

本專題想藉由手機 APP 程式來推廣新竹市的名景點，透過程式的便利性讓使用者在新竹規劃旅程更方便即時，掌握有關新竹市大部分觀光景點的資訊，希望藉此能吸引更多人來新竹玩樂。功能性需求： 1.介紹新竹部分熱門景點。 2.提倡新竹觀光旅遊。非功能性需求： 1.操作性需求。 2.介面明確容易上手。

(28)

4.2 系統分析

本系統使用 App Inventor 軟體製作，App Inventor 優點在於簡單、好上手。所以可以快速的完成我們的系統製作。它不需要我們動手寫複雜的程式碼，只需把內建的程式碼像拼圖一樣拼起來，即可達到本系統所需的功能。而劣勢則是寫大型程式時，速度會比用 JAVA 程式還慢。

App Inventor 原是 Google 實驗室（Google Lab）的一個子計畫，由一群 Google 工程師與勇於挑戰的 Google 使用者共同參與。Google App Inventor 是一個完全線上開發的 Android 程式環境，拋棄複雜的程式碼而使用樂高積木式的堆疊法來完成您的 Android 程式。除此之外它也正式支援樂高 NXT 機器人，對於 Android 初學者或是機器人開發者來說是一大福音。因為對於想要用手機控制機器人的使用者而言，他們不大需要太華麗的介面，只要使用基本元件例如按鈕、文字輸入輸出即可。 4.2.1 使用案例圖本專案的使用案例圖

(29)

4.2.2 Use Case 描述

Use Case Specification-地圖導覽 1.名稱(Name) 地圖導覽 1.1 簡述(BriefDescription) 此使用案例描述使用者瀏覽地圖導覽 2.參與者(Actors) 使用者 3.前提(Pre-Conditions) 開啟 APP 並進入程式首頁 4.成功條件(Successful Post-Conditions) 首頁頁面顯示成功 5.失敗條件(Unsuccessful Post-Conditions) 連結首頁失敗 6.事件路徑(Flow of Events)

基本路徑(Typical Course of Events)

表 4-1 Use Case Specification-地圖導覽

Actor 動作系統回應 1.TUCBW:使用者開啟 APP 2.系統顯示首頁頁面

3.使用者點選地圖導覽 4.TUCEW:系統顯示各景點列表和地圖

(30)

Use Case Specification-景點列表 1.名稱(Name) 景點列表 1.1 簡述(BriefDescription) 此使用案例描述使用者瀏覽景點列表 2.參與者(Actors) 使用者 3.前提(Pre-Conditions) 開啟 APP 並進入程式首頁 4.成功條件(Successful Post-Conditions) 首頁頁面顯示成功 5.失敗條件(Unsuccessful Post-Conditions) 連結首頁失敗 6.事件路徑(Flow of Events)

6.1 基本路徑(Typical Course of Events)

表 4-2 Use Case Specification-景點列表

(31)

Use Case Specification-使用說明 1.名稱(Name) 使用說明 1.1 簡述(BriefDescription) 此使用案例描述使用者瀏覽使用說明 2.參與者(Actors) 使用者 3.前提(Pre-Conditions) 開啟 APP 並進入程式首頁 4.成功條件(Successful Post-Conditions) 首頁頁面顯示成功 5.失敗條件(Unsuccessful Post-Conditions) 連結首頁失敗 6.事件路徑(Flow of Events)

表 4-3 Use Case Specification-使用說明

(32)

Use Case Specification-衛星圖 1.名稱(Name) 衛星圖 1.1 簡述(BriefDescription) 此使用案例描述使用者瀏覽衛星圖 2.參與者(Actors) 使用者 3.前提(Pre-Conditions) 進入地圖導覽頁面 4.成功條件(Successful Post-Conditions) 地圖導覽頁面顯示成功 5.失敗條件(Unsuccessful Post-Conditions) 連結頁面失敗 6.事件路徑(Flow of Events)

表 4-4 Use Case Specification-衛星圖

Actor 動作系統回應 1.TUCBW:使用者點選地圖導覽 2.系統顯示地圖導覽頁面

3.使用者點選衛星圖 4.TUCEW:系統顯示景點的衛星圖 6.2 其他/例外路徑(alternative/exceptional course)

(33)

Use Case Specification-地形圖 1.名稱(Name) 地形圖 1.1 簡述(BriefDescription) 此使用案例描述使用者瀏覽地形圖 2.參與者(Actors) 使用者 3.前提(Pre-Conditions) 進入地圖導覽頁面 4.成功條件(Successful Post-Conditions) 地圖導覽頁面顯示成功 5.失敗條件(Unsuccessful Post-Conditions) 連結頁面失敗 6.事件路徑(Flow of Events)

表 4-5 Use Case Specification-地形圖

3.使用者點選地形圖 4.TUCEW:系統顯示景點的地形圖 6.2 其他/例外路徑(alternative/exceptional course)

(34)

Use Case Specification-街道圖 1.名稱(Name) 街道圖 1.1 簡述(BriefDescription) 此使用案例描述使用者瀏覽街道圖 2.參與者(Actors) 使用者 3.前提(Pre-Conditions) 進入地圖導覽頁面 4.成功條件(Successful Post-Conditions) 地圖導覽頁面顯示成功 5.失敗條件(Unsuccessful Post-Conditions) 連結頁面失敗 6.事件路徑(Flow of Events)

表 4-6 Use Case Specification-街道圖

3.使用者點選街道圖 4.TUCEW:系統顯示景點的街道圖 6.2 其他/例外路徑(alternative/exceptional course)

(35)

Use Case Specification-混合圖 1.名稱(Name) 混合圖 1.1 簡述(BriefDescription) 此使用案例描述使用者瀏覽混合圖 2.參與者(Actors) 使用者 3.前提(Pre-Conditions) 進入地圖導覽頁面 4.成功條件(Successful Post-Conditions) 地圖導覽頁面顯示成功 5.失敗條件(Unsuccessful Post-Conditions) 連結頁面失敗 6.事件路徑(Flow of Events)

表 4-7 Use Case Specification-混合圖

3.使用者點選混合圖 4.TUCEW:系統顯示景點的混合圖 6.2 其他/例外路徑(alternative/exceptional course)

(36)

Use Case Specification-定位導航功能 1.名稱(Name) 定位導航功能 1.1 簡述(BriefDescription) 此使用案例描述使用者使用定位導航功能 2.參與者(Actors) 使用者 3.前提(Pre-Conditions) 進入景點介紹頁面 4.成功條件(Successful Post-Conditions) 景點介紹頁面顯示成功 5.失敗條件(Unsuccessful Post-Conditions) 連結頁面失敗 6.事件路徑(Flow of Events)

表 4-8 Use Case Specification-定位導航功能 Actor 動作系統回應 1.TUCBW:使用者點選景點介紹 2.系統顯示景點介紹頁面 3.使用者點選定位和前往 4.TUCEW:系統自動定位手機位置並顯示導航頁面 6.2 其他/例外路徑(alternative/exceptional course) 6.2.1 使用者點選返回

(37)

Use Case Specification-語音功能 1.名稱(Name) 語音功能 1.1 簡述(BriefDescription) 此使用案例描述使用者使用語音功能 2.參與者(Actors) 使用者 3.前提(Pre-Conditions) 進入景點介紹頁面 4.成功條件(Successful Post-Conditions) 景點介紹頁面顯示成功 5.失敗條件(Unsuccessful Post-Conditions) 連結頁面失敗 6.事件路徑(Flow of Events)

表 4-9 Use Case Specification-語音功能

Actor 動作系統回應 1.TUCBW:使用者點選景點介紹 2.系統顯示景點介紹頁面

3.使用者點選播放 4.TUCEW:系統撥放景點介紹語音 6.2 其他/例外路徑(alternative/exceptional course)

(38)

Use Case Specification-相片切換功能 1.名稱(Name) 相片切換功能 1.1 簡述(BriefDescription) 此使用案例描述使用者使用相片切換功能 2.參與者(Actors) 使用者 3.前提(Pre-Conditions) 進入景點介紹頁面 4.成功條件(Successful Post-Conditions) 景點介紹頁面顯示成功 5.失敗條件(Unsuccessful Post-Conditions) 連結頁面失敗 6.事件路徑(Flow of Events)

表 4-10 Use Case Specification-相片切換功能 Actor 動作系統回應 1.TUCBW:使用者點選景點介紹 2.系統顯示景點介紹頁面 3.使用者滑動圖片 4.TUCEW:系統切換圖片 6.2 其他/例外路徑(alternative/exceptional course)

(39)

4.2.3 循序圖

圖 4-2 循序圖-地圖導覽

(40)

圖 4-4 循序圖-使用說明

(41)

4.3 系統介紹

4.3.1 APP 首頁進入首頁有四個選項可以選擇地圖導覽: 景點地圖模式景點列表: 列出景點選項使用說明: APP 使用說明圖 4-6 APP 首頁

(42)

4.3.2 地圖導覽頁面

進入地圖導覽頁面先選擇景點，在選擇地圖模式

按下可返回上一頁

可選擇地圖顯示模式

(43)

4.3.3 街道圖

列出景點附近的道路種類，可縮放地圖，最底下可選擇其他景點

圖 4-8 街道圖點選會出現景點的地圖

(44)

4.3.4 衛星圖衛星空拍圖

(45)

4.3.5 地形圖

列出景點附近的地形種類

(46)

4.3.6 混合圖全部地圖模式

(47)

4.3.7 景點列表

選擇景點選項，系統會進入景點介紹

圖 4-12 景點列表

(48)

4.3.8 景點介紹景點的詳細介紹，加上語音功能點選定位系統會自動抓取當下座標，接著點選前往，系統會規劃前往目的地路線點選會自動定位座標也可自由輸入出發地點可滑動圖片片語音功能

(49)

4.3.9 導航功能導航頁面

(50)

4.3.10 使用說明 APP 使用說明

(51)

第五章結論與建議

本章節為三節，分別為 5.1 結論與貢獻，說明這次專題的研究成果與貢獻; 5.2 節是建議，5.3 節是未來可以繼續發展的方向。

5.1 結論與貢獻

結論: 本專題的目的在於介紹新竹的部分熱門景點，希望藉由此 APP 所提供的資訊，讓外地人想來新竹玩的話能夠了解有哪些景點可以去，在加上定位導航系統，可以更迅速的到達目的地。雖然此程式為非營利目的，但是我們希望可以讓外地人，甚至本地人可以更了解新竹的好山好水好地方，為新竹市帶來多一些觀光商機。貢獻: 1.業主:對旅遊業者來說，他們可以帶遊客出遊時先讓遊客邊看 APP 邊聽導遊的介紹，這樣能讓遊客更了解新竹景點介紹，又能省下準備資料的時間和金錢。 2.顧客:對遊客來說，在旅遊的時候不需要用手機到處查旅遊資訊，只要用一個 APP 就可以搜尋到很多景點的旅遊介紹，並利用導航系統來指示路線，省下上網查資料和尋找目的地時間。 3.產業界:對旅遊業來說，可以減少成本及資源損耗，例如不需再多印景點介紹的紙張。 4.政府:把 APP 功能加入到市府 APP 上，讓遊客更了解自己縣市的觀光景點，對景點有興趣的話就會實際參訪，進而提升觀光商機，增加收益。 5.學術界:對學校來說，校外教學時，學生可以利用 APP 來增加對景點的認識，提高教學效率。 6.專題組員:寫程式的組員對於寫 APP 的能力又更上一層樓，寫文件的組員對於企劃書排版和企畫書需要表達的內容更加懂得如何表現。

5.2 建議

本程式目前提供的資訊還是很有限，只有新竹市的部分熱門景點介紹，而且沒有包括住宿餐飲相關的資訊，希望以後可以延伸到新竹縣市所有景點介紹，加上住宿和餐飲的資訊來讓 APP 更完整，然後解除跨平台限制讓其他手機使用者也能使用。

(52)

5.3 未來展望

假設未來能與業界結合，也希望透過一些方案使 APP 做得更好，例如：與 google 做結合，人人皆可辦 google+帳號，透過 google+平台、融合 google map、做出 google travel 等方案，雖然現在的能力有限，無法做出，但是這份構思我們將會一直保留著。

(53)

參考文獻

參考網站:

1. 維基百科： http://zh.wikipedia.org/zh-tw/Wikipedia:%E9%A6%96%E9%A1%B5 2. 旅遊資訊王： http://travel.network.com.tw/tourguide/twnmap/hsinchucity.asp#guide-point 3. Google Play： https://play.google.com/store?hl=zh_TW 4. App Inventor 中文學習網： http://www.appinventor.tw 5. Textanim2.0： http://textanim.com/#text 6. Iconfinder： https://www.iconfinder.com/ 7. Google Maps 座標工具： http://app.essoduke.org/gmap/ 8. 工研院文字轉語音 WEB 服務： http://tts.itri.org.tw/online_tts/display.php

參考書籍:

1. 手機應用程式設計超簡--APP Inventor 初學特訓班作者：文淵閣工作室編著鄧文淵總監制出版社：碁峯出版社 2. Android 手機程式超簡單 APP Invento 入門卷

作者：曾吉弘、蔡宜坦、黃凱群、賴偉民、盧玟攸、施力維出版社：馥林文化 3. Android 手機程式超簡單 APP Invento 機器人卷

(54)

附錄

1.會議記錄

會議記錄表專題名稱新竹景點導覽 APP 時間 2013/05/09 地點 A103 數位服務研究室主席呂文吉紀錄呂文吉出席者呂文吉、詹其樺、陳昱儒、黃俊諺內容 1. APP 主題，內容 2. 計劃書背景動機與目的決議決定做新竹導覽 APP 老師建議表 1 會議記錄一

(55)

會議記錄表專題名稱新竹景點導覽 APP 時間 2013/06/10 地點 A103 數位服務研究室主席黃俊諺紀錄黃俊諺出席者呂文吉、詹其樺、陳昱儒、黃俊諺內容文獻探討，新竹市的介紹決議 102 年 6 月 15 日完成老師建議表 2 會議紀錄二

(56)

會議記錄表專題名稱新竹景點導覽 APP 時間 2013/09/25 地點 A103 數位服務研究室主席詹其樺紀錄詹其樺出席者呂文吉、詹其樺、陳昱儒、黃俊諺內容系統規劃決議 102 年 9 月 30 日完成老師建議表 3 會議紀錄三

(57)

會議記錄表專題名稱新竹景點導覽 APP 時間 2013/11/01 地點 A103 數位服務研究室主席陳昱儒紀錄陳昱儒出席者呂文吉、詹其樺、陳昱儒、黃俊諺內容系統成果文件決議 102 年 11 月 30 日完成老師建議表 4 會議紀錄四

新竹市景點導覽系統

元培科技大學

資訊管理系畢業專題