Sunteți pe pagina 1din 157

ANGELES CAMPUS iii

ACKNOWLEDGEMENT

The researchers would like to thank the following people for

the role they played throughout the entire process.

To the Lord Almighty for the everyday blessing and breath of

life that was given to us. He, who has blessed and

enlightened us in every struggle that we have faced.

To our parents, who have always supported, loved and

encourage us to become the best that we can be.

To our family members and friends who are always there in

times of our needs, and for all the support that was given

to us.

To the faculty members of AMA Computer College Angeles City,

who have guided, supported and assisted us throughout our

study.

To our Dean of Faculty, and professor, Jonilo C. Mababa, for

the support, and guidance, that he has provided us, and for

always being there to provide his expertise regarding the

subject matter.

And lastly, to those kind, decent people who have touched

our life in the past, present, and future. You will always

encourage us to be the best that we can be.


ANGELES CAMPUS iv

TABLE OF CONTENTS

Title Page i

Approval Sheet ii

Acknowledgment iii

Table of Contents iv

List of Tables vi

List of Figures vi

Abstract vii

I.INTRODUCTION

Background of the Study 1

Conceptual Framework 6

Objective of the Study 8

Significance of the Study 9

Scope and Delimitation 11

Review of Related Literature and Studies 13

II.METHODS

Research Design 18
ANGELES CAMPUS v

Population, Sample Size and Sampling Technique 21

Research Instruments 23

Data Gathering Procedures 23

Statistical Treatment of Data 24

III.RESULTS

Data Presentation 26

CDC Traffic and Safety Department Evaluation 34

IT Professionals Evaluation 35

IV.DISCUSSIONS

Summary 39

Conclusions 43

Recommendations 44

References 46

APPENDIX A: Cover Letter 49

APPENDIX B: Interview Guide 50

APPENDIX C: Interview Transcript 51

APPENDIX D: Data Dictionary 57

APPENDIX E: Survey Questionnaire 59

APPENDIX F: Evaluation tool for User Acceptability 60


ANGELES CAMPUS vi

APPENDIX G: List of Violations and Updated Fees 64

APPENDIX H: User Manual 82

APPENDIX I: Use Case Diagram 87

APPENDIX J: Entity Relationship Diagram 88

APPENDIX K: Sample Code 89

APPENDIX L: Answered Surveys & Evaluation Form 120

APPENDIX M: Curriculum Vitae 121

LIST OF TABLES

TABLE 1: 5 Point Likert Scale 23

TABLE 2: Overall Survey Result of Drivers & Non-Drivers 33

TABLE 3: Overall Survey Result of CDC Traffic & Safety

Officers 34

TABLE 4: Overall IT Evaluation Result 35

LIST OF FIGURES

FIGURE 1: Conceptual Framework 7

FIGURE 2: Agile Methodology 21

FIGURE 3.1.1: Survey Result – Functionality 1 27

FIGURE 3.1.2: Survey Result – Functionality 2 27

FIGURE 3.1.3: Survey Result – Functionality 3 28


ANGELES CAMPUS vii

FIGURE 3.1.4: Survey Result – Functionality 4 29

FIGURE 3.2.1: Survey Result – Usability 1 30

FIGURE 3.2.2: Survey Result – Usability 2 30

FIGURE 3.2.3: Survey Result – Usability 3 31

FIGURE 3.3.1: Survey Result – User Experience Feedback 1 32

FIGURE 3.3.2: Survey Result – User Experience Feedback 2 32

FIGURE 3.3.3: Survey Result – User Experience Feedback 3 33

FIGURE 3.4.1: Total Functionality Survey Result 41

FIGURE 3.4.2: Total Usability Survey Result 41

FIGURE 3.4.3: Total User Experience Survey Result 42


ANGELES CAMPUS viii

ABSTRACT

The research sought to develop an application that will

provide relevant driving information to either professional

drivers, non-professional drivers, and aspiring drivers,

which will include specific traffic rules and regulations

inside Clark Freeport Zone and the general traffic rules in

the Philippines, which covers the motorcycle hand signs,

different road signs, markings, pavement markers and other

related traffic rules and regulations, this is due to the

alarming increase of road accidents, and the lack of

knowledge of the Filipino drivers regarding traffic rules

and regulations. The researchers are developing an android

application which will cater android smart phones users,

which allows for countless possibilities and improvements,

due to its open source environment. Aside from the

information system, the system has different features such

as the notification system, where users will receive

important information from the system administrator, another

is the enforcers eTicket, where enforcers will be able to

issue an eTicket to any apprehended drivers. Also, the


ANGELES CAMPUS ix

enforcers as well as the registered users can verify if any

apprehensions have incurred. The application is named after

the researchers’ locale, which is the Clark Development

Corporation, or also known as CDC.


Chapter I

INTRODUCTION

BACKGROUND OF THE STUDY

In today's modern world, the advancement of technology is so

vast, that it is inevitable, and therefore became a part of

our lives (Carter, 2017), in fact, technology became an

incredible innovator. Many times, people have been amazed by

how technology changes their lives, businesses now use

different technologies such as cloud computing, data

analytics, and even machine learning, in fact, technology is

everywhere, whether it’s leisure, communication, or

transportation. (Kumar, 2017).

As per Merriam-Webster dictionary, Technology is defined as

the practical application of knowledge, and the specialized

aspects of a particular field of endeavor. ZoneAlarm.com

defined Technology as either an application, an instrument

or process that enhances and simplify the aspects of living

in our daily lives (zonealarm, 2015).

One thing that people nowadays can’t leave behind is their

smart phone. It became a part of everyday life, a basic

necessity. Aside from it being the easiest way to use for

communication, it can also connect to the internet, it has

interesting applications, and smart phones can even help in


ANGELES CAMPUS 2

businesses, and a good thing about this is that this piece

of technology perfectly fits our small pockets (techwalla,

2015).

According to data from statista.com, they have estimated a

2.5 billion smart phone users by the year 2019, and in China

alone, it is projected to be around 675 million on the said

year as well (statista.com, 2014). In the Philippines, it

was forecasted that it will reach 30.4 million active smart

phone users in the said country, and this will still rise to

40% by the year 2021. These statistics shows how large the

smart phone market is worldwide, and surprisingly, active

smart phone users usually spend 85% of their time on smart

phone applications (Perez, 2015).

Not only in our personal lives that technology had helped

and provided ease and comfort to almost all people, but it

also provided a lot of contributions in daily

transportation. Around 1769, the world witnessed the very

first vehicle which was invented by a French engineer and

mechanic, Nicholas Joseph Cugnot. The said vehicle was

powered by a steam engine and was used by the French army

(Bellis, 2018). However due to technological advancement,

electric engine is now a trend when it comes to automobile

(Harper, 2017).
ANGELES CAMPUS 3

Recently, an article was released indicating how long it

took to travel the world 100 years ago. She mentioned in her

article that around 1914, travelling to Asia from London

will take about 40 days, however now, it will only take less

than a day (Liberatore, 2016).

In the same aspect of transportation, being a driver and

driving is never easy, being a driver needs to pay attention

to what’s happening in front and should not be distracted by

any means, a driver also needs to pay attention to his

current condition, a driver should not drive when sleepy,

and should always know that speeding is not the key to

arrive safely, and lastly, a driver needs to follow the road

rules and regulations (Pinola, 2014).

Sadly, even though many people passed the driving licensure

examinations in the Philippines, still, there has been

numerous reports all throughout the country related to car

accidents caused by not following the rules and regulations.

Mayuga of Philippine Daily Inquirer have also incited that

most Filipino drivers don’t have needed knowledge on

driving. He stated that most of the drivers involved in

traffic accidents does now have the basic driving knowledge

related to traffic rules and regulations, road courtesy,


ANGELES CAMPUS 4

regard for the life and limb of passengers and other road

users (Mayuga, 2013).

In fact, there are a lot of articles on both newspapers,

magazines, and on the internet stating that Filipino’s lack

knowledge or does not respect our traffic regulations and

road rules, and other law such as law of right of way.

Krizel of wheninmanila.com have listed at least 13 different

driving habits which possibly can contribute to accidents

and these are either lack of knowledge or simply does not

care about traffic rules (Krizel, 2014). Not only

wheninmanila.com, but also Top Gear, a known source of

information when it comes to automotive, have incited

multiple traffic rules that Filipino drivers does not follow

(Laurel, 2017).

According to the data from the PSA or Philippines Statistics

Authority, in the year 2015, 10,012 people died due to road

crashes, and the major contributor are motorcycle accidents.

And on the year 2016, there has been 109,322 road crashes,

this consists of fatal and non-fatal crashes in Metro Manila

alone, and surprisingly, 90% of these crashes are caused by

human error, negligence, physical challenges, or

distractions. Examples of these are inattentiveness,

speeding, counterflowing, bad turning, and sudden stop,


ANGELES CAMPUS 5

aside from that, the main contributor is the attitude of the

driver, human error accidents are influenced by the driver’s

behavior (Domingo, 2016).

In the same year, 2016, MMDA recorded 250,219 apprehensions

in Metro Manila, and LTO recorded 710,759 traffic violations

out of more than 5 million licensed drivers nationwide (Sy,

2017). And this year of 2018, MMDA have already recorded

66,030 road accidents from January to August, specifically

in Metro Manila. Given the mentioned figure, 236 incidents

resulted to death, while 9,940 caused non-fatal injuries,

and 55,584 resulted to damage to properties (Medina, 2018).

Given the current situation, and the ever-increasing

fatalities caused by car crash, the researchers have decided

to act and proposed a study that will provide information

and promote awareness of our country’s road rules and

regulations.

The researchers consulted the LTO office of Angeles City to

gather information related to road rules and regulations,

and law of right of way and also contacted the Clark

Development Corporation, a freeport zone that is formed by

different hub for business, industries, aviation, education,

tourism, as well as leisure, fitness, entertainment and


ANGELES CAMPUS 6

gaming center not only in the city of Angeles and Mabalacat,

but Central Luzon as a whole, where thousands of vehicles

passes daily.

The researchers proposed to build an android application

which will contain important information related to driving,

traffic rules & regulations, road signs and markers, and

will even contain CDC fees and emergency contacts. It will

also allow CDC traffic and safety personnel to advise users

using the admin web panel if there are any major traffic,

accident, road closures, or any other announcement that will

help both the driver and commuters thru the use of

application notification. Also, the application will allow

not only CDC Traffic and Safety personnel but even

registered users of the application check if a driver has

committed any traffic violations in the past inside Clark

vicinity.

CONCEPTUAL FRAMEWORK

The conceptual framework is illustrated by two cars that got

into a vehicular accident due to not following the

designated road rules of the area, the whole illustration

signifies and represents the concept of the study.


ANGELES CAMPUS 7

The image of the man who had not followed the road rules and

collided with the incoming car represents the input phase.

During this phase, the researchers set out to gather

information and data which makes this study complete.

Different materials were used in researching, different

articles online, and books were used as references for the

study. The researchers also searched the web for a suitable

programming language and equipment to be used in developing

the system. Aside from that, survey and interviews were also

conducted in means of gathering data and information.

The image of the police is the process phase, this is where

all data gathered are analyzed and used. The researchers

started to build the system based on the needs of the

specified users.
ANGELES CAMPUS 8

Lastly, the image of the two-person involved in the said

vehicular accident have already agreed to what have been

discussed together with the policeman. This represents that

all steps of the researchers have been accomplished and

fulfilled.

Figure 1: Conceptual Framework

OBJECTIVE OF THE STUDY

The general objective of the study is to develop a system

that will allow the traffic rules and regulations inside

Clark Freeport Zone be available to the public, another

objective of the study is to allow not only the aspiring

drivers, but also both non-professional and professional

drivers to view and review some of our country’s road rules


ANGELES CAMPUS 9

and regulations. Aside from that, the researchers’ goals are

to achieve the following:

 To build an android application that is easy to use by

the users.

 To provide users some of the emergency contacts inside

Clark Freeport Zone as an added feature of the android

application.

 Another is to provide CDC Traffic & Safety Department

personnel an easy way to verify if a driver has

committed any traffic violation in the past using the

“CDC: Road Rules!” Application

 Using the “CDC: Road Rules” Application, enforcers can

issue an eTicket to any apprehended drivers.

 Registered Drivers may be able to view their eTicket

upon logging in on “CDC: Road Rules!” application.

 A clean looking web portal will also be available for

unregistered users, in case they would like to view

their eTicket.

 In addition, a web panel will also be deployed, which

will serve as the back end of the system that contains

all information such as enforcer details, registered

driver’s data & their violation records (if any), list


ANGELES CAMPUS 10

of all violations and fees inside Clark vicinity, and

the admin’s ability to post news or announcements to

all “CDC: Road Rules!” application users.

 Another is to generate reports based on violations

occurred inside the vicinity upon client’s need which

can also be downloadable in pdf form.

SIGNIFICANCE OF THE STUDY

The results of this study will provide a much deeper insight

and hopefully improve the behavior and knowledge of our

drivers in the Philippines related to road rules and

regulations. This section will provide brief description in

the various significances.

CDC Traffic & Safety Department. The CDC Traffic & Safety

Department will benefit from this application since there

will be another medium that is handy and easy to use, that

will provide users the required knowledge when it comes to

driving not only in the Philippines, but specifically in the

vicinity of Clark Freeport Zone. Another benefit for CDC

Traffic & Safety Department is that they will be able to

provide real time announcements for the users, such as

traffic advisories and even road closures, that will help


ANGELES CAMPUS 11

both the drivers and the commuters. In addition, they will

now have an easy way of checking if a driver has committed

any violation in the past. And lastly, it will promote a

paperless environment since eTicket is introduced.

Drivers. They will now be much more aware of the Clark

Freeport Zone’s & the Philippines road rules and

regulations, including the different road signs, markers,

and even the law of right of way. Aside from that, Drivers

will now have a medium that will allow them to check if they

have committed any traffic violations inside Clark Freeport

Zone.

Non-drivers & aspiring drivers. This application can also

serve as a reviewer for non-drivers, and aspiring drivers to

know all necessary road rules and regulations and will

enable them to be mindful of the traffic rules and

regulations information before taking their licensure

examinations.

Future researchers. Will also benefit from this as this will

assist and guide them on their future research. This

application can also be used by future researchers if they

opted to improve the said system.


ANGELES CAMPUS 12

SCOPE AND DELIMITATION

The scope of the study is to develop an android application

that will enable users to view and review the necessary road

rules and regulations, markers, and road signs not only in

the Philippines but more specifically inside Clark Freeport

Zone. The application will have an organized list of road

signs and markers, where series of images will be shown on

whichever was selected and will provide the description of

the said image.

Aside from that, the application will provide emergency

contact numbers in Clark Freeport Zone, including different

traffic violation fees.

Also, within the scope, a web panel is developed in order to

provide a widespread information relay functionality for CDC

Traffic & Safety department which will allow them to provide

live information to its users. In addition to the web panel,

it’s only accessible by the admin, and web panel will serve

as a storage of information of enforcers, registered drivers

and their violations occurred in the vicinity and lists of

different violations.

Lastly, internet connection is not required for the said

android application, Users can use the application while


ANGELES CAMPUS 13

offline to view the content including the mini game included

in the system. However, internet connection is necessary if

the registered user will need to check the eTicket and the

news & announcements. Aside from that, Enforcers needs

internet connection to issue an eTicket.

The application may be able to do the mentioned items above,

however, there are items in which the application cannot do.

Here are the following delimitations of the proposed system:

 The application is intended for android users, and the

said application may not be deployed in IOS devices.

 The application is a read only, and content can only be

edited by the admin and the developers.

 Accounting system is not included in the eTicketing

part of the application.

 The system will not remind or be notified the

apprehended driver to claim and pay his dues.

REVIEW OF RELATED LITERATURE AND STUDIES

In this section, previous studies and literatures related to

the researchers’ study are compiled in order to aid the

researchers conceptualize the study, and to better

understand the framework of their study and its design. Not


ANGELES CAMPUS 14

only that, but this will also provide the reader a bird’s

