Augmented Reality Tour Navigation System for Jiaoxi Hot Springs Festival

Scientific Journal of Information Engineering April 2015, Volume 5, Issue 2, PP.56‐60

Augmented Reality Tour Navigation System for Jiaoxi Hot Springs Festival Guang-Zu Gong, Jung-Hua Lo Department of applied informatics/Fo Guang University/Taiwan #

Email: joshman1314@gmail.com, jhlo@mail.lfgu.edu.tw

Abstract In the 2007 Apple's launch of latest smart mobile devices (Smart Phone) after, Opened the era of smart phones, APP relatively after another designed in different fields, Increasing year by year in the travel guides build, Most of the content design is based on a static, fixed plate showing navigation, Or combination of Google Map Navigation, So in this study a new framework for the introduction of new Android Actionbar Scrollable Tabs, Combined with augmented reality (Wikitude) and cross-platform mobile web technology (Jquery Mobile), The development of augmented reality tour guide system, Allow users choose reality way to get current information via the phone screen attractions, No longer as in the past can only rely on tourism map navigation disadvantage, As long as through the system is able to immediately easy navigation experience Reality Tour.

Keywords: Augmented Reality (AR); Wikitude; Jquery Mobile; Bootstrap

礁溪温泉季扩增实境旅游导览系统 龚光祖，罗荣华 佛光大学 信息应用学系，台湾 要：随着 2007 年苹果公司推出最新的智能型行动装置 (Smart Phone) 之后，开启了智能型手机的时代，相对陆陆续

摘

续的 APP 不断设计出来被应用在不同领域，其中运用在旅游导览建置上更是逐年增加，其内容设计大多是以静态方式、 固定板型呈现导览，或者结合 Google Map 进行路径导览，有鉴于此本研究采用新的 Android 新框架 Actionbar Scrollable Tabs，结合扩增实境 (Wikitude) 与跨平台与行动网页技术 (Jquery Mobile)，开发出扩增实境旅游导览系统，让用户可以选 择实境方式透过手机屏幕取得目前景点信息，不用再像以往只能靠着地图导览旅游的缺点，只要透过本系统即能马上轻 易体验实境旅游导览。 关键词：Augmented Reality (AR); Wikitude; Jquery Mobile; bootstrap

引言 近几年内观光风气日益兴盛，根据交通部观光局 2013 年统计，在亚太地区的观光人数高达 5,222,063 人 之多，相对在于观光旅游导览部分是一大重要功能市场指针，而传统观光旅游部分大多是以是以人员语音 导览解说旅游观光手册、或配合网页的多媒体辅助[7]，说明游客取得更多的旅游信息及认识当地文化，伴随 着信息科技进步，行动载具、智能型手机的问世，结合了声音、影像、及多媒体导览，成为新兴的导览方 式，它是将主题式的导览讯息收入于智能型手机进行导览，让使用者可以直接透过智能型手机取得旅游信 息。 随着数字科技时代的进步，智能型行动装置相继问世到普及，在行动导览服务上随着过去静态的导览 方式，已进步到实境信息导览互动阶段。本研究结合 jquery Mobile、扩增实境 (Augment Reality, AR) Wikitude SDK、POI(point interest) 等技术，开发出扩增实境行动导览系统，使用户可以透过本系统在智能型 - 56 http://www.sjie.org

手机屏幕，实境了解该地目标物的信息，即透过 jquery Mobile 链接 Google Map 使用路径导览功能，达到实 境导览与路径导览之功能整合，希冀藉以提供未来行动导览系统之建置参考与应用。

1

研究内容 本研究以宜兰冬恋温泉季为例，进行扩增实境旅游导览系统之建置。本 APP 主要以 Eclipse 开发结合

Wikitude 、Google Map、Jquery Mobile 等几大功能，提供给用户旅游导览所需全部信息，其系统架构如 （图 1）：其中手机 APP 结合扩增实境的功能，能够帮助用户直接点选景点体验实境导览，想了解更多景 点故事还有提供相关景点链接信息，并且以 Jquery Mobile 为行动网页结合 Google Map，提供 2D 平面的地 区导览，让使用者可以选择不同的导览方式来完成自己的旅行。

图 1 系统架构图

