International Conference on Electrical Engineering, Informatics, and Its Education 2015

C - 46

M-Trav: Application of Tour Guide in Indonesia with

RSS Services Based Mobile

Yuliana Setiowati, Kholid Fathoni, Rengga Asmara, Fitri Setyorini, Fatim Rachmawati

Department of Information Engineering and Computer Engineering

Politeknik Elektronika Negeri Surabaya

Surabaya, Indonesia

yuliana@pens.ac.id, kholid@pens.ac.id, rengga@pens.ac.id, fitri@pens.ac.id,fatimrachmawati@student.eepis-its.edu

Abstract— Indonesia is renowned for its abundant number of

tourism sites therefore tourist whom traveled might require

information regarding tours. Unfortunately, the information

displayed in the web is static and incomplete. Hence, the tourists

have to move from one web page to another web page. Improving

the easiness in finding information is one factor to increase the

number of tourist visiting Indonesia. This mobile-based

application offers tourism information in all provinces in

Indonesia. The tourism information includes information about

the province tourism site and the destination site, the photos, the

event schedule and the map. These information are collected

automatically via RSS and further processed by mashup

technology to be displayed to the tourists. This application has

been implemented and tested to help tourist obtaining travel

information in all the provinces in Indonesia.

Keywords— rss;mashup;tourism; mobile

I. INTRODUCTION

Indonesia is one of the largest country in the world with a total area of the country 5.19325 million km² (including land and sea). Indonesia was rated as the 2nd in vastness for Asia, and the 1st in vastness for Southeast Asia. Indonesia has the highest number of islands, that is 17,504 islands, spread from Sabang to Merauke [1]. Indonesia is an archipelagic country, therefore, has many beautiful natural sights, which are frequently visited by local and foreign tourists. Most of these places has been well-known to all foreign countries for its uniqueness such as : the island of Bali and Lombok, Raja Ampat in Papua, Borobudur, Bromo, etc. The tourism site types can be varied too, such as: nature tourism, marine tourism, water tourism, educational tourism, culinary tourism, historical tourism, health tourism and tourist art [2] are just waiting to be visited. Therefore, tourism is, nowadays, becoming one of the potential economic sectors in Indonesia and have become a sector that plays an important role in State revenue.

Along with the development of technology, both web and mobile technologies, information regarding these sites can be seen easily found if the user is connected to internet services. Before the holiday period, usually the family will look for

sites to be visited, either within the city or outside the city, depending on the family finance. Tour preparations within the city may not require a considerable preparation. Nevertheless, when the family decide to plan trip out of city, moreover the city that had never been visited, would require adequate preparation. Tourism information consists of site information that is directly related to the site and its supporting information .Site information consists of tourism information about the site and its location, events, photos and the routes to go to the site. Supporting information consists of weather tourism, hotel, restaurant and transportation.

Information about tourism in Indonesia is generally only provided from the web of the tourism place, whilst for supporting information, the tourists are required to surf various web pages. In addition , the data displayed in the web pages mostly is static, that means the data has not changed in quite a long time. Hence, making it difficult for tourists to find supporting information around the attraction . Actually, there is the official website for tourism in Indonesia such as Indonesia.travel. Unfortunately, the information is limited only for the web, not mobile based; whilst most tourist use mobile during traveling. In order to attract more tourist to travel to a site, we need to provide them with information. .

With the development of information technology, nowadays, an application do not have its own database. Instead, the dataset can be obtained from the website that provides the RSS service. The dataset is derived from different web pages with different purposes and processed with mashup technology. Mashup technology is a web application that integrates information from multiple sources and then displays it into a new information that is more useful.

In the previous studies, a research had been carried out by Mohammed Nur Taufik, from Institut Teknologi Sepuluh Nopember, had implemented the mashup technology application in a web-based application nusantaraview tourism: blogs and news modules and facebook (2009)by retrieving data from Facebook and Wikipedia [3]. Fitria Kumalawati, Electronic Engineering Polytechnic Institute of Surabaya, had implemented City Guide Information Systems Applications in

International Conference on Electrical Engineering, Informatics, and Its Education 2015

C - 47

