Mobatic Final

Bachelor of Science in Information Technology
BSIT Res. No ____

Date:
MOBATIC: A MOBILE-BASED BUS TICKETING Application
Title Page
SHEILA MAE B. CABAGUIO
SUBMITTED TO THE FACULTY OF THE COLLEGE OF THE COMPUTER

STUDIES SULTAN KUDARAT STATE UNIVERSITY
IN PARTIAL FULFILLMENT OF THE
REQUIREMENTS FOR THE
DEGREE OF
BACHELOR OF SCIENCE IN INFORMATION TECHNOLOGY

(BSIT)
MAY 2020
TRANSMITTAL
i
The capstone project attached hereto entitled “MOBATIC: A MOBILE-
BASED BUS TICKETING APPLICATION” prepared and submitted by SHEILA
MAE B. CABAGUIO AND SARAH MAE N. GOMA, in partial fulfillment of the
requirements for the degree Bachelor of Science in Information Technology is
hereby endorsed for approval.
IAN MARK E. ORCAJADA, MIT CECILIA E. GENER, MIT

Adviser College Dean
____________________ ____________________
Date Signed Date Signed
KYRENE L. DIZON, MIT, MSc

Campus Research Coordinator
____________________
Date Signed
Accepted as partial fulfillment of the requirements for the degree of

Bachelor of Science in Information Technology.
ELMER C. BUENAVIDES, DIT

Campus Director
____________________
Date Signed
ii
APPROVAL SHEET
Appro
The capstone project attached hereto entitled “MOBATIC: A MOBILE-

BASED BUS TICKETING APPLICATION” prepared and submitted by SHEILA
MAE B. CABAGUIO AND SARAH MAE N. GOMA, for the degree Bachelor of
Science in Information Technology has passed the standards set by the Sultan
Kudarat State University and was successfully defended before this guidance
committee.
MARY GRACE L. PEROCHO, MIT CERILO B. RUBIN JR., MIT

Member Member
____________________ ____________________
IAN MARK E. ORCAJADA, MIT

Adviser
____________________
Date Signed
Approved as partial fulfillment of the requirements for the degree Bachelor

of Science in Information Technology.
CECELIA E. GENER, MIT KYRENE L. DIZON, MIT, MSc

College Dean Campus Research Coordinator
____________________ ____________________

Campus Director
____________________
Date Signed
iii
BIOGRAPHICAL DATA
The researcher was born on September 14, 1998, in New Leyte and she
was named Sheila Mae B. Cabaguio by her parents. She is the eldest daughter
of Mr. and Mrs. Alvin Cabaguio. She presently resides at Purok 2, Barangay
D.Lotilla, Isulan, Sultan Kudarat. She finished her elementary and secondary
education at New Leyte, Maco, Compostella Valley Province.
Being in a broken family is not easy. The researcher encountered many
hardships in her life but she remained optimistic in many things. She
encountered failures and rejections but the researcher focused on achieving her
dreams for her family especially for her siblings.
With the unconditional love and guidance of her parents, friends, and with
prayers, the researcher was able to achieve her goal with flying colors because
she always believes that nothing is impossible if the Lord Jesus Christ had
planned it all.
iv
ACKNOWLEDGEMENT
The researcher wish to express their heartfelt gratitude and profound
appreciation to the following persons who became part of their academic journey:
First, to the Almighty God, for the guidance, protection, blessings, and
unconditional love that He gave to the researchers;
To the very energetic College Dean, Prof. Cecilia E. Gener, MIT, for her
guidance, patience, and effort to make this study possible;
To their thesis adviser, Prof. Ian Mark E. Orcajada, for the patience,
motivation, enthusiasm, and immense knowledge he shared to make this
research possible;
To their thesis committee members, Prof. Mary Grace L. Perocho, MIT
and Prof. Cerilo B. Rubin Jr., MIT, for all the comments and remarks for the
improvement of the study;
To Prof Kyrene L. Dizon, their statistician, who provided them guidance on
how to properly gather data for the project evaluation, and to Doreen B. Tampus,
their English critic, for correcting, editing, and checking the manuscript in terms of
grammar and organization;
Special thanks also to DOST-SEI Region XII for the Junior Level Science
Scholarships that they have granted to the researchers to make their financial
endeavors easier, also to Mr. Rodelou Siladan, the assistant scholarship
coordinator who assisted them in the completion of the documentary
requirements of the research grant;
v
The researchers would like to express their heartfelt gratitude to Mr. Lord
Dalinas, the CEO of Custard Apple Outsourcing Inc., where they have undergone
their On-the-Job-Training and to their mentors who taught them so many things
in the field of Information Technology, Mr. Edsil Amir, Arlon Jay Medilo and in the
loving memory of their beloved mentor, Mr. Mars Ogay, for the wisdom and
motivation that you gave to the researchers;
To the family of the researcher, Sheila Mae B. Cabaguio who supported
her along the way, Mr. Alvin T. Cabaguio, Susan C. Borantes, Gedion Silvano,
and Eleonor Aguilar; to the siblings of the researcher, her heartfelt gratitude for
the unending financial and emotional support;
Special thanks also to Miraluna Goma and Ciriaco Goma, the parents of
the researcher, SARAH MAE GOMA, for their guidance and support; and to her
siblings who were always there to give their moral support;
To their beloved friends who contribute a lot in this study in terms of
financial and moral support, to Ms. Janine G. Tinambacan, the very supportive
rescuer in different aspects; Christoper Anoba , Bangag, Rosemarie Velasco,
Jessa Nisperos, Mary Joy Guay, Genevieose Talig, Mary Grace Quinones,
Renalyn Lontiong, and MIT family, without you the researchers’ journey is not
going to be this fun;
Also, to the researchers’ sisters-in-Christ in the church, thank you for the
prayers, love, support, and inspiring wisdom, special thanks also to their
classmates who have been part of their journey as they struggle to reach their
dreams; To Sultan Kudarat State University, thank you so much for the
vi
education, good facilities, considerate teachers, and beautiful environment, the
researchers are very proud to be a product of SKSU, “TATAK SKSU.”
Finally, special thanks to his excellency, Mr. Rodrigo Roa Duterte, for the
free tuition law that helps the researchers in pursuing their dreams;
To all of you, thank you.
Researcher,
vii
TABLE OF CONTENTS
Table
PRELIMINARY PAGES PAGE

Title Page i
Transmittal ii
Approval Sheet iii
Biographical Data iv
Acknowledgment Error! Bookmark not defined.
Table of Contents ix
List of Tables x
List of Figures xi
Abstract ix
CHAPTER 1 INTRODUCTION
Background of the Study 1
Objectives of the Study 2
General Objectives 2
Specific Objectives 3
Significance of the Study 3
Scope and Limitation 4
Operational Definition of Terms 6
CHAPTER II REVIEW OF RELATED LITERATURE

Related Literature
Mobile–Based Bus Ticketing System in Iraq 8
Online Bus Ticket Reservation System 8
RFID-based Bus Ticketing System 9
E-ticketing systems 9
Bus application 10
Related Studies
Improved Public Transportation in Norwich City 11
JUST-TAP: A Bus Ticketing System Using NFC 12
Secure Bus-Ticketing System using NFC (2015) 12
Vehicle Tracking Device (2016) 13
Impact of E-Ticketing Application on Bus Transportation 14
Conceptual Framework 15
Input 16
Process 16
Output 16
Feedback 16
viii
CHAPTER III METHODOLOGY
Project Development Description 17
Tools and Equipment 18
Project Duration 19
Software Development Methodology 20
Project Schedule of the study 21
Context Diagram 23
Data Flow Diagram 24
Entity Relationship Diagram 26
Database structure 27
Evaluation Methodology 29
Research Design 29
Respondents of the Study 29
Data Gathering Procedures 30
Statistical Tools and Treatment of Data 31
CHAPTER IV RESULTS AND DISCUSSION

Results and Discussion 32
CHAPTER V SUMMARY, CONCLUSION, AND RECOMMENDATION

Summary 39
Conclusion 41
Recommendations 42
LITERATURE CITED
Books 43
Journals (Published/Unpublished) 43
Online Sources 43
Thesis 43
APPENDICES
Appendix 1 Plan of Course Work 45
Appendix 2 Application for Capstone Project Title 47
Appendix 3 Nomination Guidance Committee 48
Appendix 4 Application for Capstone Project Outline Defense 49
Appendix 5 Approval of Capstone Project Outline 50
Appendix 6 Certification of Statistician 51
Appendix 7 Certification of English Critic 52
Appendix 8 Application for Capstone Project Final
Defense Examination 53
Appendix 9 Application for Capstone Project Final
Printing and Binding 55
Appendix 10 Screenshots and Pictorials 56
Appendix 11 Sample questionnaire 62
Appendix 12 Source Code 67
ix
LIST OF TABLES
TABLE TITLE PAGE
1 Software Requirement 17
2 Hardware Requirements. 18
3 The budgetary requirements of the study 18
4 Rating Scale used in the Study 30
5 Interpretative Scale used to interpret the Weighted Mean 31
6 Results and evaluation on the functionality 35
7 Results and evaluation on the acceptability 37
8 Results and evaluation on the usability 38
x
LIST OF FIGURES
FIGURE TITLE PAGE
1 Conceptual Framework 15
2 The Gantt chart of the Study 19
3 Agile Methodology 20
4 Context Diagram of the System 23
5 Logical Data Flow Diagram of the System 24
6 Physical Data Flow Diagram of the System 25
7 Entity-Relationship Diagram 26
8 Database Structure used in the System 27
xi
ABSTRACT
A
SHEILA MAE B. CABAGUIO , MAY 2020. “MOBATIC: A MOBILE-BASED BUS

