I

FERRYGO: MOBILE APPLICATION FOR MARITIME TRANSPORT

BOOKING IN ALABAT ISLAND

De los Santos, Banjo L.

Sluder, Richard C.

Southern Luzon State University

Dual Training and Livelihood Center

Lucena, Campus

Bachelor of Technical-Vocational Teacher Education

Major in Computer Programming

June 2021
 1

Chapter I

INTRODUCTION

Maritime Transportation has been a way of sea transportation to enable people to

travel islands in huge quantities at a time. A particular vehicle that offers this service is

the “ferry”, which is used to convey passengers across the sea and has been a common

ship in the Philippines.

The main government body responsible for preparing and establishing seaports in

the country is the Philippine Ports Authority (PPA). Established in 1974, the PPA Charter

was amended by Executive Order 857, widening its responsibilities to include the

incorporation and coordination of ports nationally Iglesias, (2020).

Maritime transport refers to the carriage by sea of goods or/and passengers and is

primarily used for commercial purposes, in exchange for fees, such as hire or own

account, as part of the larger economic account of the organization.

Transportation refers to the volume of bulk sorts and the variant of roll-on-roll-off

(Ro-Ro) of the ship handling the passengers via the terminal. Port of Alabat is recognized

to be amongst the most important trade sites on the island and is one of the longest ports

in the province of Quezon. Sometimes, the passengers encounter problems in boarding

the “ferry”. Upon taking the service of the transportation, there are occurrences when it

comes to; schedule of departure and the assurance of passenger. This can cause

inconsistency of the flow of ease in terms of transportation for the public.

 2

Background of Study

For most ferry units, boarding of passengers, packages, and vehicles has been

difficult as the workplace can be incoherent with the way the data types are brought in.

This can be reliant on the staff in the workplace who do not efficiently accommodate the

data. The staff of the ship can cause mishaps such as exceeding passenger capacity due to

uncertainty or misinformation provided by them, this is also given to packages and

vehicles that are boarded on to the ferry. With this in mind, chances of delay in departing

are setback due to the alteration of the ferry’s system. It can be hectic when travelers are

boarding the ferry because of the unsystematic queueing of the passengers.

According to Zameer (2019). Ferry ticketing being unsystematic makes it

difficult to book or reserve tickets on the port. The tickets that the passenger receive are

used to confirm validity to board the ferry, however, if this was lost the passenger will

not be able to board as this piece of paper serves as a verification to board on the ship.

Roros and/or Ferries of Alabat, Island have difficulty in approximating the passenger’s

slots of certain holidays as the passenger capacity can surpass due to the need of being

home for the holidays.

Roro and ferries on Alabat Island are more popular during March, April, May,

November, and December due to the holidays and occasions held during the said month

such as Christmas, holy week, and undas. During these months the Mobile Application

will become even more important and useful because of the large number of people who

are preoccupied with slots. The Ferry now travels only once with a total of approximately

one hundred (100) passengers formerly three travel with a total of three hundred fifty
 3

(350) passengers per day. While Roro in the Alabat district still travels three (3) times a

day.

The ticket price today for the ferry is one hundred fifty (150) pesos which were

previously one hundred (100) pesos at its regular price. Passengers who do not use the

FerryGo mobile application can queue at ports through walk-in reservation just like a few

senior citizens who do not have mobile devices to use the mobile application or are not

comfortable using the said application. The development of a mobile-based application

for the “ferry” can improve the quality of transportation services for the passengers that

are travel by sea. Travelers are expected to use the application for their means of sea

transportation instead of direct booking in the port for minimal inquiry.

The primary aim of designing this software is to accommodate convenient access to

vehicles, packages, and travelers. The ideology of the researchers pointed out an

application that serves ease of transportation called “Uber”. The application is mobile-

based, meaning it is available on most smartphones out there, whether the operating

system is iOS or Android. It can be downloaded in the systems application store and is

free to download. To solve the

aforementioned problems, the researchers proposed a research study entitled “FerryGo:

Mobile Application for Maritime Transport Booking in Alabat Island”.

Designing a simple layout with the concept of most common transportation

applications will give the proposed application a user-friendly approach for travelers.

Modernization of ferry transportation is necessary for our society in the Philippines, the

researchers tend to meet this necessity with the proposed application.

 4

Objectives of the Study

This study aimed to design and develop a mobile application for Maritime

Transport Booking in Alabat Island.

Specifically, the study attained the following objectives:

1. To design a Mobile Application for Maritime Transport Booking in Alabat Island.

2. To develop a Mobile Application for Maritime Transport Booking in Alabat Island.

3. To evaluate the acceptability of the system in terms of the following parameters:

3.1. Compatibility

3.2. Functional Suitability

3.3. Maintainability

3.4. Performance Efficiency

3.5. Portability

3.6. Reliability

3.7. Security

3.8. Usability
 5

Significance of the Study

The FerryGo would be an innovative Mobile Application for booking on sea

transport. This study was redound to the benefit of society considering that the ferry is

one of the useful ways of transportation in Alabat Island.

The study will be useful for the following:

To the local travelers, this study helped the local travelers to come up with a new

way of the booking process in a faster and easier way.

To Ferry owners, this study helped to speed up the work of the ferry operators. It

will open up a new idea for workers and put the process in the ports in a more modern

way.

To the academe, this study would be an opportunity to extend the services of

Southern Luzon State University or (SLSU) to Alabat, Island in serving people in the

community.

To the researchers, this study helped think of a solution to such problems, bring

out their skills, and have the opportunity to explore their field which is Computer

programming. This study can also be used as a reference for their enhancements.

To future researchers, this study served as their reference and used it to further

help local areas that need improvements in their location.

 6

Scope and Limitations

The study involved technical modes and schemes, and advice from the computer

programming experts. The materials needed in the study are the following: (1) Desktop

computer / Laptop for the platform of the mobile application; (2) Smartphone - To run a

series of experiential tests of the proposed application. The proposed application will

focus only on online transactions.

Updating of payments of the passenger booked the trip through the system. The

study involved training in Computer Programming methods, features some technical

techniques in programming the Mobile Application. It cannot systematically validate

passenger’s payment through outlets. Manual payment verification of the passenger.

In the proposed application, the researchers were guarantee the safety measures

for the application and its database system. However, the study is limited only to

Maritime transport, specifically to the ships and ports in Alabat Island. The mobile

application is not applicable to book on any land vehicle and/or ships that are not

prescribed to travel.

The application could not function without an internet connection and it is

applicable only for the Android operating system version 8.0 and/or higher. Nevertheless,

the study was focused on developing an application that will help to improve the ticketing

process at ports.

The study was conducted during the Academic Year 2020-2021.

 7

Definition of Terms

The following terms are defined by the researchers for a clear understanding.

Android Studio is an IDE or Integrated development environment specifically for the

operating system of android. The purpose of the system software is to accelerate or

to further progress the development of an application that is on the smartphone.

This software will be used to assist the researchers in progressing the mobile

application.

Compatibility is a parameter in which the configuration of your system whether

software and/or hardware is efficient to run with the components that are compiled

together and ran. The researchers must meet this standard to develop a compatible

system or software that will be effective to the users of the proposed application.

CSS or Cascading Style Sheets is a language that is written in a markup language like

HTML or an XML-based markup language. The language is used to describe a

presentation of a webpage including the schematic colors, layout and fonts. This

language can adapt the presentation of the webpage in different devices. This

language will be one of the frontend coding language in the proposed mobile

application by the researchers.

Ferry is a type of sea transport used to get to the nearby town between the seas (Quezon

to Gumaca; Alabat to Atimonan; Perez to Atimonan). In this study, the ferry was

used as the main topic to develop an application for access to schedules and online

booking.
 8

FerryGo is a mobile application for maritime transport that will help the user to book a

reservation online. In this study, FerryGo will be the name of the proposed mobile

application.

Function Suitability is a parameter for a system in which the developed software and/or

hardware is executable with the proper functions that are intended for its specific

use. This parameter will ensure the proposed application’s characteristics in terms

of completeness, correctness, and appropriateness.

Hypertext Markup Language (HTML) is a language for constructing a website. HTML

provides the overall structure of a webpage. HTML is a standardized language in

developing web pages. This language will be used in developing the researcher's

proposed application in various aspects such as framework, built-in features, and

tools.

JavaScript is a scripting or programming platform that allows complicated functions on

web pages to be introduced. The browser and operating system accessibility would

act as a cross-platform development tool to build the proposed study.

Maintainability is a parameter in which modification and stability are assured in a

systemfor further improvements and a smooth-running application. By following

this parameter, the researchers are to follow maintainability to keep a consistent

system that will run properly and be modified for improvements.

Performance Efficiency is the application’s use of resources and how the product or system is

performing under load. The data that are loading are to be run in the system as resources to

analyze the response time of the system’s performance and how efficient it is. This
 9

standard will be followed by the researchers to create a well-running system that meets the

necessary performance for the users of the proposed application.

Portability is the degree of efficiency which refers to the ability of the application to use it on

any end-devices in a faster and easier way. Researchers will create a mobile application

where the target will be used by more people, an Android Operating System to maintain the

portability of the proposed application

Reliability is the extent of software that demonstrates the ability to perform the role assigned

based on the program that is supposed to be performed over a particular Period. The

researcher ensures that the proposed application had the ideas and provided an application

that retains its reliability. Security is being aware of safety and protection against

malicious attacks and threats on the internet. Securing data is strictly based on the

development of the proposed application and this parameter will be the basis of how the

user's personal information can be protected

Smartphone

Mobile device that combines the functions of cellular and mobile computing into one unit.

This will be the main component in interacting with the proposed application for the

travelers and the operators of the ship.

MySQL/SQL is a domain-specific programming language that is meant to handle data

maintained in a relational database management system. This will be a database framework

for the proposed study, especially useful in handling structured data.

Usability is a degree in which how accommodating is it for the user to learn the system or to

control and operate the application for its intended use without fault. Usability helps in
 10

creating a mobile application to test the efficiency of the application and avoid any errors,

problems while using it and get the satisfaction of the users.

 11

Chapter II

REVIEW OF LITERATURE

This chapter shows the related literature, development software, and materials that

are important in the development of “FerryGo: Mobile Application for Maritime

Transport Booking in Alabat Island”. This also presents the conceptual framework to

understand the progression of the proposed study.

The following is detailed in the literature that addresses the phenomenal

innovation of FerryGo: Mobile Application for Maritime Transport Booking in Alabat

Island. This includes MySQL, HTML, PHP, Adobe Photoshop, Android Studio, Laravel,

Bootstrap, CSS, JavaScript, and Smartphone to be the essential instruments for

development.

Maritime Transportation

The Philippines is one of the countries with the most ports in the world because it

is made up of huge islands. Some of the well-known ports in the country are Calapan,

Batangas, Cebu, and Manila because they have large and many vessels in the country that

are used to carry goods and passengers to the destination. Ro-Ro is a type of vessel used

to cross to the other port. It is loaded with goods, cars, trucks by pulling between the side

and the dock. The use of Ro-Ro ships allows for faster and safe transportation.

Another of the most targeted is people using to get to nearby towns for faster sea

transportation. Alabat Island consists of three districts, Alabat, Quezon, and Perez or

better known as AlQueRez. RoRos are already known to be used in three districts but
 12

only the Alabat District has Ro-Ro that can carry large vehicles such as trucks and cars

which is the reason why many people pass through the Alabat Port to Atimonan Port.

Due to the threat of Covid-19, the Philippine Ports Authority has implemented a plan

which aims to prevent people from becoming infected with the disease. Avoid the

Human-to human transaction where they set up ticketing machines in the port of

Batangas and port of Calapan which will serve as a way to speed up the process at the

ports and terminals Philippine Ports Authority Port Statistics (2007).