Java and Bali Web-Based Method Using Mashup [4]. Another research was from the author, titled: Supporting Information on Applications Tour guide in Indonesia with RSS-Based Mobile Services [5]. This study collects tourism information by province for mobile devices consists of information of tourism site in the province, destination site, photo, events and map. The data are collected from different rss from different website and processed using mashup technology. The purpose of this research is to build tour guide applications based on province.

II. LITERATURE STUDY

A. Mashup

Mashup is a web page or an application that combines a variety of online data and display it into a new form of information. Mashup technology can assemble all kinds of data available on the all sites in the Internet into a universal data base that can be used by web developers.

Content into the web mashup data sources are usually obtained from information service providers on the Internet and accessible via the Open API. There are some popular APIs that are often used in building mashups include Google Maps, Flickr, Youtube, Facebook. The architecture of the mashup web application consists of three main parts:

Content Provider is the source of the data mashup. Data is usually obtained using API or web protocols such as REST or RSS.

Mashup is a web that provide new services from various data sources that are not owned by mashup itself.

Client is the consumers who use mashup service usually in the form of web browser that displays web mashup [6].

B. Android Application

Android is a Linux-based operating system that facilitates the hardware resources management, both for mobile phones, smartphones and tablet PCs. Android is an open platform (Open Source) to enable developers creating their own applications for use by a wide range of mobile devices [7].

1) Google Map Google maps is a technology that allows us to look at a

map or search for a specific location digitally [8]. In this application, google map is used to show the location of the province .

2) Maps External Library To facilitate the mapping capabilities for applications,

Google Maps API includes an external library, com.google.android.maps. MapView class displays map data from Google Maps service and handles all interactions with its services. It includes all UI elements necessary for users to control the map and also provides a method to allow

applications to manipulate maps, drawing overlay , and so on. However, before MapView object can display data from Google Maps service, it requires to be registered first with the service and to obtain a Maps API. Key Geocoding is the process of converting a street address or other description of the location into a coordinate (latitude, longitude). On contrary, reverse geocoding is the process of change coordinate (latitude, longitude to an address [8].

3) JQuery Mobile JQuery Mobile is a mobile web apps application that

facilitates the developer to create an entire user interface applications in HTML, without writing JavaScript . The tool provides a new set of custom events, event detection and mobile devices touch screen such as tap, tap - and-hold , swipe and orientation change . This tool also ensures that the user interface works well on a web browser, moreover, the theme usage make it easier to manage the display application [9].

4) HTML5 HTML5 is a markup language that manages the structure

and the content display of the World Wide Web Consortium (W3C), a core technology of the Internet . HTML5 is the fifth revision of HTML (which was first created in 1990) and until the month of June 2011 is still under development . The main objective the development of HTML5 is to improve HTML technology for the latest multimedia technology. HTML5 is readable by human and easily understood by machine. HTML5 is one of the works of World Wide Web Consortium (W3C) that defined a single markup language that can be written in HTML or XHTML manner [10] .

III. SYSTEM DESIGN

M-Trav is a mobile based application to help tourist acquiring tourism information and its supporting information. In this study, the work is focused on the tourism information consists of the provincial information, the photos, the events, the maps and the routes to the tourist destinations. Application M-Trav provides tourist with catalog of all tourism information in all provinces in Indonesia. Application M-Trav can be used as tour guide when user is traveling. If the user has not decided any tourist destination, the user are provided with information about the site destination by selecting by province. For example, if the user selects NTB province, the user can see all tourist destinations in the area NTB, including its photos and its events.

The data of M-Trav is acquired via rss data and then processed with mashup technology. One of the tools of mashup technology is yahoo pipe. Yahoo pipe acted a medium for collecting and filtering data from multiple website sources. M-Trav application integrates various tourism information content including province information, destination site information, the photos, the event and the map. The integration of Internet content with mashup technology creates a dynamic mobile applications to facilitate the tourists with useful information. The system design is shown in Fig. 1.

International Conference on Electrical Engineering, Informatics, and Its Education 2015

C - 48

Fig. 1. System Design

The design of the application M - Trav applied several rss services, therefore there are several steps that must be done, those are :

a. Search for a website that provides the RSS that provide provincial information, the tourist destination , the photos and the events.

