Carlos Hilado Memorial State College – Talisay

Faces of Negros Occidental Web-based Application

21

3.2 System Development Methodology

The researchers will use the Iterative model which is based on the system

development life cycle method (SDLC). An iterative model begins by specifying

and implementing just part of the software, which can then be reviewed in order

to identify further requirements. This process is then repeated, producing a new

version of the software for each cycle of the model.

The Iterative Model consist of four phases: Requirements, Design,

Implementation and Test, and Review.

Figure 1. Iterative Development Model

 Carlos Hilado Memorial State College – Talisay
Faces of Negros Occidental Web-based Application
22

Requirements Phase

During the requirement phase, an interview approach is conducted to

the office head of the Negros Provincial Tourism Office and to the staffs of the

ICTD office to gather firsthand information about the tourism here in Negros

Occidental. In determining system requirements, the researchers gathered

information through gathering the past data of tourist arrival here in the province

also samples of brochures, pamphlets, and leaflets.

Design Phase

After analyzing the collected data, the researchers identify all the

system requirements. The researchers distinguished and identified the basic

architecture design of the proposed web application. The researchers created an

initial design of the Faces of Negros Web Application based on the analyzed

data.

Implementation and Test Phase

After the complete designing and encoding of the program, the system

is tested. The researchers used the Alpha and beta for testing the efficiency of

the Faces of Negros Occidental Web Application. The system is tested to know if

it is running in proper condition. An efficient testing is taken to ensure that the

system is ready to be implemented. In the testing and implementation phase, the

software and hardware will be installed for the deployment of the Faces of

Negros Occidental Web Application in the Negros Provincial Tourism Office.

 Carlos Hilado Memorial State College – Talisay
Faces of Negros Occidental Web-based Application
23

Review Phase

In this phase is all about the review of the results of web application

testing. Recommendation and correction for the Faces of Negros Occidental

Web Application is highly considered. Suggestions and recommendation is

applied for the improvement of the Faces of Negros Occidental Web Application.

3.3 System Requirement Specifications

In this section, the requirements needed to meet the objectives of the

Faces of Negros Occidental Web Application for the Negros Occidental Tourism

Office and for the guests are being identified. This also includes the hardware

and software requirements that is needed for the implementation of the Faces of

Negros Web Application.

Functional Requirements

The Faces of Negros Occidental Web Application major function which

is to gather guest’s feedback through the guest’s post, comments, rating for a

certain place and the answered survey. The system would generate survey

reports, most visited, highly rated, and monthly visitors of Negros Occidental

Reports. The web application function consist of serving as a travel guide, track

location, gather guest’s feedbacks, and generate reports for the admin. Faces of

Negros Occidental Web Application would have the following functionalities: In

the blog, all the guest’s post will be seen. In the City, the list of all the cities within
 Carlos Hilado Memorial State College – Talisay
Faces of Negros Occidental Web-based Application
24

the Negros Occidental same thing with municipalities, which has the list of all the

municipalities within Negros Occidental. In the categories, places are being

categorized according to the tourist spots available such as Heritage Houses,

Resorts, Historical Sites, Hotels, Restaurants and Beach. And in the places, this

is where the most visited, recommended cities, highly rated places are being

displayed.

Input Requirements

The guest will play a big part as a contributor of the input requirements

for the Faces of Negros Web Application. One of this is the guest’s post which

the guest will post a photos regarding the places which the guest already visited.

Another is the guest’s comment which the other guests will give feedback. Next,

is the ratings which will serves as a satisfactory level of a guest in a visited place.

Lastly, is the survey which the guest will answer about its experience in traveling

here in Negros Occidental. The visitor can visit the system, they can give their

comment but cannot rate. For the admin, it must input the places information

which it gives information, description, or whereabouts of a certain place. Another

is the place categories which it categorized every city and municipality and even

categorized every places according to activities that is available to do in a certain

place.
 Carlos Hilado Memorial State College – Talisay
Faces of Negros Occidental Web-based Application
25

Output Requirements

The main output of the web application is to generate summary based on

guest’s answered survey, feedbacks, and ratings for each places in every cities

and municipalities within Negros Occidental. It would generate reports such as

