MOBILE APP FOR ISLAND INTERACTIVE

USING QR CODE

SYAZWANI NADHIRAH BINTI UMAR

BACHELOR OF INFORMATION TECHNOLOGY

(INFORMATICS MEDIA) WITH HONOURS

UNIVERSITI SULTAN ZAINAL ABIDIN

2019

MOBILE APP FOR ISLAND INTERACTIVE

USING QR CODE

SYAZWANI NADHIRAH BINTI UMAR

Bachelor of Information Technology (Informatics Media) with Honours

Faculty of Informatics and Computing

University Sultan Zainal Abidin, Terengganu, Malaysia

MAY 2019

i

DECLARATION

I’am Syazwani Nadhirah Binti Umar, the matric number BTDL 16043599 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.

__________________________

Name : Syazwani Nadhirah binti Umar

Date : May 2019

ii

CONFIRMATION

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

Syazwani Nadhirah binti Umar , matric number BTDL 16043599 has been satisfactory

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

Bachelor of Information Technology (Informatics Media) in University Sultan Zainal

Abidin (UniSZA).

_________________________

Name : En. Mohd Kamir bin Yusof

Date : May 2019

iii

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.

iv

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. In this project, one mobile application has been

developed to access island websites using QR code technology. Two category users are

divided; administrator and users. Administrator can add a new island by enter all

information about the island such as island name, location, URL and etc. Then, the

system is automatically generate QR code for the island. QR code is actually

represented URL for the island. Meanwhile, users is required to install the mobile

application but only limited for android platform. User just active the application and

scan QR code, then users can directly go to island website without enter URL name.

This mobile application can help users to access or get detail information about the

island by scan QR code on the pamphlet or brochures.

v

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 dalam beberapa tahun kebelakangan ini. Dalam projek ini,

satu aplikasi mudah alih telah dibangunkan untuk mengakses laman web pulau

menggunakan teknologi kod QR. Dua pengguna kategori dibahagikan; pentadbir dan

pengguna. Pentadbir boleh menambah pulau baru dengan memasukkan semua

maklumat mengenai pulau seperti nama pulau, lokasi, URL dan sebagainya. Kemudian,

sistem itu secara automatik menjana kod QR untuk pulau itu. Kod QR sebenarnya

mewakili URL untuk pulau itu. Sementara itu, pengguna dikehendaki memasang

aplikasi mudah alih tetapi hanya terhad untuk platform android. Pengguna hanya

aktifkan aplikasi dan mengimbas kod QR, maka pengguna boleh pergi ke laman web

pulau tanpa memasukkan nama URL. Aplikasi mudah alih ini boleh membantu

pengguna untuk mengakses atau mendapatkan maklumat terperinci mengenai pulau itu

dengan mengimbas kod QR pada risalah atau brosur.

vi

TABLE OF CONTENTS

DECLARATION i

CONFIRMATION ii

DEDICATION iii

ABSTRACT iv

ABSTRAK v

TABLE OF CONTENTS vi

LIST OF TABLES ix

LIST OF FIGURES x

LIST OF ABREVIATIONS xii

LIST OF APPENDICES xiii

CHAPTER 1 1

INTRODUCTION 1

1.1 BACKGROUND 1

1.2 PROBLEM STATEMENT 2

1.3 OBJECTIVE 3

1.4 PROJECT SCOPES 3

1.5 EXPECTED RESULT 4

1.6 LIMITATION OF WORK 4

1.7 PROJECT STRUCTURE 5

CHAPTER 2 6

LITERATURE REVIEW 6

vii

2.1 INTRODUCTION 6

2.2 MOBILE APPLICATION 7

2.3 QR CODE 7

2.4 ISLAND INTERACTIVE 8

2.5 ANALYSIS / TECHNIQUE / MODEL / PROJECT 8

2.6 COMPARISON OF EXISTING SYSTEM 14

2.7 SUMMARY 16

CHAPTER 3 17

METHODOLOGY 17

3.1 INTRODUCTION 17

3.2 SYSTEM DEVELOPMENT METHODOLOGY 17

3.3 SOFTWARE AND HARDWARE REQUIREMENTS 20

3.5 SYSTEM ARCHICTURE TO SHOW THE WHOLE SYSTEM WORK 22

3.6 SUMMARY 22

CHAPTER 4 23

