樹人醫護管理專科學校 - im.szmc.edu.t ·...

樹人醫護管理專科學校

資訊管理科

畢業專題成果報告

高雄旅遊翻譯 APP(越南語版)

APP of Travel Talk in Kaohsiung for Vietnamese

西元二○一七年十一月

學生：蘇莞婷

林羿君

許峰瑜

指導教師：蘇哲嶔老師

i

中文摘要

中國來台觀光客二○一六年五月份團客減少三成，導致旅遊業的業績受到影響。東

南亞各國未來將會是亞洲地區經濟發展最迅速的國家，是世界各國極力爭取的市場，新

政府為刺激觀光，推動新南向政策，吸引東協國家及南亞的印度旅客來台觀光。

現在幾乎人人都有手機，所以本專題使用 App Inventor 2製作在高雄旅遊時可使用

的中、越語對照版的實用觀光會話 APP，讓想來高雄旅遊的越南人可以下載使用，當需

要對話時可在 APP 中尋找越語對應的中文，用比的進行溝通，本專題也將製作對話的

中文發音，讓遊客能更方便的進行溝通。

此 APP 幫助越南的觀光客來高雄旅遊，不會因為語言問題而導致無法開心的遊玩，

裡面還提供了高雄觀光景點的介紹，讓自助旅行的越南人可以利用這個 APP 輕鬆遊高

雄。

關鍵字：東南亞、高雄旅遊、APP

ii

ABSTRACT

Visitors from China to Taiwan Decreased by 30% in May 2016, which impacted the

performance of the tourism industry. Southeast Asian countries will be the fastest-growing

economies in Asia in the future and the very sought after markets in the world. Southeast

Asian countries will be the fastest-growing economies in Asia in the future and the very

sought after markets in the world. The new government will promote a new policy to boost

sightseeing, and attract tourists from ASEAN countries and South Asia to visit Taiwan.

Almost everyone has a mobile phone, so this project uses App Inventor 2 to make a practical

sightseeing APP for Vietnamese that can be used when traveling in Kaohsiung, so that

Vietnamese who want to travel in Kaohsiung can download and use it when conversations are

needed. He can communicate with people by mime and the chinese translation corresponding

to the Vietnamese conversations in the APP. This APP will also make the Chinese

pronunciation of the chinese translation so that visitors can communicate more conveniently.

This APP helps Vietnamese tourists to travel in Kaohsiung and will not be hampered by

language problems. It also provides an introduction to Kaohsiung's sightseeing attractions so

that Vietnamese tourists who travel by themself can take advantage of the app to visit

Kaohsiung easily.

Keywords: Southeast Asia, Kaohsiung Travel, APP

iii

目錄

中文摘要 .................................................................................................................................... I

ABSTRACT ............................................................................................................................. II

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

圖目錄 ....................................................................................................................................... V

表目錄 .................................................................................................................................... VII

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

1.1研究動機 .......................................................................................................................... 1

1.2研究目的 .......................................................................................................................... 1

1.3研究流程 .......................................................................................................................... 2

二、文獻探討 ............................................................................................................................ 3

2.1高雄市觀光資源與發展 .................................................................................................. 3

2.2 APP開發技術 ................................................................................................................... 4

2.2.1 原生應用程式 (Native App)開發： ....................................................................... 4

2.2.2 網頁應用程式 (Web App) 開發： ......................................................................... 5

2.2.3混合式應用程式 (Hybrid App) 開發：.................................................................. 6

2.3類似軟體介紹 .................................................................................................................. 7

三、研究方法 ............................................................................................................................ 9

3.1規劃設計 .......................................................................................................................... 9

3.2開發工具 .......................................................................................................................... 9

3.2.1 MIT App Inventor 2 ................................................................................................... 9

3.2.2越南語輸入法 ......................................................................................................... 11

3.3規劃設計 ........................................................................................................................ 11

3.4系統架構 ........................................................................................................................ 12

3.5人力資源 ........................................................................................................................ 13

3.6時間進度規劃 ................................................................................................................ 13

四、系統建置 .......................................................................................................................... 15

五、結論與未來發展 .............................................................................................................. 25

5.1專案結論 ........................................................................................................................ 25

5.2開發成果 ........................................................................................................................ 25

5.3未來發展 ........................................................................................................................ 25

iv

參考文獻 .................................................................................................................................. 26

v

圖目錄

圖 1 近十年來臺主要客源國旅客成長趨勢 ........................................................................... 1

圖 2研究流程圖 ........................................................................................................................ 2

圖 3使用 NATIVE APP 開發的 ANGRY BIRDS APP .................................................................. 5

圖 4日本旅遊手指通 ................................................................................................................ 8

圖 5韓國旅遊手指通 ................................................................................................................ 8

圖 6軟體生命週期模型 ............................................................................................................ 9

圖 7 APP INVENTOR畫面 .......................................................................................................... 10

圖 8越語輸入法 ...................................................................................................................... 11