survey reports, most visited, most rated places, cities and municipalities in

Negros Occidental. Another reports is the monthly, and yearly visitors of Negros

Occidental.

Software Requirements

 Operating System

- Windows 7 or higher version

 xampp (version 3.2.1)

 Google Chrome

Recommended Hardware Requirements

 Processor: Intel Dual Core or Higher Version

 Processor Speed: 1.0 GHZ or higher version

 RAM: 1 GB RAM or higher version

 Hard Disk: 20 GB Hard Disk or above

 Printer: Any compatible printer

 Carlos Hilado Memorial State College – Talisay
Faces of Negros Occidental Web-based Application
26

3.4 System Analysis

Analysis of the information of the tourism here in Negros Occidental is

an important step in determining the requirements of the new web application.

It is essential that the analyst understand the environment in which the new

web application will operate. Understanding the environment means knowing

enough about the management of the organization, its structure, its people,

its business, and the current information system to ensure that the new web

application is appropriate.

Data Analysis

Through conducting an interview with the personnel in charge in Negros

Provincial Tourism Office and in ICTD office, the researchers get the idea on how

to develop the Faces of Negros Occidental Web Application. During the

interview, the researchers asked questions regarding to the organization and the

current system for gathering more information and supporting documents which

is provided to the group to be able to analyze and to figure out the main functions

of the system project. The system provided reports for the main processes of the

web application. The administrator can easily retrieved reports and can

automatically update records or make changes if needed.

The researchers did the brainstorming regarding the information gathered

 Carlos Hilado Memorial State College – Talisay
Faces of Negros Occidental Web-based Application
27

from the interview. The researchers also studied on how the data could be

configured in the web application that will meet the organization’s rules.

Process Analysis

After conducting an interview and thorough analysis, the group decided to

develop a Faces of Negros Occidental Web Application. In using the system,

both admin and guest must first log-in to access the system. In posting,

commenting, and rating, the guest is able to post a photo of their experience in a

certain place where they already visited. The guest which saw the post of other

guest can give their feedback through commenting. The guest’s post will be

stored in the database. Through the guest’s post, comments, ratings, and

answered survey the admin is able to generate a report such as the most rated

and most visited places, cities, and municipalities, survey reports, and the visitors

of the Negros Occidental. In adding and updating places, descriptions,

categories, cities and municipalities, the admin is the only authorize person to do

the work.
 Carlos Hilado Memorial State College – Talisay
Faces of Negros Occidental Web-based Application
28

3.5 User Design

Figure 2. Flowchart - Admin

The figure above the shows the major and minor processes of the Admin. The

admin is the one manages and maintain the data in each places, cities and

municipalities. Edit program, manage the users of the system (internal users)

and give schedule of activities.

 Carlos Hilado Memorial State College – Talisay
Faces of Negros Occidental Web-based Application
29

Figure 3. Flowchart – Guest

The figure above the shows the major and minor processes of the User. The

user of the web application can post, comment, rate, and view the system.
 Carlos Hilado Memorial State College – Talisay
Faces of Negros Occidental Web-based Application
30

Figure 4. Entity Relationship Diagram

Figure 4 shows the relationship between the tables with their corresponding

entities.
 Carlos Hilado Memorial State College – Talisay
Faces of Negros Occidental Web-based Application
31

Figure 5. Data Flow Context Diagram

The figure above shows the context diagram data flow diagram, which

illustrates how the data flows in the Faces of Negros Occidental Web Application.
 Carlos Hilado Memorial State College – Talisay
Faces of Negros Occidental Web-based Application
32

Figure 6. Level 0 Admin Data Flow Diagram

The figure above shows the level 0 diagram of admin. The diagram shows the

different process, storage, and data flow of the transaction of the admin.
 Carlos Hilado Memorial State College – Talisay
Faces of Negros Occidental Web-based Application
33

Figure 7. Level 0 Guest Data Flow Diagram

The figure above shows the level 0 diagram of guest. The diagram shows the

different process, storage, and data flow of the guests transaction in the web

application.
 Carlos Hilado Memorial State College – Talisay
Faces of Negros Occidental Web-based Application
34

Figure 8. Level 1.0 Admin Data Flow Diagram

The figure above shows the explosion of the information management process in