b. Rss data is feeded to yahoo pipe. Yahoo pipe manages the amount of information to be displayed and performs filtering on rss data.

c. The new rss obtained from yahoo pipe processed by M - Trav by using the xml data exchange and display it in the mobile .

Table 1 is the list of website addresses that are used for tourism information on M - Trav.

A. Province Information Module

The province information contains all information about the province, including its location, the area width, the population, the religion, and any information associated with the province. This information is taken from the website www.indonesia-tourism.com and kept in the database application M - Trav and retrieved from database by using the province id.

TABLE I. WEBSITE ADDRESS LIST ON M - TRAV

Modul Website

Destination Site

Information

http://potlot-adventure.com/ and

http://www.travel2leisure.com/

Province

Information

www.indonesia-tourism.com

Photo http://ajax.googleapis.com/ajax/services/search/images

Event eventful.com

B. Destination Site Information Module

The destination site information module is an important feature to be familiar with the tourist attractions owned by each province. The M - Trav utilizes data provided by http://potlot-adventure.com/and http://www.travel2leisure.com/. To acquire the data from both websites, the website's rss is kept and feeded to yahoo pipe to combine the information. The destination site module will request data to yahoo pipe based on keywords, then the yahoo pipe will request data from potlot-adventure.com and travel2leisure.com in the form of RSS. RSS file is processed by the application M - Trav . The processing in yahoo pipe module is shown in Fig. 2. Below is the format of the URL request asking for rss feed, to yahoo pipe for destination site in the province of Maluku .

http://pipes.yahoo.com/pipes/pipe.run?_id=82c22d1935e334d4dedad525b3bf7838&_render=rss

Use a zero before decimal points: “0.25,” not “.25.” Use “cm3,” not “cc.”

C. Photo module

For photo module, this research use the API Key from google image. For acquiring an API Key of google, user must register in advance at http://gmail.com account. Just like flickr, google provide the Open API for free and open for public. After getting the API Key, the data on google image can be retrieved by using a yahoo pipe.

Inside M-Trav, photo module is divided by provinces as it is chosen by the user. When the user selects the province of East Java and then selects the photo menu, then the M-Trav application will display all photos related to tourism in East Java.

When a request sent to the photo module, yahoo pipe will respond by giving the RSS file for the photos according to the location that is entered by user. The process can be explained as follows: in yahoo pipe, xml data will be filtered to get photos according to the province. After that, yahoo pipe will produce file with rss format.

Fig. 2. Yahoo Pipe for destination site module

International Conference on Electrical Engineering, Informatics, and Its Education 2015

C - 49

Fig. 3. Yahoo pipe for photo module

Fig. 4. Yahoo Pipe for event module

The obtained rss file will be processed in M-Trav. The data processing from Yahoo pipe for photo module is shown in Fig. 3. Below is the url request format for yahoo pipe for photo module.

http://pipes.yahoo.com/pipes/pipe.run?_id=72c593d96dd902b79fbb4827f678a4a4&_render=rss

D. Event Module

Event module in M-Trav application utilizes data provided by Indonesia.travel and eventful.com. For Indonesia.travel, the data is obtained from the RSS event of the website, whilst for eventful.com, the data is obtained using open API eventful.com. After acquired, both data are processed in yahoo pipe to combine their information. Yahoo pipe is utilized to perform data requests either RSS or open api format and to reply it in RSS format.

Before processing the data in yahoo pipe, first, the data must be retrieved for eventful.com. To retrieve the data, the key must be obtained at http://api.eventful.com/. Event module will request the event data based on keywords by using yahoo pipe. The yahoo pipe will request data through the key of eventful.com which has been obtained previously. The website reply in rss format file to be RSS processed. To retrieve event data from the Indonesia.travel, rss address is used instead of open api. Data processing from Yahoo pipe event module is shown in the Fig. 4. Below is the format of

the URL request to ask for rss feed to yahoo pipe event module for event in Yogyakarta province.

http://pipes.yahoo.com/pipes/pipe.run?_id=49d6ebbcee21c9b649deb4c309e80d8d&_render=rss&location=yogyakarta%2Cindonesia

E. MapModule