圖 9本專題程式架構圖 .......................................................................................................... 12

圖 10甘特圖 ............................................................................................................................ 14

圖 11設定 GOOGLE語音及由網路取得目前位置 ................................................................ 15

圖 12 當按鈕按下進入會話選擇頁面 ................................................................................... 15

圖 13當按鈕按下進入景點導覽頁面 .................................................................................... 16

圖 14處理取得的會話資料並設定會話頁面 ........................................................................ 16

圖 15取得會話資料網址的副程式 ........................................................................................ 17

圖 16將取得資料載入 LISTVIEW ........................................................................................... 17

圖 17進入交通會話頁面 ........................................................................................................ 17

圖 18進入購物會話頁面 ........................................................................................................ 17

圖 19設定手寫畫布上使用的顏色 ........................................................................................ 18

圖 20進入手寫畫布頁面 ........................................................................................................ 18

圖 21當手指或觸控筆點在螢幕上，螢幕畫出一點 ............................................................ 18

圖 22當手指或觸控筆在螢幕上拖拉時，螢幕畫出運動軌跡 ............................................ 19

圖 23清除手寫畫布上的痕跡 ................................................................................................ 19

圖 24當按下景點導覽的 LISTVIEW元件時，連到景點介紹網站 ...................................... 19

圖 25處理景點資料 ................................................................................................................ 20

圖 26連線到 GOOGLE地圖取得所在地到查詢景地的地圖及交通規劃 ............................. 20

圖 27選擇景點導覽與觀光會話的介面 ................................................................................ 21

圖 28觀光會話的介面 ............................................................................................................ 21

圖 29景點導覽的介面 ............................................................................................................ 22

圖 30手寫畫布的介面 ............................................................................................................ 22

圖 31選擇景點導覽與觀光會話的頁面 ................................................................................ 23

圖 32景點導覽頁面 ................................................................................................................ 23

圖 33所在地到愛河之心的交通方式 .................................................................................... 23

圖 34四類觀光會話選擇頁面 ................................................................................................ 23

圖 35餐飲會話頁面 ................................................................................................................ 24

vi

圖 36交通會話頁面 ................................................................................................................ 24

圖 37購物會話頁面 ................................................................................................................ 24

圖 38住宿會話頁面 ................................................................................................................ 24

vii

表目錄

表 1專題人力資源分配 .......................................................................................................... 13

表 2時程規劃表 ...................................................................................................................... 13

1

一、緒論

1.1研究動機

在楊文琪報導[1]中說，根據觀光局統計，從二○一六年五月開始，來台陸客團人數

較過去平均每日減少近三成，即減少約 1,650 人，而申請來台的證件數（入台證）也持

續減少三成。業者憂心二○一六五月二十日蔡英文總統就任後若兩岸關係轉趨惡化，陸

客來台人數恐快速銳減，見圖 1，將嚴重影響相關業者生計。

圖 1 近十年來臺主要客源國旅客成長趨勢

資料來源：觀光局

民進黨政府執政後，推動南向政策，根據葉素萍[2]的報導指出，政府將協調各部會，

積極拓展與東南亞等地區的貿易，短期內會先推動觀光及免簽，「擴大開放東南亞地區

中產階級觀光客來台措施」。

首先會協調的是「擴大開放對東南亞地區中產階級觀光客來台的措施」，會馬上檢

討，在最短時間內做出決定，不能因為要處理外勞、新移民的關係，「而把消費力強大

的中產階級、富有階級的觀光客阻擋在外」。

因此為了提振觀光業的景氣，如何吸引東南亞的旅客來台觀光已成為一重要課題。

1.2研究目的

本專題的目的是要讓來台灣觀光的越南觀光客能降低語言溝通的困難以及不適

2

應，以提升他們來台旅遊的意願，目前來台灣旅遊的越南觀光客人數雖不多但有逐年增

加的趨勢，所以本組使用 App Inventor 2製作在高雄旅遊時實用觀光會話的中越語對照

版的 APP，讓想來高雄旅遊的越南人可以下載使用，當需要對話時可在 APP 中尋找越

語對應的中文進行溝通，本組也將製作對話的中文發音，讓遊客能更方便的進行溝通。

本組的 APP 幫助越南的觀光客來高雄旅遊不會因為語言問題而導致無法開心的遊

玩，裡面也提供了高雄觀光景點的介紹，讓自助旅行的越南人可以利用這個 APP 輕鬆

遊高雄。

1.3研究流程

圖 2研究流程圖

資料來源：本專題

研究方向討論

擬定研究主題

研究動機與目的

相關文獻與探討

撰寫計劃書

程式設計與測試

成果發表

3

二、文獻探討

2.1高雄市觀光資源與發展

高雄縣市在民國三十四年前原屬同一行政區域，民國三十四年改州為縣、改郡為

區，民國三十九年行政區域再度調整，成為高雄縣。高雄縣本著過去的工業發展基礎，

又鄰近高雄港，原料進口便利，特許設立了許多工業區，例如鳳山汽車工業區、林園石

