CHAPTER I: INTRODUCTION

1.1 INTRODUCTION:
Trip 2 Italy is a tour guide for tourist who would like to spend their vacation in Italy. After
a month, its already done by developing into Mobile Application. The application will
more easy to navigate than map for guiding. Before it came with an android application,
the user or tourist must research whole content about Italy and buying a map for guiding.
It will take time for them. With our android application, it may use a plenty of time to
research and cut cost.

1.2 PURPOSE
The mobile application is created as a tourist guide for our TRIP 2 Italy. This is the actual
application for guiding to Italy and compiling all the information about Italy into one
application. The purpose of this project is to develop an Android application called Trip 2
Italy and to promote with an increase public awareness about the services that our apps
had provided for tourist or user.
1.3 OBJECTIVE
The main objective for this project is to develop an Android application called TRIP 2
ITALY:
To develop tour info for Malaysian country to Italy especially for Muslim.
To assist Muslim increase tourists awareness about socio-cultural.
To facilitate the intercultural dialogue between tourists and guides.

1.4 TARGET AUDIENCE

The age range is from 21 and above. This is because we are targeting the users who
are able to join our services if the user has experience in work. Both gender for the
user. Our target religion is just for Muslim because we will provide useful guide such
as location for halal food, the mosque, history building and etc.
1

The user that we target to download our application is from Selangor and Klang
Valley. The primary language of the user is in English or Malay. Ethnic for the user is
a Malaysian user. But first and foremost, they must be an Android type of user.
1.5 PROBLEM STATEMENT
The problem before developing the application is people are lack of information from the
website that has been providing for customer. The information is from the website is not
full of information of Italy. Customer wants to cut cost for they on vacation, the hotel in
the website is not well managed for customer to view. The restaurant in the website are
not sorted by the expensive to cheap and customer dont know which one is halal or non
halal. The map on the website is a world map type of picture and not detail. Customer
complains about the website it hard to use on mobile because the web type of display is in
website form.
1.6 PROBLEM SOLVING
We will develop a mobile application for Trip 2 Italy. We will provide information about
Italy with a button. In our applications, we will in include Plan your trip, Places to go
and Accommodation. Therefore, it will contain an event every year in Italy for user to
know. The application also provide and history of the building and statue in Italy. It will
fun using our application in the way of tour in Italy.
People have so many choices to stay and dine in Hotel and Dining from 5 star rating
until 1 star rating. The cost might be different based on their packages. There will have
our recommendation for hotel and dining. It will help user to choose a hotel and dining
from cheaper to expensive. This kind of style can be budget by the customer. With our
mobile apps, user will save time than using a website for a people review, those people
now keep use fake information in the website. Nowadays, people rather surf the web
using their Smartphone than using a desktop or laptop as they can review any information
provided in our apps.
1.7 LIMITATION
Current log in features available to apps are limited for the user to use as personal
information data by platform technologies and policies. This means, the user will go in
publicity with rules and regulations. Another limitation features; our apps dont have any
2

video upload that is provided in Trip 2 Italy application. It will make our apps and server
become heavier to manage. Cookies are unavailable, as are cookie controls or other
tracking control options. The use of device identier for tracking as a cookie alternative
has created concerns since the identier cannot be cleared easily.

CHAPTER II: LITERATURE REVIEW

2.1 INTRODUCTION:
From year of 2008, mobile application has been to high demanding by people because of
using a Smartphone. The evolution of mobile has caused developers to explore and
expand their development of mobile application. For developers, it kind of competition
give a great knowledge and information. The result will be always different.
For developers using android it is an Open Source OS without the need to pay huge
amount of license fee. Furthermore, manufacturer of Android electronic devices can
manipulate almost everything because it is Open. It was created and completely
developed by Google.
3

One must truly understand the basic structure of the operating system, and how the assets
are used; thus encouraging one to develop a multi-dollar app.
2.2 DESIGN GUIDELINES:
2.2.1

TECHNICAL

User Interface location

Usually, application User Interface elements are either placed at the bottom of
the app (most common) or at the top.

Image quality
To prevent images from appearing blurry or pixelated on a mobile phone, use
high-resolution images minimum size 720p. The resolution of must be best to
fit into the mobile and also in our eyes.

Accounting for motion

The location of buttons is not the only consideration related to how we hold
our mobile devices. We also keep the button more to thumb touch for the
application, it depends how user holding a phone by themselves.

2.3 CASE STUDY

2.3.1

i Tour Seoul
Description
Experience the best that Seoul has to offer with the i-Tour Seoul app! The official
travel guide app of the Seoul Metropolitan Government, i Tour Seoul gives you instant
access to all of the essential information you need to navigate your life in Seoul, all on
the go.

