第二章 文獻探討
2.2 新竹景點介紹
2.2.7 青草湖介紹
圖 2-8 竹塹城迎曦門 2.2.9 靜心湖
靜心湖面積廣達 4 公頃，湖心碧波盪漾，水色蒼茫，湖畔遍植樹木，鬱鬱菁 菁；由泛舟碼頭區可划船至湖心，湖中放養多種魚類可供垂釣。湖右的假日廣場 區，有黑白鵝卵石舖成石台，並置朱銘的巨形雕刻太極；緊鄰廣場的庭園具有濃 厚中國風味，有各式迴廊及造型多樣的門通貫其間。近湖畔處築有九曲橋通抵湖 心亭，佇立亭中，欣賞波光粼粼的湖色，別有情趣。
圖 2-9 靜心湖
2.2.10 新竹港南濱海風景
新竹港南濱海風景區位於新竹市西北方約數公里處，原本為海水浴場，因近 年附近受到污染，現已禁止下水，遂在堤防內規劃了一個佔地廣闊，景觀優美，
遊樂設施豐富的風景區，是新竹西濱海岸線上一個新興的遊樂點。
圖 2-10 新竹港南濱海風景
2.3 相關旅遊導覽系統介紹
2.3.2 花蓮壽豐旅遊導覽系統
「縱谷壽豐」是前往花蓮旅遊時，必備的 APP 導覽資訊，提供花蓮近郊壽 豐鄉一帶，有趣好玩又實用的旅遊資訊，有適合親子遊玩的景點、隱藏在巷弄間 經營六十多年的美味小吃店、極有風味又超值的原住民餐廳，透過使用「縱谷壽
豐」，還可以享有多間住宿、餐廳優惠，並打造使用者專屬地圖，是真正個人化
的行動導覽 APP。
四大項主題篩選：遊走美景、預約體驗、吃飽吃好、好住好玩。
優惠訊息：整理縱谷壽豐一帶在地優質商家，提供多樣化的優惠訊息。
導航功能：搭配 Google Map 清楚指引路線，可離線查詢各商家資訊，也 可連線即時顯示臨近其他景點所在位置。
圖 2-13 花蓮壽豐旅遊導覽
圖 2-14 花蓮旅遊導覽
2.3.3 導覽系統比較
香港.AR 旅遊導覽: 他有擴展實境（AR）功能，手機中的攝錄鏡頭便會掃描 您四周的環境，然後提供所需的景點圖像、資料和方向等，透過擴展實境功能，
找出鄰近的景點、餐廳及商店，讓您輕鬆前往，，備有英文、繁體和簡體中文三 個版本。
花蓮壽豐旅遊導覽: 連隱藏在巷弄間經營六十多年的美味小吃店都可以找 的到，還可以享有多間住宿、餐廳優惠搭配，說不定還可以撿到便宜，在搭配 Google Map 清楚指引路線，想要去哪個地方都不會是難事。
第三章 專題規劃
3.1 系統開發方法
一般常見的系統開發方法有軟體生命週期模式(Software Lifecycle Model)、雛 型模式(Prototyping Model)、動態規範語言開發模式(Poerational Specification Model)、
利用 AI 技術的正規化轉換模式(Formal Transformation Model)。因為小組意見可能 會有不同以及需做修改的部分，所以雛型生命週期法比較符合我們的系統開發，
3.2 系統藍圖
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
3.4 專題時程規畫
圖 3-3 專題時程規畫
3.5 專題分工
表 3-2 專題分工表
組員 詹其樺 呂文吉 陳昱儒 黃俊諺
訂定專題主題
收集資料
架構分析
需求分析
系統架構圖
系統甘特圖
文獻整理
撰寫企劃書
APP 程式製作
第四章 專題成果
4.1 需求分析
本專題想藉由手機 APP 程式來推廣新竹市的名景點，透過程式的便利性讓 使用者在新竹規劃旅程更方便即時，掌握有關新竹市大部分觀光景點的資訊，希 望藉此能吸引更多人來新竹玩樂。
功能性需求：
1.介紹新竹部分熱門景點。
2.提倡新竹觀光旅遊。
非功能性需求：
1.操作性需求。
2.介面明確容易上手。
4.2 系統分析
本系統使用 App Inventor 軟體製作，App Inventor 優點在於簡單、好上手。所 以可以快速的完成我們的系統製作。它不需要我們動手寫複雜的程式碼，只需把 內建的程式碼像拼圖一樣拼起來，即可達到本系統所需的功能。而劣勢則是寫大 型程式時，速度會比用 JAVA 程式還慢。
App Inventor 原是 Google 實驗室（Google Lab）的一個子計畫，由一群 Google 工程師與勇於挑戰的 Google 使用者共同參與。Google App Inventor 是一個完全線 上開發的 Android 程式環境，拋棄複雜的程式碼而使用樂高積木式的堆疊法來完 成您的 Android 程式。除此之外它也正 式支援樂高 NXT 機器人，對於 Android 初學者或是機器人開發者來說是一大福音。因為對於想要用手機控制機器人的使 用者而言，他們不大需要太華麗的介 面，只要使用基本元件例如按鈕、文字輸 入輸出即可。
4.2.1 使用案例圖
本專案的使用案例圖
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:系統顯示各景點列表和地
圖
Use Case Specification-景點列表
4.成功條件(Successful Post-Conditions) 首頁頁面顯示成功
5.失敗條件(Unsuccessful Post-Conditions) 連結首頁失敗
6.事件路徑(Flow of Events)
6.1 基本路徑(Typical Course of Events)
表 4-2 Use Case Specification-景點列表
Actor 動作 系統回應
1.TUCBW:使用者開啟 APP 2.系統顯示首頁頁面
3.使用者點選景點列表 4.TUCEW:系統顯示各景點列表選項
Use Case Specification-使用說明
4.成功條件(Successful Post-Conditions) 首頁頁面顯示成功
5.失敗條件(Unsuccessful Post-Conditions) 連結首頁失敗
6.事件路徑(Flow of Events)
6.1 基本路徑(Typical Course of Events)
表 4-3 Use Case Specification-使用說明
Actor 動作 系統回應
1.TUCBW:使用者開啟 APP 2.系統顯示首頁頁面
3.使用者點選使用說明 4.TUCEW:系統顯示使用說明頁面
Use Case Specification-衛星圖
4.成功條件(Successful Post-Conditions) 地圖導覽頁面顯示成功
5.失敗條件(Unsuccessful Post-Conditions) 連結頁面失敗
6.事件路徑(Flow of Events)
6.1 基本路徑(Typical Course of Events)
表 4-4 Use Case Specification-衛星圖
Actor 動作 系統回應
1.TUCBW:使用者點選地圖導覽 2.系統顯示地圖導覽頁面
3.使用者點選衛星圖 4.TUCEW:系統顯示景點的衛星圖
6.2 其他/例外路徑(alternative/exceptional course) 6.2.1 使用者點選返回
Use Case Specification-地形圖
4.成功條件(Successful Post-Conditions) 地圖導覽頁面顯示成功
5.失敗條件(Unsuccessful Post-Conditions) 連結頁面失敗
6.事件路徑(Flow of Events)
6.1 基本路徑(Typical Course of Events)
表 4-5 Use Case Specification-地形圖
Actor 動作 系統回應
1.TUCBW:使用者點選地圖導覽 2.系統顯示地圖導覽頁面
3.使用者點選地形圖 4.TUCEW:系統顯示景點的地形圖
6.2 其他/例外路徑(alternative/exceptional course) 6.2.1 使用者點選返回
Use Case Specification-街道圖
4.成功條件(Successful Post-Conditions) 地圖導覽頁面顯示成功
5.失敗條件(Unsuccessful Post-Conditions) 連結頁面失敗
6.事件路徑(Flow of Events)
6.1 基本路徑(Typical Course of Events)
表 4-6 Use Case Specification-街道圖
Actor 動作 系統回應
1.TUCBW:使用者點選地圖導覽 2.系統顯示地圖導覽頁面
3.使用者點選街道圖 4.TUCEW:系統顯示景點的街道圖
6.2 其他/例外路徑(alternative/exceptional course) 6.2.1 使用者點選返回
Use Case Specification-混合圖
4.成功條件(Successful Post-Conditions) 地圖導覽頁面顯示成功
5.失敗條件(Unsuccessful Post-Conditions) 連結頁面失敗
6.事件路徑(Flow of Events)
6.1 基本路徑(Typical Course of Events)
表 4-7 Use Case Specification-混合圖
Actor 動作 系統回應
1.TUCBW:使用者點選地圖導覽 2.系統顯示地圖導覽頁面
3.使用者點選混合圖 4.TUCEW:系統顯示景點的混合圖
6.2 其他/例外路徑(alternative/exceptional course) 6.2.1 使用者點選返回
Use Case Specification-定位導航功能
4.成功條件(Successful Post-Conditions) 景點介紹頁面顯示成功
5.失敗條件(Unsuccessful Post-Conditions) 連結頁面失敗
6.事件路徑(Flow of Events)
6.1 基本路徑(Typical Course of Events)
表 4-8 Use Case Specification-定位導航功能
Actor 動作 系統回應
1.TUCBW:使用者點選景點介紹 2.系統顯示景點介紹頁面
3.使用者點選定位和前往 4.TUCEW:系統自動定位手機位置並
顯示導航頁面 6.2 其他/例外路徑(alternative/exceptional course)
6.2.1 使用者點選返回
Use Case Specification-語音功能
4.成功條件(Successful Post-Conditions) 景點介紹頁面顯示成功
5.失敗條件(Unsuccessful Post-Conditions) 連結頁面失敗
6.事件路徑(Flow of Events)
6.1 基本路徑(Typical Course of Events)
表 4-9 Use Case Specification-語音功能
Actor 動作 系統回應
1.TUCBW:使用者點選景點介紹 2.系統顯示景點介紹頁面
3.使用者點選播放 4.TUCEW:系統撥放景點介紹語音
6.2 其他/例外路徑(alternative/exceptional course) 6.2.1 使用者點選返回
Use Case Specification-相片切換功能
4.成功條件(Successful Post-Conditions) 景點介紹頁面顯示成功
5.失敗條件(Unsuccessful Post-Conditions) 連結頁面失敗
6.事件路徑(Flow of Events)
6.1 基本路徑(Typical Course of Events)
表 4-10 Use Case Specification-相片切換功能
Actor 動作 系統回應
1.TUCBW:使用者點選景點介紹 2.系統顯示景點介紹頁面
3.使用者滑動圖片 4.TUCEW:系統切換圖片
6.2 其他/例外路徑(alternative/exceptional course) 6.2.1 使用者點選返回
4.2.3 循序圖
圖 4-2 循序圖-地圖導覽
圖 4-3 循序圖-景點列表
圖 4-4 循序圖-使用說明
圖 4-5 循序圖-結束
4.3 系統介紹
4.3.1 APP 首頁
進入首頁有四個選項可以選擇 地圖導覽: 景點地圖模式 景點列表: 列出景點選項 使用說明: APP 使用說明
圖 4-6 APP 首頁
4.3.2 地圖導覽頁面
進入地圖導覽頁面先選擇景點，在選擇地圖模式
按下可返回上一頁
可選擇地圖顯示模式
景點位置
4.3.3 街道圖
列出景點附近的道路種類，可縮放地圖，最底下可選擇其他景點
圖 4-8 街道圖 點選會出現景點的地圖
4.3.4 衛星圖 衛星空拍圖
4.3.5 地形圖
列出景點附近的地形種類
圖 4-10 地形圖
4.3.6 混合圖 全部地圖模式
4.3.7 景點列表
選擇景點選項，系統會進入景點介紹
圖 4-12 景點列表
點選會出現景點介紹
4.3.8 景點介紹
景點的詳細介紹，加上語音功能
點選定位系統會自動抓取當下座標，接著點選前往，系統會規劃前往目的地路 線
點選會自動定位座標 也可自由輸入出發地點
可滑動圖片 片
語音功能
4.3.9 導航功能 導航頁面
圖 4-14 景點導航
4.3.10 使用說明 APP 使用說明
第五章 結論與建議
5.3 未來展望
假設未來能與業界結合，也希望透過一些方案使 APP 做得更好，例如：與 google 做結合，人人皆可辦 google+帳號，透過 google+平台、融合 google map、做出 google travel 等方案，雖然現在的能力有限，無法做出，但是這份構思我們將會一直保 留著。
參考文獻
附錄
1.會議記錄
會議記錄表
專題名稱 新竹景點導覽 APP
時間 2013/05/09 地點 A103 數位服務研究室
主席 呂文吉 紀錄 呂文吉
出席者 呂文吉、詹其樺、陳昱儒、黃俊諺
內容
1. APP 主題，內容
2. 計劃書背景動機與目的
決議
決定做新竹導覽 APP
老師建議
表 1 會議記錄一
會議記錄表
專題名稱 新竹景點導覽 APP
時間 2013/06/10 地點 A103 數位服務研究室
主席 黃俊諺 紀錄 黃俊諺
出席者 呂文吉、詹其樺、陳昱儒、黃俊諺
內容
文獻探討，新竹市的介紹
決議
102 年 6 月 15 日完成
老師建議
表 2 會議紀錄二
會議記錄表
專題名稱 新竹景點導覽 APP
時間 2013/09/25 地點 A103 數位服務研究室
主席 詹其樺 紀錄 詹其樺
出席者 呂文吉、詹其樺、陳昱儒、黃俊諺
出席者 呂文吉、詹其樺、陳昱儒、黃俊諺