化工業區、大寮鄉大發工業區、仁武工業區及大社石化工業區等等。民國九十年更成立

了路竹科學園區，民國九十二年更名為南部科學工業園區高雄園區。

民國三十四年高雄市成為省轄市，隸屬於台灣省。民國三十五年起下轄鹽埕、鼓山、

左營、楠梓、三民、新興、前金、連雅（民國四十一年更名為「苓雅」）、前鎮與旗津等

十區。民國六十四年高雄市成為台北市之後第二個人口超過百萬的台灣都市，中華民國

政府考慮平衡南北發展，於民國六十八年七月一日起，高雄市升格為台灣的第二個直轄

市，並將高雄縣小港鄉併入高雄市改為小港區。

近年來，高雄縣市的發展，已逐步擺脫過去政治及工業抗爭時期的動盪，正朝向「綠

色」、「生態」、「科技」、「文化」及「自然」的方向邁進，民國 99 年 12月 25日縣市合

併成為大高雄都，持續推廣觀光、文化與科技等綠色產業，高雄全年陽光普照、氣候宜

人，人民既純情又熱情，這個有山、有河、有海、有港的城市，已經成功利用其豐富的

歷史人文、山海資源，發展成為名副其實的觀光都會，許多的景點值得探索旅遊，留下

美好的難忘回憶[3]。

早年高雄的觀光資源[4]包括：

1.自然生態觀光資源：包括「山」包含福壽山及柴山等景點；「海」包含高雄港、

西子灣、旗津等地區；「河」包含愛河、前鎮河親水公園等；「湖」包括蓮池潭、

金獅湖、澄清湖等景點共四大部分。

2.歷史人文觀光資源：包括「古蹟」熱門景點有原鳳山舊城、前清英國領事館、孔

廟等；「民俗」舉辦的節慶有貨櫃藝術節、高雄燈會、旗津啤酒節等；「藝文」包

括美術館、藝術館、電影圖書館等；「博物館」包含國立科學工藝博物館、歷史

博物館及客家文物館等四大類。

3.休閒娛樂觀光資源：以都市設計方面有城市光廊、愛河等；戶外踏青的有植物園、

旗津海岸公園、西子灣等。

4.美食購物資源：美食部份有旗津的海鮮、夜市等，購物部份有各大百貨公司及商

區等，讓遊客可以盡情的享受。

高雄市政府近幾十年來積極推動產業轉型，特別是希望將觀光旅遊業作為經濟發展

的重要推手，期許觀光產業能成為高雄市下一個世代產業發展主軸之一。近年來高雄市

觀光發展大致可分為文化創意、海港再造、古蹟活化、會展會議產業、美食文化幾個方

面。[5]

1.文化創意：藉由文化與創意結合，使舊有的文化，呈現嶄新的樣貌，吸引更多的

民眾欣賞。，如：鳳山曹公圳、橋頭糖廠、美濃紙傘、大樹舊鐵橋公園、岡山豆

瓣醬、旗山自行車道、駁二藝術特區、十大伴手禮網路票選活動、大東藝術中心、

衛武營藝術文化中心…等。

4

2.海港再造：活化高雄港資源以面對逐年下滑的貨櫃運量所帶來的衝擊，如：知名

影集「痞子英雄」的場景成功行銷高雄港的風光、高雄國際貨櫃藝術節..等。

3.古蹟活化:高雄的開發遠在明清時期就有移民與建設，至今留下許多古人生活的遺

跡，豐富的中華文化與國際海港通商、殖民時代留下的足跡，造就特色多樣的歷

史建築，這些建築是高雄市寶貴的觀光資產。對於擁有許多珍貴歷史古蹟的高

雄，高雄市政府長期推動古蹟活化。例如：全台灣第一棟洋樓，打狗英國領事館，

建立於 1865 年，由英商天利洋行建造，充斥文藝復興的歐式建築，採用委外經

營的方式，透過民間管理的靈活思維，結合文創、展覽空間與半自助的餐飲模式，

在美好的港區風景陪襯下，至今是高雄市古蹟之中參訪人數最多的古蹟，是古蹟

活化的成功案例[6]。

4.會展會議產業：藉由舉辦會展會議以帶動周邊的交通、餐飲、住宿、旅遊與金融

保險，如：2014 年台灣區遊艇公會在高雄世貿展覽中心舉辦「2014 台灣國際遊

艇展」，許多國內外相關廠商在此展覽中陳列他們的新產品與技術，互相交流與

合作，是台灣遊艇業發展的一大盛事，也因此帶動周邊觀光產業進步。

5.美食文化：利用高雄市豐富的美食文化帶動高雄市的觀光發展，如：六合夜市與

瑞豐夜市，旗津風景區

2.2 App開發技術

App 的開發技術可分為三種[7]：

2.2.1 原生應用程式 (Native App)開發：