STRENGHTENS

Augmented Reality (AR) Mode

4

Figure 1: i-Tour Seoul Nearby Location Page

One of the first travel apps to utilize Augmented Reality, i Tour Seoul superimposes a layer of virtual information over your view of the real world. Just hold
up your iPhones camera to see what points of interests are nearby and instantly
get the name, address, phone number, distance and directions of the point of
interest youve selected.

Advanced Search

Figure 2: i-Tour Seoul Search Page

Want to know more about the places not immediately in your area? With i Tour
Seouls Advanced Search feature, you can search points of interest by keyword,
area, category or rating, and even filter your results alphabetically or by distance,
popularity, or rating.

WEAKNESSESS

Small type of font and size.

The "NEARBY" function didn't work properly. Sometime distances to attractions

will show 2,000 KM and above even when the user is in Seoul.
The photo in attraction places cant view in zoom size. Just a normal size.
Bigger size of application, take time to download the application and heavy

application.
No "FEEDBACK button from the user about the application
Contain bug for the recent update, page switch simultaneously.

2.3.2

Viator Tours & Activities

Description
Find and book over 15,000 tours & activities in over 1,000 destinations worldwide!
Viators local experts plus reviews and photos from travelers give you the true travel
insider experience. 15,000 TOP-RATED tours, tickets and activities in over 1,000
DESTINATIONS around the globe, Today, tomorrow or whenever youre traveling, even
same-day!
Interactive MAPS using GPS to pinpoint your location and top attractions near you now.
Exclusive deals and a low price guarantee including MEMBER ONLY DEALS exclusive
to Viator.. Full screen local videos let you experience before you go. Upload photos and
write reviews.

Strenght

More information about the place

Figure 3: Viator Tours Attraction Page

7

The user will get better information about some place before the user want to visit it

Have More Detail Tour and Activities

Figure 4: Viator Tours Activities Page

The user had choice to visit for their first visit

WEAKNESSESS
Too much button to navigate the application.
The developers always send PUSH NOTIFICATION constantly to users phone.
It will lead the user to uninstall their product.
The photo in attraction places cant zoom to view bigger size
No "FEEDBACK button from the user about the application
Lack of information about place or countries.

2.3.3

Trip Journal
Description
Trip Journal is the #1 Google Awarded Travel Application with the best trip
tracking, recording, documenting and sharing features currently available for
iPhone, Android, Symbian and Facebook.

Strenght

Viewable through Trip Journals exquisite Google Earth Export

Figure 5: Trip Journal Places Visited

Trip stats such as distance, time and geography traveled are also documented in realtime, all viewable through Trip Journals exquisite Google Earth Export.

Real-time Traveling Routes

Figure 6: Trip Journal Map Location

Trip Journal allows friends and family to easily see your traveling routes, waypoints for
visited locations, full screen photos, videos, comments and blog entries.
WEAKNESSESS

At the first starting, the application look good running, but when you navigate
the application, it looks like a free trip.
It crashed while trying to share on Facebook.
Sometime it would be dangerous to share with the public.
Limited type of using the application, the application is free but more button
cant use like it needs to pay.
Summary
So far, i Tour Seoul application is really interesting application. The design it will be
implemented and need some advance type of design in Trip 2 Italy application to make it
10

more interesting. Trip 2 Italy application has Tips section which explains to user enough
information about Italy that must be visited during summer time. Moreover, submit a bug,
email and the link to website really help to improve our Trip 2 Italy application. The simple
and well arrange button on the menu and sub-button. This also has become the one of the
design that we would like to apply on our Trip 2 Italy. It will be a main competitor for others
guiding apps, but then Trip 2 Italy is our benchmark to improve our design.

CHAPTER III: RESEARCH METHODOLOGY

3.1 INTRODUCTION

This chapter will cover about project methodology and how each phase is used
accordingly to propose mobile apps based on finding information, designing,
implementation, output and input specification and result just like techniques and method
in ADDIE Model. In this chapter also include sitemap, storyboard questionnaire and
costing for the project.
3.2 RESEARCH METHODOLOGY:
ADDIE is refers to Analysis, Design, Development, Implementation, and Evaluation.
ADDIE model delivers procedures that will manipulate the whole project development.
The ADDIE design model breaks into five phases:

11

EVALUATION
ANAL
YSE STAGE
STAGE
EVALUATION
ANAL
YSE
STAGE
STAGE
IMPLEMENTATION
DESIGN
STAGE
IMPLEMENTATION
DESIGN STAGE
STAGE
STAGE
DEVELOPMENT
STAGE
DEVELOPMENT
STAGE

FIGURE 7: ADDIE MODEL METHODOLOGY