eye view of the researchers’ study.

There has been several studies and published articles about

the causes of the increase of vehicular accidents not just

locally, but internationally as well. Based from recent

published study, “Logit Model of Motorcycle Accidents in the

Philippines Considering Personal and Environmental Factors”,

which aims at determining significant variables in

predicting motorcycle accidents in the Philippines, there

are three variables found which causes the high rate of

motorcycle accident, age, driving behavior, and junction

type, and based from the research study, it’s proven that

younger drivers are more likely to be involved in accidents

due insufficient knowledge about road safety and traffic

rules.

Moreover, even MCFP or Motorcycle Federation of the

Philippines, an organization with 286,000 members, started

teaching its members who are both experienced and new

drivers on how to handle their motorcycles properly. Aside

from that, they also conducted some tests and examinations

regarding road markings, signage, and road rules, however,

they are anxious of the results that they received, as per

MCFP President, Atoy Sta. Cruz, “Out of 9,000 who took the
ANGELES CAMPUS 15

test, no one passed. I cannot say they lack discipline; they

just don't have enough knowledge about road safety” (Sta.

Cruz, 2018). And because of this, HPG or Highway Patrol

Group is also concerned about the increasing figures of

accidents happening yearly and would like to have a

mandatory training for those who would like to drive

(Escobal, 2018). Just like what Mayuga of Philippine Daily

Inquirer mentioned, most Filipino drivers don’t have the

needed knowledge on driving.

The same case is happening internationally, as stated in

teensafe.com, around 3,287 deaths are occurring daily due to

fatal car crashes, and mostly are caused by distracted

driving, and sadly, these cases are completely preventable

(teensafe, 2018). In United States, 9 people are killed

daily as a result of crashes involving distracted driver,

according to DMV or Department of Motor Vehicle.

Another note from safekids.org that car crashes is one of

the leading causes of teen’s death in the same country,

United States, and around 13 – 19 years of age are three

times as likely to be involved in a car crash, whether it’s

fatal or not fatal.


ANGELES CAMPUS 16

A published study in the country of Bangladesh published on

October of 2016, titled “A Study on causes of Road Accidents

at Dhaka to Comilla Highway” by Jobaidul Alam Boni, Tahmina

Rahman Chowdhury, and Soumya Suhreed Das which was published

on October 2016, which pertains to vehicular accidents in

the city of Dhaka, city capital of Bangladesh, clearly

stated that in their country, due to poor education led them

to an incredible absence of road and road safety knowledge

among their drivers, which is a contributing factor for the

greater percentage of vehicular accidents in Dhaka. On the

same study, 27% of their survey participants stated that one

of the main reasons for their traffic accidents is untrained

drivers.

Due to the problems mentioned above, there has been some

android applications that were developed internationally. In

Thailand, a published study on June 2015 entitled

“Developing A Traffic-Sign Knowledge Application On Android

System” written by Satien Janpla, Phattara Bumrugrad, and

Kunyanuth Kularbphettong, developed an android application

solely for providing knowledge about traffic signs and how

to correctly drive in Thailand, as they are also

experiencing a public problem caused by vehicular accidents.


ANGELES CAMPUS 17

In Indonesia, a study was conducted on how to improve their

traffic management, authors of the study “Traffic Condition

Information Extraction & Visualization from Social Media

Twitter for Android Mobile Application” Sri Krisna

Endarnoto, Sonny Pradipta, Anto Satriyo Nugroho, and James

Purnama, used social media platform, specifically Twitter,

to extract information and create a map view in their mobile

application.

In other aspect, the present manual traffic ticketing system

here in the Philippines is prone to error, slow and

inefficient, and is also inconvenient to both driver and

enforcer as they always need to carry the ticket and is

prone to being lost. Angilyn Leoncio and Florocito Camata

conducted a study here in the Philippines related to

Automated Mobile Ticketing system which has received

positive feedbacks based from the results of their study.

According to their study most of the motorists is in favor

of the eTicketing system than the manual ticketing system

that is being implemented now. Motorist believe that

creating an automated ticketing system is more capable and

efficient than the current manual ticketing system in our

country.
ANGELES CAMPUS 18

These published articles and previous studies have one thing

in common, it’s to address one of the major problems that is

present in all nation, which is vehicular accidents, and one

of the reason is the driver’s lack of knowledge on safety

and traffic rules & regulations. It is safe to say that all

the above-mentioned studies and articles have one thing in

common, which is on how to easily provide information on

traffic rules and regulation, and even live updates to the

public. Another problem that needs to be addressed is the

manual ticketing system, which is implemented locally, based

on the studies mentioned above, manual ticketing system is

deemed slow and is also prone to error.

Chapter II

METHODS

In this chapter, all step by step procedures that the

researchers used are presented starting from methods,

research design, respondents of the study, sampling

techniques, instruments, and lastly, the data gathering

procedures.
ANGELES CAMPUS 19

RESEARCH DESIGN

This study followed the path of Qualitative research

methodology, the researchers have chosen this path in order

to understand every detail of issues raised in the process

of developing the system.

To better understand the Qualitative Research methodology,

let’s first define it, according to SIS international

research, Qualitative research, is a form of research that

is carried out to gain an understanding of people’s behavior

and the reasons that causes the behaviors. Another

definition was provided by questionpro.com where,

Qualitative Research is a type of market research, that

focuses on obtaining information thru means of open-ended

and conversational communication, this method is not only

about “what” people think, but also answers the “why” they

think so.

In building the system, the researchers followed the Agile

SDLC, or Agile System Development Life Cycle model approach,

which is a combination of iterative and incremental process

models. Agile Software Development has manifesto that they

follow and it is “We are uncovering better ways of

developing software by doing it and helping others do it.


ANGELES CAMPUS 20

Through this work we have come to value: Individuals and

interactions over processes and tools, Working software

over comprehensive documentation, Customer collaboration

over contract negotiation, Responding to change over

following a plan. That is, while there is value in the

items on the right, we value the items on the left more”

thus, the researchers adapted the Agile principle and

throughout the system development, the researchers are

always in communication with their locale.

It is important to know that in the System Development Life

Cycle, there are six phases which is a continuous process.

Below are the steps of the SDLC which the researchers

followed.

Planning and Requirement Analysis is the first phase of the

Software Development Life Cycle, it is the most important

and fundamental stage of SDLC, in this stage, the

researchers conducted different interviews to come up with

an actual plan on how and what approach should be taken in

developing the system, what features will be included, and

who among the researchers were assigned to specific tasks

including the deadlines.


ANGELES CAMPUS 21

The Second Phase of the life cycle is Defining the

Requirements, this step is to define and document all

product requirements based on the gathered data.

Designing the Product Architecture is the third phase of

SDLC. The system design is based on the data that has been

collected, and the requirements that has been analyzed. The

design includes the interface, database design and the

overall system functionality and flow.

The fourth phase is Building or Developing the product. In

this phase, the actual system development started. The

researchers used different tools and programming languages

to complete the system. This includes Visual Studio and

Android Studio as the main IDE in developing both the web

panel and the android application, while the main

programming languages used in creating the web panel

consists of PHP, HTML, CSS, Vue Js, Axios and MySql for the

database. For the android application, the researchers used

Flutter Development kit as the main framework, combined with

Dart programming language.

Once the system is built, the researchers proceeded to the

fifth phase which is Testing the Product, in this phase, the

researchers conducted a system quality check in order to


ANGELES CAMPUS 22

identify any product defects, or bug. Found defects are

reported, documented, tracked, applied fixes and retested,

until the product is fully functional and have met the

quality standards and all product requirements.

Lastly, the final phase is the Deployment in the market and

maintenance. After the product has been tested and is ready

to be deployed, the product will be presented and released

to the client.

Below is the graphical representation of the Agile SDLC

model.

Figure 2: Agile Methodology


ANGELES CAMPUS 23

POPULATION, SAMPLE SIZE AND SAMPLING TECHNIQUE

Land Transportation Office released their semi-annual report

of all LTO transactions nationwide, from January 2018 to

June 2018. Based on the report, there are 3,708,500 total

number of student permits and driver licenses (Professional

and Non-Professional) that were issued. Given the size of

the population, the researchers decided to use Convenience

Sampling method to identify the respondents. Convenience

Sampling method is a non-probability sampling which focuses

on sampling techniques that are based on the judgement of

the researcher.

It is very ideal for any kind of research to test the entire

population, however, due to some cases where testing the

whole population is not possible, non-probability sampling

comes in to play especially convenience sampling.

As pointed out in explorable.com, many researchers prefer

using this method as it is fast, inexpensive, subjects are

readily available, and helps researchers gather useful data

and information that would not have been possible using

probability sampling techniques.

The target population of the researchers are thirty (30)

registered drivers, either Professional, Non-professional


ANGELES CAMPUS 24

and student permit holders. Aside from the sample size, the

researchers will also include (10) I.T. experts to evaluate

the system and 5 among the CDC Traffic and Safety

Department.

RESEARCH INSTRUMENTS

The researchers have created a set of survey questions in

order to gather and evaluate the system and used an

evaluation form, which is adapted from ISO 25010, that will

be answered by IT expert respondents for their system

evaluation (See appendix C). The aim of this approach is to

ensure that each respondent is presented with same questions

in the same order. This ensures that answers gathered can be

tallied and comparisons can be made. Also, the researchers

conducted couple of interviews to gather additional

information related to the study (See appendix B). Lastly,

the researchers also consulted books, tutorials, and the

internet for gathering data related to this study.

DATA GATHERING PROCEDURES


ANGELES CAMPUS 25

In line with the qualitative research methodology, the

researchers are focusing on the structured survey questions

in gathering the needed data.

As appears from WhatIs.com, Survey research is “the

collection of data by asking individuals either by paper or

in person, or by phone, and it is one form of primary

research, which is to gather data first-hand from its

source” (Rouse, 2017).

STATISTICAL TREATMENT OF DATA

In order to quantify the results of this study, the

researchers used a 5-point Likert Scale, with a scale of 1

(Poor) to 5 (Excellent) for the respondents to rate the

system. There are two (2) sets of survey form, one for Users

& CDC Traffic and Safety department officers, and one for IT

professionals.

Units of the Index Description


5 Excellent
4 Very Good
3 Satisfactory
2 Fair
1 Poor
Table 1: 5 Point Likert Scale
ANGELES CAMPUS 26

The researchers will also be getting the percentage of the

respondents’ answers on the post survey that will be

conducted.

P = F * 100

---------

Where:

P = Percentage

F = Frequency

N = Total population

In addition, the researchers will also be getting the

Weighted Mean of data that will be used on the calculation

of the System Evaluation of IT professionals Evaluation and

the CDC Traffic and Safety Department.

Weighted mean describes the responses of the respondents in

each item in the questionnaire. The formula used was;

Σwx

WM = -----
ANGELES CAMPUS 27

Σw

Where:

WM = Weighted Mean

w = Sum of Weighted Frequencies

x = Number of respondents

Chapter III

RESULTS

This chapter presents the findings of the study based on the

data gathered from the target respondents and users, and

evaluation coming from IT professionals.

DATA PRESENTATION

As previously mentioned, both the drivers and aspiring

drivers are one the main stakeholders of this project. In

order to determine the feasibility of their feedback, a

survey questionnaire was made and was distributed to the

target respondents and users. Using a 5-point Likert scale,

the survey (see Appendix D) consists of statements that can


ANGELES CAMPUS 28

be rated by the respondents from a scale of 1 (Poor) to 5

(Excellent).

The user or respondents survey is partitioned into 3

categories, mainly: Functionality, Usability, and User

Experience, thus the researchers invited thirty (30) drivers

and aspiring drivers to evaluate the system.

The results gathered from the mentioned data gathering are

presented through different charts and are calculated in

order to obtain the percentage of each choice selected.

1. The application is working properly on android devices.

Figure 3.1.1: Survey Result – Functionality 1

As presented in figure 3.1.1, from the chart provided, among

the 30 respondents, many of them find the application

working on their android devices.

2. The application was able to provide the road rules

information.

Figure 3.1.2: Survey Result – Functionality 2

Furthermore, in the figure 3.1.2, 83.33% of the respondents

rated the application Very Good (Scale: 5), where the


ANGELES CAMPUS 29

application was able to provide the desired road rules

information.

3. The application allows users to play the pop quiz game.

Figure 3.1.3: Survey Result – Functionality 3

Moreover, in figure 3.1.3, 70% of the respondents answered

excellent (Scale: 5) when asked if they were able to play

the pop quiz, and 26.67% felt Very Good (Scale: 4) about it.
ANGELES CAMPUS 30

4. The application allows users to register and log-in.

Figure 3.1.4: Survey Result – Functionality 4

Same can be noticed on figure 3.1.4, where majority of the

respondents answered positively when it comes to allowing

them to register and login using their newly created account

on the forum section, as seen on the figure 3.1.4, 23.33%

answered Very Good (Scale: 4), and the remaining 76.67%

answered Excellent (Scale: 5).


ANGELES CAMPUS 31

5. The application is easy to use.

Figure 3.2.1: Survey Result – Usability 1

As seen on figure 3.2.1, majority of the users answered

positively that the application is easy to use. The chart

shows the percentage of the respondents’ answers.

6. The system interface responds on time.


ANGELES CAMPUS 32

Figure 3.2.2: Survey Result – Usability 2

Likewise, in figure 3.2.2, the chart shows positive answers

from the respondents, where 33.33% answered Very Good

(Scale: 4) and the majority, which is 66.67%, answered

Excellent (Scale: 5).

7. The project is useful for Professional and Non -

Professional drivers.

Figure 3.2.3: Survey Result – Usability 3

In figure 3.2.3, Excellent (Scale: 5) has been the majority

answer coming from the researcher’s respondents.


ANGELES CAMPUS 33

8. How would you describe the system's overall

performance?

Figure 3.3.1: Survey Result – User Experience Feedback 1

As presented in figure 3.3.1, majority of the respondents

answered positively, where 16.67% answered Very Good (Scale:

4), and 83.33% Excellent (Scale: 5).


ANGELES CAMPUS 34

9. The application is worth sharing to others.

Figure 3.3.2: Survey Result – User Experience Feedback 2

Likewise, in figure 3.3.2, the chart results display a

dominating 90% Excellent (Scale: 5) answer, and the

remaining 10% selected Very Good (Scale: 4).

10. The application is useful to aspiring, non-professional

and professional drivers.


ANGELES CAMPUS 35

Figure 3.3.3: Survey Result – User Experience Feedback 3

Furthermore, in figure 3.3.3, 83.33% of the respondents

selected Excellent (Scale: 5) expressing that the proposed

system is useful to both aspiring driver, non-professional

drivers and professional drivers alike and 16.67% of the

respondents selected Very Good.

The table below lists all the Survey questions, together

with the rating of each questions, including the total

rating of the said survey questionnaire.

Table 2

Overall Survey Result of Drivers and Non-Drivers

CRITERIA RATING
Functionality 1 - The application is working
4.57
properly on android devices.
Functionality 2 - The application was able to
4.83
provide the desired road rules information.
Functionality 3 - The application allows users to
4.67
play the pop quiz game.
Functionality 4 - The application allows users to
4.77
register and log in.
Usability 1 - The application is easy to use. 4.83

Usability 2 - The system interface responds on


4.67
time.
ANGELES CAMPUS 36

Usability 3 - The project is useful for


4.87
Professional and Non - Professional drivers.
User Experience Feedback 1 - How would you
4.83
describe the system's overall performance?
User Experience Feedback 2 - The application is
4.90
worth sharing to others.
User Experience Feedback 3 - The application is

useful to aspiring, non-professional and 4.83

professional drivers.
Total: 4.78

CDC Traffic and Safety Department Evaluation

Since the application will be used by CDC Traffic and Safety

department, the researchers contacted their locale to

conduct a system evaluation. Five (5) CDC Traffic and Safety

department officers were asked to use the system and

answered the survey questionnaire. The same survey form for

drivers and non-drivers was used. The table below lists the

ratings of the officers on the said survey questionnaire.


ANGELES CAMPUS 37

Table 3