Native App是使用行動裝置之作業系統本身所提供的 SDK (Software Development

Kit) 或所建議的方式所開發的應用程式。因為直接編譯的關係，可以跟平台結合最佳

化，Native App一般會給人家感覺執行起來比較“快”。所以 Native APP 的執行效能較

高，並且易於使用行動裝置上的相機、GPS、通知鈴聲等功能；如：iOS 系統使用

Objective-C / Swift 語言及 Xcode 進行開發；Android 系統則使用 Java 語言及 Eclipse/

Android Studio；Windows Mobile系統則使用 Visual Studio & C / C++ / C# / VB.NET /

HTML5 + Java Script 開發。早期的 APP 開發是以 Native App 為主。

Native App開發的優點有[8]：

1.執行效能高故執行速度快，開發的 App畫面流動順暢，適合開發需要極快速反應

的 App，或是畫面複雜的 APP，如遊戲、動畫等等。

2.開發的 APP 與行動裝置系統結合性佳，可直接使用系統所提供的手勢操作方式，

如：連續點擊、放大畫面等..，行動裝置上的硬體支援程度佳，幾乎可使用所有

的硬體功能，如：相機功能、GPS 定位功能等等，使用者容易上手使用，

3.開發的 App 可離線執行。

4.開發之 App 可以在官方線上商店上架，並設定為下載須付費，若是提供免費安裝

則可要求使用者執行特殊功能時付費，以賺取收入。

因為 Native App 開發有上述優點，畫面複雜的遊戲憤怒鳥 (Angry Birds) （如圖 3

所示），由芬蘭 Rovio 娛樂公司於二○○九年十二月推出，為確保畫面流動順暢，即使

5

用能夠發揮執行效能的 Native APP 開發。

圖 3使用 Native APP 開發的 Angry Birds APP

資料來源：http://www.angrybirds.com/

Native App開發的缺點有：

1.Native App無法跨行動裝置系統開發。例如若 App希望在 iOS 、 Android 、

Windows Mobile 上都能下載使用，就必須分別使用三種行動裝置系統的 3套不

同程式語言撰寫 App 。

2.開發過程中，要測試 Native App 功能必須先經過程式編譯 (Compile) 、部署安裝

在裝置上的流程，才能夠執行測試。一但有任何問題，每次修改都必須重複一次

流程才行，開發測試較不方便。 (透過裝置模擬器可以測試部份功能，但模擬執

行的速度也很慢)

3.將 App 上架需要經過官方審核程序，部份 App 的開發者必須要繳年費給官方，

若下載 App 須付費要讓官方抽成，若有更新，就需要重新上架、審核，而使用者

也必須更新或重新下載，才能使用新的功能。

2.2.2 網頁應用程式 (Web App) 開發：

Web App 即網頁應用程式 (Web Application) 的簡稱，主要以行動裝置上的瀏覽器

應用為主，所以又經常被稱為行動網頁 App (Mobile App) 。Web App 的開發使用

HTML / XHTML / HTML5 + CSS + Java Script … 等網頁標準技術製作前端網頁，使用

PHP、ASP.NET、JSP、RoR … 等程式語言連結資料庫或其它資料來源開發後端。透過

瀏覽器輸入網址後即可執行。Native App 的開發受制於行動裝置系統，因此影響 APP

應用程式的可攜性，開發者後續程式維護較不易，故不少開發者選擇以較具開放性的

Web App 做為開發工具，如此，可在不同作業系統上皆以相同的技術開發前端網頁，避

6

免維護多套程式碼的困擾；使用者亦無須至官方商店進行下載，只須打開瀏覽器即可執

行程式，不受系統平台的限制。目前有許多 Web App 的應用服務，如 Google目前大量

以 HTML5 開發的 Web App服務程式，無論使用者使用 iPhone 或 Android 手機，只

要透過瀏覽器連上 Gmail，就可使用各種 Web應用程式。

Web App開發的優點有[9]：

1.減少開發者維護程式的困擾，只需維護一套前端網頁，即可跨行動裝置使用。

2.開發期間僅須透過行動裝置的瀏覽器即可進行測試，可節省在不同行動裝置系統

安裝作業的測試時間。

3.不須支付官方開發者年費，也不需要至官方應用程式商店上架、審核或讓官方抽

成。

4.於後端伺服器主機進行修改更正錯誤或進行功能更新，其後使用者造訪網頁時即

可使用最新功能畫面，無須送審、上架等作業。

Web App開發的缺點有：

1. 除非在開發時一併開發離線支援功能，否則開發的 App無法離線使用，開發的

App受網路傳輸狀況影響極大

2. 無法使用行動裝置上的硬體設施

3. 功能須針對不同瀏覽器對畫面程式的支援程度進行不同的處理

4. 行動裝置執行 Flash 功能多有限制，在行動裝置網頁上顯示 2D 動畫、 3D 動

畫、影片通常並不容易。

5. 相較 Native App，Web App執行速度較慢

2.2.3混合式應用程式 (Hybrid App) 開發：

