MOBILE APP FOR ISLAND Interactive USING QR CODE · Easy and rapid interaction between consumers and...

43
MOBILE APP FOR ISLAND INTERACTIVE USING QR CODE SYAZWANI NADHIRAH BINTI UMAR FACULTY INFORMATICS AND COMPUTING UNIVERSITI SULTAN ZAINAL ABIDIN 2019

Transcript of MOBILE APP FOR ISLAND Interactive USING QR CODE · Easy and rapid interaction between consumers and...

Page 1: MOBILE APP FOR ISLAND Interactive USING QR CODE · Easy and rapid interaction between consumers and marketers enabled by mobile technology prompted an increase in the usage of mobile

MOBILE APP FOR ISLAND INTERACTIVE

USING QR CODE

SYAZWANI NADHIRAH BINTI UMAR

FACULTY INFORMATICS AND COMPUTING

UNIVERSITI SULTAN ZAINAL ABIDIN

2019

Page 2: MOBILE APP FOR ISLAND Interactive USING QR CODE · Easy and rapid interaction between consumers and marketers enabled by mobile technology prompted an increase in the usage of mobile

ii

DECLARATION

I’am Syazwani Nadhirah binti Umar, the matric number BTDL16043599 hereby

declare that, this thesis entitled Mobile App for Island Interactive Using QR Code is a

record of an original work done by under the guidance of Encik Mohd Kamir bin Yusof,

my supervisor and lecturer at Faculty of Informatics and Computing UniSZA.

(Syazwani Nadhirah binti Umar)

Date : ……………….

Page 3: MOBILE APP FOR ISLAND Interactive USING QR CODE · Easy and rapid interaction between consumers and marketers enabled by mobile technology prompted an increase in the usage of mobile

iii

CONFIRMATION

This project report entitle Mobile App for Island Interactive Using QR Code by

Syazwani Nadhirah binti Umar , matric number BTDL16043599 has been satisfactory

in terms of scope, quality and presentation as a partial fulfilment of the requirement for

Bachelor of Information Technology (Informatic Media) in Universiti Sultan Zainal

Abidin (UniSZA).

(Encik Mohd Kamir bin Yusof )

Date : …………………

Page 4: MOBILE APP FOR ISLAND Interactive USING QR CODE · Easy and rapid interaction between consumers and marketers enabled by mobile technology prompted an increase in the usage of mobile

iv

DEDICATION

Alhamdulillah, all praise to Allah S.W.T. for giving me the opportunity to

complete this thesis for my final year project entitled Mobile App for Island Interactive

Using QR Code. I would like to express my deepest gratitude to my supervisor, Encik

Mohd Kamir bin Yusof for guiding me to complete this thesis, for the kindness and

motivation towards this project.

I would like also to sincerely thank you for all the lecturers that directly or

indirectly involved in my thesis writing and guiding me in studying at UniSZA. Last

but not least, a special thanks goes to my family for endless support and encouragement

throughout my studies.

Page 5: MOBILE APP FOR ISLAND Interactive USING QR CODE · Easy and rapid interaction between consumers and marketers enabled by mobile technology prompted an increase in the usage of mobile

v

ABSTRACT

Easy and rapid interaction between consumers and marketers enabled by mobile

technology prompted an increase in the usage of mobile media as an interactive

marketing tool in recent years. One of the mobile technologies that can be used in

interactive marketing for advertising is the QR Code (Quick Response Code).

Interactive advertising brings back some advantages for the companies that apply it.

Marketers can use information obtained from consumers for various marketing

activities such as customizing advertisement messages, determining target audience,

improving future products and services. Today QR codes most often found in

magazines, newspapers, and ads. QR codes offer an efficient way to create links to

websites, but they can also store text, image , video ,phone numbers, email addresses,

or calendar events, or send SMS messages. The aim of this basic research is to illustrate

the contribution of QR codes to the realization of the advantages gained by interactive

advertising.

Page 6: MOBILE APP FOR ISLAND Interactive USING QR CODE · Easy and rapid interaction between consumers and marketers enabled by mobile technology prompted an increase in the usage of mobile

vi

ABSTRAK

Interaksi yang mudah dan cepat antara pengguna dan pemasar yang didayakan oleh

teknologi mudah alih mendorong peningkatan penggunaan media mudah alih sebagai

alat pemasaran interaktif pada tahun-tahun kebelakangan ini. Salah satu teknologi

mudah alih yang boleh digunakan dalam pemasaran interaktif untuk pengiklanan

adalah kod QR (Quick Response Code). Pengiklanan interaktif membawa semula

beberapa kelebihan untuk syarikat-syarikat yang menggunakannya. Pemasar boleh