TICKETING APPLICATION”. A capstone project in the College of Computer
Studies, Sultan Kudarat State University, Isulan Campus, Isulan, Sultan Kudarat.
ADVISER: IAN MARK E. ORCAJADA, MIT
This study entitled “MOBATIC: A MOBILE-BASED BUS TICKETING
APPLICATION” was designed to provide fast ticketing transactions that could
help the bus company, conductor, and inspector to deliver their services in a
more efficient and accurate way. The conductor is allowed to access and operate
details such as bus number, destination, type of passengers, and fare as well as
the generated reports of every destination containing the information of the type
of passengers, total passengers in every destination, total sales of every
destination, daily total sales and number of passengers. The inspector can
access the reports in every destination which contain the information of the type
of passengers, total ticket, total sales, and total passengers during the
inspection. The inspector can print the report for each destination.
This study uses the descriptive method of research to evaluate the
system’s functionality, accuracy, and acceptability. The proponents thoroughly
followed the identified set of activities and procedures, in each phase of the agile
methodology, namely: (1) Planning, (2) Designing, (3) Build, (4) Test, and (5)
Review.
xii
During the evaluation it shows that the functionality of “Mobatic: A mobile-
based bus ticketing application” was a big help to the respondents especially to
the conductor and inspector in terms of providing tickets to the passenger and
generating sales reports. It also a big help to admin of YBL, inc because they
easily check the generated reports. Based on the result it shows that the system
was accurate, acceptable, and functional.
xiii
Chapter I
INTRODUCTION
CHA
Background of the Study
Buses are the most common way to move people over short and medium
distances in towns and cities, as well as in most rural area. They are also
designed to carry many passengers and buses are popular form of transportation
here in the Philippines. In today’s society, using digitalized equipment can be an
advantage to companies in their delivery of quality services to their clients as well
as to help the employees to make their jobs easier and to make the passengers’
ride to be more comfortable and hassle-free.
The bus ticket is a voucher that indicates an individual has the right to
travel on a bus and deals with records of each passenger in the duration of the
transportation, fare, and details of each traveling bus. There are many bus
operations which are operated manually. The manual or traditional way uses
ticket punch for each ticket which most of the time is not accurate, for instance,
the puncher marks the wrong number indicated on the ticket. With inaccuracies
like this, the researchers attempt to solve the problem by creating a mobile-
based traveling bus ticketing system to make the bus ticket transaction more
efficient. They developed the MOBATIC: A mobile-based bus ticketing
Application. This study provides a bus ticketing application that helps users to
fast track the transaction. Instead of using the manual ticket punch, they can use
the MOBATIC, a digitalized ticket punch which is more efficient and easier to use
in providing their service to their passengers.
1
Objectives of the Study
General Objectives
This study generally aims to develop and evaluate the MOBATIC: A
Mobile-Based Bus Ticketing Application. This system could help bus ticketing
transactions more efficient and accurate.
Specific Objectives
Specifically, this study aims to:
1. Manage user account (administrator, conductor, and inspector);
2. Provide a different interface for each user;
3. Manage bus details and transactions in terms of:
3.1 Bus number;
3.2 Ticket number;
3.3 Destination;
3.4 Type of passenger;
3.5 Fare;
4. Validate the transaction summary;
5. Generate reports such as:
5.1Ticket and
5.2Summary of ticket per trip
6. Evaluate the system in terms of:
6.1 Functionality;
6.2 Acceptability; and
2
6.3 Usability.
Significance of the Study
The study entitled MOBATIC: A Mobile-Based Bus Ticketing Application
would be beneficial to the following:
To the Management of the Bus Company
It would help the management to deliver excellent and quality services to
their clients.
To the Conductor
It would save time and effort. It would help the conductor to deliver his
services more efficiently and accurately.
To the Passenger
It would offer more convenient and more accurate services to passengers
in terms of ticketing transactions.
To the Researcher
It would help the researchers gain more knowledge about the Mobile-
Based Ticketing System.
3
To the Future Researchers
It will be used as a reference to future researches similar to this study on
bus ticketing transactions.
Scope and Limitation
The main goal of this study MOBATIC: A Mobile-based Bus Ticketing
Application is to design and develop a mobile application that enables the
conductor to fast track their jobs and digitalized their bus transactions.
Manage user account. The admin creates the conductor and inspector
accounts before they can log in to their respective accounts. For security
purposes and to avoid further errors and corruption, it is only the admin who is
allowed to manage the registered accounts. The conductor and inspector are not
allowed to duplicate input from the username and password for security
purposes. The conductor and inspector provide their information to the admin
such as identification number, complete name, address, email, and username so
the admin can register their information in the system.
Provide a different interface for each user. The researchers provide a
separate interface for the inspector and conductor. The inspector interface allows
the selection of the route or destination of the bus. The inspector can select the
bus number, plate number, bus type, and the name of the conductor. The
inspector can also check the trip destination summary of the said conductor
where it indicates the total number of different types of passengers, the total
number of passengers, and the sales of a specific route. The conductor interface
4
allows selection of the route that he/she is going to conduct, he/she can manage
the bus number, plate number, bus type, and the type of passenger whether
regular passenger, student passenger, senior citizen passenger or person with
disability passenger. Then, the conductor can print the specific ticket for his/her
passenger and he/she can also view the total sales summary of each route. The
admin interface can access the fare management where it allows changing the
price of fare and the route direction. The admin can also monitor the registered
accounts of the inspector and conductor. It manages the bus number, plate
number, bus type, and fare. The admin can monitor the sales per route through
the validation of the inspector with the conductor.
Manage bus details and transactions. The system provides an interface
that can access and operate details such as bus number, plate number, bus
type, type of passenger, and fare. It also allows generating reports of every
destination containing the information of the type of passenger, total passengers
in every route, total sales of every route, the total passengers in the entire day,
and the sales of the Day.
Validate the transaction summary. The inspector can validate the sales of
the conductor in every route, the total number of different types of passengers,
the total number of all passengers, and the total sales of the trip. Once the
inspector validated the summary trip of the conductor, the admin can see the
validated proof in the sales from their system.
5
Definition of Terms
The following terms were defined theoretically and operationally as used
in this study.
Accuracy - the accuracy of the fare in the generated ticket.
Application - is a computer program designed to perform a
group of functions, tasks, or activities for the
benefit of the user.
Analysis - all the questions will thoroughly check to
provide correct and evaluated questions about
geometry.
Bus - it means that a large motor vehicle carrying
passengers by road, typically one serving the
public on a fixed route and for a fare.
Conductor - it means that a person who collects money or
ticket from a passenger on a bus.
Destination - A place where the passenger is going.
Functionality - the usefulness of the set of inputs, processes,
and outputs of the application.
Handheld printer - A small device that is used for printing tickets
Inspector - A person who inspects the bus.
Mobile phone - A mobile device that is typically enough to be
handheld.
6
Passenger - A traveler on a public or private conveyance
other than the driver, pilot, or crew.
Ticket - it means that a piece of paper that gives the
holder a certain right to travel by public
transport.
7
Chapter II
REVIEW OF RELATED
Ch LITERATURE
This chapter contains a review of related literature and related studies that
are relevant and useful in this research.
Mobile–Based Bus Ticketing System in Iraq
According to Ahmed K. Ibrahim and Azman B Ta’a, all public
transportation modes in Iraq, except air transportation still use the traditional
ticket system, which uses a paper-based ticket. The problem with the traditional
ticket bus system (manual ticket) is when users have to stand up in a long queue
to buy a bus ticket or asking information for buses schedule (Al-hijaj, Jabbar, &
Kh, 2015). They state that a mobile bus ticketing system (MBTS) can help and
solve these kinds of problems. By using this system will help the company
employees (e.g. Admins or drivers) in daily work by making their work more
organized and more connected to other company branches. Besides that, MBTS
will be easier for employees to control and check the operations of the company.
However, customers just from their mobile phones will be allowed to check for
ticket availability anytime and anywhere (Ta'a, 2015).
Online Bus Ticket Reservation System
Based on the blog of Mr. Eljah the author of the Online bus ticket, Online
Bus Ticket Reservation System is a Web-based application that works within a
centralized network. The said project presents a review on the software program
8
“Online Bus Ticket Reservation System” as should be used in a bus
transportation system, a facility which is used to reserve seats, cancellation of
reservation and different types of route enquiries used on securing quick
reservations. OBTRS is built for managing and computerizing the traditional
database, ticket booking and tracking bus and travel made. It maintains all
customer details, bus details, reservation details. In order to achieve the design,
Imo Transport Company (ITC) was chosen as a case study because of its
strategic importance to Imo State. Structured Systems Analysis and Design
Methodology (SSADM) was adopted. In addition, PHP Hypertext Preprocessor
(PHP) language was used for the front-end of the software while the back end
was designed using MySQL. It is recommended that despite the present
functionality of the designed software, additional functionality such as the use of
e-mail to send tickets and notifications to the customer and online payment using
credit cards/debit cards should be implemented into the system. Furthermore,
other operations carried by ITC such as the courier services should also be
integrated to enhance the system (Mohammed, 2017).
RFID-based Bus Ticketing System
According to 58 years old, male Dr. Vinit Kokak (2016), the daily operation
of the public transport system, the movement of buses is uncertain because of
conditions such as traffic congestion, unexpected delays, irregular vehicle
dispatching times, and other incidents. Such uncertainty results in passengers
having to wait for their bus to arrive at the bus stop. Dr. Kokak proposes a new
9
system based on RFID, in which each commuter owns a smartcard fitted with an
RFID tag having a unique ID. The card is scanned by the RFID reader at the
entrance and again at the exit, and the fare corresponding to the distance
traveled is deducted from the commuter’s account. The system uses Google’s
General Transit Feed Specification (GTFS), making it adaptable to any transit
system for which a GTFS feed is available. In addition, the commuters can track
the position of their desired bus in real-time through an Android app, and get an
occupancy estimate of the bus. The proposed system aims to increase customer
convenience and eventually eliminate the use of paper tickets in transit systems.
E-ticketing systems
Wei Jeng Wu and Wei Hsun Lee assert that E-ticketing system OTA in
2018 particularly on ticket provisioning and offline authentication is required to
enable offline authentication. The design of the e-ticket consists of two parts: a
content part which has details such as seat number, date, time, etc, and a
security part which contains sensitive data such as a ticket ID, one-time
certificate for the ticket, and IC serial number. The security part of the ticket is
encrypted with the public key of the server. The reader is preinstalled with this
key and uses it to decrypt the security part, hence, validating the ticket offline.
10
Improved Public Transportation in Norwich City
Norfolk County Council (NCC) has developed a Public Transport Major
Scheme to improve public transport interchange and bus priority in Norwich City
Centre. As part of delivering the aims of this scheme, NCC installed 15 on-street
ticket vending machines (TVMs) at selected locations in Norwich, which included
Norwich City Centre, the bus station, railway station, the University of East Anglia
(UEA) campus, and the Norfolk and Norwich University Hospital. The roadside
TVMs have networked communications links and enable remote monitoring of
machine performance and ticket sales.
The TVMs offer a full range of single, return, and day tickets for travel
within the five fare zones covering the greater Norwich area. Tickets can be
purchased for five different bus operators and the machines accept cash (notes
and coins) and give change. Fifteen (15) TVMs are installed at locations within
Norwich, including the bus and rail stations, Castle Meadow, St Stephens Street,
Red Lion Street, University of East Anglia, Norfolk, and Norwich University
Hospital.
The TVM locations map for the city center indicates two TVMs are
installed at the rail station. However, there is only one TVM at the rail station and
the ‘spare’ TVM has been used for testing and development purposes before it
being installed in an alternative location (to be completed). Servers for remote
monitoring and revenue management systems are located at County Hall,
Norwich (Norwhich, 2017).
11
JUST-TAP: A Bus Ticketing System Using NFC
Student researchers of the University of Mumbai in 2019 (Bianca
Alphonso, Sarita Saldanha, and Sisil Sunny) reveal that there is a widespread
dependency on buses for public transport, providing important means of
transport within the urban area throughout the world. However, private vehicles
along with public transport, like buses have resulted in congestion, accidents,
and vehicular pollution in urban areas. As seen in various metropolitan cities like
Mumbai, Delhi, Kolkata, Chennai, there are various issues and problems related
to severe malfunction and security. There are various problems related to public
transport like facing the severe problem of traffic jam, confusion and
misunderstanding between the passengers regarding fares, having severe
security problems in public transport due to antisocial elements. For making
everyday life more convenient for the commuters traveling in buses, some
technologies can be used like Near Field Communication (NFC), Radio
Frequency Identification (RFID). The proposed system is based on ticketing and
tracking of the bus. The system suggests a user-friendly automated ticketing
system that will automatically deduct the passengers' fare according to the
distance traveled as well as will do real-time tracking of the bus so that the
passengers know exactly when the bus will arrive. Along with this, as a
researcher, we also propose to include features like location-based reminders
which would remind the user about things that he needs to buy when he reaches
a location while traveling by bus.
12
Secure Bus-Ticketing System using NFC (2015)
Monalisa Lopes, Grishma Shah, Nandini Vyas, Saloni Shetye, Sohagani
Shah (2015) implemented a study to their university in Edjia, India, the secure
bus-ticketing system using the NFC. Their research explains how NFC is used to
generate an e-ticket. This ticket is reusable and will be destroyed on journey
completion. The payment will be done automatically when the passenger scans
the NFC tag filled with data. The NFC package in android provides access to
NFC function, to read NDEF (NFC Data Exchange Format) message located on
the tag.
Vehicle Tracking Device (2016)
Fatin Balkis, Binti Alzahri, and Maziani Sabudin proposed a vehicle
Vehicle Tracking Device (VTD). It is a tracking device used in vehicles that has
Short Message Service (SMS). VTD gives information of location to mobile
phone whenever there is a request for it through SMS. The integrated Global
Positioning System and Global System for Mobile communication (GPS-GSM) is
used to track a vehicle using an application such as Waze or Google Maps. A
GPS-based tracking system is proposed which keeps track of the location of a
vehicle and its speed based on a mobile phone text messaging system. The
system can provide real-time text alerts for speed and location.
13
Impact of E-Ticketing Application on Bus Transportation in Bandung
Eddy Soeryanto Soegoto from the Department of Manajemen University
Komputer Indonesia Bandung, researched the impact of the e-ticketing
application system on bus transportation for the people of Bandung. The
research uses a qualitative method of research. The results show that there is
some positive impact on the implementation of the e-ticketing system. One of
which is to increase public interest in public transport to reduce traffic jam that
often occurs during this time. This is because the implementation of e-ticketing
systems on public transportation provides convenience and comfort in ticket
booking services, both for the people and for the providers of transportation
services. Of course, the convenience and comfort can encourage people to use
public transportation in carrying out their daily activities.
14
Conceptual Framework
Input Process Output
Determine
 Takes a lot of time of
counting tickets
 Manual ticketing  Easy to steal by the
 Manual counting present process.
 No accurate result of
of tickets counting tickets
Assess
 There should be an
accurate result of ticket.
 There should be exact “MOBATIC: A Mobile-
sales of the day, total
Based Bus Ticketing
passengers and reports.
Identify Application”
 The Conductor takes a

lot of time using manual
ticket punch.
 Manual ticketing causes
a lot of errors.
Recommendation
 To create a system and
application that can
digitalized the ticket
transaction
Feedback
Figure 1. The Conceptual Framework of the Study
15
Input
The input explains the manual punching and counting of tickets in bus
ticketing transactions. This is the basis to determine the needed process to be
done in the study.
Process
The process involves determining the process of manual punching of
tickets, counting of tickets, and providing the instant solution. The common
problem is using the ticket punch manually.
Output
The output is the result of the researchers’ study entitled, “MOBATIC: A
mobile-based traveling bus ticketing system.” Where both the company,
inspector, and conductor can benefit from the ticketing application to fast track
the ticketing transactions.
Feedback
Feedback is being used by the researchers to enhance and improve the
MOBATIC: A mobile-based bus ticketing application and its features.
16
Chapter III
METHODOLOGY
This chapter presents the materials and methods used in the conduct of
the study. These were thoroughly identified by the proponents to ensure the
accuracy of the process in the development and evaluation of the project.
Project Development Description
Materials
The following materials were used in the development of the proposed
system entitled, “MOBATIC: A mobile-based bus ticketing application.”
Table 1. The Software Requirements of the Study
Description Specification
Programming Languages JAVA
Text Editor Netbeans
Database Application SQLITE
Table 1 shows the hardware specifications. The details are clearly
described and all the materials and peripherals used in the development of the
system are included.
17
Table 2. The Hardware Requirements of the Study
Description Specification
Laptop Intel(R) Core (TM) i5-8250U
Bluetooth Printer PT-210 58mm
Cellphone OPPO A9 2020, 8GB RAM, 128GB
Supplies Bondpaper, ink
Table 2 shows the software specifications in the development of the
system, MOBATIC: A Mobile-Based Traveling Bus System. The details of the
programming language, operating system, and database are enumerated.
Table 3. The Budgetary Requirements of the Study
Unit
Unit Description Total Cost
Cost(PHP)
A. Hardware
1 unit Laptop 32,000.00 32,000.00
1 unit Cellphone 5,000.00 5,000.00
1 unit Bluetooth Printer 1800.00 1,800.00
1 unit Supplies 1,500.00 1,500.00
B. Software
1pckg
SQLite installation Online source Online source
.
1pckg
Android1.6 installation Online source Online source
.
Subtotal 40,300.00
Contingency fund (10% of the total) 4,030.00
Grand Total 44,330.00
18
Table 3 shows the bill of supplies and materials for the completion of the
system as well as incidental expenses and supplies.
Gantt Chart
2019/11/1
ID Task Name Start Finish Duration Complete
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30
1 Manage user account 2019/11/4 2019/11/30 27.0 d. 0%
2 Planning 2019/11/4 2019/11/8 5.0 d. 0%
3 Designing 2019/11/9 2019/11/14 6.0 d. 0%
4 Building 2019/11/15 2019/11/19 5.0 d. 0%
5 Testing 2019/11/20 2019/11/25 6.0 d. 0%
6 Reviews 2019/11/26 2019/11/29 4.0 d. 0%
2020/1/1
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31
provide different user
1 2020/1/2 2020/1/30 29.0 d. 0%
interface for each user
2 Planning 2020/1/2 2020/1/6 5.0 d. 0%
3 Designing 2020/1/7 2020/1/12 6.0 d. 0%
4 Building 2020/1/13 2020/1/18 6.0 d. 0%
5 Testing 2020/1/19 2020/1/24 6.0 d. 0%
6 Reviews 2020/1/26 2020/1/30 5.0 d. 0%
2020/2/1
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29
manage bus details and
1 2020/2/2 2020/2/28 27.0 d. 0%
transaction
2 Planning 2020/2/2 2020/2/6 5.0 d. 0%
3 Designing 2020/2/7 2020/2/12 6.0 d. 0%
4 Building 2020/2/13 2020/2/18 6.0 d. 0%
5 Testing 2020/2/19 2020/2/24 6.0 d. 0%
6 Reviews 2020/2/25 2020/2/29 5.0 d. 0%
2020/3/1
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31
Validate the transaction
1 2020/3/2 2020/3/30 29.0 d. 0%
summary
2 Planning 2020/3/2 2020/3/6 5.0 d. 0%
3 Designing 2020/3/7 2020/3/12 6.0 d. 0%
4 Building 2020/3/13 2020/3/18 6.0 d. 0%
5 Testing 2020/3/19 2020/3/24 6.0 d. 0%
6 Reviews 2020/3/25 2020/3/29 5.0 d. 0%
Figure 2. The Gantt Chart of Study
The figure above shows the Gantt chart of the study. The project involves
five stages such Planning Phase, Analysis Phase, Design Phase,
19
Implementation Phase, and Support Phase. Each stage has different kinds of
tasks and duration in order to complete the study.
Software Development Methodology
In the software development, it follows the Agile methodology as depicted
in the illustration. This model is composed of six phases as follows; Planning
Phase, Designing Phase, Building Phase, Testing Phase and Review Phase and
Launching
Figure 3. The Software Development Methodologies
Sprint 1 (Manage user account for admin, conductor, and inspector)
This sprint involves user registration for the administrator to manage the
system registration of the conductor and inspector. The registration has the
following requirements namely: the user as their unique identification with
password, role, first name, and last name. It also includes designing a context
diagram, dataflow diagram, entity relation diagram, and data structure to expand
how the system will be done. The android studio is used in developing the
application using the Java language to create digitalized ticketing applications.

20
The admin manages a particular user and lets him/her log in to test if the user
registration is effective. Only registered users can log in to the system.
Sprint 2 (Provide a different interface for each user)
In this sprint, the researchers provided a different interface for each user.
The conductors' interface can manage bus details and transactions and the
system allows the conductor to operate details such as bus number, ticket
number, destination, type of passenger, and fare. The conductor can also view
the reports for every trip, total travel sales, and the daily total number of
passengers with validation of the inspector in every destination. The inspector
interface can view the reports for every trip while the inspection is being
conducted. The admin interface generates the following: reports for every trip
with valid inspector identification, total passengers of the day, and sales of the
day. Using Android Studio, the researchers were able to create these interfaces.
The interface was tested by the conductor and the inspector and reviewed by the
prospect user.
Sprint 3 (Manage bus details and transaction)
In the third sprint, the proponents provided computerized ticket
information. Bus number must come first because it is important in the
identification of the bus. The ticket number is also in incriminating style to make it
easier. The destination is coded by location to identify kilometers per travel
destination, as well as the type of passenger and fare of each passenger must be
21
identified by the computerized ticketing system using android studio. This is then,
tested by the future use of this application and reviewed by the conductor.
Sprint 4 (Validate the bus transaction summary)
In this sprint, the researchers created a feature that the bus transaction
can be validated by the inspector. In the reports per trip in the conductor
interface, there is a small icon located at the bottom left side of the application
which indicates that the information can be shared with the inspector. The
researcher designed this sprint using android studio. The end-user can test these
features and can be reviewed by the inspector and admin.
22
Context Diagram
Figure 4. The Context Diagram of the System
Figure 4 illustrates that the conductor manages the passenger information
for the issuance of ticket. The inspector can view the sales of the conductor per
destination station.
23
24
Data Flow Diagram
25
Figure 5. The Logical Data Flow Diagram of the Study
Figure 5 illustrates that the conductor logs into the system and manages
the passenger information. A device releases a ticket and will be issued to the
passenger. The inspector can view and print the report of the conductor’s sales
per station.
26
Figure 6. The Physical Data Flow Diagram of the Study
Figure 6 illustrates that the conductor logs in to the application and
manages the passenger details and records the date to the ticket table. The
ticket table contains all the sales reports and can be viewed by the inspector and
allows him to print the sales report.
27
Entity Relationship Diagram
tblconductor tblinspector
PK conductorid PK inspectorid
firstname has firstname
middlename middlename
lastname 1..1 lastname
contactno contactno
username username
password password
1..* 1..*
tblpayment
PK paymentid
has
FK busid
FK fareid inspect
1..* FK conductorid
datepaid
amount
1..* 1..* 1..*

tblfare tblbus
PK fareid PK busid
routefrom has busno
routeto plateno
regular 1..1 bustype
sp addittionalfare
sc
pwd
Figure 7. The Entity Relationship Diagram of the Study
Figure 7 illustrates the physical structure of the system database. The
conductor table stores all the conductor users of the system. Inspector relation
stores all the inspector users by the system. Every passenger detail is stored in
the ticket’s relation. S
28
Data Structure
Database name: bus_db
tblconductor
conductorid int PK 1 2 3
firstname varchar Warren Judy Jessa
middlename varchar Sechong Pagaduan Nisperos
lastname varchar Solis Malinao Abonador
contactno varchar 09124356789 09356789456 09311818900
username varchar Warren Judy Jessa
password varchar Sechong1 Pagaduan2 Nisperos3
tblinspector
inspectorid int PK 1 2 3
firstname varchar Stephen Kazier Bernard
middlename varchar Bebanco Camano Oquiṅo
lastname varchar Nisperos Dondon Lee
contactno varchar 09317823111 09751223999 09197878675
username varchar Stephen1N Kazier2N Bernard3N
password varchar Bebanco1N Camano2N Oquino3N
29
tblpayment
paymentid varchar PK 1 2 3
busid varchar FK 1 2 3
fareid varchar FK 9 10 11
conductorid varchar FK 2 2 2
datepaid varchar 04/05/2020 04/06/2020 04/07/2020
amount varchar 15 18 20
tblfare
fareid int PK 9 10 11
routefrom varchar isulan tacurong marbel
routeto varchar tacurong marbel tacurong
regular varchar 20 59 59
sp varchar 18 50 50
sc varchar 16 40 40
pwd varchar 15 30 30
tblbus
busid int PK 1 2 3
busno varchar YBL1122 YBL1133 YBL1144
30
plateno varchar B-123-21 B-435-32 B-543-75
bustype varchar Executive Air-Condition Regular
additionalfare varchar 15 10 0
Evaluation Methodology
The evaluation determines if the system meets all the objectives, works
properly, and satisfies the users. It is also a crucial part of the development of the
system.
Research Design
In this phase, the researchers design a MOBATIC: A Mobile-Based Bus
Ticketing Application that allows the conductor and inspector to do their jobs with
the use of ticketing apps. In designing the system, the researchers choose the
agile methodology which follows a series of events to finish the project. The
researchers designed the system to be user-friendly and easy to use.
Method of Research
The methods of the researchers for MOBATIC: A Mobile-Based Bus
Ticketing Application used the questionnaire method as the method of research.
31
it is a vital component in achieving higher quality in research studies this helps
the researchers to gather the result of the survey in the fastest possible way.
Respondents of the study
To evaluate the functionality, accuracy, and interface design of the
proposed application, the researchers randomly selected the respondents. The
original prospect respondents of the study were not available considering the
challenges caused by the pandemic, COVID-19, hence, the adviser and the
panelists of the researchers evaluated the application.
Data Gathering Procedures
The researchers used a researcher-made questionnaire to evaluate the
system in terms of functionality, accuracy, and acceptability. The statistician
checked the questionnaires before it was approved by the adviser. Upon its
approval, the researchers personally handed-in the said questionnaires to each
respondent for the purpose of evaluation. The study used a checklist and a rating
scale questionnaire to gather the needed data and responses to evaluate the
system in its functionality, accuracy, and acceptability. The responses were
tallied by the researchers according to the statement of the problem and
tabulated for interpretation and analysis.
Table 9. The Rating Scales Used in the Study

Rating Interpretation
5 Strongly Agree
4 Agree
32
3 Moderately Agree
2 Disagree
1 Strongly Disagree
The questionnaires were designed to easily collect the responses and
perceptions of users about the performance of the developed system.
The data from this evaluation provides the system developers feedback to
improve and upgrade the system if necessary.
The frequency of each rating was counted and the weighted mean was
computed and interpreted. Then, the data were described based on the scale
reflected in Table 9.
Statistical Tools and Treatment of Data
The researchers used the frequency distribution, percentage list ranking
and averaging, and weighted mean tools for the gathered data.
The evaluation aims to improve the functionality, acceptability, and
usability of the system in processing the transactions of the users.
Range of Mean Interpretation Description
Very Functional, Very Acceptable

4.21 - 5.00 Strong Agree
and Very Usable
Functional, Acceptable and
3.41 - 4.20 Agree
Usable
Moderately Functional,
2.61 - 3.40 Moderately Agree Moderately Acceptable and
Moderately Usable
Less Functional, Less Acceptable
1.81 - 2.60 Disagree
and Less Usable
33
Not Functional, Not Acceptable
1.00 - 1.80 Strongly Disagree
and Not Usable
Chapter IV
RESULTS AND
CHDISCUSSION
This part presents and discusses the results based on the data gathered
from the respondents.
Results and Discussion
The thesis entitled, TeachCam: An Interactive Mobile Object Identifier for
Early Childhood was conducted and developed using Agile Methodology. the
evaluation aims to test the functionality, acceptability, and usability of the
developed “MOBATIC: Mobile-based bus ticketing application.”
34
After several trials, it is proven that the system satisfies the objectives of
the study and it meets its defined purposes. It provides the admin, inspector, and
conductor a system that would help make their ticketing transactions easier and
consequently provides convenience to bus passengers. After the evaluation, the
system is found out to be functional, acceptable and usable.
Figure 8. Admin Interface
This form shows the admin interface and its functions. The admin can
access the sales report of the inspector with the specific conductor informations,
the condoctors and inspectors names with their other details. The admin can add
new hire inspector or conductor in
the system using this interface,
admin just need to click the correct
button to add their details. the admin
can also add the bus details just click
the bus button in the left side.
35
Figure 9. Log in to their specicific interface (condoctor and inspector)
In this form shows the log in interface, if the admin successfully added the
conductor and inspector name and details in the admin interface they need to
give the credentials to the conductor or inspector which is the user name and
password. They can change the password to a new one after they log in for
privacy purposes. The conductor and inspector has a different interface and
functions.
36
Figure 10. The process of validating the conductors tickets
In this figure shows the process after the inspector log in to their account
to validate the conductors number of passengers and sales.the inspector can see
first the different routes where in they can click the select button to see different
bus number with their details such as; Plate number and Bus type. The inspector
can select the condoctors name in the list, the condoctor report will show up
containing details of how many regular, senior citizen, pwd, student passenger at
the moment. If the sales, number of passenger, and headcount have match in
the report the inspector will validate the report by clicking the validate button.
Figure 11. Printing of ticket
In this form shows the condoctor interface, which can select type of passenger
such as; regular passenger, student passenger, senior citizen and pwd with
specific amount of fare. Once the conductor click one of the icons the application
will automatically print the ticket.
37
Functionality of the Application
The application was tested and evaluated in terms of its functionality. The
results were shown below.
Table 11. The Mean Score on the Functionality of the MOBATIC: A mobile-
based bus ticketing application.
STANDARD
FUNCTIONALITY MEAN INTERPRETATION
DEVIATION
1. The application allows the
admin to register the
4.67 0.67 Strongly Agree
inspector and conductor
accounts.
2. The textbox accepts
inputs of any character
type (letters, numbers, or
symbols).
3. The users can log in to
their accounts (conductor 4.67 0.67 Strongly Agree
and inspector).
4. Once the user logged in, it
will directly open their 4.33 0.33 Strongly Agree
specific interface.
conductor to select route.
6. Allows the conductor to
select a bus number with
its plate number and bus
type.
select a type of 4.67 0.67 Strongly Agree
passenger.
8. The application can print
the correct ticket for the 4.67 0.67 Strongly Agree
type of passenger.
9. The application provides a
summary of transactions 4.67 0.67 Strongly Agree
per route.
10. The inspector can validate
the summary per trip of 4.67 0.67 Strongly Agree
the conductor.
38
11. The application shows the
correct inspector
validation in the
conductor’s sale.
AVERAGE MEAN 4.64 0.64 Highly Functional
Table 11 shows the evaluation of the system in terms of functionality. It
obtains an average mean of 4.64 which is described as very functional based on
the evaluation of the respondents. this implies that the system is functional in
terms of displaying the forms when the button is clicked. It can accept user
accounts when the username and password are entered into the application.
Acceptability of the Application
The application was tested and evaluated in terms of effectiveness. The
results are shown below.
Table 12. The Mean Scores on the Acceptability of the MOBATIC: A mobile-
based bus ticketing application.
STANDARD
FUNCTIONALITY MEAN INTERPRETATION
DEVIATION
1. The application uses a
color that is pleasing to 4.33 0.33 Strongly Agree
the eyes.
2. The application uses a
well-defined layout, easy 4.33 0.33 Strongly Agree
to understand and use.
3. The application gives 4.67 0.67 Strongly Agree
39
appropriate messages
when errors are detected
(Data Validation).
4. The fare computation
used is correct.
5. The application uses the
appropriate button.
6. The interface of the users
is easy to understand.
7. The other clickable
images, buttons, and text 4.67 0.67 Strongly Agree
are easy to identify.
AVERAGE MEAN 4.57 0.57 Highly Acceptable
Table 12 shows the result of the evaluation in terms of the acceptability of
the developed application. It obtained an average mean of 4.57 which is
described as very accurate. The recipients strongly agree that the MOBATIC: a
mobile-based traveling bus ticketing application is very acceptable to the users. It
suggests that the application is better than the manual process and it uses a
well-defined and easy-to-use ticketing application.
Usability of the Application
The application was tested and evaluated in terms of effectiveness. The
results are shown below.
Table 13. The Mean Scores on the Usability of the System MOBATIC: A
mobile-based bus ticketing application.
STANDARD
USABILITY MEAN INTERPRETATION
DEVIATION
1. The mobile app is easy
to use.
40
2. The application
interface and its
function are easy to
use and understand.
3. The system is useful to

the company
administrator, 4.67 0.67 Strongly Agree
conductor, and
inspector.
AVERAGE MEAN 4.56 0.56 Highly Usable
Table 13 shows the result of the evaluation in terms of the usability of the
system with an average mean of 4.56. This is interpreted as very usable. The
respondents strongly agree that the system is usable. It suggests that the system
is better than the manual process.
Chapter V
CHAND RECOMMENDATION
SUMMARY, CONCLUSION,
This chapter presents the summary of findings as well as the conclusions
and recommendations drawn by the researchers.
41
Summary
This study focuses on the development and evaluation of the project, “A
Mobile-Based Bus Ticketing Application.” This study aims to create a mobile
application that enables the bus conductor to fast-track his/her ticketing
transaction.
The application provides more convenient and accessible service to the
users in terms of bus number, plate number, bus type, type of passenger, and
fare. The application also helps the administrator to easily access all the
information on the registered conductor, inspector, and their daily income.
The researchers provide a separate interface for each user. The inspector
interface allows the user to select the route or destination of the bus that is
subject to inspection. The inspector can also select the bus number, plate
number, bus type, and the name of the conductor. Moreover, the inspector can
check the trip destination summary of the said conductor where it indicates the
total number of different types of passengers, the total number of passengers,
the sales of the specific route that he/she inspects. The conductor interface
allows the user to select the route that he/she is going to conduct, can manage
the bus number, plate number, bus type, and the types of passengers such as:
regular passenger, student passenger, senior citizen passenger, and the person
with disability passenger. The conductor can print the specific ticket for the
passenger and can view the sales summary of its route. The admin interface can
access the fare management where the user can change the price of fare and
the route direction. The user can monitor the registered accounts of the inspector
42
and the conductor. The admin user manages the bus number, plate number, bus
type, and fare. The admin can monitor the sales with the validation of the
inspector in its conductor per route.
The conductor and inspector are not allowed to duplicate input from the
username and password. For security purposes, the admin manages all the
registered accounts. The conductor and inspector give their information to the
admin such as identification number, complete name, address, email, and
username so that the admin can register their information in the system.
This project was designed using the Agile Methodology which includes
five (5) phases: the planning phase, analysis phase, design phase,
implementation phase, and supports phase.
The study also aims to evaluate the functionality, acceptability, and
usability of the system through the help of the participants. The findings on the
evaluation of the system are useful in the enhancement of the application for
better user satisfaction.
As to the functionality, the evaluators rated the system as fully functional.
The participants consider the system as acceptable because the system’s
necessary processes were properly supplied and it is considered as user-
friendly. For usability, participants strongly agree that the system is usable and
provides user satisfaction.
The findings of the study further revealed that the system is useful not only
for the conductor, inspector, and administration but also to future researchers
43
who want to learn or propose a similar project to this developed system on
ticketing transactions.
Conclusion
Based on the findings of the study, the researchers conclude that the
system, MOBATIC: A Mobile-Based Bus Ticketing Application is very useful for
companies that aim to upgrade and monitor their services using new
technologies. This project is also beneficial to bus conductors who want to make
their ticketing transactions more efficient and easier. This system is also
beneficial to inspectors who previously use manual checking and encoding to the
charts and now shift to a more organized and digitalized application. By all
counts and with proven results, the system, mobile-based ticketing bus ticketing
system is considered as effective and useful for companies, conductors,
inspectors, and passengers.
Recommendations
After series of successful evaluations, the researchers found out that the
system, “A mobile-based traveling bus ticketing application’’ is functional,
acceptable, and usable in providing the admin and users exact information’s for
the tickets and fare. Considering the system’s limitations, the researchers hereby
recommend that future researchers should add and improve the system with the
following features:
44
 It can be used offline; in the meantime, the system can’t be used in
offline because the conductor and inspector synchronized the data in
one database.
 It can provide a direct sales report to the admin; the conductor will
manually submit the sales report to the admin. Future researchers can
add a feature where the admin can directly receive the sales report.
 the admin can detect every single release of a ticket, even though the
ticket has a specific ticket number. Future researchers can add a
unique feature the admin can detect in real-time of how many tickets
are being released.
 the admin can figure out if the ticket released matches the type of
passenger.
45
LITERATURE CITED
Administration. (2016). Condition of Print on Demand. International Journal of

Management Science and Business Administration, 25-36.
Alvares, A. G. (2014). Payroll-system. Retrieved from payroll-system:

https://www.scribd.com/doc/250214407/chapter2-payroll-system
Azseo. (2017, November 21). Printing Press Research Paper. Retrieved from
Printing Press Research Paper:
https://azwriting.com/research-papers/printing-press.html
Boyd, M. (2014). eCommerce Insiders. Retrieved from eCommerce Insiders:

http://ecommerceinsiders.com/ecommerce-platform-solutions-
onlineproductcatalog-best-1077/
Macatol, Myra Mariel, Cadiz, Jennelyn. (2016). Online Customization System of

Caliya Printing Press.
MOHAMMED, M. A. (2017). ARD international ournal of computer science and

studies.Norwhich. (2017).
Ta'a, A. K. (2015). Mobile based ticketing in iraq.
46
APPENDICES
47
Republic of the Philippines
SULTAN KUDARAT STATE UNIVERSITY Form 1
Appendix 1
College of Computer Studies
Isulan Campus
Isulan, Sultan Kudarat
PLAN OF COURSE WORK

Appendix 1
Name: SHEILA MAE B. CABAGUIO Course: BSIT
Major:
Course No. Course Description Unit Grade Remarks
IT 111 IT Fundamentals 3 1.25 Passed
IT 112 Office Productivity 3 1.00 Passed
IT 101 Programming I 3 1.25 Passed
IT 102 Programming II 3 1.50 Passed
IT 103 Programming III 3 1.75 Passed
IT 113 Ethics for IT Professionals 3 1.25 Passed
IT 114 Computer Organization 3 1.00 Passed
IT 115 Discrete Structure 3 1.25 Passed
Database Management
IT 116 3 1.50 Passed
System (DBMS)
Database Management
System II
System Analysis and
Design I
System Analysis and
Design II
Operating System
Application
IT 121 Network Management 3 1.25 Passed
IT 122 Web Development 3 1.75 Passed
IT 123 Multimedia System 3 1.50 Passed
IT 124 Software Engineering 3 1.00 Passed
IT 125 Technopreneurship 3 1.00 Passed
IT 400 On-The-Job Training 9 1.25 Passed
IT ELEC 1 Elective 1 3 1.75 Passed
45
SULTAN KUDARAT STATE UNIVERSITY
Isulan Campus

RES 111 IT Research 3 1.50 Passed
Total Number of Units Required for the Period : 72 units
Total Numbers of Units Earned : 72 units
Certified Correct: Approved:
IVY LYNN F. MADRIAGA, MIT ELMER C. BUENAVIDES, DIT

Appendix 1Campus Registrar Form 1
Campus Director
________________ ________________
Date Date
PLAN OF COURSE WORK

Appendix 1
Name: SARAH MAE N. GOMA Course: BSIT
Major:
Course No. Course Description Unit Grade Remarks
IT 111 IT Fundamentals 3 1.75 Passed
IT 112 Office Productivity 3 1.50 Passed
IT 101 Programming I 3 1.25 Passed
IT 102 Programming II 3 2.25 Passed
IT 103 Programming III 3 1.50 Passed
IT 113 Ethics for IT Professionals 3 2.25 Passed
IT 114 Computer Organization 3 2.00 Passed
IT 115 Discrete Structure 3 1.50 Passed
Database Management
System (DBMS)
Database Management
System II
System Analysis and
Design I
IT 119 System Analysis and 3 1.75 Passed
46
Isulan Campus
Design II
Operating System
Application
IT 121 Network Management 3 1.50 Passed
IT 122 Web Development 3 1.25 Passed
IT 123 Multimedia System 3 2.00 Passed
IT 124 Software Engineering 3 2.00 Passed
IT 125 Technopreneurship 3 2.00 Passed
IT 400 On-The-Job Training 9 1.00 Passed
RES 111 IT Research 3 1.25 Passed
Total Number of Units Required for the Period : 66 Units
Total Numbers of Units Earned : 66 Units
Certified Correct: Approved:
IVY LYNN F. MADRIAGA, MIT ELMER C. BUENAVIDES, DIT

Campus Registrar Campus Director
________________ ________________
Date Date
47
Appendix 2 Republic of the Philippines Form 2
Isulan Campus
APPLICATION FOR CAPSTONE PROJECT TITLE

Appendix 2
April 8, 2019
Date
MOBATIC: A MOBILE-BASED _________ _________
BUS TICKETING APPLICATION Remarks Signature
We are planning to present our capstone project outline on April 16, 2020,
at SKSU Isulan Campus.
Very respectfully yours,
SARAH MAE N. GOMA

Students
Recommending Approval:

Member Member

Adviser
Endorsed:
KYRENE L. DIZON, MIT, MSc CECILIA E. GENER, MIT

Campus Research Coordinator College Dean
____________ ____________
Approved:

Campus Director
____________
Date Signed
48
Republic of the Philippines Form 3
Appendix 3
Isulan Campus
NOMINATION OF GUIDANCE COMMITTEE

Appendix 3
We, SHEILA MAE B. CABAGUIO and SARAH MAE N. GOMA, students
of BSIT hereby nominate the following as adviser and members of our capstone
project guidance committee.

Adviser

Member Member
We, hereby certify our willingness to act as adviser/members of the
guidance committee.

Adviser

Member Member
Endorsed:

______________ _______________
Approved:

Campus Director
__________________
Date Signed
49
Isulan Campus
APPLICATION FOR CAPSTONE PROJECT OUTLINE DEFENSE

Appendix 4
Name: SHEILA MAE B. CABAGUIO Course/Major: BSIT

SARAH MAE N. GOMA
We have the honor to apply for outline defense for our study entitled: MOBATIC:
A MOBILE-BASED BUS TICKETING APPLICATION
Time:10:00am
Date: June 11, 2019
Venue:CL 104

Member Member
KYRENE L. DIZON, MIT, MSc DOREEN B. TAMPUS

Statistician English Critic
AN MARK E. ORCAJADA,MIT
Adviser
Endorsed: Recommending Approval:

Approved:

Campus Director
50
Isulan Campus
APPROVAL OF CAPSTONE PROJECT OUTLINE

SARAH MAE N. GOMA
Capstone Project Title: MOBATIC: A MOBILE-BASED BUS TICKETING
APPLICATION
APPROVED BY THE GUIDANCE COMMITTEE
IAN MARK E. ORCAJADA, MIT __________ __________

Adviser Signature Date
MARY GRACE L. PEROCHO, MIT __________ __________

Member Signature Date
CERILO B. RUBIN JR., MIT __________ __________

Member Signature Date
KYRENE L. DIZON, MIT, MSc __________ __________

Statistician Signature Date
DOREEN B. TAMPUS __________ __________

English Critic Signature Date

Approved:

Campus Director
51
Isulan Campus
CERTIFICATION OF STATISTICIAN
Appendix 7
This is to certify that the capstone project entitled MOBATIC: A MOBILE-
BASED BUS TICKETING APPLICATION was conducted on March 13, 2020,
authored by SHEILA MAE B. CABAGUIO and SARAH MAE N. GOMA was
evaluated/checked by the undersigned as to the statistical analysis and
interpretation.
Issued on this of .
KYRENE L. DIZON, MIT, MSc

Statistician
Noted:

Campus Director
52
Isulan Campus
CERTIFICATION OF ENGLISH
Appendix 8 CRITIC
BASED BUS TICKETING APPLICATION was conducted on March 13, 2020,
authored by SHEILA MAE B. CABAGUIO and SARAH MAE N. GOMA was
edited by the undersigned as to its grammar.
Issued on this of .
DOREEN B. TAMPUS
English Critic
Noted:

Campus Director
53
Isulan Campus
APPLICATION FOR CAPSTONE PROJECT FINAL DEFENSE EXAMINATION

Appendix 9

SARAH MAE N. GOMA
Capstone Project Title: MOBATIC: A MOBILE-BASED BUS TICKETING
APPLICATION
Please write × whether: (x) First ( ) Second ( )Third

Date: May 15, 2020 Time: 1:00 pm Venue: _________
Guidance Committee
Name Signature Date
IAN MARK E. ORCAJADA, MIT __________ __________

Adviser
MARY GRACE L. PEROCHO, MIT __________ __________

Member
CERILO B. RUBIN JR., MIT __________ __________

Member
KYRENE L. DIZON, MIT, MSc __________ __________

Statistician
DOREEN B. TAMPUS __________ __________

English Critic

Approved:

Campus Director
____________________
Date
54
Isulan Campus
Report on the Result of Final Defense

(Action taken by the Guidance Committee. Please indicate whether Passed or
Failed)
Signature Date Remarks
Approved:

Campus Director
55
Isulan Campus
APPLICATION FOR CAPSTONE PROJECT FINAL PRINTING AND BINDING
BASED BUS TICKETING APPLICATION was thoroughly reviewed by the
guidance committee and recommended for final printing and binding.
DOREEN B. TAMPUS KYRENE L. DIZON, MIT, MSc

English Critic Statistician
______________ ______________
MARY GRACE L. PEROCHO, MIT CERILO B. RUBIN JR.,MIT

Member Member
______________ ______________

Adviser
_________________
Date Signed
Recommending Approval:

______________ _______________
Approved:

Campus Director
____________________
Date Signed
56
Isulan Campus
Appendix 10
PICTORIALS AND SCREENSHOTS

Appendix 12
57
Isulan Campus
Figure 1. Home screen
58
Isulan Campus
Figure 2. Validated report
59
Isulan Campus
Figure 3. Validated report conductor interface
60
Isulan Campus
Figure 6. Route inspection list
Figure 7. Conductor interface
61
Isulan Campus
Figure 3. Conductor sales
Figure 9. menu
62
Isulan Campus
Figure 10. Sample ticket
Appendix 11
SAMPLE QUESTIONNAIRE
Appendix
63
Isulan Campus

COLLEGE OF COMPUTER STUDIES
Isulan Campus
Name (Optional):
S
ex:
Survey Questionnaire
To our valued participants:
We are on the stage of testing the technology developed for our study
entitled “MOBATIC: A Mobile-based Bus Ticketing Application”. Your generosity
to evaluate the system is highly appreciated. This gesture will help the
researchers to improve the system and deliver more satisfactory services to all
the users of this application especially the bus company and workers who need
this kind of service. Thank you and God bless all of us!
THE RESEARCHERS
Instructions: Please check the corresponding circle that corresponds to how
best you agree to the statement provided.
64
Isulan Campus
CODE MEAN RANGE DESCRIPTION LEGEND
65
Isulan Campus
5 4.21 – 5.00 Strong Agree SA
4 3.41 – 4.20 Agree A
3 2.61 – 3.40 Moderately Agree MA
2 1.81 – 2.60 Disagree D
1 1.00 – 1.80 Strongly Disagree SD
FUNCTIONALITY 5 4 3 2 1
admin to register the
inspector and conductor
accounts.
    
2. The textbox accepts inputs
of any character type
(letters,
symbols).
numbers, or     
    
3. The user can log in to their
accounts (conductor and
inspector).
    
4. Once the user logged in, it
will directly open their
specific interface.
conductor to select route.     
    
select bus number with its
plate number and bus type.
select type of passenger.     
    
8. The application can print
correct ticket for the type of
passenger.
66
Isulan Campus
    
9. The application provides
summary of transaction per
route.
    
10. The inspector can validate
the summary of the
conductor for every trip.
    
11. The application shows the
correct inspector validation
in conductor’s sale.
ACCEPTABILITY 5 4 3 2 1
1. The application uses a color

that is pleasing to the eyes.     
    
2. The application uses a well-
defined layout, easy to
understand and use.
3. The application gives
appropriate messages when
errors are detected (Data
Validation).
    
4. The fare computation used is
correct.     
5. The application uses
appropriate button.
the
    
6. The interface of the users is
easy to understand.     
    
7. The other clickable images,
buttons, and text are easy to
identify.
67
Isulan Campus
USABILITY 5 4 3 2 1
1. The mobile app is easy to

use.     
    
2. The application interface and
its function are easy to use
and understand.
    
3. The system is useful to the
company, owner, conductor,
and inspector.
Comments/Suggestions/Recommendations:
__________
___________________________________________________________
Thank you for your time!
Evaluated By:
____________________________
Signature
68
Isulan Campus
Appendix 12
69
Isulan Campus
SOURCE Code
Append
<?php <link rel="stylesheet"

$conn = mysqli_connect("localhost", href="https://maxcdn.bootstrapcdn.c
"root", "", "bus_db") or die("Can't om/bootstrap/4.4.1/css/bootstrap.min
Connect to Database! Please .css">
contact your System Adminsitrator!"); <script
?> src="https://ajax.googleapis.com/aja
<!DOCTYPE html> x/libs/jquery/3.4.1/jquery.min.js"></
<html> script>
<head> <script
<meta name="viewport" src="https://cdnjs.cloudflare.com/aja
content="width=device-width, initial- x/libs/popper.js/1.16.0/umd/popper.m
scale=1"> in.js"></script>
<meta charset="utf-8"> <script
<meta name="viewport" src="https://maxcdn.bootstrapcdn.co
content="width=device-width, initial- m/bootstrap/4.4.1/js/bootstrap.min.js"
scale=1"> ></script>
70
Isulan Campus
<link rel="stylesheet" .sidebar {

href="fontawesome/css/font- width: 100%;
awesome.css"> height: auto;
<link rel="stylesheet" position: relative;
href="https://cdnjs.cloudflare.com/aja }
x/libs/font-awesome/4.7.0/css/font- .sidebar a {float: left;}
awesome.min.css"> div.content {margin-left: 0;}
<style> }
.sidebar {
margin: 0; @media screen and (max-width:
padding: 0; 400px) {
width: 200px; .sidebar a {
background-color: #f1f1f1; text-align: center;
position: fixed; float: none;
height: 100%; }
overflow: auto; }
} </style>
</head>
.sidebar a { <script>
display: block; window.onload = function () {
color: black;
padding: 16px; var chart = new
text-decoration: none; CanvasJS.Chart("chartContainer", {
} animationEnabled: true,
title:{
.sidebar a.active { text: "Sales Graph"
background-color: #D5D168; },
color: white; axisX:{
} valueFormatString: "DD MMM",
crosshair: {
.sidebar a:hover:not(.active) { enabled: true,
background-color: #555; snapToDataPoint: true
color: white; }
} },
axisY: {
div.content { title: "",
margin-left: 200px; includeZero: false,
padding: 1px 16px; valueFormatString: "₱##0.00",
height: 1000px; crosshair: {
} enabled: true,
snapToDataPoint: true,
@media screen and (max-width: labelFormatter: function(e) {
700px) {
71
Isulan Campus
return "₱" + Logo.png" width="60" alt=""><b>

CanvasJS.formatNumber(e.value, YELLOW BUS LINE, INC.</b></a>
"##0.00"); <button class="navbar-toggler"
} type="button" data-toggle="collapse"
} data-
}, target="#navbarSupportedContent"
data: [{ aria-
type: "area", controls="navbarSupportedContent"
xValueFormatString: "DD MMM", aria-expanded="false" aria-
yValueFormatString: "₱##0.00", label="Toggle navigation">
dataPoints: [ <span class="navbar-toggler-
<?php icon"></span>
require './include/dbconnection.php'; </button>
$select = mysqli_query($conn,
"SELECT *, SUM(amount) AS <div class="collapse navbar-
summary FROM tblpayment GROUP collapse"
BY datepaid ASC"); id="navbarSupportedContent">
while($row = <ul class="navbar-nav mr-auto">
mysqli_fetch_assoc($select)){
$date = date('Y, m, d', </ul>
strtotime($row['datepaid'])); <div class="form-inline my-2 my-lg-
echo '{ x: new Date('.$date.'), y: '. 0">
number_format($row['summary'],2).' <button class="btn btn-outline-
},'; danger my-2 my-sm-0"
} onclick="window.location='logout.ph
p'">Logout <span class="fa fa-sign-
?> out"></span></button>
] </div>
}] </div>
}); </nav>
chart.render(); <div class="sidebar">
<a class="active"
} href="admin_dashboard.php"><span
</script> class="fa fa-dashboard"></span>
<body> Dashboard</a>
<a class="" href="sales.php"><span
<div class=""> class="fa fa-bar-chart"></span>
<nav class="navbar navbar-expand- Sales</a>
lg navbar-light bg-light"> <a class=""
<a class="navbar-brand" href="faremanagement.php"><span
href="#"><img class="fa fa-cogs"></span> Fare
src="images/Yellow_Bus_Line_YBL_ Management</a>
72
Isulan Campus
<a class="" <?php

href="conductor.php"><span $sumquery = mysqli_query($conn,
class="fa fa-user"></span> "SELECT * FROM tblinspector");
Conductor</a> echo $num =
<a class="" mysqli_num_rows($sumquery);
href="inspector.php"><span ?>
class="fa fa-user-secret"></span> </h4>
Inspector</a> <a href="inspector.php" class="text-
<a class="" href="bus.php"><span white"><small>View Details</small>
class="fa fa-car"></span> Bus</a> <span class="fa
</div> fa-arrow-right"></span></a>
</div>
<div class="content"> </div>
<br> <div class="card bg-primary text-
<div class="container-fluid"> white" style="margin-right: 3px">
<div class="row"> <div class="card-body text-center">
<div class="card bg-info text-white" <h4><span class="fa
style="margin-right: 3px"> fa-users"></span></h4>
<div class="card-body text-center"> <small>Bus</small>
<h4><span class="fa <h4>
fa-user"></span></h4> <?php
<small>Conductors</small> $sumquery = mysqli_query($conn,
<h4> "SELECT * FROM tblbus");
<?php echo $num =
$sumquery = mysqli_query($conn, mysqli_num_rows($sumquery);
"SELECT * FROM tblconductor"); ?>
echo $num = </h4>
mysqli_num_rows($sumquery); <a href="bus.php" class="text-
?> white"><small>View Details</small>
</h4> <span class="fa
<a href="conductor.php" class="text- fa-arrow-right"></span></a>
white"><small>View Details</small> </div>
<span class="fa </div>
fa-arrow-right"></span></a> </div>
</div> </div>
</div> <div id="chartContainer"
<div class="card bg-secondary text- style="height: 300px; width:
white" style="margin-right: 3px"> 100%;"></div>
<div class="card-body text-center"> <script
<h4><span class="fa src="https://canvasjs.com/assets/scri
fa-users"></span></h4> pt/canvasjs.min.js"></script>
<small>Inspectors</small> </div>
<h4> </div>
73
Isulan Campus
</body> padding: 0;
</html> width: 200px;
background-color: #f1f1f1;
<?php position: fixed;
session_start(); height: 100%;
ob_start(); overflow: auto;
require './include/dbconnection.php'; }
?>
<html> .sidebar a {
<head> display: block;
<meta name="viewport" color: black;
content="width=device-width, initial- padding: 16px;
scale=1"> text-decoration: none;
<meta charset="utf-8"> }
<meta name="viewport"
content="width=device-width, initial- .sidebar a.active {
scale=1"> background-color: #D5D168;
<link rel="stylesheet" color: white;
href="https://maxcdn.bootstrapcdn.c }
om/bootstrap/4.4.1/css/bootstrap.min
.css"> .sidebar a:hover:not(.active) {
<script background-color: #555;
src="https://ajax.googleapis.com/aja color: white;
x/libs/jquery/3.4.1/jquery.min.js"></ }
script>
<script div.content {
src="https://cdnjs.cloudflare.com/aja margin-left: 200px;
x/libs/popper.js/1.16.0/umd/popper.m padding: 1px 16px;
in.js"></script> height: 1000px;
<script padding-top: 5px;
src="https://maxcdn.bootstrapcdn.co }
m/bootstrap/4.4.1/js/bootstrap.min.js"
></script> @media screen and (max-width:
<link rel="stylesheet" 700px) {
href="fontawesome/css/font- .sidebar {
awesome.css"> width: 100%;
<link rel="stylesheet" height: auto;
href="https://cdnjs.cloudflare.com/aja position: relative;
x/libs/font-awesome/4.7.0/css/font- }
awesome.min.css"> .sidebar a {float: left;}
<style> div.content {margin-left: 0;}
.sidebar { }
margin: 0;
74
Isulan Campus
@media screen and (max-width: 'logout.php'">Logout <span class="fa

400px) { fa-sign-out"></span></button>
.sidebar a { </div>
text-align: center; </div>
float: none; </nav>
} <div class="sidebar">
} <a class=""
</style> href="admin_dashboard.php"><span
</head> class="fa fa-dashboard"></span>
Logo.png" width="60" alt=""><b> <a class=""
YELLOW BUS LINE, INC.</b></a> href="conductor.php"><span
<button class="navbar-toggler" class="fa fa-user"></span>
type="button" data-toggle="collapse" Conductor</a>
data- <a class=""
target="#navbarSupportedContent" href="inspector.php"><span
aria- class="fa fa-user-secret"></span>
controls="navbarSupportedContent" Inspector</a>
aria-expanded="false" aria- <a class="active"
label="Toggle navigation"> href="bus.php"><span class="fa fa-
<span class="navbar-toggler- car"></span> Bus</a>
icon"></span> </div>
</button>
<div class="content">
<div class="collapse navbar- 
collapse" <button type="button" style="margin-
id="navbarSupportedContent"> bottom: 5px" class="btn btn-primary
<ul class="navbar-nav mr-auto"> pull-right" data-toggle="modal" data-
target="#exampleModal"><span
</ul> class="fa fa-plus-circle"></span>
<div class="form-inline my-2 my-lg- Add</button>
0"> <?php
<button class="btn btn-outline- if (isset($_POST['save'])) {
danger my-2 my-sm-0" $insert = mysqli_query($conn,
onclick="window.location = "INSERT INTO `tblbus`(`busno`,
`plateno`, `bustype`, `additionalfare`)
75
Isulan Campus
VALUES ('$_POST[busno]', <input type="text" name="plateno"

'$_POST[plateno]', class="form-control">
'$_POST[bustype]', </div>
'$_POST[additionalfare]')"); <div class="col-lg-6">
} <label for="">Bus Type</label>
if (isset($_POST['delete'])) { <select name="bustype" id=""
$delete = mysqli_query($conn, class="form-control">
"DELETE FROM tblbus WHERE <option value=""></option>
busid='$_POST[delete]'"); <option
} value="Executive">Executive</optio
?> n>
 <option
<div class="modal fade" value="Premiere">Premiere</option
id="exampleModal" tabindex="-1" >
role="dialog" aria- </select>
labelledby="exampleModalLabel" </div>
aria-hidden="true"> <div class="col-lg-6">
<div class="modal-dialog" <label for="">Additional Fare</label>
role="document"> <input type="text"
<div class="modal-content"> name="additionalfare" class="form-
<form action="" method="POST"> control">
</div>
<div class="modal-header">
<h5 class="modal-title" </div>
id="exampleModalLabel"><span </div>
class="fa fa-car"></span> Add Bus <div class="modal-footer">
Details</h5> <button type="button" class="btn btn-
<button type="button" class="close" warning" data-
data-dismiss="modal" aria- dismiss="modal"><span class="fa fa-
label="Close"> remove"></span> Close</button>
<span <button type="submit" name="save"
aria-hidden="true">×</span> class="btn btn-primary"><span
</button> class="fa fa-save"></span>
</div> Save</button>
<div class="modal-body"> </div>
<div class="row"> </form>
<div class="col-lg-6"> </div>
<label for="">Bus No.</label> </div>
<input type="text" name="busno" </div>
class="form-control"> 
</div> <form action="" method="POST">
<div class="col-lg-6"> <table class="table">
<label for="">Plate No</label> <thead class="thead-dark">
76
Isulan Campus
<tr> <a class="btn btn-warning btn-sm"

<th>#</th> href="editbus.php?busid=<?php
<th scope="col">BUS NO.</th> echo strtoupper($row['busid']); ?
<th scope="col">PLATE NO.</th> >"><span class="fa fa-edit"></span>
<th scope="col">BUS TYPE</th> Edit</a>
<th scope="col">ADDITIONAL </td>
FARE</th> </tr>
<th>ACTION</th> <?php } ?>
</tr> </tbody>
</thead> </table>
<tbody> </form>
<?php </div>
$count = 1; </div>
$additionalfare = 0; </body>
$select = mysqli_query($conn, </html>
"SELECT * FROM tblbus");
while ($row = <?php
mysqli_fetch_assoc($select)) { session_start();
$additionalfare = ob_start();
$row['additionalfare']; require './include/dbconnection.php';
?> ?>
<tr> <html>
<td width="1"><?php echo $count++; <head>
?>.</td> <meta name="viewport"
<td><?php echo content="width=device-width, initial-
strtoupper($row['busno']); ?></td> scale=1">
<td><?php echo <meta charset="utf-8">
strtoupper($row['plateno']); ?></td> <meta name="viewport"
strtoupper($row['bustype']); ?></td> scale=1">
<td><?php <link rel="stylesheet"
echonumber_format($additionalfare, href="https://maxcdn.bootstrapcdn.c
2); ?></td> om
<td> bootstrap/4.4.1/css/bootstrap.min.cs
<button type="submit" s">
name="delete" onclick="return <script
confirm('Do you want to delete this src="https://ajax.googleapis.com/aja
record?')" class="btn btn-danger btn- x/libs/jquery/3.4.1/jquery.min.js"></
sm" value="<?php echo script>
strtoupper($row['busid']); ?>"><span <script
class="fa fa-remove"></span> src="https://cdnjs.cloudflare.com/aja
Delete</button> x/libs/popper.js/1.16.0/umd/popper.m
in.js"></script>
77
Isulan Campus
<script }
src="https://maxcdn.bootstrapcdn.co
m/bootstrap/4.4.1/js/bootstrap.min.js" @media screen and (max-width:
></script> 700px) {
<style> }
.sidebar {
height: 100%; display: inline-block;
overflow: auto; width: 110px;
} }
}
.sidebar a {
display: block; button.b {
color: black; display: inline-block;
padding: 16px; width: 142px;
text-decoration: none; height: 100px;
} padding: 5px;
border: 1px solid blue;
.sidebar a.active { background-color: #f8f872;
background-color: #f8f872; }
color: black; </style>
} </head>
<body>
.sidebar a:hover:not(.active) {
background-color: #555; <div class="">
color: white; <div style="padding: 15px;
} background-color: darkblue; color:
#fff" class="text-white"><a
div.content { class="navbar-brand" href="#"><img
margin-left: 200px; src="images/Yellow_Bus_Line_YBL_
padding: 1px 16px; Logo.png" width="60" alt=""><b>
padding-top: 5px;
78
Isulan Campus
YELLOW BUS LINE, Type: <?php echo

INC.</b></a></div> strtoupper($row['bustype']);?></div>
<div class="sidebar"> </td>
<a class="active" <td>
href="conductor_dashboard.php"><s <a href="conductor_fare.php?
pan class="fa fa-cogs"></span> busid=<?php echo
Fare</a> strtoupper($row['busid']);?
<a class="" >&fareid=<?php echo
href="conductor_sales.php"><span $_GET['fareid'];?>" onclick=""
class="fa fa-bar-chart"></span> class="btn btn-sm btn-warning pull-
Sales</a> right">Select <span class="fa fa-
<a class="" href="logout.php"><span chevron-right"></span></a>
class="fa fa-sign-out"></span> </td>
Logout</a> </tr>
</div> <?php }?>
</tbody>
<div class="content"> </table>
</div>
 
<span><b>Route</b></span> </div>
<div class=""> </div>
<table class="table table-sm table- </body>
condensed table-hover table- </html>
striped">
<tbody> <?php
<?php session_start();
$select = mysqli_query($conn, ob_start();
"SELECT * FROM tblbus"); require './include/dbconnection.php';
while($row = ?>
mysqli_fetch_assoc($select)){ <html>
?> <head>
<tr> <meta name="viewport"
<td style="vertical-align: middle;"> content="width=device-width, initial-
<span style="font-size: 30px; color: scale=1">
#f8f872" class="fa fa-bus"></span> <meta charset="utf-8">
</td> <meta name="viewport"
<td> content="width=device-width, initial-
<span><b>Bus No.:<?php echo scale=1">
strtoupper($row['busno']);?></b></sp <link rel="stylesheet"
an> href="https://maxcdn.bootstrapcdn.c
<div style="font-size: 11px">Plate om/bootstrap/4.4.1/css/bootstrap.min
No.: <?php echo .css">
strtoupper($row['plateno']);?>, Bus
79
Isulan Campus

script>
.sidebar { }
margin: 0;
padding: 0; @media screen and (max-width:
width: 200px; 400px) {
background-color: #f1f1f1; .sidebar a {
position: fixed; text-align: center;
height: 100%; float: none;
overflow: auto; }
} }
</style>
.sidebar a { </head>
display: block; <body>
color: black;
padding: 16px; <div class="">
text-decoration: none; <nav class="navbar navbar-expand-
} lg navbar-light bg-light">
<a class="navbar-brand"
.sidebar a.active { href="#"><img
background-color: #D5D168; src="images/Yellow_Bus_Line_YBL_
color: white; Logo.png" width="60" alt=""><b>
} YELLOW BUS LINE, INC.</b></a>
<button class="navbar-toggler"
.sidebar a:hover:not(.active) { type="button" data-toggle="collapse"
80
Isulan Campus
data- <a class=""

aria-expanded="false" aria- <a class="" href="bus.php"><span
label="Toggle navigation"> class="fa fa-car"></span> Bus</a>
<span class="navbar-toggler- </div>
icon"></span>
</button> <div class="content">

<div class="collapse navbar- <button type="button" style="margin-
collapse" bottom: 5px" class="btn btn-primary
id="navbarSupportedContent"> pull-right" data-toggle="modal" data-
<ul class="navbar-nav mr-auto"> target="#exampleModal"><span
class="fa fa-plus-circle"></span>
</ul> Add</button>
<div class="form-inline my-2 my-lg- <?php
0"> if (isset($_POST['save'])) {
<button class="btn btn-outline- $insert = mysqli_query($conn,
danger my-2 my-sm-0" "INSERT INTO
onclick="window.location = `tblconductor`(`firstname`,
'logout.php'">Logout <span class="fa `middlename`, `lastname`,
fa-sign-out"></span></button> `contactno`, `username`,
</div> `password`) VALUES
</div> ('$_POST[firstname]',
</nav> '$_POST[middlename]',
<div class="sidebar"> '$_POST[lastname]',
<a class="" '$_POST[contactno]',
href="admin_dashboard.php"><span '$_POST[username]',
class="fa fa-dashboard"></span> '$_POST[password]')");
Dashboard</a> }
<a class="" href="sales.php"><span if (isset($_POST['delete'])) {
class="fa fa-bar-chart"></span> $delete = mysqli_query($conn,
Sales</a> "DELETE FROM tblconductor
<a class="" WHERE
href="faremanagement.php"><span conductorid='$_POST[delete]'");
class="fa fa-cogs"></span> Fare }
Management</a> ?>
<a class="active" 
href="conductor.php"><span <div class="modal fade"
class="fa fa-user"></span> id="exampleModal" tabindex="-1"
Conductor</a> role="dialog" aria-
81
Isulan Campus
labelledby="exampleModalLabel" </div>
aria-hidden="true"> <div class="col-lg-6">
<div class="modal-dialog" <label for="">Username</label>
role="document"> <input type="text" name="username"
<div class="modal-content"> style="text-align: left" class="form-
<form action="" method="POST"> control">
</div>
<div class="modal-header"> <div class="col-lg-6">
<h5 class="modal-title" <label for="">Password</label>
id="exampleModalLabel"><span <input type="text" name="password"
class="fa fa-user"></span> Add style="text-align: left" class="form-
Conductor Details</h5> control">
<button type="button" class="close" </div>
data-dismiss="modal" aria- </div>
label="Close"> </div>
<span <div class="modal-footer">
aria-hidden="true">×</span> <button type="button" class="btn btn-
</button> warning" data-
</div> dismiss="modal"><span class="fa fa-
<div class="modal-body"> remove"></span> Close</button>
<div class="row"> <button type="submit" name="save"
<div class="col-lg-6"> class="btn btn-primary"><span
<label for="">Firstname</label> class="fa fa-save"></span>
<input type="text" name="firstname" Save</button>
class="form-control"> </div>
</div> </form>
<label for="">Middlename</label> </div>
<input type="text" </div>
name="middlename" class="form- 
control"> <form action="" method="POST">
</div> <table class="table">
<div class="col-lg-6"> <thead class="thead-dark">
<label for="">Lastname</label> <tr>
<input type="text" name="lastname" <th>#</th>
style="text-align: left" class="form- <th scope="col">LAST NAME</th>
control"> <th scope="col">FIRST NAME</th>
</div> <th scope="col">MIDDLE
<div class="col-lg-6"> NAME</th>
<label for="">Contact #</label> <th scope="col">CONTACT #</th>
<input type="text" name="contactno" <th>USERNAME</th>
style="text-align: left" class="form- <th>PASSWORD</th>
control"> <th>ACTION</th>
82
Isulan Campus
</tr> >"><span class="fa fa-edit"></span>

</thead> Edit</a>
<tbody> </td>
<?php </tr>
$count = 1; <?php } ?>
$select = mysqli_query($conn, </tbody>
"SELECT * FROM tblconductor </table>
ORDER BY lastname ASC"); </form>
while ($row = </div>
mysqli_fetch_assoc($select)) { </div>
?> </body>
<tr> </html>
<td width="1"><?php echo $count++;
?>.</td> <?php
<td><?php echo session_start();
strtoupper($row['lastname']); ?></td> ob_start();
<td><?php echo require './include/dbconnection.php';
strtoupper($row['firstname']); ?></td> ?>
<td><?php echo <html>
strtoupper(substr($row['middlename'] <head>
, 0, 1)); ?>.</td> <meta name="viewport"
strtoupper($row['contactno']); scale=1">
?></td> <meta charset="utf-8">
<td><?php echo <meta name="viewport"
strtoupper($row['username']); content="width=device-width, initial-
?></td> scale=1">
<td><?php echo <link rel="stylesheet"
strtoupper($row['password']); href="https://maxcdn.bootstrapcdn.c
?></td> om/bootstrap/4.4.1/css/bootstrap.min
<td> .css">
<button type="submit" <script
name="delete" onclick="return src="https://ajax.googleapis.com/aja
confirm('Do you want to delete this x/libs/jquery/3.4.1/jquery.min.js"></
record?')" class="btn btn-danger btn- script>
sm" value="<?php echo <script
strtoupper($row['conductorid']); ? src="https://cdnjs.cloudflare.com/aja
>"><span class="fa x/libs/popper.js/1.16.0/umd/popper.m
fa-remove"></span> Delete</button> in.js"></script>
<a class="btn btn-warning btn-sm" <script
href="editconductor.php? src="https://maxcdn.bootstrapcdn.co
conductorid=<?php echo m/bootstrap/4.4.1/js/bootstrap.min.js"
strtoupper($row['conductorid']); ? ></script>
83
Isulan Campus

<style> }
.sidebar {
} }
}
.sidebar a {
} padding: 5px;
} </head>
<body>
padding-top: 5px; YELLOW BUS LINE,
} INC.</b></a></div>
<div class="sidebar">
@media screen and (max-width: <a class="active"
700px) { href="conductor_dashboard.php"><s
84
Isulan Campus
pan class="fa fa-cogs"></span> strtoupper($row['sc']);?>, PWD <?

Fare</a> php echo strtoupper($row['pwd']);?
<a class="" ></div>
href="conductor_sales.php"><span </td>
class="fa fa-bar-chart"></span> <td>
Sales</a> <a href="bus_number.php?fareid=<?
<a class="" href="logout.php"><span php echo strtoupper($row['fareid']);?
class="fa fa-sign-out"></span> >" onclick="" class="btn btn-sm btn-
Logout</a> warning pull-right">Select <span
</div> class="fa
fa-chevron-right"></span></a>
<div class="content"> </td>
</tr>
 <?php }?>