The Map module displays the province map that is selected, using the google map API. Before accessing Google services, first, the developer must subscribe to google api to secure an access or api key from google api. M-Trav application will display map from the selected province and navigation menu or route to the selected province or the destination site.

IV. TESTING AND ANALYSIS

Testing that is conducted for this study are :

Testing for the provincial information module, the module tourist destination site, photo module, map module and events module.

Carrying out analysis

The Fig. 5a is the main menu of M - Trav. To run M - Trav, users should choose the island, then, choose the province. In Fig. 5b, the user chooses the island of Borneo. Fig. 6 shows M - Trav modules. In this paper, the testing and analysis is performed for hotel, restaurants and transportation modul

A. Testing for Provincial Information, destination site

module, Photo Module, Map Module and Events Module

The modules in M - Trav is tested as follows.

1) Provincial Information Module Testing Results. For the provincial information module, testing is

performed for every province to check whether after the province selection, the information from each province is relevant or not with the selection conducted by user. The province of Aceh and Banten is selected as seen in Fig. 7(left) and Fig. 7(right).

International Conference on Electrical Engineering, Informatics, and Its Education 2015

C - 50

Fig. 5. MainMenu (left)Island option menu; (right)Province option menu

Fig. 6. Information module displays ofinformasi M-Trav

Fig. 7. Information Display

2) Destination site Information Module Testing Results The module is tested with the destination site in the Banten

and NTT province. The number of data is limited to

maximum 50 data and is ascending sort. The testing is performed to check whether the data displayed by M-Trav is relevant or not with the criteria from user. The result is shown in Fig. 8 for Banten and NTT provinces. On Table 2, the examination is performed on 3 provinces and the destination site information module can reach 100% accuracy.

TABLE II. EXAMINATION OF ACCURACY RESULT FROM DESTINATION

SITE MODULE

No Province Destination Correct

Results

1 Banten 10 10

2 Bengkulu 4 4

3 NTT 10 10

Fig. 8. The display of destination site module for province

3) Photo Information Module Testing Results In the photo module testing, the displayed photos should

be similar to the selected province. The testing is conducted to determine the accuracy of the photos, whether or not the result is relevant to the selection. The testing is performed for Aceh province, in Sumatra island, as shown in Fig. 9a. The second test is performed for East Borneo, as shown in Fig. 9b). In Table 3, the testing is performed on Aceh and East Borneo in terms of the destination site. The result shows that the application is able to differentiate the photos according to the province, with accuracy of 0% for Aceh and of 83.3 % for East Borneo.

4) Testing Event Module Testing on event module is performed by sampling the

event data in East Borneo province.

International Conference on Electrical Engineering, Informatics, and Its Education 2015

C - 51

Fig. 9. Photo module display a) Aceh b) East Borneo

The displayed event is the collection of current and future events. The displayed event in East Borneo province can be seen in Fig. 10. In East Borneo province, there are currently two events. In Fig. 11, the ongoing event in the province is shown with the date information. The dates that appears, is correct as the date selection from the user. In the Fig. 11, the date is displayed when the event is selected, and redirected to the website eventful.com. When the event is selected, all information for the events is the same as the information in eventful.com websites.

In this study, the lack of accurate data appears because the data provider displays events that is not true or could be considered spam . Spam is in the form of events that do not exist, advertisement or service which is categorized as event. In table 4, the result of an event module testing is shown . The average accuracy rate for event is 79.09 %.

5) Map Module Information Testing Result The testing for map module is performed on the routes

from the origin point to the destination point. In the first test, the Bali province is chosen as an destination province.

TABLE III. PHOTO MODULES TESTING FOR ACEH AND EAST BORNEO

PROVINCE

No Province Destination site name

from photo data

Correct/Not

1 Aceh Masjid Besar Baiturrahman

Correct

Danau Laut Tawar Correct

Rumah Tradisional, Rumoh Aceh

Correct

Kota Sabang Correct

Air Terjun SKPC,

Subulussalam

Correct

Air Terjun Tingkat Tujuh Correct

Lampuuk Beach Correct

Masjid Besar Correct, Site

Baiturrahman Duplication

Masjid Besar

Baiturrahman

Correct, Site

Duplication

Pantai Iboih Correct

2 East Borneo Pulau Derawan Correct

Taman Nasional Bukit