menggunakan maklumat yang diperoleh daripada pengguna untuk pelbagai aktiviti

pemasaran seperti menyesuaikan mesej iklan, menentukan sasaran penonton,

meningkatkan produk dan perkhidmatan masa depan. Hari ini Kod QR paling sering

dijumpai di majalah, akhbar, dan iklan. Kod QR menawarkan cara yang berkesan untuk

membuat pautan ke laman web, tetapi mereka juga boleh menyimpan teks, imej, video,

nombor telefon, alamat e-mel, atau acara kalendar, atau menghantar mesej SMS.

Tujuan penyelidikan asas ini adalah untuk menggambarkan sumbangan kod QR untuk

merealisasikan kelebihan yang diperolehi oleh pengiklanan interaktif.

Page 7: MOBILE APP FOR ISLAND Interactive USING QR CODE · Easy and rapid interaction between consumers and marketers enabled by mobile technology prompted an increase in the usage of mobile

vii

TABLE OF CONTENTS

Contents DECLARATION ii

CONFIRMATION iii

DEDICATION iv

ABSTRACT v

ABSTRAK vi

CHAPTER 1 1

INTRODUCTION 1

1.1 Background 1

1.2 Problem Statement 3

1.3 Objective 3

1.4 Project Scopes 4

1.5 Expected Result 4

1.6 Limitation of Work 4

CHAPTER 2 5

LITERATURE REVIEW 5

2.1 Introduction 5

2.2 Mobile Application 5

2.3 QR Code 6

2.4 Island Interactive 7

2.5 Analysis/Technique/Model/Project 7

2.6 Comparison of Existing System 12

2.7 Summary 13

CHAPTER 3 14

METHODOLOGY 14

3.0 Introduction 14

3.1 Problem Definition 14

3.2 Research Objective 15

3.3 Research Design 17

3.4 Development 27

3.5 Software and Hardware Requirements 30

3.6 Summary 32

REFERENCES 33

Page 8: MOBILE APP FOR ISLAND Interactive USING QR CODE · Easy and rapid interaction between consumers and marketers enabled by mobile technology prompted an increase in the usage of mobile

viii

LIST OF TABLES

Table 1 Comparison of exiting system 12

Table 2 Software requirements 30

Table 3 Hardware requirements 31

Page 9: MOBILE APP FOR ISLAND Interactive USING QR CODE · Easy and rapid interaction between consumers and marketers enabled by mobile technology prompted an increase in the usage of mobile

ix

LIST OF FIGURES

Figure 3.1 Research method 14

Figure 3.2 Flow chart 17

Figure 1.3 QR Code process 18

Figure 3.4 Context diagram 18

Figure 3.5 Data flow diagram 19

Figure 3.6 Entity relationship diagram 19

Figure 3.7 QR code application 20

Figure 3.8 Website home button 20

Figure 3.9 Website about button 21

Figure 3.10 Website travel button 21

Figure 3.11 Website videos button 22

Figure 3.12 Website home button 23

Figure 3.13 Camera scan QR code 24

Figure 3.14 QR code linked to website 24

Figure 3.15 Home button 25

Figure 3.16 About button 25

Figure 3.17 Travel button 26

Figure 3.18 Video button 1 26

Figure 3.19 Video button 2 27

Figure 3.20 Waterfall model 28

Page 10: MOBILE APP FOR ISLAND Interactive USING QR CODE · Easy and rapid interaction between consumers and marketers enabled by mobile technology prompted an increase in the usage of mobile

x

LIST OF ABREVIATIONS

App Application

DFD Data Flow Diagram

ERD Entity Relationship Diagram

QR Quick Response

TV Television

UI User Interface

UniSZA Universiti Sultan Zainal Abidin

Page 11: MOBILE APP FOR ISLAND Interactive USING QR CODE · Easy and rapid interaction between consumers and marketers enabled by mobile technology prompted an increase in the usage of mobile

CHAPTER 1

INTRODUCTION

1.1 Background

Malaysia, a land of friendly people and a nation blessed with natural wonders.

Bordered by Thailand to the north and Singapore in the south, Malaysia also stretches

across the northern tier of Borneo to from the states the Sabah and Sarawak. Malaysia

has hundreds of islands. Some of them are habitable and passable; others are yet not

explored and not habited. Malaysians refer to their islands as “Pulau”. Most of the

well- known islands that can be found in Peninsular Malaysia are: Pulau Penang, Pulau

Langkawi and Pulau Pangkor on the west side, and Pulau Perhentian, Pulau Redang

and Pulau Tioman on the east side. The islands on the west side aren't well known for

their underwater world, you can't snorkel in many places. These islands do have a lot