在 HTML5 規範越趨成熟後，結合前述兩種開發方式之優點的 Hybrid App 誕生，

此種方式是指以 Web App 方式開發用戶端程式，但最後可在包裝後像原生 App 一樣

上架至官方商店供使用者下載使用，Hybrid App使用 HTML / XHTML / HTML5 + CSS +

Java Script … 等網頁標準技術製作前端網頁，透過 PhoneGap … 等框架工具跟行動裝

置硬體設備互動，或可以原生程式碼做成 Native App 的外殼，同時上架至官方商店供

使用者下載使用。Hybrid App 因包含 NativeApp 及 Web App 的開發方式，開發作業

較具彈性也較能增進使用者體驗。早期 Facebook（如圖 3）的設計係採 Hybrid App，

即結合 HTML 與 Native 進行開發，但近年來，其新版 APP 逐漸減少 HTML的比例，

而以 Native方式代替，再次說明 Hybrid 雖有 Native的外殼，但在效能上仍不及純正的

Native。

Hybrid App開發的優點[10]：

1. 可綜合運用各廠家之長，依需要創造產品。

2. 就像 Web App 那樣，前端操作介面可使用統一的網頁技術來做，可以跨較多裝

置平台，不必為不同裝置維護多種程式語言版本。

3. 可以在官方線上 App 商店上架，設定下載 App 的人是否要付錢，用以賺取費

7

用。

4. 使用已安裝的 App 時，不需要開瀏覽器及輸入網址。

Hybrid App開發的缺點：

1. 因為「App Store」的審核較為嚴格，在 Hybrid 的架構中，如果皆為 Web 畫面

連結的實作，而少有應用行動裝置原生 SDK 的部分，於送審時可能被「App

Store」駁回，不允許上架。

2. 較需複雜運算的功能或遊戲，用混合式 App 開發方式，效能可能還是比不上原

生 App

3. 對硬體裝置的支援度仍比不上原生 App 。

2.3類似軟體介紹

本組想製作的是一個中文及越南文對照的常用旅遊用語 APP，使用者可以根據對話

需要先在 APP 上找到越南文的用語，APP 上同時會列出對應的中文用語，再讓對話對

象看手機上的中文用語，藉此達到溝通的目的，但目前市面上除了 google翻譯以及能翻

譯單詞的 APP 外，並無類似的中文及越南文對照的常用旅遊用語 APP。

但有類似的中文及日文對照的 APP ，「日本旅遊手指通」(如圖 4)及中文及韓文對

照的 APP(如圖 5)，「韓國旅遊手指通」，簡單介紹如下：

「日本旅遊手指通」及「韓國旅遊手指通」是中文及日文對照、中文及韓文對照的

常用旅遊用語 APP[11][12]，可以幫助那些到日本、韓國旅遊的自助旅行者及背包客在

日文、韓文能力不好的情況下，仍然能順利地與當地人溝通，簡單的來說，它內建了許

多常用的日文、韓文情境對話，只要用手指點一點拿給當地人看，就可以讓對方很容易

的了解你想表達的意思，APP 功能包括 15 個主題，基本用語、通訊與聯絡、搭乘飛機、

搭乘交通工具、自行駕車、預訂、住宿、餐飲、金錢與數字、購物、觀光資訊、意外狀

況、生病了、本地文化、娛樂等，並將依需求隨時擴充主題，收錄 4000 多句情境會話、

2000多個替換詞、2000多個常用詞，真人發音的對話，可以幫你說給對方聽，實用的

Key in 和手寫溝通面板，讓你還能透過寫寫畫畫來溝通。

相關 APP 的功能是以日常生活用語來翻譯，像是要搭大眾運輸的相關對話、要問

地點的一些語句等等，能讓雙方了解彼此所要表達的意思。

8

圖 4日本旅遊手指通

資料來源：

https://play.google.com/store/apps/details?id=tw.com.mebook.google.taptalk.twtojp47

19180138859.free&hl=zh_TW

圖 5韓國旅遊手指通

資料來源：https://play.google.com/store/apps/details?id=tw.com.mebook.google.taptalk.twtokr47

19180157324.free&hl=zh_TW

https://play.google.com/store/apps/details?id=tw.com.mebook.google.taptalk.twtojp4719180138859.free&hl=zh_TW

https://play.google.com/store/apps/details?id=tw.com.mebook.google.taptalk.twtojp4719180138859.free&hl=zh_TW

https://play.google.com/store/apps/details?id=tw.com.mebook.google.taptalk.twtokr4719180157324.free&hl=zh_TW

https://play.google.com/store/apps/details?id=tw.com.mebook.google.taptalk.twtokr4719180157324.free&hl=zh_TW

9

三、研究方法

3.1規劃設計

軟體生命週期模型是指軟體發展的全部流程[13]，包含每階段的活動和任務。軟體

發展包括需求、設計、編碼和測試等階段，有時也包括維護階段，如圖 6。軟體生命週