Overall Survey Result of CDC Traffic and Safety department

officers

CRITERIA RATING
Functionality 1 - The application is working
5.00
properly on android devices.
Functionality 2 - The application was able to
4.33
provide the desired road rules information.
Functionality 3 - The application allows users to
4.83
play the pop quiz game.
Functionality 4 - The application allows users to
4.83
register and log in.
Usability 1 - The application is easy to use. 5.00

Usability 2 - The system interface responds on


4.83
time.
Usability 3 - The project is useful for
4.83
Professional and Non - Professional drivers.
User Experience Feedback 1 - How would you
5.00
describe the system's overall performance?
User Experience Feedback 2 - The application is
5.00
worth sharing to others.
User Experience Feedback 3 - The application is

useful to aspiring, non-professional and 5.00

professional drivers.
Total: 4.87
ANGELES CAMPUS 38

IT Professionals Evaluation

Aside from the drivers & aspiring drivers, the researchers

also invited ten (10) IT professionals to help evaluate the

system and provide feedback using an Evaluation Form (see

Appendix F) which is adapted from ISO 25010, or also known

as the quality model. The invited IT Professionals are

composed of Software Developers, and Software Quality

Assurance.

The Evaluation Form is categorized into 8 quality

characteristics, namely: Functional Suitability, Performance

Efficiency, Compatibility, Usability, Reliability, Security,

Maintainability, and Portability.

The table below will provide the overall rating for each

criterion. (See Table 4).

Table 4

Overall IT Evaluation Result

CRITERIA RATING
FUNCTIONAL SUITABILITY - Functional Completeness -
3.4
Functionality covers the required tasks
FUNCTIONAL SUITABILITY - Functional Correctness - 3.6
ANGELES CAMPUS 39

System provides the appropriate results with accuracy


FUNCTIONAL SUITABILITY - Functional Appropriateness –

System functions accomplishes the desired tasks and 3.9

objectives
PERFORMANCE EFFICIENCY - Time Behavior - Response and

processing time is at acceptable rate when performing 3.5

specific functionality
PERFORMANCE EFFICIENCY - Resource Utilization -

Amounts and types of resources used by the system,


3.7
when performing its functions, meet requirements of

the user
PERFORMANCE EFFICIENCY - Capacity – Limitations like

internet speed, size of database and processing time 4.1

do not affect the overall performance of the system


COMPATIBILITY - Co-existence – The system performs

its required functions efficiently while sharing a


3.9
common environment and resources with other products,

without detrimental impact on any other product


COMPATIBILITY - Interoperability – System works well
3.5
when exchanging
USABILITY - Appropriateness Recognizability –

Usefulness of the software/hardware to the intended


4.1
users. Presence of the basic or expected functions of

the system
ANGELES CAMPUS 40

USABILITY - Learnability – Use of the system is


4.5
easily learned by the intended users
USABILITY - Operability – Functions of system are
4.4
designed to be easily adaptable for users
USABILITY - User Error Protection - System protects
3.8
users against making errors
USABILITY - User Interface Aesthetics – User

interface like its colors and icons enables pleasing 4.2

and satisfying interaction for the users


USABILITY - Accessibility – System can be used by

people with the widest range of characteristics and


3.3
capabilities to achieve a specified goal in a

specified context of use.


RELIABILITY - Maturity – System component meet the
3.4
needs for reliability under normal operation
RELIABILITY - Availability – System component is
3.9
operational and accessible when required for use
RELIABILITY - Fault Tolerance – System component

operates as intended despite the presence of hardware 3.5

or software faults
RELIABILITY - Recoverability - In the event of an

interruption or a failure, the system can recover the


3.2
data directly affected and re-establish its normal

state
ANGELES CAMPUS 41

SECURITY - Confidentiality – System ensures that data


3.8
are accessible only to those authorized users
SECURITY - Integrity – System prevents unauthorized

access to, or modification of, computer programs or 3.5

data
MAINTAINABILITY - Modularity – System failure of one

component has minimal impact to another part of the 3.5

computer program
MAINTAINABILITY - Reusability – Data from another

part of the system are easily shared with other units 3.4

or entities
MAINTAINABILITY - Analyzability – Errors or failures

of the system is easily diagnosed and mechanism to 3.3

determine cause of failures are easily identified.


MAINTAINABILITY - Modifiability – System can be

effectively and efficiently modified without 3

introducing defects or degrading existing quality


MAINTAINABILITY - Testability – Effectiveness and

efficiency with which test criteria can be


4.1
established for the system and tests can be performed

to determine whether those criteria have been met


PORTABILITY - Adaptability – Appropriate interface 4.3

for novice/ new user. Appropriate interface for the

user’s device display or screen. System was designed


ANGELES CAMPUS 42

to perform even in mobile devices.


PORTABILITY - Installability – Effectiveness and

efficiency with which the system can be successfully


3.8
installed and/or uninstalled in a specified

environment
PORTABILITY - Replaceability – System can replace

another software for the same purpose in the same 3.9

environment
Total 3.73

Chapter IV

DISCUSSIONS

In this chapter, the result of the structured questionnaire

answered by the 45 respondents, including the evaluation of

the IT experts and CDC Traffic and Safety department, will


ANGELES CAMPUS 43

be discussed. Aside from that, this chapter will also

provide the summary, conclusion and recommendation based

from the result of the study.

SUMMARY

Based from the face to face interview with a driver, non-

driver, and CDC Traffic & Safety officer (See Appendix C),

one of their major concern is the lack of knowledge of

several drivers when it comes to road rules, road markings,

and signage. As per Mr. Laus, the CDC Traffic & Safety

Officer, most apprehensions involve not following road signs

and markings.

Another concern of the non-driver is that there are not

enough materials to fill the knowledge of our current

drivers when it comes to traffic road rules, and

regulations, road signs and markers.

Due to these concerns, the researchers, developed a system

that is reliable, handy, and efficient that will enable

users to learn more about the traffic rules and regulations

not only in our country, but specifically in the vicinity of

Clark Freeport Zone.


ANGELES CAMPUS 44

The researchers have included some features that will enable

CDC Traffic & Safety Department to notify drivers, and

registered users in Clark Freeport Zone for any traffic

related matters in its vicinity, another feature that is

included is the ability of the enforcer and the registered

driver to check and verify if there are any violations and

apprehensions committed by the driver. Also, the enforcer

has now an ability to issue an eTicket instead of a manual

paper ticket being issued. Another feature that is added is

the ability to generate report on violations occurred in CDC

vicinity based on what CDC Traffic & Safety department

needs.

Based on the results of the post survey that was conducted

on drivers and non-drivers, majority of them find the

proposed system’s functionality, Excellent (Scale: 5) (see

Figure 3.4.1).
ANGELES CAMPUS 45

Figure 3.4.1: Total Functionality Survey Result

Likewise, in Figure 3.4.2, majority of the users find the

application’s Usability as Excellent (Scale: 5) with a 78.9

rating, and Very Good (Scale: 4) of 21.1%.

Figure 3.4.2: Total Usability Survey Result


ANGELES CAMPUS 46

Moreover, the total user experience feedback survey result

as shown in figure 3.4.3, the users scored the system with

85.6% as Excellent (Scale: 5), and 14.4% as Very Good

(Scale: 4).

Figure 3.4.3: Total User Experience Feedback Survey Result

The selected CDC Traffic and Safety department officers

rated the system as between Very Good (Scale: 4) and

Excellent (Scale: 5) as the total rating recorded is 4.87.

Lastly, when it comes to the evaluation of the IT

professionals, the total rating given was 3.73, which is in

the Satisfactory level (Scale: 3) in the 5-Point Likert

Scale mentioned in the previous chapter.


ANGELES CAMPUS 47

CONCLUSIONS

Clark Development Corporation which manages the Clark

Freeport Zone, is known for its different hubs and

businesses, aviation, education, tourism, and even

entertainment. It covers an area of 314 Square Kilometer

which is equivalent to 31,400 hectares.

Given the vast coverage of the Clark Development

Corporation, and it’s connection to both North Luzon Express

Way (NLEX) and Subic-Clark-Tarlac Express Way (SCTEX), there

are numerous vehicles that are travelling in its vicinity in

a daily manner, and the main goal of the researchers, is to

provide a handy, reliable, and efficient android application

that can be easily used by the users to be informed of its

traffic rules and regulations.

Based from the preceding findings, the researchers found out

the following:

1. Clark Freeport Zone has a strict implementation of

traffic rules and regulations, however, there are still

a lot of drivers who are not aware of some of its rules

and regulations.
ANGELES CAMPUS 48

2. Aside from that, the researchers have found out that

there are not enough handy materials in the market that

is related to different traffic rules and regulations.

3. Therefore, the researchers proposed a system that will

enable the users, drivers, non-drivers to have a handy

traffic rules and regulations, which contains almost

all the existing traffic rules in the country, and

inside Clark Freeport Zone’s vicinity.

4. Lastly, the researchers developed a system that does

not only contain information related to road rules, but

also a way for drivers & enforcers to check for any

apprehensions or violations committed by the driver

inside Clark Freeport Zone. Another feature that is

included is the notification system that will enable

CDC Traffic & Safety Division, to provide real-time

notifications to the drivers for any traffic related

concerns on the road. Another is the eTicketing system

that has been developed to promote a paperless

environment.

RECOMMENDATIONS

There are several things that can still be included in the

system to further improve its capabilities. First, in order


ANGELES CAMPUS 49

to support all smartphone users, the researchers recommend

porting the app to IOS to support Apple Users as well. Aside

from that, the researchers are studying to incorporate a

direct messaging feature that will allow users to directly

message the CDC Office and Admin staff for any traffic and

road rules inquiries. Another is to incorporate a vicinity

map to locate establishments easily. The researchers also

recommend integrating the GPS navigation to better assist

drivers on the road to easily reach their destination.


ANGELES CAMPUS 50

REFERENCES

D’Arcy Brishon Carter. (2017) Technological Advancement:

What Is the Limit?. Retrieved from

https://www.huffingtonpost.com/darcy-brishon-

carter/technological-advancement_1_b_8974544.html

Vijay Kumar. (2017) Top 12 Examples, How Technology Has

Changed Our Lives. Retrieved from

http://www.klientsolutech.com/examples-of-how-technology-

has-changed-our-lives/

ZoneAlarm. (2015) The Advantages and Disadvantages of the

Internet. Retrieved from

https://www.zonealarm.com/blog/2015/02/the-advantages-and-

disadvantages-of-the-internet/
ANGELES CAMPUS 51

Techwalla. (2015) Importance of Mobile Phones. Retrieved

from https://www.techwalla.com/articles/importance-of-

mobile-phones

Statista. (2014) Number of smartphone users worldwide from

2014 to 2020 (in billions). Retrieved from

https://www.statista.com/statistics/330695/number-of-

smartphone-users-worldwide/

Sarah Perez. (2015) Consumers Spend 85% Of Time On

Smartphones In Apps, But Only 5 Apps See Heavy Use.

Retrieved from https://techcrunch.com/2015/06/22/consumers-

spend-85-of-time-on-smartphones-in-apps-but-only-5-apps-see-

heavy-use/

Mary Bellis. (2018) The History of Steam-Powered Cars.

Retrieved from https://www.thoughtco.com/history-of-steam-

powered-cars-4066248

Joel Harper. (2017) Going Electric: Current Trends in

Electric Cars. Retrieved from


ANGELES CAMPUS 52

https://www.onlineautodealered.com/blog/Current-trends-in-

electric-cars

Stacy Liberatore. (2016) What a difference a century makes!

Maps reveal how long it took to travel around the world in

1914 - compared to 2016. Retrieved from

https://www.dailymail.co.uk/sciencetech/article-

3385856/What-difference-century-makes-Maps-reveal-long-

takes-travel-world-1914-2016.html

Melanie Pinola. (2014) Top 10 Ways to Become a Better

Driver. Retrieved from https://lifehacker.com/top-10-ways-

to-become-a-better-driver-1596820145

Ramon Mayuga. (2013) Most Filipino drivers don’t have needed

knowledge on driving. Retrieved from

https://opinion.inquirer.net/68089/most-filipino-drivers-

dont-have-needed-knowledge-on-driving

Krizel, WhenInManila (2014) 13 Filipino Driving Habits That

Drive Everyone Crazy. Retrieved from


ANGELES CAMPUS 53

https://www.wheninmanila.com/13-filipino-driving-habits-

that-drive-everyone-crazy/

Drei Laurel. (2017) 7 Simple traffic rules people have

forgotten how to follow. Retrieved from

https://www.topgear.com.ph/features/feature-articles/simple-

traffic-rules-filipinos-forget-to-follow-a00013-20171121

Kimiko Sy. (2017) IN NUMBERS: Road crash incidents in the

Philippines

https://www.rappler.com/move-ph/issues/road-safety/166151-

road-crashes-philippines-awareness-safety

Kimiko Sy. (2017) Human error: Leading cause of road mishaps

in Metro Manila

https://www.rappler.com/move-ph/issues/road-safety/165556-

road-crashes-causes-metro-manila-human-error

Marielle Medina. (2018) DID YOU KNOW: 66,030 road accidents

recorded in Metro Manila


ANGELES CAMPUS 54

https://newsinfo.inquirer.net/1041442/did-you-know-66030-

road-accidents-recorded-in-metro-manila

Maan Macapagal. (2018) PNP-HPG eyes mandatory training for

motorcycle riders

https://news.abs-cbn.com/news/05/22/18/pnp-hpg-eyes-

mandatory-training-for-motorcycle-riders

TeenSafe. (2018) 100 Distracted Driving Facts & Statistics

for 2018

https://www.teensafe.com/distracted-driving/100-distracted-

driving-facts-and-statistics-2018/

Department of Motor Vehicles. (2018) The Extent of the

Problem

https://www.dmv.org/distracted-driving.php#The-Extent-of-

the-Problem
ANGELES CAMPUS 55

Kids Worldwide. (2014) The Number one killer of teens is

Motor Vehicle Crashes

https://www.safekids.org/press-release/number-one-killer-

teens-motor-vehicle-crashes

Rosemary R. Seva, Glaiza Marie T. Flores, Maria Patricia T.

Gotohio. (March 2013) Logit Model of Motorcycle Accidents in

the Philippines Considering Personal and Environmental

Factors

http://dx.doi.org/10.7708/ijtte.2013.3(2).06

Jobaidul Alam Boni, Tahmina Rahman Chowdhury, Soumya Suhreed

Das. (October 2016) A Study on causes of Road Accidents at

Dhaka to Comilla Highway

http://engineeringjournal.info/index.php/AJIRSET/article/vie

w/27/24

Satien Janpla, Phattara Bumrugrad, Kunyanuth Kularbphettong.

(June 2015) Developing a Traffic-Sign Knowledge Application

on Android System

https://doi.org/10.1016/j.sbspro.2015.04.559
ANGELES CAMPUS 56

Angilyn Leoncio, Florocito Camata. (December 2017) MMDA E-

Ticketing System

https://pdfs.semanticscholar.org/06d2/677683c8d7ec6a79db3318

216207e29cb430.pdf?_ga=2.216963477.2098397634.1579533040-

1359842089.1579533040

SIS International Research. What is Qualitative Market

Research?

https://www.sisinternational.com/what-is-qualitative-

research/

Research Methodology. Interviews

https://research-methodology.net/research-

methods/qualitative-research/interviews/

WhatIs. (2017) Survey Research

https://whatis.techtarget.com/definition/survey-research

Explorable. Convenience Sampling


ANGELES CAMPUS 57

https://explorable.com/convenience-sampling
ANGELES CAMPUS 58

Appendix A

Cover Letter
ANGELES CAMPUS 59

Appendix B

Interview Guide

CDC: Road Rules!

Name: _______________________ Date: __________________

Occupation: _________________

Purpose of the interview:

The main purpose of the interview is to figure out the

general perspective of drivers when it comes to the current

situation of the increasing number of vehicular accidents.

Questionnaire:

1. Have you ever been into a vehicular accident?

2. What do you think is the reason why there is an