In the study of RoRo Terminal System (RRTS), The DSDA has tasked MARINA

to foster industrial competition as well as help to rural development by assuring the

availability of maritime connectivity. E-MARINA is a web-based service that MARINA

will provide where shippers and shipping operators may communicate information on

services given and services required over the internet.

MARINA intends to establish a MARINA Training Center to boost capacity

building among marine transport workers. The Center's concept is to provide a variety of

training programs with minimal facility installation. DSDP has recommended many

training programs in this regard, including ship management, shipyard business

management, and shipping business management. The study shall cover the 36 corridors

including the Polilio Island Corridor and the Alabat Island Corridor in Southern Quezon.

The above research has a similar feature to FerryGo and also has a difference, but

the difference is that FerryGo is a Mobile application for booking that targets the ports on

Alabat Island, and the Philippine Ports Authority did is a machine that target is the large

ports throughout the Philippines.

 13

Android Studio

Figure 1. Android Studio Logo

Source:https://commons.m.wikimedia.org:Android_Studio_Icon_2021.svg

Figure one (1) Android Studio is an official Integrated Development Environment

or (IDE). It offers convenient tools for efficiently designing applications that are based on

the mobile’s operating system called android.

This development platform is written in Java, Kotlin, and C++, three programming

languages. It's made by Google and driven by IntelliJ. This is open-source and free-to-use

development software. This is a fast and feature-rich emulator, where the proposed

application can be applied to all Android devices to use Biswas, (2020).

This software were the environment of program coding for the proposed

application to be developed as a mobile application. The application is planned to be used

by researchers, it has many features that will help to develop the logo of the proposed

mobile application, and it is easier to use Adobe Photoshop for image editing than any

other open-source application. Photoshop will be used to create the layout and layers of

the user interface in the proposed mobile application.

 14

Bootstrap Framework

Figure 2. Bootstrap Framework Logo

Source: https://www.searchpng.com/wp-content/2019/02/Bootstrap-Logo-
PNG.png

Figure two (2) is a front-end framework that is a free and open-source CSS

framework that contains CSS, HTML, and JavaScript-based design templates for

interface components such as navigation, buttons, and typography Berezhnoi (2019).

This front-end framework was used for the web output structure for the admin

control and the mobile application in the proposed study.

JavaScript

Java is a programming language that is high leveled and it is a multi-paradigm

language. Java is used to develop fully stacked applications that are web or mobile-based

and real-time networking applications.

Java has an API or application programming interface for working with, dates,

text, standard data frameworks, and regex or regular expression. Based on the studies of

Chapman (2018). The researchers were used this high-leveled programming language to

develop the proposed mobile application's important needs.

 15

Laravel Framework

Figure 3. Lavarel Framework Logo

Source: https://upload./thumb/9/9a/Laravel.svg/1200px-
Laravel.svg.png

Figure two (3) Lavarel is a PHP framework for dynamic web applications. It is an

open-source framework that helps to develop a web application that is more easily and

faster built into features such as web design, template design, and test solution Tim

(2019). The researchers used Laravel Framework to give the admin webpage and mobile

application functionality to the database system.

MySQL/SQL

Figure 4. MySQL Logo

Source: https://www.logo.wine/logo/MySQL
 16

Figure four (4) SQL is a common language used to store, manipulate, and retrieve

the data in the databases and MySQL is a database management system that is also

known as Structured Query Language. The basic purpose for SQL/MySQL is to create a

database in which it can be used to store any sort of information from it being a single

piece of data to an entire inventory full of items Drake (2020).

MySQL has been coded in C and C++ programming language and is compatible

with most operating systems or platforms out there, including Windows, Macintosh/Mac

OS X, and Linux. MySQL is open-source development software for retrieving, adding,

editing the data in a database management system. It is free to use to any sort of user who

can create the desired application that has a database management system.

SQL is a form of communication for the data in the database management system

meaning, it functions the optional choices in what the user can do to a piece of data in the

system. MySQL/SQL serve as the mobile applications database system whereby gathered

information is stored online and will be accessible in real-time when accessing the

internet on the smartphone device.

The study below presents the ISO 25010 evaluation parameters to fully understand

the research study.

Evaluation Parameters

The evaluation parameters of ISO 25010 determine the quality characteristics of a

developed system. There are a set of parameters that are required to be followed for a

standard system according to the International Standardization for Organization or (ISO)

Rebeś (2019).
 17

Compatibility

Compatibility is a degree of configuration when one or two models are functional

to your targeted system whether it is hardware and/or software. A system will efficiently

run when components in a system can exchange the data in that environment if it does not

occur any errors when the models begin to co-exist.

According to Rebeś (2019), models are to be developed independently so that the

probability of the system's functionality is sufficient and is suitable for installation in

most platform devices such as mobile devices. The system or product is to be compatible

amongst different platforms when accessing is the aim or proposition when it is being

evaluated for compatibility. The smooth interaction of the application means that the

system is applicable to run because the coexistence of the models in the system is

integrated and the accessibility of the platform is runnable in various platforms.

The researchers expect the system to be compatible with the mobile application.

Following the standard compatibility protocols in which the encounter of errors and

incompatibility are unlikely.

Functional Suitability

Functional Suitability represents the degree to which the system or product

executes the proper functions intended for its specific operation as an application. When

provided a task or objective, it must show suitable results that are corresponding to the

application's main purpose of use.

Estdale and Georgiadou (2018) define function suitability to consists of three sub-

characteristics that follow completeness, correctness, and appropriateness. These

 18

components are to assure that to a certain degree the functions are running properly and

are significant to the application’s purpose. The application's functionality meets the

general interaction and purpose of the created software Rebeś (2019).

The researchers are to follow the standards to validate the needs of the system for

the proposed application to run in its circumstances when it is fully developed.

Maintainability

Maintainability represents a degree of a system is developed to be effective and

efficient to be modified by the creators. Modifications are to be made to correct faults and

improve the performance of the application and its environment. Maintaining an error

and/or bug-free system is needed for further development in the system especially when

implementing fixes, improvement and, new features to the application. The possibility of

modification and improvement for the application in further enhancement is mandated to

keep a consistent system running properly Rebes (2019).

When a system is highly maintainable, the ease of improving quality in areas of

the environment in the system is there for modification such as bugs like security,

performance, functionality, and the other characteristics that are defined by the ISO

25010. Estdale and Georgiadou (2018). The researchers will be following the defined

characteristics for the proposed application to keep a consistent and maintainable

application for further modifications in the system.

 19

Performance Efficiency

Performance efficiency is before the usage of resources or types in a system or

product when the system is performing the tasks during load. The data that is loading to

the resources that are required to run the system at the maximum capacity. Response time

and the process is analyzed throughout the execution of the system when the program is

running.

The application is speculated throughout its progress to assure the quality of the

system and it is bearing components for the user to assure of the utmost efficiency of the

program for its user to interact with efficiently and load testing or speculating the

application after its post-boot is necessary to adjust the capacity and further modifications

of the system. The term would be stress testing it on the maximum load capacity of the

application, further conducted tests are a necessity when ideally testing the application's

success and failure when/or during its run time Maayan (2017).

Performance Efficiency influenced customer satisfaction, workforce profitability,

application versatility, reaction-time degradation, and wasteful utilization of processing

or storage resources. The Performance Efficiency of an application lies in the component

‘s performance of each individual, and as in the effect of every component on the

behavior of the chain of components comprising a transaction in which it participates

(it.cisq.org, 2016).

This defined evaluation for the proposed application will be definite to use as the

system will require proper procedures of conducted tests for its performance and quality

assurance for the proposed application users.

 20

Portability

Portability is the degree of efficiency which refers to the ability of the application

to use it on any end-devices in a faster and easier way. Nowadays, Mobile Application

has been a tool today to get and collect related information about travel and tourism

Estdale and Georgiadou (2018). It becomes more effective for all travelers to use a

mobile application that provides portable access to any hardware or software system.

Mobile devices and software, in terms of portability, location awareness, and

usability, give the user considerable advantages. Desharnais and Abran (2012). It

describes that all mobile applications must-have features and functionality that

individuals can satisfy on the portability with which the device is easily linked to any

hardware or software system, another thing is that applicants must provide satisfaction to

all end-users.

With this in mind, researchers think that an application's portability is essential

and will ensure that the FerryGo Mobile Application has certain features that serve its

purpose for long-lasting functionality.

Reliability

Reliability is the extent of software that demonstrates the ability to perform the

role assigned based on the program that is supposed to be performed over a particular

period. Reliability refers to the ability to be 100% percent correct and not fail the function

of an application by a system or program.

In an application, reliability is extremely important, the application should assess

availability, should operate even if there are a few device bugs and there should be
 21

recoverability if there are faults to prevent long interruptions Desharnais and Abran

(2012).

The researcher believes that reliability in an application is very important and it

promotes satisfaction to the users. With this concept, the researcher ensured that the

proposed application had the above ideas and provided an application that retains its

reliability.

Security

Security is being aware of safety and protection against malicious attacks and

threats on the internet and/or other social media sites that collect data and information

from users. With an ever-growing array of malicious resources, many cyber-attacks are

being carried out today Desharnais and Abran (2012).

There are many ways out now to protect user profiles and maintain data and secure

the sustainability of privacy is one of the crucial security standards for outsourcing

databases. The framework will preserve the privacy of access patterns of databases with

protected storage storing thousands of user data. Desharnais and Abran (2012).

To protect the data privacy and security of users, the researchers will follow the

rules and regulations applicable to the production of mobile applications that include

information from users. The researcher will create a SQL database in which the

information of all users is stored there. The perspective of developing a mobile

application that could serve the purpose of data protection.

 22

Usability

Usability refers to the system or program that is interacted with by users to reach

the desired usage technicalities. Usability is a degree in which how accommodating is it

for the user to learn the system or to control and operate the application for its intended

use without fault.

Usability is used to identify the software’s quality and how seamless it is for users

to interact with the system. Having the right standards and best practices for the program

will further enhance the usability in users making less of an error and/or the effectiveness

to grasp the goal of learning the system. Regarding usability, it helps develop the

application's broad environment for effectiveness and efficiency that the services should

uphold Juristo et al., (2007).

The system or product will be optimized to its proper functionalities so that the

users can experience a cooperative system that serves its purpose under specified

conditions Gaul and Karwowski (2019). With this specified parameter, the researchers

shall use this characteristic to optimize the usability of the system in its stages of

development to ensure a satisfactory application that will result in seamless software with

no errors and/or invalidity.

With the use of the mentioned cited studies that were gathered by various authors

for “FerryGO: A Mobile Application for Maritime Transportation Booking in Alabat,

Island”. The programming languages will be used to encode the software independently

and will be developed as a mobile application for the operating system that is Android.

The users that will use this service of transportation for ferries can rely on the ease of

payment and availability.

 23

The application was created with optimal settings using the parameters mentioned.

The mobile application met the intended needs for it to be a functional and suitable

application for its purpose.

 24

Conceptual Framework

Based on the foregoing concept, ideas, and findings of related literature and insight

taken, a conceptual framework was made.

INPUT PROCESS OUTPUT

1. Collecting data from  Planning

websites, journals,  Designing

articles, published and  System Development

unpublished theses. (Programming,

2. Software Debugging)

 Adobe  Testing until the

Dreamweaver
application is fully
 Android Studio
functional without FerryGo: Mobile
 Bootstrap
Framework any bugs. Application for
 CSS Maritime Transport
 Evaluation based on
 HTML
its compatibility, Booking in Alabat
 JavaScript
 Laravel functional suitability, Island.

 MySQL/SQL maintainability,
 PHP
performance
 XAMP
3. Hardware efficiency,

 Computer/Laptop portability, reliability,

 Smartphone
and security.

Figure 5. Conceptual framework of the study

 25