SYSTEM DESIGN 23

4.1 INTRODUCTION 23

4.2 PROCESS DESIGN 23

4.3 DATABASE DESIGN 25

4.4 STORYBOARD 29

4.5 INTERFACE DESIGN 32

4.6 OUTPUT DESIGN 37

4.7 SUMMARY 37

CHAPTER 5 38

viii

DEVELOPMENT AND RESULT 38

5.1 INTRODUCTION 38

5.2 DEVELOPMENT 38

5.3 TESTING ANALYSIS 42

5.4 TEST CASE 42

5.5 SUMMARY 48

CHAPTER 6 49

CONCLUSION AND FUTURE WORK 49

6.1 INTRODUCTION 49

6.2 CONTRIBUTIONS 49

6.3 CONTRAINTS 50

6.4 FUTURE WORKS 50

6.5 SUMMARY 51

REFERENCES 52

ix

LIST OF TABLES

Table 3.1 Software requirements 20

Table 3.2 Hardware requirements 21

Table 5.1 Scanning testing 43

Table 5.2 Admin login testing 44

Table 5.3 Add new record testing 45

Table 5.4 Update island testing 46

Table 5.5 Delete island testing 47

x

LIST OF FIGURES

Figure 3.1 Waterfall model 18

Figure 3.2 System architecture 22

Figure 4.1 Context diagram 23

Figure 4.2 Data flow diagram 24

Figure 4.3 Entity relationship diagram 25

Figure 4.4 Database island_website 25

Figure 4.6 Table p_admin 26

Figure 4.7 Table p_image 27

Figure 4.8 Table p_island 27

Figure 4.9 Table p_state 28

Figure 4.12 Website travel page 30

Figure 4.13 Website videos page 30

Figure 4.14 Mobile app home page 31

Figure 4.15 Mobile app scan page 32

Figure 4.16 Website home page 33

Figure 4.17 Website about us page 34

Figure 4.18 Website introduction page 34

Figure 4.19 Website image page 36

Figure 4.20 Website video page 36

Figure 5.1 Login page 38

Figure 5.2 Admin home page 39

xi

Figure 5.3 Admin add new record page 39

Figure 5.4 Admin list of island page 40

Figure 5.5 Admin update island page 40

Figure 5.6 Admin delete island page 41

xii

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

xiii

LIST OF APPENDICES

Appendix A : Gantt Chart 54

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.

2

The problem of this tourism nowadays is the tourists cannot master the detailed

picture of their vacation. They also cannot 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 QR 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 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.

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 cannot 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

3

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.

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.

4

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.

5

1.7 PROJECT STRUCTURE

Chapter 1 describes about overview or project background, objectives, scope,

and limitations of works. Literature review or related works will be discussed in Chapter

2. Meanwhile, methodology of system application development will be described in

Chapter 3. Chapter 4 shows the system design, the flow of the system will represent in

the form of figures such as context diagram, entity relationship diagram, and data flow

diagram. This figure helps to show the system as a whole and the entities involve with

the system. The database design and system framework also will be shown here. In

chapter 5, development and result will explain about testing the system to prove that the

system can work properly. The error can be fixed at this stage. Finally, Chapter 6

conclusion and future work the whole system and suggestions for improvement of the

system.

6

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.

7

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

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

8

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)

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

9

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)

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

10

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)

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

11

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

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

12

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

Chih- Ming Chenc, 2011)

2.5.4 Tourism and the Smartphone App: Capabilities, Emerging Practice

and Scope in the Travel Domain

As society has become networked, and networks have become ubiquitous

through the use of mobile telephones, societal practices are undergoing a radical

transformation, none more so than in the domain of travel. The rapid uptake of mobile

technology (Ofcom, 2011) has enabled people to negotiate their day to day mobility

with increasing fluidity (Ling, 2004) providing scope for adhoc decision making on the

go based on networked connectivity between people. The contextual awareness

capabilities of smartphone technology are enhancing this ability and the travel domain

is proving to be a fertile ground for smartphone app development (Adobe Systems

Incorporated, 2010). The smartphone is continually evolving but, at its core, combines

a cellular telephone with built in applications and Internet access. Digital voice service

is combined with text messaging, email, web browsing, portable media players, low-

end compact digital cameras, pocket video cameras and GPS navigation. At a time when