alarming increase of number of vehicular accidents?

3. Do you think that the driver’s nowadays lack knowledge

when it comes to driving?

4. If YES on #3, what may be the reason why?

5. What do you think may be the best way to solve this

ongoing issue?

6. Do you think that this study and the proposed system

will be useful and beneficial to drivers, or non-drivers?


ANGELES CAMPUS 60

Appendix C

Interview Transcript

Interview with a Professional Driver:

Researcher: Good Morning, Sir! How are you?

Driver: All good. How can I help?

Researcher: We are students of AMA Angeles, and we would

like to invite you for a quick interview related to our

study about road rules and regulations.

Driver: Sure, no problem.

Researcher: To start, may I know your name sir, and what is

your current occupation?

Driver: I’m Felman Besa, and I’m a PUJ driver, driving under

the San Fernando – Dau – Marquee Expressway route.

Researcher: Thank you, sir. Well my name is Kelvin Pangan, a

2nd year BSIT student. It’s nice to meet you sir. By the

way, we will be asking some questions which is going to be

related to driving. If you don’t mind me asking sir, have

you ever been into a vehicular accident?

Driver: Yes, I have, once, a major accident, I even got

interviewed by our different media reporters.


ANGELES CAMPUS 61

Researcher: Oh, sorry to hear that sir, can you tell us what

happened?

Driver: No problem, it has been several years, it was

nighttime, and there was a carabao lying on the road of NLEX

going to Dau, which was hit by the vehicle in front of me. I

was really unfortunate because, it was raining at that time,

and too dark to see, as we all know, there’s no lights in

NLEX in the part of San Fernando to Sta. Ines exit.

Researcher: Oh, so that’s what happened. Anyway, going back

to our question sir, our 2nd question is, what do you think

is the reason why there is an alarming increase of number of

vehicular accidents?

Driver: Well, because there are drivers who only learned how

to drive a vehicle, but not properly educated drivers, not

only that, there are drivers, who does not follow rules, and

that’s a majority in our country.

Researcher: Thank you for your insight. Do you think that

the drivers nowadays lack knowledge when it comes to

driving?

Driver: Oh yes! Definitely!

Researcher: What may be the reason why?


ANGELES CAMPUS 62

Driver: Well for one, like I told you, a lot of drivers are

not knowledgeable, because most of the time, young drivers

nowadays, and even drivers before goes through a fixer in

LTO to get a license, I will bet my money that there are a

lot of them that does not know the road rules, or even the

pavement markings! You see these are the reasons why there

are a lot of accidents on the road, not following road

rules.

Researcher: Uh-huh. Thank you for the answer. So, if that’s

the case, what do you think the best way to solve this

ongoing issue?

Driver: I think if our LTO will become strict when it comes

to their driving licensure examinations, and if they are

active in promoting defensive driving, and also become

strict in implementing the proper rules and regulations, I

think driver’s will be more disciplined, and will be more

cautious when they are driving.

Researcher: Alright. Thank you. Actually sir, this is the

reason why we are currently researching and also proposed a

system in one of the organizations here in Pampanga. We are

currently developing a mobile application in which it will

promote traffic rules and regulation in Clark, and also in


ANGELES CAMPUS 63

our city. Aside from that, it will contain information such

as road marker, pavement markers, hand signs for motorcycles

and other rules that is being implemented. Sir, do you think

that this study and the proposed system will be useful and

beneficial to drivers, or non-drivers?

Driver: Wow, that’s a very good idea. If you can complete

it, yes it will be very beneficial to all of us.

Researcher: Yes sir. Our plan is to complete and implement

it, and hopefully it will be used by everyone, especially

drivers who are going in and out of clark. Anyway sir, thank

you very much for you help! We appreciate it!

Driver: No problem!

Interview Transcript

Interview with an aspiring driver:

Researcher: Good morning! We are students of AMA Angeles,

and we’re hoping if you could participate in our quick

interview related to our study about road rules and

regulation?

Aspiring Driver: oh ok. Sure.

Researcher: thank you. Regarding the interview, all answers

will only be used for academic purposes only.


ANGELES CAMPUS 64

Aspiring Driver: ok.

Researcher: Sir, to start, my name is Kelvin, and here’s the

rest of our group. If you don’t mind, may I know your name

sir?

Aspiring Driver: It’s Ivan. Ivan Cunanan.

Researcher: Alright. Thank you. By the way, do you know how

to drive a car, or a motorcycle?

Aspiring Driver: Not really. I only know how to drive a

motorcycle, since it’s like a bicycle, but I don’t have a

license yet, though I’m planning to get one soon.

Researcher: Alright. That’s nice. So, I guess, you have not

been into a vehicular accident, yet right?

Aspiring Driver: Oh no, I have not, and I’m planning not to.

Researcher: That’s great. But I’m sure that you are aware

that there are a lot of cases of vehicular accident, right?

If I may ask, what do you think may be the reason why

there’s an increase of vehicular accidents nowadays?

Aspiring Driver: Honestly, I’m not too sure. But from what I

hear from a lot of people, and from news, it’s because

drivers nowadays, just do whatever they want in the road,

and our enforcers are too lenient.


ANGELES CAMPUS 65

Researcher: alright. Thank you for that. Do you think that

driver’s nowadays lack knowledge, when it comes to driving?

Aspiring Driver: I’m not too sure. But possibly. I myself am

not aware in most of the traffic rules and regulations.

Researcher: Alright. So, in your opinion what may be the

best way to solve this?

Aspiring Driver: If our traffic agency can provide materials

to the public about the right rules and regulations, and if

they will become strict in implementing it.

Researcher: Alright. Let me just share with you what our

study is, currently, we are trying to build an android

application where it will have almost all of the rules and

regulations of our country, and specifically, rules and

regulations inside CDC, it will contain the proper

motorcycle hand signs, road and pavement markers, and the

law of right of way, aside from that, it will also serve as

a reviewer for most people, especially for aspiring drivers

since we have a pop quiz included in the app as well.

Aspiring Driver: Wow, that’s nice.

Researcher: For our last question sir, do you think that our

study and the proposed system will be useful and beneficial

to drivers, and non-drivers?


ANGELES CAMPUS 66

Aspiring Driver: I think so. Since it’s informative, and for

me who wants to get a license soon, this is a good reviewer

too.

Researcher: Alright! Thank you for all your answers to us.

Thank you for participating. You have a great day ahead.

Aspiring Driver: Your welcome.

Interview Transcript

Interview with CDC Traffic & Safety Officer:

Researcher: Good Morning Sir! We are students of AMA

Angeles, and we’re hoping if you could participate in our

short interview about our study regarding road rules and

regulations.

Officer (Mr. Laus): Sure, no problem!

Researcher: Thank you sir. By the way, I’m Kelvin, and the

rest of our group members, are Anthony, Lesberson, and

Lawrence. Nice to meet you sir Laus.

Officer: Hello everyone. So how can I help?

Researcher: Actually sir, we only have couple of questions,

to start sir, since you are currently in the Traffic and

Safety of CDC, for sure you have already encountered lots of

vehicular accidents, and apprehensions in this area.


ANGELES CAMPUS 67

Officer: Oh yeah. A lot, since CDC is connected to different

main road, there are thousands of vehicles which passes and

uses the roads of CDC for their daily travel. Probably, in a

day, out of 100 vehicles, there will be at least 10 drivers

that will be apprehended due to different traffic

violations, mostly it’s beating the red light, and

disobeying road markings.

Researcher: Wow. That’s a lot. If you don’t mind me asking

sir, what do you think is the reason why there’s an alarming

increase of number of vehicular accidents nowadays?

Officer: You see, nowadays, you can easily get a motorcycle.

It’s not that hard to get a vehicle now. Most of the time,

those that are apprehended have a bad driving attitude,

because of poor traffic rules and regulations knowledge.

Researcher: I see. Thank you. Sir Laus, what do you think is

the reason why there’s a poor knowledge when it comes to

traffic rules and regulations?

Officer: Inside Clark, we all know how strict we are in

implementing these rules and regulations, it’s a way of

disciplining our drivers to become a defensive driver.

However, outside Clark, it’s the other way around. Aside

from that, drivers are only being aware of some of the rules
ANGELES CAMPUS 68

once they are apprehended, and that is where we are

providing a seminar for them.

Researcher: Oh, I see. So, if I’m apprehended,

automatically, there will be a seminar about traffic rules

and regulations. Alright. Thank you, sir. By the way sir,

what do you think may be the best way to solve this ongoing

issue, about the increase of vehicular accidents?

Officer: In Clark, there’s not much of a vehicular accident,

only apprehensions because of not following simple road

signs, or markers. However, as a Traffic and Safety officer,

I think one of the best ways to improve the driver’s

attitude, is awareness, focus on the road, and be a

defensive driver.

Researcher: Alright. Thank you for the insight. Sir, like

what we have proposed to you, our system will include most

information included in the traffic rules and regulations,

and we will also add specifically the rules and regulations

inside Clark, to help our drivers become more aware of the

rules and regulations in our vicinity.

Officer: Thank you. This will be a big help not only to

Clark, but also to our city.


ANGELES CAMPUS 69

Researcher: You’re welcome sir! Thank you for participating

in our short interview sir!

Officer: Alright. I hope this can help.

Appendix D

Data Dictionary

is a mobile operating system that is developed


Android
by Google, usually found on smart phones,

tablets, smart tv, and smart watches.


Android are devices that runs using android operating

Devices system.
a program or software that is designed and

Application written to fulfill a particular purpose for the

user.
a non-probability sampling technique where

Convenience subjects are selected because of their

Sampling convenient accessibility and proximity to the

researcher.
ANGELES CAMPUS 70

a general concept refers to the fact that some

existing information or knowledge is


Data
represented or coded in some form suitable for

better usage or processing.


is a mobile application feature that allows the
GPS
phone's location to be detected by the use of
Navigation
global positioning system.
a global computer network providing a variety

of information and communication facilities,


Internet
consisting of interconnected networks using

standardized communication protocols.


is a mobile operating system that is developed

IOS by Apple Inc. which runs exclusively on Apple

devices.
Non-probability sampling is a sampling

Non- technique where the samples are gathered in a

Probability process that does not give all the individuals

Sampling in the population equal chances of being

selected.
is an act or an instance of notifying, or
Notification
alerting someone.
is the condition of being capable of but

Offline currently not connected to a network of

computers or other devices.


Programming is a vocabulary and set of grammatical rules
ANGELES CAMPUS 71

for instructing a computer or computing device


Language
to perform specific tasks.
is primarily exploratory research. It is used

to gain an understanding of underlying reasons,


Qualitative
opinions, and motivations. It provides insights
Research
into the problem or helps to develop ideas or

hypotheses.
are also known as traffic rules. Are rules or

Road Rules laws which govern traffic and regulate

vehicles.
Search the act of looking, or to find something.
are a class of mobile phones and of multi-

purpose mobile computing devices. Smartphones

has stronger hardware capabilities and

extensive mobile operating systems, which

facilitate wider software, internet (including


Smart Phone
web browsing over mobile broadband), and

multimedia functionality (including music,

video, cameras, and gaming), alongside core

phone functions such as voice calls and text

messaging.
is a collection of elements or components that
System
are organized for a common purpose.
is the collection
Technology
of techniques, skills, methods,
ANGELES CAMPUS 72

and processes used in the production

of goods or services or in the accomplishment

of objectives, such as scientific

investigation.
is a person who utilizes a computer, mobile
Users
application, or network service
Vehicles is a machine that transports people or cargo

Appendix E

Survey Questionnaire

TITLE: CDC: ROAD RULES!


Please answer the following questions below objectively and check the
desired rating for the evaluation of the study "CDC: Road Rules!"
Name: _________________________
Functionality:
Questions 1– 2– 3– 4- 5–
Poor Fair Satisfactory Very Good Excellent
1 The application is working properly          
on android devices.
ANGELES CAMPUS 73

2 The application was able to          


provide the road rules information.

3 The application allows users to          


play the pop quiz game.

4 The application allows users to          


register and log in.
Usability:
1– 2– 3– 4– 5–
Questions
Poor Fair Satisfactory Very Good Excellent
         
1 The application is easy to use.
The system interface responds on          
2
time.
The project is useful for          
3 Professional and Non -
Professional drivers.
User Experience Feedback:
1– 2– 3– 4– 5–
Questions
Poor Fair Satisfactory Very Good Excellent
How would you describe the          
1
system's overall performance?
The application is worth sharing          
2
to others.
The application is useful to          
3 aspiring, non-professional and
professional drivers.

How would you improve this system? ____________________________________

__________________________________________
Signature over Printed Name

Thank you for your participation!


ANGELES CAMPUS 74

Appendix F
Evaluation Tool for User Acceptability
(Adapted from ISO 25010)
CDC: ROAD RULES!
Name: ________________________________

Occupation: __________________________

QUESTIONNAIRE

Please indicate a check mark (√) under the column that best describes your

responses for each item about the CDC: Road Rules android application.

FUNCTIONAL SUITABILITY:

1– 2– 3– 4– 5–
Questions
Poor Fair Satisfactory Very Good Excellent
Functional Completeness -
1 Functionality covers the          
required tasks
Functional Correctness -
System provides the
2          
appropriate results with
accuracy
Functional Appropriateness –
System functions accomplishes
3          
the desired tasks and
objectives

PERFORMANCE EFFICIENCY:
1– 2– 3– 4– 5–
Questions
Poor Fair Satisfactory Very Good Excellent
Time Behavior - Response and          
processing time is at acceptable
1
rate when performing specific
functionality
Resource Utilization - Amounts          
and types of resources used by
2 the system, when performing its
functions, meet requirements of
the user
3 Capacity – Limitations like          
ANGELES CAMPUS 75

internet speed, size of database


and processing time do not
affect the overall performance
of the system

COMPATIBILITY:
1– 2– 3– 4– 5–
Questions
Poor Fair Satisfactory Very Good Excellent
Co-existence – The system          
performs its required functions
efficiently while sharing a
1 common environment and
resources with other products,
without detrimental impact on
any other product
Interoperability – System          
works well when exchanging
2
information with different
units of the organization

USABILITY:
1– 2– 3– 4– 5–
Questions
Poor Fair Satisfactory Very Good Excellent
Appropriateness          
Recognizability – Usefulness of
the software/hardware to the
1
intended users. Presence of
the basic or expected functions
of the system
Learnability – Use of the          
2 system is easily learned by the
intended users
Operability – Functions of        
3 system are designed to be
easily adaptable for users
User Error Protection - System
4 protects users against making
errors
User Interface Aesthetics –
User interface like its colors
5 and icons enables pleasing and
satisfying interaction for the
users
Accessibility – System can be
used by people with the widest
range of characteristics and
6
capabilities to achieve a
specified goal in a specified
context of use.

RELIABILITY:
ANGELES CAMPUS 76

1– 2– 3– 4– 5–
Questions
Poor Fair Satisfactory Very Good Excellent
Maturity – System component          
1 meet the needs for reliability
under normal operation
Availability – System          
component is operational and
2
accessible when required for
use
Fault Tolerance – System          
component operates as
3
intended despite the presence
of hardware or software faults
Recoverability - In the event of
an interruption or a failure, the
4 system can recover the data
directly affected and re-
establish its normal state

SECURITY:
1– 2– 3– 4– 5–
Questions
Poor Fair Satisfactory Very Good Excellent
Confidentiality – System          
ensures that data are
1
accessible only to those
authorized users
Integrity – System prevents          
unauthorized access to, or
2
modification of, computer
programs or data

MAINTAINABILITY:
1– 2– 3– 4– 5–
Questions
Poor Fair Satisfactory Very Good Excellent
Modularity – System failure of          
one component has minimal
1
impact to another part of the
computer program
Reusability – Data from          
another part of the system are
2
easily shared with other units
or entities
Analyzability – Errors or
failures of the system is easily
3 diagnosed and mechanism to
determine cause of failures are
easily identified.
4 Modifiability – System can be
effectively and efficiently
modified without introducing
defects or degrading existing
ANGELES CAMPUS 77