Figure five (5) shows the input-process-output model used in this study by the

researcher to construct the mobile application proposed.

In the input, the specifications necessary to build the application are specified in

the hardware, software, and related studies required to run the program.

In the process, the development of the device according to its technicalities will be

shown using the materials used in the input. After all the requirements such as content

have been imposed in the process, the researcher is needed to observe the system's

growth and development, the enhancement of the program must be launched. The

adjustment and correction of all errors should also be checked at the end of the process.

Finally, the output will cover the completion and productivity of the application

entitled FerryGo: Mobile Application for Maritime Transport Booking on Alabat Island.

The system will be evaluated using ISO 25010 standards that will measure its

Compatibility, Functional Suitability, Maintainability, Performance Efficiency,

Portability, Reliability, Security, and Usability.

 26

Chapter III

METHODOLOGY

This chapter presents the research methods of the study. This includes the

research locale, respondents, research design, research instrument, data gathering

procedure, work plan, system development, project technical description, operation and

testing procedure, evaluation criteria, and statistical treatment of data.

Research Locale

This study was conducted at Southern Luzon State University - Lucena Campus.

Southern Luzon State University – Lucena Campus is a collegiate university located at

Lucena City, Brgy Ibabang Dupay in the province of Quezon. The satellite campus offers

mostly technology-based education and is recognized as a premier higher education

institution in Quezon Province.

Travelers of Alabat Island always use the Ferry to the nearby town as a way of sea

transportation. Thus, the researchers conducted the study to provide the travelers another

mode of booking reservation using the mobile application in a faster and easier way, and

the system will be of great help for all people entering and leaving the island.

Respondents

Researchers targeted respondents who will evaluate the standards of the proposed

mobile application in terms of usability and functionality, this will be important to

improve the proposed mobile application from the respondents' given feedback.
 27

The respondents were composed of fifteen (15) travelers from Alabat Island who

always use ferries, and ten (10) Technology Experts to test the total technicalities of the

mobile application. A total of twenty-five (25) respondents will evaluate the effectiveness

of the application.

Research Design

As it is the best suited for the study, the researchers used a developmental

research design. Developmental research is an instructional development that follows a

systematic study of designing, developing, and evaluating programs, processes, and

products Richey (2005). A program will be analyzed and described for users to

understand what is the intent of the researchers to implement in the design.

Developmental research is an important instructional development in the field of

technology.

The research design focused on the development of the mobile application for

booking maritime transport booking in Alabat Island.

Research Instrument

The researchers obtained the necessary information throughout the evaluation

with the use of a questionnaire. This questionnaire is divided into eight (8) parameters,

such as compatibility, functional suitability, maintainability, performance efficiency,

portability, reliability, and security. Using the Four Point Likert Scale, four (4) are to be

considered as the highest and one (1) is the lowest.

 28

The above-mentioned uses are to prepare and conceptualize the purpose of the

study. A questionnaire that requires a rating of each parameter, was given to each of the

respondents to assess and determine the acceptability of the proposed application. The

researchers was used the standard questionnaire and was influenced by the ISO 25010

Standards to gain feedback on the proposed application. It was analyzed by the research

adviser and validated by the members of the panel of examiners. The four scales to be

used are, highly acceptable, acceptable, unacceptable, and highly unacceptable.

Data Gathering Procedures

The researchers submitted an approval letter to the Campus Director that will

come with the note of the Researcher Advisers to enable further data collection. The

researchers enacted to gather the necessary data by distributing evaluation sheets of the

proposed mobile application by selected respondents. Analysis and calculations will be

used to interpret the received data from the respondents.

Sources such as online articles, journals, and related studies were utilized by the

researchers. The main source of the process was the researchers obtaining information

from a ferry company and its faculty. The sources helped the researchers to make their

mobile application efficient and reliable to the users. Reliability, accessibility, and

functionality of the application are some of the various parameters of the application that

were given thought by the researchers.

This data provided the researchers to develop software that gives ease of access for

payment of travel in maritime transportation and its availability with the implementations

of online transaction, notification alert system that brings it to today’s level of

 29

technology. The procedure in gathering important information requires important

feedback from specific personnel such as I.T, Ferry Owners, and Travelers.

The questionnaire that was constructed by the researchers has undergone

evaluation and has been tempered to reach its peak state. The approval of the Campus

Director with the aforementioned recommendation of the research adviser was consulted

and validated. The survey was then carried out to analyze the acceptability of the

application, tabulating, formulating, evaluating, and incorporating the information

gathered.

The gathered information from the questionnaire shall be taken into consideration

and be implemented into the proposed application for optimal usability for the users and

the researchers.

The data and respondents that will be evaluating the proposed mobile application

by the researchers shall remain confidential following the Data Privacy Act of 2012. The

researchers will come to terms of an agreement in collecting data from the respondents to

acquire the necessary data without violating the said Data privacy act.
 30

Work Plan of the Study

Sept. Oct. Nov. Dec. Jan. Feb. Mar. April May

Activities
2020 2020 2020 2020 2021 2021 2021 2021 2021

1. Planning and Research for Study Proposal

2. Data Gathering for Documentation

3.Preparation for software and hardware

needed
4. Programming and Debugging

5. Finishing of final Mobile Application

6. Testing of Mobile Application

7. Implementation and Evaluation of Mobile Application

8. Final Evaluation

Figure 6. Work Plan of the study

Figure six (6) show the work plan of the study. This part includes the development of

research from Planning to Final output. The detailed process of doing research is well

integrated into the work plan.

 31

System Development

PLANNING

DESIGNING
PLANNING

PROGRAMMING

INSTALLING/UPLOADING

TESTING

FINALIZATION

EVALUATION

Figure 7. Stages of software development

Figure seven (7) shows what are the stages that the proposed application went

through that covers the planning, designing, programming, installing, testing to debug

errors that may be encountered in the system. Implementing these guidelines in the Steps

in developing the proposed software are provided below:

 32

1. Planning

The planning stage starts with gathering the required sources, materials,

development software, and consolidation of experts that will help in conceptualizing the

process of creating the application. Integrated development environment or (IDE)

software was used in optimizing the mobile application to an extent in finding the best

variant for the means of the proposed application.

Figure 8. Planning
2. Designing

Figure __ shows the designing and prototyping of the FerryGo:Mobile

Application for Maritime transport Booking in Alabat Island including the proposed

interface and its functions and contents.

Figure 9. Designing
 33

A. Use Case Diagram

Figure 10. Use Case Diagram

Figure eight (8) illustrates the interaction of the proposed mobile application with

the user and admin. This will be the system's flow when interacting as a user that will

create an account to book or reserve for ferry travel. The admin will log in to the mobile

application to manage or update the database, status, and transactions.

 34

B. Activity Diagram

Figure 11. Activity diagram of the system flow

Figure nine (9) shows the step-by-step system flow to access and interact with the

proposed application. As shown above, the user will log in to the proposed application to

find the availability of ferries and their status for reservation.

Once the proposed application is launched, they will enter a valid account and

proceed to the application feature that is Maritime Transport Booking in Alabat, Island.
 35

C. Entity-Relationship Diagram

Passenger Name of Ferry

Request for
information Available
Booking

Passenger ID

Username M/V Platino

Update on Travel
Email M/V Isafer
and Payment Status
Wonder
Address
M/V Mel and Chin
Date

Payment Outlet

Figure 12. Entity Relationship Diagram

Figure ten (10) shows the entity-relationship diagram of different entity sets that will

be stored in a database.

3. Programming

Figure 13. Creating the program.

 36

Figure eleven (11) shows that various programs were created, debugged, and

designed. The occurrence of errors, bugs, and glitches in the program was patched by the

researchers.

4. Installing/Uploading

Figure 14. Installing/Uploading

Figure twelve (12) Above shows the file format of the mobile application. It is in

APK format which is only compatible with Android users.

5. Testing

Figure 15. Debugging the system.

 37

Figure thirteen (13) shows the proposed application has been developed and

programmed to its optimal functionality. The researchers shall conduct trials of the

proposed application running and analyze the result for errors, glitches, crashes, and

reliability measures.

6. Finalizing

Figure 16. Visual Studio Code.

Figure fourteen (14) After running various procedures, trials, measurements,

outlines, parameters, and clarification of the proposed application, the researchers are

near to finalizing the final proposed product that will give service to the travelers of

Alabat, Island via Ferry.

With this in mind, the proposed application was prepared to be evaluated for its

acceptability.
 38

7. Evaluation

Figure 17. Google Forms Response.

Figure fifteen (fifteen) After the proposed application is finalized, experts will

evaluate the application in measure of acceptability of the application. The parameters

used were functional suitability, performance efficiency, reliability, and usability.

Project Technical Description

The Mobile application for Maritime Transportation's main development platform

is an Integrated Development Environment or (IDE) called Android Studio to fully

develop the mobile application for android systems. The application’s database is

managed by MySQL. The database will serve as an admin tool for accessing the user

information that is booked and paid online.

 39

Users of the proposed application can interact and inquire about the availability of

ferries and payment outlets through the mobile application. The proposed application can

be downloaded as an APK file for Android.

Once the file is downloaded, the users can begin installing the APK File to their

Android Device. The software requirements in the proposed application include the APK

format, while the hardware requirements apply to servers used by admins and mobile

devices used by users.

To access the mobile application, it also needs an internet connection. The mobile

application is not accessible in the play store or android app store. The users will not have

to pay to download the mobile application.

Operating and Testing Procedure

The researchers performed the testing of the device both visually and manually.

These include the following:

1. Download the APK File on a smartphone that has internet access. It can be

transferred using Share It or Bluetooth.

2. Open the Mobile Application and allow it to run on your phone

3. Click the “Install” button on your android smartphone to complete the installation

of the mobile application.

 40

4. After the installation is complete the user is then greeted with the option to log in

with the correct account credentials.

5. The application is now applicable to the user and is ready to provide services for

Online-booking.

Evaluation Criteria

The evaluation criteria are detailed in Table one. In the evaluation, twenty-five

Point Range Scale Description

Numerical Equivalent Range Scale Description

4 3.26 – 4.00 Highly Acceptable

3 2.51 – 3.25 Acceptable

2 1.76 – 2.50 Unacceptable

1 1.00 – 1.75 Highly Unacceptable

(25) respondents will choose purposively to rate the effectiveness of the software. The

data will analyze and interpret using the following scale below.

Table 1. Likert scale rating

In the Range Scale and Qualitative Description, Table one (1) shows an

equivalent point. The points are the ratings provided by the respondents. With a range

scale of 3.41-4.00 and a highly acceptable qualitative definition, the highest point is 4.

The next point is 3 with a range scale of 2.50-3.24 and an acceptable qualitative

description. The next point is 2 with a ranging scale of 1.75-2.24 and with a qualitative
 41

description of unacceptable. Lastly, the lowest point is 1 with a ranging scale of 1.00-1.74

and with a qualitative description of highly unacceptable.

Statistical Treatment

To quantify the cumulative evidence, researchers can use statistical measures. This

also measures compatibility, functional suitability, maintainability, performance

efficiency, portability, reliability, security, and usability. In assessing the proposed study

with the following formula, the proponents will use the weighted mean:

∑ 𝑊𝑀
AWM =
𝑁

Where:

AWM = Average Weighted Mean

WM = Weighted Mean

Σ = Summation

N = number of total respondents

 42

Chapter IV

RESULTS AND DISCUSSION

This chapter includes the analysis, presentation, and interpretation of the gathered

data of the proposed system FerryGo: Mobile Application for Maritime Transport

Booking in Alabat Island.

The image above shows the screenshot of the webpage design of the system and

how the admin can Log-in. The admin can access the system functionality by entering the

correct account credentials.

Figure 18: Web-admin Interface of the system

 43