of character in general and therefore are more crowded than the islands on the east side

of the peninsula. Islands on the east site are known for their great scuba diving and

snorkeling possibilities. There are also many beautiful islands around Borneo, some of

them are of the sort that you usually see in commercials on tv. Most of the islands are

easily accessible for tourists; they can often be visited by plane. The problem of this

tourism nowadays is the tourists cannot master the detailed picture of their vacation.

They also can not see the picture of the selected travel. Besides, tourists are also unable

to manage their nursing activities properly. To fix the problem, we recommend using

the car code on the tour. QR Codes can help promoters improve their services in

attracting foreign tourists to come to Malaysia. In addition, the QR Code may also

Page 12: MOBILE APP FOR ISLAND Interactive USING QR CODE · Easy and rapid interaction between consumers and marketers enabled by mobile technology prompted an increase in the usage of mobile

2

provide direct access information to travelers to find out more about the travel places

they choose. With that information, it helps tourists manage their vacation of activities

systematically.

Page 13: MOBILE APP FOR ISLAND Interactive USING QR CODE · Easy and rapid interaction between consumers and marketers enabled by mobile technology prompted an increase in the usage of mobile

3

1.2 Problem Statement

There are the following problem statements have been stated in this project :

i. An Affordable Business Addition

Mobile apps are a necessity for small and large businesses. We may think our

business can not afford to have our specific application, but in fact, the company

cannot afford to have one.

ii. Engage With The Customers

A mobile app can create a direct marketing channel between seller and the

customer. This can funnel business directly and allow seller to communicate in

an effective way that was impossible before.

iii. Getting Started

While the advantages of developing an app platform are apparent, we may be at

a loss as to where to start. The first step in our development phase comes to

hammering out the purpose and strategy of what we want the app to do. For a

first-generation app, keep it simple and stick to one goal.

1.3 Objective

There are the following objectives must be achieved in this project:

i. To study the limitation of business addition in industry.

ii. To design a mobile app that creates a marketing channels between seller and

customers.

iii. To develop a mobile apps as the platform for getting started what we want the

app to do.

Page 14: MOBILE APP FOR ISLAND Interactive USING QR CODE · Easy and rapid interaction between consumers and marketers enabled by mobile technology prompted an increase in the usage of mobile

4

1.4 Project Scopes

i. This module process of QR code of Island scanned by the mobile app camera,

then this directly displays the web page of the chosen Island by providing

introduction, pictures and videos about the Islands.

ii. This project uses Java Programming to develop the mobile app and PHP as the

programming language for web page of the interactive Island.

iii. This project is focused on adult in the range from 20 until 50 years old.

1.5 Expected Result

i. A mobile app to facilitate travel system.

ii. A mobile app that can be used in a travel industry.

iii. The tourist linked to the trusted web page.

1.6 Limitation of Work

i. This mobile application for android user only.

ii. This QR Code app used for tourists that want to get knowledge about the

vacation.

iii. QR Code is using to reach the web page of the Island.

Page 15: MOBILE APP FOR ISLAND Interactive USING QR CODE · Easy and rapid interaction between consumers and marketers enabled by mobile technology prompted an increase in the usage of mobile

5

CHAPTER 2

LITERATURE REVIEW

2.1 Introduction

This chapter will discuss the literature review of ‘Mobile App for Island

Interactive using QR Code. The purpose of this literature review is to provide the

readers with a general overview about this project. Through a spread of mobile Internet

and mobile devices with a wide range of additional functionalities, mobile services are

becoming increasingly important. As main reason for the evolution from online to

mobile applications can be mentioned ubiquity and the increased usability.The

acceptance of mobile services significantly increased with the availability of powerful

mobile devices of the latest generation. The QR code as a specific form of mobile code

offers a solution for connecting physical and virtual content to provide users with

additional information or enable access to mobile services. Next, there are few research

has been reviewed to get some overview about existing application and related

technique involved.

2.2 Mobile Application

A mobile application, most commonly referred to as an app, is a type of

application software designed to run on a mobile device, such as a smartphone or tablet

computer. Mobile applications frequently serve to provide users with similar services

to those accessed on PCs. Apps are generally small, individual software units with

limited function. This use of app software was originally popularized by Apple Inc. and

its App Store, which offers thousands of applications for the iPhone, iPad and iPod

Page 16: MOBILE APP FOR ISLAND Interactive USING QR CODE · Easy and rapid interaction between consumers and marketers enabled by mobile technology prompted an increase in the usage of mobile

6

Touch. A mobile application also may be known as an app, web app, online app, iPhone

app or smartphone app. The simplest mobile apps take PC-based applications and port

