Overview

Introduction

An Online OJT (On-the-Job Training) Records Monitoring System is a software application

designed to track and manage the progress of employees undergoing on-the-job training.
The system is typically used by businesses and organizations that have a large number of
employees who require training and development. Academic institutions encounter
challenges, particularly when it comes to producing skills that do not meet the needs of the
industry. A large number of graduates nowadays are unable to fill employment openings due
to a mismatch in job skills. Many of these talents, such as technical, human resource, and
conceptual skills, are taught in college. Furthermore, these same skills can be reinforced
through on-the-job training programs.

A study by the People Management Association of the Philippines (PMAP) in 2006,

emphasized the importance of an effective on-the-job training program. Achievement of the
OJT program objectives ensures the possibility of good performer graduates. The opposite will
most likely produce poor performer graduates thus, promoting job-skill mismatch. Hence, on-
the-job training programs, vital as it is, should be dynamic and skill centered for the students to
effectively grasp practical learning in the workplace. And every student trainee needs to be
monitored well in order for them to be guided.

An Online OJT Records Monitoring System is a web-based platform designed to facilitate

the monitoring and management of on-the-job training (OJT) records for students, supervisor,
and academic institutions. The system offers real-time tracking and reporting, allowing
academic institutions to monitor students' progress and performance, identify potential issues,
provide timely feedback and support. It also helps streamline the administrative tasks
associated with OJT record-keeping, such as data entry, tracking, and reporting.

The goal of the Online OJT Records Monitoring System was to generate the tracking of
on-the-job trainee data. It will be used to keep precise records of the hours worked by the
trainee. In addition, the system will handle all reports, announcements, and updates. There are
some disadvantages to the manual and traditional methods of record keeping and
monitoring, such as the loss of some trainee data and barriers between trainee interaction and
the coordinator and management. The proposed system eliminates the chance of such errors
occurring. The system will keep and handle all of the trainee's records.

In addition, the purpose of the Online OJT Records Monitoring System is to help
coordinators keep track of students’ progress, monitor the effectiveness of the training
program, and identify areas where additional training may be required. The system can also
help identify high-performing students who may be candidates for promotion or other career
advancement opportunities. Online OJT Records Monitoring System aims to make the
monitoring procedure trouble-free by developing a system which would be accessible
through the Internet. Students will have their own user accounts which will give them the
capability to upload reports and on-site pictures thereby minimizing the time and effort spent
in going to and from the company's location to the college and vice versa. Also, the
supervisors will have their accounts to send the evaluation reports of each of their OJT trainees.
Similarly, the OJT administrator will have their own accounts to access, download and check
1
the updates submitted by the students and their supervisors. The system will be capable of
generating reports of submitted requirements in real time given that all data is to be stored in
a database and the process is done online. This Online OJT Records Monitoring System will be
used as a tool to assist the students and their OJT administrators in their tasks through the use
of web-based software. The researchers deem that this software will be able to address the
problems identified and eventually make the monitoring task more convenient.

The Online OJT Records Monitoring System also aims to present the advantages of
automating the monitoring of on-the-job trainees' records, and the following will be the
system's benefactors: OJT Trainees, and OJT Administrators. OJT Coordinator. The coordinator
will not have a difficult time verifying/ monitoring the records of the trainees. He will also be
devoid from lots of paperwork such as journal notebooks, month end and terminal reports and
there’s no possible way of losing the records. On-the-Job trainees will have fewer expenses
because of the paperless passing of requirements because all the requirements will be passed
online. They can update their records of their rendered hours during the training.

The Online OJT Records Monitoring System typically includes features such as a Home
Page, Student Profile, Documents Page, and Reports. It may also include features such as
Announcement & Updates, and Evaluation Status to help trainees and supervisors stay on top
of training activities.

Overall, an Online OJT Records Monitoring System can be a valuable tool for businesses
and organizations that want to improve the effectiveness of their training programs and ensure
that their employees are developing the skills and knowledge necessary to succeed in their
roles.

2
System Requirements

LAPTOP
We are using an ITEL SPIRIT 1 laptop, and the specifications of this laptop are the
following:
System: Windows 11 HOME (Version 21H2)
Screen: 15.6-inch FHD 300 nits
Battery pack: Three-cell, 11.4V/4400mah, 50Wh
Speakers: 3W*2 (cavity speakers)
CPU: Intel Core i3-8109U 14nm (Coffee-lake)
GPU: Intel Iris® Plus brand 655
DDR: 8GB DDR4 2400
SSD: 256GB SSD (SATA 3.0)