Figure 19: Web-admin Dashboard

Figure seventeen (17) shows the web dashboard and its functions. The dashboard

in this section consists of (1) Schedule, which includes details on the trips with

corresponding dates. (2) Passenger, which includes details about the passengers. (3)

Payment, which discusses the passenger's payment transactions and updates. (4) Logout,

which allows the user to log out of their account.

Figure 20: Admin Dashboard Activity

Figure eighteen (18) Shows the admin action window that displays what

interactions you can do as an admin. (1) Book a Schedule, (2) Validate Payment, (3) Add

Passenger.
 44

Figure 21: Admin booking activity.

Figure nineteen (19) shows the booking of the trip as the admin with the

interaction to filter the travel by port and day. After the filters have been selected, the

admin then will choose the available ferries and click “Book” to the next page of booking

Figure 22: Passenger account master list

Figure twenty (20) shows the master list of the passenger accounts on the

webpage. It contains (1) Name, (2) Age, (3) Username, and (4) Address. You may further

inspect each passenger account by clicking the “view profile” button.

 45

Figure 23: Payment transactions webpage

The Payment Transactions master list is shown in Figure twenty-seven, and it

includes all of the transactions for each passenger who has booked a trip. By pressing the

"update" or "view" buttons, you can also update or view their payment status.

Figure 24: Payment update page

Figure twenty-two (22) shows the Passenger Payment Update in which you can

update their payment status to (1) None, (2) Paid, and (3) Pending. There is also a profile

overview of the booked trip with its corresponding schedule and port destination.
 46

Figure 25: User- Login interface

Figure twenty-three (23) depicts screenshots of the system's GUI design and how

the user may log in to have complete access to the system, the user must have their

username and password.

 47

Figure 26: Homepage of the mobile application.

Figure twenty-four (24) shows the mobile dashboard and its function. This section

of the Mobile Application displays the passenger's travel schedule, as well as information

about ports, ferries, and tickets. On the right side, there is a button for the user's profile,

and on the other, there is a button for navigation.

 48

Figure 27: Profile page of the Mobile Application

Figure twenty-five (25) shows the Profile of the users. This part of the Mobile

Application is where you can see the profile, travel, and history of the passenger

including the Boarding ID, Date of travel, and travel to.

 49

Figure 28: Payment History of the Mobile Application

Figure twenty-six (26) shows the Payment button and travel history including the

boarding ID, date, amount, and payment status of the passenger.

 50

System Evaluation Results

The researchers used the standard questionnaire given to twenty-five (25) selected

respondents; fifteen (15) passengers or travelers, eight (8) IT experts, and two (2)

professors major in computer technology. The purpose of this procedure was to evaluate

the acceptability of the system, provide suggestions and recommendations to gain more

relevancy to the industry.

The researchers conducted an online evaluation. The researchers did an actual

demonstration via video conference and also prepared a video presentation on how to

navigate the application. Majority of the respondents were passengers, teachers and I.T

experts. After the evaluation process, the gathered data from the selected respondents

were tabulated and interpreted. The tables below show the researchers' evaluation results

as well as how respondents accepted the application.

 51

Functional Suitability

Table 2 shows the level of acceptability of the system in terms of functional suitability

Table 2.
Functional Suitability of the System

Weighted Mean Descriptive Rating

Specific System Feature
(WM)
1. The system covers all the specified tasks 3.76 Highly Acceptable
and user objectives.

2. The system’s functions provide

the correct results with the needed 3.72 Highly Acceptable
degree of precision.

3. The system facilitates the accomplishment 3.72 Highly Acceptable

of specified tasks and objectives.

Average Weighted Mean 3.73 Highly Acceptable

Note: 3.26-4.0 = Highly Acceptable; 2.51-3.25 = Acceptable;
1.76-2.50 = Unacceptable; 1.00-1.75 = Highly Unacceptable

The table above shows the evaluation of “FerryGO: A Mobile Application for

Maritime Transport Booking in Alabat, Island” in terms of Functional Suitability.

According to the I.T experts, the system uses appropriate functions to accomplish

specified tasks with a weighted mean of 3.72 or highly acceptable.

Functional Suitability characteristic represents the degree to which a product or

system provides functions that meet stated and implied needs when used under specified

conditions. ISO/IEC 25010 (2021).

 52

Performance Efficiency

Table 3 shows the level of acceptability of the system in terms of performance efficiency

Table 3.
Performance Efficiency of the System

Specific System Feature Weight Mean Descriptive Rating

(WM)
1.The response and processing times and
throughput rates of the system, when
3.76 Highly Acceptable
performing its functions, meet requirements.

2. The amounts and types of resources used by

the system, when performing its functions,
3.72 Highly Acceptable
meet requirements.
.
3. The maximum limits of the system meet
requirements. 3.72 Highly Acceptable

Average Weighted Mean 3.72 Highly Acceptable

Note: 3.26-4.0 = Highly Acceptable; 2.51-3.25 = Acceptable;
1.76-2.50 = Unacceptable; 1.00-1.75 = Highly Unacceptable

Table three (3) shows the evaluation of “FerryGO: A Mobile Application for

Maritime Transport Booking in Alabat, Island” in terms of Performance Efficiency.

According to the I.T experts, the system’s response and throughput rates with a weighted

mean of 3.72; and the system uses appropriate amounts and types of resources by the

system when performing with a weighted mean of 3.72 or highly acceptable.

The capacity of the system meets the requirements with a weighted mean of 3.68

or highly acceptable. Overall, the average weighted mean of 3.70 meets the standards for

performance efficiency.
 53

Compatibility

Table 4 shows the level of acceptability of the system in terms of Compatibility

Table 4.
Compatibility of the System

Weighted Mean
Specific System Feature Descriptive Rating
(WM)
1. The system can perform its
required functions efficiently while
sharing a common environment
and resources with other systems, 3.72 Highly Acceptable
without detrimental impact on any
other system.

2. The system can exchange

information to another system and
use the information that has been 3.72 Highly Acceptable
exchanged.

Average Weighted Mean 3.72 Highly Acceptable

Note: 3.26-4.0 = Highly Acceptable; 2.51-3.25 = Acceptable;
1.76-2.50 = Unacceptable; 1.00-1.75 = Highly Unacceptable

Table four (4) shows the evaluation of “FerryGO: A Mobile Application for

Maritime Transport Booking in Alabat, Island” in terms of Compatibility. The IT experts

gave the following statements: 1. The system can be used in place of another specified

system; 2. The system can co-exist with other independent systems; and 3. The system

can adapt even changes are made, a description of highly acceptable. Overall, the system

received an average weighted mean of 3.84 interprets is highly acceptable.

Compatibility refers to the degree to which a product or system can exchange

information with other products or systems and perform its required functions while
 54

sharing the same hardware or software environment. Sub characteristics include co-

existence and interoperability. (www.nocomplexity.com, 2016).

Usability

Table 5 shows the level of acceptability of the system in terms of Usability

Table 5.
Usability of the System

Weighted
Specific System Feature Mean Descriptive Rating
(WM)
1. The system is appropriate for user’s
needs. 3.72 Highly Acceptable

2. The system can be used by specified

users to achieve specified goals of
learning to use the system with
effectiveness, efficiency, freedom from 3.72 Highly Acceptable
risk, and satisfaction in a specified
context of use.

3. The system is easy to operate and

control. 3.88 Highly Acceptable

4. The system protects users against

making errors. 3.6 Highly Acceptable

5. The system’s interface enables pleasing

and satisfying interaction for the users. 3.72 Highly Acceptable

6. The system can be used by people with

the widest range of characteristics and
capabilities to achieve a specified goal 3.92 Highly Acceptable
in a specified context of use.

Average Weighted Mean 3.76 Highly Acceptable

Note: 3.26-4.0 = Highly Acceptable; 2.51-3.25 = Acceptable;
1.76-2.50 = Unacceptable; 1.00-1.75 = Highly Unacceptable
 55

Table five (5) shows the evaluation of “FerryGO: A Mobile Application for

Maritime Transport Booking in Alabat, Island” in terms of Usability. It revealed that all

the statements above were observed by the IT experts. Respectively, they gave the

following weighted mean: 1) 3.72; 2) 3. 76; 3) 3.84; 4) 3.52; 5) 3.72 and 6) 3.88 or highly

acceptable.

The system got an average weighted mean of 3.74 interpreted as highly

acceptable. In line with April and Laporte (2018), appropriate recognizability will rely on

the capacity to recognize the appropriateness of the product or a system’s function from

the first impression of a product or system and any documentation that linked to it.

Next is learnability, where the product or systems can be used by a specific user to

attain a specific goal of learning to use the product or the system with effectiveness,

efficiency, risk-free, and fulfillment in a specific set of utilization. Operability is a state in

which a product or system has attributes that make the product or a system operate and

control easily by the users. Software Quality Assurance (2018).

Reliability

Table 6 shows the level of acceptability of the system in terms of Reliability

Table 6.
Reliability of the System

Weighted
Specific System Feature Mean Descriptive Rating
(WM)
1. The system meets needs for reliability
under normal operation. 3.88 Highly Acceptable
 56

2. The system is operational and

accessible when required for use. 3.8 Highly Acceptable

3. The system operates as intended

despite the presence of hardware or
3.48 Highly Acceptable
software faults.

4. In the event of an interruption or a

failure, the system can recover the data
directly affected and reestablish the 3.68 Highly Acceptable
desired state of the system.

Average Weighted Mean 3.71 Highly Acceptable

Note: 3.26-4.0 = Highly Acceptable; 2.51-3.25 = Acceptable;
1.76-2.50 = Unacceptable; 1.00-1.75 = Highly Unacceptable

Table six (6) shows the evaluation of “FerryGO: A Mobile Application for

Maritime Transport Booking in Alabat, Island” in terms of Reliability. According to the

IT experts, the system meets the needs for reliability under normal operation with a

weighted mean of 3.71 or highly acceptable. The system is operational and accessible

when required for use with a weighted mean of 3.88 or highly acceptable.

The system operates as intended despite the presence of hardware or software

faults with a weighted mean of 3.8 or highly acceptable. The system can recover the data

directly affected and re-establish the desired state of the system with a weighted mean of

3.68 or highly acceptable.

The weighted mean for all the statements highly acceptable, with an average

weighted mean of 3.71 or highly acceptable. This implies the positive impression of the

IT experts on the output.

In line with ISO 25010, reliability is a state in which a product or a system

executes a specific function under a specific condition for a specific period. Under this
 57

are four sub-concepts, specifically, maturity, which is the degree of a system or a product

that able to meet the needs for reliability beneath normal operations.

Next is availability, where a system or product is operational and available when

required for use. Then fault tolerance, where a system or product conducts as intended

despite the presence of hardware or software faults, and recoverability, is the state where

there is an interruption or a fault, the system or a product can recover the data directly

afflicted and call up the desired systems state. (www.nocomplexity.com, 2016).

Security

Table 7 shows the level of acceptability of the system in terms of Security

Table 7.
Security of the System

Weighted Mean
Specific System Feature Descriptive Rating
(WM)
1. The system ensures that data are
accessible only to those authorized 3.6 Highly Acceptable
to have access.

2. The system prevents unauthorized

access to, or modification of, 3.68 Highly Acceptable
computer programs or data.
3. Actions or events in the system
can be proven to have taken place,
3.72 Highly Acceptable
so that the events or actions cannot
be repudiated later.
4. The actions of an entity can be
traced uniquely to the entity.
3.64 Highly Acceptable

5. The identity of a subject or

resource can be proved to be the
3.8 Highly Acceptable
one claimed.

Average Weighted Mean 3.68 Highly Acceptable

 58

Note: 3.26-4.0 = Highly Acceptable; 2.51-3.25 = Acceptable;