Baka Bukit Raya

Correct

Pulau Kumala Correct

Pulau Derawan Correct

Pulau Derawan Correct, Site

Duplication

Pantai Bora – bora Salah

TABLE IV. DATA ANALYSIS FOR EVENT MODULE IN EAST JAVA, YOGYAKARTA, AND JAKARTA PROVINCES

No Provinces Event Not

Event/

SPAM

Amount Accuracy

percentage

1 East Java 22 9 31 70.97%

2 Yogyakarta 24 7 31 77.42%

3 Jakarta 16 2 18 88.89%

Average 79.09%

On Fig. 12, the routes is originate from Sidoarjo and the

destination is the province of Bali. The route is correct according to the input from user.

B. Application Analysis

Application Speed Analysis in terms of the addition of program cache.

Fig. 10. Event module display for East Borneo

International Conference on Electrical Engineering, Informatics, and Its Education 2015

C - 52

Fig. 11. Eventful for East Borneo province

Fig. 12. Map module display from route fromSidoarjo to Bali

The testing is performed to compare the speed of the current application before and after the addition of the cache program. The experiments is carried out when the application is open and run for several times. The differences in application speed is examined for two conditions, when the cache is empty and when the cache is full. The applications is run on android version 4.4. The result of application speed tests is shown in Table 5.

When the application is run for the first time, the cache is empty, similar to condition when the cache is not existed. Therefore, the application speed is the slowest as in Table 5, experiment 1. For the next experiment, the cache is gradually filled up. The speed is rise up for the second experiment into 2 seconds. From the test results the average speed is raised by 183 %.

1) Speed Analysis based version of Android version The application speed testing is performed on different

version of Android version used by smartphones. The tests is carried out after the installation of the application is completed then the application is opened several times repeatedly without any new installation. The application then, is run again with the addition of cache program on a trial class WebView. The result is shown in Table 6. The Android with version 4.4 can open the application faster than the previous android version.

M-Trav is developed with HTML, CSS and Javascript Library and then loaded with the Android WebView class. Previously, Android 4.4 (Kitkat) WebView was developed based on Chromium code. The previous version of WebView did not support modern web standards [11], unlike the newer version of WebView. Therefore, this application will be slow and is not optimal on Android version 4.4 and below.

TABLE V. ANALYSIS OF APPLICATION SPEED IN TERMS OF ADDITION OF

CACHE PROGRAM

Experiments Application

Speed (Before

addition of

Cache

Program)

(in sec)

Application

Speed (After

addition of

Cache

Program)

(in sec)

Application

Speed Rise

percentage

1 7 7 0 %

2 7 2 250 %

3 5 2 150 %

4 5 2 150 %

Average 183%

TABLE VI. M-TRAV SPEED ANALYSIS IN TERMS OF ANDROID VERSION

Number of

Experiment

M-Trav speed

Android 4.3

(in sec)

Android 4.4

(in sec)

Android 5.0 (in

sec)

1 12 7 7

2 5 2 2

3 5 2 2

4 5 2 2

5 5 2 2

6 5 2 2

average 5 2 2

M-Trav speed 250%

2) Speed Analysis for Bandwidth Applications The following tests is performed by evaluating bandwidth

with M-Trav speed when it is opened. Tests is carried out during empty hours of IM3 operator, with the test data that has been done before . Experiments are carried out with the addition of cached program. The testing is performed with android version 4.4.The trial result is shown in Table 7.The trial shows that the faster the bandwidth, the faster applications speed.

3) Comparative analysis with other applications Nowadays, there are many similar applications that offer

information to support tourism. For analysis purpose, the comparison with well-known commercial applications, namely: Traveloka and Tripadvisor, is performed to examine the advantages and disadvantages of each application. The comparison result is shown in Table 8. Each application has its distinctive features. For Traveloka and Tiket.com, users can view information and reservation, whilst for the M-Trav, users can view information catalog. In terms of the number of features offered to users, Traveloka offers 7 features, Tiket.com offers 9 and M – Trav offers 9 features.

This study also perform comparison on the number of tour information for Jakarta and Bali region. The number of tour

International Conference on Electrical Engineering, Informatics, and Its Education 2015

C - 53