pressing global environmental concerns are demanding a re-evaluation of travel

solutions, changes in the digital landscape are revolutionising people’s traditional

relationship with time and place and evolving new travel patterns. The smartphone’s

ubiquitous capability to link people to remote information repositories, exchanging

location based data and social information, has rapidly made it a powerful tool for

tourists. Smartphones are therefore an inevitable partner for tourism and the tourism

context has become a fertile ground for mobile computing (Cheverst, Davies, Mitchell,

13

Friday & Efstratiou, 2000). A plethora of novel approaches and mobile phone apps are

emerging. This includes tourist specific apps, travel and transport related apps, social

networking apps, and ultimately apps extending social networking to vehicles and the

‘things’ people need. With a growing number of users, apps are increasingly influential

in tourism travel decisions and behaviour (Wang, Park & Fesenmaier, 2011) at all stages

of tourism consumption (Höpken, Fuchs, Zanker & Beer, 2010; Frommer’s Unlimited,

2011). This is especially so given the increasing number of independent tourists who

are no longer reliant on packaged options (Buhalis & Law, 2008) and the marked shift

from a “place-based connectivity to individual, person-to-person connectivity”

(Schwanen & Kwan, 2008, p. 1365). There has been a growing academic interest within

the social sciences, especially sociology, geography and psychology, concerning the

shift to digitally mediated activities loosening the traditionally close links between

activity, place and time. This is manifest in the ‘new mobilities paradigm’ (Larsen, Urry

& Axhausen, 2006) and recent work in time geography (Couclelis, 2009; Cresswell,

2006; Kwan, 2007; Middleton, 2009). Mobile use has softened the normal time-and-

place related constraints and is allowing individuals a more spontaneous negotiation of

their meetings with other people, places and the things they need during the course of

tourism (Wang et al., 2011). Our understanding of time is increasingly less reliant on

the clock and relationships with place are less rooted in the Cartesian tradition. Given

tourism’s place dependency, this raises questions about how place is embodied and the

new affordances of a ‘sense’ of fluid time for movement and transport. This

fundamentally alters our current use and understanding of the transport network and

travel services. Given the rapid uptake of smartphone technology and associated apps

there is a need to evaluate the current and emerging state of the art and what this means

for the tourist travel domain. While smartphones and their associated apps are useful in

14

all forms of tourism travel arrangements, the focus of this paper is on domestic travel

both to and around destination areas and visitor attractions. It is less concerned with the

negotiation of international tourism travel, though there are a number of apps that focus

on this market. The paper has three aims: to evaluate the current capabilities of

smartphone apps within the tourism travel domain, to analyse how the smartphone app

is evolving society’s contemporary understandings of time and relationships with place

and things in the tourism travel domain and to highlight where the next major

developments could be. The paper’s contribution to knowledge lies in adding to the

understanding of how evolving mobile technology mediates travel decisions in the

tourism domain. (Janet E. Dickinson, Tom Cherrett, Sarah Norgate, Karen Ghali, 2015)

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 2.1 : Comparison of existing 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

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

15

(2013)

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 local

geographic

Have voice

guide instruction

The users

cannot access

to the guide

map when

they are

offline

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

16

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.

17

CHAPTER 3

METHODOLOGY

3.1 INTRODUCTION

This chapter will explain the details of the methodology being used in this

project. The project methodology should systematically solve all the problems arising

in the system analysis to make sure this project complete and working well. There are

many types of methodology the t can be applied and used in the development of the

system. The approach must be chosen correctly so that it is suitable to the development

of the project. It is an important step of development since it will guide researchers

through software development. After system has been completely developed, it should

be tested to make sure all the objective of the project achieved.

3.2 SYSTEM DEVELOPMENT METHODOLOGY

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

18

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.

Figure 3.1 Waterfall model

19

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

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.

20

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.

3.3 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.3.1 SOFTEWARE REQUIREMENTS

List of the software needed for the development:

Table 3.1 : Software requirements

NO. Software Purpose

1. Adobe Flash -To sketch the design

2. Adobe Photoshop -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

21

5. MySQL -create database management

6. Microsoft Word -Use to prepare the

documentation

7. Java Programming -To develop mobile app

3.3.2 HARDWARE REQUIREMENTS

List of hardware use for the project:

Table 3.2 : 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

22