1.76-2.50 = Unacceptable; 1.00-1.75 = Highly Unacceptable

Table seven (7) shows the evaluation of “FerryGO: A Mobile Application for

Maritime Transport Booking in Alabat, Island” in terms of Security. It revealed that all

the statements above were observed by the IT experts. Respectively, they gave the

following weighted mean: 1) 3.6; 2) 3.68; 3) 3.72; 4) 3.64; and 5) 3.8 or highly

acceptable. The system got an average weighted mean of 3.68 interpreted as highly

acceptable.

According to ISO 25010, security is the degree to which a product or system

protects information and data so that persons or other products or systems have the

degree of data access appropriate to their types and levels of authorization.

Maintainability

Table 8 shows the level of acceptability of the system in terms of Maintainability

Table 8.
Maintainability of the System

Weighted
Specific System Feature Mean Descriptive Rating
(WM)
1. The system is composed of discrete
components such that a change to one
component has minimal impact on other 3.6 Highly Acceptable
components.

2. An asset can be used in more than one

system, or in building other assets. 3.72 Highly Acceptable
 59

3. The impact on the system when there is an

intended change to one or more of its parts
can be assessed. Also, the system can be
diagnosed for deficiencies or causes of 3.76 Highly Acceptable
failure, and modified parts can be
identified.

4. The system can be effectively and

efficiently modified without introducing
defects or degrading existing product 3.64 Highly Acceptable
quality.

5. Test criteria can be established for the

system, and tests can be performed to
3.88 Highly Acceptable
determine whether those criteria have been
met.
Average Weighted Mean 3.72 Highly Acceptable
Note: 3.26-4.0 = Highly Acceptable; 2.51-3.25 = Acceptable;
1.76-2.50 = Unacceptable; 1.00-1.75 = Highly Unacceptable

Table eight (8) shows the evaluation of “FerryGO: A Mobile Application for

Maritime Transport Booking in Alabat, Island” in terms of Maintainability. It revealed

that all the statements above were observed by the IT experts. Respectively, they gave the

following weighted mean: 1) 3.6; 2) 3.72; 3) 3.76; 4) 3.64; and 5) 3.88 or highly

acceptable. The system got an average weighted mean of 3.72 interpreted as highly

acceptable.

Maintainability should be taken into account at the planning stage of the

development of the system. Modularity, Reusability, Analyzability, Modifiability, and

Testability are required in the System development cycle. The system should be able to

adapt to changes in the environment and be able to modify itself in the future. Rebes

(2016).
 60

Portability

Table 9 shows the level of acceptability of the system in terms of Portability

Table 9.
Portability of the System

Weighted Mean
Specific System Feature Descriptive Rating
(WM)
1. The system can effectively and
efficiently be adapted for
different or evolving hardware,
3.76 Highly Acceptable
software or other operational
or usage environments.

2. The system can be successfully

installed and/or uninstalled in a
specified environment. 3.76 Highly Acceptable

3. The system can replace another

specified system for the same
purpose in the same
environment. 3.68 Highly Acceptable

Average Weighted Mean 3.73 Highly Acceptable

Note: 3.26-4.0 = Highly Acceptable; 2.51-3.25 = Acceptable;
1.76-2.50 = Unacceptable; 1.00-1.75 = Highly Unacceptable

Table nine (9) shows the evaluation of “FerryGO: A Mobile Application for

Maritime Transport Booking in Alabat, Island” in terms of Portability. It revealed that all

the statements above were observed by the IT experts. Respectively, they gave the

following weighted mean: 1) 3.76; 2) 3.76; 3) 3.68; or highly acceptable. The system got

an average weighted mean of 3.73 interpreted as highly acceptable.

 61

According to ISO 25010 Portability is the degree to which a device, product, or

component can be moved effectively and efficiently from one hardware, software, or

other operating or user environment to another.

Summary of Result

3.78
3.76
3.76

3.74 3.73 3.73 3.73

3.72 3.72
3.72 3.71

3.7
3.68
3.68

3.66

3.64

Figure 29: Summary of Result

Figure twenty-seven (27) shows the overall result of the acceptability evaluation.

The data revealed that the computed average is 3.72. This proves that the system has met

the standards. This also implies the high level of acceptability of the system “FerryGO:

Maritime Transport Booking in Alabat, Island”.

 62

Chapter V

SUMMARY, CONCLUSION AND RECOMMENDATION

This chapter presents the summary, the findings, conclusions, and

recommendation of the study after analysis of the data gathered for “FerryGO: A Mobile

Application for Maritime Transport Booking in Alabat, Island”. The researchers

conducted research to enable to find out the compatibility of FerryGO: A Mobile

Application for Maritime Transport Booking in Alabat, Island” and the feedback of

respondents on the acceptability of FerryGO: A Mobile Application for Maritime

Transport Booking in Alabat, Island”.

Summary

The researchers aimed to develop a FerryGo: Mobile Application for Maritime

Transport Booking in Alabat Island that would help the passengers to book a reservation

online to travel across Alabat, Island in the most efficient way. The study was conducted

during Academic Year 2020-2021 in SLSU-Lucena Campus.

The study used the Developmental Research approach. The Parameters used in

measuring the acceptability of the system were the ISO 25010 Standard, Functional

Suitability, Performance Efficiency, Compatibility, Usability, Reliability, Security,

Maintainability and Portability.

The Questionnaire were given to the IT experts, ICT Teachers and Travelers to

measure the level of acceptability of the Mobile Application. The data gathered were

reviewed, tabulated, computed, analyzed and interpreted.

 63

Findings

1. The system application was designed with the help of Android Studio as the IDE.

This helped on how the mobile application run in Android.

2. The development of the system application was made using Java and PHP codes

to program the application. MySQL served as the database of the system.

Desktop, laptop and smartphone were used in debugging, uploading, installing,

and testing. The FerryGo: Mobile Application for Maritime Transport Booking in

Alabat Island was finalized.

3. The level of acceptability of the device has the following findings:

Functional Suitability, WM= 3.73, Highly Acceptable; Performance Efficiency,

WM= 3.73, Highly Acceptable; Compatibility, WM= 3.72, Highly Acceptable;

Usability, WM= 3.76, Highly Acceptable; Reliability, WM= 3.71, Highly

Acceptable; Maintainability, WM= 3.68, Highly Acceptable; and Portability,

WM= 3.73, Highly Acceptable.

Conclusion

FerryGo: Mobile Applicatio for Maritime Transport Booking in Alabat Island

was built using Java and PHP codes in the Android Studio and the database was made

using MySQL, it is to manage and protect the users’ data . The said software

requirements also helped in designing the user-interface and implementing the functions

to navigate the system with ease. The material requirements helped in setting up,

debugging and testing the system application. The application was evaluated by the

experts as highly acceptable across all parameters.

 64

Recommendation

The researchers had successfully achieved the objectives after conducting a series

of tests and analysis to develop the mobile application. Based on the conclusions, the

following were hereby recommended:

1. More encrypted client’s password and explanation on how the system adheres to

the Data Privacy and Security of your clients.

2. More dynamic mode of payment methods in the booking process.

3. The computability to all android version must be implemented and not limited.

4. A study of the same nature with improved technology can be pursued in the future
to better improve efficiency and effectiveness of the developed system

application.
 65

References Cited

April, A., Best, L. R., Hein, M., Laporte, C. Y., Scott Pattison. (2018). Software Quality
Assurance. Hoboken, New Jersey, United States, John Wiley & Sons.

Stephen J. Chapman (2000). Introduction to Java

https://books.google.com.ph/books?id=dpd9QgAACAAJ

Creative Tim (2019). What is Laravel?

https://dev.to/creativetim_official/what-is-laravel-explain-it-like-i-m-five-19eb

Ding, X., Yang, Y., & Deng, R. H. (2011). Database access pattern protection without
full-shuffles. IEEE Transactions on Information Forensics and Security.
https://doi.org/10.1109/TIFS.2010.2101062

Dorota Gaul & Łukasz Karwowski, (2019). What every software tester should know
about Usability Testing? https://www.merixstudio.com/blog/what-every-software-
tester-should-know-about-usability-testing/

Estdale, John & Georgiadou, Elli. (2018). Applying the ISO/IEC 25010 Quality Modelsto
Software Product: 25th European Conference, EuroSPI 2018, Bilbao, Spain,
September 5-7, 2018, Proceedings. 10.1007/978-3-319-97925-0_42.

Fang, J., Zhao, Z., Wen, C., & Wang, R. (2017). Design and performance attributes
driving mobile travel application engagement. International Journal of
Information Management. https://doi.org/10.1016/j.ijinfomgt.2017.03.003

Haoues, M., Sellami, A., Ben-Abdallah, H., & Cheikhi, L. (2017). A guideline for
software architecture selection based on ISO 25010 quality related characteristics.
International Journal of Systems Assurance Engineering and Management.
https://doi.org/10.1007/s13198-016-0546-8

ISO 25000. (2020). ISO/IEC 250010.https://iso25000.com/index.php/en/iso-25000-

standards

Juristo, Natalia & Moreno, Ana & Sanchez-Segura, Maria-Isabel. (2007). Analysing the
impact of usability on software design. Journal of Systems and Software. 80.
1506-1516. 10.1016/j.jss.2007.01.006.

Mark, Drake (2020). What is MySQL?

https://www.digitalocean.com/community/tutorials/what-is-mysql

Maadh Ali Zameer, & Rajasvaran Logeswaran. (2019). Web-Based Ferry Booking
System with Live Location Tracking
DOI: http://dx.doi.org/10.31838/jcr.07.03.21
 66

Micheal Muchmore (2020). Adobe Photoshop Review | PCMag

https://sea.pcmag.com/photo-editing/8699/adobe-photoshop

Nayebi, F., Desharnais, J. M., & Abran, A. (2012). The state of the art of mobile
application usability evaluation. 2012 25th IEEE Canadian Conference on
Electrical and Computer Engineering: Vision for a Greener Future, CCECE 2012.
https://doi.org/10.1109/CCECE.2012.6334930

Paweł Rebeś (2019). Software Quality Standards – How and why we applied ISO 25010.
https://iso25000.com/index.php/en/iso-25000-standards/iso-25010

Proposed Updated Road RoRo Terminal System (RRTS) Master Plan and Feasibility
Study of Selected Corridors for the Missing Links.
Openjicareport.jica.go.jp/pdf/11809522_08.pdf 15-Appendix 3 Dec 12.doc
(jica.go.jp)

Prtihviraj Biswas (2020). Introduction to Android Studio

https://www.loginradius.com/blog/async/introduction-to-android-studio/

Roman Berezhnoi (2019) What is Bootstrap and how to use it in web development?
https://f5-studio.com/articles/what-is-bootstrap-and-how-to-use-it-in-web-
development/

Samtani, S., Chinn, K., Larson, C., & Chen, H. (2016). AZSecure Hacker Assets Portal:
Cyber threat intelligence and malware analysis. IEEE International Conference
on Intelligence and Security Informatics: Cybersecurity and Big Data, ISI 2016.
https://doi.org/10.1109/ISI.2016.7745437
 67

APPENDICES
 68

Appendix A
LETTER TO THE CAMPUS DIRECTOR
Southern Luzon State University
Dual Training and Livelihood Center
LUCENA CAMPUS
Lucena City
ROLAND A. CALDERON, DIT
Campus Director

Dear Director Calderon:

We are BANJO L. DE LOS SANTOS and RICHARD C. SLUDER who are currently
working on our research paper entitled “FERRYGO: MOBILE APPLICATION FOR
MARITIME TRANSPORT BOOKING IN ALABAT ISLAND” This research study has
been a requirement for the degree Bachelor of Technical-Vocational Teacher
Education Major in Computer Programming.