quality
Testability – Effectiveness and
efficiency with which test
criteria can be established for
5 the system and tests can be
performed to determine
whether those criteria have
been met

PORTABILITY:
1– 2– 3– 4– 5–
Questions
Poor Fair Satisfactory Very Good Excellent
Adaptability – Appropriate          
interface for novice/ new user.
Appropriate interface for the
1 user’s device display or screen.
System was designed to
perform even in mobile
devices.
Installability – Effectiveness          
and efficiency with which the
2 system can be successfully
installed and/or uninstalled in
a specified environment
Replaceability – System can
replace another software for
3
the same purpose in the same
environment

______________________________________________
Signature over Printed Name

Appendix G
List of Violations and Updated Fees
ANGELES CAMPUS 78

Note: The Following violation list and updated fees, were


received directly from the CDC Traffic and Safety
Department.
A Violations in Connection with CDC LTO Revised
Licensing
1 Driving without valid driver's 1,500 3,000 3,900
license / conductor's permit.
This includes driving with an
expired, revoked, suspended,
inappropriate driver's license
classification, fake driver's
license, & student driver
driving without being
accompanied by a duly licensed
driver.
2 Driving with delinquent or 400 3,000 3,900
expired license
3 Driving with suspended or 1,000 3,000 3,900
revoked or improper license
4 Failure to carry driver's 200 1,000 1,300
license
5 Failure to sign driver's license 200 1,000 1,300
6 Driving under the influence of 4,000 13,000 10,000
liquor
7 Driving under the influence of 10,000 10,000 13,000
drugs
8 Allowing an unlicensed / 1,000 5,000 6,500
improperly licensed person to
drive motor vehicle
9 Possession and use of 2,000 3,000 3,900
fake/spurious driver's license
10 Driving a MV used in the 20,000 10,000 26,000
commission of a crime upon
conviction by a regular court of
competent jurisdiction
11 Unlicensed conductor of a motor 500 3,000 3,900
vehicle for hire
12 operating/driving a motor 2,000 10,000 13,000
vehicle which is unregistered
13 Operating a vehicle with 5,000 10,000 13,000
unregistered substitute or
Replacement engine, engine block
or chassis
14 Failure to carry O.R or 150 1,000 1,300
Certificate of Registration
ANGELES CAMPUS 79

15 Operating / Allowing the 1,000 10,000 13,000


operation of the motor vehicle
with a suspended or revoked
certificate of registration or
O.R
16 Tourist operating or allowing a 5,000 3,000 6,500
use of non-Philippine registered
MV beyond 90 days period of his
sojourn in the country
         
B Violations in connection with CDC LTO Revised
Number Plates
1 Motor vehicle number plate not 200 5,000 6,500
firmly attached
2 Dirty and obscure plates 200 5,000 6,500
3 License plate different from 500 5,000 6,500
body number on Public Utility MV
4 Improper display of motor 500 5,000 6,500
vehicle permanent plate
5 Display/use of an expired 2,000 5,000 6,500
commemorative plates or stickers
6 Tampered / marked plates or 2,000 5,000 6,500
stickers
7 Illegal transfer or use of MV 2,000 5,000 6,500
regularly issued MV plates, tags
or stickers except security
plates on authorized motor
vehicle owners / Operators are
conclusively presumed to have
committed the illegal transfer.
8 Use of unauthorized improvised 10,000 5,000 13,000
plates
         
C Violations Relative to CDC LTO Revised
Equipment, Parts, Accessories,
Devices & Markings of Motor
Vehicle
1 Operating MV with metallic tires 5,000 5,000 6,500
in any public highway
2 Defective Bike 500 5,000 6,500
3 Improper/Defective horn or 300 5,000 6,500
signaling device
4 Use of installation of 300 5,000 6,500
unnecessary lights in front or
rear of a MV
5 Operating MV without head, tail, 300 5,000 6,500
ANGELES CAMPUS 80

plate, break, and signal lights


6 Operating MV without wiper 150 5,000 6,500
7 Operating MV without or 150 5,000 6,500
defective muffler
8 Dirty or unsightly or unsanitary 300 5,000 6,500
MV
9 Dilapidated or Defective MV 1,000 5,000 6,500
10 Failure to paint or improper 500 5,000 6,500
painting of authorized route or
PUJ, Filcabs, shuttle services,
trucks for hire, taxis and
similar for hire MV operating
with fixed routes
11 Non painting of business or 500 5,000 6,500
trade name
12 Without or defective handbrake, 200 5,000 6,500
speedometer, windshield wiper,
without rear view mirror,
interior light
13 Unauthorized use of bell, siren, 15,000 5,000 19,500
or exhaust whistle, horns or
similar, gadgets, including dome
light, and other signaling or
flashing devices. (Forfeiture of
the said gadgets in favour of
the government)
14 Without functional spare tire 300 5,000 6,500
15 Without red flag or red lights 500 1,000 1,300
on projecting end of load
extending more than a meter
beyond the bed or body, and
evening red lights, visible at
least 50 meters away
16 Failure to carry Early Warning 150 5,000 6,500
Device (EWD)
17 Failure to install EWD 4 meters 500 5,000 6,500
from the front and rear of the
stalled MV
18 Without capacity marking 375   650
19 Unauthorized installation of 600 5,000 6,500
Jalousies, painted windshield or
colored windshield
20 Installation of Dim/colored 600 5,000 6,500
lights, strobe lights, dancing
or similar lights
21 Use or installation of heavily 600 5,000 6,500
tinted colored / painted &
ANGELES CAMPUS 81

colored windshield
22 Without permanent tail gate w/ 500 5,000 6,500
inscription "Not for Hire" sign
in a Private jeepney / jitney
23 Use / installation of a 500 5,000 6,500
glaring / stainless object at
the front and rear of a MV
         
D WEIGHTS AND LOAD LIMITS CDC LTO Revised
1 Load extending beyond the 500 1,000 1,300
projected width without permit
2 Axle overloading - an amount 300 1,000 1,300
equivalent to 25% of MVUC at the
time of infringement on owner /
operator or driver of trucks and
trailers for loading beyond
their registered gross weight,
vehicle weight. No MV shall
exceed 13,500 kgs. or vehicle
load exceeds150% of the maximum
allowable gross weight
3 Operating a passenger truck 300 1,000 1,300
(Bus) with cargo excess 160kgs
4 Allowing more passengers and or 300 1,000 1,300
freight or cargo in excess of
carrying capacity of motor
vehicle
5 Baggage or Freight carried on 300 1,000 1,300
top of truck exceeds 20 kgs. per
sg. meter and not distributed in
such a manner as not to endanger
the Passenger stability of the
truck
         
E PROHIBITED OR ILLEGAL OPERATION CDC LTO Revised
OF MOTOR VEHICLES
1 Colorum and Out of Line      
Violation - a MV is considered
operating as colorum under any
of the following circumstances.
a) A Private MV operating as a
PUV but w/out proper authority
from the LTFRB.
A PUV operating outside of its
approved route w/out a prior
permit from the
Board
ANGELES CAMPUS 82

A PUV operating differently from


its authorized denomination (Ex.
School bus svc. operating as UV
express, tourist bus transport
operating as City /Provincial
bus)
d) A PUV with suspended
/cancelled CPC and the
decision/order is executory
A PUV with expired CPC & w/out a
pending application for
extension of validity timely
filed before the Board.
  BUS 10,000 1M 1.3M
  TRUCK 10,000 200,000 260,000
  JEEPNEY 10,000 50,000 65,000
  VAN 10,000 200,000 260,000
  SEDAN 10,000 120,000 156,000
2 Operating a motor vehicle with 500 5,000 6,500
expired franchise (CPC)
3 Operating or using a for hire MV 1,000 5,000 6,500
different from its types of
services mentioned in CPC
4 Operating or using a for hire MV 400 5,000 6,500
different from its types of
services mentioned in CPC
5 Discourtesy of drivers and /or 500 5,000 6,500
conductors towards the passenger
6 Unreasonable refusal to convey 1,500 5,000 6,500
passengers
7 Unauthorized use of commercial 500 5,000 6,500
or trade name
8 Undue preference or unjust / 600 5,000 6,500
unreasonable discrimination
against the passenger
9 Overcharging / Undercharging of 750 5,000 6,500
fare
10 Breach of Condition in the CPC 500 5,000 6,500
except when already penalized
under any provisions of this
circular
         
F FRAUDS AND FALSITIES CDC LTO & DOTC Revised
1 Use of fake plates / stickers / 4,000 5,000 6,500
pursuant documents
2 Misrepresenting a copy of a 1,500 5,000 6,500
ANGELES CAMPUS 83

document pertinent to a motor


vehicle before the Traffic
Adjudication Service
         
G ALL OTHER VIOLATIONS OF TRAFFIC CDC LTO & DOTC Revised
RULES AND REGULATIONS
1 Reckless Driving= No person      
shall operate a MV on any
highway reckless or without
reasonable caution considering
the width, traffic, grades,
crossing, curvatures, visibility
and other conditions of the high
way and the conditions of the
atmosphere and weather, or so to
endanger the property of the
safety or rights of any person
or so as to cause excessive or
unreasonable damage to the
highway.
  1st Offense 1,000 2,000 2,600
  2nd Offense 1,500 3,000 3,900
  3rd Offense 2,000 10,000 13,000
2 Parking      
  Within an intersection. 200 1,000 1,300
  Within 5 meters of the 200 1,000 1,300
intersection.
  4 meters from the 200 1,000 1,300
driveway entrance.
  Within 4 meters from fire 200 1,000 1,300
hydrant.
  In front of a private 200 1,000 1,300
driveway.
  On the roadway side of 200 1,000 1,300
any unmoving or parked MV at the
curved way of the highway.
  At any place where signs 200 1,000 1,300
of prohibitions have been
installed.
3 Disregarding Traffic Signs, Road 1,000 1,000 1,300
Markings, beating the red
lights,
4 Allowing passengers on top or 1,000 1,000 1,300
cover of a MV except in a truck
helper
5 Failure to provide canvas cover 1,000 1,000 1,300
ANGELES CAMPUS 84

to cargos or freight of trucks


requiring the same.
6 Permitting passenger to ride on     1,300
running board, step board or 1,000 1,000
mudguard of MV while the same in
motion
7 Failure to dim headlights when 1,000 1,000 1,300
approaching another MV.
8 Driving in a place not intended 1,000 1,000 1,300
for traffic or into place not
allowed for parking.
9 Hitching or permitting a person 1,000 1,000 1,300
or a bicycle, MC, or skate
roller to hitch to a MV
10 Driving against traffic- failure 1,000 1,000 1,300
to pass to the right when
meeting persons or vehicles
coming towards him
11 Illegal turn- failure to conduct 1,000 1,000 1,300
the motor vehicle to the right
of the intersection of the
highway when turning to the left
in going from one highway to
another.
12 Illegal overtaking- failure to 1,000 1,000 1,300
pass to the left when overtaking
persons or vehicles going to the
same direction except when there
are two or more lanes for the
movement of traffic in one
direction
13 Overtaking at unsafe distance- 1,000 1,000 1,300
failure to pass at a safe
distance to the left of another
motor vehicle when overtaking
that vehicle
14 Cutting an overtaken vehicle- 1,000 1,000 1,300
driving to the right side of the
highway after overtaking before
his motor vehicle is safely
clear of such overtaken vehicle.
ANGELES CAMPUS 85

15 Failure to give way to an     1,300


overtaking vehicle failure to 1,000 1,000
give way to another vehicle
approaching from the rear that
wishes to overtake his vehicle
when the former has given
suitable and audible signal.
16 Increasing speed when being     1,300
overtaken increasing the speed 1,000 1,000
of the motor vehicle before the
overtaking vehicle has
completely passed.
17 Overtaking when left side is not 1,000 1,000 1,300
visible or clear of oncoming
traffic- driving to the left
side of the center line of a
highway in overtaking or passing
another vehicle proceeding in
the same direction where the
left side is not clearly visible
and is not free of oncoming
traffic for a sufficient
distance to pass in safely.
18 Overtaking upon a crest of a 1,000 1,000 1,300
grade overtaking or passing
another vehicle proceeding in
the same direction when
approaching the crest of a
grade.
19 Overtaking upon a curve- 1,000 1,000 1,300
overtaking or passing another
vehicle proceeding in the same
direction upon a curve in a
highway where the driver's view
along the highway is obstructed
within a distance of 500 feet
ahead.
20 Overtaking at any railway grade 1,000 1,000 1,300
crossing overtaking or passing
another vehicle proceeding in
the same direction at any
railway grade crossing.
21 Overtaking at an intersection- 1,000 1,000 1,300
overtaking or passing another
vehicle in the same direction at
any intersection of highways
except on a highway having two
ANGELES CAMPUS 86

or more lanes for movement of


traffic in one direction where
the driver of a vehicle may
overtake another vehicle on the
right.
22 Overtaking on "men working" or 1,000 1,000 1,300
"caution" signs- overtaking or
passing or attempting to
overtake or pass another vehicle
proceeding in the same direction
between warning or caution signs
indicating that men are working
on a highway
23 Overtaking at no overtaking zone 1,000 1,000 1,300
overtaking or passing or
attempting to overtake or pass
another vehicle proceeding in
the same direction in any" no
passing or overtaking" zone.
24 Failure to yield the right of 1,000 1,000 1,300
way- failure of the vehicle on
the left to yield the right of
way to the vehicle on the right
when these vehicles approach or
enter an intersection at
approximately the same time.
25 Failure to yield the right of 1,000 1,000 1,300
way- failure of the vehicle on
the left to yield the right of
way to the vehicle on the right
when these vehicles approach or
enter an intersection at
approximately the same time.
26 Failure to yield the right of 1,000 1,000 1,300
way- failure of a vehicle
approaching but not having
entered an intersection to yield
the right of way to a vehicle
within such intersection or
turning therein to the left
across the line of travel of the
first mentioned vehicle when
such vehicle has given a plainly
visible signal of intention to
turn.
27 Failure to yield the right of 1,000 1,000 1,300
way- failure of the driver of
ANGELES CAMPUS 87

any vehicle upon a highway


within a business or residential
district to yield the right of
way to a pedestrian crossing
such highway within a crosswalk
except at intersection where the
movement of traffic is regulated
by a peace officer or by traffic
signal.
28 Failure to stop before 1,000 1,000 1,300
traversing a "through highway"
or railroad crossing- failure of
the driver of a vehicle upon a
highway to bring to a full stop
such vehicle before traversing
any "through highway" or
railroad crossing.
29 Failure to yield right of way- 1,000 1,000 1,300
failure of a vehicle entering a
highway from a private road or
driver upon a highway to yield
the right of way to all vehicles
approaching on such highway.
30 Failure to yield right of way to 1,000 1,000 1,300
ambulance, police or fire
department vehicles- failure of
a driver upon a highway to yield
the right of way to police or
fire department vehicles and
ambulances when such vehicles
are operated on official
business and the drivers thereof
sound audible signal or their
approach.
31 Failure to yield right of way at 1,000 1,000 1,300
a "through highway" or a "stop
intersection"- failure of a
vehicle entering a "through
highway" or a "stop
intersection" to yield right of
to all vehicles approaching in
either direction on such
"through highway".
32 Failure to give proper signal- 1,000 1,000 1,300
failure to give the appropriate
signal before starting, stopping
or turning from a direct line.
ANGELES CAMPUS 88

33 Illegal turn- failure of the 1,000 1,000 1,300