3.5 SYSTEM ARCHICTURE TO SHOW THE WHOLE SYSTEM WORK

Figure 3.2 : System achitecture

Figure 3.2 shows system architecture of project. User scan the QR code using a mobile

app scanner. The QR code will interprets the link. Then, user can linked into island web

page. Administrator save the information about the island into database. User can obain

the information through the website.

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.

23

CHAPTER 4

SYSTEM DESIGN

4.1 INTRODUCTION

The flow of the system is organized to enable the system development will

progress smoothly. The way of the system functioning is drawn in the diagram to have

a clear understanding the process of the system during the development phase.

4.2 PROCESS DESIGN

4.2.1 CONTEXT DIAGRAM

Figure 4.1 : Context diagram

Figure 4.1 shows the context diagram which shows the interaction between the system

with entities. Admin will manage the QR code application and the website system.

24

4.2.2 DATA FLOW DIAGRAM (DFD)

Figure 4.2 : Data flow diagram

Figure 4.2 shows data flow diagram which is a graphical representation of a flow a data

through a system. In the figure, there are two process involved. Process in this system

are manage QR code application and manage website. There are two data stores created

in the system which is QR code information and website information.

25

4.3 DATABASE DESIGN

4.3.1 ENTITY RELATIONSHIP DIAGRAM (ERD)

Figure 4.3 Entity relationship diagram

Figure 4.3 show the entity relationship diagram for island_website. Entity Relationship

Diagram (ERD) is a graphical representation of entities and their relation between each

other. It is also used to illustrate the logical structure of the database.

4.3.2 DATABASE island_website

Figure 4.4 : Database island_website

26

In the figure 4.4, show the table which is consists in island_website database.

There are four table consists in this database. Which is p_admin table, p_image table,

p_island table and p_state table.

4.3.3 TABLE p_admin

Figure 4.5 : Table p_admin

In Figure 4.5, show the variables consists in this table. There are two variables

consists in p_admin table which is username and password. Username is the primary

key of this table.

27

4.3.4 TABLE p_image

Figure 4.6 : Table p_image

In Figure 4.6, show the variables consists in the p_image table. There are three

variables in this table which is imageID, imageName, and islandID. The imageID is the

primary key in this table and islandID as foreign key of this table.

4.3.5 TABLE p_island

Figure 4.7 : Table p_island

28

In Figure 4.7, show the variables consists in the p_island table. There are seven

variables consists in this table which is islandID, url, islandName, address1, address2,

postcode, and district. The primary key in this table is islandID.

4.3.6 TABLE p_state

Figure 4.8 : Table p_state

In Figure 4.8, show the variables consists in the p_state table. There are two

variables which is stateID and stateName. The primary key in this table is stateID.

29

4.4 STORYBOARD

Figure 4.9 QR code application

Figure 4.10 Website home page

30

Figure 4.11 Website about page

Figure 4.12 Website travel page

31

Figure 4.13 Website videos page

32

4.5 INTERFACE DESIGN

The interface is the way of interaction between the user and the system. It is also

a way to test the ability of the system in receiving input and produce the output.

Below are the interfaces of mobile app, website and system design:

4.5.1 MOBILE APP DESIGN

4.5.1.1 HOME PAGE

Figure 4.14 : Mobile app home page

33

Figure 4.14 shows the home page of QR Code scanner . Through this home page

user will click the button ‘scan here’ to scan the QR Code. After user click this button,

the URL will appear below the button scan here. User click the URL and after that they

can go to scan page.

4.5.1.2 SCAN PAGE

Figure 4.15 : Mobile app scan page

Figure 4.15 shows the scan page of QR Code scanner . Through this scan box

user will scan the QR Code . The QR Code interprets the data or information and user

will be linked to the island website.

34

4.5.2 WEBSITE DESIGN

4.5.2.1 WEBSITE HOME PAGE

Figure 4.16 : Website home page

Figure 4.16 shows the website home page. User linked this website using

QR Code that have been prepared in a booklet or anywhere if they see the QR Code.

4.5.2.2 WEBSITE ABOUT US PAGE

Figure 4.17 : Website about us page

35

Figure 4.17 shows the website about us page. User will get the address of island

through this page. This page shown the address of island that user want to travel.

4.5.2.3 WEBSITE INTRODUCTION PAGE