them to a mobile device. As mobile apps become more robust, this technique is

somewhat lacking. A more sophisticated approach involves developing specifically for

the mobile environment, taking advantage of both its limitations and advantages. For

example, apps that use location-based features are inherently built from the ground up

with an eye to mobile given that the user does not have the same concept of location on

a PC.

2.3 QR Code

QR Code means Quick Response Code, which was invented by Denso Wave in

1994, a subsidiary of Toyota Japanese Corporation. It is the trademark for the type of

matrix barcode. QR code is defined by the ISO/IEC 18004 industrial standard. Normal

barcodes had information stored in horizontal dimension only and were limited in the

amount of data they could contain. Denso Wave developed this QR code as a way of

holding information in both horizontal and vertical dimensions; hence a QR code is able

to accumulate 10 times more information than a normal barcode. Statistically, QR codes

are capable of symbolizing same amount of data in approximately one tenth of the space

of a traditional barcode. Information such as URL, SMS, contact information and plain

text and videos can also be embodied into this two dimensional matrix. (Eulalia

Rodríguez Fino*a , Jorge Martín-Gutiérreza, M. Dolores Meneses Fernándezb, Enrique

Armas Davarac, 2013)

Page 17: MOBILE APP FOR ISLAND Interactive USING QR CODE · Easy and rapid interaction between consumers and marketers enabled by mobile technology prompted an increase in the usage of mobile

7

2.4 Island Interactive

Island Interactive is a website devoted to providing information on islands in

Malaysia. For example, Tioman Island. The site will list information about Pulau

Tioman in the form of texts, videos and pictures about the island. With this information,

travelers are able to recognize and supplement useful information before traveling there.

Travelers can also plan their vacation trip easily.

2.5 Analysis/Technique/Model/Project

2.5.1 Interactive Tourist Guide: Connecting Web 2.0, Augmented Reality and QR

Code

We should be aware that the revitalization and distinction process of a historic

ensemble promotes tourist interest. This factor unleashes a feedback process which

means bigger attention towards constant improvement of its configuration for adapting

to the new reality. There are several applications and potentials from emerging

Information and Communication Technologies (ICTs) available to the main activities

related to World Heritage and tourism . In the last few years, use of ICTs have evolved

and increased having in mind a higher familiarization of human beings with new

technologies as well as their quick and comfortable learning. These facts give birth to

the Multimedia guided tour of the historic ensemble at san cristobal de la laguna world

heritage site, given that theoretical records outline the rising interest about culture

tourism and its impact over World Heritage cities . Its streets, buildings and history turn

this town into a suitable place for tourists, previously knowledgeable through ICTs

easing the visit of sites detailed in the guide without getting lost across town while

receiving detailed information about every building. (Eulalia Rodríguez Fino*a , Jorge

Martín-Gutiérreza, M. Dolores Meneses Fernándezb, Enrique Armas Davarac, 2013)

Page 18: MOBILE APP FOR ISLAND Interactive USING QR CODE · Easy and rapid interaction between consumers and marketers enabled by mobile technology prompted an increase in the usage of mobile

8

2.5.2 Application of QR Codes in Online Travel Distribution

Through a spread of mobile Internet and mobile devices with a wide range of

additional functionalities, mobile services are becoming increasingly important

(Henseler, 2009). As main reason for the evolution from online to mobile applications

can be mentioned ubiquity and the increased usability (BVDW & J&S, 2008). The

acceptance of mobile services significantly increased with the availability of powerful

mobile devices of the latest generation (Nielsen, 2009). However, a still strong barrier

for a more widespread use of mobile services is a fast and comfortable access to the

services. Mobile tagging offers the opportunity of such an easy access by linking mobile

services to physical objects, using 2D codes, here mobile codes. The QR code as a

specific form of mobile code offers a solution for connecting physical and virtual

content to provide users with additional information or enable access to mobile services.

The paper at hand investigates application scenarios for mobile tagging and QR codes

in the tourism domain and more specifically in the context of museums. Based on

existing information services of a museum, like brochures, information boards or online

services, potential applications of mobile tagging with QR codes are identified and

prototypically implemented. An evaluation with a test user group gains first insights

into user acceptance and potential benefits of such application scenarios within the

museum context. The paper is structured as follows. Section 2 gives a brief overview

of the technical background of QR Codes and a short introduction into the technique of

mobile tagging. Section 3 discusses existing approaches and related projects. Section 4

introduces the developed application scenarios at the MercedesBenz Museum and

shows their prototypical implementations. Section 5 describes the evaluation of the

scenarios within a test user study. The final section gives a conclusion and outlook on