driver of a motor vehicle
intending to run to the right at
an intersection to approach such
intersection in the lane for
traffic nearest to be right-hand
side of the highway and, in
turning, to keep as close as
possible to the right-hand curve
or edge of the highway.
34 Illegal turn- failure of the 1,000 1,000 1,300
driver of a vehicle intending to
turn to the left, to approach
such intersection in the lane
for traffic to the right of and
nearest to the center line of
the highway, and in, turning to
pass to the left of the center
of the intersection except upon
highway lane for traffic and
upon one-way highway.
35 Failure to stop motor and notch 1,000 1,000 1,300
handbrake of motor vehicle when
unattended- failure to turn off
the ignition switch and stop the
motor and notch effectively the
handbrake when parking a motor
vehicle unattended on any
highway.
36 Obstruction- obstructing the 500 1,000 1,300
free passage of other vehicles
on the highway while
discharging/ taking passengers
or loading & unloading freight
or driving a MV in such a manner
as to obstruct or impede the
passage of any vehicle.
37 Refusal to render service to the 1,000 1,000 1,300
public or convey passenger to
destination.
38 Overcharging/Undercharging of 750 1,000 1,300
fare.
39 No franchise/Certificate of 1,000 1,000 1,300
Public Convenience or evidence
of franchise presented during
apprehension or carried inside
the motor vehicle.
ANGELES CAMPUS 89

40 Fraud and falsities such as 1,000 1,000 1,300


presentation of fake and
spurious CPC, OR/CR, plates,
stickers and tags.
41 Operating the unit/s with 1,000 1,000 1,300
defective parts and accessories.
42 Failure to provide fare discount 1,000 1,000 1,300
to those entitled under existing
laws and pertinent Memorandum
Circulars of the LTFRB.
43 Fast, tampered, defective 1,000 1,000 1,300
taximeter or operating without
or with an old seal taximeter.
44 Tampered, broken, joined, 1,000 1,000 1,300
reconnected, fake or altered
sealing wire.
45 Overcharging/Undercharging of 1,000 1,000 1,300
fare
46 No sign boards. 1,000 1,000 1,300
47 Pick and Drop of Passengers 1,000 1,000 1,300
outside the terminal.
48 Failure to provide fire 1,000 1,000 1,300
extinguisher and required "STOP
and GO" signage for use of each
vehicle.
49 Unsafe Towing 1,000 1,000 1,300
50 Failure to display fare matrix. 1,000 5,000 6,500
(PUJ,PUB,UV)
51 Breach of franchise conditions 500 1,000 1,300
under 2011 Revised Terms and
Conditions of CPC not otherwise
herein provided.
52 Unsafe towing 1,000 1,000 1,300
53 Driving for Hire Motor Vehicle 500 1,000 1,300
in slippers
54 illegal U-turn 1,000 1,000 1,300
55 Failure to give right of way to 1,000 1,000 1,300
an Emergency vehicles, Police,
Fire Trucks, Ambulances, and
paramedic vans by moving to the
far-right side of the road and
stopping until it has passed
safely.
56 Keep Right Policy (All 500 1,000 1,300
Motorcycles, slow moving
Vehicles)
57 Driving a Motor Vehicle Used in 20,000 10,000 26,000
ANGELES CAMPUS 90

the Commission of a Crime Upon


Conviction by a Regular Court of
Competent Jurisdiction
58 Driving a Motor Vehicle Used in 10,000 10,000 13,000
the Commission of a Crime in the
Course of Apprehension Upon
Conviction by a Regular Court of
Competent Jurisdiction
59 Driving a Motor Vehicle While 4,000 10,000 13,000
Under the Influence of Alcohol,
Dangerous Drugs and/or Similar
Substance Upon Final Conviction
by a Regular Court of Competent
Jurisdiction (Section 12, R.A.
10586)
60 Driving Above the Speed Limit      
  1st Offense 1,000 2,000 2,600
  2nd Offense 1,500 3,000 3,900
  3rd Offense 2,000 10,000 13,000
61 Failure to Carry Certificate of 150 1,000 1,300
Registration or Official Receipt
While Driving a Motor Vehicle
62 Failure to Carry Driver’s 200 1,000 1,300
License
63 Driving an Unregistered Motor 2,000 10,000 13,000
Vehicle
64 Unauthorized Motor Vehicle 2,000 5,000 6,500
Modification
65 Operating a Right-Hand Drive 50,000 50,000 65,000
Motor Vehicle
66 Motor Vehicle Operating without 300 5,000 6,500
or with
defective/Improper/Unauthorized
Accessories, Devices, Equipment
and Parts
67 Failure to Attach or Improper 2,000 5,000 6,500
Attachment/Tampering of
Authorized Motor Vehicle License
Plates and/or Third Plate
Sticker
68 Fraud in Relation to the 1,500 3,000 3,900
Registration of the Motor
Vehicle and/or it’s Renewal
69 Load Extending Beyond Projected 300 1,000 1,300
Width Without Permit
70 Operating a Passenger Bus/Truck 1,000 1,000 1,300
With Cargo Exceeding 160 kg.
ANGELES CAMPUS 91

71 Refusal to render service to the 1,500 1,000 1,950


public or convey passenger
destination
72 Failure to provide proper body      
markings
  1st Offense 375 5,000 6,500
  2nd Offense   10,000 13,000
  3rd Offense   15,000 19,500
73 No franchise/Certificate of      
Public Convenience or
evidence of franchise presented
during apprehension or carried
inside the Motor Vehicle
  1st Offense 10,000 5,000 6,500
  2nd Offense   10,000 13,000
  3rd Offense   15,000 19,500
74 Employing reckless, insolent, 400 5,000 6,500
discourteous arrogant drivers
75 Allowing an unauthorized driver      
to drive PUV or allowing a
driver to drive PUV without
bringing his/her driver’s
license
  1st Offense 1,000 5,000 6,500
  2nd Offense   10,000 13,000
  3rd Offense   15,000 19,500
76 Operating the unit/s with 1,000 5,000 6,500
defective parts and accessories
77 Failure to provide fare discount 1,000 5,000 6,500
to those entitle under existing
laws
78 Fast, tampered, defective      
taximeter or operating without
or with an old seal taximeter
(TX only)
  1st Offense 3,000 5,000 6,500
  2nd Offense 4,000 10,000 13,000
  3rd Offense 6,000 15,000 19,500
79 Tampered, broken, joined,      
reconnected, fake or altered
sealing wire (TX only)
  1st Offense 3,000 5,000 6,500
  2nd Offense 4,000 10,000 13,000
  3rd Offense 6,000 15,000 19,500
80 Carrying of illegal and/or      
ANGELES CAMPUS 92

prohibited cargoes
  1st Offense 500 5,000 6,500
  2nd Offense   10,000 13,000
  3rd Offense   15,000 19,500
81 Trip Cutting (PUJ, PUB, UV) 1,000 5,000 6,500
  1st Offense   5,000 6,500
  2nd Offense   10,000 13000
  3rd Offense   15,000 19,500
82 Littering 150 - 1,300
83 Improper Attire (wearing 500 1,000 1,300
slippers/Flip-Flops/Sandals) for
hire vehicles & MC
84 Violation of color scheme, 500 5,000 6,500
adaptation of MV, color or
design without authority.
85 Old meter seal / or loose 500 5,000 6,500
triplex seal.
86 Flagged up meter and / or 750 5,000 6,500
operating on contractual basis
87 No taxi meter 1,200 5,000 6,500
88 Failure to paint the word 750 750 975
Äircon"
89 No Identification Card 150 150 195
90 Failure to provide top lights 200 200 260
indicating availability
91 Failure to print owner / 500 5,000 6,500
operator's name, address and /
or capacity markings, type of
service on taxi units
92 Unauthorized installation of 750 750 1,300
Aircon on buses.
93 Non-painting of the word aircon 750 750 1,300
for buses
94 Operating a right-hand drive 50,000 50,000 65,000
Motor Vehicle
95 Failure to install Seatbelt as 1,000 3,000 3,900
defined under R A 8750
96 Failure to wear seatbelt &      
Allowing child six years old and
below to be seated on the front
passenger seat
  1st Offense 250 1,000 1,300
  2nd Offense   2,000 2,600
  3rd Offense   5,000 6,500
97 Failure to require his/her 1,000 3,000 3,900
ANGELES CAMPUS 93

passenger/s to wear the


prescribed seat belt device
98 Display of sign board (PUB & PUJ 500 5,000 6,500
only) without front panel route
99 Violation of R A 9211 "No      
smoking in public places and
public vehicles
  1st Offense 500 5,000 6,500
  2nd Offense   10,000 13,000
  3rd Offense / Traffic Seminar   15,000 19,500
100 Violation of R A 10913 Anti      
Distracted Driving Act. The
driver/rider shall not use a
cellular phone or other gadgets
while operating a Motor Vehicle.
  1st Offense 5,000 5,000 6,500
  2nd Offense 10,000 10,000 13,000
  3rd Offense 15,000 15,000 19,500
101 Violation of R A 8749 "Phil.      
Clean Air Act of 1999" Smoke
Belching
  1st Offense 5,000 2,000 6,500
  2nd Offense   4,000 7,800
  3rd Offense   6,000 10,400
102 Excessive Smoke      
  1st Offense 1,000 2,000 2,600
  2nd Offense   4,000 5,200
  3rd Offense   6,000 7,800
         
H FINES FOR MOTORCYCLE & SCOOTERS CDC LTO & DOTC REVISED
UNDER ADMINISTRATIVE ORDER
1 Failure of driver / Back rider 1,000 1,000 1,300
to wear prescribed helmet
approved by DTI and with PNS/UN
ECE 22 markings
2 Carrying more passengers other 1,000 1,000 1,300
than the back rider or cargo
other than the built-in saddle
bags & luggage carriers
3 Any defective accessories such 1,000 1,000 1,300
as head lights, taillights,
signal lights, side mirrors and
horn.
4 Modifying any parts of the 2,000 2,000 2,600
ANGELES CAMPUS 94

original designs of a motorcycle


or scooter without approval of
the LTO & DTI
5 For wearing of flip flops, 500 1,000 1,300
sandals or slippers or being
bare-footed while driving.
6 Violation of AO AHS-2008-015, 200 1,000 1,300
where the headlight of the
motorcycle or scooter should
always be switched on anytime of
the day while being operated on
the highway.
7 Failure to Wear the Standard      
Protective Motorcycle Helmet or
Failure to Require the Back
Rider to Wear the Standard
Protective Motorcycle Helmet.
  1st Offense 1,000 1,500 1,950
  2nd Offense   3,000 3,900
  3rd Offense   5,000 6,500
  4th Offense and Succeeding   10,000 13,000
Offenses
         
I OTHERS CDC LTO & DOTC REVISED

1 Traffic Accident Report 500 - 650


2 Towing Fee 1,500 - 1,950
3 No CDC Sticker 200 - 260
4 Involvement in traffic accident 500 - 650
causing damage to property,
Physical injury or fatal
5 Seminar Fee on Traffic Rules and 150 - 195
Regulations
6 Littering      
  a) Garbage 150   1,300
  b) Cement Mixers 150   6,500
7 For driving a bicycle on highway    
  1st Offense 100   130
  2nd Offense 200   260
  3rd Offense 300   390
ANGELES CAMPUS 95

8 Chute of concrete mixer without   6,500  


appropriate protective gear,
flap, or durable bucket
9 Sand, gravel, & other haulers   6,500  
with defective or without
tightfitting cover.
10 Discharge of concrete, sand &   13,000  
gravel during transport. plus  
Immediate  
cleaning*

11 Disposal of wet concrete or   13,000  


concrete washout (residuals) on plus  
bare grounds Immediate  
cleaning *

Appendix H

User Manual
First Look
ANGELES CAMPUS 96

Lets get started! We’ll guide you how to use and tell you a
bit about the application’s features.

Note: application is still in the works, and there may be


some fields that does not have entries.

Registration Page

Enter the data on fields and


click on the Register button to
create an account.

Note: There are 2 user

categories: Enforcer, and Driver.

After completing the


registration, it’s time to use
the application, click on the
“Go to My Profile” to start
using CDC: Road Rules!
ANGELES CAMPUS 97

Driver’s Profile Page

This page displays the

driver’s profile and can

edit his or her information.

It also displays if the

driver incurred any

violation inside Clark

Freeport Zone.
ANGELES CAMPUS 98

Rules Page

This section will display


different traffic rules and
regulations category such as
CDC Road Rules, Warning Signs,
Informative Signs, Prohibited
Signs, Priority Signs,
Motorcycle Hand Signs, and
Mandatory Sign, and clicking
one of the categories will
provide you more information
about it.

News Feed Page

Any important information that


the admin needs to announce will
all be displayed in this section.
ANGELES CAMPUS 99

Event Logs

All activity, such as


apprehension, or if violation
has been cleared, or new
information from the admin will
all be displayed on this page.

C.D.C

Information Page

Directory, Violation Fees, and the


mini quiz game “Road Test”, can be
found on this page.
ANGELES CAMPUS 100

Create Ticket Page

Note: This section is only for


Enforcer accounts.

This page is designed to


create an eTicket to all
apprehended drivers. All
information will be saved to
the system’s database and
violation will be recorded.

After issuing an eTicket,


ANGELES CAMPUS 101

it will provide the eTicket Number, and how cost of the


violation incurred by the driver.

Appendix I

Use Case Diagram


ANGELES CAMPUS 102
ANGELES CAMPUS 103

Appendix J

Entity Relationship Diagram


ANGELES CAMPUS 104

Appendix K

Sample Code

Source Code for Back-End and Front-End


Index.php
<?php
require_once('sql/handler.php');
?>
<!DOCTYPE html>
<html lang="en">
<head>
<head>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width,
initial-scale=1" />
<title>Road Rules Management Interface</title>
ANGELES CAMPUS 105

<link href="style.css" rel="stylesheet"/>


<!-- GOOGLE FONTS -->
<link href="https://fonts.googleapis.com/css?
family=Montserrat:400,500|Poppins:400,500,600,700|
Roboto:400,500" rel="stylesheet"/>
<link
href="https://cdn.materialdesignicons.com/3.0.39/css/materia
ldesignicons.min.css" rel="stylesheet" />
<!-- PLUGINS CSS STYLE -->
<link href="assets/plugins/toaster/toastr.min.css"
rel="stylesheet" />
<link href="assets/plugins/nprogress/nprogress.css"
rel="stylesheet" />
<link href="assets/plugins/flag-icons/css/flag-
icon.min.css" rel="stylesheet"/>
<link href="assets/plugins/jvectormap/jquery-jvectormap-
2.0.3.css" rel="stylesheet" />
<link href="assets/plugins/ladda/ladda.min.css"
rel="stylesheet" />
<link href="assets/plugins/select2/css/select2.min.css"
rel="stylesheet" />
<link
href="assets/plugins/daterangepicker/daterangepicker.css"
rel="stylesheet" />
<!-- SLEEK CSS -->
<link id="sleek-css" rel="stylesheet"
href="assets/css/sleek.css" />
<script src="assets/jquery-3.4.1.js"></script>
<script src="assets/axios.min.js"></script>
<!-- FAVICON -->
<link href="assets/img/favicon.png" rel="shortcut icon" />
ANGELES CAMPUS 106

<!--
HTML5 shim and Respond.js for IE8 support of HTML5
elements and media queries
-->
<!-- WARNING: Respond.js doesn't work if you view the page
via file:// -->
<!--[if lt IE 9]>
<script
src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js
"></script>
<script
src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></
script>
<![endif]-->
</head>
</head>
<body class="login-bg" id="body">
<div class="container d-flex flex-column justify-
content-between vh-100">
<div class="row justify-content-center mt-5">
<div class="col-xl-5 col-lg-6 col-md-10">
<div id="login">
<transition appear name="slide-fade">
<div class="login-card">
<div style="text-align: center;"class="card-body
p-5">
<img style="width: 75%;" src="media/CDC
Logo.png">
<h2 class="text-white my-4">Login</h2>
<transition name="fade">
<div class="login-alert"></div>
ANGELES CAMPUS 107