Figure 4.18 : Website introduction page

Figure 4.18 shows the website introduction page. User can get the information

about the island that they choosed to travel. This introduction page explain about the

history and activity that user can plan before travel.

4.5.2.4 WEBSITE IMAGE PAGE

Figure 4.19 : Website image page

36

Figure 4.19 shows the website image page. User can look the photo about the

activity and scenery at the island they choosed. Through this photo user will interest

want to go there.

4.5.2.5 WEBSITE VIDEO PAGE

Figure 4.20 : Website video page

Figure 4.20 shows the website video page. Besides, user can look the photo

about the activity and scenery at the island they choosed. They also can look the video

about the island. Through this video user will more interest want to go there.

37

4.6 OUTPUT DESIGN

There are several output design from the previous development:

i. A mobile application that can facilitate the user to obtain information.

ii. The web page can help users to better understand what they want.

iii. The application can raises interest to the user to use this application

multiple times.

iv. QR code is the latest technology that can store data in detail and

effectively.

4.7 SUMMARY

Based on this chapter, system design and modeling have showed all the

progress, data flow and data stored that involved in this system. Through the diagrams,

user can discuss on how the flow of the system is going on.

38

CHAPTER 5

DEVELOPMENT AND RESULT

5.1 INTRODUCTION

This chapter will discuss about development of the system and modeling that

have been done previously. Development will include all the process involved in getting

system to operate properly and making necessary changes. Testing will also be done

throughout the development process.

5.2 DEVELOPMENT

5.2.1 LOGIN PAGE

Figure 5.1 : Login Page

39

Figure 5.1 shows the admin’s login page. Admin needs to login this system first

before go to other pages. Admin needs to insert their username and password correctly.

Once the admin insert the correct username and password, admin can go to next page.

5.2.2 HOME PAGE

Figure 5.2: Admin home page

Figure 5.2 shows the home page of admin after they through the login page. This

home page has the home button, list of island and logout button to his home page has

the home button, list of island and logout button to facilitate admin to use it.

5.2.3 ADD NEW RECORD PAGE

Figure 5.3 : Add new record page

40

Figure 5.3 shows the add new record form page for admin insert the data of

island’s information. Admin also can generate the QR Code and insert data through this

form and save them to the database.

5.2.4 LIST OF ISLAND

Figure 5.4 : List of island page

Figure 5.4 shows the list of island’s information after admin insert the data of

island. This is the record from data of island information . This record was saved in the

database. Admin can update and delete the records if they want to do it.

5.2.5 UPDATE OF ISLAND

Figure 5.5 : Update island page

41

Figure 5.5 shows the update of island’s information after the information has

been recorded in the database. This is the record from island information . Admin can

update the information if they want to do it. This page appear after admin click the

button ‘update’ in list of island page.

4.2.3.6 DELETE OF ISLAND

Figure 5.6 : Delete island page

Figure 5.6 shows the delete of island’s information page. Admin can delete the

information if they want to delete it. This page appear after admin click the button

‘delete’ in list of island page and popup a message yes or no to delete the record.

42

5.3 TESTING ANALYSIS

In order to test whether the system is fully functioning, error testing is needed

to test the functionality of the system. There are three types of testing in the system

which is unit testing, integration testing and system testing. Unit testing is the testing

for a section of code for determining either it fit in for use of the system. Integration

testing is the testing of integrated component or between the module. For system testing

or end-to-end testing, it is a testing for a complete system and verify either it meets the

requirement or not.

5.4 TEST CASE

A test case is a set of condition which a tester used to determine whether the

application is partially or fully functioning. There are lists of use case, description, pre-

condition, basic flow, post-condition and rules will be stated in a test case. The test case

for scanning, login, add new record, update island and delete island will be shown

below:

43

5.4.1 QR CODE APPLICATION

Table 5.1 : Scanning testing

Use Case Scan

Description The user scan the QR Code using this application

Pre-Condition The user is on the scan page

Basic Flow 1. The first page user will see in this application is home

page.

2. The user click the button ‘scan here’ to scan QR

Code.

3. Then, user scan QR Code and QR Code interprets the

information.

4. URL appear at the home page.

5. User click the URL.

6. The island website appear on the screen.

Post-Condition User successfully able to scan and linked to the webpage.

Rules User must understand the navigational button

44