possible future work. (Michael Canadi, Wolfram Hopken, Matthias Fuchs, 2014)

Page 19: MOBILE APP FOR ISLAND Interactive USING QR CODE · Easy and rapid interaction between consumers and marketers enabled by mobile technology prompted an increase in the usage of mobile

9

2.5.3 The Study of Using QR Code in the mobile tourist guide map

With the rampant tourism current, people put much more emphasis on their

leisure life than before, but it is still not an easy job for a common traveler to make a

trip on an unfamiliar place, for example, to locate or familiarize the names of local roads

or scenic spots. In this study a hand-held device will be introduced. The device has the

advantages of being easy to carry, and full use of the combination of multimedia, e. g.

with the wireless network and the use of QR Code addressing capabilities on the

electronic map, the device can spot the surrounding locations and provide with the

necessary information of attractions and build a mobile traveling guide platform to

provide the information of traveling assistance. Generally speaking, a car navigation is

often used for its purpose of directing the roads, but for traveling the most important

thing is to familiarize the information of local attractions. Thus, the mobile traveling

guide platform referred in this study is used to be a directory of local attractions, hoping

that travelers can have an easy access to the useful and timely traveling information.

Ever since the Government made an effort to promote the two-day weekend holiday

program, building local attractions to promote tourism trend has helped ordinary busy

working people find a best way to ease through the heavy work pressure. Therefore, for

a more convenient tour-making, what we need is a mobile electronic product with high

electronic map to provide with a guide service. In the current ever-known navigation

products, most of them are designed for the purpose of car navigation, and focused on

road navigation, so the information provided is “ where you are, not how you can get to

your destination” ; however, the goal of leisure tourism is in the introductory direction

of “scenic spots” ,so we should pay more attention to gather the information of local

attractions. As a result, with the development of different orientations, if the car

navigation system is unsuitably used, then it will be difficult for travelers to find the

Page 20: MOBILE APP FOR ISLAND Interactive USING QR CODE · Easy and rapid interaction between consumers and marketers enabled by mobile technology prompted an increase in the usage of mobile

10

necessary information, such as a useful and effective device will be furnished to

improve the shortcomings of existing car navigation, and adjust it to meet the guide

service of local attractions. Thus, some portable electronic products, such as PDA

(Personal Digital Assistant), 3G Internet Access and Wireless Technology will be

included, then the local tourist information will be easily displayed on the cell phone

screen. When the device is applied in tourism, it can help travelers learn more about

local graphic locations and serve as a directory of scenic spots. Besides, it also provides

with travelers more information about local specialties and cultures as well, then sight-

seeing is no longer thought of as “ a cursory look at flowers,” but a more in-depth

appreciation of local cultures. (Wu-Lung Huanga, Kuan-Min Wub, Miao-Sheng Chena,

Chih- Ming Chenc, 2011)

2.5.4 Travel book goes mobile with scannable QR code

Many travelers still rely on comprehensive printed guidebooks for tourism

information. But travelers are also increasingly using mobile technology to plan a trip

or find their way around. Now a technology called QR codes, for Quick Response,

offers a way to forge a functional relationship between your guidebook and your smart

phone. The codes are already big in Japan, but relatively unknown in the U.S. QR codes

are essentially barcodes that can be scanned by smart phone cameras and other devices.

You aim your camera at a QR code on a page in a travel book, for example, and it links

to information online, such as a map or directions based on the user's location. The user

can also store information in the phone about the place that's described on the page. QR

codes can also appear in media other than books. You can scan them off a computer

screen. They've been put on T-shirts and even billboards. A new travel book is using

QR codes to help readers link to spots around the globe. "Earthbound: A Rough Guide

to the World in Pictures" is a coffee-table book with more than 250 gorgeous photos

Page 21: MOBILE APP FOR ISLAND Interactive USING QR CODE · Easy and rapid interaction between consumers and marketers enabled by mobile technology prompted an increase in the usage of mobile

11

from all over the world. Each comes with personal insights from the photographer who

captured the image, some of which have never before been published. What's new in

"Earthbound" is the strange blackand-white box next to each image. This is the QR

code, looking something like a pixelated alien from the 1970s video game "Space

Invaders." The code offers a link to the location of what's pictured in the photo, using

Google Maps online. (Fritz Faerber, 2009)

Page 22: MOBILE APP FOR ISLAND Interactive USING QR CODE · Easy and rapid interaction between consumers and marketers enabled by mobile technology prompted an increase in the usage of mobile

12

2.6 Comparison of Existing System

QR Code is widely used in various fields. QR codes make it easier for someone

to get information faster. In addition, the QR Code is also used in the travel industry

through the provided QR Code. There is a comparison of existing systems in the tourism