the level 0. It illustrates the detailed functions of the Administrator in the system.
 Carlos Hilado Memorial State College – Talisay
Faces of Negros Occidental Web-based Application
35

Figure 9. Level 2.0 Admin Data Flow Diagram

The figure above shows the explosion of the Guest Query process in the level 0.

It illustrates the detailed functions of the Administrator in the system.

 Carlos Hilado Memorial State College – Talisay
Faces of Negros Occidental Web-based Application
36

Figure 10. Level 3.0 Admin Data Flow Diagram

The figure above shows the explosion of the History process in the level 0. It

illustrates the detailed functions of the Administrator in the system.

Figure 11. Level 1 Guest Data Flow Diagram

The figure above shows the main processes of the guest.
 Carlos Hilado Memorial State College – Talisay
Faces of Negros Occidental Web-based Application
37

Figure 12. Admin Use Case

Figure 8 shows the role of the admin in the system.

Figure 13. Guest Use Case

Figure 9 shows the role of the guest in the system.
 Carlos Hilado Memorial State College – Talisay
Faces of Negros Occidental Web-based Application
38

Data Dictionary

The tables below shows the different fields that are included in the system.

These are the back-end of the system and it is where all the information are

stored. The table includes field name, optional, field type, length, key and

description.

Table 2. Account
Field Name Optional Field type Length Key Description
acc_id N INTEGER 09 PK Account ID
username N VARCHAR 50 Account username
firstname N VARCHAR 30 Account firstname
lastname N VARCHAR 30 Account lastname
password N VARCHAR 100 Account Password
email N VARCHAR 40 Email address
about_me N VARCHAR 60 About account
role N VARCHAR 500 Determined the
account

Table 3. Background
Field Name Optional Field type Length Key Description
image_no N INTEGER 255 PK Image Number
image_id N VARCHAR 500 Image id
image N VARCHAR 500 Image
place_id N VARCHAR 500 FK Place id

Table 4. Categories
 Carlos Hilado Memorial State College – Talisay
Faces of Negros Occidental Web-based Application
39

Field Name Optional Field type Length Key Description

cat_id N INTEGER 255 PK Category id
name N VARCHAR 500 Name of category

Table 5. Cities
Field Name Optional Field type Length Key Description

cities_num N INTEGER 255 PK City number

cities_id N INTEGER 500 City ID

name N VARCHAR 500 City name
description N VARCHAR 500 City description

image N VARCHAR 500 City Image

address N VARCHAR 500 City Address

Table 6. Cities Events

Field Name Optional Field type Length Key Description

Event_no N INTEGER 255 PK City number

event_id N VARCHAR 500 FK City ID

cities_id N VARCHAR 500 FK City name
event_date N VARCHAR 500 City description

address N VARCHAR 500 City Image

event_name N VARCHAR 500 City Address

Table 7. Follow
 Carlos Hilado Memorial State College – Talisay
Faces of Negros Occidental Web-based Application
40

Field Name Optional Field type Length Key Description

acc_id_follower N VARCHAR 09 FK Account ID of

follower
acc_id_follow N VARCHAR 09 FK Account ID of
follows
acc_no N INTEGER 255 PK Account number

Table 8. Municipalities
Field Name Optional Field type Length Key Description

mun_num N INTEGER 255

id N INTEGER 255 PK
mun_id N VARCHAR 500
name N VARCHAR 500 Name of
Municipality
description N VARCHAR 500 Municipality
description
address N VARCHAR 500 Municipality
Address
place_Lat N VARCHAR 500 Place Latitude

place_Lng N VARCHAR 500 Place Longtitude

Table 9. Notification
Field Name Optional Field type Length Key Description
notif_id N INTEGER 09 PK Notification ID
redirect_id N INTEGER 09 FK Redirect ID
user_id_from N INTEGER 09 FK User ID from
notification
notif_type N INTEGER 01 Notification type
time_stamp_notif N timestamp Time stamp
notification
Table 10. Notified
 Carlos Hilado Memorial State College – Talisay
Faces of Negros Occidental Web-based Application
41

Field Name Optional Field type Length Key Description