5.4.2 LOGIN

Table 5.2 : Admin login testing

Use Case Admin login

Description Admin login the system of island using the authorized

username and password

Pre-Condition Admin has to login the system

Basic Flow

1. The first page admin will see the login page

2. Admin insert their authorized username and

password

3. Then, admin click the login button

Post-Condition Admin successfully login and redirect to the home page

Rules Admin must has authorized username and password

45

5.4.3 ADD NEW RECORD

Table 5.3 : Admin add new record testing

Use Case Admin add new record of island

Description Admin add new record the information of island

Pre-Condition Admin add the new information

Basic Flow 1. The first page admin will see the home page

2. Admin click the button add new record at the home

page

3. The form add new record will be displayed

4. Then, admin insert the new record about the island

5. Admin click the button save.

6. System will be processes it and save the new record

into the database.

Post-Condition Admin successfully add new information of island and

redirect to list island page

Rules Admin should insert information correctly

46

5.4.3 UPDATE

Table 5.4 : Admin update testing

Use Case Admin update island

Description Admin update the information of island

1. The previous information of island will be display

before admin update it

2. Admin will change the information if they want to

change it

Pre-Condition Admin update the information

Basic Flow 1. The first page admin will see the update page

2. The previous information of island will be display

before admin update it

3. Admin will change the information if they want to

change it

4. Then, admin click the button update record

5. The system processes the changing an save the record

into database

Post-Condition Admin successfully update the information of island and

redirect to list island page

Rules Admin must insert the island information before they update

it

47

5.4.3 DELETE

Table 5.5 : Admin delete testing

Use Case Admin delete island

Description Admin delete the information of island

Pre-Condition Admin delete the information

Basic Flow 1. The list island page will be displayed.

2. Admin click the button delete to delete the

information

3. Then, a message box will popup to confirming if they

want to delete it or not

4. If they click yes, the information will be deleted. If

else, the information to be deleted.

5. The information will be deleted and removed from

the database

Post-Condition Admin successfully delete the information of island and back

to list island page

Rules Admin must confirm to delete the information or not

48

5.5 SUMMARY

In conclusion, all the interfaces described the functions and the flow of the

system. Besides, the information of the implementation of the system is delivered by

using test cases. The testing method is used to test the functionality and the validations

of the system on every main module in the system.

49

CHAPTER 6

CONCLUSION AND FUTURE WORK

6.1 INTRODUCTION

There are three (3) sub-topics in chapter 5 which are project contributions,

constraint and future work. All this point can be taken into consideration for this system

in order to upgrade for upcoming use.

6.2 CONTRIBUTIONS

The QR Code Scanner is a mobile app for users to scan the QR Code. The QR

code can store a lot of data or information. It will help users get information faster and

easier just by scanning the QR Code.

50

6.3 CONTRAINTS

There are several limitation occurred throughout the development of the system.

The limitation occurs in conducting these studies are:

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. This web page need to connected WiFi network to get the information.

6.4 FUTURE WORKS

Mobile App for Island Interactive still needs a the improvements. There are

several functions that can be implemented in the future system:

i. The navigation buttons are organized more attractive and easy for users to use

it.

ii. The mobile app should reduce the use of data or WIFI network to the web page

in order to save time users to obtain information.

iii. The island website should be more interactive with 360 degree view the island

using the video to give more interest to the tourists to go there.

51

6.5 SUMMARY

In conclusion, Mobile App for Island Interactive using QR Code has 2 main users

which are admin and tourists. This system is aimed to facilitate the tourists and other

users to get the information about the vacation fastest and easier than traditionally

through a book. This QR Code are used as a technology nowadays to store the data or

information.

52

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.

53

APPENDIX A : GANTT CHART

ACTIVITY / WEEK 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15

Project Title Selection

Project Research

Proposal Writing-

Introduction

Specification of

Problem Statement,

Objective, Scope

Proposal Wrinting-

Literature Review

Preparation For

Proposal Presentation

Proposal Progress

Presentation &

Evaluation

Discussion &Proposal

Correction And

54

Proposed Solution

Methodology

Proposal Solution-

Methodology

Proof Concept

Drafting Report

Documentation Of

Proposal

Collecting Data

Analysis And

Discussion

Preparation For Final

Presentation

Final Presentation Fyp

Report Correction

Final Report

Submission