期模型能夠清晰、實際地表達軟體發展整體流程，明確規定了要完成的主要活動和任

務，用來作為軟體專案工作的基礎。

圖 6軟體生命週期模型


本程式開發採用反覆與漸增開發模型(Iterative and Incremental Development;

IID)[13]，該模型背後的基本思想是反覆循環開發系統並且每次對之前開發的系統做修

改，軟體開發人員能夠利用之前開發系統的元件時學到的知識進行開發。學習來自於系

統的開發和使用，在這個過程中，首先針對幾個主要需求來進行開發，以便快速建立初

期版本的產品，然後將產品交給客戶試用，程式開發者針對試用結果的回應來修正系

統，以便儘早發現可能的錯誤，並迭代地增強不斷發展的版本直到整個系統被實現。在

每次迭代中，都會進行設計修改並添加新的功能。

本組因缺乏 APP 開發經驗，因此選用此種開發模式，反覆累積開發經驗，完成專

題 APP 的開發。

3.2開發工具

本組使用的工具都是免費的軟體，簡介如下：

3.2.1 MIT App Inventor 2

10

AppInventor2是一個 Android程式開發線上平台，獨特的圖形化介面，不僅使寫程

式更有趣，不同顏色的程式方塊也使程式架構清晰明確，降低了學習門檻，更縮短了製

作 App所需耗費的時程。

Android 作業系統的應用層面，最早是由智慧型手機開始，後來逐漸擴展到平板電

腦及其他領域上，在西元二○一○ 年底，Android 作業系統成為全球第一大智慧型手

機作業系統，其市佔率超過 Apple 公司的 iOS 作業系統。

Google 公司在西元二○一○ 年，為了讓更多人在沒有程式基礎的狀況下，能夠開

發 Android 裝置應用程式，推出 Google App Inventor for Android 工具軟體，讓使用者

可以運用拼圖模式來組合程式語法，進而發展 Android 裝置的應用程式。後來，Google

公司在西元二○一二年將此軟體，移轉給美國麻省理工學院（MIT）的行動學習中心

（MIT Center for Mobile Learning）來維護，並堅持維持免費及開放原始碼的精神繼續運

作。二○一三年八月大幅提升 App Inventor 功能，將其更名為 App Inventor 2(如圖 7)

[14]。

App Inventor 2 在進行 App 應用程式開發的優點如下[14]：

1. 開發環境佈署方便： App Inventor 2 簡化程式開發環境的佈署，只須經由簡單的步

驟，即可在極短的時間內完成開發環境建置。

2. 方塊拼圖式程式設計：視覺圖形化的開發環境，利用程式方塊的拖拉組合，即可完成

程式撰寫。

3. 完全雲端設計：透過瀏覽器操作開發介面，開發結果皆儲存在雲端之中。所以只要有

網路，隨時都可以透過瀏覽器開發程式。

4. 強大而實用的元件庫：App Inventor 2 提供許多功能強大的元件，只要拖曳到編輯區

中設定後即可使用。

5. 開發作品實用性高：用 App Inventor 2 開發出來的應用程式，可以直接在電腦的模擬

器中執行，更可以下載到智慧型手機或平板電腦上安裝，甚至還能輕易發佈到 Google

Play 商店中進行分享或是販售也沒有問題。

圖 7 App Inventor畫面

11


3.2.2越南語輸入法

越文的書寫方式是採羅馬字母，英文的 26個字母，除 F J W Z 外，均為越文字母。

此外，針對 AEUOD 五個越文字母各加上標記，而成另七個字母，即 Ă Â Ê Ô Ơ Ư

Đ，故越文共有 29 個字母。(如圖 8)

其書寫與英文可說是大同小異，若已懂英文之書寫方式，學越文可不必再加練習。

圖 8越語輸入法

資料來源：http://www.dawaiyu.com/yuenanyu.htm

這個網頁有越語的 29個字母，可藉由此網頁上打好需要的字句再複製到 Word 中。

3.3規劃設計

透過訪問教授越語的鍾賢鳳老師，請教她要製作這個 APP 應該注意的事情，鍾老

師指出：

1. 10年前只有胡志明市等幾個大城市的人才有能力出國，最近經濟起飛後，有越來

越多的人會出國遊玩，到鄰近國家如新加坡購物，泰國，大陸，日本等地遊玩，

去歐美較少。

2. 越南人對飲食入境隨俗，沒特別挑剔。

3. 較喜歡購物，因為外國東西較便宜，尤其喜歡去新加坡購物，買衣服，化妝品，

12

手機等，手機怕在越南買到大陸的仿冒 iphone。

4. 去看景點就看景色。

5. 台灣過去比較多是越南新娘過來，那些都會講中文，而且之前工作逾期居留的較

多，台灣政策會限制越南人來台觀光，最近較鼓勵越南人來台灣玩。

6. 喜歡去玩越南沒有的，如住南部的人喜歡去較冷的地方玩，像阿里山，住海邊的

喜歡去內陸玩。