OPERATING SYSTEM
The researchers have chosen the Windows operating system for its best support and
user-friendliness.

XAMPP
It helps a local host or server to test its website and clients via computers and laptops
before releasing it to the main server. It is a platform that furnishes a suitable environment
to test and verify the working of projects based on Apache, Perl, MySQL database, and
PHP through the system of the host itself.

PHPMYADMIN
The proponents use this to handle the administration of MySQL over the web. The
PhpMyAdmin administration tool contains an uncomplicated graphical user interface
that can enable us to use a convenient query editing facility in order to create, update,
delete, and manipulate various operations on any SQL query.

HTML
As mentioned earlier, HTML is the backbone of web development. It provides the
structure and semantics necessary to define the content of a web page. By using HTML,
we can organize the content into headings, paragraphs, lists, and other elements that
make it easier for users to read and understand.

JavaScript
JavaScript is the one that makes the whole system come to life. It does things like
checking that users are filling out forms correctly, updating information without the page
having to reload, and creating an easy and seamless experience for users. With
JavaScript, the system can even talk to the server, pull in information, and connect with
other services to make everything functional and more responsive.

3
Tailwind CSS
It is a CSS framework that provides us with single-purpose utility classes which are
opinionated for the most part, and which help us design our web pages from right inside
our markup or . js/.

INTERNET
It is used to connect with the website, sharing information, and sharing of files.

4
Diagram

User Interface Design

Student Account

Login Form - the login form will be used by the students who registered in the system.
Each of the students will have their unique username and password to be able to access the
records and features of the system.

5
Home Page - This home page provides an OJT announcement and updates.

Student Profile - This contains detailed information about a student.

Reports - These reports are where the students upload their documents.

6
 Administrator Account

Login Form - the login form will be used by the administrators who registered in the
system. Each of the administrators will have their unique username and password to be able
to access the records and features of the system.

Dashboard - The dashboard serves as the homepage for the administrator, where tools
are available to manage the entire system.

7
List of Students - it displays the number of OJT Students who undergo on-the-job training.

Announcements List - where the administrators post the important announcements for
the students.

School - displays the list of schools where the students do their OJT.
8
 Reports - where the administrators can generate the reports such as vaccination status,
with pending documents, checked documents and students grades.

Course OJT Administrators - where the administrators can update their accounts.

Internship SchoolHead/ Supervisor - it displays the list of school heads and supervisors
where the students do their OJT.

9
 SchoolHead/ Supervisor Account

Login Form - the login form will be used by the school heads/supervisors who registered
in the system. Each of the school heads/supervisors will have their unique username and
password to be able to access the records and features of the system.

Dashboard - it displays the total number of students, the request, and where the
supervisor or schoolhead can generate the student's profile report.

10
 List of Trainees - where the supervisor or school head can view the students' information.

Trainee’s Evaluation Request - where they can view the documents and the profile of a
student.

Trainee’s Certificate Request - where they can view it if ever a student requests a
certificate.

11
 Announcement List - where they can view the posted announcements and also add
announcements.

12
Database Design

Requirements Analysis

This is the first phase of the development of the Online OJT Records Monitoring System,
which will eventually be used as the basis for the production of the actual database that will
be used by the system. The rectangle shape represents the entity being represented. The oval
form represents the attribute being represented. The shape of a diamond shows how a
relationship works. This will determine how things connect with each other.

13
Conceptual Design

Logical Design

14
Physical Design

15
Normalization

16
Results and Discussion

Implementation

When the researchers work on the Online OJT Records Monitoring System, their job is to
make it happen. We take all the plans and visions and transform them into an
actionable system by coding front-end and back-end components, connecting them
together, and checking that everything works well. We also do some testing, fix any
issues, and prepare the system to ensure a successful implementation.

Additionally, in the implementation phase the researchers follow a structured plan,

breaking down tasks and steps to ensure efficient progress. Throughout the
implementation, we adhere to best practices and coding standards, ensuring code
quality. The researcher continuously communicates and seek feedback from their
adviser to address any changes that may arise during the implementation process. Our
goal is to deliver a robust and reliable Online OJT Records Monitoring System that meets
the needs and expectations of users and the research panelists.

JavaScript served as the language of choice for the functionalities, while MySQL was
used for efficient data storage. The graphical layout was designed using HTML, CSS and
JavaScript, and the JavaScript component was integrated into the application layer.
Finally, data retrieval and storage were facilitated by the utilization of PHP and MySQL
for the Data Layer.