1.1 系统开发流程 本研究刚开始开发流程如（图 2），主要分为三个阶段进行开发，第一阶段建立数据库本研究采用 phpMyAdmin 来建置系统数据库，因为系统需求建置动态数据库，其目的主要是希望方便未来数据维护与更 新，数据库名称设为冬恋景点；主要负责建立扩增实境导览系统内的景点信息数据库，第二阶段数据收集主 要是收集活动相关景点名称、照片、POI(point of interest)，POI 位置主要透过 Google 地图取得，第三阶段我 们采用 Android SDK 3.0 之后推出的新功能 Actionbar Scrollable Tabs，其目的就是希望可以改变使用者，使用 旅游导览 APP 的固有习惯、与刻板印象，让使用者可以很轻易地用手指拨动切换版面，然后将 wikitude、 HTML5、Jquery Mobile、Google Map 等功能嵌入到不同页面，再依系统需求进行各个功能页面建置。

图 2 系统开发流程图

- 57 http://www.sjie.org

1.2 系统功能说明 实境导览：主要是以 Wikitude SDK 进行开发，Wikitude 是一款基于地理位置以增强实景的互动导览应 用工具，透过 Wikitude SDK 使用 Sensor 电子罗盘、GPS，将虚拟对象标注再智能型手机屏幕中，让用户可 以透过智能型手机屏幕了解目前方位，以及点选屏幕上想了解的信息对象，获取景点相关讯息。 园区导览：在这里本研究采用 Jquery Mobile 结合 Google Map，提供冬恋温泉季的相关活动景点路经信 息，Jquery Mobile 是一款以 WEB 程序设计为原则，设计出的行动网页框架，以 Jquery 为核心提供丰富的主 题及切换排版功能等，在页面设计上就是采用 Jquery Mobile 内建所提供的 NavBar 来建置页面切换，选项版 面是采用 Listview item 来建置，可以让使用者自由的去选择相关景点。

2

研究成果 本论文以宜兰冬恋温泉季为例，结合扩增实境与行动网页来建置，旅游景点行动导览系统，本 APP 主

要以 Wikitude SDK 结合 Jquery Mobile 来实现扩增实境导览如下（图 3），画面为实境导览进入页面使用者 只要点选圆形 Icon 即会进入导览画面如下（图 4）使用者可以看到一个雷达图、景点图片、景点名称，雷 达图主要是透过 java script 链接手机的电子罗盘、或陀螺仪 sensor，取得目前手机方位，然后提供给使用者 知道目前的方位是东、南、西、北，以及目前系统上有建置那些景点数量通通都会看见，使用者随着原地 旋转就可以看到其他景点对象，当用户点选有兴趣的景点对象后会出现如下（图 5），使用者可以看到相关 的景点信息，其画面主要是透过去抓冬恋景点数据库以撷取 json 数据来进行呈现，如果对相关景点没兴趣 的话可以点选 close 即可关掉页面，如果想了解更多景点相关信息可以点选连到网页，会直接连结到该景点 的相关网站，提供使用者可以更快速的马上前往相关景点的官方网站，取得最新的景点信息如下（图 6）、 或住房信息、或促销活动信息等等。 在景点消息功能手机 APP 是以 Jquery Mobile 结合 Google Map 呈现，提供 2D 平面的地区导览，如下 （图 7）我们可以看到首页热门景点，在这部分先建立与本研究相关的 10 个旅游景点，以卷标数组的设计 发方式呈现，使用者可以自由点选感兴趣的景点就会看到如下（图 8），这个页面我们主要是以 JavaScript 语法嵌入 Google Map API 、来进行景点定位以及标记，让用户可以透过 Google Map 知道景点大概位置，好 决定说要搭乘什么交通工具前往目的地。

图 3 扩增实境导览入口畫面

图 4 扩增实境导览图 - 58 http://www.sjie.org

图 5 景点信息展开图

图 6 超链接网页图

图 7 景点讯息页图

3

图 8 Google Map 景点导览图

结语 本研究以打破以往制式化的行动导览 APP 固有设计模式，故利用 Android SDK 3.0 之后新功能 Actionbar

Scrollable Tabs 为框架，建置旅游行景点行动导览系统，让用户可以用手轻易拨动传换页面，并且在技术部分 将扩增实境 (Wikitude) 与行动网页 (Jquery Mobile) 整合起来，让使用者可以同时选择使用实境导览方式、或者 传统的平面 2D 的方式进行导览。 - 59 http://www.sjie.org

