Professional Documents
Culture Documents
Egrabmo A Community Based Transportation Service Mobile App BSCS2022
Egrabmo A Community Based Transportation Service Mobile App BSCS2022
A Thesis
Presented to the
Faculty of the College of Computer Sciences
JOSE RIZAL MEMORIAL STATE UNIVERSITY
The Premier University in Zamboangadel Norte
Main Campus, Dapitan City
In Partial Fulfillment
Of the Requirements for the Degree
BACHELOR OF SCIENCE IN COMPUTER SCIENCE
ZOLYNDO B. DAGPIN
JOHN MICHAEL P. CARDENAS
JESS REY D. MANLANGIT
EARL JAPHET S. MACSOG
MAY 2022
i
Republic of the Philippines
JOSE RIZAL MEMORIAL STATE UNIVERSITY
The Premier University in Zamboangadel Norte
Main Campus, Dapitan City
CERTIFICATION
English Critic
ii
Republic of the Philippines
JOSE RIZAL MEMORIAL STATE UNIVERSITY
The Premier University in Zamboangadel Norte
Main Campus, Dapitan City
CERTIFICATION
Adviser
iii
Republic of the Philippines
JOSE RIZAL MEMORIAL STATE UNIVERSITY
The Premier University in Zamboangadel Norte
Main Campus, Dapitan City
APPROVAL SHEET
iv
eGrabMo: A Community-Based Transportation Service Mobile App
Abstract
This study is related to an existing foreign study done in places like Malaysia with
their Myteksi, that stated the reasons on why some drivers and consumers uses Grab as
their sources of income and for consumers as their more efficient way on going from
Service Mobile App” it is a system that provides the commuters the best experience in
terms of transporting using public transport in Dapitan City. The researchers included the
developmental process of the project which included the data gathering wherein the
researchers gathered information from the internet. After acquiring the gathered
information, they made through the analysis and started evaluating and designing the said
system. The researchers found out that by fusing other systems into one may produce a
Service Mobile App. There were three identified transportation app as comparison to the
proposed system with features such as user friendly, hassle free, time saving, can be
installed on mobiles and easy to use interface in mobile. It is also identified that
features among other transportation app and it is that the user can automatically input
their location and their desired destination before sending the request.It is recommended
that the system be presented and approved to all commuters or users of this system,
v
Dedication
This work is the result of countless and laborious sacrifices. Through the
researchers’ effort, this work is heartily and proudly dedicated to the people
circle of friends whom extended their help in the midst of problems while doing this
work.
To the faculty and staff of Jose Rizal Memorial State University, Main Campus,
Dapitan City. Above all, to our God Almighty who showered us His blessings in our
everyday lives, especially for the strength, courage, patience, wisdom, time, and guidance
The Researchers
vi
ACKNOWLEDGEMENT
This whole experience would not have been possible without the assistance and
cooperation of the few people who have fulfilled their duties. The researchers would like
recognize and convey their heartfelt gratitude to following persons who have contributed
to the success of the study.
To Charlie Baguio, the adviser, for dedicating his time and knowledge for the
fulfillment of the study;
To the Faculty and Staff of Computer Science Department, for their encouraging
comments and support;
To the parents of the researchers, for showing their love and support to this
wonderful journey financially and morally;
To their friends and classmates, for their help by sharing their ideas for the
completion of the study;
Lastly, to Almighty Father, who have bestowed the researchers his guidance,
blessings and his eternal protection.
The Researchers
vii
TABLE OF CONTENTS
Page
Title i
Certification of the English Critic ii
Certification of the Dean iii
Approval Sheet iv
Abstract v
Dedication vi
Acknowledgement vii
Table of Contents viii
List of Tables xi
List of Figures xii
Chapters
1 THE PROBLEM AND ITS SCOPE
Introduction 1
Theoretical/Conceptual Framework 2
Schema of the Study 5
Statement of the Problem 8
Scope and Limitations of the Study 8
Significance of the Study 9
Definition of Terms 10
viii
Project Development Process 19
Data Gathering 22
Requirements Analysis 22
Designing or Software Architecture 23
Project System Design 23
Respondents of the Study 34
Statistical Tools and Treatment 35
Research Instrument 35
Validation of the Research Instrument 35
Coding 36
Software Testing and Procedure 36
Procedure for Evaluation 37
Functionality 37
Reliability 38
Usability 39
Security 40
System Implementation 41
Sampling Design and Techniques 41
Calendar of Activities 43
ix
Conclusion 60
Recommendation 60
BIBLIOGRAPHY 61
APPENDICES
Appendix A – User’s Manual
Appendix B – Source Code
Appendix C – Letter to the Panelist
Appendix D –Letter to the Respondents
Appendix E –Evaluation Sheet
Appendix F –Curriculum Vitae
x
List of Tables
Tables Page
1 Respondents of the Study 35
2 Calendar of Activities 44
3 Comparison of Different Features 47
4 Functionality 51
5 Reliability 52
6 Usability 53
7 Security 54
8 Summary of the Ratings of Software Quality Factor 55
9 Overall Result of the Project Evaluation 56
xi
List of Figures
Figures
1 Conceptual Framework 4
2 Schema of the Study 7
3 System Development Life Cycle 21
4 System Flow Chart 25
5 HIPO Diagram 26
6 Use Case Diagram 27
7 Class Diagram 28
8 Activity Diagram 29
9 Sequence Diagram 30
10 Data Flow Diagram 31
11 Entity Relationship Diagram 33
12 Formula for Weighted Mean 35
13 System Flow Chart User 45
14 System Flow Chart Driver 46
15 Fuse Comparison of the System 48
xii
Chapter 1
Introduction
is to transform transportation through modernize and innovative way with the help of
transportation like taxi services have been proven themselves to be the most hassle-free
option to their growing customer. Since it is raising higher income in Malaysia, the head
of Grab Company afterwards decided to broaden the scope of using ride-hailing services
in Southeast Asia wherein Philippines adopt Grab as a subservient of Myteksi and named
Forty six point seven percent of the Filipinos in the population of 106,651,394
choose TNVS as their primary mode of transportation (Abad, 2018). Since this idea was
implemented it shows how useful and helpful this kind of technology was. Mobile
devices are utilized to book a cab with just a click. It becomes transportation way easier
than before. Since we all know most of Filipinos use public transportation as their means
This study is related to an existing foreign study done in places like Malaysia with
their Myteksi, that stated the reasons on why some drivers and consumers uses Grab as
their sources of income and for consumers as their more efficient way on going from
place to place. Grab offers transportation from cities ad on countryside places but in
2
places like Dapitan City where there are no Taxis so the current version of Grab will not
work in places like that. In places like Dapitan City wherein there are no Taxis but has its
own kind of public transportation like tricycle, this opens up opportunity to make a Grab
for tricycles. Instead of waiting for a tricycle to pass by which usually takes a long time
especially at night, why not use mobile phones to reach or book drivers. This will help
and ease the pain of waiting and also drivers do not have to roam around and look for a
passenger as they please. They now can wait and save gasoline from roaming around.
Since mostly everyone has its own mobile devices and internet this will make some
situation hassle-free.
transportation vehicle as their mode of transport by using android phones and internet.
This will make hauling public transport faster and easier. This is also to make finding
passengers for all tricycle drivers easier with less time and less gasoline consumption.
Conceptual Framework
industry and business strategy of ride-hailing transport service in Thailand: A case study
of Grab business” by Wiengdee (2009), this research is about the analysis of the industry
and business strategy of ridehailing transport service in Thailand: a case study of Grab
business. Since Grab transport service is a business that makes people’slife more
convenient for riding experience in this digital era and continuously gains popularity for
using the service. Apart from traditional taxis or public transports that offer people for
make a ride or a journey easier, for example, using Uber (US), Lyft (US), Grab
Therefore, the market for ride-hailing services has been arising rapidly. As
Prescient & Strategic (P&S) Intelligence Private Limited or P&S Intelligence conducted
a study showing that the revenue of global ride-hailing market was valued at $50.4 billion
in 2018 and is expected to reach $120.2 billion in 2024 which will increase around $69.8
Whereas, in Southeast Asia, the revenue of ride-hailing and taxi market is valued at
$16,991 million in 2020 and is expected to attain an annual growth rate (CAGR 2020-
2024) of 6.9% which will contribute to a market volume around $22,202 million in 2024
(Statista, 2020).
Figure 1 shows the conceptual framework of the concept about the study. In this
study the user need a smartphone android/IOS device also a computer to access the
appand also an the device chosen need internet connection for them to access this app
and choose their needs of transportation look for available rider, add the rider to favorites
and give a rating or feedback. Setting their pick up and drop off location on the app and
time for pick up,the data the destination, time, and date including the user had inputted
will then be analyzed and collected it will be stored in the database using MySQL and
sends data that is collected to the tricycle driver’s mobile phones where they can accept
or decline the consumer’s request. The feedback will be reflected to the consumer
notification bar that indicates the request has been completely declined and to try to look
for another available rider process would still be the same. The rider that declined the
request will be removed from the queue to find more suitable riders in the area.
4
DATABASE
The schema of the study is represented by the diagram figure two page
six,diagram contains 3 boxes: input, process and output. Input represents the requirement
for accessing the application/system. Network connectivity is a must when accessing the
system. To access the system connectivity to the internet is needed since the proposed
system is an online application that can be accessed using internet connection. Mobile
phone either android/IOS represents as a tool for using the system because the proposed
system can be installed to mobile phones and it was also available through web such
Google and any other browser. An application is a computer program that is designed by
a group of individuals to using raw material to gather and store information from the user,
this also used for testing and developing the proposed system. Application is also a
necessary tool for accessing the system. A client data is a user data that is being input into
the system. Client data is consist of user’s profile such as name, address and email or
contact number.The client must input their current location, to determine where the user
can be picked up and their desired destination, it is where the client would be transported
to.
The second box shows all the processes underwent for the realization of the
proposal system. First is Planning required where the researcher underwent a thorough
decision making is going and collecting ideas to what study. Second is Data
interest, in an established systematic fashion that enables one to answer stated research
questions, test hypotheses, and evaluate outcomes that can be found in the internet and
some existing article. The requirements Analysis sets and configures the software and
6
researcherassign codes to start developing and creating the proposed system.Fifth is the
designing were the researchers provide a plan of study that permits accurate assessment
Testing this where the researcher perform some testing and evaluation to ensure that the
proposed system was bug free and errorless. This is to know if the proposed system is
effective and working well. Seventh is Implementation, where the system may be
deployed and used by sole users. Eighth and last is Documentation this were a report was
made based from the findings and analysis throughout the process of conducting and
creating the study. Proper documentation helps to organize notes and data. It also adds
validity to your work, gives credit to others in your field, and makes it easier to share
your research with others.Those are the process that are needed to create the proposed
The third box represents output which the proposed system was entitled
The last box is the feedback it will also be stored in the database. The user can
give their feedback for the developer to update the system and to know the effectiveness
and usefulness of the system. The feedback will also be useful to report some
unsatisfactory or inadequate behaviours of the rider and also for the commuter displaying
this kind of manner. So that the developer can take action to report to the authority or the
said reported sole user will be banned from using the app depends of what kind of
OUTPUT
The study aimed to develop a Grab mobile app for motorcycles and tricycles to
3. What other similar system can be fused into one composite system?
4.1 Functionality
4.2Reliability
4.3 Security
4.4 Usability
The application will make hauling for transport hassle free, time consuming and
will also provide jobs. This will also provide a breathing room for all tricycle drivers
because they don’t need to waste their gasoline just to find a passenger. The researchers
considered working on this study to find out if the app would be beneficial to most
9
consumers and tricycle drivers and if its effectiveness is enough to make this research
push through.
in certain small areas. The respondents of this study will be tricycle drivers and random
This study only covers with in the vicinity of Dapitan City, where the most
common mode of transport is Tricycle which is the focus of the study. The results of this
study will be applicable mostly for the consumers and tricycle drivers.
The researchers wanted to provide easy access application for people that
frequently use tricycle for their transportation. The study provided enough knowledge for
people about tricycle transportation services using the application being presented. The
Tricycle Drivers. The result of the study would help drivers have more
Commuters. The result of the study may provide hassle-free transportation services for
commuters. Commuters are also familiar with the vehicle so they would be comfortable
Tricycle Operators. The result of the study helped the operators to increase their
Future researchers. The findings of the study served as guide and a reference material
for future researchers who wish to conduct the same or related study about these services.
10
Definition of terms
vicinity of Dapitan.
Functionality. Refers to the use or the purpose of the system created for which it
Reliability. Refers to the system’s ability to perform its intended function at any
time.
communications.
mobile phones or any electronic media and used for transportation purposes.
Usability. It is an ease that the users may experience when interacting with the
ISP(Internet Service Provider) -provides web access to the proposed app to grant
Database –a set of data that is usually kept in a computer system. It also refers to a
In this chapter the researchers are able to elaborate and review the related studies
to this research. There are several studies that have been conducted regarding the
Transport Network Vehicle Service (TNVS) in the Philippines and other countries.
The following literature are previous studies concerning the GrabCar as transportation
The literature review surveys scholarly articles, books, and other sources relevant to a
Foreign Studies
GrabCar as Transportation
connect the drivers and riders through the use of smart phone application. Grab
allows a person to earn income by the use of one own car. Grab is able to
introduce different kinds of transportation service that they have. These includes the
utility vehicle under the TNVS like Grab are popular today as an alternative
12
transportation to help riders who are struggling with their mode of transit. It is
considered that driving as full-time job provides higher income, incentives and no
supervisions. As time goes by, people go for using it because aside from it is the most
trusted transportation around the world, the safety of the drivers and riders is
affordable cost, saves travel time, and offers convenience and comfortable ride to the
Filipinos.
the route in going to the pick-up and drop-off destination of the riders is provided.
The cost of the entire trip and the arrival time of the riders is also stated in the system
(Creno, 2015). As stated by Ganesha (2018), GrabCar drivers are one of the trending
discourse topics in social media. She claimed that some GrabCar drivers have shown
misbehaviour which results to rude and unsafe perception of people to some GrabCar
drivers. However, the head of Grab Company Anthony Tan, promised for the
improvement of the behaviours not just the GrabCar Drivers but also every
drivers under his company (Chua, 2018). On the other hand, most of the GrabCar
drivers are still known to be considerate, nice, trustworthy and effective in the field
of the innovated way of transportation stated by Zurbano (2019). Lim (2017) stated
that some Filipino people wanted to be in the TNVS industry because they can
maximize their resources and they are the manager in their own working hours.
In addition, the income that they will earn will be depending to them. In Malaysia, Grab
has been very useful. GrabCar drivers can refer some of their colleagues to join them and
13
as a return they will get a reward. Grab driving is one of the most effective work
(Charles, 2018).
based self-service is time saving orientation (Meuter et al., 2003). When a person finds
himself lacking in time due to daily activities such as work and leisure activities, one will
look for opportunities to save time (Bashir et al 2015, Settle &Alreck, 1991). Many
people dislike the effort of looking for food and waiting for food at restaurants in recent
years due to their hectic lifestyle.They would prefer that food be delivered to them
quickly and without much effort (Yeo et al., 2017). One of the major contributory factors
2014). Shopping online saves time because customers do not have to leave their current
location to make a purchase. According to Sultan and Uddin (2011)'s research, time
savings has a positive effect on behavior intention toward online shopping. The
researchers discovered that many people believe that online shopping takes less time
because they do not have to waste time traveling out as opposed to traditional offline
shopping (where they need to be physically present at the storeAccording to Alreck and
Settle (2002), traditional modes of offline shopping take more time than online shopping
because customers do not have to travel out, deal with traffic, find parking, and wait in
line to pay. Alreck et al. (2009) discovered in another study that many consumers wish
they could save more time. Consumers prefer to save time in order to complete other
pressing tasks as soon as possible. Ganapathi (2015) and Zendehdel et al (2015) found
that time savings had a significantly positive effect on behavioral intention to adopt
delivery services.
Rapid urbanization has created a situation in which city dwellers have limited
time, particularly during the weekdays, to prepare their own meals or even eat at
restaurants. As a result, they tend to eat more fast food or skip meals entirely (Botchway
et al, 2015). To meet the needs of their customers and increase business sales, many
customers. Convenience in the context of OFD services is defined as the perceived time,
value, and effort required to facilitate the use of the OFD system. According to research,
al, 2005).This means that the system needs to achieve a certain desired level of
will affect the attitude and willingness of customers. Once the convenience level meets
the expectation of customers, they would be motivated to use that system continuously.
Jiang et al. (2011) stated that convenience is one of the principal motivations for users to
adopt electronic technology because customers must be convinced of their value before
they are willing to use this technology. As companies introduce new electronic
ordering and delivery system to the public, the convenience in using it spur customers to
use it. Kimes(2011) mentioned that users have the capability to utilize the new, easy and
safe electronic technology. Allowing consumers to place order and receive the foods
anytime and anywhere, customers would prefer to do online food purchase rather than
store purchase. Making online takeaway have many advantages such as the avoidance of
15
poor customer service (Chen & Hung, 2015) and the prevention of in-store traffic
attributes for consumers to adopt the OFD services (Collier &Kimes, 2013).
Convenience-oriented shopper would always take time and effort into consideration
(Zhou et al., 2007). They would prefer to shop at home to minimize the time, avoid
crowded market and initiate the transaction at anytime and anywhere. Thus, by using the
online purchase system, the location is irrelevant to them during purchasing (Chen &
learn or operate (Rogers, 1962). Similarly, Zeithaml et al. (2002) stated that PEOU is the
degree to which an innovation is not difficult to understand or use. Davis (1989) and
Davis et al. (1989) reaffirmed that the degree to which the respondents believe that they
could use the particular technology with minimum efforts could be considered as PEOU.
innovative technology and where they could evaluate its benefits easily. It has been
consumers and establish the acceptance of technology usage among consumers (Cho
purchase intentions (Cho &Sagynov, 2015). Chen & Barnes (2007) also discovered that
16
people to use a new technology, it is suggested that companies develop systems that are
easy to use (Jahangir & Begum, 2008). Study by Chiu & Wang (2008) discovered that
PEOU positively affect the continuance intention of customers in the context of Web-
based learning. The behavioural intention to use any online services is dependent upon
Ramayah& Ignatius (2005) found that customers are unwilling to shop online if the
PEOU is hampered by certain barriers such as the long download times of the Internet
retailer websites and the poorly designed websites. Thus, it is imperative that the design
experience to make an order easy. Besides, Venkatesh& Davis (2000) reaffirmed that
the extent ofcustomers PEOU of the technology will lead to behavioural intention. Based
Local Studies
Company(TNC). The rise of these transport modes has a direct impact to asegment once
dominated by conventional taxis as these two became popular in the market in terms of
the premium services they provide to riders. The main objectives of this study are the
17
Synthesis
From all of the literature that the researchers have gathered from different authors
and their respective studies, in the study conducted by Regidon (2019) wherein he
claimed that Grab is popular today because it provides convenience to the riders in
their mode of transit. Moreover, Pradhan (2019) found out that the use of technology
evolved the labor of the drivers and the riders. In the study of Napalang (2018),
the safety of the drivers and riders is proven that results for the TNVS became the most
trusted mode of transportation. With the use of mobile technology, route, value of the trip
and the arrival time are provided by the GrabCar drivers through the mobile application,
Grab (Creno, 2015). As stated by Ganesha (2018), although some GrabCar drivers
Meanwhile, Zurbano (2019) affirmed that GrabCar drivers are still known to have a
positive behavior. For the time being, Charles (2018) aid in a study that there are a lot of
The previous studies that the researchers gathered only supplements data about
Convenience Motivation and Perceived Ease of Use. The researchers will be focusing on
tricycle riding, transportation and delivery services to further the results in their study.
Chapter 3
RESEARCH METHODOLOGY
This chapter presents the methodology of the study. This involves the discussion
Method Used
Kasanen et al., (1993) that there are two research methods are used extensively in the
creation or application of new computing and information technology approaches for use
in differing domains: constructive research and action research. The constructive research
modules, tools, and techniques that have applicability well beyond the case study that
mathematics, operations analysis, and clinical medicine. The focus is on the construction,
Action research, as the name suggests, involves taking action, evaluation, and
critical reflection Koshy et al., (2011). Within the context of computing and information
information technology solution then evaluating and reflecting on its value. Action
research has been demonstrated in trans disciplinary research with its participatory and
19
collaborative focus used as a driver for the interaction between many disciplines along
with the broad context of taking action on the broad transdisciplinary innovation
Research Environment
Dapitan, officially known as the City of Dapitan, is a 3rd class component city in
the province of Zamboanga del Norte, Philippines. According to the 2020 census, it has a
population of 85,202 people. Dapitan City is most well-known for being the place of
exile of Philippine national hero, Jose Rizal, and has plenty of historic sites for visitors to
explore over a weekend. This is very popular to all tourist because of its beautiful views
and landmarks. Its primary mode of transport for the tourist to tour the place is tricylce. A
very affordable and very reliable mode of transport, also often use by the people in
intended for all passengers with the intent to make finding transportation easier. This also
helps drivers to provide services quickly. It provides more opportunity to the unemployed
individuals.
also defined both with a project life cycle and system development life cycle during
which different activities occur. The Project Development Process also refers to a logical
sequence of activities that aims to accomplish the project’s goals or objectives. It consists
20
of events which are necessary to complete a project. The System Development Life Cycle
Figure 11 presents the System Development Life Cycle (SDLC). Each process is
connected to each other by an arrow and each number from 1 to 7. Its starts with Planning
where the researchers plan and decides if what kind of study they are going to implement
as well as ideas that are necessary in creating a study. Second is Data gathering the
researchers gathered information in the internetthat can be implemented in the study. The
requirements Analysis sets and configures the software and hardware requirements
needed by the users. After having all information gathered and analyzed, the researchers
While in the design process, they started developing the proposed system this is
where the researcher started coding to create the proposed system. During the coding of
the proposed system researcher also started the testing and a thorough evaluation, this is
to identify bugs, error and adjustments of the system to ensure that the proposed system
works smoothly for the better experience. The testing was also done after everything is
working to ensure the usefulness of the system.After testing and ensuring that the system
is effective and done this is where the researcher implemented the study. Researcher also
documented the process and progress of the proposed system until it was finished this is
to ensure that every important detail was recorded.Each step was verified by the
researchers for the correctness of the output and its function performed by the software.
propped system to make sure everything is running smoothly without any bugs
Data Gathering
system they used books, journals, internet resources and other existing researchers who
compose articles related to the study they created. The researchers also retrieved
information from the selected respondents that uses tricycle as their primary daily
transport going from their place to school, works or any other places. The researchers
also retrieve information from the drivers on their thoughts about the system and some
tourist that used tricycle in visiting places. The data are all combined to come up with the
overall idea relating to the creation of the system. The necessary interpretation and
analysis are done. The other quantitative data for this research will be obtained through
the use of an online survey questionnaire made with the use of Google forms and
circulated through the internet. The survey is made up of appropriate questions adapted
from relevant studies andquestions devised by the researchers. The following are the
equipment that researchers used to collect data: Interviews and surveys (provide
invaluable insight about the case study) and web searching (searching on the internet to
Requirements Analysis
Based Transportation Service Mobile App using Block chain Protocol Data Security. The
researchers reviewed all of the requirements in order to evaluate all of the study's needed
A. Hardware Requirements
23
B. Software Requirements
C. Questionnaire
implementation specifics. The interaction of the parts and components inside a system is
also a focus of architecture. Software design digs further into the system's
implementation aspects.
components, modules, interfaces, and data in order for a system to meet a set of well-
defined operating criteria. Modeling, analysis, synthesis, and optimization are all part of
Dimensions, forms, materials, and data processing structures are all design
features. Formal expressions or formulae, drawings, diagrams, tables of metrics with their
values and margins, patterns, algorithms, and heuristics are all examples of design
enablers. The need to structure the pieces that make up a system arose as a result of its
24
complexity. It should include a high-level overview of why the new system was
established, as well as what the new system is meant to replace and how it was designed.
Figure 14 shows the system flow chart. A Flowchart is a type of diagram that
kinds by connecting them with an arrow.It is a generic tool that can be used to define a
problem. To illustrate this symbols are used. They are connected together to show what
happens to data and where it goes. The basic ones are selecting two types of user they
will choose between Driver or as a commuter, user would input their personal details
creating customers profile and details that determines the users account. After having an
account it goes to the customer’s choice where the user inputs the detail of their transport
request including their desired destination together with their location and time for pick
up. The user will sendtheir request to the chosen driver. After receiving the request, the
driver will decide if he will accept the request depends on his availability. If the request
of the user got decline the information will be notified back to the user who requested the
service this process will be save in the database, this will inform the user that he/she
needs to input another request to other available drivers the process will be the same, the
driver that declined the transaction will be removed from the queue. If the transaction
was successful, user will receive a notificationand will wait for the requested driver to
arrive. After the ride the customers will have an option to leave a feedback for the rider
START
LOGIN
ENTER
COSTMER’S
DETAIL
AUTHORIZE FALSE
COSUTMER
TRUE
SEARCH AVAILABLE
TRICYCLE
DECLINE REQUEST
AVAILABILITY NO AVAILABLE
OF TRICYCLE
AVAILABLE
ENTER
COSTMER’S
DETAIL
SEND REQUEST
WAIT
STOP
HIPO Diagram
Figure 15 shows the HIPO Diagram of the eGrabMo. It can be either a document
in any form used as a planning tool for Web design, or a Web page that lists the pages on
Transportation Service Mobile App is composed of user’s file and under of the
customer’s file is the user’s account where it consist user’s details. Second, it consist the
customer’s selection where the user can input its requests and the availability of the
transport. Third is the driver’s file where under it is the driver’s account and his ability to
accept request.
system depicting the specification of a use case. A Use Case Diagram‖ can portrait the
different types of a user of a system and the various ways that they will interact with
system. As seen, in figure below, it shows that ―Use Case Diagram‖ has two actors.
These are the consumer and the tricycle driver, consumer will request a ride and tricycle
driver will accept or reject the request. The admin also can add, delete, search and even
Class Diagram
Figure 17 shows the user account, details and the driver’s account. First is the user
which consist details about the customer. Second is booking details where the users can
input its type of transport, where is the user’s current location and desired destination.
Third is the driver’s detail where it consist of all the driver’s details and its current
location, the driver can also check and accepts bookings. Lastly, the payment it shows the
Booking
User
BookingType()
-UserID : Integer BookingDetails()
-UserName : String Location()
-UserAdd : String
-UserEmail: String -BookType: String
-UserContactNo : double -BookDetails: String
-BookLocation: String
Register()
Login()
Book()
Payment()
Feedback()
Driver
Payment
DriverID :Interger
DriverName: String
DriverAdd : String
-PaymentID : integer
-PaymentType : string DriverEmail: String
-PaymentDetails: string DriverContactNo: double
PaymentID() DriverDetails()
PaymentInfo() BookingDetails()
RideDetails()
Pament()
Activity Diagram
of the system. Activity is basically a flowchart to represent the flow form one activity to
another activity.
The figure 18 describes the flow of the system. The flow of the diagram starts
with the user’slogin in to the app where they submit their booking details, location and
their desired destination and this will be received by the driver. The driver is the one who
Sequence Diagram
This diagram describes the interactions among the classes in terms of exchange
Mobile App is an application that helps passengers/customers finding a ride easier and
quicker. The flow of the diagram starts with the user’s login in to the app where they
submit their booking details, location and their desired destination and this will be
received by the driver. The driver is the one who will accepts or reject the request.
Figure 20 shows that the search results of this guide provides everything for the
user need to know about data flow diagrams, including definitions, history, and symbols
and notations. For finding the ways in this figure it uses defined symbols like rectangles,
circles and arrows, plus short text labels, to show data inputs or the outputs, storage
points and the routes between each destination. Users’ info use for the traveler’s
information to know where the user supposed to go. The map result indicated in this
figure shows that the user location and their destination will appear to the traveler’s plan
entities that exist in a system and the relationships between those entities. An entity is a
piece of data object or concept about which data is stored. There are so many group of
data illustrated in each of the ERD figure and represented by a column and they are called
database tables. Data fields also highlighted with the different colors are the indexes used
to connect related data to the different tables in conjunction to every movement of data.
The projected lines serve as the connector between tables by means of its indexes.
`Entities link up each other according to the relationships between the researchers
or how the user interacts with each other. Relationships are sometimes referred to as
cardinalities, which describes the interactions numerically but let's simply call them
relationships and traditionally developers spend a lot of effort in saving and loading
different database table through its entity and related fields. ER Diagrams are commonly
Relationship Diagram it looks very much like a flowchart. It has specialized symbols, and
the meanings of those symbols that make it unique. In ERD diagram the researchers
should visualize how the information of a system produced is related. The researcher’s
should identify the entities that the users. An entity is nothing more than different tables
and rectangular with a description of something that the researchers system stores
information about. The Data fields highlighted with different lines are indices that used to
33
connect related data to the different tables in conjunction to every movement of the
The first entity is the user which contains the attributes such as Emp_User as the
foreign key of the user. The data fields is the location and the destination of
The second entity is the Emp_Customer_Request which contains attributes that the
Third entity is the Emp_Driver which contains the driver’s details, availability
and the decision making. This will tell if the Driver is available for transport.
In every research study, respondents are highly needed because their response
will be the basis for evaluating the system in terms of its functionality and etc. The
researchers have been invited people to participate in a particular study and have actually
taken part in the study. This definition applies to both qualitative and quantitative studies.
There were Fifteen (15) total respondents of the study and were classified into three (3)
groups of evaluators. The first group comprises of the five (5) Tourist, the second group
comprises of six (5) commuters, the third group comprises of the five (5) drivers in order
Tourist 5 33.3
Commuters 5 33.3
Drivers 5 33.3
TOTAL 15 100%
35
The weighted mean will be used to measure the functionality, reliability, and
Research Instrument
There are two sections to the instrument that is used to collect data for the study.
The first section is based on research. The second section is based on the ISO/IEC 9126
to confirm the validity of the questionnaire. This is to insure the quality of the instrument
used is valid and precise. Validation studies help researchers identify the errors that exist
when studying opinions and behaviors so that these errors can be minimized or
eliminated, and research studies can obtain more accurate and valid results. The
Coding
The analyzed data will be encoded as commands in coding to make the program
and instructions, thus, data,writing code is similar to writing a set of instructions because
it informs a machine what to do, it will be translated into computer commands and
instructions that will run as system software of the proposed study after the analysis in
finding algorithms that will suit the need of the current problem.
While making the system, the testing method will be adopted. Both manual and
running through its different method and strategies. Traditional hailing of transport
processes are simple, but new technologies are now available in our time, so proponents
will introduce each of the observers to the fact that computer technology is more
powerful in today's age. The outcome of this proposal will decide whether the study
continues or not.
5. After checking the study, the researchers will conduct the evaluation about the system
software.
In order to make a qualitative interpretation of the result the researcher will use
five-point Liker scale and a range of scores is used as shown below. Each respondent will
This research may be completed with the use of tests and evaluations. The
proponents think that no program can be adopted without first conducting thorough
study, testing, and evaluation. The procedure can assist researchers in achieving their
objectives for the precise outcome. Each responder will give the study a score based on
Functionality
The existence of a set of functions and their stated qualities is determined by a set
of attributes. The functions are those that fulfill a set of users, either explicitly or
implicitly. It is the property of being useful or having a practical use. Functionality refers
to a use or group of purposes for which something is created, such as computer software,
well it does the task at hand. A collection of inputs, behavior, and outputs are used to
describe the function. Calculations, technical details, data manipulation and processing
and other particular capabilities that describe what a system is expect to deliver and
automatically
end-user.
end-user.
Reliability
conditions at any time—with a lengthy mean time between failures. Any computer-
entry of information.
1.81-2.60 Less Reliable – System generate data but contains 10% error
Usability
usage, as well as the individual evaluation of that usage, based on a specified or reduced
4.21-5.0 Very much usable – Design of the system enables the end-
two seconds.
3.41-4.20 Much usable – Design of the system enables the end user to
40
1.00-1.80 Not Usable – Design of the System does not enable end-user
Security
The quality or state of being secure: such as. a: freedom from danger : safety. b:
freedom from fear or anxiety. c: freedom from the prospect of being laid off job security.
security.
1.81-2.60 Less Secured – System generate data but its security shows
errors
System Implementation
gradually takes over the functions of an older system while both systems operate at the
same time. This conversion occurs when the old system's technology has become
outdated, necessitating the installation of a new system to replace the old one.
The instrument which was utilized in gathering data in the study composed of two
parts. The first part was research-made. It dealt with the demographic profile of the
respondents.
The second part was patterned after the International Standard Organization
ISO)/IEC 9126 standard quality model which determine the functionality, reliability,
usability, efficiency, portability and maintainability of the newly developed and designed
The researchers used the purposive sampling method in selecting the respondents
for this study. Purposive sampling, also known as selective or subjective sampling, is a
type of non-probability sampling in which researchers pick people from the public to
participate in their surveys based on their own assessments. To correctly pick and
42
approach eligible participants using the purposive sampling method, researchers must
The weighted mean was used to measure the effectiveness of the eGrabMo: A
reliability, and security. It uses Likert's 5-point scale which shows the following range of
values.
Calendar of Activities
Table 2 reflects the activities involved in making the study, including the time
frame for each activity the proposed system process. The researchers started planning of
the proposed system phase on April 12-13.The researcher startedgathering data from
April 13 until June 8 where in the researchers gathered information that are related to the
proposed system. Data gathering is continuous despite what phase because of new
information can be added during all the phases. The analysis of the requirements started
on the same day they gathered data and paused in the 4 th of May. Designing stage was
done on the whole month of May and continued until the 1 st week of June. Development
of the proposed system was continuous since there are a lot of things need to be added
and needs to be fixed, stability and reliability of the system. Testing was also done
throughout the development of the proposed system. Implementation was done after the
development of the system and all the data are gathered and documented. Documentation
it is done the same day as the implantation documenting some important data that will be
needed to make some improvements on the proposed system, gathering some stats bugs
or any other hindrances in the future. Maintenance also been done where documentation
been made, is to make sure everything is working and to polish some features and
43
suggestions for future purposes. All this processes are essentials in developing the
proposed system.
This chapter presents the solution or detailed explanation and discussions of the
Hauling transport for those who usually used public transport as their mode of
travelling around Dapitan City is a struggle. It takes a lot of time especially during at
night where only few available tricycle. As of now there is no solution to this problem
Problem 2: What Transportation App can be developed and its processes involved to
The proponents design a transportation app intended for Dapitan City for the
The following are the processes and algorithms for the proposed system.
ALGORITHM:
The Homepage shows the fields of log in such as User_Id and password.
45
The Book section is where the user or the customer input the details of the
their request they sent to the nearest driver, was accepted or decline. It is a section
The Homepage shows the fields of log in such as User_Id and password.
The request section is where the driver can check for bookings and decides
Problem 3:What other similar system can be fused into one composite system?
App
User Friendly ✔ ✔ ✔ ✔
Hassle Free ✔ ✔ ✔
Time Saving ✔ ✔ ✔
Driver Location ✔ ✔ ✔
Motorcycle ✔ ✔
different features namely user friendliness; existence of destination and location; and
install on mobile phone. The check markfrom the table connotes that the proposed system
as well as the other systems available feature of the same. There were three identified
48
apps that are used as comparison against the proposed transportation system Grab has 4
features namely user friendly; and hassle free; and the installation can also be done
interface on mobile; time saving and hassle free. Lastly is Angkas which has 6 features.
This also shows that the proposed system has one unique features among those three
applications.
Figure 26 illustrates the different features of the different types of application for
transportation to be used to form a new system. With Grab having 6 features such as user
friendly, hassle free and it can be install in mobiles. Uber Taxi with 4 features such as the
user can determine the location of the driver and the interface of the application is easy to
use. Lastly, is Angkas with 5 features such as time saving, hassle free and the application
as time saving, easy to use interface, user friendly, hassle free, and can be install through
mobile phones. The proposed system also has its unique features which aredestination
and location ismanually input by the userand the system is accessible through android
phones and also in computer using windows software and internet. The features of these
systems mentioned above are used to form the new features with which the researchers
Transportation Service Mobile App” carefully. The selected respondents are the tourist,
commuters and drivers. They were considered as a professional evaluator as well as end-
users. In terms of functionality, the system works faster and accessible. This shows that
the system was functioning well and it shows less errors and bugs are
50
manageable.Reliability was assessed with its ease to understand and give reliable
information. Respondents can easily understand the function and can manage to navigate
the system easily. Usability was assessed withhow useful and important is the proposed
system. User found out that the system was easy to use and it definitely ease the pain of
hauling a transport. Finally, this system was secured in giving the inquired information
correctly and enabled one to automatically view the inquired information. This also
allows users to create passwords to ensure the security of their account in the system.
The findings that proved the functionality, reliability usability and security of
tested the project. The testing was done individually. Each respondent rated the project
The criteria were rated from 1-5, where 5 is the highest degree of possibility that
this would be assisted with internet application. Each rating has corresponding
equivalents.
The result of testing and evaluation determines the need of creating the project,
would be interpreted by following the ranges plotted below presented in table form.
51
A. Functionality
questionnaire survey that were given to them and the results are as follows: The criterion,
Uses the software earns the mean of 4.07 or much functional, while the second
criterionProcess of data manipulation earned 3.93 or functional. The third criterion meets
end-user needs earned 4.07 or functional: whereas the capacity to store data has a mean
of 4.2 or functional. The average mean is 4.07 which mean that the system is much
functional. This shows that the proposed system has been verified by the user with less
error and its functionality meets the user’s needs. This also shows that the interface of the
B. Reliability
52
questionnaire survey that were given to them and the results are as follows: The criterion
Lenience to error earns the mean of 3.87 or much reliable; Output is understandable earns
3.77 or much reliable; Fullness of the system earns 3.67 or much reliable; Correctness of
the information the systemcan provide has a mean of 4.18 or much reliable. The average
mean is 3.9 which means that the respondents found the system is much reliable. This
shows that reliability of the system is much acceptable and every functions of the
proposed system works as they are intended to. User can easily understand and used the
system with less error and this makes the system effective.
C. Usability
53
Table 6 shows the Usability of the system. The criterion, Easy to use earns a mean
of 4.18 or much Useful; Users can easily navigate the system earns 3.83 or much useful;
Take less time earns 3.13 or moderately secure; Easy to access earns 4 or much useful.
The average mean is 3.79 which mean the system is much useful. The systems usability
is very much accepted by the users since the system fulfilled the respondents’ wants in
terms of finding a public transport. This shows that this system helps users to find and
haul a transport easier and faster. This also consume less time because it doesn’t takes a
long time using the system because instructions are very clear and it is very easy to
access since users only need to use android/ios mobile phones and internet. Instructions
D. Security
54
Table 7shows the Security of the system. The criterion, Entry of transaction done
only by admin security level rights earns a mean of 4.08 or much secure; Error of data
entry can be altered only by Admin Security Level Rights earns 4.0 or much secured;
Clients password is required earns 4.06 or moderately secure; Data security of the
system earns 4.18 or much secured. The average mean is 3.79 which mean the system is
much secured. Respondents agreed that the security of the system is acceptable and all
of their data is safe. Since the proposed system requires email and contacts to ensure the
security of their accounts. Password is also required before accessing the system this is
Table 8aboveshows that the descriptive rating of the proposed system which is
functional with the average means of 4.07 of its functionality, reliability is reliable with
the average of 3.9, Usability which is usefulness with the average mean of 3.79. Usability
means that the proposed transportation app is much useful. Security is secured with the
Users Evaluation
The above results of the technical evaluation proved the functionality, reliability
and the security of the developed application software. The researchers used the different
software criteria factors suited for the user’s evaluation such as functionality, reliability
and efficiency of the application. The above mention criteria of the software quality
factor were included and exemplified in the evaluation of the instrument together with its
56
corresponding ratings and equivalent descriptions. Table 9 describes the overall results of
Mean Rating
Functionality 4.07 Much
Functional
Reliability 3.9 Much Reliable
In the evaluation, the researchers found out that the functionality of the system got
the average mean of 4.07which means that the system is functional. In the reliability of
the software, its average mean is 3.9which show that the system isreliable. While in
terms of the security of the software, its average mean is 4.06 which show that the system
is secured. In its totality, the system has the functionality, reliability and security mean of
3.96 which means it isMuch Acceptable. The proposed system is statistically tested with
its acceptability.
`Chapter 5
This chapter presents the summary and conclusions of the study. It also covers the
presentation of findings out from the data treated and the conclusions are drawn based on
Summary
Transportation Service Mobile App”and the sub problems in the statement of the
problem. This was accomplished through a process called the project development
process which includes Data Gathering, Requirements and Analysis, Designing, Coding,
and Testing Evaluation. This system can give people a more accurate, less time
3. What other similar system can be fused into one composite system?
4.1 Functionality
4.2Reliability
4.3 Security
4.4 Usability
The method used in this study was constructive research method employing
documentary analysis wherein the data gathered from an interview and other resource
documents were carefully examined and analyzed in order to produce the desired result
Findings
After all the necessary data of the study were treated accordingly, the following findings
were exposed:
Flow Diagram.
3. The researchers found out that by fusing other systems into one may
such as user friendly, hassle free, time saving, can be installed on mobiles,
features among other transportation app and it is that the user can
functional.
3) The software quality factor in terms of security for users were proven
4) The software quality factor in terms of usability for users were proven
5) The overall mean average rating of the software quality factors was
Conclusion
Service Mobile App” is found to be useful, secure, less time consuming and makes easy
task in logging-in; thus, the manual procedure sometimes take a long time to process and
error prone due to human limitations. In the proposed system, the user can completely do
the booking and the driver can load requests and accept or decline requests.
Recommendation
The researchers would like to recommend all users and driversto follow
Service Mobile App. It is recommendable also that users and drivers must undergo a
seminar discussing pros and cons to the said system. Thus the system may be used as
basis for the future researchers specifically in determining what can be improved and also
opening such opportunities on how can we make public transportation more effective.
71
BIBLIOGRAPHY
Bashir, R., Mehboob, I., & Bhatti, W. K. (2015). Effects of online shopping trends on consumer-
2(2), 1-25.
Botchway, I., Akenteng, B. W., &Atefoe, E. A. (2015). Health consciousness and eating
Charles, C. 2018. 6 Benefits of Becoming A Grab Driver and Why Should You Become One
becoming-a-grab-driver-and-why-you-should-become-one-too.
Chen, N., & Hung, Y. (2015). Online shopping orientation and purchase behavior for high-
Chen, Y. H., & Barnes, S. (2007). Initial trust and online buyer behaviour, Industrial
Chiu, C. M., & Wang, E. T. G. (2008). Understanding Web-based learning continuance intention:
The role of subjective task value, Information & Management, 45(3), 194-201.
Cho, Y. C., &Sagynov, E. (2015). Exploring factors that affect usefulness, ease of use, trust, and
Chua, K. 2019. 'We need better options': Grab PH users dissatisfied with driver cancellations.
media/200953-grab-users-dissatisfied-driver-cancellations?espv=1.
72
Retrieved fromhttp://scholarship.sha.cornell.edu/articles
http://estore.chinaonline.com/chinonlbanstu.html.
Creno, L. 2015. User Experience of Dynamic Carpooling: How to Encourage Drivers and
19818-7_8.
Davis, F. D., Bagozzi, R. P., &Warshaw, P. R. (1989). User acceptance of computer technology:
Ganesha, A. 2018. Drivers' Behavior and Price Crucial in Southeast Asia's Ride-Hailing Industry:
southeast-asias-ride-hailing-industry-study/.
Jahangir, N., & Begum, N. (2008). The role of perceived usefulness, perceived ease of use,
security and privacy, and customer attitude to engender customer adaptation in the
Jiang, L., Jiang, N., & Liu, S. (2011). Consumer perceptions of e-service convenience: an
Katawetawaraks, C., & Wang, C. L. (2011). Online shopper behavior: influences of online
Khalil, N. (2014). Factors affecting the consumer’s attitudes on online shopping in Saudi
Lim, A. 2017. Passengers, happier with Uber, Grab than Cabs. Retrieved from https://
www.straitstimes.com/singapore/transport/passengers-happier-with-uber-grab-than-cabs.
Meuter, M. L., Ostrom, A. L., Bitner, M. J., & Roundtree, R. (2003). The influence of technology
in Metro Manila. Sustainable Development Research in the Asis Pacific Region. Page
73293-0_22./.
Paronda, A 2015.An Exploratory Study on Uber, GrabCar, and Conventional Taxis in Metro
Manila
Pradhan, D. 2019. How Grab is Becoming an Everyday App in Southeast Asia. Retrieved from
https://www.entrepreneur.com/article/334690.
Ramayah, T., & Ignatius, J. (2005). Impact of perceived usefulness, perceived ease of use
Regidor, J. 2016. An Exploratory Study on Uber, GrabCar, and Conventional Taxis in Metro
73293-0_22.
74
Rogers, E. M. (1962). Diffusion of Innovations (1st ed.): Free Press, New York, NY.
Seiders, K., Voss, G. B., Grewal, D., & Godfrey, A. L. (2005). Do satisfied customers buy more?
43.
Sultan, M. U., & Uddin, M. (2011). Consumers’ Attitude towards Online Shopping:
Venkatesh, V. & Davis, F.D. (2000). A theoretical extension of the technology acceptance
Yeo, V. C. S., Goh, S. K., &Rezaei, S. (2017). Consumer experiences, attitude and
behavioral intention toward online food delivery (OFD) services, Journal of Retailing
Zendehdel, M., Paim, L. H., & Osman, S. B. (2015). Students’ online purchasing
Zeithaml, V. A., Parasuraman, A., & Malhotra, A. (2002). Service quality delivery through web
Zhou, L., Dai, L. W., & Zhang, D. S. (2007). Online shopping acceptance model- a critical survey
41-62.
75
Zurbano, J. E. 2019. Police officer, Grab driver commended by MIAA. Retrieved from https://
manilastandard.net/mobile/article/300467..
disciplinary Innovation and Its Application for Precision Public Health with Big
https://timreview.ca/article/1174
Koshy, E., Koshy, V., & Waterman, H. 2011. Action Research in Healthcare. Thousand
https://doi.org/10.1080/1389224X.2012.691785
APPENDICES
APPENDIX A
User’s Manual
79
User’s Manual
Step 1
Tap Log In if user’s already have account and tap Sign In to create new account.
Step 2
For the Sign In menu tap “Log in As User” to register as a daily commuter’s and tap
Step 3
tricycle driver.
driver
82
Step 4
The top image user menu bar contains four buttons namely, home, profile to edit
your profile or log out from the app,favorites to look for the user favorite rider, contact
the admin, about us for more information about the app. Tap the bottom button to find
available riders in the vicinity. Bottom image similarly the same with a notification
Step 5
First image for searching available riders, it consist of two buttons. Tap next to find
another tricycle rider and tap request to request a ride. Second image is for tricycle rider
Figure: 26 Request
APPENDIX B
Source Code
85
Log In
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>eMoGrab</title>
</head>
<style>
.container{
position: absolute;
left: 0;
top: 0;
width: 100%;
86
height: 100vh;
@keyframes animate{
0%,100%{
background-image: url(7.jpg);
0%,25%{
background-image: url(2.jpg);
0%,50%{
background-image: url(8.jpg);
0%,75%{
background-image: url(4.jpg);
}
87
</style>
<body>
<div class="container">
<div class="outer">
<div class="details">
</div>
</div>
</div>
<div class="loginbox">
<h1>LogIn Here</h1>
<form>
88
<p>Username</p>
<p>Password</p>
<a href="usermenu.html">
<a href="logintype.html">
</div>
<h1></h1>
</body>
</html>
89
Menu CSS
body{
margin: 0;
padding:0;
background-color: blue;
background: url(pic1.jpg);
background-size: cover;
font-family: sans-serif;
.loginbox{
width: 600px;
height: 600px;
background: #000;
color: #fff;
90
top: 50%;
left: 50%;
position: absolute;
transform: translate(-50%,-50%);
box-sizing: border-box;
border-radius: 30px;
.pic2{
width: 70px;
height: 50px;
border-radius: 50%;
position: absolute;
top: 120px;
.pic3{
91
width: 150px;
height: 150px;
border-radius: 50%;
position: absolute;
top: 250px;
.overlay{
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
opacity: 0;
background: black;
92
.loginbox:hover .overlay{
opacity: 0.8;
.pic3__overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
color: #ffffff;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
opacity: 0;
93
h1{
margin: 0;
padding: 0 0 20px;
text-align: center;
font-size: 22px;
.loginbox p{
margin: 0;
padding: 0;
font-weight: bold;
.loginbox input{
94
width: 100%;
margin-bottom: 20px;
border: none;
background: transparent;
outline: none;
height: 40px;
color:#fff;
font-size: 16px;
.loginbox input[type="button"]
{
95
border: none;
outline: none;
height: 40px;
background: #fb2525;
color: #fff;
font-size: 18px;
border-radius: 20px;
.loginbox a{
text-decoration: none;
font-size: 15px;
line-height: 20px;
color: darkgrey;
.loginbox a:hover
96
color: #ffc107;
background: #243342;
nav .logo{
color: white;
font-size: 33px;
font-weight: bold;
line-height: 70px;
padding-left: 110px;
nav{
height: 60px;
background: #063247;
nav ul{
97
float: right;
margin-right: 30px;
nav ul li{
display: inline-block;
nav ul li a{
color: white;
display: block;
padding: 0 15px;
line-height: 70px;
font-size: 20px;
background: #063247;
transition: .5s;
nav ul li a:hover,
nav ul li a.active{
color: #23dbdb;
98
nav ul ul{
position: absolute;
top: 85px;
opacity: 0;
visibility: hidden;
top: 70px;
opacity: 1;
visibility: visible;
nav ul ul li{
width: 150px;
display: list-item;
position: relative;
99
border-top: none;
nav ul ul li a{
line-height: 50px;
nav ul ul ul{
border-top: none;
nav ul ul ul li{
position: relative;
top: -70px;
left: 150px;
nav ul ul li a i{
margin-left: 45px;
}Drivers Registration
<!DOCTYPE html>
100
<html lang="en">
<head>
<meta charset="UTF-8">
<title>eMoGrab</title>
</head>
<style>
.container{
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100vh;
@keyframes animate{
0%,100%{
background-image: url(7.jpg);
0%,25%{
background-image: url(2.jpg);
0%,50%{
background-image: url(8.jpg);
0%,75%{
background-image: url(4.jpg);
}
102
</style>
<body>
<div class="container">
<div class="outer">
<div class="details">
</div>
</div>
<div class="loginbox">
<h1>Register Here</h1>
<form>
<p>Full Name</p>
<p>User Name</p>
<p>Email/Number</p>
103
<p>Address</p>
<p>License Number</p>
<p>Password</p>
<a href="ridermenu.html">
<a href="logintype.html">Back</a><br>
</div>
<h1></h1>
</body>
</html>
104
Commuters Registration
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>eMoGrab</title>
</head>
<style>
.container{
position: absolute;
left: 0;
top: 0;
width: 100%;
105
height: 100vh;
@keyframes animate{
0%,100%{
background-image: url(7.jpg);
0%,25%{
background-image: url(2.jpg);
0%,50%{
background-image: url(8.jpg);
0%,75%{
background-image: url(4.jpg);
}
106
</style>
<body>
<div class="container">
<div class="outer">
<div class="details">
</div>
</div>
<div class="loginbox">
<h1>Register Here</h1>
<form>
<p>Full Name</p>
<p>User Name</p>
107
<p>Email/Number</p>
<p>Password</p>
<a href="eMograb.html">
</div>
<h1></h1>
</body>
</html>
Users Menu
<!DOCTYPE html>
108
<html lang="en">
<head>
<meta charset="UTF-8">
<title>eMoGrab</title>
</head>
<style>
.container{
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100vh;
@keyframes animate{
0%,100%{
background-image: url(7.jpg);
0%,25%{
background-image: url(2.jpg);
0%,50%{
background-image: url(8.jpg);
0%,75%{
background-image: url(4.jpg);
}
110
</style>
<body>
<div class="container">
<div class="outer">
<div class="details">
</div>
</div>
</div>
<div class="loginbox">
<a href="findrider.html">
<h1>eGRABMO</h1>
<div class="dropdown">
<nav>
111
<ul>
</a>
<ul>
<li><a href="#">Edit_Profile</a></li>
<li><a href="#">Log_Out</a></li>
</ul>
</li>
<li>
<a href="#">Favorites
</a>
<ul>
<li><a href="#">Rider</a></li>
</ul>
112
</li>
<li><a href="#">Contact</a></li>
</ul>
</nav>
<section></section>
<form>
</div>
</div>
<h1></h1>
</body>
113
</html>
Drivers Menu
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<link href="https://fonts.googleapis.com/icon?family=Material+Icons"
rel="stylesheet">
<title>eMoGrab</title>
</head>
<style>
.container{
position: absolute;
114
left: 0;
top: 0;
width: 100%;
height: 100vh;
@keyframes animate{
0%,100%{
background-image: url(7.jpg);
0%,25%{
background-image: url(2.jpg);
0%,50%{
background-image: url(8.jpg);
}
115
0%,75%{
background-image: url(4.jpg);
</style>
<body>
<div class="container">
<div class="outer">
<div class="details">
</div>
</div>
</div>
<div class="loginbox">
<a href="findrider.html">
<h1>eGRABMO</h1>
<div class="dropdown">
<nav>
<ul>
</a>
<ul>
<li><a href="#">Edit_Profile</a></li>
<li><a href="#">Log_Out</a></li>
</ul>
</li>
<li>
<a href="#">Favorites
117
</a>
<ul>
<li><a href="#">Rider</a></li>
</ul>
</li>
<li><a href="#">Contact</a></li>
</ul>
</nav>
<section></section>
<form>
<style>
body{
margin: 20px;
118
.icon-button{
position: relative;
display: flex;
align-items: center;
justify-content: center;
width: 50px;
height: 50px;
color: #333333;
border: none;
outline: none;
border-radius: 50%;
.icon-button:hover{
cursor: pointer;
.icon-button:active{
background-color: #cccc ;
119
.icon-button__badge{
position: absolute;
top: -10px;
right: -10px;
width: 25px;
height: 25px;
background: red;
color: #ffff;
display: flex;
justify-content: center;
align-items: center;
border-radius: 50%;
</style>
<br>
120
<a href="notification.html">
<span class="material-icons">notifications</span>
<span class="icon-button__badge">2</span>
</button>
</div>
</div>
<h1></h1>
</body>
</html>
Driver Search
<!DOCTYPE html>
121
<html lang="en">
<head>
<meta charset="UTF-8">
<title>eMoGrab</title>
</head>
<style>
.container{
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100vh;
122
@keyframes animate{
0%,100%{
background-image: url(7.jpg);
0%,25%{
background-image: url(2.jpg);
0%,50%{
background-image: url(8.jpg);
0%,75%{
background-image: url(4.jpg);
}
123
</style>
<body>
<div class="container">
<div class="outer">
<div class="details">
</div>
</div>
</div>
<div class="loginbox">
<form>
124
<div class="profile">
<div class="profile__detail">100%rate</div>
</div>
<br>
<a href="riderregistration.html">
<a href="riderregistration.html">
</div>
<h1></h1>
125
</body>
</html>
APPENDIX C
Letter to the Panelists
127
Sir:
We, the undersigned, are 4th year students of Bachelor of Science in Computer
Science who will have our Thesis Final defense entitled “eGrabMo: A community-
based transportation service mobile app”. This is in fulfillment of the requirements of
the subject Thesis 2.
We would like to request your presence as one of the panelist on May 24, 2022,
which will be done online via Zoom.
We are hoping for your kind response on this request.
Respectfully yours,
Zolyndo B. Dagpin
Sir:
We, the undersigned, are 4th year students of Bachelor of Science in Computer
Science who will have our Thesis Final defense entitled “eGrabMo: A community-
based transportation service mobile app”. This is in fulfillment of the requirements of
the subject Thesis 2.
We would like to request your presence as one of the panelist on May 24, 2022,
which will be done online via Zoom.
We are hoping for your kind response on this request.
Respectfully yours,
Zolyndo B. Dagpin
Sir:
We, the undersigned, are 4th year students of Bachelor of Science in Computer
Science who will have our Thesis Final defense entitled “eGrabMo: A community-
based transportation service mobile app”. This is in fulfillment of the requirements of
the subject Thesis 2.
We would like to request your presence as one of the panelist on May 24, 2022,
which will be done online via Zoom.
We are hoping for your kind response on this request.
Respectfully yours,
Zolyndo B. Dagpin
APPENDIX D
Letter to the Respondents
131
Dear Respondents,
The undersigned are gathering data for their thesis entitled “eGrabMo: A
community-based transportation service mobile app”. We humbly ask you to evaluate
the questionnaire with sincerity and honesty.
Your cooperation is appreciated and will have a great impact in their study. Thank
you very much.
Zolyndo B. Dagpin
Noted by:
Mr.Charlie Baguio
Adviser
132
APPENDIX E
Evaluation Sheet
Name (Optional) :
□ Driver
□ Tourist
□ Regular Commuters
A. Functionality
Functionality of the Proposed System
1 2 3 4
Uses of the software
Process of data manipulation
Meets end-user needs
Capacity to store data
Output is understandable
Easy to use
C. Security
D. Usability
135
APPENDIX F
Curriculum Vitae
Zolyndo B. Dagpin
136
PERSONAL INFORMATION
Nickname:Droi Mother’s Name: Jocelyn B. Dagpin
Age: 22 Occupation: Housewife
Gender: Male Father’s Name: Pedro M. Dagpin
Date of Birth: Nov.22,1999 Occupation: Painter,Farmer
Place of Birth: Potungan Religion: Roman Catholic
Civil Status: Single Dialect: Cebuano
Citizenship: Filipino Languages Spoken: English and Filipino
EDUCATION
2018 – Present Jose Rizal Memorial State University, Main Campus
Bachelor of Science in Computer Science
Sta. Cruz, Dapitan City, Zamboangadel Norte
2012 – 2018 Potungan National Highschool
High School
Potungan, Dapitan City, Zamboangadel Norte
2006 – 2012 Potungan Elementary School
Elementary
Potungan, Dapitan City, Zamboangadel Norte
TRAININGS/SEMINARS ATTENDED
Webinar on Machine Learning Application
Via Zoom (November 12,2021)
Role of Machine Learning Application, 2021
Dr. M.G.R Educational and Research Institute, India
IOT Fundamentals: The Beginners Guide to Internet of Things, 2021
Cavite State University (Virtual Seminar)
Build your Brand with Digital Marketing Planning, 2021
Google
Grow your Business with Tools from Google, 2021
Google
earljapeth@gmail.com
PERSONAL INFORMATION
Nickname: Pitoy Mother’s Name: Melva S. Macsog
Age: 23 Occupation: Housewife
Gender: Male Father’s Name: Crisanto S. Masog
Date of Birth: Nov.23, 1998 Occupation: Laborer
Place of Birth: Dipolog City Religion: Roman Catholic
Civil Status: Single Dialect: Cebuano
Citizenship: Filipino Languages Spoken: Filipino
EDUCATION
2018 – Present Jose Rizal Memorial State University, Main Campus
Bachelor of Science in Computer Science
Sta. Cruz, Dapitan City, Zamboangadel Norte
2011 – 2015 Zamboanga del Norte National Highschool
High School
Estaka, Dipolog City, Zamboangadel Norte
2005 – 2011 Dipolog City S.D.A. Elementary School
Elementary
Herrera Street, Dipolog City, Zamboangadel Norte
TRAININGS/SEMINARS ATTENDED
Introduction to Fire Protection Part 2: Fire Detection and Alarm System
Webinar via ZOOM (September 16, 2021)
Role of Machine Learning Application, 2021
Dr. M.G.R Educational and Research Institute, India
IOT Fundamentals: The Beginners Guide to Internet of Things, 2021
Cavite State University (Virtual Seminar)
PERSONAL INFORMATION
Nickname: AJ Mother’s Name: Maribeth D. Manlangit
Age: 22 Occupation: Housewife
Gender: Male Father’s Name: Richard G. Manlangit
Date of Birth: Nov.23, 1999 Occupation: Freelancer
Place of Birth: Gumahan,Josefina Religion: Roman Catholic
Civil Status: Single Dialect: Cebuano
Citizenship: Filipino Languages Spoken: Filipino
EDUCATION
2018 – Present Jose Rizal Memorial State University, Main Campus
Bachelor of Science in Computer Science
Sta. Cruz, Dapitan City, Zamboangadel Norte
2012 – 2017 Leonardo National High School
Leonardo, Josefina Zamboangadel Sur
2006 – 2011 Josefina Central School
Gumahan, Josefina Zamboangadel Sur
TRAININGS/SEMINARS ATTENDED
Introduction to Fire Protection Part 2: Fire Detection and Alarm System
Webinar via ZOOM (September 16, 2021)
Webinar on Machine Learning Application
Via Zoom (November 12,2021)
Role of Machine Learning Application, 2021
Dr. M.G.R Educational and Research Institute, India
IOT Fundamentals: The Beginners Guide to Internet of Things, 2021
Cavite State University (Virtual Seminar)
139
PERSONAL INFORMATION
Nickname: JM Mother’s Name: Alverna P. Cardenas
Age: 22 Occupation: Government Employee
Gender: Male Father’s Name: Joseph Verd P. Dalman
Date of Birth: October 6, 1999 Occupation: Government Employee
Place of Birth: Dipolog City Religion: Roman Catholic
Civil Status: Single Dialect: Cebuano
Citizenship: Filipino Languages Spoken: English and Filipino
EDUCATION
2018 – Present Jose Rizal Memorial State University, Main Campus
Bachelor of Science in Computer Science
Sta. Cruz, Dapitan City, Zamboangadel Norte
2012 – 2018 Rizal Memorial Institute of Dapitan City, Inc.
High School
Potol, Dapitan City, Zamboangadel Norte
2006 – 2012 Dapitan City Central School
Elementary
Justice F. Saguin St., Dapitan City,
Zamboangadel Norte
TRAININGS/SEMINARS ATTENDED
Role of Machine Learning Application, 2021
Dr. M.G.R Educational and Research Institute, India
IOT Fundamentals: The Beginners Guide to Internet of Things, 2021
Cavite State University (Virtual Seminar)
Build your Brand with Digital Marketing Planning, 2021
Google
Grow your Business with Tools from Google, 2021
Google