7. 建議 APP 主要以住宿、飲食、購物、買機票、交通等幾個面向切入。

本組依照鐘老師的建議，將以住宿、飲食、購物、交通等幾個面向的觀光會話為主，

本組的 APP 完成初步的程式介面設計，將蒐集更多的越南語觀光會話[15][16]，持續優

化程式，以達成本專題的研究目的。

3.4系統架構

本組規劃的 APP 程式架構如下圖 9 所示，主要介面有景點導覽、旅遊會話等 2項。

景點導覽連結到高雄旅遊網[17]，裡面有各個景點的越南語介紹，以及景點的位置、開

放時間等…。並提供路線規劃的功能，能提供使用者從目前位置到達景點的交通規劃。

旅遊會話則包含餐飲、旅遊、購物與住宿等四類旅遊會話，點選進入即會顯示該類中越

對照旅遊會話，供使用者點選進行溝通，當使用者點選會話，軟體會發出該會話中文翻

譯的發音，如果使用者找不到需要的會話，或是提供的會話過於精簡，則可選擇手寫功

能，用寫的或畫的進行溝通。

圖 9本專題程式架構圖


路線規劃

高

雄

旅

遊

一

指

通

景點導覽

旅遊會話

景點選擇簡介

餐飲會話

交通會話

購物會話

住宿會話

手寫溝通

手寫溝通

手寫溝通

手寫溝通

13

3.5人力資源

本專題人力分配如表 1 所示：

表 1專題人力資源分配

組員名單工作內容

蘇莞婷資料蒐集、Word製作、APP Inventor 製作、

美工製作、海報製作

許峰瑜資料蒐集、撰寫緒論、文獻探討

林羿君資料蒐集、文獻探討、PPT製作、美工製作


3.6時間進度規劃

本專題工作規劃如表 2及圖 10所示：

表 2時程規劃表

任務名稱開始日期結束日期總共使用使間

蒐集資料 2016/10/19 2016/11/19 一個月

定義範疇 2016/10/21 2016/11/21 一個月

功能設定 2016/11/21 2017/1/21 二個月

系統分析 2017/1/21 2017/2/21 一個月

系統設計 2017/2/21 2017/5/21 三個月

系統開發 2017/5/21 2017/10/21 五個月

系統測試 2017/10/21 2017/11/10 半個月

可用雛形 2017/11/1 2017/11/15 半個月

撰寫結案報告 2017/10/15 2017/11/15 一個月


14

任務名稱 2016

10月

2016

11月

2016

12月

2017

1月

2017

2月

2017

3月

2017

4月

2017

5月

2017

6月

2017

7月

2017

8月

2017

9月

2017

10月

2017

11月

蒐集資料

定義範疇

功能設定

系統分析

系統設計

系統開發

系統測試

可用雛形

撰寫結案報告

圖 10 甘特圖


15

四、系統建置

本專題所完成的高雄旅遊翻譯(越南語版) APP，藉由查詢越南語教學書籍，查詢網

路及徵詢鐘老師蒐集相關越語觀光會話與其中文翻譯，建立成 CSV 檔案格式，輸入至

Google 雲端平台作為資料庫資料來源，再結合 App Inventor 2 來設計，以模組化積木

式來撰寫，因為 APP 是連結 Google雲端平台取得會話資料，如果需要增加會話資料，

只需直接修改建置在 Google 雲端平台的 CSV 檔案即可，使用者不須每次更新都還要

重新安裝，減少使用者使用上的負擔。另外景點導覽連結高雄旅遊網，針對高雄著名旅

遊景點，提供越語簡介，如果使用者有意願前往旅遊，也提供與 Google地圖的連結，

使用者可以查詢由所在地到旅遊地的交通規劃，請見圖 11-26。

圖 11設定 Google語音及由網路取得目前位置


圖 12 當按鈕按下進入會話選擇頁面


16

圖 13當按鈕按下進入景點導覽頁面


圖 14處理取得的會話資料並設定會話頁面


17

圖 15取得會話資料網址的副程式


圖 16將取得資料載入 Listview


圖 17進入交通會話頁面


圖 18進入購物會話頁面


18

圖 19設定手寫畫布上使用的顏色


圖 20進入手寫畫布頁面


圖 21當手指或觸控筆點在螢幕上，螢幕畫出一點


19

圖 22 當手指或觸控筆在螢幕上拖拉時，螢幕畫出運動軌跡


圖 23清除手寫畫布上的痕跡


圖 24 當按下景點導覽的 Listview元件時，連到景點介紹網站


20

圖 25處理景點資料


圖 26連線到 google地圖取得所在地到查詢景地的地圖及交通規劃


21

圖 27選擇景點導覽與觀光會話的介面


圖 28觀光會話的介面


22

圖 29景點導覽的介面


圖 30手寫畫布的介面


23

圖 31選擇景點導覽與觀光會話的頁面


圖 32景點導覽頁面


圖 33所在地到愛河之心的交通方式