不过目前系统在扩增实境导览呈现上还是太过单调，只能够透过文字、图片、及超链接来介绍景点，期 望之后能够提升到当用户点选资点对象时，会先看到该景点的简短影片信息，让用户可以很直觉的了解他会 不会选择点选该景点对象。 最后本研究希望目前 APP 应用程序，为来能够結合 3D 模型语音导览员，让使用者可以不是只有看着本 系统所提供的景点信息而已，还能够听到看到虚拟的语音导览员，用亲切的问候为用户进行语音导览，并且 整合 Facebook 用于推广本计划相关活动信息，让用户可以将旅游的珍贵回忆直接透过本系统打卡上传到 Facebook，借此提升本系统的多应用面性与服务性。

致谢 本研究承蒙国科会（计划编号 NSC102-2221-E-431 -001）「扩增实境旅游导览平台建置」专题计划经费 赞助，使本研究得以顺利完成，谨此致谢。

REFERENCES [1]

Feiner, S., MacIntyre, B., Höllerer, T., Webster, A. (1997) A Touring Machine: prototyping 3D mobile augmented reality systems for exploring the urban environment, Proceedings of the First Annual International Symposium on Wearable Computing: 74-81

[2]

Gleue, T., Dähne, P. (2001) Design and Implementation of a Mobile Device for Outdoor Augmented Reality in the ARCHEOGUIDE Project, Proceedings of the 2001 conference on Virtual reality archeology, and cultural heritage: 161-168

[3]

Kuo, C. G., Lin, H. C., Shen, Y. T., Jeng, T. S. (2004) Mobile augmented reality for spatial information exploration , Proceedings of CAADRIA 2004: p.891.4.28~30

[4]

Ritsos, P., Johnston, D.J., Clark, C., Clark, A.F. (2003) Engineering an Augmented Reality Tour Guide, Eurowearable, 2003 IEE: 119-124

[5]

Milgram P., Kishino F. (1994) A Taxonomy of Mixed Reality Visual Displays, IEICE Transactions on Information Systems: 1321-1329

[6]

饶瑞佶,梁志鸿,赖世平,等.自行车旅游服务平台之建置与应用，Journal of Information Technology and Applications. Vol. 6, No. 4, pp. 177-181 2012

[7]

吴炳飞,陈盈翰,林荣达,等.整合实时交通信息与扩增实境行车导航及其在嵌入式平台之实现, Journal of Chinese Institute of Transportation. Vol.25 No. 4.Dec .2013,pp,513-536

[8]

阳承叡,何升隆,游峰硕,等.行动装置结合扩增实境技术应用于交互式校园行动导览之服务-以 Google App Engine 开发 Layar 云端服务平台为例, The 9th International Conference on Knowledge Community KC2013

[9]

白仁德, 邱式鸿, 以智能型行动装置进行实时校园导览, 政治大学校务发展研究计划九十九学年第 1 学期成果报告

[10] 李宗翰, 陈慈安, 许桂树, 交互式扩增实境技术应用于数字馆藏导览系统之研究, 第 十 七 届 资 讯管理 暨实务 研讨会 [11] 郭其纲,郑泰升,扩增实境定位技术应用于建筑与城市户外导览之研究-以「古迹导览系统」与「隐形招牌」应用为例, 中华 民国建筑学会「建筑学报」第 66 期, 145~166 页, 2008 年 12 月 [12] 戴琳俪, 方伟达, 观光景点行动导览之应用与建置, Geographic Information System, Vol.6 No.1 Jan. 2012 [13] 林丽娟,周德嬚,扩增实境融入公共图书馆行动服务之发展及应用,台北市立图书馆管讯,30 卷 3 期

【作者简介】 龚光祖（1990-），学位：硕士，研究

罗荣华，2003 年取得台湾大学电机

方向：扩增实境、行动网页，学习经

工程学博士学位。目前是佛光大学

历：国科会专案助理。

副教授和应用信息学系的系主任。

Email: joshman1314@gmail.com

研究方向是行动系统开发、软件可 靠性、软件测试和容错计算。

- 60 http://www.sjie.org