In this regard, we are requesting permission from your good office to conduct the
said study for the partial completion of our degree requirements. We are looking
forward for your favorable response regarding the matter. Thank you very much
and God bless.

Respectfully yours,

BANJO L. DE LOS SANTOS

RICHARD C. SLUDER
Researchers

Noted by:

CELIO P. SECO, MTE ALLAN FRANCIS ESQUIERES

Research Adviser Technical Adviser
 69

Appendix B

“FERRYGO: MOBILE APPLICATION FOR MARITIME TRANSPORT

BOOKING IN ALABAT ISLAND”
Dear respondents,

The undersigned are SLSU researchers presently undertaking research entitled

“FerryGO: Mobile Application for Maritime Transport Booking in Alabat, Island”.
In line with this, we seek your help in evaluating the acceptability of the system that we
developed. Please read carefully and answer the information needed as promptly as
possible. Put a check on boxes whenever necessary and applicable. All information
gathered shall be used purely for research purposes and shall be treated with
confidentiality.

The numbers given have the following assigned descriptions:

4 (HA)― Highly Acceptable

3 (A) ― Acceptable
2 (U) ― Unacceptable
1 (HU)― Highly Unacceptable
Thank you very much and God bless.

Respectfully yours,

De los Santos, Banjo L.

Sluder, Richard C.

Name (Optional): ____________________________________ _____ Date: _________________

Company: ______________________________Years in the Company: _____________________

Position: _______________________________Nature of Work: __________________________

SYSTEM
SPECIFICATION SYSTEM FEATURES 4 3 2 1
REQUIREMENTS
Functional 1. Functional Completeness. The system
Suitability covers all the specified tasks and user
objectives.
This characteristic
represents the degree Nagagawa ng sistema lahat ng tungkulin
na angkop para dito.
 70

to which a product or 2. Functional Correctness. The system’s

system provides functions provide the correct results with
functions that meet the needed degree of precision.
stated and implied
needs when used Ang sistema ay nagpapakita ng tamang
resulta na may angkop na antas ng
under specified
katumpakan.
conditions.
3. Functional Appropriateness. The system

facilitates the accomplishment of specified

tasks and objectives.

Pinapadali ng sistema ang pagtupad ng

mga tinukoy na gawain at layunin.
1. Time Behavior. The response and
processing times and throughput rates of
the system, when performing its functions,
meet requirements.

Natutugunan ng sistema ang mga

kailangang nitong gawin kapag ito ay
Performance tumutugon at nagpoproseso.
Efficiency
2. Resource Utilization. The amounts and
This characteristic types of resources used by the system,
represents the when performing its functions, meet
performance relative requirements.
to the amount of
Ang dami at uri ng pinagkukunan na gamit
resources used under
ng sistema, kapag ginagawa nito ang
stated conditions. kanyang gawain, ay tumutupad sa
pangangailangan.
3. Capacity. The maximum limits of the
system meet requirements.

Ang pinakalimitasyon ng sistema ay

tumutugon sa pangangailangan.
Compatibility 1. Co-existence. The system can perform its
required functions efficiently while sharing
It is the degree to a common environment and resources
which a product, with other systems, without detrimental
system or component impact on any other system.
can exchange
Hindi maaapekthuna ng ibang programa
information with ang sistema kung sila man ay sabay na
other products, gumagana.
 71

systems or 2. Interoperability. The system can

components, and/or exchange information to another system
perform its required and use the information that has been
functions while exchanged.
sharing the same
Maaaring makipagpalitan ng impormasyon
hardware or software
ang sistema sa ibang sistema. May
environment.
kakayahan din ang sistema na gamitin ang
impormasyong nakalap.
Usability 1. Appropriateness Recognizability. The
system is appropriate for users’ needs.

It is the degree to Akma ang sistema para sa

which a product or pangangailangan ng gagamit nito.
system can be used by
specified users to 2. Learnability. The system can be used by
achieve specified specified users to achieve specified goals
goals with of learning to use the system with
effectiveness, efficiency, freedom from
effectiveness,
risk and satisfaction in a specified context
efficiency and
of use.
satisfaction in a
specified context of Nagbibigay ng probisyon ang sistema na
use. turuan ang gagamit kung paano ito
gagamitin nang madali at mabisa sa mga
panahong kinakailangan.
3. Operability. The system is easy to operate
and control.

Madaling gamitin at angkop sa paggamit

ang sistema.
4. Use Error Protection. The system
protects users against making errors.

Pinoprotektahan ng sistema ang users na

huwag magkamali sa paggamit nito.
5. User Interface Aesthetics. The system’s
interface enables pleasing and satisfying
interaction for the users.

Naghahatid ng maayos na interaksyon sa

users ang disenyo ng sistema.
 72

6. Accessibility. The system can be used by

people with the widest range of
characteristics and capabilities to achieve
a specified goal in a specified context of
use.

Maaaring gamitin ang sistema ng kahit na

sinong tao upang makamit ang isang tiyak
na layunin sa isang sitwasyon.
Reliability 1. Maturity. The system meets needs for
reliability under normal operation.
It is the degree to

which a system, Maaasahan ang sistema sa mga normal na

product or component kondisyon.
performs specified 2. Availability. The system is operational
functions under and accessible when required for use.
specified conditions
for a specified period Gumagana at maaaring ma-access ang
of time. sistema kapag ito ay gagamitin.
3. Fault Tolerance. The system operates as
intended despite the presence of hardware
or software faults.

Gumagana pa din ang sistema kahit na

may problema sa hardware o software
nito.
4. Recoverability. In the event of an
interruption or a failure, the system can
recover the data directly affected and
reestablish the desired state of the system.

Kung sakaling magkaroon ng problema sa

sistema, maaaring makuha ang mga datos
sa loob nito at maibalik ang sistema sa
dating kondisyon.
Security 1. Confidentiality. The system ensures that
data are accessible only to those
It is the degree to authorized to have access.
which a product or
system protects Sinisigurado ng sistema na mga awtorisado
information and data so lamang ang maaaring gumamit dito.
 73

that persons or other 2. Integrity. The system prevents

products or systems unauthorized access to, or modification of,
have the degree of data computer programs or data.
access appropriate to
their types and levels of Hindi pinapahintulutan ng sistema ang
authorization. hindi awtorisadong pagpasok dito o ang
pagbabago sa programa nito o data.
3. Non-repudiation. Actions or events in the
system can be proven to have taken place,
so that the events or actions cannot be
repudiated later.

Ang mga aksyon or pangyayaring naganap

sa sistema ay maaaring matotohanang
nangyari upang hindi mapasinungalingan
ang mga nasabing aksyon or pangyayari.
4. Accountability. The actions of an entity
can be traced uniquely to the entity.

Ang mga aksyon ng isang tao or grupo ng

mga tao sa sistema ay maaaring matunton

at maiugnay sa taong ito o grupo ng mga
tao.
5. Authenticity. The identity of a subject or
resource can be proved to be the one
claimed.

May kakayahan ang sistema na

mapatunayan na totoo ang mga datos na
nakalap nito.
Maintainability 1. Modularity. The system is composed of
discrete components such that a change to
This characteristic one component has minimal impact on
represents the degree other components.
of effectiveness and
efficiency with which a Magkaroon man ng pagbabago sa isang
product or system can bahagi ng sistema ay hindi ito
be modified to makakaapekto sa ibang bahagi nito.
improve it, correct it 2. Reusability. An asset can be used in more
or adapt it to changes than one system, or in building other
in environment, and in assets.
requirements.
Maaaring gamitin muli ang programa sa
ibang sistema o kapag magdadagdag ng
 74

panibagong katangian sa sistema.

3. Analysability. The impact on the system

when there is an intended change to one
or more of its parts can be assessed. Also,
the system can be diagnosed for
deficiencies or causes of failure, and
modified parts can be identified.

Maaaring malaman ang mga

pagbabagong nangyari sa sistema, o
malaman ang sanhi ng problema sa loob
nito.
4. Modifiability. The system can be
effectively and efficiently modified
without introducing defects or degrading
existing product quality.

Maaaring baguhin ang sistema na walang

naidudulot na problema dito.
5. Testability. Test criteria can be
established for the system, and tests can
be performed to determine whether those
criteria have been met.

Maaaring magkaroon ng pamantayan para

sa sistema. Gayundin, maaaring

magsagawa ng mga pagsusuri upang

malaman kung natugunan ang mga
pamantayan.

Portability 1. Adaptability. The system can effectively

and efficiently be adapted for different or
It is the degree of evolving hardware, software or other
effectiveness and operational or usage environments.
efficiency with which a
Nakakaayon ang sistema sa nagbabagong
system, product or mga hardware or software.
 75

component can be 2. Installability. The system can be

transferred from one successfully installed and/or uninstalled in
hardware, software or a specified environment.
other operational or
Madaling iinstall o i-unistall ang sistema.
usage environment to
another. 3. Replaceability. The system can replace
another specified system for the same
purpose in the same environment.

Maaaring palitan ng sistema ang isang

katulad din nitong sistema.
 76

Appendix C

LIST OF EVALUATORS

Name of Evaluators Occupation Office/Address

Mr. John Gemson A. Laude System Analyst Zyvos.is

Municipal Hall Bldg.
Atimonan, Quezon

Engr. Raphael Aganon Network Administrator Philippine Telegraph and

Telephone Corporation

Mr. Cyril Abraham ICT Professor Alabat Island National High

Linguete School, Alabat Quezon

Mr. Al Laurio Teacher III/ICT Coordinator Atimonan National

Comprehensive High
School, Atimonan, Quezon

Karen D. Breganza ICT Teacher Malinao Ilaya National

High School, Atimonan,
Quezon

Kirstina Manalo IT Instructor Southern Luzon State

University-Gumaca Campus

Cherry Ann Mendez IT Instructor Southern Luzon State

University-Gumaca Campus

Mr. Jason A. Jaro ICT Professor Alabat Island National High

School, Alabat Quezon

Ms. April N. Pineda Teacher – ICT Major Alabat Island National High
School, Alabat Quezon

Dorren Barayang IT Instructor Brgy. Montana Quezon

 77

Ma. Princess Ursolino Traveler Brgy. Guinhawa Quezon,

Quezon

Bryan Alcantara De Villa Traveler Gumaca, Quezon

Ruzzel A. Barlaw Traveler Gumaca Quezon

Patrick Muego Traveler Quezon, Quezon

John Ryan Caiga Traveler Brgy. Guinhawa Quezon

Quezon

Airose G. Paez Teacher/Traveler Brgy. Guinhawa Quezon,

Quezon

Bernadette Quisto Traveler Alabat, Quezon

Mark Angelo Discarga Traveler Gumaca, Quezon

Sharon H. Mellendres Traveler Sampaloc National High

School Pitogo, Quezon

Larry Ingente Traveler Brgy. Rosario Gumaca,

Quezon

Gilbert Tañada Jalmanzar Traveler Brgy. San Diego, Gumaca

Quezon

Charish Francia Traveler Brgy. Guinhawa Quezon

Quezon

Mariel Limbo Traveler Alabat Quezon

Rencel Nepalis Traveler Brgy. Guinhawa Quezon

Jen Rodillas Rosete Teacher//Traveller Alabat Island National

High-School
 78

Appendix D

Certification

Republic of the Philippines

SOUTHERN LUZON STATE UNIVERSITY
CERTIFICATION

This is to certify that as an expert in the field of technology, I attested that I had

evaluated the developed system entitled “FerryGO: Mobile Application for Maritime

Transport in Alabat, Island” proposed by Banjo L. De los Santos and Richard C. Sluder. The

proponents are candidates for Bachelor of Technical Vocational Teacher Education Major in

Computer Programming at Southern Luzon State University – Lucena Campus. I further

certify that the data gathered are valid and ready for presentation as part of their degree

requirements.

This certification is issued upon the request of the proponents and will only serve

