syazwani nadhirah binti umar
TRANSCRIPT
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