notif_id N INTEGER 09 FK Notification ID
user_id_notified N INTEGER 09 FK User ID notified
noti_no N INTEGER 255 PK Notification
number

Table 11. Places

Field Name Optional Field type Length Key Description
ID N INTEGER 11 PK Place ID
name N VARCHAR 255 Place name
address N VARCHAR 255 Place address
Image N VARCHAR 255 Place image
category N VARCHAR 255 Place category
description N VARCHAR 255 Place description
place_id N VARCHAR 255 Place city
city N VARCHAR 255 FK Place ID
location_id N VARCHAR 500 FK Location ID

Table 12. Place Events

Field Name Optional Field type Length Key Description
event_no N INTEGER 255 PK Event number
event_id N VARCHAR 500 FK Event ID
event_data N VARCHAR 500 Event data
gathered
Address N VARCHAR 500 Event Address
event_name N VARCHAR 500 Event name

Table 13. Posted

 Carlos Hilado Memorial State College – Talisay
Faces of Negros Occidental Web-based Application
42

Field Name Optional Field type Length Key Description

post_id N INTEGER 09 PK Post ID

Content N VARCHAR 300 Post content
place_id N VARCHAR 500 FK Place ID
acc_id N VARCHAR 11 FK Account ID
time_post N VARCHAR 500 Time posted
Image N VARCHAR 500
Address N VARCHAR 500
Name N VARCHAR 500

Table 14. Rating

Field Name Optional Field type Length Key Description
acc_id N VARCHAR 500 FK User ID
place_id N VARCHAR 500 FK Place ID
comment N VARCHAR 500 Comment
rating_id N INTEGER 255 PK Rating ID
rating_no N VARCHAR 500 Rating Number
username N VARCHAR 500 FK Username

Table 15. Tag

Field Name Optional Field type Length Key Description

acc_id N INTEGER 09 FK Account ID

post_id N INTEGER 09 FK Post ID

Table 16. Survey

Field Name Optional Field type Length Key Description
 Carlos Hilado Memorial State College – Talisay
Faces of Negros Occidental Web-based Application
43

Id N INTEGER 255 PK ID

acc_id N VARCHAR 500 FK Account ID

Place N VARCHAR 500 Name of Place

Address N VARCHAR 500 Address of the

Place
survey_id N VARCHAR 500 Survey ID

province N VARCHAR 500 Province

c_m N VARCHAR 500 City or Municipality

Area N VARCHAR 500 Seaport or Airport

Transpo N VARCHAR 500 Name of Ship or

Airline
p_residence N VARCHAR 500

m_purpose N VARCHAR 500 Purpose of Visit

c_night N VARCHAR 500 Num. of nights

u_c_ae N VARCHAR 500

exn_amount N VARCHAR 500 Expenses

no_person N VARCHAR 500 Num. as a group

Date N VARCHAR 500 Date

Monthly N VARCHAR 500 Month

Yearly N VARCHAR 500 Year

Daily N VARCHAR 500 Day

Table 17. Upvote

Field Name Optional Field type Length Key Description
 Carlos Hilado Memorial State College – Talisay
Faces of Negros Occidental Web-based Application
44

acc_id N INTEGER 09 FK Account ID

post_id N INTEGER 09 FK Post ID

upvote_no N INTEGER 255 PK

3.6 System’s testing

The overall program units is combined and tested to ensure that the

complete system meet the software requirements. In this phase, the system is

tested using the McCalls’ software quality standards and ISO/IEC 25010:2011

software quality model characteristics alpha and beta testing.

3.7 System Evaluation

The system evaluation form is conducted in order to assess the overall

function of the Faces of Negros Occidental Web Application. A total of 30

respondents asked to participate in system evaluation form.

Table 18. Respondents of the Study

Respondents Number of Respondents

Information Technology Expert 5

Tourism Staff 10

Guest 15

Total 30
 Carlos Hilado Memorial State College – Talisay
Faces of Negros Occidental Web-based Application
45

The system evaluation is used as one of the data gathering instrument for

this study. The questionnaire is compose of twenty-four criteria using the

McCalls’ software quality standards and a thirty-one criteria using the ISO/IEC

25010:2011 software quality model characteristics. The main purpose of the

questionnaire is to assess the overall function of the system.