as part of their academic requirements related to the study.

Sincerely,

KIRSTINA N. MANALO, MIT, LPT

Instructor I
SLSU-Gumaca Campus
Gumaca, Quezon
Email Address: [email protected]; URL: www.slsu.edu.ph
 79

Republic of the Philippines

SOUTHERN LUZON STATE UNIVERSITY
CERTIFICATION

This is to certify that as an expert in the field of technology, I attested that I

had evaluated the developed system entitled “FerryGO: Mobile Application for

Maritime Transport in Alabat, Island” proposed by Banjo L. De los Santos and

Richard C. Sluder. The proponents are candidates for Bachelor of Technical

Vocational Teacher Education Major in Computer Programming at Southern Luzon

State University – Lucena Campus. I further certify that the data gathered are valid

and ready for presentation as part of their degree requirements.

This certification is issued upon the request of the proponents and will only

serve as part of their academic requirements related to the study.

Sincerely,

Cherry Ann. Mendez

Instructor

Company and Company’s Address Here

Dual Training and Livelihood Center

Lucena Campus
Lucena City

Telephone Number: (042) 713-2371; Email Address: [email protected]; URL: www.slsu.edu.ph

 80

Republic of the Philippines

SOUTHERN LUZON STATE UNIVERSITY
CERTIFICATION

This is to certify that as an expert in the field of technology, I attested that I

had evaluated the developed system entitled “FerryGO: Mobile Application for

Maritime Transport in Alabat, Island” proposed by Banjo L. De los Santos and

Richard C. Sluder. The proponents are candidates for Bachelor of Technical

Vocational Teacher Education Major in Computer Programming at Southern Luzon

State University – Lucena Campus. I further certify that the data gathered are valid

and ready for presentation as part of their degree requirements.

This certification is issued upon the request of the proponents and will only

serve as part of their academic requirements related to the study.

Sincerely,

Al Laurio
Teacher III / ICT Coordinator
Atimonan National Comprehensive High School
Atimonan, Quezon
Email Address: [email protected]; URL: www.slsu.edu.ph

Telephone Number: (042) 713-2371; Email Address: [email protected]; URL: www.slsu.edu.ph

 81

Republic of the Philippines

SOUTHERN LUZON STATE UNIVERSITY
CERTIFICATION

This is to certify that as an expert in the field of technology, I attested that I

had evaluated the developed system entitled “FerryGO: Mobile Application for

Maritime Transport in Alabat, Island” proposed by Banjo L. De los Santos and

Richard C. Sluder. The proponents are candidates for Bachelor of Technical

Vocational Teacher Education Major in Computer Programming at Southern Luzon

State University – Lucena Campus. I further certify that the data gathered are valid

and ready for presentation as part of their degree requirements.

This certification is issued upon the request of the proponents and will only

serve as part of their academic requirements related to the study.

Sincerely,

_______________
Sir. Jason A. Jaro
SHS Teacher

Alabat Island National High-School

Alabat, Quezon

Telephone Number: (042) 713-2371; Email Address: [email protected]; URL: www.slsu.edu.ph

 82

Republic of the Philippines

SOUTHERN LUZON STATE UNIVERSITY
CERTIFICATION

This is to certify that as an expert in the field of technology, I attested that I

had evaluated the developed system entitled “FerryGO: Mobile Application for

Maritime Transport in Alabat, Island” proposed by Banjo L. De los Santos and

Richard C. Sluder. The proponents are candidates for Bachelor of Technical

Vocational Teacher Education Major in Computer Programming at Southern Luzon

State University – Lucena Campus. I further certify that the data gathered are valid

and ready for presentation as part of their degree requirements.

This certification is issued upon the request of the proponents and will only

serve as part of their academic requirements related to the study.

Sincerely,

Ms. April Pineda

SHS Teacher

Alabat, Island National High School

Alabat, Quezon

Telephone Number: (042) 713-2371; Email Address: [email protected]; URL: www.slsu.edu.ph

 83

Republic of the Philippines

SOUTHERN LUZON STATE UNIVERSITY
CERTIFICATION

This is to certify that as an expert in the field of technology, I attested that I

had evaluated the developed system entitled “FerryGO: Mobile Application for

Maritime Transport in Alabat, Island” proposed by Banjo L. De los Santos and

Richard C. Sluder. The proponents are candidates for Bachelor of Technical

Vocational Teacher Education Major in Computer Programming at Southern Luzon

State University – Lucena Campus. I further certify that the data gathered are valid

and ready for presentation as part of their degree requirements.

This certification is issued upon the request of the proponents and will only

serve as part of their academic requirements related to the study.

Sincerely,

Cyril Abraham Linguete

Teacher

Alabat, Island National High School

Alabat, Quezon

Telephone Number: (042) 713-2371; Email Address: [email protected]; URL: www.slsu.edu.ph

 84

Republic of the Philippines

SOUTHERN LUZON STATE UNIVERSITY
CERTIFICATION

This is to certify that as an expert in the field of technology, I attested that I

had evaluated the developed system entitled “FerryGO: Mobile Application for

Maritime Transport in Alabat, Island” proposed by Banjo L. De los Santos and

Richard C. Sluder. The proponents are candidates for Bachelor of Technical

Vocational Teacher Education Major in Computer Programming at Southern Luzon

State University – Lucena Campus. I further certify that the data gathered are valid

and ready for presentation as part of their degree requirements.

This certification is issued upon the request of the proponents and will only

serve as part of their academic requirements related to the study.

Sincerely,

_______________
John Gemson A. Laude
System Analyst

Zyvos.is
Municipal Hall Bldg.
Atimonan, Quezon

Telephone Number: (042) 713-2371; Email Address: [email protected]; URL: www.slsu.edu.ph

 85

Republic of the Philippines

SOUTHERN LUZON STATE UNIVERSITY
CERTIFICATION

This is to certify that as an expert in the field of technology, I attested that I

had evaluated the developed system entitled “FerryGO: Mobile Application for

Maritime Transport in Alabat, Island” proposed by Banjo L. De los Santos and

Richard C. Sluder. The proponents are candidates for Bachelor of Technical

Vocational Teacher Education Major in Computer Programming at Southern Luzon

State University – Lucena Campus. I further certify that the data gathered are valid

and ready for presentation as part of their degree requirements.

This certification is issued upon the request of the proponents and will only

serve as part of their academic requirements related to the study.

Sincerely,

Mrs. Karen D. Breganza

Teacher I

Malinao Ilaya National High School

Atimonan, Quezon

Telephone Number: (042) 713-2371; Email Address: [email protected]; URL: www.slsu.edu.ph

 86

Republic of the Philippines

SOUTHERN LUZON STATE UNIVERSITY
CERTIFICATION

This is to certify that as an expert in the field of technology, I attested that I

had evaluated the developed system entitled “FerryGO: Mobile Application for

Maritime Transport in Alabat, Island” proposed by Banjo L. De los Santos and

Richard C. Sluder. The proponents are candidates for Bachelor of Technical

Vocational Teacher Education Major in Computer Programming at Southern Luzon

State University – Lucena Campus. I further certify that the data gathered are valid

and ready for presentation as part of their degree requirements.

This certification is issued upon the request of the proponents and will only

serve as part of their academic requirements related to the study.

Sincerely,

Dorren Barayang
IT Instructor

Brgy. Montana Quezon, Quezon

Telephone Number: (042) 713-2371; Email Address: [email protected]; URL: www.slsu.edu.ph
 87

Appendix E

SUPPLIES AND MATERIALS

Supplies Materials

Letter Size Paper Plastic Ring Binder

Printer Ink Binder Clip

Pen/Pencil Paper Clip

88
 89

Appendix F

PHOTOGRAPH
 90

Appendix G

SOURCE CODE

Southern Luzon State University

Dual Training and Livelihood Center
LUCENA CAMPUS
Lucena City

<!DOCTYPE html> <link rel="stylesheet" href="../assetsFerryGo1/v

endor/@fortawesome/fontawesome-
<html> free/css/all.min.css" type="text/css">

<!-- Page plugins -->

<head> <!-- Argon CSS -->
<meta charset="utf-8"> <link rel="stylesheet" href="../assetsFerryGo1/
<meta name="viewport" content="width=devi css/argon.css?v=1.2.0" type="text/css">
ce-width, initial-scale=1, shrink-to-fit=no"> </head>
<meta name="description" content="Start you
r development with a Dashboard for Bootstrap
4."> <body>

<meta name="author" content="Creative Tim" <!-- Sidenav -->

>
<nav class="sidenav navbar navbar-
<title>Profile</title> vertical fixed-left navbar-expand-xs navbar-
light bg-white" id="sidenav-main">
<!-- Favicon -->
<div class="scrollbar-inner">
<link rel="icon" href="../assetsFerryGo1/grahpi
cs/002-man.png" type="image/png"> <!-- Brand --><br />

<!-- Fonts --> <div class="sidenav-header align-items-

center">
<link rel="stylesheet" href="https://fonts.goog
leapis.com/css?family=Open+Sans:300,400,600, <a>
700">
<img src="../assetsFerryGo1/grahpics/001
<!-- Icons --> -ship.png" width="60" height="60" alt="...">

<link rel="stylesheet" href="../assetsFerryGo1/ </a>

vendor/nucleo/css/nucleo.css" type="text/css">
 91

<h1 class="text-dark" style="font- <li class="nav-item">