<span><b>Route</b></span> </tbody>
<div class=""> </table>
<table class="table table-sm table- </div>
condensed table-hover table- 
striped"> </div>
<tbody> </div>
<?php </body>
$select = mysqli_query($conn, </html>
"SELECT * FROM tblfare ORDER
BY routefrom ASC"); <?php
while($row = session_start();
mysqli_fetch_assoc($select)){ ob_start();
?> require './include/dbconnection.php';
<tr>
<td style="vertical-align: middle;"> ?>
<span style="font-size: 30px; color: <html>
#f8f872" class="fa fa-bus"></span> <head>
</td> <meta name="viewport"
<td> content="width=device-width, initial-
<span><b><?php echo scale=1">
strtoupper($row['routefrom']);?> - <? <meta charset="utf-8">
php echo <meta name="viewport"
strtoupper($row['routeto']);?></b></s content="width=device-width, initial-
pan> scale=1">
<div style="font-size: <link rel="stylesheet"
11px">REGULAR <?php echo href="https://maxcdn.bootstrapcdn.c
strtoupper($row['regular']);?>, SP <? om/bootstrap/4.4.1/css/bootstrap.min
php echo strtoupper($row['sp']);?>, .css">
SC <?php echo
85
Isulan Campus

script>
in.js"></script> padding-top: 5px;
<script }
></script> 700px) {
<style> }
.sidebar {
} }
}
.sidebar a {
} padding: 5px;
color: black;
} </style>
</head>
.sidebar a:hover:not(.active) { <body onafterprint="loaddata()">
86
Isulan Campus

<div class=""> <span><b>Fare</b></span> <span
<div style="padding: 15px; class="fa fa-bus pull-right"> <?php
background-color: darkblue; color: echo
#fff" class="text-white"><a ucwords($rowfare['routefrom'])?> -
class="navbar-brand" href="#"><img <?php echo
src="images/Yellow_Bus_Line_YBL_ ucwords($rowfare['routeto'])?></spa
Logo.png" width="60" alt=""><b> n>
YELLOW BUS LINE, <div class="bg-light card-body">
INC.</b></a></div> <div class="text-center">
<div class="sidebar"> <button class="b" id="regular"
<a class="active" value="regular" onclick="regular()">
href="conductor_dashboard.php"><s <div style="margin-top: 7px"></div>
pan class="fa fa-cogs"></span> <span class="fa fa-money"
Fare</a> style="font-size: 50px"></span>
<a class="" <div>REGULAR (<?php echo
href="conductor_sales.php"><span $row['regular']+
class="fa fa-bar-chart"></span> $rowbus['additionalfare']?>)</div>
Sales</a> </button>
<a class="" href="logout.php"><span <button class="b" id="sp" value="sp"
class="fa fa-sign-out"></span> onclick="sp()">
Logout</a> <div style="margin-top: 7px"></div>
</div> <span class="fa fa-drivers-license-o"
style="font-size: 50px"></span>
<div class="content"> <div>SP (<?php echo $row['sp']+
$rowbus['additionalfare']?>)</div>
<?php </button>
$selectfare = mysqli_query($conn, <button class="b" id="sc" value="sc"
"SELECT * FROM tblfare WHERE onclick="sc()">
fareid='$_GET[fareid]'"); <div style="margin-top: 7px"></div>
$rowfare = <span class="fa fa-user-secret"
mysqli_fetch_assoc($selectfare); style="font-size: 50px"></span>
$select = mysqli_query($conn, <div>SC (<?php echo $row['sc']+
"SELECT * FROM tblfare WHERE $rowbus['additionalfare']?>)</div>
fareid='$_GET[fareid]'"); </button>
$row = mysqli_fetch_assoc($select); <button class="b" id="pwd"
value="pwd" onclick="pwd()">
$selectbus = mysqli_query($conn, <div style="margin-top: 7px"></div>
"SELECT * FROM tblbus WHERE <span class="fa fa-wheelchair"
busid='$_GET[busid]'"); style="font-size: 50px"></span>
$rowbus = <div>PWD (<?php echo $row['pwd']+
mysqli_fetch_assoc($selectbus); $rowbus['additionalfare']?>)</div>
?> </button>
87
Isulan Campus
</div> function pwd(){

</div> var busid = <?php echo
<div id="data"></div> $_GET['busid'];?>;
 var fareid = <?php echo
</div> $_GET['fareid'];?>;
</div> var type = $('#pwd').val();
<script> window.location = "printreceipt.php?

function regular(){ fareid="+fareid+"&type="+type+"&bu
var busid = <?php echo sid="+busid+"&class=pwd";
$_GET['busid'];?>; }
var fareid = <?php echo
$_GET['fareid'];?>;
var type = $('#regular').val(); </script>
window.location = "printreceipt.php? </body>
fareid="+fareid+"&type="+type+"&bu </html>
sid="+busid+"&class=regular";
} <?php
session_start();
function sp(){ ob_start();
var busid = <?php echo require './include/dbconnection.php';
$_GET['busid'];?>; ?>
var fareid = <?php echo <html>
$_GET['fareid'];?>; <head>
var type = $('#sp').val(); <meta name="viewport"
content="width=device-width, initial-
window.location = "printreceipt.php? scale=1">
fareid="+fareid+"&type="+type+"&bu <meta charset="utf-8">
sid="+busid+"&class=sp"; <meta name="viewport"
} content="width=device-width, initial-
scale=1">
function sc(){ <link rel="stylesheet"
var busid = <?php echo href="https://maxcdn.bootstrapcdn.c
$_GET['busid'];?>; om/bootstrap/4.4.1/css/bootstrap.min
var fareid = <?php echo .css">
$_GET['fareid'];?>; <script
var type = $('#sc').val(); src="https://ajax.googleapis.com/aja
x/libs/jquery/3.4.1/jquery.min.js"></
window.location = "printreceipt.php? script>
fareid="+fareid+"&type="+type+"&bu <script
sid="+busid+"&class=sc"; src="https://cdnjs.cloudflare.com/aja
} x/libs/popper.js/1.16.0/umd/popper.m
in.js"></script>
88
Isulan Campus
<script }
></script> 700px) {
<style> }
.sidebar {
} }
}
.sidebar a {
} padding: 5px;
} </head>
<body>
padding-top: 5px;
89
Isulan Campus
YELLOW BUS LINE, <?php echo