industry using the QR Code:

Table 1 Comparison of exiting system

Title Author / Year The strengths The Weakness

1) Interactive Tourist Guide: Connecting Web 2.0, Augmented Reality and QR Codes

Eulalia Rodríguez Fino Jorge Martín-Gutiérreza M. Dolores Meneses Fernándezb

Enrique Armas Davarac

(2013)

Guided map for tourists

Combination of 3 technologies using Augmented Reality, 3D Animation and QR Code

Do not have the objective information detailed on the project

2)Application of QR Codes in Online Travel Distribution

Michael Canadi Wolfram Höpken Matthias Fuchs (2014)

Usage of location-based services

Mobile tagging

Cultural museum

a very clear description of the travel distribution

Do not have the detailed objective of their project

Do not have the references

3) The Study of Using QR Code in the Mobile Tourist Guide Map

Wu-Lung Huanga Kuang-Min Wub Miao-sheng Chena Chih-Ming Chenc (2011)

Mobile tourists guide map using QR Code

Using 3G Internet and wireless technology

Can get more information about the

The users cannot access to the guide map when they are offline

Page 23: MOBILE APP FOR ISLAND Interactive USING QR CODE · Easy and rapid interaction between consumers and marketers enabled by mobile technology prompted an increase in the usage of mobile

13

local geographic

Have voice guide instruction

4) Travel book goes mobile with scannable QR code

Fritz Faerber (2009)

Help readers link to spots around the globe.

The code offers a link to the location of what's pictured in the photo, using Google Maps online.

Rewarded with a Google map of the spot where the photo was taken.

Bookmarking the locations so that if you ever get to the region, your phone will give you directions to visit the spot.

Using a book as the guide for travelers, it may difficult to bring it while traveling.

The explanation of this project unclear

2.7 Summary

In a nutshell, literature review gave details understanding or assumption about

the project documentation. It involves some research and study on existing work to get

some overview and related technique involved. Besides, an idea can be generated from

the existing product to overcome their disadvantages.

Page 24: MOBILE APP FOR ISLAND Interactive USING QR CODE · Easy and rapid interaction between consumers and marketers enabled by mobile technology prompted an increase in the usage of mobile

14

CHAPTER 3

METHODOLOGY

3.0 Introduction

In this chapter discuss in detailed the procedures needed in developing the model

application prototype. It requires manipulation of task and division of labour in

developing the application. Research methodology can be understood as a way to

systemically solve or answer the research problem. Thus essentially, it can be

understood as the process of studying how research is done in a scientific manner.

Through the methodology, we study the various steps that are generally adopted by a

researcher in studying the research problem and the underlying logic behind them. The

selection of the research method is crucial for what conclusions can make about a

phenomenon. It affects what can say about the cause and factors influencing the

phenomenon.

FIGURE 3.1 RESEARCH METHOD

Problem Definition

Research Objective

Research Design

Development

Page 25: MOBILE APP FOR ISLAND Interactive USING QR CODE · Easy and rapid interaction between consumers and marketers enabled by mobile technology prompted an increase in the usage of mobile

15

3.1 Problem Definition

A research problem is a definite or clear expression [statement] about an area of

concern, a condition to be improved upon, a difficulty to be eliminated, or a troubling

question that exists in scholarly literature, in theory, or within existing practice that

points to a need for meaningful understanding and deliberate investigation. A research

problem does not state how to do something, offer a vague or broad proposition, or

present a value question. The problem definition of this is:

i. Users need to search for information related Island, they have to access one or

more website until they find what they are searching for.

ii. Users want to save and utilized their time to search what they need.

iii. Lacks of information about Island and from trusted website.

3.2 Research Objective

The research gaps have been identified based on the literature reviews of the

individual studies. Following research objective(s) were outlined that commences with

understanding of mobile application process in detail and also includes various mobile

application characteristics, issues and challenges, and best practices adopted by mobile

development community for a successful mobile application development process.

i. To study the mobile application development process using waterfall model.

Each of these waterfall model approaches is focused on different aspect and

comparing these methodologies is imperative.

ii. To conduct a technical survey for gaining a better understanding of prevalent

development practices for mobile applications thereby identifying the problems

Page 26: MOBILE APP FOR ISLAND Interactive USING QR CODE · Easy and rapid interaction between consumers and marketers enabled by mobile technology prompted an increase in the usage of mobile

16

and challenges faced by the mobile professionals related to application

development.

iii. To explain the software development process in software engineering, waterfall

model happens to clarify the process into a linear flow with a specified sequence

to let the users understand that further level is made progressive on completion

of the previous one.

