Professional Documents
Culture Documents
June 2023
APPROVAL SHEET
Approved by the Oral Examination Committee with a grade of___on May 19,
2023
Information Technology.
1
DEDICATION
This study is sincerely dedicated to our beloved parents who have been
our source of inspiration. They never left us throughout the process and gave us
Without their love and support, this capstone project would not have been made
possible.
who is constantly guiding and teaching us to make our study better, to our
brothers, sisters, and friends for cheering us. We really appreciate the words of
knowledge, strength, guidance, patience, skills, and a healthy life that we have
J.D.C.D
L.O.P
E.J.C.S
2
ACKNOWLEDGEMENT
The completion of this study would never have been possible without the
expertise of our capstone project adviser, Mr. Eduardo S. Gallenito, and the help
of our professor in Capstone, Prof. Teresita C. Alcantara, who has never been
We would also like to thank Mr. Nelson Gaspar, Engr. Donn S. Alcantara,
and Prof. Teresita Alcantara for being our panelist and taking time and effort to
Lastly, we wholeheartedly thank our College Dean Dr. Audrey Lyle DM.
Diego for trusting us to conduct this study, for giving us the time and opportunity
to finish our research. Her patience and excellence have made this project a
success.
J.D.C.D
L.O.P
E.J.C.S
3
EXECUTIVE SUMMARY
even at their home, and it will lessen the time and effort of the school registrar in
way to enroll in their school anytime and anywhere. In addition to that, the
system provides help in terms of scheduling, meaning the students are no longer
The ASNHS Portal (Admin Side) allows the transactions to manage their
student information records more easily and efficiently. The school registrar can
manage faculty members. This will make it easier for the school registrar
because his time and effort will be lessened with the help of the system.
enrollment, scheduling, and attendance tracking. Students can easily enroll from
home, saving time and effort. They can also view and adjust their schedules
online, eliminating the need for physical visits to the school. The system
4
manage student information more efficiently. Overall, the system improves
convenience and efficiency for both students and staff, making the school
5
TABLE OF CONTENTS
Chapter 1................................................................................................................9
THE PROBLEM AND ITS BACKGROUND........................................................9
Project Context................................................................................................9
Objectives of the Study..................................................................................16
Scope and Limitations...................................................................................16
Significance of the Project.............................................................................19
Definitions of Terms.......................................................................................21
CHAPTER 2..........................................................................................................23
Review of Related Literature.............................................................................23
Chapter 3..............................................................................................................35
Technical Background.......................................................................................35
Technicality of the Project.............................................................................35
Locale............................................................................................................36
Operational Feasibility...................................................................................37
Hardware Specifications................................................................................38
Technical Feasibility......................................................................................38
Schedule Feasibility.......................................................................................41
Process Model Used.....................................................................................42
Requirements Modelling................................................................................43
Object Modeling.............................................................................................47
Chapter 4..............................................................................................................52
RESULTS, AND DISCUSSION........................................................................52
Chapter 5..............................................................................................................56
Conclusions and Recommendations................................................................56
6
LIST OF FIGURES
7
LIST OF TABLES
Table 1..................................................................................................................65
Table 2..................................................................................................................66
Table 3..................................................................................................................67
8
Chapter 1
Project Context
human error and processing time, increasing productivity and producing high-
quality products. With the growth of the Internet, the control previously exerted by
systems as of study are changing what people are learning. Thanks to this new
people to do their job quickly and efficiently. As technology grows, many people
have invented many things to develop systems to help people work fast. The
Internet has been a big part of people's daily lives. It allows people to make their
lives easier and more convenient. Before the Internet became a popular
household service in the 1990s, the concept had existed for at least fifty years.
The web application was introduced in 1999 within the JAVA language. The
9
World Wide Web, which initially occurred in the 1980s, took off in 1993 with the
businesses started to realize the web's commercial potential. Then the tech
bubble grew and burst, and the survivors (companies like Google, Amazon, and
behemoths in just over a decade. With the help of the Internet and technology,
people started to invent web-based systems that they could use for online
transactions.
access to a software system. People can use it wherever they are as long as
human activity even before the pandemic, and it provides big help to each person
modernization to help people to make work more accessible, more efficient, and
more convenient for the user. As parents are busier than ever, online registration
has always given convenience and efficiency. They anticipate the comfort and
simplicity of submitting their paperwork online, but parents are not the only ones
who profit from online registration systems. These systems are advantageous for
10
One process that was made by computers is the online enrollment
system. The workload can be reduced, and the school will receive accurate
information. Consequently, it will be advantageous for both the student and the
keeping track of and retrieving student data, enrollment systems are employed.
Enrollment systems also have a function that allows the school to track a
are enrolled every year, making the enrollment process more challenging. This
register.
and made it possible for computers to permeate daily life. Everyone's life is made
Computers are primarily at home, at work, and in schools. Technology has aided
data processing, record keeping, teaching and learning, and the enrollment
process in the educational system. The school registrar can track the student
data through the enrollment system. A strong individual will ease the burden on
others, typically in charge of all the labor. The enrollment process is helpful when
11
a student needs to provide the school with vital information. Using the enrollment
system, the school can monitor student performance. The manual enrollment
enrollment processing. The best course of action and how to enroll will be
unclear to the students. It is crucial for the school since it makes the enrollment
process simpler.
The pandemic has brought significant changes in the world. It all started in
China, and spread worldwide within months, causing many people to become
sick, weak, and worse, die. That is why the government decided to implement an
everything has no choice but to live with online systems. The sudden changes
schools and other organizations has resulted in a stressful situation for every
person. The transition from traditional school to online classes has become
challenging and faces many problems since only some schools are ready. Some
indicates that although some students found online and remote learning a good
experience, several injustices were present. Many students needed help finding
adequate housing and workspace and a lack of the necessary tools for practical
12
work. Both students and faculty members, particularly those with unstable jobs,
know what requirements they must submit to be able to enroll in their desired
school. Once they have sent their requirements, the school will accept their
attendance, sometimes the school guards have yet to check if a student entering
the school is currently enrolled. It is one of the causes of the lax security at the
One of the schools that have been affected by the pandemic is the
Apolonio Samson National High School (ASNHS). Since they are not ready to
handle online classes, everything has become stressful for students, teachers,
and parents. They faced many problems, such as in the admission and
enrollment procedure. Considering that the ECQ was so strict before, people
have a hard time leaving their houses, and for their health, it is perilous for them
to go anywhere. One of the problems they encountered was that they needed
13
help accepting students due to the different modes they used for admission and
enrollment.
There are three modes they have used for accepting applicants, first is
using Google Forms, the second is printed forms, and lastly, using Facebook
accounts. During the admission and enrollment process, the teachers will provide
a Google form to students and parents, and then they will fill it out and pass it
back to the teachers. The second mode is the printed form, the parents will go to
the school and get a copy of the enrollment form, and after they fill it out, they will
submit it to a designated barangay near them. Lastly, the parents or students talk
to the teacher using their Facebook account, an informal way to enroll their
children. These modes of enrolling students have made the school situation very
difficult. Due to this method of accepting applicants, many students could not
enroll in their school because some of the messages were accidentally not read
by the teachers, or some parents could not pass the printed form. Another one is
that this kind of enrollment process took them a long time because some
requirements still need to be passed. After all, the students accidentally lost it.
Apolonio Samson National High School." This study aims to develop a system
that can help the school manage and assist the students who wish to enroll in
14
their school using a web-based system that they can use anywhere. In addition,
this system will provide more security to those students who are entering the
school and are currently enrolled using the campus attendance system using
RFID. The school will gain from it since it will keep outsiders off the campus. The
proposed system will help them lessen their time and effort, even if the pandemic
is gone. This system will not only be used in times of pandemic but also in future
facilitating the enrollment procedure of students who wish to enroll in their school.
simplifies enrolling. The primary goal of this proposed system is to improve the
Apolonio Samson National High School. Additionally, the fact that the institution
since most organizations around them are using technology for their
transactions.
15
Objectives of the Study
National High School, and to help them to solve their problem in the enrollment
5.1 Compatibility
There are three users of the system: student, teacher, and admin. In the side of
student, for the first-time users, students must create an account and verify their email
address, it is to ensure that the email address that they are using is currently active.
Once the account has been verified, students can access the system; the enrollment
form and submission of requirements will appear on the dashboard. After they fill up the
form and submit it to the school registrar, they will wait until the admin approves their
application. If the school registrar approves their application, the section, adviser, and
16
schedule will appear to their account. In terms of campus attendance, they will just tap
their IDs while they enter and leave the school, and they can see the data in their
account.
Next user is the teacher, Only the admin has the rights to create an
account for teachers, this web portal is only limited to teachers who are currently
working in their school. There are only two features in teacher’s side, Advisory Class list
and Subject Class list. In subject class, there is a dropdown list where the teacher can
choose what grade and section and subject is he going to view. The teacher can print
Lastly, is the admin. It handles all the features of the system. Once the
admin logged his account, the eleven (11) choices will appear in navigation menu.
These are Enrollees, List of Students, List of Faculty Members, Manage School Year,
Manage Archive, and Campus Attendance Monitoring. In enrollees page, the admin can
view the students who are enrolling to their school, there is also a view button for
enrollment form and requirements submitted by the students. Once the admin has done
evaluating the student, he can accept the student and assign what section and who will
be the adviser of the student. Next is the list of students, Admin can view the list of
students who accessed the system, there is a column named Last login where the
admin can view when the last time was that the student accessed the account, also
there is an account manager where the admin can change the password of student
17
once he forgot it. In list of faculty members, only the admin is required to create an
account for the teacher. The admin handles the account management for the teacher’s
account. Next is the manage school year, before the enrollment started, the admin must
start a school year, that school year will be automatically input to the enrollment form of
the student, the purpose of this is to easily filter the students who enrolled by school
year. After that, the admin will manage the tracks that they are going to offer in their
school, and then once the admin input the tracks, they will manage what strand do they
have in their school. Next is the manage sections. Before the enrollment started, the
admin will create a section based on grade level and strand, once he has done creating
a section he will input student capacity, it is to manage how many students will be
accepting in each section. Once the section is full, the admin is no longer allowed to add
students anymore in that section, not unless he updates the student capacity in manage
section. Next is the reports, there will be reports depends on what the school registrar
needs, it has Reports by Grade level, Grade level and strand, By section, and by strand.
It filters the number of male and female of each grade level, strand and section, and
there is also a total of number of each report. In manage archives, every after semester,
the admin will reset the enrollees, and all the enrollee’s data will be sent to the manage
archives. It will only be used in every after semester. Lastly is the campus attendance
monitoring, the admin can monitor those students who are entering and leaving the
Due to a lack of resources, proponents have yet to be able to make SMS for
campus attendance. It is to update every parent that their children have entered and left
18
the school. The system will also not be able to provide automatic reminders for
assignments, tests, or other academic deadlines. Furthermore, the system will not
provide any features related to online learning or remote education. The proposed
system will only be developed for use by a single school and will not be designed for
use by multiple schools or institutions. Lastly, the project will not include the
information about their child's progress, attendance, and grades. This limitation is due to
the scope of the project, as creating a parent’s portal would require additional resources
and time. Instead, the focus will be on developing a system that will cater to the needs
study is this school, the study helps them to solve their problem in terms of
campus attendance.
Teachers. It will be easier for them to see the list of students they handle.
Parents. There are some parents that helping their child in enrollment and
getting the schedule in the school, with the use of this system, parents
19
would not be having a hard time anymore in terms of enrollment and
School Registrar. He will be the one who has access of all the features of
and campus attendance monitoring will be easier and convenient for him.
Students. The student is one of the main users of this system, the time
Future Proponents. The future proponents will see and experience other
problems that might help them enhance the system and study made by
future proponents now have more knowledge and ideas to develop this
system.
Definitions of Terms
20
The following terms were defined operationally and conceptually to
can monitor those students who are entering and leaving the school
premises.
Computerized – All the transactions before are done manually, with the
help of the system, the enrollment process, manage sections and their
Database – The proponents have used the database for them to store all
21
Enrollment System – It is a part of the system which will help both
JavaScript – It was the main programming language have used for the
22
CHAPTER 2
This chapter presents the reviewed literature and studies by foreign and
According to John Alren Mesias et al., (2019) The use of online enrolment
systems has become increasingly popular in schools due to its many benefits. These
systems can help reduce the workload of administrators and staff, improve data
accuracy, enhance communication between the school and parents, and provide a
Based on the study of Greg S. Campos (2019), The manual process costs a lot
of time and effort. Human error makes this procedure much more challenging by
misplacing, tearing apart, and then retrieving and replacing these papers on the shelf.
Torn pages can be quickly restored if all data needed are still readable on a page.
However, if lost, it will take much time to intact the pages again into one page. In
conclusion, the Enrollment System for Eastern Visayas State - Tanauan Campus is a
tool that will make most, if not all, of the university's transactions simpler, quicker, and
more reliable. Through the help of the enrollment system, the school is able to track and
monitor the data of the students and school. It also says that online enrollment saves
23
The Computerized Enrollment System is highly recommended because it is
extremely useful in the school in terms of processing the admission and enrollment, it
makes the process become more easier and convenient (Mitchyll John Valencerina, et
al 2019)
Record Keeping
towards digital databases. This literature review explores the advantages and
disadvantages of both paper and online database record keeping systems for
24
storage constraints and difficulties in sharing
integrity.
25
In conclusion, the literature suggests that the use of database systems for
attention must be paid to security concerns and technical expertise to ensure the
system for campus attendance can offer a solution to the tedious and time-
the existing research and development in RFID technology, as well as the current
RFID Technology
track tags attached to objects. RFID tags can be embedded in various objects,
including ID cards. The system can read the tags using radio waves, which
26
eliminates the need for direct line of sight. This technology offers many
signing their names on a sheet of paper, which is then collected by the instructor
and sent to the administration for processing. This method is not only time-
tracking system can streamline the process, reduce errors, and save time. The
RFID card system is one such system that is gaining popularity in educational
The RFID card system for campus attendance offers many benefits over
reliable. It eliminates the need for manual data entry, reduces the risk of errors,
and provides real-time data. The system can also be used to monitor the
Adeniran. 2019)
27
Challenges of RFID Card System
While the RFID card system offers many advantages, it also presents
some challenges. The initial cost of implementing the system can be high, and
there may be some resistance from students who are concerned about privacy
traditional methods. The RFID card system offers a fast, accurate, and reliable
way of tracking attendance, which can save time and reduce errors. However,
there are some challenges associated with implementing the system, including
high costs and privacy concerns. With proper management and maintenance, the
RFID card system can be an effective solution for campus attendance tracking.
28
2023, highlighting key findings and trends related to SOIS implementation and
institutional support, and user satisfaction. The study emphasized the importance
SOIS.
Li, Shen, and Han (2021) conducted an empirical study on the security
information within these systems. The study highlighted the significance of robust
System can help in decision-making and collaboration at your school. The study
29
The reviewed literature underscores the significance of Student
implement or improve their SIS, emphasizing the need for careful attention to
Scheduling
quality of schedules, as well as reduce the time and effort required to create and
courses based on various factors, ensure equipment availability, and view time
Automated scheduling has come a long way since its inception, and has
appointments, eliminating the need for manual scheduling (Replogle, 2023). The
30
scheduling systems that feature new constraints and optimization models
(Danzinger et al., 2023; Julio et al., 2021). These advancements have made
scheduling has been found to improve several metrics of schedule quality, such
customer satisfaction and the bottom line of businesses by reducing wait times
tool called the Automated Internal Medicine Scheduler (AIMS) was designed and
31
evaluated for schedule quality and resident satisfaction (Howard et al., 2020).
and the RFID Card System, along with the Student Information System (SIS).
provide convenience for students and parents. The literature suggests that online
32
are found to offer advantages such as quick access to records and centralized
literature reveals that RFID card systems offer benefits such as speed, accuracy,
reliability, and real-time data. However, the initial cost, privacy concerns, and
security.
33
In summary, the reviewed literature supports the adoption of technological
record keeping, RFID card systems for attendance tracking, and Student
34
Chapter 3
Technical Background
campus attendance monitoring. To start the project, the proponents have used
system that is connected through the internet. It is for them to access all the
things they need in developing a web-based system. Apart from laptops, visual
studio code and sublime has been used for coding, GitHub and Google drive for
and Structured Query Language (SQL) has been used in all the parts of the
system. The developers did not give so much time for the design of the system
because they do not have enough time for that, instead they focused on the
functionality of the system. For the front end, the proponents have used HTML
for the structure of the system, and the JavaScript and CSS are in this file for the
routes of the system. JavaScript Object Notation (JSON) has been used to store
and transmit data objects, Ajax has been also used for fetching and posting the
data to the webpage. To make the table printable and filters, the proponents
35
have used jQuery, because there is some information are required to print and
localhost, google chrome and brave to make sure that all the parts of the system
means that One Time Pin (OTP) will be needed to send in email address of the
user, to make that possible, the proponents have used PHP Mailer.
Locale
The study was held in Apolonio Samson National High School that is in
Kaingin Road, Barangay Apolonio Samson, Balintawak, District VI, Quezon City,
Those people who will enroll, currently enrolled and working in Apolonio
Samson National High School are part of the research. The school principal,
Admin, registrar, students and faculty members are included in the study.
Organizational Chart
National High School as they were a big part of the study. The graph
36
started with the Administrative Principal followed by the SHS Academic
Operational Feasibility
section and its schedule, and campus attendance monitoring. The operational
Software Specifications
used by the proponents to make this system possible. Based on the table,
the proponents have used Google chrome and brave for web browser,
XAMPP v 3.0.0 for runtime environment and visual studio code and
37
Hardware Specifications
and developer. For developer, the proponents have used laptop, 24gb
RAM, and Intel i5 2.40GHz, while the minimum requirements needed for
the developer are Laptop, 4 GB RAM, and intel i3 processor. For the user,
the proponents have suggested to use laptop or mobile phone, 4gb RAM
Program Specification
The tools and technology used for developing the web application
on the front end are HTML, Cascading Style Sheet (CSS), JavaScript,
JSON, Ajax, and PHP. Each one of them has its version, for HTML the
version has used in the system is the HTML 5, Version 3.0 for CCS,
JavaScript ES5 has been used for JavaScript, because it is the version of
JavaScript that has JSON. In PHP, version 8.0.25 has used in this system.
(See Appendix F)
38
Technical Feasibility
In this part, the proponents have created a compatibility check list and
gathered data from the internet to verify the necessary data. The proponents
have researched what are the minimum specifications for hardware and software
client’s side.
System Flowchart
System flowchart shows the flow of how the system works as well
administrators, and faculty members are the users of the system. There
For the first time user, the student must create an account by filling
Name, Middle name, and Last name), and system credentials (Email,
Username, and password). After they fill up the form, they need to verify
address. Once they have verified their account, they will fill up the
level. After they complete the enrollment process, they need to wait for the
39
and section, adviser, and the subject they will be taking for the semester
will appear in their account. In terms of campus attendance, the data will
be fetched based on the date and time they tapped their ID while they
advisory class and the student list. The student list contains the
while the advisory class is the name of the student that they will handle for
Lastly, Admin Side contains all the features for enrollment and
campus attendance. First in enrollment, there are six (6) menus in the
what track and strand they are offering to their school, and grade level just
in case they will offer junior high school in the future. In the managed
section, they will get the grade level first, then add a section. Next is
Manage subjects, before they add subjects, they need to input what grade
level, section, teacher, add subjects. Next is Manage teachers, they are
the one who oversees creating an account for the teacher. Next, is the
Manage Students, there are two menus for the students, to those who are
40
their names will be sent to the enrollees, the registrar will check their
information, submit requirements and then they will decide if they are
will assign a section and adviser. Lastly, they can monitor the campus
The cost and benefit analysis assesses the costs and benefits prior
Schedule Feasibility
to show the breakdown of activities they made during the working of this
41
study. It also appears how long the proponents worked on system and
Gantt Chart
against time. Before the proponents start doing the documentation, they
conduct a meeting with their adviser, and talk about the project that they
are going to do. After that, they went to the school to have an interview
with the registrar and ask many questions on the current problems they
on the 3rd week of June 2022 and ended on the 4th week of July 2022.
The reason why the proponents stopped doing the documentation for a
3rd week of August 2022. The development of the system started in the
2nd week of October 2022 up to the 2nd week of December 2022. Then
continue working on the system from January 2023 up to the 2nd week of
42
Process Model Used
developing the system. The first step taken by the developers was to compile the
needs, research the current problems, and establish the criteria. The developer
then began working on the user interface, creating a concept and a prototype to
ensure all the specifications have met. After converting the designed system into
a functional model, the developers could then start developing and testing it to
ensure it was working correctly. This step is crucial as the developers can still
offer comments at any time during the process. They can adjust or even
generate new concepts to address issues as they arise. Finalization was the last
step when the finished product was prepared for release. Data conversion,
testing, switching to the new system, and user education are all included in the
project. The developers have finished making all last-minute adjustments and are
Requirements Modelling
way to grasp by using the diagrammatic form specific to the system. A Lucidchart
application was used in this case. There are also five (5) Categories in this part,
43
Input
The most important part of a system’s logic is to the processing of
Process
The process shows how the system would work and what to do
Output
It displays the data according to the user’s input and decision of the
44
Performance
testing. The tests' goal is to determine whether the system is efficient and
Control
The controls are the data that certain condition must met. It helps
the system to have smooth transactions between the user and the admin.
enrollees list.
Analysis
This section will go over the various data and process modeling
45
ERD
The ERD (Entity Relationship Diagram) is a visual representation of
shows how the tables are connected and how data flows between them.
(See Appendix L)
Data Dictionary
Data dictionary shows the entities of the database, its data fields,
types of data, and description. It shows the data list about the integrated
Context Diagram
boundaries and context of what was inside and how it worked in the
with other outside parties. The proponents have used the Youdon
46
external entities described by the system user, mainly the student,
teacher, and admin, are external that can add students, teachers,
the middle, with external entities outside the circle. The rectangle
and update users' data to the system. The following entity is the student;
this entity can view the enrollment details, submit enrollment details and
requirements, and view the subject list and teachers. The last entity is the
teacher, who can view the student list. There is also an RFID reader,
which will receive the Campus Attendance data and appear on each
registrar is the one who is in-charge in adding information about track and
strand that they will offer in their school. He will also provide the
47
requirements needed to submit by the student during their enrollment
period. Lastly, he will be the one who will approve the enrollees. Next is he
needs to assign a section, adviser, and teachers and subjects for the
student. In the next figure of data-flow diagram, among the levels listed,
concept abstraction is at its peak. The explanation for this is that this level
describes the processes (if any) that fall under the level 1 sub-process. It
also shows where the data will be stored. Based on the second figure on
(Appendix G), there are four databases such as Track and Strand,
Enrollees, Subjects, and Teachers. They are responsible for making sure
that the data is secured and available when needed. Only the student who
requested will receive the information that the system provides. (See
Appendix O)
Object Modeling
In this part of the project, the proponents used different diagrams and
flowcharts to visualize the activity that may happen in the system. It consisted of
and the users within the system. Generally shown as a graphic depiction
48
of interactions among different elements in the system. There are three
users in the system, first is the student side, the student can choose
whether he/she will sign up or sign in, if she chooses to sign up, there will
be email verification and after that he can access his account. Once she
has access to the system, there are Enrollment details, Subjects, Manage
Account, and Logout in the main dashboard. The requirements are also
included in the enrollment details. Next is, the adviser, section, teachers
and subject list will appear once the admin approves the enrollment of the
applicant.
The next user is the admin. Once the admin accessed the account,
main dashboard. The first one is the Enrollees, in that part, the admin can
section he will put the student in; including that is the adviser and the
subjects that the students will take for the semester. There is also Manage
Track and Manage Strand where the admin can add details of what track
and strand, they are going to offer in their school. Next is the Manage
Subject, each grade level and strand have a specific subject that they will
take for every semester. In terms of adding a teacher's account, only the
49
admin is allowed to add a teacher, it means that the teacher cannot
Last user is the teacher. Once the teacher accessed the account,
there are Students List, Advisory Class, Manage Account and Logout in
their main dashboard. They can view the advisory class that they will
handle for each semester or 1 year, and the students list is based on the
Design
The design was planned and designed by the proponents. They have
followed the color scheme to match the design of the website. The picture
background used for the login page are the photos taken from their Facebook
page. Currently, the proponents did not have an opportunity to take a good shot
50
Output Design
User View
developed to help the students to fill up form and submit enrollment requirements
Report Format
the grade level, section, Grade level and Strand, and Strand. (See Appendix S)
Development
In this section, the proponents developed the system approved by the
requirements and the expectation of the panelists. This part involves Site Map,
Site Map
Activity Diagram
iteration, and concurrency. The above diagram Illustrates the activity flow
51
from top to bottom. The top of the diagram represents the starting point or
initial state of the system, represented by the small black circle pointing to
a fork node with an arrow. The fork node is visualized as a straight, thick
Sequence Diagram
show the existence that belongs to an existing object or actor over time. A
be between an existing actor as well as the first object named the student.
52
belongs to interactions. An existing arrow represents the direction that
belongs to the interaction that belongs to the two lifelines. The dashed line
page, before he can get through the system, he needs to verify his email,
and then once the email is verified, the enrollment form will appear. The
user will fill up the form and submit requirements and send it to the
administrator. Once the admin approves the application, the user can view
what subjects and who will be their teacher for the semester. Next user is
the administrator. There are six (6) interactions that will happen; those are
there are 3 interactions which are Login Success, Student List, and
Advisory Class. They can only view the students that they will handle for
the semester.
The admin has access to all features of the system. Once the
admin gets through his account, the menu will appear, such as Enrollees
53
Archive, Manage Account, and Campus Attendance. First, the admin
each subject and section. Before the school year starts, the admin must
add data on what track and strand they will offer in their school. The next
54
Chapter 4
This chapter contains the system’s result and a discussion of how the
which can help the student and school registrar. This module serves as a
55
Figure 1.1 Enrollment Form Section
Section) shows that the proponents have successfully developed a system where
the student can submit requirements and enrollment form using the system.
Students can also choose what track are they going to choose to enroll.
the form and submit requirements, the enrollment status will appear in their
enrollment form. This indicates that the form has been submitted to the school
registrar.
In the view of school registrar’s account, the name of enrollees will appear
in the enrollees list that shows in (Figure 1.3 List of Enrollees Section). To
process the enrollment, the system provides specific functionalities for the school
registrar where they can view the requirements and enrollment form of the
student. In addition to that, there is an accept button if the school registrar will
accept the student. Figures 1.4 (Viewing of Enrollment Form Section), Figures
the buttons.
57
Figure 1.4 Viewing of Enrollment Form Section
58
Figure 1.6 Viewing of Submitted Requirements Section
After the school registrar view all the requirements needed, he will decide
if he is going to accept the enrollees. Figure 1.7 shows the list of sections based
on the strand of the enrollees, there is also an adviser and student capacity.
59
Figure 1.8 List of Enrollees Enrollment Status Section
In figure 1.8 (List of Enrollees Enrollment Status Section) shows that after
the school registrar assign a section and adviser to the student, the status will
change into Enrolled, and the instructor will have the name of the adviser of the
student.
where the school registrar can manage the sections per grade level and strand,
Once the admin has clicked the manage section, the strand, grade level, section
name, adviser, student capacity, and action buttons. To add a new section, there
In figure 2.1 (Add Section Modal), it appears what the school registrar will
see once he clicks the Add New Section. He will choose what grade level and
strand he is going to create a section, as well as the adviser who will handle the
section and the student capacity (it handles the number of students who will be
61
Provide help in terms of scheduling management.
manage the schedule of each grade level and section. To achieve that, the
proponents added a part where they can set schedule for each section. Once the
set schedule button has clicked, the set schedule modal will appear. The school
Registrar will choose the subject, teacher, weekly schedule, time start and time
end.
62
Figure 3.1 View Schedule Section
Once the school registrar has saved the data needed, it will appear to the
view schedule modal. Figure 3.2 (Time Conflict Reminder Section) indicates that
when the school registrar tried to add subject that has similar time schedule with
the other subject, the system will remind him that it is conflict to the other subject.
63
Develop a campus attendance system for students.
sure that the students who are entering their school are currently enrolled. It
shows the Name, Date, and time that the student has tapped his ID.
64
Figure 4.1 shows that the student can view the time and date they entered
and leave the school. It can also be filtered using the search button on the upper
Based on the figure 4.2 (Campus Attendance Monitoring (Admin Side), the
proponents have allowed the school registrar to view campus attendance in their
account. The name of the students who are entering and leaving their school
appears in the list. He can also filter the name by using the search button on the
65
To test the system performance in terms of Compatibility
To answer the objective five, the proponents have used an online tool to
check if the ASNHS – Portal are compatible in different browsers and operating
systems. The tools have used is browserstack.com. The table below indicates
Browsers
Table 1
Based on the table above, it indicates that the proponents have tested the
compatibility of the system in different browsers. There are two mark that
indicates whether the system is compatible with the device or not, these are
check and cross. It shows that the system is working if the user used android
device, it worked in google chrome, Mozilla Firefox, and Opera. Next is the IOS,
the system is only working with IOS and Safari. Next is windows 10 and windows
11, the browsers that are compatible with the system are Google chrome,
windows operating system. Lastly, is the Mac, all the browsers are working.
66
67
Chapter 5
and faculty members. It gives the user the ability to enroll students and submit
their requirements so that they can enroll in Apolonio Samson National High
School. This system aims to facilitate those students who are enrolling to the said
school. This is to help the school registrar to lessen their time and effort in terms
of the enrollment process. The system aims to help both students and school
registrar so that they can save time and effort in the enrollment procedure.
admin, it will appear to the database, and it will show to the web pages. In
addition to that, the campus attendance is also accurate in terms of fetching and
showing the data based on the time that the student tapped their ID.
Recommendations
68
The following recommendations are for future researchers of the
School.
As time goes by, there will be future proponents who will provide help in
terms of developing the system that was created by the past researchers. They
should improve the system by adding the limitations presented based on chapter
1. It says that the proponents have yet to make a grading system where it can
help a lot in the students, teachers, and the school registrar. In adding the
grading system, the subject teacher will have a list of the students they handle in
their subjects, and during the giving of grades period, they can input grades for
each section. Once the subject teacher is done encoding the grades, they can
submit it to the school registrar, and the school registrar and the principal can
review all the grades that has sent by the subject teacher. The list of grades per
section should be approved by the admin and once the admin approves the
grades, that is the only time that the grades will appear to the account of the
students and adviser of that section. Also, the school registrar can print the
grades with the design of the report card of their school. So that the advisers will
69
References
11(3):59-69.
https://www.researchgate.net/publication/341727161_The_Proposed_Impl
ementation_of_RFID_based_Attendance_System
Ula, M., Pratama, A., Asbar, Y., Fuadi, W., Fajri, R., & Hardi, R. (2021). A
https://www.researchgate.net/publication/351024869_A_New_Model_of_T
he_Student_Attendance_Monitoring_System_Using_RFID_Technology
Nigerian University using RFID. Afr. J. Comp. & ICT, Vol.12, No. 2, pp. 72
- 89.
https://www.researchgate.net/publication/333643865_Design_and_Imple
mentation_of_an_Automated_Attendance_Monitoring_System_for_a_Nig
erian_University_using_RFID
70
H. P. VanDerSchaaf, T. U. Daim and N. A. Basoglu, "Factors Influencing
https://doi.org/10.1109/TEM.2021.3053966.
Li, Lei & Shen, Yide & Han, Meng. (2021). Perceptions of Information
Setting.
https://www.researchgate.net/publication/349153149_Perceptions_of_Info
rmation_Systems_Security_Compliance_An_Empirical_Study_in_Higher_
Education_Setting.
https://leadschool.in/blog/5-ways-a-student-information-system-can-help-
in-decision-making-and-collaboration-at-your-school/
https://ieeexplore.ieee.org/abstract/document/8863359.
71
Musa, Abubakar & Jacob, Ogunode. (2021). Record keeping management
forward.
https://www.researchgate.net/publication/358221473_Record_keeping_m
anagement_in_public_secondary_school_administration_in_Nigeria_Probl
ems_and_ways_forward.
https://www.sciencedirect.com/science/article/pii/S088832701930603X.
hl=en&lr=&id=e8skEAAAQBAJ&oi=fnd&pg=PR5&dq=limitations+of+paper
72
+records+organizing+and+retrieval&ots=cDQ23j6MpG&sig=55TIkNDQaC
0L5BpfkfL12HXngUk&redir_esc=y#v=onepage&q&f=false
https://capstoneguide.com/highschool-online-enrollment-system-capstone-
project-document/
https://capstoneguide.com/computerized-student-information-system-
capstone-project-document/
https://capstoneguide.com/student-database-management-system-
capstone-project-document/
scheduling-software.
73
Replogle, N. The best appointment scheduling apps in 2023. (April 13,
scheduling-apps/
Danzinger, P., Geibinger, T., Janneau, D., Mischek, F., Musliu, n.,
dl.acm.org/doi/fullHtml/10.1145/3546871
Julio, S., Poler, R., Mula, J., Smart manufacturing scheduling: A literature
www.sciencedirect.com/science/article/pii/S0278612521001977
scheduling tool improves .... (August 11, 2020). Retrieved June 5, 2023,
from journals.plos.org
https://doi.org/10.1007/s12553-021-00547-5
74
Issue 9, September 2022, Pages 1637–1641,
https://doi.org/10.1093/jamia/ocac087
https://www.researchgate.net/publication/343591318_Implementation_of_a
n_automated_scheduling_tool_improves_schedule_quality_and_resident_s
atisfaction
75
APPENDICES
76
Appendix A
77
Appendix B
Research Locale
78
Appendix C
Organizational Chart
79
Appendix D
Source-code Visual Studio Code Visual Studio Code Visual Studio Code
Editor Sublime Sublime Sublime
80
Appendix E
Processor Intel(R) Core (TM) i5- Intel(R) Core Intel(R) Core (TM)
9300H CPU @ (TM) i5-9300H i5-9300H CPU @
2.40GHz CPU @ 2.40GHz 2.40GHz
Processor Intel(R) Core (TM) i5- Intel(R) Core Intel(R) Core (TM)
9300H CPU @ (TM) i5-9300H i5-9300H CPU @
2.40GHz CPU @ 2.40GHz 2.40GHz
81
Appendix F
Program Specification
JSON -
Ajax -
PHP 8.0.25
82
Appendix G
83
Appendix H
84
Appendix I
85
Appendix J
86
Appendix K
Gantt Chart
87
Gantt Chart
88
Appendix L
89
Appendix M
90
Appendix N
Data Dictionary
Enrollees Table
Data Field Type Description
id int(11) Primary key of the
enrollees.
Userid int(23) Primary key of the users.
e_lrn varchar(100) LRN number of the
students.
e_fname varchar(100) First Name of the student.
e_mname varchar(100) Middle Name of the
student.
e_lname varchar(100) Last Name of the student.
e_extensionname varchar(100) Extension Name of the
student.
e_bdate date Birthdate of the student.
e_placeofbirth varchar(255) Place of birth of the
student.
e_gender varchar(12) Gender of the student.
e_age int(123) Age of the student.
e_tongue varchar(233) Mother tongue of the
student.
e_bloodtype varchar(100) Blood type of the student.
e_religion varchar(255) Religion of the student.
e_indigenous varchar(233) It is answered by yes or no
if the student is a member
of indigenous people.
e_indigenous_spec varchar(233) The student will specify
which indigenous people is
he belong.
e_4ps varchar(233) It is answered by yes or no
if the student is a member
of 4ps.
91
e_4ps_beneficiary varchar(233) The student will specify
their beneficiary number in
4Ps.
e_current_address varchar(233) Student’s Current address.
e_current_zipcode int(233) Student’s current zipcode.
e_permanent_address varchar(233) Student’s Permanent
Address.
e_permanent_zipcode int(233) Student’s permanent
zipcode.
e_fname_father varchar(233) First name of student’s
father.
e_mname_father varchar(233) Middle name of student’s
father.
e_lname_father varchar(233) Last name of student’s
father.
e_contactnumber_father varchar(233) Contact number of
student’s father.
e_fname_mother varchar(100) First name of student’s
mother.
e_mname_mother varchar(255) Middle name of student’s
mother.
e_lname_mother varchar(255) Last name of student’s
mother.
e_contactnumber_mother varchar(255) Contact number of
student’s mother.
e_fname_guardian Varchar(233) First name of student’s
guardian.
e_mname_guardian Varchar(233) Middle name of student’s
guardian.
e_lname_guardian Varchar(233) Last name of student’s
guardian.
e_contactnumber_guardia Varchar(233) Contact number of
n student’s guardian.
e_level_completed Varchar(233) If the student is transferee
or returner, he/she will
indicate what grade level
did he complete.
e_school_completed Varchar(233) It indicates the last school
year attended of the
student.
e_school_attended Varchar(233) If the student is transferee
or returner, he/she will
indicate which school did
he come from.
e_school_id Varchar(233) The number of school that
the student last attended
e_semester Varchar(233) The student will indicate
92
what semester is he going
to enroll.
e_track Varchar(233) Chosen track of the
student.
e_strand Varchar(233) Chosen Strand of the
student.
date_inserted datetime Date when the student
send the enrollment form.
enrollment_status Int(100) Enrollment status of the
student, it will show if it is
pending and accepted.
instructor Int(100) Adviser of the student.
grade varchar(100) Grade level to be enroll.
section varchar(255) Section of the student that
was assigned by the
school registrar.
sy varchar(255) School year when the
student enrolled.
93
e_indigenous_spec varchar(233) The student will specify
which indigenous people is
he belong.
e_4ps varchar(233) It is answered by yes or no
if the student is a member
of 4ps.
e_4ps_beneficiary varchar(233) The student will specify
their beneficiary number in
4Ps.
e_current_address varchar(233) Student’s Current address.
e_current_zipcode int(233) Student’s current zipcode.
e_permanent_address varchar(233) Student’s Permanent
Address.
e_permanent_zipcode int(233) Student’s permanent
zipcode.
e_fname_father varchar(233) First name of student’s
father.
e_mname_father varchar(233) Middle name of student’s
father.
e_lname_father varchar(233) Last name of student’s
father.
e_contactnumber_father varchar(233) Contact number of
student’s father.
e_fname_mother varchar(100) First name of student’s
mother.
e_mname_mother varchar(255) Middle name of student’s
mother.
e_lname_mother varchar(255) Last name of student’s
mother.
e_contactnumber_mother varchar(255) Contact number of
student’s mother.
e_fname_guardian Varchar(233) First name of student’s
guardian.
e_mname_guardian Varchar(233) Middle name of student’s
guardian.
e_lname_guardian Varchar(233) Last name of student’s
guardian.
e_contactnumber_guardia Varchar(233) Contact number of
n student’s guardian.
e_level_completed Varchar(233) If the student is transferee
or returner, he/she will
indicate what grade level
did he complete.
e_school_completed Varchar(233) It indicates the last school
year attended of the
student.
e_school_attended Varchar(233) If the student is transferee
94
or returner, he/she will
indicate which school did
he come from.
e_school_id Varchar(233) The number of school that
the student last attended
e_semester Varchar(233) The student will indicate
what semester is he going
to enroll.
e_track Varchar(233) Chosen track of the
student.
e_strand Varchar(233) Chosen Strand of the
student.
date_inserted datetime Date when the student
send the enrollment form.
enrollment_status Int(100) Enrollment status of the
student, it will show if it is
pending and accepted.
instructor Int(100) Adviser of the student.
grade varchar(100) Grade level to be enroll.
section varchar(255) Section of the student that
was assigned by the
school registrar.
sy varchar(255) School year when the
student enrolled.
Files Table
Data Field Type Description
Id int(11) Primary key of the files.
Userid int(100) Primary key of the user.
Req_id int(100) Requirements ID
filename varchar(255) Filename of requirements
sent by the student.
Filedir varchar(255) It is the file where the
requirements are saved.
Date_inserted datetime Date when the student
inserted the file.
95
Requirements Table
Data Field Type Description
Id int(11) Primary key of the
requirements.
Name Varchar(255) Name of the requirements
that needs to send by the
student.
Scheduling Table
Data Field Type Description
Id int(11) Primary key of the
requirements.
section_id int(255) Name of the requirements
that needs to send by the
subject_id int(255) Primary key of the subjects.
weekly_sched varchar(100) Days of when the subject
will be taking.
time_start varchar(255) It is the start time of the
schedule of the subject.
time_end varchar(255) It is the end time of the
schedule of the subject.
teacher_id int(255) Primary key of the teacher.
date_inserted datetime Date when the admin
created the schedule.
96
Sections Table
Data Field Type Description
Id int(11) Primary key of the sections.
Name varchar(255) It is the section name.
Year int(100) It is the grade level.
Strand int(100) It is the strand.
Teacher int(100) It is the teacher who will
handle the subject.
Capacity int(100) Number of students will be
accepting in section.
Date_inserted datetime Date and time when the
admin add the data.
Strands Table
Data Field Type Description
Id int(11) Primary key of the strands.
Track_id int(255) It is the id of the track.
Strand_name varchar(255) Name of the strand.
Strand_code varchar(100) Abbreviation of the strand.
Date_inserted datetime Date and time when the
admin add the data.
Subjects Table
Data Field Type Description
Id int(11) Primary key of the
strands.
Subject_name varchar(255) Name of the subjects.
Semester varchar(255) It is the semester when
the subjects will be
taking.
Grade_level varchar(255) Grade level of the
section.
strand varchar(255) Strand of the section. 97
Date_inserted datetime Date and time when
the admin add the
data.
Subjects_teacher Table
Data Field Type Description
Id int(11) Primary key of the
subject.
Teacher_id varchar(255) Teacher who will be
handling the subject.
Subject_id varchar(255) Name of the subject.
Schedule varchar(255) Schedule of the subject
will be taking.
Date_inserted datetime Date and time when
the admin add the
data.
Tracks Table
Data Field Type Description
Id int(11) Primary key of the
tracks.
Track_name varchar(255) Name of the track.
Date_inserted datetime Date and time when
the admin add the
data.
User Table
Data Field Type Description
Id int(11) Primary key of the
user.
email varchar(249) Email of the user who
created an account in
the system.
password varchar(255) Password of the user.
username varchar(100) Username of the user.
verified tinyint(1) It checks if an account
is verified.
resettable tinyint(1) Number of times that
his account was reset.
registered int(10) Date when the user
was created an
account.
last_login int(10) Date and time when
was the last time that
98
the user opened the
account.
force_logout mediumint(7) It is the number of
times that the user has
been forced logout in
the system.
firstname varchar(100) First name of the user.
lastname varchar(100) Last name of the user.
middlename varchar(100) Middle name of the
user.
user_status int(100) Status of the user
whether he is an
admin, teacher, or
student.
otp int(100) One Time Pin that has
sent to the email of the
user.
strand varchar(100) Strand of the user.
section int(100) Section of the user.
99
Appendix O
Context Diagram
100
Appendix P
101
Data Flow Diagram
102
Appendix Q
103
Use Case Diagram
104
Use Case Diagram
105
Appendix R
COMPATIBILITY TEST
106
Appendix S
Wireframe
107
108
Appendix T
REPORT FORMAT
109
Appendix U
110
111
112
Appendix V
Site Map
113
Appendix W
114
115
Appendix Y
116
Sequence Diagram
117
Sequence Diagram
118
Appendix Z
119
Appendix AA
User Manual
120
TABLE OF CONTENTS
Overview 4
Enrollees 7
Faculty Members 13
Manage Track 20
Manage Strands 22
Manage Subjects 25
Manage Section 27
Reports 34
Manage Archives 36
Manage Account 38
Campus Attendance 39
121
Student Login 44
Enrollment 45
Enrollment Info 47
Enrolled Subjects 48
Campus Attendance 49
Manage Account 50
Teacher Login 52
Advisory Class 53
Subject Class 53
Manage Account 54
122
Overview
This manual gradually provides a user guide for the Integrated School
• Online Enrollment
• Section Management
• Class Scheduling
• Campus Attendance
123
WEB FORMAT, NAVIGATION AND UTILITIES
124
Export buttons can print and download the table information with the specified
format.
Admin Login
The Master Admin has full control over all features and access to the web
fields.
125
Enrollees
After successful login, you will be redirected to the Enrollees page where you can
manage and see the enrollees' information table with the following information:
Student name, Gender, Address, Age, Instructor, Grade Level, Strand, and
126
There’s a button on the action column to Approve, View Details, and View files.
1. Before Approving (clicking the “Approve” button) for the enrollment of the
student, the admin should check “View Details” and “View Files” first.
2. Click the “View Details” Button you will see this information (check
thoroughly):
127
3. Click the “View Files” Button you will see Filename, Filetype, and “view”
128
File preview example (click “View” button):
129
4. After checking the “View Details” and “View Files” buttons if the
5. After the approval, you still need to set the section of the student so click
“Set” and pick the section. the option has the grade level, section, number
130
of students and capacity, and the adviser. And click “Save Changes”.
131
Reset Enrollment
1. Click the “Reset Enrollment” button.
132
Faculty Members
list and to add Faculty Members
2. On the “Faculty Member” page, you will find a list of faculties with the
Last Login, and action for buttons of update, password, and remove.
133
action (update, password, and remove)
“Update” BUTTON:
134
“Password” BUTTON:
135
“Remove” BUTTON:
2. Click “Yes”.
136
Before the students can enroll, first the admin needs to manage the following:
137
Manage School Year
List of School Year
2. On the “Manage School Year” page, you will find a list of school years with
the following information: School Year and Status, and buttons to edit and
end the school year. And a button to add a new school year.
138
Add New School Year
3. Click “save”.
139
Edit
3. Click “Ok”.
140
End School Year
141
Manage Track
List of Tracks
2. On the “Manage Track” page, you will find a “add new track” button and a
142
Add New Track
3. Click “save”.
143
Edit
3. Click “save”.
144
Manage Strands
List of Strands
2. On the “Manage Strands” page, you will find a “Add New Strand” button
145
Add New Track
3. Click “save”.
146
Edit
6. Click “save”.
147
Manage Subjects
List of Subjects
2. On the “Manage Subjects” page, you will find a “Add New Subject” button
and a list of subjects with the following information: Strand, Grade level,
148
Add New Subjects
6. Click “save”.
149
Manage Section
List of Sections
2. On the “Manage Section” page, you will find a “Add New Section” button
and a list of sections with the following information: Strand, Grade Level,
150
Add New Section
3. Click “save”.
151
Action (Set schedule, View schedule, View students, Edit, Delete)
Set Schedule
3. Click “save”.
152
View Schedule
5. You will see the see list of information: Subject, Schedule, and Teacher.
6. (optional) admin can update the schedule by clicking the “update” button
153
154
View Students
155
Edit
3. Click “Update”.
156
Delete
157
Reports
1. Click the “Reports” option in the navigation menu and choose by grade
2. On the “Reports” page, you will find a list of reports with the following
information: count of males, females, and total, by the option you choose.
158
159
Manage Archives
List of Enrollment Archive
2. On the “Manage Archives” page, you will find a list of Enrollment Archives
3. Like the “enrollees” page you can still see their “View Details” and “View
Files” by a button.
160
161
Manage Account
1. Click the “Manage Account” option in the navigation menu.
2. On the “Manage Account” page, you will find a form for account and
password.
162
163
Campus Attendance
1. Click the “Campus Attendance” option in the navigation menu.
2. On the “Campus Attendance” page, you will find a “Monitor View” Button
164
Monitor View
2. You will see information about the latest person who taps into the RFID
card reader.
4. Display the Screen in a suitable place where the guard can see it.
165
7. Check or click the checkbox of the “repeat”.
8. Click clear.
9. Click “Scan ID”
10. You’re ready to tap an ID.
The software should look like this
166
167
Student Login
The student user can enroll online by filling up the forms and submitting the
necessary documents. It can also view their class schedule and campus
Fields.
168
Enrollment
After successful login, you will be redirected to the Enrollment page where you
can submit your documents and fill up form for the enrollment.
1. In the document requirements you can drag and drop the specified
document.
169
170
171
Enrollment Info
Student can view their submitted documents and fill upped forms on the
172
Enrolled Subjects
Student can view their class schedule on the Enrolled Subjects page.
173
Campus Attendance
Student can view their campus attendance on the Campus Attendance page.
174
Manage Account
1. Click the “Manage Account” option in the navigation menu.
2. On the “Manage Account” page, you will find a form for profile and
password.
175
Teacher Login
The teacher user can view their advisory class and subject class and they can
176
Advisory Class
After successful login, you will be redirected to the Advisory Class page where
you can view your advisory class with the following information: LRN, Student
177
Subject Class
The teacher can view the schedule of their subject class and the student info with
178
Manage Account
4. Click the “Manage Account” option in the navigation menu.
5. On the “Manage Account” page, you will find a form for profile and
password.
179
Appendix BB
DEVELOPER GUIDE
180
TABLE OF CONTENTS
Overview 160
Configuration 15
Database 17
181
Overview
School.
• Online Enrollment
• Section Management
• Class Scheduling
• Campus Attendance
Installation Instructions:
Follow the steps below to install the required tools and dependencies: XAMPP is
PHP, and phpMyAdmin, allowing developers to set up a local web server environment
182
Download the appropriate version of XAMPP for your operating system.
183
Locate the downloaded XAMPP installer and Once you locate it you can start the
After you’ve opened the .exe file the start screen of the XAMPP setup wizard
184
185
Under ‘Select Components’, you have the option to exclude individual
components of the XAMPP software bundle from the installation. But for a full local test
server, we recommend you install using the standard setup and all available components.
186
Once all the preferences have been decided, click to start the installation. The
setup wizard will unpack and install the selected components and save them to the
designated directory. This process can take several minutes in total. You can follow the
progress of this installation by keeping an eye on the green loading bar in the middle of
the screen.
Once all the components are unpacked and installed, you can close the
setup wizard by clicking on ‘Finish’. Click to tick the corresponding check box and
open the XAMPP Control Panel once the installation process is finished.
187
Visual Studio Code (VSCode) Installation:
Visual Studio Code is a lightweight and highly extensible source code editor
and provides powerful tools for editing, debugging, and version control integration.
188
When the download finishes, then the Visual Studio Code icon appears in the
downloads folder and then Click on the installer icon to start the installation process of
After the Installer opens, it will ask you for accepting the terms and conditions of
the Visual Studio Code. Click on I accept the agreement and then click the Next button.
189
Choose the location data for running the Visual Studio Code. It will then ask you
for browsing the location. Then click on Next button. At this step, select the Create a
190
Then it will ask for beginning the installation setup. Click on the Install button.
191
After the Installation setup for Visual Studio Code is finished, will show a
window like this below. Tick the “Launch Visual Studio Code” checkbox and then click
Next.
192
Extracting and Saving Project Files
Once you have downloaded the project files in a zip format, follow these steps to
Right-click on the zip file and select "Extract file" or a similar option. This will
open the extraction wizard. In the extraction wizard, choose the destination location
where you want to extract the files. This should be the htdocs directory of your XAMPP
193
Click on the “OK or FINISH” button to start the extraction process. This will
extract the files from the zip archive and save them in the specified destination directory.
Once the extraction is complete, you should see the extracted project files in the
htdocs directory.
Configuration:
After installing the necessary tools, follow the steps below to configure the
194
system:
Start the Apache and MySQL services if they are not already running.
195
Open a web browser and navigate to http://localhost/phpmyadmin.
196
Database
the “Choose File” button and selecting the enrollment.sql file and pressing the ‘Go’
You can find the enrollment.sql file in you enrollment file in the htdocs C:\
xampp\htdocs\enrollment\db.
197
The enrollment database on phpMyAdmin should look like this.
198
Running the System
To run the Integrated School Management System - Online for Apolonio Samson National
This will give you access to the Integrated School Management System -
Ensure that you have correctly set up the project files in the appropriate directory within
199
By following these steps, you will be able to access and use the Integrated School
Management System - Online for Apolonio Samson National High School through your
Plagiarism Result
200
Grammarly Result
201
CERTIFICATE OF PROOFREADING
This is to certify that the undersigned has reviewed and checked the questionnaire
of the Capstone project entitled Integrated School Management System – Online for
Apolonio Samson National High School developed by Dionisio, Janella Desirie C.,
It has been aligned with the set of structural rules that govern the composition of
202
CURRICULUM VITAE
203