weight: 800;">FerryGo</h1>
<a class="nav-
</div><br /> link active" href="{{URL::ROUTE('mobileuserMy
Profile',['getclientid'=>$setclientid])}}">
<div class="navbar-inner">
<i class="ni ni-circle-08 text-
<!-- Collapse --> black"></i>
<div class="collapse navbar- <span class="nav-link-
collapse" id="sidenav-collapse-main"> text">Profile</span>
<!-- Nav items -->
</a>
<ul class="navbar-nav"> </li>
<li class="nav-item"> </div>
<a class="nav-
</div>
link " href="{{URL::ROUTE('mobileuserMyTrip',['
getclientid'=>$setclientid])}}"> </div>

<i class="ni ni-compass-04 text- </nav>

black"></i>
<!-- Main content -->
<span class="nav-link-
text">My Trip</span> <div class="main-content" id="panel">

</a> <!-- Topnav -->

</li> <nav class="navbar navbar-top navbar-

expand navbar-dark bg-info border-bottom">
<li class="nav-item">
<div class="container-fluid">
<a class="nav-
link " href="{{URL::ROUTE('mobileuserMyPayme <div class="collapse navbar-
nt',['getclientid'=>$setclientid])}}"> collapse" id="navbarSupportedContent">

<i class="ni ni-credit-card text-

black"></i> <!-- Navbar links -->
<span class="nav-link- <ul class="navbar-nav align-items-
text">Payments</span> center ml-md-auto ">
</a> <li class="nav-item d-xl-none">
</li> <!-- Sidenav toggler -->
 92

<div class="pr-3 sidenav- <div class="list-group list-group-flush">

toggler sidenav-toggler-dark" data-
action="sidenav-pin" data-target="#sidenav- <a href="{{URL::ROUTE('UserPageBoo
main"> kTrip',['getclientid'=>$setclientid])}}" class="list-
group-item list-group-item-action">
<div class="sidenav-toggler-inner">
<div class="row align-items-center">
<i class="sidenav-toggler-line"></i>
<div class="col-auto">
<i class="sidenav-toggler-line"></i>
<!-- Avatar -->
<i class="sidenav-toggler-line"></i>
<img src="../assetsFerryGo1/grahp
</div> ics/002-
compass.png" alt="Circle image" class="img-
</div> fluid rounded-
</li> circle shadow" style="width: 50px;">

<li class="nav-item dropdown"> </div>

<a class="nav- <div class="col ml--2">

link" href="#" role="button" data- <div class="d-flex justify-content-
toggle="dropdown" aria-haspopup="true" aria- between align-items-center">
expanded="false">
<div>
<img src="../assetsFerryGo1/grahpics/
0012-ship.png" alt="Circle image" class="img- <h4 class="mb-0 text-
fluid rounded- sm">Book Trip</h4>
circle shadow" style="width: 45px;">
</div>
</a>
</div>
<div class="dropdown-menu dropdown-
menu-xl dropdown-menu-right py-0 overflow- <p class="text-sm mb-
hidden"> 0">Hassle free trip schedule booking.</p>

<!-- Dropdown header --> </div>

<div class="px-3 py-3"> </div>

<h6 class="text-sm text-muted m- </a>

0"><strong class="text- </div>
primary">Menu</strong></h6>

</div>
</div>
<!-- List group -->
 93

</li> </div>

</ul> <a href="{{URL::ROUTE('mobileuserMy

Profile',['getclientid'=>$setclientid])}}" class="dr
<ul class="navbar-nav align-items-
opdown-item">
center ml-auto ml-md-0 ">
<i class="fas fa-user-circle"></i>
<li class="nav-item dropdown">
<span>My Profile</span>
@foreach($setprofile as $rowProfile)
</a>
<a class="nav-link pr-
0" href="#" role="button" data- <div class="dropdown-divider"></div>
toggle="dropdown" aria-haspopup="true" aria-
<a href="{{URL::ROUTE('MyUserLogout
expanded="false">
')}}" class="dropdown-item">
<div class="media align-items-center">
<i class="ni ni-user-run"></i>
<span class="avatar avatar-
sm rounded-circle"> <span>Logout</span>

<img alt="Image placeholder" src=".. </a>

/assetsFerryGo/grahpics/001- </div>
user.png" class="bg-white">
@endforeach
</span>
</li>
<div class="media-body ml-2 d-
none d-lg-block"> </ul>

<span class="mb-0 text-sm font- </div>

weight-bold"></span>
</div>
</div>
</nav>
</div>
<!-- Header -->
</a>
<!-- Header -->
<div class="dropdown-
<div class="header bg-info pb-6">
menu dropdown-menu-right ">
<div class="container-fluid">
<div class="dropdown-header noti-
title"> <div class="header-body">
<h6 class="text-overflow m- <div class="row align-items-center py-4">
0">{{$rowProfile->Fullname}}</h6>
<div class="col-lg-6 col-7">
 94

<h6 class="h2 text-white d-inline- <img src="../assetsFerryGo1/grahpics/

block mb-0"></h6> 001-ship.png" alt="Circle image" class="img-
fluid rounded-
</div> circle shadow" style="width: 45px;">
<div class="col-lg-6 col-5 text-right"> <img src="../assetsFerryGo/grahpics/
001-
backpack.png" alt="Circle image" class="img-
</div> fluid rounded-
circle shadow" style="width: 75px;">
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="table-responsive">
<!-- Page content -->
<!-- Projects table -->
<div class="container-fluid mt--6">
<table class="table align-items-
<div class="row">
center table-flush">
@foreach($setprofile as $setprofile)
<thead class="thead-light">

<tr>
@endforeach
</tr>
<div class="col-xl-8">
</thead>
<div class="card">
<tbody>
<div class="card-header border-0">
<tr>
<div class="row align-items-center">
<td>
<div class="col">
<small>Address</small>
<h3 class="mb-0">{{$setprofile-
<h4>{{$setprofile-
>Fullname}}</h3>
>Address}}</h4>
<small>passenger</small>
</td>
</div>
</tr>
<div class="col text-right">
<tr>
 95

<div class="col">

<td> <h3 class="mb-0">My Travels</h3>

<small>Municipality</small> </div>

<h4>{{$setprofile- <div class="col text-right">

>Municipality}}</h4>

</td>
</div>
</tr>
</div>
<tr>
</div>
<td>
<div class="table-responsive">
<small>Accountname</small>
<!-- Projects table -->
<h3>{{$setprofile-
<table class="table align-items-
>Username}}</h3>
center table-flush">
</td>
<thead class="thead-light">
</tr>
<tr>
</tbody>
<th scope="col">BOARDINGID</th>
</table>
<th scope="col">DATE TRAVEL</th>
</div>
<th scope="col">TRAVEL TO</th>
</div>
</tr>
</div>
</thead>

<tbody>
</div>
@foreach($settriphistory as $rowMyTr
<div class="row"> ips)

<div class="col-xl-8"> <tr >

<div class="card"> <th scope="row" style="font-

size: 12px;">
<div class="card-header border-0">
{{$rowMyTrips->BoardingID}}
<div class="row align-items-center">
</th>
 96

<td style="font-size: 12px;"> <script src="../assetsFerryGo1/vendor/jquery.s

crollbar/jquery.scrollbar.min.js"></script>
{{$rowMyTrips->BoardingDate}}
<script src="../assetsFerryGo1/vendor/jquery-
</td> scroll-lock/dist/jquery-
<td style="font-size: 12px;"> scrollLock.min.js"></script>

{{$rowMyTrips->Port}} <!-- Optional JS -->

</td> <script src="../assetsFerryGo1/vendor/chart.js

/dist/Chart.min.js"></script>
</tr>
<script src="../assetsFerryGo1/vendor/chart.js
@endforeach /dist/Chart.extension.js"></script>

</tbody> <!-- Argon JS -->

</table> <script src="../assetsFerryGo1/js/argon.js?v=1.

2.0"></script>
</div>
</body>
</div>

</div>
</html>

<!DOCTYPE html>
</div>
<html>

<head>
</div>
<meta charset="utf-8">
</div>
<meta name="viewport" content="width=devi
<!-- Argon Scripts -->
ce-width, initial-scale=1, shrink-to-fit=no">
<!-- Core -->
<meta name="description" content="Start you
<script src="../assetsFerryGo1/vendor/jquery/ r development with a Dashboard for Bootstrap
dist/jquery.min.js"></script> 4.">

<script src="../assetsFerryGo1/vendor/bootstr <meta name="author" content="Creative Tim"

ap/dist/js/bootstrap.bundle.min.js"></script> >

<script src="../assetsFerryGo1/vendor/js- <title>My Payments</title>

cookie/js.cookie.js"></script>
 97

<!-- Favicon --> <img src="../assetsFerryGo1/grahpics/001

-ship.png" width="60" height="60" alt="...">
<link rel="icon" href="../assetsFerryGo1/grahpi
cs/002-payment.png" type="image/png"> </a>

<!-- Fonts --> <h1 class="text-dark" style="font-

weight: 800;">FerryGo</h1>
<link rel="stylesheet" href="https://fonts.goog
leapis.com/css?family=Open+Sans:300,400,600, </div><br />
700">
<div class="navbar-inner">
<!-- Icons -->
<!-- Collapse -->
<link rel="stylesheet" href="../assetsFerryGo1/
<div class="collapse navbar-
vendor/nucleo/css/nucleo.css" type="text/css">
collapse" id="sidenav-collapse-main">
<link rel="stylesheet" href="../assetsFerryGo1/
vendor/@fortawesome/fontawesome- <!-- Nav items -->
free/css/all.min.css" type="text/css"> <ul class="navbar-nav">
<!-- Page plugins --> <li class="nav-item">
<!-- Argon CSS --> <a class="nav-
<link rel="stylesheet" href="../assetsFerryGo1/ link " href="{{URL::ROUTE('mobileuserMyTrip',['
css/argon.css?v=1.2.0" type="text/css"> getclientid'=>$setclientid])}}">

</head> <i class="ni ni-compass-04 text-

black"></i>

<span class="nav-link-
<body> text">My Trip</span>

<!-- Sidenav --> </a>

<nav class="sidenav navbar navbar- </li>

vertical fixed-left navbar-expand-xs navbar-
light bg-white" id="sidenav-main"> <li class="nav-item">

<a class="nav-
<div class="scrollbar-inner">
link active" href="{{URL::ROUTE('mobileuserMy
<!-- Brand --><br /> Payment',['getclientid'=>$setclientid])}}">

<div class="sidenav-header align-items- <i class="ni ni-credit-card text-

center"> black"></i>

<a> <span class="nav-link-

text">Payments</span>
 98

</a> <li class="nav-item d-xl-none">

</li> <!-- Sidenav toggler -->

<li class="nav-item"> <div class="pr-3 sidenav-

toggler sidenav-toggler-dark" data-
<a class="nav- action="sidenav-pin" data-target="#sidenav-
link" href="{{URL::ROUTE('mobileuserMyProfile' main">
,['getclientid'=>$setclientid])}}">
<div class="sidenav-toggler-inner">
<i class="ni ni-circle-08 text-
black"></i> <i class="sidenav-toggler-line"></i>

<span class="nav-link- <i class="sidenav-toggler-line"></i>

text">Profile</span>
<i class="sidenav-toggler-line"></i>
</a>
</div>
</li>
</div>
</div>
</li>
</div>
<li class="nav-item dropdown">
</div>
<a class="nav-
</nav> link" href="#" role="button" data-
toggle="dropdown" aria-haspopup="true" aria-
<!-- Main content --> expanded="false">
<div class="main-content" id="panel"> <img src="../assetsFerryGo1/grahpics/
<!-- Topnav --> 0012-ship.png" alt="Circle image" class="img-
fluid rounded-
<nav class="navbar navbar-top navbar- circle shadow" style="width: 45px;">
expand navbar-dark bg-info border-bottom">
</a>
<div class="container-fluid">
<div class="dropdown-menu dropdown-
<div class="collapse navbar- menu-xl dropdown-menu-right py-0 overflow-
collapse" id="navbarSupportedContent"> hidden">

<!-- Dropdown header -->

<!-- Navbar links --> <div class="px-3 py-3">

<ul class="navbar-nav align-items- <h6 class="text-sm text-muted m-

center ml-md-auto ">
…
 99

<!DOCTYPE html> </head>

<html>

<body>

<head> <!-- Sidenav -->

<meta charset="utf-8"> <nav class="sidenav navbar navbar-

vertical fixed-left navbar-expand-xs navbar-
<meta name="viewport" content="width=devi light bg-white" id="sidenav-main">
ce-width, initial-scale=1, shrink-to-fit=no">
<div class="scrollbar-inner">
<meta name="description" content="Start you
r development with a Dashboard for Bootstrap <!-- Brand --><br />
4.">
<div class="sidenav-header align-items-
<meta name="author" content="Creative Tim" center">
>
<a>
<title>Book Trip - Complete</title>
<img src="../assetsFerryGo1/grahpics/001
<!-- Favicon --> -ship.png" width="60" height="60" alt="...">

<link rel="icon" href="../assetsFerryGo/grahpic </a>

s/001-checked.png" type="image/png">
<h1 class="text-dark" style="font-
<!-- Fonts --> weight: 800;">FerryGo</h1>

<link rel="stylesheet" href="https://fonts.goog </div><br />

leapis.com/css?family=Open+Sans:300,400,600,
700"> <div class="navbar-inner">

<!-- Icons --> <!-- Collapse -->

<link rel="stylesheet" href="../assetsFerryGo1/ <div class="collapse navbar-

vendor/nucleo/css/nucleo.css" type="text/css"> collapse" id="sidenav-collapse-main">

<link rel="stylesheet" href="../assetsFerryGo1/ <!-- Nav items -->

vendor/@fortawesome/fontawesome- <br />
free/css/all.min.css" type="text/css">
<h6 class="navbar-heading p-0 text-
<!-- Page plugins --> muted">
<!-- Argon CSS --> <span class="docs-
<link rel="stylesheet" href="../assetsFerryGo1/ normal">BOOK TRIP</span>
css/argon.css?v=1.2.0" type="text/css"> </h6>(…;)
100