Page 27: MOBILE APP FOR ISLAND Interactive USING QR CODE · Easy and rapid interaction between consumers and marketers enabled by mobile technology prompted an increase in the usage of mobile

17

3.3 Research Design

The set of methods and procedures used in collecting and analyzing measures

of the variables specified in the problem research.

Figure 3.2 Flow chart

Page 28: MOBILE APP FOR ISLAND Interactive USING QR CODE · Easy and rapid interaction between consumers and marketers enabled by mobile technology prompted an increase in the usage of mobile

18

Figure 1.3 QR Code process

3.3.1 Process Model

CONTEXT DIAGRAM

Figure 3.4 Context diagram

Page 29: MOBILE APP FOR ISLAND Interactive USING QR CODE · Easy and rapid interaction between consumers and marketers enabled by mobile technology prompted an increase in the usage of mobile

19

DATA FLOW DIAGRAM (DFD)

Figure 3.5 Data flow diagram

3.3.2 Data Model

ENTITY RELATIONSHIP DIAGRAM (ERD)

Figure 3.6 Entity relationship diagram

Page 30: MOBILE APP FOR ISLAND Interactive USING QR CODE · Easy and rapid interaction between consumers and marketers enabled by mobile technology prompted an increase in the usage of mobile

20

STORYBOARD

Figure 3.7 QR code application

Figure 3.8 Website home button

Page 31: MOBILE APP FOR ISLAND Interactive USING QR CODE · Easy and rapid interaction between consumers and marketers enabled by mobile technology prompted an increase in the usage of mobile

21

Figure 3.9 Website about button

Figure 3.10 Website travel button

Page 32: MOBILE APP FOR ISLAND Interactive USING QR CODE · Easy and rapid interaction between consumers and marketers enabled by mobile technology prompted an increase in the usage of mobile

22

Figure 3.11 Website videos button

Page 33: MOBILE APP FOR ISLAND Interactive USING QR CODE · Easy and rapid interaction between consumers and marketers enabled by mobile technology prompted an increase in the usage of mobile

23

3.3.3 User Interface Design

User interface(UI) design is the process of making interfaces in software or

computerized devices with a focus on looks or style. Designers aim to create designs

users will find easy to use and pleasurable.

QR CODE APPLICATION

Figure 3.12 Website home button

Page 34: MOBILE APP FOR ISLAND Interactive USING QR CODE · Easy and rapid interaction between consumers and marketers enabled by mobile technology prompted an increase in the usage of mobile

24

Figure 3.13 Camera scan QR code

Figure 3.14 QR code linked to website

Page 35: MOBILE APP FOR ISLAND Interactive USING QR CODE · Easy and rapid interaction between consumers and marketers enabled by mobile technology prompted an increase in the usage of mobile

25

ISLAND WEBSITE

Figure 3.15 Home button

Figure 3.16 About button

Page 36: MOBILE APP FOR ISLAND Interactive USING QR CODE · Easy and rapid interaction between consumers and marketers enabled by mobile technology prompted an increase in the usage of mobile

26

Figure 3.17 Travel button

Figure 3.18 Video button 1

Page 37: MOBILE APP FOR ISLAND Interactive USING QR CODE · Easy and rapid interaction between consumers and marketers enabled by mobile technology prompted an increase in the usage of mobile

27

Figure 3.19 Video button 2

3.4 Development

Waterfall model happens to clarify the process into a linear flow with a

specified sequence to let the users understand that further level is made progressive on

completion of the previous one. Moreover, this methodology also talks about the fact

that going back to deal with the changes is not possible. In a Waterfall model, each

phase must be completed before the next phase can begin and there is no overlapping

in the phases. In the Waterfall approach, the whole process of mobile application

development is divided into separate phases. The outcome of one phase acts as the input

for the next phase sequentially. This means that any phase in the development process

begins only if the previous phase is complete. The waterfall model is a sequential design

process in which progress is seen as flowing steadily downwards (like a waterfall)

through the phases of Conception, Initiation, Analysis, Design, Construction, Testing,

Production/Implementation and Maintenance.

Page 38: MOBILE APP FOR ISLAND Interactive USING QR CODE · Easy and rapid interaction between consumers and marketers enabled by mobile technology prompted an increase in the usage of mobile

28

Figure 3.20 Waterfall model

Sequential Phases in Waterfall Model:

Requirements: The first phase involves understanding what need to be design

and what is its function, purpose etc. Here, the specifications of the input and

output or the final product are studied and marked.

System Design: The requirement specifications from first phase are studied in

this phase and system design is prepared. System Design helps in specifying

hardware and system requirements and also helps in defining overall system

architecture. The software code to be written in the next stage is created now.

