Professional Documents
Culture Documents
To Update Documents
To Update Documents
High School
A Capstone Project
Presented to the Faculty of Business and Technology
Bataan Heroes College
Balanga City, Bataan
In Partial Fulfillment
Of the Course Requirements in
Bachelor of Science in Information Technology
Capstone Project and Research 2
By:
Evangelista, Emmanuel Dominic D.
Layno, Mike B.
Mariano, Renzel T.
Villa, Jan Robert B.
February 2023
BATAAN HEROES COLLEGE
Roman Super-Highway, Balanga City Bataan
Bachelor of Science in Information Technology
Table of Contents
Acknowledgement.........................................................................................................................5
Abstract.........................................................................................................................................6
Preface...........................................................................................................................................7
CHAPTER 1: INTRODUCTION................................................................................................8
Background of the Study..........................................................................................................8
Project Context.......................................................................................................................10
Purpose and Description of the Project.................................................................................11
Statement of the Problem.......................................................................................................12
Objectives of the Study...........................................................................................................12
Specific Objective...................................................................................................................12
Scope and Delimitations of the Study....................................................................................13
Scope of the project............................................................................................................13
Limitations of the Project...................................................................................................16
Significance of the Study........................................................................................................17
Chapter 2: Review of Related Literature..................................................................................19
Conceptual Framework..........................................................................................................19
Review of Related Literature and Studies............................................................................19
Conceptual Model of the Study..............................................................................................31
Chapter 3: Technical Background............................................................................................42
Technicality of the Project.....................................................................................................42
Details of the Technology.......................................................................................................42
How the project will work?....................................................................................................44
Chapter 4.....................................................................................................................................46
Methodology............................................................................................................................46
Project design..........................................................................................................................46
Data Flow Diagram.................................................................................................................46
Context Flow Diagram...........................................................................................................47
Data Flow Diagram.................................................................................................................49
Child Diagram........................................................................................................................50
Child Diagram of Assessment....................................................................................................52
Online Enrollment System for Senior High School of Morong National High School 2
BATAAN HEROES COLLEGE
Roman Super-Highway, Balanga City Bataan
Bachelor of Science in Information Technology
Online Enrollment System for Senior High School of Morong National High School 3
BATAAN HEROES COLLEGE
Roman Super-Highway, Balanga City Bataan
Bachelor of Science in Information Technology
Online Enrollment System for Senior High School of Morong National High School 4
BATAAN HEROES COLLEGE
Roman Super-Highway, Balanga City Bataan
Bachelor of Science in Information Technology
Acknowledgement
We would like to express our deepest gratitude to the Almighty God for his
eternal love, every day gifts and blessings especially for the knowledge, and the skills for
We truly thank our loving parents and relatives for their endless motivation and
support. To all our classmates, friends and everyone who in one way or another shared
their support.
In Addition, we could not finished this Thesis/ Capstone Project without the help
of our subject teacher and program head Mr. Dennis Giovani Caronan. We sincerely
thank you for all the efforts to teach us and guide us in making the Thesis/ Capstone
Project.
Finally, the completion of this Thesis/ Capstone Project could not have been
possible without the guidance and assistance of Mrs. Angela Gatdula Cruz. We sincerely
thank you for your excellent supervision, for all the knowledge you shared and the
patience you endow to us all throughout the creation of this Thesis/ Capstone Project.
We would like to extend our heartfelt gratitude to everyone for all the
encouragement and inspiration during the course of this study. God bless us all.
Online Enrollment System for Senior High School of Morong National High School 5
BATAAN HEROES COLLEGE
Roman Super-Highway, Balanga City Bataan
Bachelor of Science in Information Technology
Abstract
processing, and record keeping. Enrollment systems are used to record information about
students. A well-built one will reduce the stress on those who normally have to do all of
the work. The enrollment system is especially useful when the school needs to retrieve
important information from the student. The enrollment system allows the school to track
the standings of the students. A school's manual enrollment system can result in
inaccurate student performance evaluations, lost student records, inaccurate reports, and
slow enrollment processing. Students will be perplexed as to what they should do and
how they should do it in order to enroll. It is extremely useful for the school because it
Online Enrollment System for Senior High School of Morong National High School 6
BATAAN HEROES COLLEGE
Roman Super-Highway, Balanga City Bataan
Bachelor of Science in Information Technology
Preface
Morong National High School - Senior High School. The main issue is that the school
uses manual processing. The proponents want to create an Online Enrollment System for
Senior High School of Morong National High School in Sabang, Morong, Bataan. The
proposed system will benefit the School by making the enrollment process easier and
faster. The proposed system will benefit students and faculty by reducing the time and
The proposed system will also benefit the Proponents, allowing them to gain and
apply their understanding. Future Researchers will be able to use the proposed system as
a reference or guide for the Enrollment System. Administration influences decisions. The
vision and decisions of the school leadership team are supported by substantial evidence.
Online Enrollment System for Senior High School of Morong National High
School is a web-based system that you can access at any time as long as you have an
Internet connection. Online Enrollment System for Senior High School of Morong
National High School is a responsive website; users can access it from any device, such
you to navigate your needs without wasting time finding and searching for them.
Online Enrollment System for Senior High School of Morong National High
School will assist the Morong National High School - Senior High School in having a
Online Enrollment System for Senior High School of Morong National High School 7
BATAAN HEROES COLLEGE
Roman Super-Highway, Balanga City Bataan
Bachelor of Science in Information Technology
CHAPTER 1: INTRODUCTION
schools. Most schools employ computers to assist students in dealing with current
technologies. However, as the student population grows, many institutions are having
System Design Project will give vital information in a faster, more comfortable manner
by storing student enrollee files in a computer system, reducing faculty and staff work in
storing files for each student. This information may be seen instantly without the risk of
losing a single file. The concept of an enrollment system is not a new one. The
enrollment process becomes increasingly difficult as more students enroll each year. This
program will only contribute to relieving the enrollment problem by making the
generation change fast, technology innovation is also fast changing mostly computers.
Computer benefits such as the way of using certain application for office works or for
record keeping purpose. The discovery of the computer was great function of modernity
to make work easier. With the help of technology, the people’s lives become more
convenient and doing things can be done so fast. Most of the people now are using
technology for the fastest and easiest way of living. To relate all of these to the
researcher’s study, the researchers want to help a company to have and to improve the
Online Enrollment System for Senior High School of Morong National High School 8
BATAAN HEROES COLLEGE
Roman Super-Highway, Balanga City Bataan
Bachelor of Science in Information Technology
system for academic institutions in order to provide a solution to the school's manual
enrollment system’s difficulties. This was done not only for the benefit of schools and
proponents but also for the advancement of our country’s information technology field. It
will boost efficacy in terms of speed, dependability, and correctness of the process.
Because student has been subjected to the onerous and time-consuming manual
enrollment procedure, the proponents developed the study system for public schools.
Online Enrollment System for Senior High School of Morong National High School 9
BATAAN HEROES COLLEGE
Roman Super-Highway, Balanga City Bataan
Bachelor of Science in Information Technology
Project Context
Morong National High School - Senior High School that is located at Hilltop,
Sabang, Morong, Bataan. The Morong NHS – Senior High School founded in the year
2016. The school is providing quality education for a better future. The Morong National
High School – Senior High School has two fully air-conditioned computer lab that is
called iHub, own canteen and farm at the side of the school.
Enrollment is an exciting day for every student in every school. It is the most
expected activity after the vacation. But contrary to the expectations of the student
enrollees, it has posed problems and inconveniences because it has become tedious and
time-consuming.
The other students tend to give the task to their parents and other members of the
family to enroll them. The unsystematic procedure if school during enrollment is now a
major dilemma. All these seen problem that alarmed the proponents and decided to
resolves the enrollment problem by designing and execute a system of enrollment which
would cater to smooth and less problematic flow of enrollment in Morong NHS - Senior
High School.
The researchers decided to design and develop an Enrollment System that is fast,
accurate, reliable, and easy to use for Morong NHS - Senior High School. The proposed
enrollment system is a good step for the school. This could be a great help to the people
who are handling many tasks during the enrollment period by providing fast, easier,
Online Enrollment System for Senior High School of Morong National High School 10
BATAAN HEROES COLLEGE
Roman Super-Highway, Balanga City Bataan
Bachelor of Science in Information Technology
This capstone project's major goal is to create a web-based enrollment system that
is quick, reliable, safe, and simple to use. The researchers will create the suggested
capstone project, entitled “Online Enrollment System for Senior High School of Morong
National High School" for the Assistant Principal, Learning Information System
The proposed project will use web-based system that enables authorized users to
speed up the enrolling process, give updated, secured, and easier access to student
automated enrollment system. By computerizing the entire function, this initiative intends
to give students a good and organized enrollment procedure. Additionally, the system has
tools for managing student and faculty’s data, encoding subject schedules, and generating
Online Enrollment System for Senior High School of Morong National High School 11
BATAAN HEROES COLLEGE
Roman Super-Highway, Balanga City Bataan
Bachelor of Science in Information Technology
High School - Senior High School. The school uses manual processing method, which is
The main objective of the study is to create a web-based enrollment system that is
suited for the assistant principal, learning information system coordinator, teachers, and
students of Morong National High School, Senior High School, to have a fast and safe
enrollment process. The system will provide an efficient way of admitting students into
the school with less time and effort. It will also help the institution reduce manual errors,
Specific Objective
Online Enrollment System for Senior High School of Morong National High School 12
BATAAN HEROES COLLEGE
Roman Super-Highway, Balanga City Bataan
Bachelor of Science in Information Technology
d) To develop a record module that teacher can encode student grades and
Admission Module
The Learning Information System Coordinator view the list of the student and
Assessment Module
Online Enrollment System for Senior High School of Morong National High School 13
BATAAN HEROES COLLEGE
Roman Super-Highway, Balanga City Bataan
Bachelor of Science in Information Technology
Schedule Module
Grades Module
The Learning Information System Coordinator view and print grade slip of the
student.
Faculty Module
The Learning Information System Coordinator enroll old student using QR code
Online Enrollment System for Senior High School of Morong National High School 14
BATAAN HEROES COLLEGE
Roman Super-Highway, Balanga City Bataan
Bachelor of Science in Information Technology
The Old Student enroll its self by using QR code by scanning and uploading
image file.
strands.
Class Module
The Learning Information System Coordinator view the master list of student by
The Learning Information System Coordinator view list of user and create new.
Record Module
The Teacher view schedule information, list of student and encode student grades.
Online Enrollment System for Senior High School of Morong National High School 15
BATAAN HEROES COLLEGE
Roman Super-Highway, Balanga City Bataan
Bachelor of Science in Information Technology
The limitation of this system is only to register and enroll students. The proposed
enrollment system is limited only to Morong National High School – Senior High School
that involves the Learning Information System Coordinator, Assistant Principal, Teacher
and the Student of the said school. The Learning Information System Coordinator can
only enrolled the student. Assistant Principal encode schedule information, create teacher
account and assigned subjects. Student is for viewing grades slip and schedule
information. Teacher is for encoding grade of the student also teacher can view schedule
information.
Here are some limitations of the Online Enrollment System for Senior High
(1) Uploading Documents is not included in the Online Enrollment System for
(2) SMS Notifications is not included in the Online Enrollment System for Senior
(3) Class Record is not included in the system for the Online Enrollment System
for Senior High School at Morong National High School only encoding quarterly grades.
Online Enrollment System for Senior High School of Morong National High School 16
BATAAN HEROES COLLEGE
Roman Super-Highway, Balanga City Bataan
Bachelor of Science in Information Technology
The proponents aim to develop an Online Enrollment System for Senior High
School at Morong National High School in Sabang, Morong Bataan to upgrade the old
Learning Information System Coordinator. The proposed system will make it easier to
process enrollees. The system reduces enrollment time and minimizes errors. The system
will provide reports for retrieving records and information about the students. It can
minimize the effort and time they exert in terms of gathering the students' information.
Assistant Principal. The proposed system will lessen the work of the Assistant Principal
Students. The proposed system will help to minimize the time and effort that it takes to
process a student’s enrollment. The students who will enroll in the school can easily be
registered through the use of this system to process the enrollment without waiting much
time.
Proponents. The proposed system will help the proponents gain and apply their
knowledge. It will help them improve their skills and work during the study.
Future Researchers. The proposed system will allow Future Researchers to use it as a
reference for further study in the future. This study may provide relative information,
especially for other institutions having the same processes, like the Morong National
Online Enrollment System for Senior High School of Morong National High School 17
BATAAN HEROES COLLEGE
Roman Super-Highway, Balanga City Bataan
Bachelor of Science in Information Technology
Morong National High School – Senior High School. The system is one effective tool
for improving their services, and it can make the school more innovative and competitive.
The system is designed to relieve the problems that are being encountered by the
enrollees and also to have faster, easier, and more suitable storage and retrieval of
information.
Online Enrollment System for Senior High School of Morong National High School 18
BATAAN HEROES COLLEGE
Roman Super-Highway, Balanga City Bataan
Bachelor of Science in Information Technology
Conceptual Framework
This chapter includes the review of related literature and studies that the
proponents have acquired. It will also contain the conceptual model and the operational
Knowledge Requirements
Web development
websites for hosting via intranet or internet. The web development process includes web
configuration, among other tasks. In a broader sense, web development encompasses all
the actions, updates, and operations required to build, maintain and manage a website to
ensure its performance, user experience, and speed are optimal. It might also, but not
necessarily, include all those strategic actions needed to ensure its proper ranking on
Monitoring development
progress against plans. The data acquired through monitoring is used for evaluation.
Online Enrollment System for Senior High School of Morong National High School 19
BATAAN HEROES COLLEGE
Roman Super-Highway, Balanga City Bataan
Bachelor of Science in Information Technology
managing databases. A DBMS makes it possible for end users to create, protect, read,
update and delete data in a database. The most prevalent type of data management
platform, the DBMS essentially serves as an interface between databases and users or
application programs, ensuring that data is consistently organized and remains easily
accessible.
Software Requirements
Visual Studio Code is a streamlined code editor with support for development
operations like debugging, task running, and version control. It aims to provide just the
tools a developer needs for a quick code-build-debug cycle and leaves more complex
Sublime Text
Sublime Text editor is a sophisticated text editor which is widely used among
developers. It includes wide features such as Syntax Highlight, Auto Indentation, File
Type Recognition, Sidebar, Macros, Plug-in and Packages that make it easy for working
with code base. This tutorial gives you a comprehensive coverage of concepts of Sublime
Text and makes you comfortable to use it in your software development projects.
Online Enrollment System for Senior High School of Morong National High School 20
BATAAN HEROES COLLEGE
Roman Super-Highway, Balanga City Bataan
Bachelor of Science in Information Technology
Web Browser
A web browser is a software program that allows a user to locate, access, and
display web pages. In common usage, a web browser is usually shortened to "browser”.
Web browsers are used primarily for displaying and accessing websites on the internet, as
well as other content created using languages such as Hypertext Markup Language
(HTML) and Extensible Markup Language (XML). Browsers translate web pages and
content. They also have the ability to display other protocols and prefixes, such as secure
HTTP (HTTPS), File Transfer Protocol (FTP), email handling (mailto:), and files (file:).
In addition, most browsers also support external plug-ins required to display active
XAMPP
Apache, M stands for MYSQL, and the Ps stand for PHP and Perl, respectively. It is an
open-source package of web solutions that includes Apache distribution for many servers
and command-line executables along with modules such as Apache server, MariaDB,
XAMPP Server
XAMPP 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
Online Enrollment System for Senior High School of Morong National High School 21
BATAAN HEROES COLLEGE
Roman Super-Highway, Balanga City Bataan
Bachelor of Science in Information Technology
database, and PHP through the system of the host itself. Among these technologies, Perl
language, and MariaDB is the most vividly used database developed by MySQL. The
XAMPP MySQL
It is used for testing the projects and modifications offline before launching it on
the global web. One such very important functionality provided by XAMPP is the
PHP
source general-purpose scripting language that is especially suited for web development
JavaScript
content, i.e. anything that moves, refreshes, or otherwise changes on your screen without
requiring you to manually reload a web page. Features like: animated graphics, photo
HTML
for web page creation. It allows the creation and structure of sections, paragraphs, and
Online Enrollment System for Senior High School of Morong National High School 22
BATAAN HEROES COLLEGE
Roman Super-Highway, Balanga City Bataan
Bachelor of Science in Information Technology
links using HTML elements (the building blocks of a web page) such as tags and
attributes.
CSS
intended to simplify the process of making web pages presentable. CSS handles the look
and feel part of a web page. Using CSS, you can control the color of the text, the style of
fonts, the spacing between paragraphs, how columns are sized and laid out, what
background images or colors are used, layout designs, variations in display for different
devices and screen sizes as well as a variety of other effects. CSS is easy to learn and
understand but it provides powerful control over the presentation of an HTML document.
Most commonly, CSS is combined with the markup languages HTML or XHTML.
Bootstrap
collection of syntax for template designs. In other words, Bootstrap helps web developers
build websites faster as they don’t need to worry about basic commands and functions. It
consists of HTML, CSS, and JS-based scripts for various web design-related functions
and components.
Online Enrollment System for Senior High School of Morong National High School 23
BATAAN HEROES COLLEGE
Roman Super-Highway, Balanga City Bataan
Bachelor of Science in Information Technology
Hardware Requirements
outputing the storing data and information is known as “Computer system”. Basically, a
computer system is a combination of hardware and software devices that help computers
devices that accept data (input), Then process it and finally give us a result (output) This
is known as the”Computer System”. The computer system work with the help of the main
four basic work ‘INPUT’, ‘OUTPUT’, ‘STORAGE’, and ‘PROCESSING’. These four
words define the meaning of Computer systems. It includes a CPU, monitor, keyboard,
SmartPhones
IBM but have since expanded to include companies like Apple and Samsung. Although
they were originally meant to allow individuals to communicate via phone and email,
smartphones now allow people to access the internet, play games, and send text messages
Online Enrollment System for Senior High School of Morong National High School 24
BATAAN HEROES COLLEGE
Roman Super-Highway, Balanga City Bataan
Bachelor of Science in Information Technology
Router
subnetworks. It serves two primary functions: managing traffic between these networks
by forwarding data packets to their intended IP addresses, and allowing multiple devices
to use the same Internet connection. There are several types of routers, but most routers
pass data between LANs (local area networks) and WANs (wide area networks). A LAN
requires a single router. A WAN, by contrast, is a large network spread out over a vast
geographic area. Large organizations and companies that operate in multiple locations
across the country, for instance, will need separate LANs for each location, which then
connect to the other LANs to form a WAN. Because a WAN is distributed over a large
area, it often necessitates multiple routers and switches*. *A network switch forwards
data packets between groups of devices in the same network, whereas a router forwards
Local Literature
of the Millennium winning organization are those which are willing to integrate business
strategy and computer information technology in plying their respective trades. The use
of computer information technology results for them to be able to develop products fast
and make decisions fast, ability to have fluid organization structures, able to cope with
the demanding work force and external environment by the rapid development of
Online Enrollment System for Senior High School of Morong National High School 25
BATAAN HEROES COLLEGE
Roman Super-Highway, Balanga City Bataan
Bachelor of Science in Information Technology
innovative approaches and lastly using information system confirms the company’s
enrolment system. This results for them to attract enrollees and earn an income. Enrollees
are attracted because the use of the said system makes the transactions faster and easier.
(Aquino, 2005). “Lack of enrolment system in schools can lead to chaos and troubles”.
Students will be confused on what they should do to be able to enroll, that is why such
systems is extremely useful in the way that it gives an ease on working on enrolment
processes. (Ace Adrian, 2011) Many countries nowadays, especially the developing
nations are challenged by the rapid technological changes. This has radically changed the
living and working styles of the entire society. This transformation has been driven partly
by rapid technological innovation. While in the 20th century saw the rise of the industrial
revolution with steam- powered machines intensifying and expanding human productive
power, the 21th century was characterized by the birth of machine-powered flight and the
emergence of broadcasting and computer technologies the extend the reach of human
creativity even more and made possible new ways by which humans could live and work
controlling. This maybe observed from the past that they monitor production activities,
solve scientific problem and help arrive in tentative answer to a multitude of involve
Online Enrollment System for Senior High School of Morong National High School 26
BATAAN HEROES COLLEGE
Roman Super-Highway, Balanga City Bataan
Bachelor of Science in Information Technology
Technology innovation had influenced man's work from data processing, business
anatomy are now entrusted to computer technology. Web applications are popular due to
ubiquity of its applications. The ability to update and maintain web applications without
distributing and installing software on potentially thousands of client computers are key
reasons for its popularity. A significant advantage of building web applications to support
Local Studies
An enrollment system helps and provides efficient and reliable services to the
students, enrolment personnel and administration. Moreover, this system improved the
2005) Many problems and difficulties were identified in the existing system of Dagupan
City National High School (DCNHS). These major concerns are affecting the efficient
enrolment system of students. Security of the student’s records were found to be at high
risk. The current system may fail to protect some important documents. It has also
untimely and inefficient report generation. A computerized system for DCNHS shall
Online Enrollment System for Senior High School of Morong National High School 27
BATAAN HEROES COLLEGE
Roman Super-Highway, Balanga City Bataan
Bachelor of Science in Information Technology
The school puts premium to its registration. The enrollment process is the initial
stage in gathering bon fide and accurate student information necessary to establish
student permanent records. A registration and billing system is needed by the institution
to address the stated situation. The study has been made to help Harvent School gather
was developed to help its students enroll in a more efficient way without the hassles of
waiting long hours in filling out forms, which sometimes become redundant, or to stand
in line and pay at the cashier. It is with the Web-based Enrollment System for VPS that
this new style of enrolment may be achieved. This new type of system offers its students
new options for enrolling at VPS. By logging on to VPSwebsite, one can register and
enroll subjects for a school year. With these, all the students are required to fill out
certain forms that do not take more than a few minutes to accomplish. The system stores
its records in the school database for future references. Confirmation of the transaction
made by the students need to be verified, the payment of tuition fees must be made in the
school's registrar. The students may also browse the web site of VPS and he can check
his current account. He can also refer to the list of the school current tuition fee rates rates
(Vascularize, 2008).
Currently emerging on markets for they are offering transaction convenience and
service efficiency using Internet. This system becomes a powerful tool in dealing with
Online Enrollment System for Senior High School of Morong National High School 28
BATAAN HEROES COLLEGE
Roman Super-Highway, Balanga City Bataan
Bachelor of Science in Information Technology
improvement of day-to-day operation and for easy access it provides for the end users.
Many schools today have adapted this innovation in offering of their services. (Forman,
2007).
Foreign Studies
Harvard University Harvard College students register for the term using an
electronic registration tool. The electronic tool is easy to use and should take only a few
minutes to complete. During the registration process, students need to verify their name
and their physical return to campus. Additionally, they are provided with informational
documents such as Harvard College's Alcohol and Drug Policy, Substance Abuse Laws,
and Voter Registration Forms. Students are also required to review and update their
directory information. Students are given the option to register for Message Me, Harvard
Registration tool by selecting the "Campus Resources" tab of the my.harvard.edu portal.
Within this screen, they will see a block called 'Online Registration Tool'. There should
be a Status line with a link to 'Register Online'. Once this link is selected, they will need
to authenticate themselves using their HUID and PIN and will be presented with a
welcome message for the online registration tool. The student receives final confirmation
upon completing the registration process and an email confirmation. Lastly, the Status
Tool will indicate 'You are currently registered' when this process is complete.
Online Enrollment System for Senior High School of Morong National High School 29
BATAAN HEROES COLLEGE
Roman Super-Highway, Balanga City Bataan
Bachelor of Science in Information Technology
California, U.S., one of the largest such systems in the country. San Carlos School
District to make the registration process simpler and more efficient during your child’s
time as a student in the San Carlos School District and in an attempt to “Go Green”, the
San Carlos School District now uses an online process to gather student information
while maintaining confidentially and security. To complete or update your child’s Info
snap forms, you will need an access code (or “Snap Code”).
If you do not have a Snap Code or have forgotten it, please contact the District
tuition-free public charter school educating students in grades K-8 who reside in North
Carolina. For 2014-2015 school year applications will be accepted in grade levels K-7.
Subsequent grades will be added each year. Cardinal Charter Academy is governed by
the Triangle Charter Education Association of North Carolina and a member of the
Southern California Community College Long Beach City College has gone live with a
Cognos-Based faculty and student scheduling management system that was designed by
Irvine, CA-base professional services firm e2e Analytics. Priority to installing the new
system. LBCC, which has two main campuses and multiple satellites that support nine
schools and 34 departments. The school’s scheduling management system budgeting and
checking of faculty and students Information was inspired bythe advancement of modern
technology. The researchers gathered data necessary in the scheduling system for the
success of the study providing benefit of the employees and students so they can have
Online Enrollment System for Senior High School of Morong National High School 30
BATAAN HEROES COLLEGE
Roman Super-Highway, Balanga City Bataan
Bachelor of Science in Information Technology
access and have access and can manage information directly and conveniently. (Koft,
combination of different function areas such as databases, searching, retrieval, and update
2003).
Creswell (1994) stated that a conceptual framework can guide research by providing a
conceptual model begins with conducting a thorough review of the literature. Search
references. Next, organize the literature around the topic. Begin to develop research
Online Enrollment System for Senior High School of Morong National High School 31
BATAAN HEROES COLLEGE
Roman Super-Highway, Balanga City Bataan
Bachelor of Science in Information Technology
Online Enrollment System for Senior High School of Morong National High School 32
BATAAN HEROES COLLEGE
Roman Super-Highway, Balanga City Bataan
Bachelor of Science in Information Technology
Figure 1 shows the conceptual model of the study. It consists of four phases
starting from the input, process, output and finally the evaluation. The input phase is
database management system, monitoring system. The knowledge requirements will help
the proponents to be familiar with the proposed system. It would greatly benefit the
proponents to have prior knowledge and ideas relevant to their objectives for the
from Figure 1 are PHP, JavaScript, Python ,XAMPP MySQL, XAMPP Apache server,
web browsers, Bootstrap and while the hardware requirements are a computer system
laptop or Desktop, smartphones, modem, and router for the hardware requirements. The
process phase from the conceptual model from figure 1 states that the proponents will use
the Agile Model as the methodology in the development of the proposed system. The
Release and Feedback. Finally, the output phase shows that the proponents will Online
Enrollment System for Senior High School of Morong National High School.
Online Enrollment System for Senior High School of Morong National High School 33
BATAAN HEROES COLLEGE
Roman Super-Highway, Balanga City Bataan
Bachelor of Science in Information Technology
The following are the terms that operationally define for a better understanding of
the study:
Education
DepED
ensuring access to, promoting equity in, and improving the quality of basic education.[4]
It is the main agency tasked to manage and govern the Philippine system of basic
education. It is the chief formulator of Philippine education policy and responsible for the
Philippine primary and secondary school systems. It has its headquarters at the DepEd
A system for maintaining the registry of learners aimed at meeting the following
Online Enrollment System for Senior High School of Morong National High School 34
BATAAN HEROES COLLEGE
Roman Super-Highway, Balanga City Bataan
Bachelor of Science in Information Technology
Assistant Principal
They need to ensure the safety of students, as well as fulfillment of federal and state
student and teacher performance guidelines. This leadership position includes interactions
students may choose a specialization based on aptitude, interests, and school capacity.
The choice of career track will define the content of the subjects a student will take in
Grades 11 and 12. SHS subjects fall under either the Core Curriculum or specific Tracks.
Enrollment System
one will reduce the load on the people that normally have to-do all the work. Enrollment
system is useful especially when the school retrieves the important information from the
student.
students before they have enrolled in a facility or school. These systems work by
Online Enrollment System for Senior High School of Morong National High School 35
BATAAN HEROES COLLEGE
Roman Super-Highway, Balanga City Bataan
Bachelor of Science in Information Technology
allowing administrators to send out forms to parents via email or a website portal instead
of having to rely on mailing forms or having families stop by to pick them up.
Web Development
includes aspects such as web design, web publishing, web programming, and database
management. While the terms "web developer" and "web designer" are often used
Web Programming
Web programming can be briefly categorized into client and server coding. The
client side needs programming related to accessing data from users and providing
information. It also needs to ensure there are enough plug ins to enrich user experience in
HTML
HTML, or Hypertext Markup Language, allows web users to create and structure
sections, paragraphs, and links using elements, tags, and attributes. However, it’s worth
noting that HTML is not considered a programming language as it can’t create dynamic
functionality.
CSS
intended to simplify the process of making web pages presentable. CSS handles the look
Online Enrollment System for Senior High School of Morong National High School 36
BATAAN HEROES COLLEGE
Roman Super-Highway, Balanga City Bataan
Bachelor of Science in Information Technology
and feel part of a web page. Using CSS, you can control the color of the text, the style of
fonts, the spacing between paragraphs, how columns are sized and laid out, what
background images or colors are used, layout designs, and variations in display for
different devices and screen sizes as well as a variety of other effects. CSS is easy to
learn and understand but it provides powerful control over the presentation of an HTML
document. Most commonly, CSS is combined with the markup languages HTML or
XHTML
JavaScript
authors to design interactive sites. Although it shares many of the features and structures
of the full Java language, it was developed independently. JavaScript can interact with
HTML source code, enabling Web authors to spice up their sites with dynamic content.
Json
JSON is an open standard file format and data interchange format that uses
human-readable text to store and transmit data objects consisting of attribute–value pairs
and arrays (or other serializable values). It is a common data format with diverse uses in
PHP
PHP originally stood for Personal Home Page, but it now stands for the recursive
initialism PHP: Hypertext Preprocessor. PHP code is usually processed on a web server
Online Enrollment System for Senior High School of Morong National High School 37
BATAAN HEROES COLLEGE
Roman Super-Highway, Balanga City Bataan
Bachelor of Science in Information Technology
Server
computer program and its user, also known as the client. In a data center, the physical
computer that a server program runs on is also frequently referred to as a server. That
Database
contain multiple tables, which may each include several different fields. For example, a
company database may include tables for products, employees, and financial records.
Each of these tables would have different fields that are relevant to the information stored
in the table.
SQL
Institute), it is the standard language for relational database management systems. SQL
statements are used to perform tasks such as update data on a database, or retrieve data
from a database. Some common relational database management systems that use SQL
Online Enrollment System for Senior High School of Morong National High School 38
BATAAN HEROES COLLEGE
Roman Super-Highway, Balanga City Bataan
Bachelor of Science in Information Technology
Browser
Wide Web. These pieces of content, including pictures, videos, and web pages, are
connected using hyperlinks and classified with URIs (Uniform Resource Identifiers).
Text Editor
A text editor is program that allows you to open, view, and edit plain text files.
Unlike word processors, text editors do not add formatting to text, instead focusing on
Visual Studio Code is a code editor in layman’s terms. Visual Studio Code is “a
free-editor that helps the programmer write code, helps in debugging and corrects the
code using the intelli-sense method”. In normal terms, it facilitates users to write the code
in an easy manner. Many people say that it is half of an IDE and an editor, but the
decision is up to to the coders. Any program/software that we see or use works on the
code that runs in the background. Traditionally coding was used to do in the traditional
editors or even in the basic editors like notepad! These editors used to provide basic
Online Enrollment System for Senior High School of Morong National High School 39
BATAAN HEROES COLLEGE
Roman Super-Highway, Balanga City Bataan
Bachelor of Science in Information Technology
XAMPP
software package contains Apache distributions for Apache server, MariaDB, PHP, and
Apache
Apache HTTP Server is not a physical server, but rather a software that runs on a
server. Who is using Apache Web Server? Apache software is currently used by 43.2%
MYSQL
and "SQL", the abbreviation for Structured Query Language. A relational database
organizes data into one or more data tables in which data may be related to each other;
Computer
Online Enrollment System for Senior High School of Morong National High School 40
BATAAN HEROES COLLEGE
Roman Super-Highway, Balanga City Bataan
Bachelor of Science in Information Technology
Router
packets to another network. It may also be used to convert the packets to another network
interface, drop them, and perform other actions relating to a network. The picture shows
the Linksys BEFSR11 wireless router and is what many home routers resemble.
Smart Phone
Online Enrollment System for Senior High School of Morong National High School 41
BATAAN HEROES COLLEGE
Roman Super-Highway, Balanga City Bataan
Bachelor of Science in Information Technology
The proponents of the project collected all relevant research on the project and
considered which technology to use. The Online Enrollment System for Senior High
School of Morong National High School is an enrollment process where the students can
enroll online fast and easier. The project will be an Information Technology (IT) related
study so there will be terms or terminologies that only Information Technology (IT)
students and persons on the Information Technology (IT) field can understand. These are
some of the technical terms that are being used by the proponents in the project: Visual
Studio code, Sublime, XAMPP, XAMPP Apache Server, XAMPP MySQL, PHP,
JavaScript, HTML, CSS and Bootstrap. The terminologies stated above is also used by
The proponents choose Visual Studio Code as the main source code editor of the
project. Sometimes the Sublime is used when the laptop or personal computer is lack of
memory because it is a lightest application to use as source code editor. HTML is the
language for describing the structure of web pages it gives authors the means to: Publish
online documents with headings, text, tables, lists, photos, etc. Retrieve online
information via hypertext links, at the click of a button. CSS it is the presentation of web
pages, including colors, layout, and fonts. It allows one to adapt the presentation to
different types of devices, such as large screens, small screens, or printers. CSS is
independent of HTML and can be used with any XML-based markup language.
Online Enrollment System for Senior High School of Morong National High School 42
BATAAN HEROES COLLEGE
Roman Super-Highway, Balanga City Bataan
Bachelor of Science in Information Technology
The Bootstrap is a free and open source front end development framework for the
creation of websites and web apps. The Bootstrap framework is built on HTML, CSS,
and JavaScript (JS) to facilitate the development of responsive, mobile-first sites and
apps. JavaScript it is used by the developer or the programmer to create dynamic and
interactive web content like applications and browsers. JavaScript is so popular that it's
the most used programming language in the world. PHP it is an open-source server-side
scripting language that many developers use for web development. It is also a general-
purpose language that you can use to make lots of projects, including Graphical User
Interfaces (GUIs). XAMPP is a free and open-source cross-platform web server. XAMPP
is simply a local host or server that is used to test clients or websites before publishing
them to a remote web server. The XAMPP server software on a local computer provides
an appropriate environment for testing MYSQL, PHP, Apache, and Perl projects.
XAMPP Apache Server Apache Xampp is an open source tool used for running PHP or
PERL Web applications locally using a Web server. It is available for all major operating
systems and is popular with Windows users to locally build and test their Web apps.
XAMPP MySQL it is another open source package that is widely used for PHP
database. The proponents use Windows 10 because it is currently and most popular
operating system. The proponents recommended Google Chrome browser to get the best
result of the project when it run or test. The project can viewed by using smartphone and
computer or laptop.
Online Enrollment System for Senior High School of Morong National High School 43
BATAAN HEROES COLLEGE
Roman Super-Highway, Balanga City Bataan
Bachelor of Science in Information Technology
The proposed system log-in and log-out feature will require allowed users to input
their user credentials in order to access their user account in all modules. The forgot your
password feature, let you change or reset your password to get back your account. The
admission module, it works by add new student and check requirements. The assessment
assessment module the LIS Coordinator select the subjects and assign it to student. In
schedule module, it view and print the enrolled subject of the student. In grades module,
it view the student grades encoded by teacher and print. In subject management module,
encoding of subjects. Grade level module, encoded of strand and sections. In faculty
module, assigning subjects of the teachers and view the list of subjects. Student Via QR
Code module, it works only in grade 12 student and it has a feature of enrolling the old
student. Strand schedule module, it work by viewing only of subjects of different strands
and sections. Class module, it works by viewing only the subjects and who is enrolled in
particular subjects. Manage user module, it add faculty account. In students part the
current subjects module it work by viewing the subjects and grades also it has feature of
print. Student info module, it works by viewing the encoded information and view the
status if you are already enrolled or pending. Qr scanner registration, it works only in old
In teacher parts the Record module, it works by viewing of subjects assign to the teacher
and also it has feature of encoding of grade of the student. The Online Enrollment System
for Morong National High School Senior High School works in devices such as Laptop,
Online Enrollment System for Senior High School of Morong National High School 44
BATAAN HEROES COLLEGE
Roman Super-Highway, Balanga City Bataan
Bachelor of Science in Information Technology
Enrollment System for Morong National High School Senior High School is user friendly
it is easy to learn how to use and navigate what you are looking and needed.
Online Enrollment System for Senior High School of Morong National High School 45
BATAAN HEROES COLLEGE
Roman Super-Highway, Balanga City Bataan
Bachelor of Science in Information Technology
Chapter 4
Methodology
This chapter will include the methodologies for this study. It will include the
project design, data flow diagram and the database design for the proposed system, Gantt
chart, operation, and testing procedures. This chapter will also cover the steps the
proponents will take for the evaluation process of the proposed system the Morong
Project design
The proposed Online Morong Senior High School Enrollment System in Sabang
Morong Bataan. The proposed system has sign in it allow the students to log in using id
number in school and a password in order to access your account and view your profile
and subjects with grades. A computergenerated process is the Online Enrollment System.
This can reduce workload while also providing the school with accurate information. As
a result, not only will it benefit the student, but also the administration as a whole.
systems. It includes storing data, data input, data output. It is describing as the process of
taking the data as input, storing the data, giving the data as output. It describes the path of
Online Enrollment System for Senior High School of Morong National High School 46
BATAAN HEROES COLLEGE
Roman Super-Highway, Balanga City Bataan
Bachelor of Science in Information Technology
Context Flow Diagram According to MSc-IT Study Material (2011) the context
diagram is used to establish the context and boundaries of the system to be modelled:
which things are inside and outside of the system being modelled, and what is the
relationship of the system with these external entities. A context diagram, sometimes
called a level 0 data-flow diagram, is drawn in order to define and clarify the boundaries
of the software system. It identifies the flows of information between the system and
Online Enrollment System for Senior High School of Morong National High School 47
BATAAN HEROES COLLEGE
Roman Super-Highway, Balanga City Bataan
Bachelor of Science in Information Technology
The student entities are capable of encoding personal information, view grade,
The teacher entities are capable of encoding the grade of a student and viewing
schedule information.
The Assistant principal entities are capable of encoding schedule information and
Online Enrollment System for Senior High School of Morong National High School 48
BATAAN HEROES COLLEGE
Roman Super-Highway, Balanga City Bataan
Bachelor of Science in Information Technology
The diagram shows six processes based on the interaction of the entities within
the system. The first process is the registration process, which is responsible for the
admission. This process is for checking student information and requirements. The third
system coordinator. The fourth process is scheduling, which is for selecting and assigning
subjects to students. The fifth process is grading, it is for teacher, assistant principal, and
student; the teacher is responsible for encoding the grade of the student; the assistant
principal is responsible for encoding schedule information; and student is responsible for
viewing only the grade. The sixth process is reports; it is for the Learning Information
Online Enrollment System for Senior High School of Morong National High School 49
BATAAN HEROES COLLEGE
Roman Super-Highway, Balanga City Bataan
Bachelor of Science in Information Technology
System Coordinator and student. The Learning Information System Coordinator prints
the certificate of registration, and the student prints the certificate of registration and
grade slip.
Child Diagram
The student is required to use an ID number and password to login. The Learning
System Information Coordinator, Teacher, and Assistant Principal required an email and
password. The first process is to input user credentials to login. Second process: verifying
user credentials to make sure that the user credentials that inputted are correct.
Online Enrollment System for Senior High School of Morong National High School 50
BATAAN HEROES COLLEGE
Roman Super-Highway, Balanga City Bataan
Bachelor of Science in Information Technology
The first process is input, where students encode personal information into the
marks the face-to-face submitted requirements of the student. Once the requirements are
complete and approved by the Learning System Information Coordinator, it notifies the
student from the Gmail account inputted by the student. The email contains the student's
Online Enrollment System for Senior High School of Morong National High School 51
BATAAN HEROES COLLEGE
Roman Super-Highway, Balanga City Bataan
Bachelor of Science in Information Technology
The first process is to view the assessment status of the student by the Learning
Information System Coordinator, and the second process is to approve the submitted
requirements. The third process is assigning subjects, and after clicking the accept button,
Online Enrollment System for Senior High School of Morong National High School 52
BATAAN HEROES COLLEGE
Roman Super-Highway, Balanga City Bataan
Bachelor of Science in Information Technology
The first process is select a schedule for the student. After assigning a subject, the
There are two entities: the teacher and the student. The first process is the
encoding of the grade by the teacher. After encoding, the student can see the quarterly
Online Enrollment System for Senior High School of Morong National High School 53
BATAAN HEROES COLLEGE
Roman Super-Highway, Balanga City Bataan
Bachelor of Science in Information Technology
The Learning System Information Coordinator only views the student grade. The
student will be able to view and print the grade slip and certificate of registration.
Client Support:
The Online Enrollment System for Senior High School of Morong National High
School have a goal of enrolling the students fast and easier. This system is a web based
system that need an internet connection to access the system from any locations. The
proposed system provides faculty to register and enroll the students, keep updating and
viewing the information of the students and adding the grades of students to the system.
Online Enrollment System for Senior High School of Morong National High School 54
BATAAN HEROES COLLEGE
Roman Super-Highway, Balanga City Bataan
Bachelor of Science in Information Technology
User Support:
The user and the developer needs to help each other to meet the systems
requirements. The user will have controlled on what information’s needed to put to the
system.
Fishbone Diagram
a problem. This tool is used in order to identify a problem’s root causes. Typically used
for root cause analysis, a fishbone diagram combines the practice of brainstorming with a
type of mind map template. It should be efficient as a test case technique to determine
cause and effect. The proponent use fishbone diagram to identify the current problems of
Enrollment System for Senior High School of Morong National High School.
Online Enrollment System for Senior High School of Morong National High School 55
BATAAN HEROES COLLEGE
Roman Super-Highway, Balanga City Bataan
Bachelor of Science in Information Technology
HIPO Chart
The Hierarchy plus IPO (HIPO) technique is a tool for planning and documenting
represents the program’s control structure and a set of IPO charts that describe the inputs
to, the outputs from, and the functions performed by each module on the hierarchy chart.
Using the HIPO technique, designers can evaluate and refine a program’s design, and
Online Enrollment System for Senior High School of Morong National High School 56
BATAAN HEROES COLLEGE
Roman Super-Highway, Balanga City Bataan
Bachelor of Science in Information Technology
Online Enrollment System for Senior High School of Morong National High School 57
BATAAN HEROES COLLEGE
Roman Super-Highway, Balanga City Bataan
Bachelor of Science in Information Technology
which decisions to make and which to forgo. The cost-benefit analyst sums the potential
rewards expected from a situation or action and then subtracts the total costs associated
The overall development cost of the proposed system is shown above. It shows
Online Enrollment System for Senior High School of Morong National High School 58
BATAAN HEROES COLLEGE
Roman Super-Highway, Balanga City Bataan
Bachelor of Science in Information Technology
The overall operational cost of the proposed system is shown above. It includes
the maintenance of the system and the utilizing and operating of the system.
The table shows of summarize of the entire cost of developing and operating of
The table shows the computed benefits of the researched system to the
organization.
Gantt Chart
According to Gantt, Henry Laurence, 1861-1919 The Gantt chart was developed
as a way to keep track of everyday tasks and easily measure individual workers’
productivity. They quickly grew very popular in any organization that relied heavily on
logistics
Online Enrollment System for Senior High School of Morong National High School 59
BATAAN HEROES COLLEGE
Roman Super-Highway, Balanga City Bataan
Bachelor of Science in Information Technology
Online Enrollment System for Senior High School of Morong National High School 60
BATAAN HEROES COLLEGE
Roman Super-Highway, Balanga City Bataan
Bachelor of Science in Information Technology
Online Enrollment System for Senior High School of Morong National High School 61
BATAAN HEROES COLLEGE
Roman Super-Highway, Balanga City Bataan
Bachelor of Science in Information Technology
Object Modeling
Select Subjects
Enroll Students
Encode Information
View Grades
View Schedule
Information
Encode Grade
Teacher
Encode Schedule Assistant Principal
Information
System Design
Enrollment System for Senior High School of Morong National High School is a
Web Based System this system can access anytime as long as there is Internet Connection
Online Enrollment System for Senior High School of Morong National High School 62
BATAAN HEROES COLLEGE
Roman Super-Highway, Balanga City Bataan
Bachelor of Science in Information Technology
Enrollment System for Senior High School of Morong National High School is
responsive website, user of this system can access any type of devices such as
smartphone, laptop or a desktop. Additionally this system is also a user friendly you can
navigate your needs without wasting of your time in finding and searching of your needs.
Enrollment System for Senior High School of Morong National High School is
User Interface
System Screenshots
Student Login Page Screenshot
Online Enrollment System for Senior High School of Morong National High School 63
BATAAN HEROES COLLEGE
Roman Super-Highway, Balanga City Bataan
Bachelor of Science in Information Technology
Page Screenshot
Database Screenshot
Online Enrollment System for Senior High School of Morong National High School 64
BATAAN HEROES COLLEGE
Roman Super-Highway, Balanga City Bataan
Bachelor of Science in Information Technology
Database Diagram
The proposed system has table requirements that will be explained with the Entity
Data Dictionary
Table 1 shows the data included within the table tblay table. It has the Academic
Online Enrollment System for Senior High School of Morong National High School 65
BATAAN HEROES COLLEGE
Roman Super-Highway, Balanga City Bataan
Bachelor of Science in Information Technology
Table 2 shows the data included within the table class tble. It has the Class ID,
Class Code ,Subj id, Ins ID, Syid, Ay, Day ,C Time ,IDno, Room and Section.
Table 3 shows the data included within the table Instructor table. It has the
Instructor ID, Instructor full name, Instructor Address, Instructor sex, Instructor Status,
Instructor Status.
Online Enrollment System for Senior High School of Morong National High School 66
BATAAN HEROES COLLEGE
Roman Super-Highway, Balanga City Bataan
Bachelor of Science in Information Technology
Development Specification
Internet Connection
Visual Studio
XAMPP
Deployment Specification
Internet Connection
Server
Visual Studio
XAMPP
MySQL
Online Enrollment System for Senior High School of Morong National High School 67
BATAAN HEROES COLLEGE
Roman Super-Highway, Balanga City Bataan
Bachelor of Science in Information Technology
Hostinger
Client
8GB RAM
Server
Core i3 or i5 Processor
The Online Enrollment System for Senior High School of Morong National High
School will help the Morong National High School – Senior High School to have a fast,
Online Enrollment System for Senior High School of Morong National High School 68
BATAAN HEROES COLLEGE
Roman Super-Highway, Balanga City Bataan
Bachelor of Science in Information Technology
The student will need to provide their user ID and password in order to access the
COR, Grades, Student Info, Student QR Technology, and other areas of the proposed
Class Module, Faculty Module, Grades Module and Schedule Module. In Assessment
assistant principal can only view the list of student and subject information enrolled. In
Strand Schedule can view only the list of subject by strand. In Grade Level Module the
assistant principal can encode the list of strand. In Faculty Module the assistant principal
add new user the account teacher. In Grades Module it only view the student grades by
assistant principal. In Schedule Module the assistant principal can only view the schedule
Assessment and Schedule Module. The Admission Module view the list of student and
mark student requirements. Assessment Module view the list of student and set approved
if the student requirements is complete after that the LIS can set the strand of the student.
In Schedule Module LIS assign the schedule information for the student.
The Teacher have access to Record, for the teacher to encode quarterly student
grades.
Front End
Online Enrollment System for Senior High School of Morong National High School 69
BATAAN HEROES COLLEGE
Roman Super-Highway, Balanga City Bataan
Bachelor of Science in Information Technology
The front end of a website is everything the user either sees or interacts with when
they visit the website. It is responsible for the total look and feel of an online experience.
In this study, the proponents used PHP language for scripting, white HTML,
Bootstrap and JQuery for user interface and CSS for the design.
Back End
The backend is the server-side of the website. It stores and arranges data, and also
makes sure everything on the client-side of the website works fine. It is the part of the
website that you cannot see and interact with. It is the portion of software that does not
come in direct contact with the users. The parts and characteristics developed by backend
designers are indirectly accessed by users through a front-end application. Activities, like
writing APIs, creating libraries, and working with system components without user
interfaces or even systems of scientific programming, are also included in the backend. In
this study, the proponents used PHP for the server scripting language and MySQL,
Project development
resources, knowledge and practices to design and implement a given project and meet its
goals and objectives under specific requirements. It is also defined as the process of
Online Enrollment System for Senior High School of Morong National High School 70
BATAAN HEROES COLLEGE
Roman Super-Highway, Balanga City Bataan
Bachelor of Science in Information Technology
Agile Methodology
Atatus.com. (2021, June 1) explained that the agile methodology is a practice that
lifecycle of a project. Unlike the Waterfall methodology, the agile methodology allows
Agile methodologies attempt to produce the proper product through small cross-
basis, allowing for frequent customer input and course correction as needed. In doing so,
Agile tries to address the issues that traditional "waterfall" methodologies of delivering
huge products over extended periods of time encounter, such as client requirements
Online Enrollment System for Senior High School of Morong National High School 71
BATAAN HEROES COLLEGE
Roman Super-Highway, Balanga City Bataan
Bachelor of Science in Information Technology
6 Phases / Steps in Agile Methodology
Atatus.com. (2021, June 1) explained that the agile development is not that tough
when broken down to its core concepts. While the number of meetings involved may
appear unnecessary, it saves a lot of time by optimizing development tasks and avoiding
Phase 1: Requirements
Atatus.com. (2021, June 1) explained that before a Product Owner can begin
creating a project, they must first generate the initial documentation, which includes a
with the proposed system. The proponents brainstormed all together in order to maximize
the ideals and assign roles and responsibilities for each member. The proponents will take
permission to the establishment or to the school to use their name for the proposed
system in that case the proponent send a letter of intent to principal of the school and
once it is approved the proponents will start doing the proposed system. At the end of this
phase, the proponents drafted the first version of the documentation and identified the
Phase 2: Design
Atatus.com. (2021, June 1) explained that in software development, there are two
approaches to design: one is visual design, and the other is the app's architectural
structure.
Online Enrollment System for Senior High School of Morong National High School 72
BATAAN HEROES COLLEGE
Roman Super-Highway, Balanga City Bataan
Bachelor of Science in Information Technology
The workflow designation occurs within this phase. Based on the data flow
diagram with the entity relationship model and the data dictionary, the proponents created
the project design. The proponents create a design for the proposed system on how it
process, the development phase includes producing code and translating design
documentation into actual software. This is the most time-consuming stage of the SDLC
because it forms the foundation of the entire process. There aren't many differences
In this phase, the proponents will execute the planned tasks and perform the actual
coding for the proposed system. The proponents will turn the proposed system into
working and functional system. Also, the identified software and hardware requirements
Atatus.com. (2021, June 1) explained that during this stage, the developers ensure
that the software is bug-free and compatible with everything else they've built previously.
The Quality Assurance team runs a series of tests to check that the code is clean and that
the solution's business goals are satisfied. Testing grows more comprehensive as this
Online Enrollment System for Senior High School of Morong National High School 73
BATAAN HEROES COLLEGE
Roman Super-Highway, Balanga City Bataan
Bachelor of Science in Information Technology
SDLC stage progresses, and includes not only functional testing but also systems
The proponents are responsible for minimizing the system errors. The proponents
conduct multiple tests for the proposed system in this phase in order to ensure the several
factors such as the usability, stability and the elimination of bugs present in the system.
Atatus.com. (2021, June 1) explained that the program is installed on the servers
and made available to customers, either as a demonstration or for actual use. Iterations
after that update the existing software, adding new features and fixing issues.
The proponents will implement and deploy the proposed system to Morong
National High School Senior High School and explain and demonstrate on how the
Phase 6: Review
Atatus.com. (2021, June 1) explained that the Product Owner gathers the
Development Team once more after all previous development phases have been
completed to discuss the progress achieved toward meeting the requirements. The team
presents their ideas for correcting the issues that developed during the previous phases,
and the Product Owner considers their suggestions. The Agile software development life
Online Enrollment System for Senior High School of Morong National High School 74
BATAAN HEROES COLLEGE
Roman Super-Highway, Balanga City Bataan
Bachelor of Science in Information Technology
cycle phases then begin over, either with a new iteration or by progressing to the next
In this phase, the proponents will gather data from the end users in order to
determine the possible missed bugs, errors and to identify the next iteration goals.
Furthermore, the proponents may utilize the gathered data as references for what the user
expectations.
In this part the system will test and discuss the step by step operation of the
Operation Procedure
The student will see the sign-up form on the left side corner of the enrollment that
contains of Sign-up and Password field at the lower part of Password Field had a button
that button is a login button. Student after login to the account will go to Student details
page that contain of Home, List of Subject, Student Information and Logout button. The
List of subject buttons that include of student enrolled information that have student
enrolled information while one the student info button is contain of their personal
information from their recent requirement. The logout button for log outing the student
account.
The Admin and Teacher will see the login in form at the middle of page screen
contain of username and password field with login button below. In the home page of
Online Enrollment System for Senior High School of Morong National High School 75
BATAAN HEROES COLLEGE
Roman Super-Highway, Balanga City Bataan
Bachelor of Science in Information Technology
account consist of label title above of screen and logout button the right corner, in the
lower part of it will contain of student list button, Available subject button, Grade level
button, Faculty button, Department button, Rooms button, class button and manage user
button. The student list button and class button a manage user contain of list box and
search bar below the table will contain of student info at lower of It will have a button
and next button for pages. The available subject button consists of list box and, search bar
field, table and number button at lower right side and below had add new button and
delete selected button. The grade level button, Department button, room inside contains
check box and description and table below there is a two-button new button and selected
button. The faculty button contains of list box, checkbox, table, and search field, below
with two button the new button and delete selected button.
Testing Procedure
The proponents will use Unit Testing, Integration Testing, System Testing and
Unit Testing
individual units or components of a software are tested. The purpose is to validate that
each unit of the software code performs as expected. Unit Testing is done during the
section of code and verify its correctness. A unit may be an individual function, method,
Online Enrollment System for Senior High School of Morong National High School 76
BATAAN HEROES COLLEGE
Roman Super-Highway, Balanga City Bataan
Bachelor of Science in Information Technology
Unit testing will help the proponents to identify the problem of the proposed
system, it help to fix bugs early in the development cycle and save costs, it helps the
proponents to understand the testing code base and enables them to make changes
quickly and lastly unit tests help with code re-use. Migrate both your code and your tests
to your new project. Tweak the code until the tests run again.
Integration Testing
modules, they need second-level testing to test the synchronicity and compatibility of
components with each other. This testing is called integration testing of application
modules. You can do it primarily by checking the connectivity and communication issues
Integration testing will help the proponents to ensure the connectivity between
individual modules by examining the logic implemented and rendering values as per the
requirements of the test plan, to ensure smooth integration between modules and third-
System Testing
validates the complete and fully integrated software product. The purpose of a system test
is to evaluate the end-to-end system specifications. Usually, the software is only one
Online Enrollment System for Senior High School of Morong National High School 77
BATAAN HEROES COLLEGE
Roman Super-Highway, Balanga City Bataan
Bachelor of Science in Information Technology
other software/hardware systems. System Testing is actually a series of different tests
System Testing will help the proponents to test the fully integrated applications
including external peripherals in order to check how components interact with one
another and with the system as a whole, verify thorough testing of every input in the
application to check for desired outputs and lastly testing of the user’s experience with
the application.
Performance Testing
software testing that focuses on how a system running the system performs under a
particular load. This is not about finding software bugs or defects. Different performance
testing types measures according to benchmarks and standards. Performance testing gives
Performance testing will help the proponents to determine whether the application
application, to establish whether the performance levels claimed by a software vendor are
indeed true, to compare two or more systems and identify the one that performs best and
Online Enrollment System for Senior High School of Morong National High School 78
BATAAN HEROES COLLEGE
Roman Super-Highway, Balanga City Bataan
Bachelor of Science in Information Technology
CONCLUSIONS
This study is for Morong National High School – Senior High School in which
the researchers have the objective of improving and developing the quality of service and
changing the slow progress of the said school due to their manual process. This study
focuses on making online enrollment system for the school. The use of computer and
information technology to the school enabled both the students and enrollment personnel-
RECOMMENDATIONS
The researchers of this study would like to recommend the system to the Morong
National High School – Senior High School to create an efficient, fast and reliable online
enrollment system. By using the proposed system, there would be less error of work and
reduced processing time. It will benefit not only the student but the administration as a
whole. We also highly recommend this system to the computer programmers to have
ideas and enhanced the interface by adding features. Lastly, the proponents would like to
recommend this study to the future researchers especially for the incoming BSIT students
Online Enrollment System for Senior High School of Morong National High School 79
BATAAN HEROES COLLEGE
Roman Super-Highway, Balanga City Bataan
Bachelor of Science in Information Technology
who will take the Methodology of Research, Capstone Project & Research 1, and
Capstone Project & Research 2 to help them reach their goals to make this program.
Upon the completion of the project, the use of ONLINE ENROLLMENT SYSTEM FOR
It would help future researchers to observe and test the developed project and make an
(4) Send Automatically the Auto Generated QR Code if the Student Already Enrolled
Online Enrollment System for Senior High School of Morong National High School 80
BATAAN HEROES COLLEGE
Roman Super-Highway, Balanga City Bataan
Bachelor of Science in Information Technology
APPENDIX
APPENDIX A
(Letters)
Online Enrollment System for Senior High School of Morong National High School 81
BATAAN HEROES COLLEGE
Roman Super-Highway, Balanga City Bataan
Bachelor of Science in Information Technology
Online Enrollment System for Senior High School of Morong National High School 82
BATAAN HEROES COLLEGE
Roman Super-Highway, Balanga City Bataan
Bachelor of Science in Information Technology
Online Enrollment System for Senior High School of Morong National High School 83
BATAAN HEROES COLLEGE
Roman Super-Highway, Balanga City Bataan
Bachelor of Science in Information Technology
APPENDIX B
(Project Commitment Contract)
Online Enrollment System for Senior High School of Morong National High School 84
BATAAN HEROES COLLEGE
Roman Super-Highway, Balanga City Bataan
Bachelor of Science in Information Technology
Online Enrollment System for Senior High School of Morong National High School 85
BATAAN HEROES COLLEGE
Roman Super-Highway, Balanga City Bataan
Bachelor of Science in Information Technology
APPENDIX C
(Survey)
Online Enrollment System for Senior High School of Morong National High School 86
BATAAN HEROES COLLEGE
Roman Super-Highway, Balanga City Bataan
Bachelor of Science in Information Technology
Online Enrollment System for Senior High School of Morong National High School 87
BATAAN HEROES COLLEGE
Roman Super-Highway, Balanga City Bataan
Bachelor of Science in Information Technology
Online Enrollment System for Senior High School of Morong National High School 88
BATAAN HEROES COLLEGE
Roman Super-Highway, Balanga City Bataan
Bachelor of Science in Information Technology
APPENDIX D
(Sample Output)
Online Enrollment System for Senior High School of Morong National High School 89
BATAAN HEROES COLLEGE
Roman Super-Highway, Balanga City Bataan
Bachelor of Science in Information Technology
Online Enrollment System for Senior High School of Morong National High School 90
BATAAN HEROES COLLEGE
Roman Super-Highway, Balanga City Bataan
Bachelor of Science in Information Technology
Online Enrollment System for Senior High School of Morong National High School 91
BATAAN HEROES COLLEGE
Roman Super-Highway, Balanga City Bataan
Bachelor of Science in Information Technology
APPENDIX E
(User’s Guide)
3
1
Online Enrollment System for Senior High School of Morong National High School 92
BATAAN HEROES COLLEGE
Roman Super-Highway, Balanga City Bataan
Bachelor of Science in Information Technology
1 2
Online Enrollment System for Senior High School of Morong National High School 93
BATAAN HEROES COLLEGE
Roman Super-Highway, Balanga City Bataan
Bachelor of Science in Information Technology
Online Enrollment System for Senior High School of Morong National High School 94
BATAAN HEROES COLLEGE
Roman Super-Highway, Balanga City Bataan
Bachelor of Science in Information Technology
APPENDIX F
(Source Code)
Online Enrollment System for Senior High School of Morong National High School 95
BATAAN HEROES COLLEGE
Roman Super-Highway, Balanga City Bataan
Bachelor of Science in Information Technology
APPENDIX G
(Curriculum Vitae)
Online Enrollment System for Senior High School of Morong National High School 96
BATAAN HEROES COLLEGE
Roman Super-Highway, Balanga City Bataan
Bachelor of Science in Information Technology
Educational Background
SY 2022 – 2023
SY 2017 - 2019
SY 2016 -2017
SY 2007 – 2013
Online Enrollment System for Senior High School of Morong National High School 97
BATAAN HEROES COLLEGE
Roman Super-Highway, Balanga City Bataan
Bachelor of Science in Information Technology
Educational Background
SY 2022 – 2023
SY 2017 – 2019
SY 2016 -2017
SY 2007 – 2013
Online Enrollment System for Senior High School of Morong National High School 98
BATAAN HEROES COLLEGE
Roman Super-Highway, Balanga City Bataan
Bachelor of Science in Information Technology
Educational Background
SY 2022 – 2023
SY 2017 - 2019
SY 2012 -2016
SY 2006 – 2012
Online Enrollment System for Senior High School of Morong National High School 99
BATAAN HEROES COLLEGE
Roman Super-Highway, Balanga City Bataan
Bachelor of Science in Information Technology
Educational Background
SY 2019 -2013
SY 2017 – 2019
Mariveles, Bataan
SY 2013 - 2017
Mariveles, Bataan
SY 2006 - 2013
BIBLIOGRAPHY
Inettutor. (2018, November 3). Introduction and Background of the Study for Online
https://www.inettutor.com/source-code/introduction-and-background-of-the-study-for-
online-integrated-enrollment-system/
Online Enrollment System for Senior High School of Morong National High School 100
BATAAN HEROES COLLEGE
Roman Super-Highway, Balanga City Bataan
Bachelor of Science in Information Technology
WHAT IS K TO 12 PROGRAM? (n.d.). Officialgazette.gov.ph. Retrieved June 14, 2022,
from https://www.officialgazette.gov.ph/k-12/
system-complete-capstone-documentation/
CURACUBBY TEAM. (2020, November 19). Why Your School Needs Online
https://www.curacubby.com/resources/your-school-needs-online-enrollment
TechTerms. (2013, February 5). Web Development. Retrieved June 14, 2022, from
https://techterms.com/definition/web_development
Techopedia. (2020, May 13). What Does Web Programming Mean?. Retrieved June 14,
https://www.tutorialspoint.com/css/what_is_css.htm
Beal, V. (1996, September 1). Javascript. Retrieved June 14, 2022, from
https://www.webopedia.com/definitions/javascript/
TechTerms. (2009, October 27). Database. Retrieved June 14, 2022, from
https://techterms.com/definition/database
https://www.sqlcourse.com/beginner-course/what-is-sql/
Online Enrollment System for Senior High School of Morong National High School 101
BATAAN HEROES COLLEGE
Roman Super-Highway, Balanga City Bataan
Bachelor of Science in Information Technology
Computer Hope. (2020, December 31). What is browser. Retrieved June 14, 2022, from
https://www.computerhope.com/jargon/b/browser.htm
What is a Text Editor?. (n.d.). Text-Editor.org. Retrieved June 14, 2022, from
http://www.text-editor.org/
Pedamkar, P. (n.d.). What is Visual Studio Code?. Retrieved June 14, 2022, from
https://www.educba.com/what-is-visual-studio-code/
Ganesan, P. (2021, Jun 23). What is XAMPP? and How to Install XAMPP on Local
Fahim, F. (2020, July 1). What is Apache Web Server? (Pros and Cons of Apache).
Techopedia. (2020, March 30). What Does Computer Mean?. Retrieved June 14, 2022,
from https://www.techopedia.com/definition/4607/computer
Computer Hope. (2019, May 4). Router. Retrieved June 14, 2022, from
https://www.computerhope.com/jargon/r/router.htm
Techopedia. (2019, February 25). What Does Smartphone Mean?. Retrieved June 14,
Posey, B. (2021, August). What is a Server?. Retrieved June 14, 2022, from
https://www.techtarget.com/whatis/definition/server
Sharna, K. (2018, November 2). What is Education?. Retrieved June 14, 2022, from
https://www.theasianschool.net/blog/importance-of-education/
Online Enrollment System for Senior High School of Morong National High School 102
BATAAN HEROES COLLEGE
Roman Super-Highway, Balanga City Bataan
Bachelor of Science in Information Technology
OWWA MEMBER. (n.d.). DepEd – Department of Education – Purpose, Functions, and
department-of-education/
CURACUBBY TEAM. (2020, November 19). Why Your School Needs Online
https://www.curacubby.com/resources/your-school-needs-online-enrollment
Joshi, M. (2021, July 5). What is an enrollment system and why does it matter?.
system/
Yoo, S. (2003). Data Flow Diagrams. Retrieved June 24, 2022, from
https://www.sciencedirect.com/topics/computer-science/data-flow-diagram
MSc-IT Study Material (2011, January). What is a context diagram?. Retrieved June 24,
Lucidchart. (n.d.). What is a data flow diagram?. Retrieved June 24, 2022, from
https://www.lucidchart.com/pages/data-flow- diagram#:~:text=DFD%20Level
%200%20is%20also,its%20relationship%20to%20external%20entities.
Online Enrollment System for Senior High School of Morong National High School 103
BATAAN HEROES COLLEGE
Roman Super-Highway, Balanga City Bataan
Bachelor of Science in Information Technology
flow-diagrams/#:~:text=The%20child%20diagram%20is%20given,number%20for
%20each%20child%20process.
Atatus. (2021, June 1). Agile Methodology. Retrieved June 25, 2022, from
https://www.atatus.com/glossary/agile-methodology/
Hamilton, T. (2022). Unit Testing Tutorial: What is, Types, Tools & Test EXAMPLE.
testing/
Hamilton, T. (2022). What is System Testing? Types & Definition with Example.
Testing: Testing Types, Performance Testing Steps, Best Practices, and More. Retrieved
software-testing/
https://www.techopedia.com/definition/23889/web-development
Sportanddev. What is monitoring and evaluation?. Retrieved June 25, 2022, from
https://www.sportanddev.org/en/toolkit/monitoring-and-evaluation/what-monitoring-and-
evaluation-me
Online Enrollment System for Senior High School of Morong National High School 104
BATAAN HEROES COLLEGE
Roman Super-Highway, Balanga City Bataan
Bachelor of Science in Information Technology
Mullins, C. Database management system (DBMS). Retrieved June 25, 2022, from
https://www.techtarget.com/searchdatamanagement/definition/database-management-
system
https://code.visualstudio.com/docs/supporting/FAQ
https://www.tutorialspoint.com/sublime_text/index.htm
https://www.techopedia.com/definition/288/web-browser
https://www.javatpoint.com/xampp
Javatpoint. Creating MySQL Database with XAMPP. Retrieved June 25, 2022, from
https://www.javatpoint.com/creating-mysql-database-with-xampp
whatis.php
Morris, S. Tech 101: What Is JavaScript?. Retrieved June 25, 2022, from
https://skillcrush.com/blog/javascript/
https://www.tutorialspoint.com/css/what_is_css.htm
Online Enrollment System for Senior High School of Morong National High School 105
BATAAN HEROES COLLEGE
Roman Super-Highway, Balanga City Bataan
Bachelor of Science in Information Technology
Jordana, A. (2022). What Is Bootstrap?. Retrieved June 25, 2022, from
https://www.hostinger.ph/tutorials/what-is-bootstrap/
Prasad, A. (2021). What is Computer System and Its Types?| Definition| Merits and
https://computerstudypoint.com/computer-system-and-their-types/
https://www.investopedia.com/terms/s/smartphone.asp
https://www.cloudflare.com/en-gb/learning/network-layer/what-is-a-router/
hipo-hierarchy-plus-input-process-output-william-davis
Hayes, A. (2022). What Is Cost-Benefit Analysis?. Retrieved August 16, 2022, from
https://www.investopedia.com/terms/c/cost-benefitanalysis.asp
Lewis, S. fishbone diagram (Ishikawa cause and effect). Retrieved August 16, 2022, from
https://www.techtarget.com/whatis/definition/fishbone-diagram
Airfocus. Front End (In a Website). Retrieved August 17, 2022, from
https://airfocus.com/glossary/what-is-a-front-end/
https://www.geeksforgeeks.org/frontend-vs-backend/
Online Enrollment System for Senior High School of Morong National High School 106
BATAAN HEROES COLLEGE
Roman Super-Highway, Balanga City Bataan
Bachelor of Science in Information Technology
SlideServe, (2014). Learner Information System. Retrieved August 17, 2022, from
https://www.slideserve.com/jalen/learner-information-system
The Editorial Team, (2020), Assistant Principal: Job, Education and Salary Information,
principal/
Online Enrollment System for Senior High School of Morong National High School 107