information is almost similar for the three application, M-Trav, Traveloka and Tiket.com. For NTB and Aceh region, Traveloka and Tiket.com shows smaller number of tour information. The comparison result for tour information is shown in Table 9.

TABLE VII. COMPARATION OF BANDWIDTH WITH M-TRAV SPEED

No Bandwidth

M-Trav speed M-Trav speed to

Bandwidth Percentage

1 235 KB/detik 7 detik 0,02 %

2 175 KB/detik 7 detik 0,04 %

3 235 KB/detik 2 detik 0,008 %

4 175 KB/detik 2 detik 0,011%

TABLE VIII. COMPARISON OF M-TRAV WITH TRAVELOKA AND

TIKET.COM IN TERMS OF FEATURES

No Feature Taveloka Tiket.com M-Trav

1 Province Information X X √

2 Weather Information X X √

3 Event Information X √ √

4 Event subscription X √ X

5 Restaurant information X X √

6 Restaurant reservation X X X

7 Photos of destination site

√ √ √

8 Travel Information √ √ √

9 Travel reservation √ √ X

10 Hotel information √ √ √

11 Hotel Reservation √ √ X

12 Tour Information √ √ √

13 Navigation to sites √ √ √

Feature quantity 7 9 9

TABLE IX. COMPARISON OF M-TRAV WITHTRAVELOKA DAN TIKET.COM

IN TERMS OF NUMBER OF INFORMATION IN DESTINATION SITE INFORMATION.

No Modul Informasi

Wisata

Traveloka Tiket.com M-Trav

1 Jakarta 10 12 10

2 Bali 16 30 10

3 NTB 3 0 10

4 Aceh 3 0 9

V. CONCLUSION

The data displayed on each module is dynamic and identical with the data contained provided by RSS service. Furthermore, rss service is processed with mashup technology. The weakness of M-Trav depends on the service provider who supply the data. When the data from the website is incorrect, then M-Trav is also incorrect as well.

The application speed in displaying the information affected by the addition of a cache program, Android version and the bandwidth. Application speed before and after addition of cache program, increased by 183%. The speed of the M-Trav, using android version

4.4 and developed by WebView, can increase the application speed into 250% after using newer version of WebView. The speed of the application is also directly proportional to the bandwidth. The greater the bandwidth, the application speed increase, and vice versa.

Application M-Trav is compared with Traveloka and Tiket.com. Each of these applications has its distinctive features. For Traveloka and Tiket.com, users can view information and reservations, while for the M-Trav, user can obtain a catalog informations. A deeper examination at the features, Traveloka has 7 features, Tiket.com has 9 features and M-Trav has 9 features. For the amount of travel information, in certain regions, those websites have the amount of travel information that is similar to the M-Trav and on other regions, have less information compare with M-Trav.

REFERENCES

[1] Mengenal Indonesia, http://www.invonesia.com/luas-wilayah-negara-

indonesia.html, diakses 1 Agustus 2015.

[2] Macam-macamwisata, http://lensapelancong.blogspot.com/2013/03/macam-macam-wisata.html, diakses 1 Agustus 2015.

[3] M. Rohmatullah, Penerapan teknologi mashup pada aplikasi pariwisata berbasis web nusantaraview: modul blog & berita dan facebook. 2009.

[4] F.Kumalawati, Aplikasi Sistem Informasi City Guide di Pulau Jawa dan Bali Berbasis Web Menggunakan Metode Mashup

[5] Y. Setiowati, and K Fathoni., M-Trav: Informasi Pendukung pada Aplikasi Tourguide di Indonesia dengan Layanan RSS Berbasis Mobile. CITEE 2015.

[6] C. Freedman, Yahoo! Maps Mashups. Canada: Wiley Publishing, Inc.2007.

[7] https://id.wikipedia.org/wiki/Android_(sistem_operasi), diakses tanggal 1 Agustus 2015.

[8] https://id.wikipedia.org/wiki/Google_Maps, diakses tanggal 1 Agustus 2015.

[9] J. Reid, JQuery Mobile. United States ofAmerica.:O‟Reilly Media, Inc. 2011.

[10] https://id.wikipedia.org/wiki/HTML5, diakses tanggal 1 Agustus 2015