</transition>
<form>
<div class="row">
<div class="form-group col-md-12 mb-4">
<input id="user" type="text"
class="form-control input-lg" aria-describedby="emailHelp"
placeholder="Username">
</div>
<div class="form-group col-md-12 ">
<input id="pass" type="password"
class="form-control input-lg" placeholder="Password">
</div>
<div class="col-md-12">
<input onclick="LoginUser(event)"
type="submit" class="btn btn-lg btn-primary btn-block mb-4"
value="Login">
</div>
</div>
</form>
</div>
</div>
</transition>
</div>
</div>
</div>
</div>
</body>
</html>
<script>
function LoginUser(event)
{
ANGELES CAMPUS 108

event.preventDefault();
var user = document.getElementById('user').value;
var pass = document.getElementById('pass').value;
axios.post('sql/login.php',{
user: user,
pass: pass
})
.then((response) => {
console.log(response.data);
switch(response.data)
{
case 0:
var html = `<div
class="alert alert-danger alert-highlighted" role="alert">
Error! Wrong Password!
</div>`;
$('.login-
alert').html(html);
break;
case 2:
window.location.href =
'admin/index.php';
break;

case 3:
var html = `<div
class="alert alert-danger alert-highlighted" role="alert">
Error! Username not found!
</div>`;
$('.login-
alert').html(html);
ANGELES CAMPUS 109

break;
}
})

}
</script>
<?php
require_once("../sql/handler.php");
require_once("../functions.php");
session_start();
if(!isset($_SESSION['id']))
{
header("Location: ../index.php");
}
else
{
$sql = $handler->prepare('SELECT * FROM accounts WHERE
acc_id = ?');
$sql->execute(array($_SESSION['id']));
$row = $sql->fetch(PDO::FETCH_OBJ);
}
$ui = new MainInterface("Dashboard");
?>
<script src="../assets/vue.js"></script>
<script src="../assets/vue-router.js"></script>
<script src="../assets/moment.js"></script>
<script src="../assets/axios.min.js"></script>
<!-- Vue Js Views -->
<script src="./views/dashboard.js"></script>
<script src="./views/enforcers.js"></script>
<script src="./views/drivers.js"></script>
ANGELES CAMPUS 110

<script src="./views/admins.js"></script>
<script src="./views/violation_records.js"></script>
<script src="./views/announcements.js"></script>
<script src="./views/violationlist.js"></script>
<!-- Vue Js Views -->
<!-- Vue Js Components -->
<script src="./components/menu.js"></script>
<script src="./components/dashboard.js"></script>
<script src="./components/notifications.js"></script>
<script src="./components/profile-card.js"></script>
<script src="./components/profile.js"></script>
<script src="./components/account.js"></script>
<!-- Vue Js Components -->
<div class="page-wrapper">
<div id="app">
<menu-header username="<?php echo $row->username; ?>" id="<?
php echo $_SESSION['info']; ?>"></menu-header>
<main-menu></main-menu>
<div class="content-wrapper">
<div class="content">
<transition appear mode="out-in" name="sf-left">
<router-view></router-view>
</transition>
</div>
</div>
</div>
<script>

Vue.use(VueRouter);

const routes = [{
ANGELES CAMPUS 111

path: '/',
component: home
},
{
path: '/enforcers',
component: enflist
},
{
path: '/add-enforcer',
component: addEnforcer
},
{
path: '/drivers',
component: driverlist
},
{
path: '/admins',
component: adminlist
},
{
path: '/add-admin',
component: addAdmin
},
{
path: '/edit-enf:eid',
component: editEnforcer,
props: true
},
{
path: '/dprofile:id',
component: profile,
ANGELES CAMPUS 112

props: true
},
{
path: '/announcements',
component: announcements
},
{
path: '/new-post',
component: newAnn
},
{
path: '/violations',
component: violationList
},
{
path: '/new-violation',
component: newViolation
},
{
path: '/vrecords',
component: vrecords
},
{
path: '/ann-details:id',
component: annDetails,
props: true
}
]

let router = new VueRouter({


routes // short for `routes: routes`
ANGELES CAMPUS 113

})
var app = new Vue({
el: '#app',
watch: {},
data: {

},
methods: {},
router
})
</script>
<?php
$ui->end_page();
?>
Login.php
<?php
require_once("handler.php");
//THIS IS USED BY BOTH WEB AND MOBILE APPLICATIONS.
//MOBILE APPLICATION LOGIN
if(isset($_POST['user']))
{
$user = $_POST['user'];
$pass = $_POST['pass'];
$datenow = date("Y-m-d h-i-s");

//Check if the account exists


$sql = $handler->prepare("SELECT * FROM accounts WHERE
username = ?");
$sql->execute(array($user));
$count = $sql->rowCount();
ANGELES CAMPUS 114

//If username exists, it will check if it's an employee or


driver account.
if($count == 1)
{
//Gets username, password and info as employee via username.
$sql = $handler->prepare("SELECT * FROM accounts INNER JOIN
employees emp ON CONCAT('E-', emp.emp_info) =
accounts.acc_info WHERE username = ?");
$sql->execute(array($user));
$count = $sql->rowCount();

//Checks if the account exists under employee.


if($count == 1)
{
$info = $sql->fetch(PDO::FETCH_OBJ);

$hash = $info->password;
$type = $info->acc_info;

//If the credentials entered matches any of the


email and passwords in the accounts table, it will log in.
if($user == $info->username &&
password_verify($pass, $hash))
{

//Checks if this is the user's first time logging in.


Directs the user to replace temp password.
if($info->last_login == '0000-00-00 00:00:00')
{
echo 0;
}
ANGELES CAMPUS 115

else
{
$sql = $handler->prepare("UPDATE accounts SET last_login = ?
WHERE username = ?");
$sql->execute(array($datenow,
$user));
echo 'E1';
}

}
else if($count != 1)
{
echo 'Invalid Password.';
}

else
{
echo 'Employee not found.';
}
die();
}
else
{
//Gets username, password and info as driver via username.
$sql = $handler->prepare("SELECT * FROM accounts
INNER JOIN drivers ON CONCAT('D-', drivers.d_id) =
accounts.acc_info WHERE username = ?");
$sql->execute(array($user));
$count = $sql->rowCount();
//Checks if the account exists under driver.
if($count == 1)
ANGELES CAMPUS 116

{
$info = $sql->fetch(PDO::FETCH_OBJ);
$hash = $info->password;
$type = $info->acc_info;
//If the credentials entered matches any of the email and
passwords in the accounts table, it will log in.
if($user == $info->username && password_verify($pass,
$hash))
{
//Checks if this is the user's first time logging in.
Directs the user to replace temp password.
if($info->last_login == '0000-00-00 00:00:00')
{
echo 0;
}
else
{
$sql = $handler-
>prepare("UPDATE accounts SET last_login = ? WHERE username
= ?");
$sql->execute(array($datenow,
$user));
echo 'D1';
}

}
else if($count != 1)
{
echo 'Invalid Password.';
}
ANGELES CAMPUS 117

else
{
echo 'Driver not found.';
}
die();
}

}
}
//Checks the employee's table if the username input is
actually an employee ID.
else
{
//Gets username, password and info as employee via employee
ID.
$sql = $handler->prepare("SELECT * FROM accounts INNER JOIN
employees emp ON CONCAT('E-', emp.emp_info) =
accounts.acc_info WHERE emp_id = ?");
$sql->execute(array($user));
$count = $sql->rowCount();

//Checks if the account exists under employee.


if($count == 1)
{
$info = $sql->fetch(PDO::FETCH_OBJ);
$hash = $info->password;
$type = $info->acc_info;

//If the credentials entered matches any of the email and


passwords in the members table, it will log in.
if($user == $info->emp_id && password_verify($pass, $hash))
ANGELES CAMPUS 118

{
//Checks if this is the user's first time logging in.
Directs the user to replace temp password.
if($info->last_login == '0000-00-00 00:00:00')
{
echo 0;
}
else
{
$sql = $handler->prepare("UPDATE accounts SET last_login = ?
WHERE username = ?");
$sql->execute(array($datenow, $user));
echo 'E1';
}
}
else if($count != 1)
{
echo 'Invalid Password.';
}

else
{
echo 'Employee not found.';
}
die();
}
else
{
echo 'Employee/Driver account not found!';
}
}
ANGELES CAMPUS 119

//WEB APPLICATION LOGIN


else
{
$data = json_decode(file_get_contents("php://input"), true);
//Gets the email and password entered from login_page.php.
$user = $data['user'];
$password = $data['pass'];
$datenow = date("Y-m-d h-i-s");

//Reads the admin's email and password.


$sql = $handler->prepare("SELECT * FROM accounts WHERE
username = ? AND acc_info = 'A'");
$sql->execute(array($user));
$info = $sql->fetch(PDO::FETCH_OBJ);
$count = $sql->rowCount();
$hash = $info->password;
$type = $info->acc_info;

//If the credentials entered matches any of the email and


passwords in the members table, it will log in.
if($count == 1 && $user == $info->username &&
password_verify($password, $hash))
{
session_start();
$_SESSION['id'] = $info->acc_id;
$_SESSION['info'] = $info->acc_info;
//Checks if this is the user's first time
logging in. Directs the user to replace temp password.
ANGELES CAMPUS 120

if($info->last_login == '0000-00-00
00:00:00')
{
$sql = $handler->prepare("UPDATE
accounts SET last_login = ? WHERE username = ?");
$sql->execute(array($datenow, $user));
echo 1;
}
else
{
$sql = $handler->prepare("UPDATE
accounts SET last_login = ? WHERE username = ?");
$sql->execute(array($datenow, $user));
echo 2;
}
}
else if($count != 1)
{
echo 3;
}
else
{
echo 0;
}
die();
}
?>
News_handle.php
<?php
require_once('handler.php');
require_once('../functions.php');
ANGELES CAMPUS 121

session_start();

//This script is being used by the web application only.


$db = new Database();
//Used to recognize Axios POST data.
$data = json_decode(file_get_contents("php://input"), true);
if(isset($_POST['fun']))
{
$fun = $_POST['fun'];
}
else
{
$fun = $data['fun'];
}

switch($fun)
{
case 1:
$sql = $handler->prepare('INSERT INTO news(n_type,
n_title, n_body, n_admin) VALUES(?,?,?,?)');
//$sql->execute(array($data['type'], $data['title'],
$data['text'], $_SESSION['acc_id']));
$sql->execute(array($_POST['type'], $_POST['title'],
$_POST['text'], $_SESSION['id']));
if(isset($_FILES['image']))
{
$file = new File();
$file->upload_photo($_FILES['image']['name'],
$_FILES['image']['tmp_name'], $_FILES['image']['size'],
$_SESSION['id'], 3);
ANGELES CAMPUS 122

$db = new Database();


$newData = $db->get_latest_row_entry('n_id', 'news');
$photo = $db->get_latest_row_entry('file_id', 'photos');
$sql = $handler->prepare('UPDATE news SET n_photo = ?
WHERE n_id = ?');
$sql->execute(array($photo, $newData));
}
$output = 1;
break;

case 2:
$id = $data['id'];
$db->delete_row('news', 'n_id', $id);
$output = 'Row has beeen deleted.';
break;
}
echo $output;
?>
Notifications_handler.php
<?php
require_once('../init.php');
require(ROOT_DIR . '/sql/handler.php');
include(ROOT_DIR . '/functions.php');

$data = json_decode(file_get_contents("php://input"), true);

$note = new WebNotification();


echo $note->getNotifications('A');
?>
Password_handler.php
<?php
ANGELES CAMPUS 123

require_once('../init.php');
require_once(ROOT_DIR . '/sql/handler.php');
require_once(ROOT_DIR . '/functions.php');

$pass = $_POST['cnew-pass'];
$confirm_pass = $_POST['new-pass'];

if (isset($_POST ['set-pass'])) {

$sql = $handler->prepare('UPDATE accounts SET password=?');


$sql->execute (array ($confirm_pass));
}
?>
Profilephot.php
<?php
include('../init.php');
include(ROOT_DIR . '/sql/handler.php');
include(ROOT_DIR . '/functions.php');

//Upload Profile Picture (Driver - Mobile App)

$db = new Database();


$file = new File();
$file->upload_photo($_FILES['pic']['name'],
$_FILES['pic']['tmp_name'], $_FILES['pic']['size'],
$_POST['id'], 2);
$pic = $db->get_latest_row_entry('file_id',
'photos');
ANGELES CAMPUS 124

$sql = $handler->prepare('UPDATE drivers SET photo = ?


WHERE d_id = ?');
$sql->execute(array($pic, $_POST['id']));

echo 'File ' . $_FILES['pic']['name'] . ' uploaded. It


worked, nigga!';

?>
Ticket_handler.php
<?php
require_once('handler.php');
require_once('../init.php');
include(ROOT_DIR . '/functions.php');

$licenseCheck = $_POST['license'];
//$licenseCheck = 125;
$db = new Database();
$sql = $handler->prepare('SELECT * FROM drivers WHERE
d_license = ?');
//$sql->execute(array($_POST['license']));
$sql->execute(array($licenseCheck));
if($row = $sql->fetch(PDO::FETCH_OBJ))
{
//Driver's index number in Database.
$id = $row->d_id;

//Gets the violation ID based on the matching name in


database.
$sql = $handler->prepare('SELECT * FROM violations WHERE
v_name = ?');
$sql->execute(array($_POST['violation']));
ANGELES CAMPUS 125

$row = $sql->fetch(PDO::FETCH_OBJ);
$violation = $row->v_id;
$officer = 1;
//Inserts the record into the database.
$sql = $handler->prepare('INSERT INTO
violation_records(v_driver, v_violation, v_officer)
VALUES(?,?,?)');
$sql->execute(array($id, $violation, $officer));
//Gets the latest record entry.
$last_entry = $db->get_latest_row_entry('record_id',
'violation_records');
//Gets the violation fee from record.
$sql = $handler->prepare('SELECT * FROM
violation_records INNER JOIN violations ON violations.v_id =
violation_records.v_violation WHERE record_id = ?');
$sql->execute(array($last_entry));
$row = $sql->fetch(PDO::FETCH_OBJ);
$note = new WebNotification();
$note->createNotification(1, 'A');
//Packs the ticket number and violation fee into a
Json Object to be sent back to the mobile app.
$data = new \stdClass();
$data->ticket = $last_entry;
$data->fee = $row->v_fee;
$jsonData = json_encode($data);
echo $jsonData;
}
else
{
$officer = 1;
ANGELES CAMPUS 126

//Gets the violation ID based on the matching name in


database.
$sql = $handler->prepare('SELECT * FROM violations WHERE
v_name = ?');
$sql->execute(array($_POST['violation']));
$row = $sql->fetch(PDO::FETCH_OBJ);
$violation = $row->v_id;
$sql = $handler->prepare('INSERT INTO
violation_records(vd_name, v_license, v_dob, v_address,
v_violation, v_officer) VALUES(?,?,?,?,?,?)');
//Gets the latest record entry.
$last_entry = $db->get_latest_row_entry('record_id',
'violation_records');
//Gets the violation fee from record.
$sql = $handler->prepare('SELECT * FROM
violation_records INNER JOIN violations ON violations.v_id =
violation_records.v_violation WHERE record_id = ?');
$sql->execute(array($last_entry));
$row = $sql->fetch(PDO::FETCH_OBJ);
//Packs the ticket number and violation fee into a Json
Object to be sent back to the mobile app.
$data = new \stdClass();
$data->ticket = $last_entry;
$data->fee = $row->v_fee;
$jsonData = json_encode($data);
echo $jsonData;
}
?>
Update_driver.php
<?php
require_once('../init.php');
ANGELES CAMPUS 127

require(ROOT_DIR . '/sql/handler.php');
include(ROOT_DIR . '/functions.php');
//session_start();

$type = $_POST['type'];

$sql = $handler->prepare("UPDATE drivers SET d_name = ?,


d_license = ?, d_address = ?, d_contact_no = ? WHERE d_id
= ?");
if($sql->execute(array($_POST['name'],
$_POST['license'], $_POST['address'], $_POST['contact'],
$_POST['acc'])))
{
$output = 1;
}
else
{
$output = 0;
}
echo $output;

?>
Account.js
function createAccount(event, type)
{
event.preventDefault();
switch(type)
{
case 1:
var fname = document.getElementById('fname').value
var mname = document.getElementById('mname').value
ANGELES CAMPUS 128

var lname = document.getElementById('lname').value


var pos = document.getElementById('pos').value
var id = document.getElementById('id').value
var email = document.getElementById('email').value
var contact = document.getElementById('contact').value
$.ajax({
url:"../sql/account_handler.php",
type:"POST",
enctype: "multipart/form-data",
data:{type:type, fname:fname, mname:mname, lname:lname,
pos:pos, id:id, email:email, contact:contact},
success:function(data)
{
$('#add-enf').html(data);
}
});
break;
case 3:
var user = document.getElementById('user').value
var pass = document.getElementById('pass').value
$.ajax({
url:"../sql/account_handler.php",
method:"POST",
data:{type:type, user:user,
pass:pass},
success:function(data)
{
$('#ad').html(data);
}
});
break;
ANGELES CAMPUS 129

}
}
Dashboard.js
var latestDrivers = Vue.component('latest-drivers', {
data()
{
return{
drivers: []
}
},
methods:
{
getDate: function(date)
{
return moment(date, 'YYYY-MM-DD
H:m:s').format('DD/MM/YY H:mmA');
}
},
created()
{
axios.post('../sql/get_data.php',{
type: 2
})
.then((response) => {

this.drivers = response.data;
console.log(this.drivers);
})
},
template:
ANGELES CAMPUS 130

`<div class="card card-table-border-none" data-scroll-


height="580" style="height: 580px; overflow: hidden;">
<div class="card-header justify-content-between">
<h2 class="d-inline-block">Latest Driver Accounts</h2>
<div>
<button class="text-black-50 mr-2 font-size-20">
<i class="mdi mdi-cached"></i>
</button>
<div class="dropdown show d-inline-block widget-
dropdown">
<a class="dropdown-toggle icon-burger-mini"
href="#" role="button" id="dropdown-customar" data-
toggle="dropdown" aria-haspopup="true" aria-expanded="false"
data-display="static">
</a>
<ul class="dropdown-menu dropdown-menu-right"
aria-labelledby="dropdown-customar">
<li class="dropdown-item"><a
href="#">Action</a></li>
<li class="dropdown-item"><a
href="#">Another action</a></li>
<li class="dropdown-item"><a
href="#">Something else here</a></li>
</ul>
</div>
</div>
</div>
<div class="card-body pt-0">
<table class="table">
<tbody>
<tr v-for="driver in drivers">
ANGELES CAMPUS 131

<td>
<div class="media">
<div class="media-image mr-3
rounded-circle">
<router-link v-if="driver.image"
v-bind:to="'/drivers/profile:' + driver.acc_info"><img
class="rounded-circle w-45" v-
bind:src="'..uploads/photos/drivers/' + image" alt="customer
image"></router-link>
<router-link v-else v-
bind:to="'/drivers/profile:' + driver.acc_info"><img
class="rounded-circle w-45" src="../assets/img/user/Driver-
Profile.jpg" alt="customer image"></router-link>
</div>
<div class="media-body align-self-
center">
<router-link v-
bind:to="'/drivers/profile:' + driver.acc_info">
<h6 class="mt-0 text-dark
font-weight-medium">{{ driver.d_name }}</h6>
</router-link>
<small>License No.:
{{ driver.d_license }}</small>
</div>
</div>
</td>
<td>Last Login on
{{ getDate(driver.last_login) }}</td>
</tr>
</tbody>
</table>
ANGELES CAMPUS 132

</div>
</div>`
})

var driverCount = Vue.component('driver-count',


{
data()
{
return{
users: []
}
},
created()
{
axios.post('../sql/get_data.php',{
type: 2
})
.then((response) => {

this.users = response.data;
console.log(this.users);
})
},
template:
`<div class="col-md-6 col-lg-6 col-xl-4">
<div class="card widget-block p-4 rounded bg-primary
border">
<div class="card-block">
<i class="mdi mdi-account-outline mr-4 text-
white"></i>
ANGELES CAMPUS 133

<h4 class="text-white my-


2">{{ users.length }}</h4>
<p>Driver Accounts</p>
</div>
</div>
</div>`
})
var employeeCount = Vue.component('employee-count',
{
data()
{
return{
users: []
}
},
created()
{
axios.post('../sql/get_data.php',{
type: 1
})
.then((response) => {
this.users = response.data;
console.log(this.users);
})
},
template:
`<div class="col-md-6 col-lg-6 col-xl-4">
<div class="card widget-block p-4 rounded bg-success
border">
<div class="card-block">
ANGELES CAMPUS 134

<i class="mdi mdi-account-outline mr-4 text-


white"></i>
<h4 class="text-white my-
2">{{ users.length }}</h4>
<p>Employee Accounts</p>
</div>
</div>
</div>`
})
Menus.js
var menu = Vue.component('main-menu', {
template:
`<aside class="left-sidebar bg-sidebar">
<div id="sidebar" class="sidebar sidebar-with-footer">
<!-- Aplication Brand -->
<div class="app-brand">
<a href="/index.html">
<img class="brand-icon" style="width: 35px;"
src="../media/CDC Logo.png">
<span class="brand-name">Road Rules Admin</span>
</a>
</div>
<!-- begin sidebar scrollbar -->
<div class="slimScrollDiv" style="position: relative;
overflow: hidden; width: auto; height: 100%;"><div
class="sidebar-scrollbar" style="overflow: hidden; width:
auto; height: 100%;">
<!-- sidebar menu -->
<ul class="nav sidebar-inner" id="sidebar-menu">
<li class="has-sub">
ANGELES CAMPUS 135

<a class="sidenav-item-link"
href="javascript:void(0)" data-toggle="collapse" data-
target="#dashboard" aria-expanded="false" aria-
controls="dashboard">
<i class="mdi mdi-view-dashboard-
outline"></i>
<span class="nav-text">Dashboard</span> <b
class="caret"></b>
</a>
<ul class="collapse show" id="dashboard" data-
parent="#dashboard">
<div class="sub-menu">
<li>
<router-link to="/">Home</router-
link>
</li>
</div>
</ul>
</li>

<li class="has-sub">
<a class="sidenav-item-link"
href="javascript:void(0)" data-toggle="collapse" data-
target="#enforcers" aria-expanded="false" aria-
controls="enforcers">
<i class="mdi mdi-folder-multiple-
outline"></i>
<span class="nav-text">Employees</span> <b
class="caret"></b>
</a>
ANGELES CAMPUS 136

<ul class="collapse" id="enforcers" data-


parent="#enforcers">
<div class="sub-menu">
<li>
<router-link
to="/enforcers">Enforcers</router-link>
</li>
<li>
<router-link to="/add-enforcer">Add
Enforcer</router-link>
</li>
</div>
</ul>
</li>
<li class="has-sub">
<a class="sidenav-item-link"
href="javascript:void(0)" data-toggle="collapse" data-
target="#drivers" aria-expanded="false" aria-
controls="drivers">
<i class="mdi mdi-folder-multiple-
outline"></i>
<span class="nav-text">Drivers</span> <b
class="caret"></b>
</a>
<ul class="collapse" id="drivers" data-
parent="#drivers">
<div class="sub-menu">
<li>
<router-link to="/drivers">Driver
Database</router-link>
</li>
ANGELES CAMPUS 137

<li>
<router-link to="/vrecords">Violation
Records</router-link>
</li>
</div>
</ul>
</li>
<li class="has-sub">
<a class="sidenav-item-link"
href="javascript:void(0)" data-toggle="collapse" data-
target="#settings" aria-expanded="false" aria-
controls="drivers">
<i class="mdi mdi-folder-multiple-
outline"></i>
<span class="nav-text">Admin</span> <b
class="caret"></b>
</a>
<ul class="collapse" id="settings" data-
parent="#settings">
<div class="sub-menu">

<li>
<router-link to="announcements">News &
Announcements</router-link>
</li>
<li>
<router-link to="new-post">New Post</router-
link>
</li>
<li>
ANGELES CAMPUS 138

<router-link to="admins">Admin List</router-


link>
</li>
<li>
<router-link to="/add-admin">New
Admin</router-link>
</li>
<li>
<router-link to="/violations">Violation
List</router-link>
</li>
</div>
</ul>
</li>
</ul>

</div><div class="slimScrollBar" style="background:


rgb(128, 128, 128); width: 5px; position: absolute; top:
0px; opacity: 0.5; display: none; border-radius: 7px; z-
index: 99; right: 1px; height: 467.175px;"></div><div
class="slimScrollRail" style="width: 5px; height: 100%;
position: absolute; top: 0px; display: none; border-radius:
7px; background: rgb(51, 51, 51); opacity: 0.2; z-index: 90;
right: 1px;"></div></div>
</div>
<hr class="separator">

</aside>
`
})
var header = Vue.component("menu-header", {
ANGELES CAMPUS 139

props:
[
'id',
'username'
],
template:
`<header class="main-header " id="header">
<nav class="navbar navbar-static-top navbar-expand-lg">
<!-- Sidebar toggle button -->
<button id="sidebar-toggler" class="sidebar-toggle">
<span class="sr-only">Toggle navigation</span>
</button>
<!-- search form -->
<div class="search-form d-none d-lg-inline-block">
<div class="input-group">
</div>
</div>
</div>

<div class="navbar-right ">


<ul class="nav navbar-nav">

<li class="dropdown notifications-menu">


<button class="dropdown-toggle" data-
toggle="dropdown">
<i class="mdi mdi-bell-outline"></i>
</button>
<notifications-bar v-bind:id="id"></notifications-
bar>
</li>
<!-- User Account -->
ANGELES CAMPUS 140

<li class="dropdown user-menu">


<button href="#" class="dropdown-toggle nav-link"
data-toggle="dropdown">
<img src="../assets/img/user/Admin-Profile.jpg"
class="user-image" alt="User Image">
<span class="d-none d-lg-inline-
block">{{ username }}</span>
</button>
<ul class="dropdown-menu dropdown-menu-right">
<li class="dropdown-footer">
<a href="../sql/logout.php"> <i class="mdi
mdi-logout"></i> Log Out </a>
</li>
</ul>
</li>
</ul>
</div>
</nav>
</header>`
})
Notifications.js
var noteBar = Vue.component("notifications-bar",
{
props:
[
'id'
],
data()
{
return{
count: null,
ANGELES CAMPUS 141

notes: []
}
},
created()
{
axios.post('../sql/notifications_handler.php',{
id: this.id
})
.then((response) => {
this.notes = response.data;
console.log(response.data);
})
},
template: `
<ul class="dropdown-menu dropdown-menu-right">
<li v-if="notes.length > 1" class="dropdown-
header">You have {{ notes.length }} notifications</li>
<li v-else class="dropdown-header">You have
{{ notes.length }} notification</li>
<li v-for="i in notes">
<a v-if="i.note_type == 1" href="#">
<i class="mdi mdi-account-plus"></i> New
Violation Record
<span class=" font-size-12 d-inline-block
float-right"><i class="mdi mdi-clock-outline"></i> 10
AM</span>
</a>
</li>
</ul>`
}
)
ANGELES CAMPUS 142

Profile.js
var profile = Vue.component("profile", {
props:
['id'],
created()
{
axios.post('../sql/data_handler.php',{
type: 5,
id: this.$route.params.id
})
.then((response) => {
this.name = response.data.d_name;
this.image = response.data.file_name;
this.license = response.data.d_license;
this.contact = response.data.d_contact_no;
this.dob = response.data.d_dob;
//console.log('Profile Info: ' + response.data);
})
//Gets violation list.
axios.post('../sql/data_handler.php',
{
type: 2,
id: this.$route.params.id
})
.then((response) =>{
this.vio = response.data;
console.log('Violations: ' + response.data);
console.log('Found ' + this.vio);
})
},
ANGELES CAMPUS 143

data()
{
return{
name: null,
image: null,
license: null,
contact: null,
dob: null,
vio: null
}
},
methods:
{
},
template:
`<transition appear name="sf-left" mode="in-out">
<div class="bg-white border rounded">
<div class="row no-gutters">
<div class="col-lg-4 col-xl-3">
<div class="profile-content-left pt-5 pb-3 px-3 px-
xl-5">
<div class="card text-center widget-profile px-0
border-0">
<div class="card-img mx-auto rounded-circle">
<img v-if="image" style="width: 100%" v-
bind:src="'../uploads/photos/drivers/' + image" alt="user
image">
<img v-else style="width: 100%"
src="../assets/img/user/u6.jpg" alt="user image">
</div>
<div class="card-body">
ANGELES CAMPUS 144

<h4 class="py-2 text-dark">{{ name }}</h4>


<p>License Number:<br> {{ license }}</p>
</div>
</div>
<div>
<div class="text-center pb-6">
<h6 class="text-dark pb-2">0</h6>
<p>Total Violations</p>
</div>
</div>
<hr class="w-100">
<div class="contact-info pt-4">
<h5 class="text-dark mb-1">Contact
Information</h5>
<p class="text-dark font-weight-medium pt-4 mb-
2">Phone Number</p>
<p> {{ contact }}</p>
<p class="text-dark font-weight-medium pt-4 mb-
2">Birthday</p>
<p> {{ dob }}</p>
</div>
</div>
</div>
<div class="col-lg-8 col-xl-9">
<div class="profile-content-right py-5">
<ul class="nav nav-tabs px-3 px-xl-5 nav-style-
border" id="myTab" role="tablist">
<li class="nav-item">
<a class="nav-link active" id="timeline-tab"
data-toggle="tab" href="#timeline" role="tab" aria-
controls="timeline" aria-selected="true">Activity</a>
ANGELES CAMPUS 145

</li>
<li class="nav-item">
<a class="nav-link" id="settings-tab" data-
toggle="tab" href="#settings" role="tab" aria-
controls="settings" aria-selected="false">Settings</a>
</li>
</ul>
<div class="tab-content px-3 px-xl-5"
id="myTabContent">
<div class="tab-pane fade show active"
id="timeline" role="tabpanel" aria-labelledby="timeline-
tab">
<div class="media mt-5 profile-timeline-media">
<v-entry v-for="i in vio" v-
bind:id="i.record_id" v-bind:status="i.v_status" v-
bind:name="i.v_name" v-bind:issuer="i.emp_fname + ' ' +
i.emp_mname + '. ' + i.emp_lname" v-
bind:timestamp="i.record_timestamp"></v-entry>
</div>
</div>
<div class="tab-pane fade" id="settings" role="tabpanel"
aria-labelledby="settings-tab">...</div>
<div class="tab-pane fade" id="settings" role="tabpanel"
aria-labelledby="settings-tab">...</div>
</div>
</div>
</div>
</div>
</div>
</transition>`
})
ANGELES CAMPUS 146

var vEntry = Vue.component('v-entry', {


methods:
{
clearViolation(id)
{
//Gets violation list.
axios.post('../sql/data_handler.php',
{
type: 6,
id,
status: 1
})
.then((response) =>{
console.log('Status: ' + response.data);
})
}
},
props:
[
'id',
'name',
'issuer',
'timestamp',
'fee',
'status',
'remarks',
],
template:
`<div class="media-body">
<div class="media-body">
ANGELES CAMPUS 147

<h4 class="mt-0 text-dark">{{ name }}</h4>


<span>Issued by {{ issuer }}</span>
<span class="float-
right">{{ timestamp }}</span>
<div class="row">
<div class="col-8">
<p v-
if="remarks">{{ remarks }}</p>
<h4 class="text-center" v-else="else">No Remarks</h4>
</div>
<div class="col-4">
<div class="row">
<div v-if="status == 0">
<button id="btnGroupDrop1"
type="button" class="btn btn-danger dropdown-toggle btn-
square" data-toggle="dropdown" aria-haspopup="true" aria-
expanded="false">
PENDING
</button>
<div class="dropdown-menu" aria-
labelledby="btnGroupDrop1">
<button class="dropdown-item"
v-on:click="clearViolation(id)">Clear Violation</button>
</div>
</div>
<h3 v-else><span class="badge badge-
success">Cleared</span></h3>
</div>
</div>
</div>
</div>
ANGELES CAMPUS 148

</div>
})
ANGELES CAMPUS 149

Appendix L
Answered Surveys and Evaluation Forms
ANGELES CAMPUS 150

Appendix M
Curriculum Vitae

S-ar putea să vă placă și