Implementation: With inputs from system design, the system is first developed

in small programs called units, which are integrated in the next phase. Each unit

is developed and tested for its functionality which is referred to as Unit Testing.

Integration and Testing: All the units developed in the implementation phase

are integrated into a system after testing of each unit. The software designed,

needs to go through constant software testing to find out if there are any flaw or

Page 39: MOBILE APP FOR ISLAND Interactive USING QR CODE · Easy and rapid interaction between consumers and marketers enabled by mobile technology prompted an increase in the usage of mobile

29

errors. Testing is done so that the client does not face any problem during the

installation of the software.

Deployment of System: Once the functional and non-functional testing is done,

the product is deployed in the customer environment or released into the market.

Maintenance: This step occurs after installation, and involves making

modifications to the system or an individual component to alter attributes or

improve performance.These modifications arise either due to change requests

initiated by the customer, or defects uncovered during live use of the system.

Client is provided with regular maintenance and support for the developed

software.

Page 40: MOBILE APP FOR ISLAND Interactive USING QR CODE · Easy and rapid interaction between consumers and marketers enabled by mobile technology prompted an increase in the usage of mobile

30

3.5 Software and Hardware Requirements

This section will show all the list of software and hardware that involve in the

developments process. Lists of software and hardware are shown as below:

3.5.1 Software Requirements

List of the software needed for the development:

Table 2 Software requirements

NO. Software Purpose

1. Adobe Flash -To sketch the design

2.

Adobe

Photoshop/Illustrator

-To make a design

3. Android Studio

-Act as SDK to use the features

in the phone

-Use the emulator to compile

the code

4. phpMyAdmin

-open connection to MySQL

database

- linked QR Code to island

website

5. MySQL -create database management

6. Microsoft Word

-Use to prepare the

documentation

7. Java Programming -To develop mobile app

Page 41: MOBILE APP FOR ISLAND Interactive USING QR CODE · Easy and rapid interaction between consumers and marketers enabled by mobile technology prompted an increase in the usage of mobile

31

3.5.2 Hardware Requirements

List of hardware use for the project:

Table 3 Hardware requirements

NO. Item Quantity Description

1. Wireless

Network

3 UniSZA Hotspot

UniSZA Wifi

Hotspot Redmi

2. Xioami Redmi

5A

1 Display: 5.5” HD

Battery: 3080mAh

RAM: 2 GB

Internal Storage: 16 GB

Network: WiFi, Bluetooth

4.2

3. Lenovo Ideapad

310

1 Processor : AMD A9-9421

RADEON R5

RAM: 4 GB

Memory: 1 TB

System Type: 64-bit

operating system

Operating System: windows

10

Page 42: MOBILE APP FOR ISLAND Interactive USING QR CODE · Easy and rapid interaction between consumers and marketers enabled by mobile technology prompted an increase in the usage of mobile

32

3.6 Summary

This chapter describe the methodology for development of the apps.

Methodology is very important in development. In this project, waterfall model

software development method is used as a guide to build the project. Each phase already

explained for better understanding. Besides, software and hardware requirements also

explained in this chapter.

Page 43: MOBILE APP FOR ISLAND Interactive USING QR CODE · Easy and rapid interaction between consumers and marketers enabled by mobile technology prompted an increase in the usage of mobile

33

REFERENCES

References

Dale Janssen. (n.d.). Mobile Application . technopedia.

Eulalia Rodríguez Fino*a , Jorge Martín-Gutiérreza, M. Dolores Meneses Fernándezb,

Enrique Armas Davarac. (2013). Interactive Tourist Guide : Connecting Web

2.0, Augmented Reality and QR Codes.

Fritz Faerber. (2009). Travel book goes mobile with scannanble QR code. Travel book

goes mobile with scannanble QR code.

Janet E. Dickinson, Tom Cherrett, Sarah Norgate, Karen Ghali. (2015). Tourism and

the Smartphone App: Capabilities, Emerging Practice and Scope in the Travel

Domain. Tourism and the Smartphone App: Capabilities, Emerging Practice

and Scope in the Travel Domain.

MARKETING91. (n.d.). What is Sampling plan and its application in Market

research? What is Sampling plan and its application in Market research?

Retrieved from What is Sampling plan and its application in Market research?

Michael Canadi, Wolfram Hopken, Matthias Fuchs. (2014). Application of QR Codes

in Online Travel Distribution . Application of QR Codes in Online Travel

Distribution .

Wu-Lung Huanga, Kuan-Min Wub, Miao-Sheng Chena, Chih- Ming Chenc. (2011).

The Study of Using QR Code in the mobile tourist guide map. The Study of

Using QR Code in the mobile tourist guide map.