3.2.1

Analysis

In analysis phase, the developers make a list of potential client for the project and
make first appointment with Permata Waja SDN. BHD. We makes random question
that related to client. Done with interview, we do some research about the Italy such
as lifestyle, interesting places, hotel and dining. After all research and survey are
completed, we could analyze and understand what user wants for in our mobile
application
3.2.2

Design

With our clients objective and product outcome that related to their condition, we
come to the design phase. We begin to sketch some storyboard design. We would

12

construct site map which is the main structure for our product outcome. Then we
make a second appointment for our client to choose best storyboard that is required by
their condition so we can move to development process of our project.
3.2.2.1 Gantt Chart

Refer to Appendix
3.2.2.2 Sitemap

Refer to Appendix
3.2.2.3 Storyboard

Refer to Appendix A, B and C

3.2.3

Development

In development process, we could studying the codes that can be run on Adobe Flash
to make sure it related to our clients condition and objective. The design was
implemented into our project software called Adobe CS Flash with the navigation
such as button, sound, text and more. Once we enter development stage, we must
concentrate and very carefully with our project so that we cant do any mistake that
could take more time and we are behind schedule if were late. After our clients
satisfied with our designing and developing, we can now move on to the next stage.

3.2.4

Implementation and Evaluation

Our client has decided to do full implementation with our project on specified date
and time. After doing so, we can make a closed test called alpha testing. Only the
developer has the right to do alpha testing with limited number of person. In this test,
we are able to carry out the error and apply a patch. It will make our system stable for
future releases. Next, after identify several difficulties and error; we will publish to
public with tag Beta Release. This will ensure that our customer is satisfy enough or
not for our mobile application. We will start give a questionnaire about 10 to 20
person to test and evaluate our mobile application.
3.2.4.1 Questionnaire

Refer to Appendix
13

Final Costing

3.3.1

Product Development

Storyboarding @ 1 - 3 weeks, 1 3 people

Interface Design and Build @ 1 - 3 weeks, 1 - 3 people

Content Development @ 1 - 3 weeks, 1 - 3 people
Testing @ 1 - 2 weeks, 1 - 3 people
Delivery/Installation @ 1 - 3 weeks, 1 - 3 people
Estimated Cost of Development
3.3.2
3rd Party License Costs
Adobe Photoshop 2 licenses @ RM299.99 each

Min
RM40.00
RM170.00
RM200.00
RM230.00
RM300.00
RM940.00

to

Max
RM360.00
RM1.530.00
RM1,800.00
RM2,070.00
RM2,700.00
RM8460.00

RM599.98
14

RM299.99

Adobe Illustrator 1 licenses @ RM299.99 each

Adobe Flash Professional 1 licenses @ RM299.99

RM299.99

each
Microsoft Office 1 Licenses @ RM499.00 each
Estimated Cost of Licenses
3.3.3

3.3.4

3.3.5

RM499.99
RM1,699.95

Maintenance & Support

User Manual
Online Support
Updates/Patches
Estimated Cost of Maintenance

RM50.00
RM100.00
RM300.00
RM650.00

Overhead
Phone Bills
Broadband/Internet Connection
Electricity
Travelling
Stationery
Misc
Estimated Cost of Overhead

RM3,600.00
RM2,000.00
RM4,000.00
RM1,600.00
RM1,000.00
RM500.00
RM13,200.00

Total Estimated Cost of Project

Estimated Cost of Development
Estimated Cost of Licenses
Estimated Cost of Maintenance
Estimated Cost of Overhead
Grand Total

Min
RM940.00

RM940.00

to

Max
RM8460.00
RM1,699.95
RM650.00
RM13,200.00
RM16,395.95

CHAPTER IV: PROTOTYPE DEVELOPMENT

4.2 INTRODUCTION:
Prototype is actually came out with an idea of a person that can be write into piece of
paper and refined it into product concept for the benefit. This chapter includes explaining

15

technique of the prototype in interactive systems, uses of small Mockup Prototype to test
it into mobile apps, resources and some choice of designing.

4.3 RESOURCES Software and Hardware Requirement

4.3.1 Developer Side
4.3.1.1 Software Requirements
Windows 7 Home Premium Service Pack 1
Adobe Photoshop CS5.1
Adobe Flash CS5.5
Google Chrome and Mozilla Firefox
Database: Microsoft Access
Programming: Actionscript 3.0
Browser:

4.3.1.2 Hardware Requirements (PC Spec)

500GB HDD
6GB RAM
Intel(R) Core(TM) i3-2310M
CPU @ 2.10GHz
Intel HD Graphic Family
Realtek HD Audio

16

4.3.2 Client Side

4.3.3