17
Conclusion

In general, an online OJT records monitoring system can provide numerous benefits to
organizations that offer or require on-the-job training programs.

Such as the system can enable the efficient tracking and management of OJT records,
including the progress and completion of training modules by individual trainees. It can also
facilitate the timely and accurate generation of reports, which can be used to evaluate the
effectiveness of the training program and identify areas of improvement.

Moreover, an online OJT records monitoring system can enhance the accessibility and
convenience of the OJT program for both trainees and trainers, allowing them to access
training materials and progress reports from anywhere with an internet connection. This can
save time and resources by eliminating the need for physical paperwork and in-person
monitoring.

Overall, an effective online OJT records monitoring system can help organizations streamline
their training processes, improve the quality of their training programs and ultimately enhance
the skills and knowledge of their trainees.

18
References

Inettutor.com (2022) OJT Records Monitoring System 100% free template, iNetTutor.com.
Available at: https://www.inettutor.com/programming-tutorial/bootstrap/ojt-records-
monitoring-system-free/ (Accessed: 10 May 2023).

Adegbenro, O., & Ogundeji, M. (2019). Design and implementation of an online OJT records
monitoring system. Journal of Information Management, 11(2), 1-10.

Biswas, A., & Karmaker, P. (2020). Development of an OJT monitoring system for a vocational
training institute. International Journal of Computer Applications, 179(40), 31-37.

Johnson, M. (2018). A case study of the implementation of an online OJT record monitoring
system in a healthcare organization. Journal of Health Information Management, 32(2), 45-52.

Kim, S., & Jung, S. (2017). Development of an OJT management system for small and medium-
sized enterprises. International Journal of Applied Engineering Research, 12(20), 9552-9557.

Smith, J., & Nguyen, T. (2016). Evaluation of an online OJT records monitoring system in a
corporate setting. Journal of Information Systems Education, 27(4), 299-306.

Chandra, A. & Singh, P. (2017). Online OJT Management System. International Journal of
Scientific Research in Computer Science, Engineering and Information Technology, 2(5), 396-
400.

Ganal, J. & Sagadraca, R. (2015). Development of an Online OJT Monitoring System for
Industry-Academe Partnership. Procedia Computer Science, 68, 208-215.

Ng, S. & Chua, M. (2016). Design and Development of an Online OJT Monitoring and
Assessment System. Journal of Network Communications and Emerging Technologies, 6(6), 63-
72.

Paul, P., & Rekha, R. (2013). Web-based OJT Management System. International Journal of
Engineering and Technology (IJET), 5(2), 1904-1907.

Piyasena, H., & De Silva, T. (2015). A Web-Based OJT Management System for IT/IS
Organizations. 2015 International Conference on Computing and Network Communications
(CoCoNet), 421-425.

Hernández-March, J., Martin del Peso, M. and Leguey, S. (2009) Graduates’ Skills and Higher
Education: The Employers’ Perspective. Tertiary Education and Management, 15, 1-16.
https://doi.org/10.1080/13583880802699978

De Chavez, K.J.V., Lumanglas, J.L., Rondilla, K.M., Salcedo, J.A. and Caiga, B.T. (2016) On-the-
Job Training and Academic Performance of Mechanical Engineering Students in One
Academic Institution in the Philippines. Asia Pacific Journal of Academic Research in Social
Sciences, 1, 54-63
19
Velasquez, J.E. and Vengco, J.V. (2014) Online Practicum Monitoring System for Lyceum of the
Philippines University Batangas Campus. International Journal on Computer Science and
Engineering, 6, 75-79.

Arcilla, E. (2020) Teachers’ Perceptions on the Transformational Style of Leadership on Job

Satisfaction of Public High School Teachers in the Philippines: A Qualitative Case Study. North
Central University, Minneapolis.

Gatto, D. (1993) The Use of Interactive Computer Simulations in Training. Australasian Journal
of Educational Technology, 9, 144-156. https://doi.org/10.14742/ajet.2105

Faez, P.B., Rahman, N.A.A. and Harun, K.S. (2014) Online Project and Assignment Submission,
Management and Progress Monitoring System (OPAS). Asia Pacific University of Technology
and Innovation, Kuala Lumpur.

Permana, P.A.G. (2015) Scrum Method Implementation in a Software Development Project

Management. International Journal of Advanced Computer Science and Applications, 6, 198-
204. https://doi.org/10.14569/IJACSA.2015.060927

20