INC.</b></a></div> strtoupper($row['routefrom']);?> - <?
<div class="sidebar"> php echo
<a class="" strtoupper($row['routeto']);?>
href="conductor_dashboard.php"><s </td>
pan class="fa fa-cogs"></span> <td>
Fare</a> ₱<?php echo
<a class="active" number_format($row['salestoday'],2);
href="conductor_sales"><span ?>
class="fa fa-bar-chart"></span> </td>
Sales</a> </tr>
<a class="" href="logout.php"><span <?php }?>
class="fa fa-sign-out"></span> <tr>
Logout</a> <td
</div> class="text-right"><b>TOTAL</b></t
d>
<div class="content"> <td>₱<?php echo

<?php <div class="">
$totalsalestoday = 0;  conductorid='$_SESSION[conductori
<div class="card-body"> d]'");
<?php $reg =
mysqli_fetch_assoc($countreg);
$totalpassenger=0;
$overalltotal=0; $countstudent =
$selectbus = mysqli_query($conn, mysqli_query($conn, "SELECT
"SELECT * FROM tblpayment AS a COUNT(*) AS student,
INNER JOIN tblbus AS b ON SUM(amount) AS myamount FROM
a.busid=b.busid WHERE tblpayment WHERE
a.datepaid='$datenow' AND busid='$rowbus[busid]' AND
a.conductorid='$_SESSION[conduct passenger='sp' AND amount!='' AND
orid]' AND a.amount !='' GROUP BY datepaid='$datenow' AND
a.busid"); conductorid='$_SESSION[conductori
$myres = d]'");
mysqli_num_rows($selectbus); $student =
if($myres > 0){ mysqli_fetch_assoc($countstudent);
91
Isulan Campus
<div
$countpwd = mysqli_query($conn, class="col-3"><b>FARE</b></div>
"SELECT COUNT(*) AS pwd,
SUM(amount) AS myamount FROM <div class="col-3 text-
tblpayment WHERE right">Regular:</div>
busid='$rowbus[busid]' AND <div class="col-3 text-left">'.
passenger='pwd' AND amount!='' number_format($reg['regular']).'</div
AND datepaid='$datenow' AND >
conductorid='$_SESSION[conductori <div class="col-3">-</div>
d]'"); <div class="col-3"><b>₱'.
$pwd = number_format($reg['myamount'],2).'
mysqli_fetch_assoc($countpwd); </b></div>
$countsc = mysqli_query($conn, <div class="col-3 text-

"SELECT COUNT(*) AS sc, right">Student:</div>
SUM(amount) AS myamount FROM <div class="col-3 text-left">'.
tblpayment WHERE number_format($student['student']).'
busid='$rowbus[busid]' AND </div>
passenger='sc' AND amount!='' AND <div class="col-3">-</div>
datepaid='$datenow' AND <div class="col-3"><b>₱'.
conductorid='$_SESSION[conductori number_format($student['myamount'
d]'"); ],2).'</b></div>
$sc = mysqli_fetch_assoc($countsc);
<div class="col-3 text-
$rowdes = right">PWD:</div>
mysqli_fetch_assoc($selectdestinati <div class="col-3 text-left">'.
on); number_format($pwd['pwd']).'</div>
$total=0; <div class="col-3">-</div>
$total = $reg['myamount']+ <div class="col-3"><b>₱'.
$student['myamount']+ number_format($pwd['myamount'],2)
$pwd['myamount']+$sc['myamount']; .'</b></div>
echo '<div>DESTINATION: '.
ucwords($rowdes['routefrom']).'-'. <div class="col-3
ucwords($rowdes['routeto']).'</div>'; text-right">SC:</div>
echo'<div class="row"> <div class="col-3 text-left">'.
<div class="col-3 text- number_format($sc['sc']).'</div>
left"><b>PASSENGER:</b></div> <div class="col-3">-</div>
<div class="col-3 text-center text- <div class="col-3"><b>₱'.
info">'. number_format($sc['myamount'],2).'<
number_format($passcount['passeng /b></div>
erCount']).'</div>
<div class="col-3">-</div> <div class="col-3 text-right"></div>
<div class="col-3 text-left"></div>
92
Isulan Campus
<div class="col-3 text- <meta name="viewport"

right"><b>TOTAL</b></div> content="width=device-width, initial-
<div class="col-3 text- scale=1">
danger"><b>₱'. <meta charset="utf-8">
number_format($total,2).'</b></div> <meta name="viewport"
</div> content="width=device-width, initial-
<hr> scale=1">
'; <link rel="stylesheet"
$totalpassenger += href="https://maxcdn.bootstrapcdn.c
$passcount['passengerCount']; om/bootstrap/4.4.1/css/bootstrap.min
$overalltotal += $total; .css">
} <script
echo '<hr>'; src="https://ajax.googleapis.com/aja
echo '<h5><b>SALES OF THE x/libs/jquery/3.4.1/jquery.min.js"></
DAY</b></h5>'; script>
echo '<div> <script
<h6><b>TOTAL: ₱'. src="https://cdnjs.cloudflare.com/aja
number_format($overalltotal).' x/libs/popper.js/1.16.0/umd/popper.m
</b></h6> in.js"></script>
<p>Total No. of passenger: '. <script
number_format($totalpassenger).'</p src="https://maxcdn.bootstrapcdn.co
> m/bootstrap/4.4.1/js/bootstrap.min.js"
</div>'; ></script>
}else{ <link rel="stylesheet"
echo 'No Data!'; href="fontawesome/css/font-
} awesome.css">
?> <link rel="stylesheet"
</div> href="https://cdnjs.cloudflare.com/aja
</div> x/libs/font-awesome/4.7.0/css/font-
 awesome.min.css">
</div> <style>
</div> .sidebar {
</body> margin: 0;
</html> padding: 0;
width: 200px;
<?php background-color: #f1f1f1;
session_start(); position: fixed;
ob_start(); height: 100%;
require './include/dbconnection.php'; overflow: auto;
?> }
<html>
<head> .sidebar a {
display: block;
93
Isulan Campus
color: black;
padding: 16px; <div class="">
text-decoration: none; <nav class="navbar navbar-expand-
} lg navbar-light bg-light">
<a class="navbar-brand"
.sidebar a.active { href="#"><img
background-color: #D5D168; src="images/Yellow_Bus_Line_YBL_
color: white; Logo.png" width="60" alt=""><b>
} YELLOW BUS LINE, INC.</b></a>
<button class="navbar-toggler"
.sidebar a:hover:not(.active) { type="button" data-toggle="collapse"
background-color: #555; data-
color: white; target="#navbarSupportedContent"
} aria-
controls="navbarSupportedContent"
div.content { aria-expanded="false" aria-
margin-left: 200px; label="Toggle navigation">
padding: 1px 16px; <span class="navbar-toggler-
height: 1000px; icon"></span>
padding-top: 5px; </button>
}
<div class="collapse navbar-
@media screen and (max-width: collapse"
700px) { id="navbarSupportedContent">
.sidebar { <ul class="navbar-nav mr-auto">
width: 100%;
height: auto; </ul>
position: relative; <div class="form-inline my-2 my-lg-
} 0">
.sidebar a {float: left;} <button class="btn btn-outline-
div.content {margin-left: 0;} danger my-2 my-sm-0"
} onclick="window.location =
'logout.php'">Logout <span class="fa
@media screen and (max-width: fa-sign-out"></span></button>
400px) { </div>
.sidebar a { </div>
text-align: center; </nav>
float: none; <div class="sidebar">
} <a class=""
} href="admin_dashboard.php"><span
</style> class="fa fa-dashboard"></span>
</head> Dashboard</a>
<body>
94
Isulan Campus
<a class="" href="sales.php"><span $select = mysqli_query($conn,

class="fa fa-bar-chart"></span> "SELECT * FROM tblbus WHERE
Sales</a> busid='$_GET[busid]'");
<a class="" $row = mysqli_fetch_assoc($select);
href="faremanagement.php"><span ?>
class="fa fa-cogs"></span> Fare <form method="POST">
Management</a> <div class="row">
<a class="" <div class="col-lg-6">
href="conductor.php"><span <label for="">Bus No.</label>
class="fa fa-user"></span> <input value="<?php echo
Conductor</a> $row['busno']?>" type="text"
<a class="" name="busno" class="form-control">
href="inspector.php"><span </div>
class="fa fa-user-secret"></span> <div class="col-lg-6">
Inspector</a> <label for="">Plate No</label>
<a class="active" <input value="<?php echo
href="bus.php"><span class="fa fa- $row['plateno']?>" type="text"
car"></span> Bus</a> name="plateno" class="form-
</div> control">
</div>
<div class="content"> <div class="col-lg-6">
 <label for="">Bus Type</label>
<button type="button" style="margin- <select name="bustype" id=""
bottom: 5px" class="btn btn-primary class="form-control">
pull-right" data-toggle="modal" data- <option value="<?php echo
target="#exampleModal"><span $row['bustype']?>"><?php echo
class="fa fa-plus-circle"></span> $row['bustype']?></option>
Add</button> <option
<?php value="Executive">Executive</optio
if (isset($_POST['submit'])) { n>
<option
$update = mysqli_query($conn, value="Premiere">Premiere</option
"UPDATE tblbus SET >
busno='$_POST[busno]', </select>
plateno='$_POST[plateno]', </div>
bustype='$_POST[bustype]', <div class="col-lg-6">
additionalfare='$_POST[additionalfar <label for="">Additional Fare</label>
e]' WHERE busid='$_GET[busid]'"); <input type="text" value="<?php
echo echo $row['additionalfare']?>"
'<script>alert("Done!");window.locati name="additionalfare" class="form-
on="bus.php"</script>'; control">
} </div>
<div class="col-lg-12">
95
Isulan Campus
<button class="btn btn-sm btn- <link rel="stylesheet"

primary float-right" type="submit" href="fontawesome/css/font-
name="submit" style="margin-top: awesome.css">
5px;">Save Changes</button> <link rel="stylesheet"
</div> href="https://cdnjs.cloudflare.com/aja
</div> x/libs/font-awesome/4.7.0/css/font-
</form> awesome.min.css">
</div> <style>
</div> .sidebar {
</body> margin: 0;
</html> padding: 0;
width: 200px;
<?php background-color: #f1f1f1;
session_start(); position: fixed;
ob_start(); height: 100%;
require './include/dbconnection.php'; overflow: auto;
?> }
<html>
<head> .sidebar a {
<meta name="viewport" display: block;
content="width=device-width, initial- color: black;
scale=1"> padding: 16px;
<meta charset="utf-8"> text-decoration: none;
<meta name="viewport" }
content="width=device-width, initial-
scale=1"> .sidebar a.active {
<link rel="stylesheet" background-color: #D5D168;
href="https://maxcdn.bootstrapcdn.c color: white;
om/bootstrap/4.4.1/css/bootstrap.min }
.css">
<script .sidebar a:hover:not(.active) {
src="https://ajax.googleapis.com/aja background-color: #555;
x/libs/jquery/3.4.1/jquery.min.js"></ color: white;
script> }
<script
src="https://cdnjs.cloudflare.com/aja div.content {
x/libs/popper.js/1.16.0/umd/popper.m margin-left: 200px;
in.js"></script> padding: 1px 16px;
<script height: 1000px;
src="https://maxcdn.bootstrapcdn.co padding-top: 5px;
m/bootstrap/4.4.1/js/bootstrap.min.js" }
></script>
96
Isulan Campus
@media screen and (max-width: <div class="collapse navbar-

700px) { collapse"
.sidebar { id="navbarSupportedContent">
width: 100%; <ul class="navbar-nav mr-auto">
height: auto;
position: relative; </ul>
} <div class="form-inline my-2 my-lg-
.sidebar a {float: left;} 0">
div.content {margin-left: 0;} <button class="btn btn-outline-
} danger my-2 my-sm-0"
onclick="window.location =
@media screen and (max-width: 'logout.php'">Logout <span class="fa
400px) { fa-sign-out"></span></button>
.sidebar a { </div>
text-align: center; </div>
float: none; </nav>
} <div class="sidebar">
} <a class=""
</style> href="admin_dashboard.php"><span
</head> class="fa fa-dashboard"></span>
Logo.png" width="60" alt=""><b> <a class="active"
YELLOW BUS LINE, INC.</b></a> href="conductor.php"><span
<button class="navbar-toggler" class="fa fa-user"></span>
type="button" data-toggle="collapse" Conductor</a>
data- <a class=""
aria-expanded="false" aria- <a class="" href="bus.php"><span
label="Toggle navigation"> class="fa fa-car"></span> Bus</a>
<span class="navbar-toggler- </div>
icon"></span>
</button> <div class="content">
<?php
if (isset($_POST['submit'])) {
97
Isulan Campus
$update = mysqli_query($conn, </div>

"UPDATE tblconductor SET <div class="col-lg-6">
firstname='$_POST[firstname]', <label for="">Contact #</label>
middlename='$_POST[middlename]' <input value="<?php echo
, lastname='$_POST[lastname]', $row['contactno']?>" type="text"
contactno='$_POST[contactno]', name="contactno" style="text-align:
username='$_POST[username]', left" class="form-control">
password='$_POST[password]' </div>
WHERE <div class="col-lg-6">
conductorid='$_GET[conductorid]'"); <label for="">Username</label>
echo <input value="<?php echo
'<script>alert("Done!");window.locati $row['username']?>" type="text"
on="conductor.php"</script>'; name="username" style="text-align:
} left" class="form-control">
$select = mysqli_query($conn, </div>
"SELECT * FROM tblconductor <div class="col-lg-6">
WHERE <label for="">Password</label>
conductorid='$_GET[conductorid]'"); <input value="<?php echo
$row = mysqli_fetch_assoc($select); $row['password']?>" type="text"
?> name="password" style="text-align:
 left" class="form-control">
<form action="" method="POST"> </div>
<div class="row"> <div class="col-lg-12">
<div class="col-lg-6"> <button class="btn btn-sm btn-
<label for="">Firstname</label> primary float-right" type="submit"
<input value="<?php echo name="submit" style="margin-top:
$row['firstname']?>" type="text" 5px;">Save Changes</button>
name="firstname" class="form- </div>
control"> </div>
</div> </form>
<label for="">Middlename</label> </div>
<input value="<?php echo </body>
$row['middlename']?>" type="text" </html>
name="middlename" class="form-
control"> <?php
</div> session_start();
<div class="col-lg-6"> ob_start();
<label for="">Lastname</label> require './include/dbconnection.php';
<input value="<?php echo ?>
$row['lastname']?>" type="text" <html>
name="lastname" style="text-align: <head>
left" class="form-control">
98
Isulan Campus
<meta name="viewport" color: black;

content="width=device-width, initial- padding: 16px;
scale=1"> text-decoration: none;
<meta charset="utf-8"> }
<meta name="viewport"
content="width=device-width, initial- .sidebar a.active {
scale=1"> background-color: #D5D168;
<link rel="stylesheet" color: white;
href="https://maxcdn.bootstrapcdn.c }
om/bootstrap/4.4.1/css/bootstrap.min
.css"> .sidebar a:hover:not(.active) {
script>
.sidebar { }
margin: 0;
padding: 0; @media screen and (max-width:
width: 200px; 400px) {
background-color: #f1f1f1; .sidebar a {
position: fixed; text-align: center;
height: 100%; float: none;
overflow: auto; }
} }
</style>
.sidebar a { </head>
display: block; <body>
99
Isulan Campus
<div class=""> </ul>

<nav class="navbar navbar-expand- <div class="form-inline my-2 my-lg-
lg navbar-light bg-light"> 0">
<a class="navbar-brand" <button class="btn btn-outline-
href="#"><img danger my-2 my-sm-0"
src="images/Yellow_Bus_Line_YBL_ onclick="window.location='logout.ph
Logo.png" width="60" alt=""><b> p'">Logout <span class="fa fa-sign-
YELLOW BUS LINE, INC.</b></a> out"></span></button>
<button class="navbar-toggler" </div>
type="button" data-toggle="collapse" </div>
data- </nav>
target="#navbarSupportedContent" <div class="sidebar">
aria- <a class=""
controls="navbarSupportedContent" href="admin_dashboard.php"><span
aria-expanded="false" aria- class="fa fa-dashboard"></span>
label="Toggle navigation"> Dashboard</a>
<span class="navbar-toggler- <a class="" href="sales.php"><span
icon"></span> class="fa fa-bar-chart"></span>
</button> Sales</a>
<div class="collapse navbar- <a class="active"
collapse" href="faremanagement.php"><span
id="navbarSupportedContent"> class="fa fa-cogs"></span> Fare
<ul class="navbar-nav mr-auto"> Management.
Appendix 13
100
Isulan Campus
DVD
Append
101

Mobatic Final

Uploaded by

Document Information

Original Description:

Original Title

Copyright

Available Formats

Share this document

Share or Embed Document

Sharing Options

Did you find this document useful?

Is this content inappropriate?

Copyright:

Available Formats

Mobatic Final

Uploaded by

Copyright:

Available Formats

Bachelor of Science in Information Technology

BSIT Res. No ____

SHEILA MAE B. CABAGUIO

SUBMITTED TO THE FACULTY OF THE COLLEGE OF THE COMPUTER

BACHELOR OF SCIENCE IN INFORMATION TECHNOLOGY

IAN MARK E. ORCAJADA, MIT CECILIA E. GENER, MIT

KYRENE L. DIZON, MIT, MSc

Accepted as partial fulfillment of the requirements for the degree of

ELMER C. BUENAVIDES, DIT

The capstone project attached hereto entitled “MOBATIC: A MOBILE-

MARY GRACE L. PEROCHO, MIT CERILO B. RUBIN JR., MIT

IAN MARK E. ORCAJADA, MIT

Approved as partial fulfillment of the requirements for the degree Bachelor

CECELIA E. GENER, MIT KYRENE L. DIZON, MIT, MSc

ELMER C. BUENAVIDES, DIT

education at New Leyte, Maco, Compostella Valley Province.

Being in a broken family is not easy. The researcher encountered many

dreams for her family especially for her siblings.

The researcher wish to express their heartfelt gratitude and profound

unconditional love that He gave to the researchers;

guidance, patience, and effort to make this study possible;

motivation, enthusiasm, and immense knowledge he shared to make this

To their thesis committee members, Prof. Mary Grace L. Perocho, MIT

improvement of the study;

To Prof Kyrene L. Dizon, their statistician, who provided them guidance on

grammar and organization;

endeavors easier, also to Mr. Rodelou Siladan, the assistant scholarship

coordinator who assisted them in the completion of the documentary

requirements of the research grant;

motivation that you gave to the researchers;

To the family of the researcher, Sheila Mae B. Cabaguio who supported

the unending financial and emotional support;

siblings who were always there to give their moral support;

To their beloved friends who contribute a lot in this study in terms of

rescuer in different aspects; Christoper Anoba , Bangag, Rosemarie Velasco,

going to be this fun;

researchers are very proud to be a product of SKSU, “TATAK SKSU.”

To all of you, thank you.

SHEILA MAE B. CABAGUIO

PRELIMINARY PAGES PAGE

CHAPTER II REVIEW OF RELATED LITERATURE

CHAPTER IV RESULTS AND DISCUSSION

CHAPTER V SUMMARY, CONCLUSION, AND RECOMMENDATION

TABLE TITLE PAGE

3 The budgetary requirements of the study 18

4 Rating Scale used in the Study 30

5 Interpretative Scale used to interpret the Weighted Mean 31

6 Results and evaluation on the functionality 35

7 Results and evaluation on the acceptability 37

8 Results and evaluation on the usability 38

FIGURE TITLE PAGE

2 The Gantt chart of the Study 19

4 Context Diagram of the System 23

5 Logical Data Flow Diagram of the System 24

6 Physical Data Flow Diagram of the System 25

8 Database Structure used in the System 27

SHEILA MAE B. CABAGUIO , MAY 2020. “MOBATIC: A MOBILE-BASED BUS

ADVISER: IAN MARK E. ORCAJADA, MIT

This study entitled “MOBATIC: A MOBILE-BASED BUS TICKETING

APPLICATION” was designed to provide fast ticketing transactions that could

of passengers, total passengers in every destination, total sales of every

This study uses the descriptive method of research to evaluate the