Software Requirements
Adobe Flash Player
Plugin: Adobe Flash
Audio

4.3.4

Hardware Requirements

OS: Android OS, v2.0 (Gingerbread) or higher

CPU Speed: 1.0 GHz or higher
RAM: 512 MB RAM or higher
Internal Memory: 1 GB or higher

4.4 FLOWCHART

17

Trip 2
Italy
Main
Menu
Trip
Planner

Places to
Go

Calendar

Interestin
g Places

Italy Map

Event &
Fiesta

Hotel

Gallery

List Of
Hotel

Credit
Rate This
App
Send
Feedback

Shopping
Dining
Lifestyle
FIGURE 8: FLOWCHART FOR TRIP 2 ITALY

4.5 DESIGN INTERFACE

Design Interface 1

Design Interface 2

18

Design Interface 3

4.6 BUTTON SELECTION

Button Selection 1

Button Selection 2

19

Button Selection 3

4.7 LAYOUT DESIGN

Background Colour 1

Background Colour 2

20

Background Colour 3

4.8 FONT SELECTION

1. First fonts design - Agency FB

2. Second fonts design - Calibri

3. Third font design - Vijaya

4.9 Codes
Refer to Appendix F and G
4.10

NAVIGATION

21

We choose hierarchal navigation because it is a way to connect together

many areas of information into a Trip2Italy structure. User could easily go
from the homepage to other areas of the application and back again using
this pattern of navigation. Its user friendly to use the application.

4.10.1 Trip Planner

4.10.1.1

Objective
People can view what date they want to go without go to online broadcast
about weather.

4.10.1.2

Description

Trip Planner allows user to check the event in interesting places button
without missing one of them.

4.10.2 Places to Go
4.10.2.1

Objective

In Places to Go Button section, the interface for the page is showing the place
for the nice place and the place that for tourist/customer should visit in the
Italy.
4.10.2.2
Description
This page will contain four more minor section including the interesting
places, dining, event and fiesta and Italy map. Every place will show the
details of the place.
4.10.3 Wallpaper/Gallery
4.10.3.1

Objective

22

In Wallpaper button section, there will be a gallery for Italy. The wallpaper
serve in High Definition (HD) wallpaper for the user to download/save in
their gadget.
4.10.3.2

Description

This page will contain picture that are zoom able with bigger size of picture.
The user has an option to download the best picture to their mobile devices.
4.10.4 Hotel
4.10.4.1

Objective
User can view the best hotel that are available in Italy, based on their interest
and rating of the hotel.

4.10.4.2

Description
Users have an option to choose which the best hotel to stay, based on their
interest

4.10.5 Credit
4.10.5.1 Objective
In Credit button section, this page showing the information of the
maker of the application and the company details.

4.10.5.2

Description

This page will consist, About Us, Send Feedback, Version History
(Change logs) and Rate.

23

CHAPTER V: TESTING AND RESULT

5.1 TESTING METHOD
For this project there are 2 types of testing, Alpha and Beta Testing.

5.1.1 Alpha Testing

Improves the quality of the product and ensures beta readiness. Alpha
testing happens toward the end of a development process when the
24

product is in a near fully-usable state. Usually alpha testing very long

and see many iterations. Mostly performed by test engineers, employees,
and sometimes friends and family. Focuses on testing that would
emulate ~80% of the customers. Plenty of bugs, crashes, missing docs
and features testers should expect. A good alpha test sets well-defined
benchmarks and measures a product against those benchmarks.

5.1.2 Beta Testing

Improve the quality of the product, integrate customer input on the
complete product, and ensure release readiness. They happen just prior
to launch, sometimes ending within weeks or even days of final release.
They last about few weeks (sometimes up to a couple of months) with
little major iteration. Product marketing, support, docs, quality and
engineering (basically the entire product team), are the one who cares
about it. Tested in the real world with real customers and the
feedback can cover every element of the product. Testers will found
some bugs, fewer crashes, most docs, feature complete. And finally,
Release Party!

5.2 RESULT
+5.2.1 QUESTIONNAIRE
25

Question 1: Are you male or female?

Male

Female

FIGURE 30: RESULT FOR QUESTION 1

From figures, most of male take the questionnaire from us. But some of female shy to take
the questionnaire

QUESTION 2: Which category below includes your age?

17 or younger

18-20

21-29

30-39

FIGURE 31: RESULT FOR QUESTION 2

From figure , most of people who are between 21-29 years old would take the questionnaire
from us.

26

Question 3: Are you interested in a mobile app or mobile website?

Mobile Apps
Mobile Website
Both
Not Sure

FIGURE 32: RESULT FOR QUESTION 3

From figure , most of people agreed about our project into mobile applications.

27