圖 34四類觀光會話選擇頁面


24

圖 35餐飲會話頁面


圖 36交通會話頁面


圖 37購物會話頁面


圖 38住宿會話頁面


25

五、結論與未來發展

5.1專案結論

本專題使用網路雲端及App Inventor 2製作在高雄旅遊時可使用的高雄旅遊翻譯(越

南語版) APP，讓想來高雄旅遊的越南人可以下載使用，當需要對話時可在 APP 中尋找

越語對應的中文進行溝通，本專題也將製作對話的中文發音，讓遊客能更方便的進行溝

通。

此 APP 幫助越南的觀光客來高雄旅遊，不會因為語言問題而導致無法開心的遊玩，

裡面還提供了高雄觀光景點的介紹，而且該軟體為免授權即可自由使用之軟體，讓自助

旅行的越南人可以利用這個 APP 輕鬆遊高雄。

5.2開發成果

本研究開發成果，已依第三章研究方法及步驟，建置了高雄旅遊翻譯(越南語版)

APP，包括了餐飲、住宿、交通、購物等四類會話，以及高雄景點的的越語簡介連結，

透過良好系統規劃及設計，完成了觀光會話、景點介紹二個頁面。能讓自助旅行的越南

人可以利用這個 APP 輕鬆遊高雄。

5.3未來發展

本專題是採用反覆與漸增開發（Iterative and Incremental Development;IID）模式製

作，未來可依據使用者的使用狀況，增加會話種類，而會話資料則因為APP是連結Google

雲端平台取得會話資料，如果需要增加會話資料，只需直接修改建置在 Google 雲端平

台的 CSV檔案即可，使用者不須每次更新都還要重新安裝，減輕使用者的使用負擔，

此外也可以持續增加景點簡介中的景點資料，並增加旅館、餐廳的位置及簡介的資料，

讓 APP 的使用者在使用上更佳便利。

26

參考文獻

[1] 楊文琪，「陸客大減 15% 觀光業悶」，聯合新聞網，

網址：http://money.udn.com/money/story/5648/1917553，最後瀏覽日期：2016/10/25

[2] 葉素萍，「黃志芳：擴大開放東南亞中產觀光客來台」，中央社，

網址：http://www.cna.com.tw/news/aipl/201605270168-1.aspx，最後瀏覽日期：：2016/9/5

[3] 高雄市政府全球資訊網，「認識高雄」，

網址：http://www.kcg.gov.tw/cp.aspx?n=07880B28C8E3EAEA，最後瀏覽日期：2017/11/11

[4] 張本初、林錦輝，「高雄市觀光最適區位之研究-以 GIS 為分析工具」，觀光餐旅評

論，第 1期，第 1卷，pp. 1~16，2007

[5] 楊政運，戴貞德，「高雄市區觀光旅遊發展之關鍵因素」，商業現代化學刊，第 2

期，第 8卷，pp.239~262，2016

[6] 余瑞瓊，「古蹟再利用結合休閒產業發展之研究－以前清打狗英國領事館為例」，南

華大學，碩士論文，2006

[7] 張婷婷，「安全的 APP開發確保優質的服務－淺談 APP 的開發與安全」，財金資

訊季刊，第 83 期，2015

[8] 博全科技有限公司，「原生 App程式開發」，

網址：http://www.phd.com.tw/knowledge/app-dev/native-app/，最後瀏覽日期：2017/10/25

[9] 博全科技有限公司，「Web App 程式開發」，

網址：http://www.phd.com.tw/knowledge/app-dev/web-app/，最後瀏覽日期：2017/10/25

[10] 博全科技有限公司，「混合式 App程式開發」，

網址：http://www.phd.com.tw/knowledge/app-dev/hybrid-app/，最後瀏覽日期：2017/10/25

[11] Google Play，「日本旅遊手指通免費版」，

網址：https://play.google.com/store/apps/details?id=tw.com.mebook.google.taptalk.twtojp4719

180138859.free&hl=zh_TW，最後瀏覽日期：2017/3/25

[12] Google Play，「韓國旅遊手指通」，

網址：https://play.google.com/store/apps/details?id=tw.com.mebook.google.taptalk.twtokr4719

180157324&hl=zh_TW，最後瀏覽日期：2017/3/25

[13] 陳會安，「新觀念 UML 系統分析與設計實務」，旗標，2015

[14] 鄧文淵，「手機應用程式設計超簡單：App Inventor 2 零基礎入門班」，碁峰，2014

[15] 阮蓮香，吳志偉，「蜘蛛網式學習法：12 小時越南語發音、單字、會話，一次搞定！」，

瑞蘭國際，2017

27

[16] 范水，「越南語 7000單字-中越版」，統一出版社，2009

[17] 高雄旅遊網，「景點萬花筒」，

網址：https://khh.travel/ScenicListByMap.aspx?a=1056&l=7，最後瀏覽日期：2017/10/25

樹人醫護管理專科學校 - im.szmc.edu.t ·...

Documents