Colegio de Santo Cristo de

WEB-BASED APPOINTMENT SYSTEM FOR COLEGIO

DE SANTO CRISTO DE BURGOS

A Capstone Project Presented to the IT Faculty of

Colegio De Santo Cristo De Burgos

Sariaya, Quezon

In Partial Fulfillment of the Requirements for the

Degree of Bachelors of Science Information Technology

By

Sacristia, Madel J.

Quelazon, Ryan Kerth B.

Briñas, Jaypee H.

Deloso, Jhoncarlo M.

June 2023

Bachelor of Science in Information

Web-based Appointment System for Colegio de Santo Cristo de

Colegio de Santo Cristo de

Bachelor of Science in Information

ii
 Web-based Appointment System for Colegio de Santo Cristo de

Colegio de Santo Cristo de

ACKNOWLEDGEMENT

The researchers would like to thank the following individuals for their

assistance and continued support in completing their studies. This expresses the

researcher’s sincere thanks and appreciation for:

First and foremost, the researchers would like to express their sincere

gratefulness to Almighty God. They want to thank God for the counsel and countless

blessings He has given them through their studies.

To Prof. Myra G. Flores, Ph.D., the IT Program Head, for her

continued support and suggestions during the conduct of the study and their endless

motivation to finish this research study.

To Prof. Myra G. Flores, Ph.D., Head of the IT Program, for her

incessant support and recommendation throughout the study, and

their infinite inspiration to complete this research.

To Prof. Maricel M. Gaspar, Ph.D., the research adviser, for her

constant and overwhelming support during the development of their research study. Her

time and the headaches have been much appreciated. The researchers will always be

grateful because they have an adviser who is willing to give her valuable time and

wisdom just to help them finish this study.

To Dr. Salem Laylo, Mr. Leonard Andrew Mesiera, Ma’am Joanna

Marie T. Javier, Dean Zarah Ydizza A. Ranuda, and Dr. Myra G. Flores, panelists, for

their

Bachelor of Science in Information

ii
 Web-based Appointment System for Colegio de Santo Cristo de

Colegio de Santo Cristo de

guidance and recommendations to improve the study. They are thankful for the additional

information and shared knowledge that they gave to the researchers during the oral defense.

To their supportive parents and family, who have truly pushed them to

accomplish this study. They always provide for the needs of the researchers, especially

moral and financial support. Without their unwavering love, support, and encouragement,

this study would not be possible.

To their friends for providing assistance, motivation, and ideas that

enabled them to complete the assigned task successfully.

Sacristia, Madel J,

Quelazon, Ryan Kerth B.

Briñas, Jaypee H.

Deloso, Jhoncarlo M.

Bachelor of Science in Information

i
 Web-based Appointment System for Colegio de Santo Cristo de

Colegio de Santo Cristo de

DEDICATION

This study is sincerely dedicated to our family, teachers, Almighty

God and inspiration in life for giving us strength, encouragement and support we need

throughout this study. To our fellow capstone members who contribute their knowledge,

time and effort in making this study. To our Dearest family and friends, for their support

of encouragement that serves us our strength to finish our study. To all the teachers, for

guiding us to do very well on our study. They are also the ones that serves us strength

because we cannot do this research without their help. Lastly to our Almighty, for the gift

of endless love, assistance, care, strength and hope. Thank you for always offering your

loving arms when we needed it.

Sacristia, Madel J,

Quelazon, Ryan Kerth B.

Briñas, Jaypee H.

Deloso, Jhoncarlo M.

Bachelor of Science in Information

v
 Web-based Appointment System for Colegio de Santo Cristo de

Colegio de Santo Cristo de

Page
TITLE PAGE........................................................................................................................i
APPROVAL SHEET...........................................................................................................ii
ACKNOWLEDGEMENT..................................................................................................iii
DEDICATION.....................................................................................................................v
ABSTRACT........................................................................................................................x

Page

I INTRODUCTION
Rationale of the Study.......................................................................................................14

Background of the Study...................................................................................................14

Theoretical Framework......................................................................................................17

Conceptual Framework......................................................................................................19

Significance of the Study...................................................................................................20

Objectives of the study......................................................................................................21

Scope and Limitation.........................................................................................................22

II PROJECT BACKGROUND

Related Literature..............................................................................................................25

III DESIGN AND METHODOLOGY

3.1 MATERIALS AND METHODS.............................................................................27

3.1.1 Materials............................................................................................................27

3.1.2 Software.............................................................................................................27

3.1.3 Hardware...........................................................................................................27

3.1.4 Data....................................................................................................................28

3.2 Development Mode..................................................................................................28

3.3 EXPERIMENTAL DESIGN...................................................................................30

3.4 PROCEDURES OF DIFFERENT PHASES...........................................................31

Bachelor of Science in Information
v
 Web-based Appointment System for Colegio de Santo Cristo de

Colegio de Santo Cristo de

3.4.1 Implementation..................................................................................................31

3.4.2 Testing...............................................................................................................31

3.4.3 Maintenance......................................................................................................31

3.5 SYSTEM REQUIREMENT ANALYSIS...............................................................31

3.6 MODELING............................................................................................................32

3.7 User GUI..................................................................................................................35

3.8 DEVELOPMENT....................................................................................................41

3.8 TESTING.................................................................................................................41

3.9 TEST CASE.............................................................................................................42

3.9.1 TEST APPROACH...........................................................................................46

3.9.2 DEPLOYMENT AND MAINTENANCE........................................................46

IV RESULT AND DISCUSSION

REVIEW AND EVALUATE............................................................................................47

Ethical Considerations.......................................................................................................47

RESULTS AND DISCUSSIONS......................................................................................49

EVALUATION OF THE SYSTEM..................................................................................50

V SUMMARY, CONCLUSIONS, AND RECOMMENDATIONS

CONCLUSIONS...............................................................................................................60

RECOMMENDATIONS...................................................................................................61

APPENDICES

References..........................................................................................................................63

User’s Manual....................................................................................................................65

Program Listing.................................................................................................................77

Gantt chart of Activities...................................................................................................105

Bachelor of Science in Information

v
 Web-based Appointment System for Colegio de Santo Cristo de

Colegio de Santo Cristo de

Communication Letter.....................................................................................................106

QUESTIONNAIRES USED TO EVALUATE THE SYSTEM.....................................107

SAMPLE QUESTIONAIRE WITH ANSWER..............................................................116

Certification of IT Expert................................................................................................120

CAPSTONE REVISION MATRIX................................................................................121

Originality/Similarity Index Report.................................................................................126

Grammarian Certificate...................................................................................................132

Picture of process in creating prototype..........................................................................133

Curriculum Vitae.............................................................................................................134

Bachelor of Science in Information

v
 Web-based Appointment System for Colegio de Santo Cristo de

Colegio de Santo Cristo de

List of Figure
Page
Figure 1. Data Flow Diagram of the study.......................................................................17
Figure 2. Conceptual Framework of the Study.................................................................19
Figure 3. Agile Methodology............................................................................................28
Figure 4. Experimental Design of the Study.....................................................................30
Figure 5. Experimental Design of the Study.....................................................................30
Figure 6. Use Case Diagram for Web-based Appointment System for an administrator 33
Figure 7. Database Schema of the study...........................................................................34
Figure 8. This is the Login page for students here they can either log in to their existing
account or register for a new account................................................................................35
Figure 9. This is the Login page for students here they can either log in to their existing
account or register for a new account................................................................................35
Figure 10. This is the inside of the Appointment System where students can find the
home button, logout button and a button to set an appointment........................................36
Figure 11.This is the system designed for students when setting or requesting an
appointment.......................................................................................................................36
Figure 12. System design when submitting an appointment............................................37
Figure 13. System design when viewing appointment assisting status on the assisting
pane....................................................................................................................................37
Figure 14. System design for the administrator login and register an account.................38
Figure 15. This is the page design where the admin can find in the dashboard the
appointment list, system users, system admins, reports, and the logout button................38
Figure 16. System design when an admin wants to accept or denied the pending
appointment request of the students..................................................................................39
Figure 17. The system design forwards the appointment to the waiting list....................39
Figure 18. Shows the system design when an admin manages the student’s account......40
Figure 19. This shows the system design of the administrator accounts..........................40

Bachelor of Science in Information

i
 Web-based Appointment System for Colegio de Santo Cristo de

Colegio de Santo Cristo de

List of Tables
Page
Table 1. Test case for the students....................................................................................42

Table 2. Test Case for the administrator of the system.....................................................44

Table 3. Four-Point Scale..................................................................................................51

Table 4. Weighted Mean Distribution of Performance Efficiency...................................52

Table 5. Weighted Mean Distribution Maintainability.....................................................53

Table 6. Weighted Mean Distribution of Suitability.........................................................54

Table 7. Weighted Mean Distribution of Usability...........................................................55

Table 8. Weighted Mean Distribution Reliability.............................................................56

Table 9. Weighted Mean Distribution of Security............................................................57

Table 10. Weighted Mean Distribution of Compatibility.................................................58

Table 11. Represents the system performance efficiency...............................................109

Table 12. Represents the system maintainability............................................................110

Table 13. Represents the suitability of the system..........................................................111

Table 14. Represents the usability of the system............................................................112

Table 15. Represents the reliability of the system..........................................................113

Table 16. Represents the security of the system.............................................................114

Table 17. Represents the compatibility of the system....................................................115

Bachelor of Science in Information

x
 Web-based Appointment System for Colegio de Santo Cristo de

Colegio de Santo Cristo de

ABSTRACT

NAME OF INSTITUTION : Colegio De Santo Cristo De Burgos

ADDRESS : #44 Daliz Street Marichi Subd., Sariaya

Quezon

TITLE : Web-based Appointment System for

Colegio de Santo Cristo de Burgos

AUTHORS : Madel J. Sacristia

Ryan Kerth B. Quelazon

Jhoncarlo M. Deloso

Briñas Jaypee H.

DATE STARTED : October 2022

DATE FINISHED : June 2023

We know that waiting takes many hours, and what is worse is that when we are

waiting, there are times when we wonder if we can be addressed by the staff of any

establishment, especially in hospitals and schools. Another thing is about the documents

or requirements the school needs when enrolling or claiming something. Sometimes we

must figure out what to bring or how many papers we must submit. Hence, the tendency

in this situation is to go back home or somewhere to get the needed requirements for a

transaction and then go back again some other time, and it is a hassle for a student like us.

A web-based appointment system for CDSCDB Registrar is proposed to address these

Bachelor of Science in Information

x
 Web-based Appointment System for Colegio de Santo Cristo de

Colegio de Santo Cristo de

issues. This ponder received the Organized Framework Investigation and Plan Technique

within the advancement of the framework. MySQL was utilized to plan the database for

this consideration, and the proposed framework was seven actualized utilizing PHP

programming dialect. A web-based arrangement was created and actualized in this

ponder. The created framework will improve arrangement planning within the school to

rearrange students' and school admin' errands and handle arrangements with the

assistance of the framework component.

Keywords Appointments, Scheduling, Web-Based, Online Reservation, Bookings.

Bachelor of Science in Information

x
 Web-based Appointment System for Colegio de Santo Cristo de

Colegio de Santo Cristo de

CHAPTER 1

INTRODUCTION

In today's world, service providers can manage appointments most efficiently via

a web-based system. In this kind of system, numerous functions are embedded, such as

allowing the organization to effectively manage their customer flows, control and

optimize their resources, and for the customers to set their appointment ahead of time and

monitor the queue whenever and wherever. In this way, traditional queuing problems will

be solved, allowing customers to have a seamless and enjoyable experience through their

Internet to in-person interaction.

Through this service, providers save tons of time and can shift the effort they need

to exert in the traditional appointment and queuing to in-person interaction with their

customers. This will benefit both the service providers and the customer by lessening the

time and effort they are supposed to put into setting and managing appointments. In the

case of the service provider, the integration allows them to manage appointments ahead

of time, and they can interact with their customers by setting remarks regarding the

requirements they need to meet.

They were also eligible to view the list of appointments every day, which allowed

them to look forward to the transactions they would do every day. On the other hand,

customers can avoid overcrowding in the waiting room since they can arrive at the

premises by the time of their appointment because they have the right to view their

appointment status. A web-based appointment system is the most efficient way to provide

the objectives

Bachelor of Science in Information

13
 Web-based Appointment System for Colegio de Santo Cristo de

Colegio de Santo Cristo de

of an organization in terms of queuing and transacting. Connections are also the main

priority of this system because communication is one of the biggest problems in the

traditional way. With this, individuals can take advantage of the availability of a web-

based application since it is available 24 hours a day.

Rationale of the Study

The Web has, as of late, risen as another implies to form arrangements. Web-

based arrangement planning has been a prevalent investigation point. A few ponder

conducted fulfillment studies and found that Web-based arrangement planning is an

amazingly vital include, and most patients would utilize the benefit once more. This

study discusses the web-based appointment system that can be accessed with different

devices and has two access controls: administrator access and user access. With an

accessible website that can be used everywhere, we can assure you that this will help the

students and administrators by making their lives way more accessible than they were

with the traditional way of queuing and paging. With this, students and administrators

can anticipate daily appointments the registrar will cater to.

Background of the Study

According to Acta Electronica Malaysia (AEM) 2017, the health care industry is

known for a considerable amount of patients attending day by day, and their standard

operating procedure in registration and appointment scheduling is well known to be time-

consuming and challenging. To solve this kind of problem, a web-based application that

Bachelor of Science in Information

14
 Web-based Appointment System for Colegio de Santo Cristo de

Colegio de Santo Cristo de

allowed them to manage and book appointments in Parita Raja and Batu Pahat regions is

implemented. All the medical practices are registered on the portal of the online

appointment application, and patients are allowed to access and view their appointments.

This application benefits users and patients in booking appointments conveniently. The

prototype model was developed employing MySQL Database as the hardware and

software component and together with it is PHP and JavaScript as their programming

language. The implementation of the system will result in less volume of appointment-

related phone calls and lessen the morning rush for the appointments that need to be

prioritized. In addition, this will also reduce the staff needed resulting in a reduction in

labor requirements. Over- all it benefits users by saving time by eliminating the need to

operate with excellent efficiency, effectiveness, and profitability. The existing traditional

operating procedure for patient registration and appointment scheduling in the healthcare

industry is very time- consuming and burdens both parties. It is the leading cause of

trouble, such as duplication, unnecessary visits, and missed appointments.

Achieving a flawless appointment schedule manually is virtually impossible,

leading to widespread frustration among individuals due to long queues and waiting times

when seeking medical care. Moreover, the frequent need for changes and corrections

significantly heightens the likelihood of errors and duplications. To address these

challenges, an interactive solution is necessary. Although the utilization of medical

appointment applications is less prevalent in our country than in others, this chapter aims

to identify the problems and shortcomings within the existing system. The study

Bachelor of Science in Information

15
 Web-based Appointment System for Colegio de Santo Cristo de

Colegio de Santo Cristo de

distinguishes between what has been examined and requires further review to enhance the

current system.

According to J Med Internet Res. (2017 Apr; 19), Web-based appointment systems

have two modes, and that are asynchronous and real-time. The asynchronous mode

appointments are made through emails or electronic forms on the provider's website. This

is manually processed by the person who will set the schedule. On the other hand, the

real- time mode allows schedulers to interact with the service providers scheduling

management settings. Though both modes provide the internet, the asynchronous mode

shows the process of telephone-based appointment scheduling. In this mode, appointment

requests made outside the organization's business hours are only attended to once the

scheduler returns to work. While these web-based appointment requests usually go along

with the same queue as the phone call appointments, that leads to the uncompleted matter

of the phone calls queue.

Bachelor of Science in Information

16
 Web-based Appointment System for Colegio de Santo Cristo de

Colegio de Santo Cristo de

Theoretical Framework

Figure 1. Data Flow Diagram of the study

Theoretical Framework describes s how the entities play their roles in

the system, Web-based Appointment System for the Colegio De Santo Cristo De Burgos

registrar. First, the students and the school admin must create an account to log in to the

appointment system. After they log in, they will be transferred to a different page with

different access, so if you are a student; you will be transferred to the student page where

Bachelor of Science in Information

17
 Web-based Appointment System for Colegio de Santo Cristo de

Colegio de Santo Cristo de

a student can create a request for an appointment after they finish writing the information

that is needed to set an appointment. Moreover, the admin will be transferred to their

admin page, where they can find the list of appointment requests by the student. On that

page, they have complete control of the system, which they can either deny or accept the

appointment request or add another requirement or papers that are needed from the

students.

Bachelor of Science in Information

18
 Web-based Appointment System for Colegio de Santo Cristo de

Colegio de Santo Cristo de

Conceptual Framework

Figure 2. Conceptual Framework of the Study

Figure 2 visualizes the Input-Process-Output of the proposed system and the

documentation. In Input, the researchers start to observe and research the study that needs the

documentation and find the correct programming language for the system. In the process, the

researchers start to find the solutions and create the system, run a different test to prove the

function

Bachelor of Science in Information

19
 Web-based Appointment System for Colegio de Santo Cristo de

Colegio de Santo Cristo de

is not malfunctioning, and once the system is done. Researchers must deploy the system.

Furthermore, lastly, the output will be the Web-based Appointment system.

Significance of the Study

These research benefits are to provide a system to help the needs in terms of web-

based appointments, especially in the school catering to many students every day, and it

will be a big help if they can set and manage appointments online. The proposed study

will give benefits to the people stated below.

It would be beneficial for the school admins to have an appointment system

wherein they can manage the appointments they will cater to online. Students are eligible

to set an appointment wherever they are whenever they want and can quickly check the

status of their appointment with a few clicks. Researchers.

The researcher will benefit by growing individual skills by developing a system

for their clients, not only by creating a system but by widening the proponents'

knowledge by learning different research methods.

Future Researchers to be their guide with their research where they can acquire

knowledge and ideas about the system we are creating.

Bachelor of Science in Information

20
 Web-based Appointment System for Colegio de Santo Cristo de

Colegio de Santo Cristo de

Objectives of the study

This study aims to develop a web-based appointment system for the registrar and

students of CDSCDB. Moreover, this study has the following specific objectives:

⮚ To create an appointment system that will enable the users to do the following:

• Login or create an account

• Set an appointment

• Submit an appointment request

• View the status of the appointment in the assisting pane

• Manage account

⮚ To create an appointment system that will enable the admin to do the following:

• Create and register an account

• Check the list of appointments

• Accept and/denied pending appointment

• Forward the appointment to a waiting list

• Manage student and admin account

• View daily reports of finished appointments

⮚ To determine the client’s evaluation of the proposed system in terms of the following

criteria:

Bachelor of Science in Information

21
 Web-based Appointment System for Colegio de Santo Cristo de

Colegio de Santo Cristo de

• Reliability;

• Security;

• Usability;

• Maintainability;

• Portability;

• Compatibility;

• Performance Efficiency;

• Suitability;

Scope and Limitation

▶ This study is only limited to CDSCDB School, Admins, and all graduates.

▶ The project can only be accessed by the school staff and students of CDSCDB.

▶ The project is only limited to transactions that do not require payment.

▶ This project can be used to have a quick and smooth transaction in school.

Bachelor of Science in Information

22
 Web-based Appointment System for Colegio de Santo Cristo de

Colegio de Santo Cristo de

Definition of Terms

Students – an individual formally locked in learning, particularly one enlisted in a school

or college understudy.

Admin – the activities involved in managing or organizing a business or other

organization.

Computer - a machine that can be modified to naturally carry out arrangements of

number juggling or coherent operations (computation).

Mobile Phones –refer to portable electronic devices that establish connectivity with

cellular networks and the internet.

Registrar – The registrar is entrusted with the responsibility of safeguarding and

managing students' academic records, ensuring their integrity and accessibility request.

Algorithm - An Algorithm is a process used to perform calculations or solve problems.

In hardware or software processes, algorithms act as a detailed sequence of instructions

performing predetermined operations sequentially. Almost every aspect of computing

uses algorithms to some degree.

Back-End -The invisible framework that enables websites to operate correctly is built by

back-end developers.

Data – Any collection of characters interpreted for a particular reason, most regularly

investigated, is called information. Without setting, information has a negligible impact

on either people or computers.

Bachelor of Science in Information

23
 Web-based Appointment System for Colegio de Santo Cristo de

Colegio de Santo Cristo de

Database –A database could be a collection of information organized for basic

administration, overhauling, and getting to. Information records or records containing

data, such as deals exchanges, client data, and financial and item data, are regularly

amassed and put away in a computer database.

Front-End - Colors, layouts, and fonts are just a few examples of the visual elements

front- end developers create for consumers to engage with on websites. Web-Based –

Web-based refers to an external application that may be accessed via the internet using a

web browser.

Bachelor of Science in Information

24
 Web-based Appointment System for Colegio de Santo Cristo de

Colegio de Santo Cristo de

CHAPTER II

Project Background

Related Literature

The outpatient department of Perpetual Help Medical Center has

implemented a web-based appointment scheduling tool called "InstaSked" (2018).

Prioritizing patient comfort and satisfaction is the primary focus of every hospital.

However, the conventional appointment system has often subjected patients to prolonged

waiting periods. Times, This leads to discontent. The "InstaSked" Web-based

appointment scheduling system was created as part of this study to reduce patient wait

times. It is made for patients (who may schedule appointments), medical secretaries

(patient management lists), physicians, as well as management (patient monitoring). The

system integrated DMADV (define, measure, analyze, design, and verify), the Six Sigma

technique, and BPM (business process management).

Web-based appointment scheduling enhances patient-centricity and offers

numerous advantages, as David Miller, Ping Yu, and Xiaojun Zhang highlighted in their

2017 study. Implementing web-based appointment systems has resulted in positive

outcomes within healthcare practices, including reduced no-show rates, decreased staff

workload, shorter waiting times, and increased patient satisfaction. Despite these benefits,

healthcare providers and patients need to catch up in adopting web-based scheduling due

to various factors. Providers often cite concerns about cost and flexibility, while safety

and integrity issues are significant deterrents. On the other hand, patients' resistance to

web-

Bachelor of Science in Information

25
 Web-based Appointment System for Colegio de Santo Cristo de

Colegio de Santo Cristo de

based appointment scheduling is influenced by their previous computer and internet

experience and their preferred communication methods. They considered that enterprises,

especially healthcare organizations like clinics, have undertaken digitization to achieve

comfort in giving their clients the services.

Bachelor of Science in Information

26
 Web-based Appointment System for Colegio de Santo Cristo de

Colegio de Santo Cristo de

CHAPTER III

3.1 MATERIALS AND METHODS

3.1.1 Materials
Computers, Mobile phones, Laptops, or any device are the primary materials we

use to access and operate our website system for CDSCDB.

3.1.2 Software

Web-based Appointment system software is Visual Studio to compile

program codes and XAMPP version 3.3.0 to start and configure MySQL.

3.1.3 Hardware

For the hardware of our system, since it is a web application, we are using any

device; this system was not required—such upper speculation of any device. Essential

speculation is okay so that it will be accessible on any device.

Examples:

• Intel core duo is okay.

• Any OS version.

• Any Android version.

This will be a usable system even if you do not have expensive technology.

Bachelor of Science in Information

27
 Web-based Appointment System for Colegio de Santo Cristo de

Colegio de Santo Cristo de

3.1.4 Data

The data we needed were their name, age, contact number, course, and

year. We, the researcher, ensure that the information and data we gather will remain

secure and for research purposes only.

We see many Appointment systems on the internet, and most of them are

currently used in medical systems like hospitals or clinics; the Appointment system used

is hardware and software it receives any information needed and also can use to know

what they need to do to a person who needs help to have a correct response. We decided

to create a system that will be different from the system we saw on the internet because it

will be used in the school, not for medical purposes, but to give tremendous help to our

Users of this system.

3.2 Development Mode

Figure 3. Agile Methodology

In this study, the researcher used the agile method in creating our web-

Bachelor of Science in Information

28
 Web-based Appointment System for Colegio de Santo Cristo de

Colegio de Santo Cristo de

based system. First, we plan what is needed in our system and use it to design and create

Bachelor of Science in Information

29
 Web-based Appointment System for Colegio de Santo Cristo de

Colegio de Santo Cristo de

functions suitable for our target research respondents: students and school administrators.

When developing our system, we used various programming languages and applications

to build and create the visual appearance of our system. Testing this part is essential to

know if the code we do is working perfectly and the design of the web-based system.

Suppose there was no error and the system is perfectly working. In that case, we can now

go to the next part, which is the deployment of our system, and take another review or

run another test to ensure that the system is working perfectly. After that, our last step is

to launch our system for the students and registrar admin of Colegio de Santo Cristo de

Burgos. There will be two login forms for this website for the students and the admin. For

students, they will sign up first to get the access name. It will require the student’s

number, and after they finish signing up, they will go back to the page to go in login and

put in the student is no with a password. Moreover, the admin will be given an access

code that will directly go thru inside the website. They will manage students with a list

and also, and they will see the student’s information, requirements, time, and Date to set

an appointment or transaction for every student.

Bachelor of Science in Information

30
 Web-based Appointment System for Colegio de Santo Cristo de

Colegio de Santo Cristo de

3.3 EXPERIMENTAL DESIGN

Figure 4. Experimental Design of the Study

Figure 4 represents the experimental design of the study for the

student. It starts with the student who will use the system, followed by the student login

page. After the student enters his or her username and password, it will direct him to the

student dashboard, where they can find the following available appointment.

Figure 5. Experimental Design of the Study

Figure 4.1 represents the experimental design of the study. The design started

with the admin, who manages the system, followed by the admin’s login. The admin will

input a valid username and password to log in successfully. Once the admin login

successfully, they will see the admin dashboard.

Bachelor of Science in Information

31
 Web-based Appointment System for Colegio de Santo Cristo de

Colegio de Santo Cristo de

3.4 PROCEDURES OF DIFFERENT PHASES

3.4.1 Implementation

Our web-based appointment system is for the registrar’s office admin

and Colegio De Santo Cristo De Burgos students, where a student can request an

appointment. In contrast, the school admin can either deny or accept the appointment of

the students.

3.4.2 Testing

Testing our system is remarkably important because if we do not do a

system test, we cannot tell if our system does precisely what we want it to do. The other

reason is that we must determine if the system is fully functional. Deployment - The

deployment of this system is in the Colegio De Santo Cristo De Burgos registrar’s office

since the admin of this system is the registrar administrator, and the user will be the

students of Colegio De Santo Cristo De Burgos.

3.4.3 Maintenance

For system maintenance of our system, there will be a quarterly

maintenance check for system efficiency, system functionality, and database checkup,
and backup will be included in the system maintenance.

3.5 SYSTEM REQUIREMENT ANALYSIS

The system requirements will be the computer that is needed for the user to

interact, which is provided. However, also make this system accessible to Android

phones which users can use while they are not in school or just to be ready before

entering school.

Bachelor of Science in Information

32
 Web-based Appointment System for Colegio de Santo Cristo de

Colegio de Santo Cristo de

3.6 MODELING

Figure 5. Use a Case Diagram for a Web-based Appointment System

This is how the student can interact and set an appointment in the system. First,

the student needs to create an account, and he/she already has one. Log in after that, make

an appointment through the system, and then submit an appointment request. Next, the

student can view the appointment status in the assisting pane. Moreover, he can also

manage his account profile, password, etc.

Bachelor of Science in Information

33
 Web-based Appointment System for Colegio de Santo Cristo de

Colegio de Santo Cristo de

Figure 6. Use Case Diagram for Web-based Appointment System for an administrator
Admin must create an account if he/she already has one. Admin can check the list

of appointments. Admin can accept or deny the pending appointment in the system.

Forward the appointment to the waiting list. Manage student and admin accounts and

view daily reports of a finished appointment.

Bachelor of Science in Information

34
 Web-based Appointment System for Colegio de Santo Cristo de

Colegio de Santo Cristo de

Figure 7. Database Schema of the study

Bachelor of Science in Information

35
 Web-based Appointment System for Colegio de Santo Cristo de

Colegio de Santo Cristo de

SYSTEM DESIGN

3.7 User GUI

There are the following designed of the developed system

Figure 8. This is the Login page for students here they can either log in to their existing
account or register for a new account.

Figure 9. This is the Login page for students here they can either log in to their existing
account or register for a new account.

Bachelor of Science in Information

36
 Web-based Appointment System for Colegio de Santo Cristo de

Colegio de Santo Cristo de

Figure 10. This is the inside of the Appointment System where students can find the home
button, logout button and a button to set an appointment.

Figure 11.This is the system designed for students when setting or requesting an
appointment.

Bachelor of Science in Information

37
 Web-based Appointment System for Colegio de Santo Cristo de

Colegio de Santo Cristo de

Figure 12. System design when submitting an appointment.

Figure 13. System design when viewing appointment assisting status on the assisting
pane.

Bachelor of Science in Information

38
 Web-based Appointment System for Colegio de Santo Cristo de

Colegio de Santo Cristo de

Figure 14. System design for the administrator login and register an account.

Figure 15. This is the page design where the admin can find in the dashboard the
appointment list, system users, system admins, reports, and the logout button.

Bachelor of Science in Information

39
 Web-based Appointment System for Colegio de Santo Cristo de

Colegio de Santo Cristo de

Figure 16. System design when an admin wants to accept or denied the pending
appointment request of the students.

Figure 17. The system design forwards the appointment to the waiting list.

Bachelor of Science in Information

40
 Web-based Appointment System for Colegio de Santo Cristo de

Colegio de Santo Cristo de

Figure 18. Shows the system design when an admin manages the student’s account.

Figure 19. This shows the system design of the administrator accounts.

Bachelor of Science in Information

41
 Web-based Appointment System for Colegio de Santo Cristo de

Colegio de Santo Cristo de

3.8 DEVELOPMENT

The programming language and applications that we use are visual studio code,

xampp, and phpMyAdmin, together with JS, HTML, and CSS, to build our web-based

system. We have a login and logout page for the admin and students, a dashboard for the

admin so that they know how many are users, the appointment list, and the admin.

3.8 TESTING
In this phase, we, the researcher, will present each function's testing plan and

operating procedure. Before implementing a program, two major testing phases need to

be completed: test case and test approach.

Bachelor of Science in Information

42
 Web-based Appointment System for Colegio de Santo Cristo de

Colegio de Santo Cristo de

3.9 TEST CASE

Table 1. Test case for the students.

Stu Action Inputs Expected Actual Test Test

dent no. Output Output result comments

1 Launch https://cdscd Appointmen Appointmen Pass Launch

bappoint
applica t System t System successful
ment.website/
tion Login Portal Login Portal
index.php

2 Create Enter student Account Account Pass Create

Created
Accou number1564 Created account
Successfull
nt password,nam Successfull successfully
y
e y

3 Set Enter Appointmen Appointmen Pass Appointmen

appoint information t Set t Set t is set

ment and choose an

appointment

4 Submit Click submit Appointmen Appointmen Pass Appointmen

t is Submit
Appoin button t is Submit t submitted

tment successfully

5 View View the Can view Can view Pass View

status status of the the the appointment

of appointment

Bachelor of Science in Information

43
 Web-based Appointment System for Colegio de Santo Cristo de

Colegio de Santo Cristo de

Appoin appointment appointment status

tment status status successful

6 Logout Click logout The account The account Pass Account

will logout logout logout

successful

Bachelor of Science in Information

44
 Web-based Appointment System for Colegio de Santo Cristo de

Colegio de Santo Cristo de

Table 2. Test Case for the administrator of the system.

No Actions Inputs Expected Actual Test Test Comm

Res ents
. Output Output
u
Ca
lt
se

1 Launch https://cds Appointmen Appointmen Pass System

appointment cdbappoin t System t system launch

system tment. Login portal login portal Success

website/ ful

2 Create and Enter the Account Account Pass Creating and

registering
register an admin created created
accounts
account number and successfully successfully
successful
password

3 Check the list Go to check Can check or Can check Pass Can check or

of list of monitor the or monitor monitor the

appointments appointment list of the list of list of

s appointment appointment appointment

4 Accept/denie Click accept Admin can Admin can Pass The admin

d and pending and denied either accept accept and can accept

appointment buttons on and deny the deny the and deny the

appointment

Bachelor of Science in Information

45
 Web-based Appointment System for Colegio de Santo Cristo de

Colegio de Santo Cristo de

the pending pending pending

appointment appointment appointment

5 Forward the Click The The Pass The admin is

successful in
appointment transfer and appointment appointment
transferring
to the waiting transfer the will transfer is transferred
the
list appointment to the to the appointment
to the
to the waiting list waiting list
waiting list
waiting list

6 Manage Click The student The selected Pass The admin

student and student the and the student and can delete

admin admin. admin have admin have both student

account Delete the been deleted been deleted and the

user or the admin from

admin by the system

pressing the

delete button

7 View daily Click the The admin The admin Pass Viewing

reports of report in the will be able can view the daily reports

finished dashboard to to view daily of finished

appointments view the report of the finished

daily reports finished reports of

Bachelor of Science in Information

46
 Web-based Appointment System for Colegio de Santo Cristo de

Colegio de Santo Cristo de

of finished appointment appointment appointment

appointment s s s successful

8 Logout Click logout The system The admin Pass Logout

will logout has been successful

the admin logout from

for the the system

system

3.9.1 TEST APPROACH

The student and the admin of the system can use the web-based appointment

system according to their expected output and response from the system.

3.9.2 DEPLOYMENT AND MAINTENANCE

The web-based Appointment system will be deployed in the registrar’s office of

Colegio De Santo Cristo De Burgos since this system is intentionally created for the

Colegio De Santo Cristo De Burgos registrar’s office. For the maintenance of the system,

we are still available to fix some problems and maintenance of the system once we

already deployed the system.

Bachelor of Science in Information

47
 Web-based Appointment System for Colegio de Santo Cristo de

Colegio de Santo Cristo de

CHAPTER IV

RESULTS AND DISCUSSION

REVIEW AND EVALUATE

WHAT WENT WELL WHAT DOESN’T WORK WELL/
WHAT HAS TO BE IMPROVED
1. The system works well 1. Some system designs are not yes
accordingly to the main and finished
specific objectives of our study. 2. System function needs
2. The system information and the improvements
manuscript information are a 3. Data gathering that can help for
match. further enhancement and
3. The methodology used in the development of the system
system applies to the system
development
4. The system can respond to
different test case
5. Successful development of a
web-based appointment system
for CDSCDB

Ethical Considerations

Ethical considerations in the nomination system are essential to ensure the

security of the system. It is fair and equal for all users. One of the most important ethical

considerations is ensuring the system is open to all users, regardless of background or

work experience. Socioeconomic status. To do this, several system access options can be

Bachelor of Science in Information

48
 Web-based Appointment System for Colegio de Santo Cristo de

Colegio de Santo Cristo de

introduced. An electronic and telephone appointment system will provide users with

multiple access methods.

1. Investigate members ought not to be subjected to hurt in any way at all.

2. Regard for the nobility of investigating members ought to be prioritized.

3. Full assent ought to be gotten from the members sometime recently.

4 The security of the protection of investigative members needs to be guaranteed.

5. Satisfactory level of privacy in the information inquiry ought to be guaranteed.

6. Namelessness of the inquiry about members and organizations must be guaranteed.

7. Any double-dealing or misrepresentation of almost the points and goals of the inquiry

must be dodged.

8. Affiliations in any frame, sources of subsidizing, and any possible intrigue clashes

must be pronounced.

9. Any communication around the inquiry ought to be done with genuineness and

straightforwardness.

10. Any deceiving data and the representation of important information discoveries in a

one-sided way must be maintained at a strategic distance.

Bachelor of Science in Information

49
 Web-based Appointment System for Colegio de Santo Cristo de

Colegio de Santo Cristo de

RESULTS AND DISCUSSIONS

The researchers show accurate and honest observations regarding the proposed

system in this chapter. The results presented are based on the study’s objectives, and the

system undergoes deep testing multiple times to present a reliable validation of functions.

1. The system is able and successful to create an account for the admin.

2. The admin can check the appointment list of the students in the system.

3. The admin can accept and deny the appointment request of the students in the system.

4. The admin can successfully manage the user and administrator accounts inside the

system.

5. The admin can successfully view the daily reports of the finished appointment.

6. The students can successfully create and log in to their accounts in the system.

7. The students can set or create an appointment in the system.

8. The students are successful in submitting their appointment requests.

9. The students can view the appointment status in the assisting pane.

10. The students can successfully manage their accounts in the system.

Bachelor of Science in Information

50
 Web-based Appointment System for Colegio de Santo Cristo de

Colegio de Santo Cristo de

EVALUATION OF THE SYSTEM

This part shows the survey result in the Web-based Appointment System for the

CDSCDB Registrar with 27 respondents. The questionnaire we used is based on ISO

25010, which contains the following aspect of; Functional System Performance

Efficiency, System Maintainability, System Suitability, System Usability, System

Compatibility, and System Security. Moreover, the researchers used the Weighted Mean

Formula to treat the data.

Formula: WM=(SA*4) +(A*3) +(D*2) +(SD*1)

Wm = ∑xm

W = Weighted on a point scale

∑ Summation of the weight of x’s

N = Sum of the weight of x or no. of respondents

Bachelor of Science in Information

51
 Web-based Appointment System for Colegio de Santo Cristo de

Colegio de Santo Cristo de

Table 3. Four-Point Scale

REMARKS CODE RANGE

Strongly Agree 4 3.5-4.0

Agree 3 2.5-3.49

Disagree 2 1.5-2.49

Strongly Disagree 1 1.0-1.49

The researchers used the Four-Point-Likert Scale that contains these

categories: Strongly Agree, Agree, Disagree, and Strongly Disagree, which will be the

choices for the respondent to respond to each question. Each scale has a mean range

assigned to determine the evaluation result. The following scale was used to evaluate the

developed system.

Bachelor of Science in Information

52
 Web-based Appointment System for Colegio de Santo Cristo de

Colegio de Santo Cristo de

Table 4. Weighted Mean Distribution of Performance Efficiency

System Performance Efficiency

Functions SA(4) A(3) D(2) SD(1) AWM REMARKS

1. The system 133 154 3.49 Strongly Agree

software is

working properly

and its functions

are according to is

desired

performance

2. The system 130 154 3 3.36 Strongly Agree

responds well to

the needs of the

user to

3. The system is 154 130 3 3.45 Strongly Agree

working properly

without any errors

Average Weighted Mean 3.46 Strongly

Agree

Bachelor of Science in Information

53
 Web-based Appointment System for Colegio de Santo Cristo de

Colegio de Santo Cristo de

Table 5. Weighted Mean Distribution Maintainability

System Maintainability

Functions SA(4) A(3) D(2) SD(1) AWM REMARKS

1. The system is easy 133 154 3.37 Strongly Agree

to maintain

2. The system 133 150 4 3.36 Strongly Agree

maintenance has a

low cost

3. The system 132 150 5 3.35 Strongly Agree

modification are

still upgradeable

in the future

Average Weighted Mean 3.39 Strongly

Agree

Bachelor of Science in Information

54
 Web-based Appointment System for Colegio de Santo Cristo de

Colegio de Santo Cristo de

Table 6. Weighted Mean Distribution of Suitability

System Suitability Function

Functions SA(4) A(3) D(2) SD(1) AWM REMARKS

1. The system 154 133 3.47 Strongly Agree

functions are

useful and suitable

for the registrar

2. The system 153 133 1 3.46 Strongly Agree

functions are

working properly

with no errors

3. The system 150 130 7 3.43 Strongly Agree

functions

accurately to meet

the registrar’s

transaction

Average Weighted Mean 3.45 Strongly

Agree

Bachelor of Science in Information

55
 Web-based Appointment System for Colegio de Santo Cristo de

Colegio de Santo Cristo de

Table 7. Weighted Mean Distribution of Usability

System Usability

Functions SA(4) A(3) D(2) SD(1) AWM REMARKS

1. The system has a 157 130 3.49 Strongly Agree

user-friendly

interface

2. The system is easy 250 30 3.50 Strongly Agree

to operate the user

3. The system control 133 154 3.48 Strongly Agree

is easy to learn

even for those who

don’t know how to

use a computer or

a cellphone

Average Weighted Mean 3.64 Strongly Agree

Bachelor of Science in Information

56
 Web-based Appointment System for Colegio de Santo Cristo de

Colegio de Santo Cristo de

Table 8. Weighted Mean Distribution Reliability

System Reliability Function

Functions SA(4) A(3) D(2) SD(1) AWM REMARKS

1. The system is 250 28 3.88 Strongly Agree

reliable for the

registrar

2. The system 200 70 8 3.43 Strongly Agree

functions are

reliable and

working properly

3. The system 208 70 3.49 Strongly Agree

transaction is

reliable for the

students

Average Weighted Mean 3.54 Strongly Agree

Bachelor of Science in Information

57
 Web-based Appointment System for Colegio de Santo Cristo de

Colegio de Santo Cristo de

Table 9. Weighted Mean Distribution of Security

System Security Function

Functions SA(4) A(3) D(2) SD(1) AWM REMARKS

1. The system security 153 124 10 3.20 Strongly

is truly and safe Agree

confidential

2. The system is 151 120 7 3.30 Strongly

secured enough to Agree

fill in user personal

information

3. The system identity 201 86 3.1 Strongly

authentication is Agree

secured and safe

Average Weighted Mean 3.50 Strongly

Agree

Bachelor of Science in Information

58
 Web-based Appointment System for Colegio de Santo Cristo de

Colegio de Santo Cristo de

Table 10. Weighted Mean Distribution of Compatibility

System Compatibility Function

Functions SA(4) A(3) D(2) SD(1) AWM REMARKS

1. The system is 207 80 3.50 Strongly Agree

perfectly

compatible with

any kind of device

2. The system is 250 37 3.47 Strongly Agree

accessible

anywhere

3. The system can be 280 7 3.56 Strongly Agree

accessed by many

users at once

Average Weighted Mean 3.90 Strongly Agree

Bachelor of Science in Information

59
 Web-based Appointment System for Colegio de Santo Cristo de

Colegio de Santo Cristo de

Bachelor of Science in Information

60
 Web-based Appointment System for Colegio de Santo Cristo de

Colegio de Santo Cristo de

CHAPTER V

CONCLUSIONS, AND RECOMMENDATIONS

The project is summarized in this chapter. The researchers in this

Chapter have identified conclusions by way of generalizations made by the researcher

and recommendations on how to solve problems. In this Chapter, the study is

summarized. The researchers identify the conclusions through the generalization and the

recommendation on how to solve issues.

CONCLUSIONS

The conclusions were based on the researcher's findings throughout the project.

The system allows users to register an account for both admin and students; the admin

has the power to view the list of scheduled appointments and can manage the

appointment set by students by accepting and denying appointments. Admin can also

transfer an approved appointment to the waiting list, Manage the student's and admins'

accounts, and view reports from the most updated and outdated daily reports of

successful appointments. On the other hand, students also have the power to register an

account, submit an appointment request, and view the status of their set appointment.

After further testing and evaluation, results showed that the system passed the standard of

ISO/IRC 2510 through evaluating the system regarding efficiency performance,

maintainability, sustainability, security, usability, and reliability. The system shows that it

is the solution to the problem in the traditional way of scheduling an appointment.

Bachelor of Science in Information

61
 Web-based Appointment System for Colegio de Santo Cristo de

Colegio de Santo Cristo de

RECOMMENDATIONS

These are the following recommendations during the evaluation and review of the

developed system:

1. Add the alums to the scope of the study.

2. Create a multiple selection function so that the student can choose more than one

appointment at the same time.

3. Hide the student's information on the appointment list of the student, and show only his

or her status.

4. Only the admin can manage students' account information.

5. Admin can assist more than one student at a time.

6. Admin can give the students remarks regarding their pending appointment.

Bachelor of Science in Information

62
 Web-based Appointment System for Colegio de Santo Cristo de

Colegio de Santo Cristo de

Appendices

Bachelor of Science in Information

63
 Web-based Appointment System for Colegio de Santo Cristo de

Colegio de Santo Cristo de

Appendix A

References

Aboah & Miyittah. (2022). Estimating global water, sanitation, and hygiene levels

indicators data from 1990 to 2022. Retrieved from

https://pubmed.ncbi.nlm.nih.gov/35902991/

Adubofour. (2018). Assessing Sanitation and Its Implications on Health in the Bawku

Municipality, Ghana. Retrieved from.

http://www.udsspace.uds.edu.gh/bitstream/123456789/2095/1/ASSESSING%20SA

NITATION%20MANAGEMENT%20AND%20ITS%20IMPLICATIONS%20ON

%20HEALTH%20IN%20THE%20BAWKU%20MUNICIPALITY%2C%20GHAN

A.pdf

Blom. (2015). Drainage systems, an occluded source of sanitation related outbreaks.

Retrieved from https://archpublichealth.biomedcentral.com/articles/10.1186/s13690-

014-0056-6

Colleen Naugton & James Mehelcic. (2017). Global Water Pathogen Project. Retrieved

from https://www.waterpathogens.org/book/introduction

Guterres. (2022). Clean Water and Sanitation. Retrieved from

https://www.un.org/sustainabledevelopment/water-and-sanitation/

Humanitarian Global. (2022). The Importance of Hygiene and Sanitation. Retrieved from

https://humanitarianglobal.com/the-importance-of-hygiene-sanitation/

Bachelor of Science in Information

64
 Web-based Appointment System for Colegio de Santo Cristo de

Colegio de Santo Cristo de

India Home Health Care. (2019). Sanitation and Hygiene go hand in hand. Retrieved

from https://www.indiahomehealthcare.com/blogpost/sanitation-and-hygiene-go-

hand-in- hand/

Kabir et al. (2021). Factors influencing sanitation and hygiene practices among students

in a public university in Bangladesh. Retrieved from

https://pubmed.ncbi.nlm.nih.gov/34551017/

McGill University. (2023). Improving Sanitation in Coastal Communities. Retrieved

from https://www.mcgill.ca/mchg/student/sanitation/chapter1

Montero. (2022). Sanitation Management System Project in PHP and MySQL. Retrieved

from https://www.sourcecodester.com/php/15770/sanitization-management-system-

project-php-and-mysql-free-source-code.html

Naughton. (2017). Introduction to the importance of sanitation. Retrieved from

https://www.waterpathogens.org/book/introduction

UNICEF. (2021). Billions of people will lack access to safe water, sanitation and hygiene

in 2030 unless quadruples – warn WHO, UNICEF. Retrieved from

https://www.unicef.org/press-releases/billions-people-will-lack-access-safe-water-

sanitation-and-hygiene-2030-unless

WHO. (2010). Water, Sanitation and Hygiene. Retrieved from.

https://www.who.int/health-topics/water-sanitation-and-hygiene-wash#tab=tab_1

WHO. (2022). Sanitation. Retrieved from https://www.who.int/news-room/fact-

sheets/detail/sanitation

Bachelor of Science in Information

65
 Web-based Appointment System for Colegio de Santo Cristo de

Colegio de Santo Cristo de

Appendix B

User’s Manual

1. Introduction

In today's time when almost technology is one of the things that runs our world

that as time goes on it becomes more hi-tech that almost strengthens other countries to

strengthen and develop new technology that can be further developed over time and with

the passing of time various problems come and increase that are constantly being solved

by technology that really has a big impact at a time when the production and invention of

modern equipment, technology, or things that can make work easier or even more a

country developed further.

without proposed system, the school department uses a manual method that requires a

long time to do the things and processes that the student still needs to bring the

requirements that he still does not know if the papers he brought are correct that he may

be able to return, especially if his residence is too far away and he needs new

requirements to meet the school's needs for him, such as information or examples for

enrolling or obtaining a diploma, this is a very long process.

Bachelor of Science in Information

66
 Web-based Appointment System for Colegio de Santo Cristo de

Colegio de Santo Cristo de

1.1 Overview

The Web-based Appointment System for Colegio de Santo Cristo de Burgos has

its major function which is can provide records and report of every Appointment of

Colegio de Santo Cristo de Burgos. It can generate print the record of appointment.

The system can access any type of device or computer. The system can be access

using any type of browser. In accessing the system you must create account first if

you are student after you created you will verified or unverified the administrator of

Colegio de Santo Cristo de Burgos. Once you verified you set an Appointment as a

student user. On the other hand, if you are the administrator of the system you will

access all features of the system.

2.1 Device Requirements

all devices are allowed

2.2 Supported web browsers include

Opera Mini

Mozilla

Firefox

Google Chrome

Microsoft Edge

Bachelor of Science in Information

67
 Web-based Appointment System for Colegio de Santo Cristo de

Colegio de Santo Cristo de

3. Getting Started

3.1 User access considerations

the user of the system is divided in two: which is a students and registrar's admins

that when you log in as an admin you can see the details of a student and you can also see

different types of transactions that come from students who knows whether the reason for

the transaction is valid or not and has the control to validate the student who created the

account whether he is really a student at the school or not, and for students, you can

create an account and send information about the transaction you will make and it will

enter the notification itself of the registrar's admin.

3.2 Accessing the system

In accessing the system, you may click this link

https://cdscdbofficial.000webhostapp.com that direct you to your browser to open the

website. The developer provided a username and password for the administrator that he

can use in the first place to access the system. All of the created accounts will be stored in

the manage accounts page where the admin can delete user accounts.

Bachelor of Science in Information

68
 Web-based Appointment System for Colegio de Santo Cristo de

Colegio de Santo Cristo de

3.3 System Organization & Navigation

After accessing the link. Registrar's admin and students have an options the admin

have a given user name and password to access their accounts and you can also access the

features of an admin account that you can see the dash boards, records, list of students,

and transactions, and in students, you need to create an account using the user's name and

password that you want to enter, but you still need to enter your information so that the

admin knows even more that you are indeed a valid student of the school just like your

student number.

3.4 Exiting the system

After using the system, you can look for the log out button to easily exit

the website.

Bachelor of Science in Information

69
 Web-based Appointment System for Colegio de Santo Cristo de

Colegio de Santo Cristo de

4. Using the system

4.1 Link of the System

Go to any browser and search for cdscdbofficial.000webhostapp.com

4.2 Login Portal

Then click the student button if you are a student and if you are a admin click the

admin button.

Bachelor of Science in Information

70
 Web-based Appointment System for Colegio de Santo Cristo de

Colegio de Santo Cristo de

4.3 Registration Account

Fill up the following information and if you do not have an account just click the

register an account on the bottom part to register your account.

4.4 Student Login

Now after you filling up the information you can log in.

Bachelor of Science in Information

71
 Web-based Appointment System for Colegio de Santo Cristo de

Colegio de Santo Cristo de

4.5 Button to Set Appointment

Now that you have log in as a student you can now set an appointment just click

the set appointment.

4.6 Select Appointment

Now choose an appointment that you want to set and fill up the following

information needed then click submit appointment.

Bachelor of Science in Information

72
 Web-based Appointment System for Colegio de Santo Cristo de

Colegio de Santo Cristo de

4.7 Home Page of User

Now if you want to see your appointment status just click view appointment status.

4.8 Administrator

And now for the admin, if you already login to your account you’ll be transfer to

the admin dashboard where you’ll be able to check the list of appointment, accept and

denied the pending appointments, transferred the appointments to the waiting list,

manage account of the student and lastly to view and print every daily reports of the

appointments.

4.8.1 Dashboard

Click the list of appointment to see the number of appointments.

Bachelor of Science in Information

73
 Web-based Appointment System for Colegio de Santo Cristo de

Colegio de Santo Cristo de

4.8.2 List of Appointments

On the appointment list click the accept button to accept the appointment and click the

denied button to deny the appointment propose by the student.

4.8.3 List of Pending Appointment

To forward the appointment of the student to the waiting list section just click the

forward button and confirm.

Bachelor of Science in Information

74
 Web-based Appointment System for Colegio de Santo Cristo de

Colegio de Santo Cristo de

4.8.4 Users

Users to see all users that created and using edit button administrator can click

verified or unverified the students.

4.8.5 Reports

To view and print the daily reports of the appointments just click the view

appointments on the dashboard and click print daily report. Other than is you can

customize the records by putting date to and date from.

Bachelor of Science in Information

75
 Web-based Appointment System for Colegio de Santo Cristo de

Colegio de Santo Cristo de

4.8.6 Logout

When done using the system, easily find the log out button to exit the system.

Bachelor of Science in Information

76
 Web-based Appointment System for Colegio de Santo Cristo de

Colegio de Santo Cristo de

Table 1. Support Points of Contact

Contact Organizatio Phone Email Role Responsibili

n ty

Madel Student 096631050 Madelsacris Develope Manage or

97
Sacristi [email protected] r
m resolve the
a
errors in the

system.

Ryan Student 094821695 [email protected] Develope Manage or

Kerth B. 44 m r
resolve the
Quelazo
errors in the
n

system.

Bachelor of Science in Information

77
 Web-based Appointment System for Colegio de Santo Cristo de

Colegio de Santo Cristo de

Appendix C

Program Listing
Login page

<?php // Function to authenticate the user

session_start(); function login($admnum, $password) {

require 'connection.php'; if(! require 'connection.php';

empty($_SESSION["id"])){ // Perform your authentication logic here

header("Location: sub- $result = mysqli_query($con,

appointment.php"); "SELECT * FROM admin_user
WHERE admnum = '$admnum'");
}
$row = mysqli_fetch_assoc($result);
// FUNCTIONAL LOGIN OF ADMIN
if(mysqli_num_rows($result) > 0)
if(isset($_POST["submit"])){
{ if($password === $row['password']){
$admnum = $_POST["admnum"];
$_SESSION['id'] = $row['id'];
$password = $_POST["password"];
$_SESSION['name'] =
// Call the login function $row['name'];
if (login($admnum, $password)) { return true;
// Redirect to the dashboard or any }
other protected page
else{
header("Location: sub-
appointment.php"); return false;
echo
exit();
"<script> alert('Wrong Password');
} else {
</script>";
// Authentication failed
}
echo
}
"<script> alert('User Not Registered');
</script>"; }

} if(isset($_POST["admsubmit"])){

Bachelor of Science in Information

78
 Web-based Appointment System for Colegio de Santo Cristo de

Colegio de Santo Cristo de

$name = $_POST["name"]; }
$admnum = $_POST["admnum"]; }
$email = $_POST["email"];
?>
$password = $_POST["password"];
$masterpassword =
$_POST["masterpassword"]; <!DOCTYPE html>

$duplicate = mysqli_query($con, <html lang="en" dir="ltr">

"SELECT * FROM admin_user <head>
WHERE admnum = '$admnum'");
<meta charset="utf-8">
if(mysqli_num_rows($duplicate) > 0){
<meta http-equiv="X-UA-
echo Compatible" content="IE=edge">
"<script> alert('Student Number or <meta name="viewport"
Email Has Already Taken'); </script>"; content="width=device-width, initial-
} scale=1.0">

else{ <title>Admin Login</title>

if($masterpassword == <link rel="icon"

"@CDSCDB2023"){ href="/assets/images/favicon.ico"/>

$query = "INSERT INTO <!-- CSS -->

admin_user <link rel="stylesheet"
VALUES('','$name','$admnum','$email',' href="assets/CSS/sub-admlogin.css">
$password')";
<!-- BOOTSTRAP -->
mysqli_query($con, $query);
<link
echo href="https://cdn.jsdelivr.net/npm/bootst
"<script> alert('Registration [email protected]/dist/css/bootstrap.min.css"
Successful'); </script>"; rel="stylesheet">

} <script
src="https://cdn.jsdelivr.net/npm/bootstr
else{ [email protected]/dist/js/bootstrap.bundle.min.js
"></script>
echo
"<script> alert('Master Password that
you provided is wrong.'); </script>"; </head>
} <body>

Bachelor of Science in Information

79
 Web-based Appointment System for Colegio de Santo Cristo de

Colegio de Santo Cristo de

<a href="#" data-bs-

toggle="modal" data-bs-
<!-- ADMIN LOGIN -->
target="#myModal">Register Now!</a>
<section>
</div>
<div class="stu">
</section>
<img
src="assets/images/LOGO.png" alt=""
srcset=""> <!-- The Modal -->
<h1>Admin Login</h1> <div class="modal" id="myModal">
<form class="stud" action="" <div class="modal-dialog modal-xl
method="post" autocomplete="off"> modal-dialog-centered modal-fullscreen-
lg-down">
<div class="shesh">
<div class="modal-content">
<label for="admnum">Admin
Number</label>
<input type="text" <!-- Modal Header -->
name="admnum" id = "admnum"
<div class="modal-header">
required value="">
<h4 class="modal-
</div>
title">Registration</h4>
<div class="shesh">
<button type="button"
<label class="btn-close" data-bs-
for="password">Password</label> dismiss="modal"></button>
<input type="password" </div>
name="password" id="password"
required value="">
<!-- Modal body -->
</div>
<div class="container">
<div class="shesh">
<div class="form-signup">
<input class="button"
type="submit" name="submit" <form class="" action=""
value="login"> method="post" autocomplete="off">
</div> <div class="form-group pt-3">
</form> <input type="text"
name="name" id = "name" required

Bachelor of Science in Information

80
 Web-based Appointment System for Colegio de Santo Cristo de

Colegio de Santo Cristo de

value="" class="form-control" <p class="text-sm">I

placeholder="Name"> hereby certify that foregoing statements
</div> are true and correct. Any misinformation
or withholding of information will
<div class="form-group pt-3"> automatically disqualify me from my
<input type="text" registration in the institution. I am
name="admnum" id = "admnum" willing to obey and abide the policies on
required value="" class="form-control" refund and penalty being implemented
placeholder="Admin Number"> by the institution. I hereby express my
consent for the Colegio de Sto. Cristo de
</div> Burgos, Corporation to collect, record,
<div class="form-group pt-3"> organize, update or modify, retrieve,
consult, use consolidate, block, erase or
<input type="email" destruct my personal data as part of my
name="email" id = "email" required information. I hereby affirm my right to
value="" class="form-control" be informed, object to processing, access
placeholder="Email"> and rectify, suspend or withdraw my
personal data and be indemnified in case
</div>
of damages pursuant to the provisions of
<div class="form-group pt-3"> the Republic Act No. 10173 of
Philippines, Data Privacy Act of 2012
<input type="password"
and its corresponding Implementing
name="password" id = "password"
Rules and Regulations.<span
required value="" class="form-control"
style="color:
placeholder="Password">
red;">*</span></p>
</div>
<div class="form-group pt-3">
<div class="my-4 mr-2 pr-
<input type="password" 2 italic"><input type="checkbox"
name="masterpassword" id = id="dataprivacy" class="mr-2">
"masterpassword" required value=""
<label for="dataprivacy"
class="form-control"
class="text-gray-500" style="margin-
placeholder="Master Password">
left: 11px; color: red;">I have read and
</div> fully understand the contents of this
document. I agree to the terms and
<div class="form-group pt-3"> conditions stated above.</label>
<div class="pt-3"> </div>
<h2 class="enrollment- </div>
form-section-header">Data Privacy
Compliance</h2> <button type="submit"
class="form-control bg-success text-

Bachelor of Science in Information

81
 Web-based Appointment System for Colegio de Santo Cristo de

Colegio de Santo Cristo de

white"

name="admsubmit"

Bachelor of Science in Information

82
 Web-based Appointment System for Colegio de Santo Cristo de

Colegio de Santo Cristo de

class="button" id="register" });

disabled>Register</button>
</script>
</div>
</body>
<div class="form-group pt-4
text-center fs-5 text-uppercase"> </html>

<a href="#" data-bs-

dismiss="modal">Login Now!</a> <?php
</div> session_start();
</form> require 'connection.php';
</div> require 'checker.php';
</div> ?>
</div>
</div> <!doctype html>
</div> <html lang="en">
<head>
<script <meta charset="utf-8">
src="https://code.jquery.com/jquery-
3.6.0.min.js"></script> <meta http-equiv="X-UA-
Compatible" content="IE=edge">
<script>
<meta name="viewport"
$(document).ready(function () { content="width=device-width, initial-
scale=1">
$('#dataprivacy').change(function () { <title>Student Users</title>
if ($(this).is(':checked')) { <link rel="icon"
href="/assets/images/favicon.ico"/>
$('#register').prop('disabled', false); <link rel="stylesheet"
} else { href="assets/CSS/student-users.css">
<!-- BOXICON -->
$('#register').prop('disabled', true); <link
} href="https://unpkg.com/[email protected].
9/css/boxicons.min.css" rel="stylesheet"
}); />

Bachelor of Science in Information

83
 Web-based Appointment System for Colegio de Santo Cristo de

Colegio de Santo Cristo de

<link rel="stylesheet" symbols-

href="https://fonts.googleapis.com/css2? outlined">group</span>Users</a>
family=Material+Symbols+Outlined:ops
z,wght,FILL,GRAD@24,400,1,0" /> <a href="administrator.php"><span
class="material-symbols-
<!-- BOOTSTRAP --> outlined">admin_panel_settings</span>
<link Admin</a>
href="https://cdn.jsdelivr.net/npm/bootst <a href="reports.php"><span
[email protected]/dist/css/bootstrap.min.css" class="material-symbols-
rel="stylesheet"> outlined">monitoring</span>Reports</a
<script >
src="https://cdn.jsdelivr.net/npm/bootstr <a href="logout.php"><span
[email protected]/dist/js/bootstrap.bundle.min.js class="material-symbols-
"></script> outlined">logout</span>Logout</a>
<link </div>
href="./assets/CSS/datatables.min.css"
rel="stylesheet"> </section>

</head>
<body> <!-- CONTENT -->
<section id="content">

<!-- SIDEBAR --> <!-- NAVBAR -->

<section id="sidebar" class="side- <nav>

menu"> <i class="bx bx-menu"></i>
<div class="menu"> <img
<a href="dashboard.php"><span src="assets/images/LOGO.png" alt="">
class="material-symbols- <a href="#" class="nav-
outlined">dashboard</span>Dashboard< link">Colegio De Santo Cristo De
/a> Burgos</a>
<a href="sub- </nav>
appointment.php"><span
class="material-symbols-
outlined">edit_calendar</span>Appoint
<!-- CONTAINER -->
ment</a>
<main>
<a href="student-user.php"
class="active"><span class="material-

Bachelor of Science in Information

84
 Web-based Appointment System for Colegio de Santo Cristo de

Colegio de Santo Cristo de

<div class="container mt-4" $query_run =

style="overflow-y: auto;margin- mysqli_query($con, $query);
left:10px;">
<?php include('message.php'); ?>
<div class="row d-flex justify- if(mysqli_num_rows($query_run) > 0)
content-center">
{
<div class="col-md-12">
foreach($query_run as
<div class="card-header mt-4"> $student){
<h4>Student Users</h4> ?>
</div> <tr>
<div class="card-body"> <td><?= $student['id'];
?></td>

<table class="table table- <td><?=

bordered text-center table-hover" ucwords($student['name']); ?></td>
id="users"> <td><?=
<thead class="table-dark"> $student['stdnum']; ?></td>

<tr> <td><?=
$student['email']; ?></td>
<th>#</th>
<td><?=
<th>Student Name</th> $student['password']; ?></td>
<th>Student No.</th> <td><?=
<th>Email</th> $student['status']; ?></td>

<th>Password</th> <td>

<th>Status</th> <a href="student-

edit.php?id=<?= $student['id'];?>"
<th>Action</th> class="btn btn-success
</tr> btn-sm">Edit</a>

</thead> <form
action="code.php" method="POST"
<tbody> class="d-inline">
<?php <button type="submit"
class="btn btn-danger btn-sm"
$query = "SELECT * FROM
name="delete_student"
tb_user ORDER BY id ASC";

Bachelor of Science in Information

85
 Web-based Appointment System for Colegio de Santo Cristo de

Colegio de Santo Cristo de

value="<?=$student['id']; const allSideMenu =

?>">Delete</button> document.querySelectorAll("#sidebar
</form> .side-menu.top li a");

</td>
</tr> allSideMenu.forEach((item) =>

<?php } { const li = item.parentElement;

}else{
echo "<h5>No Record item.addEventListener("click", function
Found </h5>"; () {

}?> allSideMenu.forEach((i) => {

i.parentElement.classList.remove("active
</tbody> ");
</table> });
</div> li.classList.add("active");
</div> });
</div> });
</div> // TOGGLE SIDEBAR
</main> const menuBar =
</section> document.querySelector("#content nav
.bx.bx-menu");
const sidebar =
<script document.getElementById("sidebar");
src="https://cdn.jsdelivr.net/npm/bootstr
[email protected]
alpha1/dist/js/bootstrap.bundle.min.js" menuBar.addEventListener("click",
integrity="sha384- function () {
w76AqPfDkMBDXo30jS1Sgez6pr3x5
MlQ1ZAGC+nuZB+EYdgRZgiwxhTBT sidebar.classList.toggle("hide");
kF7CXvN" });
crossorigin="anonymous"></script>
</script>

<script>

Bachelor of Science in Information

86
 Web-based Appointment System for Colegio de Santo Cristo de

Colegio de Santo Cristo de

<script src="assets/js/jquery-
3.5.1.js"></script> session_start();

<script
src="assets/js/datatables.min.js"></script
>
<script type="text/javascript"
class="hidden">
$(document).ready(function () {
$('#users').DataTable({
searching: false,
dom: 'Bfrtip',
buttons: [
'pageLength', 'copy', 'csv', 'excel',
'pdf', 'print'
],
lengthMenu:
[ [10, 25, 50, -
1],
['10 rows', '25 rows', '50 rows',
'Show all']
],
responsive: true,
sorting: true
});
});
</script>
</body>
</html>

<?php

Bachelor of Science in Information

87
 Web-based Appointment System for Colegio de Santo Cristo de

Colegio de Santo Cristo de

require 'connection.php'; if(! $row['Course'];
empty($_SESSION["id"])) $_SESSION['year'] = $row['Year'];
{ header("Location: appoint.php"); return true;
} }

// Function to authenticate the user

function login($stdnum,
$password) { require
'connection.php';
// Perform your authentication logic here
$result = mysqli_query($con, "SELECT
* FROM tb_user WHERE stdnum =
'$stdnum'");
$row =
mysqli_fetch_assoc($result);
if(mysqli_num_rows($result) >
0)
{ if($row['status']==="unverified
"){
echo
"<script> alert('You are not yet
verified, please follow up your
registration in the registrars office.');
</script>";
return false;
}
if($password === $row['password']){
$_SESSION['id'] = $row['id'];
$_SESSION['name'] = $row['name'];
$_SESSION['course'] =

Bachelor of Science in Information

88
 Web-based Appointment System for Colegio de Santo Cristo de

Colegio de Santo Cristo de

else{ // if(!empty($_SESSION["id"])){
return false; // header("Location: appoint.php");
echo // }
"<script> alert('Wrong Password'); if(isset($_POST["resubmit"])){
</script>";
$name = $_POST["name"];
}
$stdnum = $_POST["stdnum"];
}
$email = $_POST["email"];
}
$phone_number =
// FUNCTIONAL LOGIN OF $_POST["phone_number"];
STUDENT
$course = $_POST["course"];
if(isset($_POST["submit"])){
$year = $_POST["year"];
$stdnum = $_POST["stdnum"];
$password = $_POST["password"];
$password = $_POST["password"];
$confirmpassword =
// Call the login function $_POST["confirmpassword"];
if (login($stdnum, $password)) { $duplicate = mysqli_query($con,
// Redirect to the dashboard or any "SELECT * FROM tb_user WHERE
other protected page stdnum = '$stdnum'");

header("Location: appoint.php"); if(mysqli_num_rows($duplicate) > 0){

exit(); echo

} else { "<script> alert('Student Number or

Email Has Already Taken'); </script>";
// Authentication failed
}
echo
else{
"<script> alert('User Not Registered');
</script>"; if($password == $confirmpassword){

} $query = "INSERT INTO

tb_user(stdnum,name,email,phone_num
} ber,year,course,password,status)
VALUES('$stdnum','$name','$email','$p
hone_number','$year','$course','$passwor
// FUNCTIONAL REGISTRATION OF d','unverified')";
STUDENT
mysqli_query($con, $query);

Bachelor of Science in Information

89
 Web-based Appointment System for Colegio de Santo Cristo de

Colegio de Santo Cristo de

echo [email protected]/dist/js/bootstrap.bundle.min.js
"<script> alert('Registration "></script>
Successful'); </script>"; </head>
} <body>
else{ <!-- LOGIN FORM -->
echo <section>
"<script> alert('Password Does Not <div class="stu">
Match'); </script>";
<img
} src="assets/images/LOGO.png" alt=""
} srcset="">

} <h1>Student Login</h1>

?> <form class="stud" action=""

method="post" autocomplete="off">
<!DOCTYPE html>
<div class="shesh">
<html lang="en" dir="ltr">
<label for="stdnum">Student
<head> Number</label>
<meta charset="utf-8"> <input type="text"
<meta http-equiv="X-UA- name="stdnum" id = "stdnum" required
Compatible" content="IE=edge"> value="">

<meta name="viewport" </div>

content="width=device-width, initial- <div class="shesh">
scale=1.0">
<label
<title>Student Login</title> for="password">Password</label>
<link rel="stylesheet" <input type="password"
href="assets/CSS/stdlogin.css"> name="password" id = "password"
<!-- Link Bootstrap --> required value="">

<link </div>
href="https://cdn.jsdelivr.net/npm/bootst <div class="shesh">
[email protected]/dist/css/bootstrap.min.css"
rel="stylesheet"> <input class="button"
type="submit" name="submit"
<script value="login">
src="https://cdn.jsdelivr.net/npm/bootstr
</div>

Bachelor of Science in Information

90
 Web-based Appointment System for Colegio de Santo Cristo de

Colegio de Santo Cristo de

</form> <div class="form-group pt-

<a href="#" data-bs-toggle="modal" 3">
data-bs-target="#myModal">Register <input type="text"
Now!</a> class="form-control" name="name" id =
"name" required value=""
</div>
placeholder="Name">
</section>
</div>
<div class="form-group pt-
3">

<!-- The Modal --> <input type="text"

<div class="modal" id="myModal"> class="form-control" name="stdnum" id

= "stnum" required value=""
<div class="modal-dialog modal-xl
placeholder="Student No.">
modal-dialog-centered modal-fullscreen-
lg-down"> </div>
<div class="form-group pt-
<div class="modal-content"> 3">
<input type="email"
<!-- Modal Header --> class="form-control" name="email" id =
"email" required value=""
<div class="modal-header">
placeholder="Email">
<h4 class="modal-
</div>
title">Registration</h4>
<div class="form-group pt-
<button type="button" 3">
class="btn-close" data-bs-
dismiss="modal"></button> <input type="text"

</div> class="form-control"
name="phone_number" id =
"phone_number" required value=""
<!-- Modal body --> placeholder="Phone Number"
maxlength="11">
<div class="modal-body">
</div>
<div class="container">
<div class="form-group pt-
<div class="row"> 3">
<form class="" action="" <select name="year"
method="post" autocomplete="off"> class="form-control"

Bachelor of Science in Information

91
 Web-based Appointment System for Colegio de Santo Cristo de

Colegio de Santo Cristo de

id="inputGroupSelect02">

Bachelor of Science in Information

92
 Web-based Appointment System for Colegio de Santo Cristo de

Colegio de Santo Cristo de

<option value="Grade Sciences">Humanities and Social

11 Senior-High"selected>Grade 11 Sciences</option>
Senior-High</option>
<option
<option value="Grade value="Information and Communication
12 Senior-High">Grade 12 Senior- Technology">Information and
High</option> Communication Technology</option>
<option value="1st <option value="Science,
Year">1st Year </option> Technology, Engineering and
<option value="2nd Mathematics">Science, Technology,
Year">2nd Year</option> Engineering and Mathematics</option>

<option value="3rd <option value="B.S.

Year">3rd Year</option> Business Administration">B.S. Business
Administration</option>
<option value="4th
Year">4th Year</option> <option value="B.S.
Computer Science">B.S. Computer
<option Science</option>
value="Alumni">Alumni</option>
<option value="B.S.
</select> Hospitality Management">B.S.
</div> Hospitality Management</option>

<div class="form-group pt- <option value="B.S.

3"> Information Technology">B.S.
Information Technology</option>
<select name="course"
class="form-control" <option value="B.S.
id="inputGroupSelect02"> Psychology">B.S. Psychology</option>

<option <option value="B.S.

value="Accountancy and Business Tourism Management">B.S. Tourism
Management"selected>Accountancy and Management</option>
Business Management</option> </select>
<option value="General </div>
Academics">General
Academics</option> <div class="form-group pt-
3">
<option value="Home
Economics">Home Economics</option> <input type="password"
class="form-control" name="password"
<option id = "password" required value=""
value="Humanities and Social placeholder="Password">

Bachelor of Science in Information

93
 Web-based Appointment System for Colegio de Santo Cristo de

Colegio de Santo Cristo de

</div> <div class="my-4 mr-2 pr-

2 italic"><input type="checkbox"
<div class="form-group pt-
id="dataprivacy" class="mr-2">
3">
<input type="password" <label for="dataprivacy"
class="form-control" class="text-gray-500" style="margin-
name="confirmpassword" id = left: 11px; color: red;">I have read and
"confirmpassword" required value="" fully understand the contents of this
placeholder="Confirm Password"> document. I agree to the terms and
conditions stated above.</label>
</div>
</div>
<div class="pt-3">
</div>
<h2 class="enrollment-
form-section-header">Data Privacy <div class="form-group pt-
Compliance</h2> 3">
<p class="text-sm">I <button type="submit"
hereby certify that foregoing statements class="form-control bg-success text-
are true and correct. Any misinformation white" name="resubmit" id="register"
or withholding of information will disabled>Register</button>
automatically disqualify me from my
</div>
registration in the institution. I am
willing to obey and abide the policies on <div class="form-group text-
refund and penalty being implemented center pt-4 fs-5 text-uppercase">
by the institution. I hereby express my
<a
consent for the Colegio de Sto. Cristo de
href="stdlogin.php">Login Now!</a>
Burgos, Corporation to collect, record,
organize, update or modify, retrieve, </div>
consult, use consolidate, block, erase or
destruct my personal data as part of my </form>
information. I hereby affirm my right to </div>
be informed, object to processing, access
and rectify, suspend or withdraw my </div>
personal data and be indemnified in case </div>
of damages pursuant to the provisions of
the Republic Act No. 10173 of </div>
Philippines, Data Privacy Act of 2012 </div>
and its corresponding Implementing
Rules and Regulations.<span </div>
tyle="color: <!-- The Modal -->
red;">*</span></p>

Bachelor of Science in Information

94
 Web-based Appointment System for Colegio de Santo Cristo de

Colegio de Santo Cristo de

<script <meta charset="UTF-8">

src="https://code.jquery.com/jquery-
3.6.0.min.js"></script> <meta http-equiv="X-UA-Compatible"
content="IE=edge">
<script>
<meta name="viewport"
$(document).ready(function () { content="width=device-width, initial-
$('#dataprivacy').change(function scale=1.0">
() { <title>Dashboard</title>
if ($(this).is(':checked')) { <link rel="icon"
$('#register').prop('disabled', href="/assets/images/favicon.ico"/>
false); <link rel="stylesheet"
} else { href="assets/CSS/ADMIN/dashboard.css
">
$('#register').prop('disabled',
true); <!-- BOXICON -->

} <link
href="https://unpkg.com/[email protected].
}); 9/css/boxicons.min.css" rel="stylesheet"
}); />

</script> <link rel="stylesheet"

href="https://fonts.googleapis.com/css2?
</body> family=Material+Symbols+Outlined:ops
</html> z,wght,FILL,GRAD@24,400,1,0" />
<!-- BOOTSTRAP -->
<link
href="https://cdn.jsdelivr.net/npm/bootst
<?php [email protected]/dist/css/bootstrap.min.css"
rel="stylesheet">
session_start();
<script
require 'connection.php';
src="https://cdn.jsdelivr.net/npm/bootstr
require 'checker.php'; [email protected]/dist/js/bootstrap.bundle.min.js
"></script>
?>
<link
<!DOCTYPE html>
href="./assets/CSS/datatables.min.css"
<html lang="en"> rel="stylesheet">
<head> </head>

Bachelor of Science in Information

95
 Web-based Appointment System for Colegio de Santo Cristo de

Colegio de Santo Cristo de

<body> <section id="content">

<!-- navbar -->
<!-- SIDEBAR --> <nav>
<section id="sidebar" class="side- <i class="bx bx-menu"></i>
menu">
<img
<div class="menu"> src="assets/images/LOGO.png" alt="">
<a href="dashboard.php" <a href="#" class="nav-
class="active"><span class="material- link">Colegio De Santo Cristo De
symbols- Burgos</a>
outlined">dashboard</span>Dashboard<
/a> </nav>

<a href="sub-
appointment.php"><span
class="material-symbols- <!-- MAIN -->
outlined">edit_calendar</span>Appoint <main>
ment</a>
<h3 class="mt-4 ms-
<a href="student-user.php"><span 3">Dashboard</h3>
class="material-symbols-
outlined">group</span>Users</a> <div class="container-fluid px-4">

<a href="administrator.php"><span <h5 class="text-muted fs-8">Users

class="material-symbols- & Appointments</h5>
outlined">admin_panel_settings</span> <div class="row">
Admin</a>
<div class="col-xl-2 col-md-6
<a href="reports.php"><span hover">
class="material-symbols-
outlined">monitoring</span>Reports</a <div class="card bg-primary text-
> white mb-4">

<a href="logout.php"><span <div class="card-body">Total

class="material-symbols- Appointments
outlined">logout</span>Logout</a> <?php
</div> $dash_appoint_query =
</section> "SELECT * FROM appointment";
$dash_appoint_query_run =
mysqli_query($con,
<!-- CONTENT --> $dash_appoint_query);

Bachelor of Science in Information

96
 Web-based Appointment System for Colegio de Santo Cristo de

Colegio de Santo Cristo de

if($users_total =
mysqli_num_rows($dash_users_query_r
if($appoint_total =
un)){
mysqli_num_rows($dash_appoint_query
_run)){ echo '<h4 class="mb-0"> '.
$users_total.'</h4>';
echo '<h4 class="mb-0">
'.$appoint_total.'</h4>'; }else{
}else{ echo '<h4 class="mb-0"> No
Data </h4>';
echo '<h4 class="mb-0"> No
Data </h4>'; }
} ?>
?> </div>
</div> <div class="card-footer d-flex
align-items justify-content-between">
<div class="card-footer d-flex
align-items justify-content-between"> <div class="small text-
white"><i class="fas fa-angle-
<div class="small text-
right"></i></div>
white"><i class="fas fa-angle-
right"></i></div> </div>
</div> </div>
</div> </div>
</div> </div>
<div class="col-xl-2 col-md-6 </div>
hover">
<div class="container-fluid
<div class="card bg-success text- appointment-list px-4 mt-3">
white mb-4">
<h5 class="text-muted">Types of
<div class="card-body">Total Appointment</h5>
Users
<div class="row">
<?php
<div class="col-xl-2 col-md-6
$dash_users_query = hover ">
"SELECT * FROM tb_user";
<div class="card bg-success text-
$dash_users_query_run = white mb-4">
mysqli_query($con,
<div class="card-body">Total
$dash_users_query);
Pending

Bachelor of Science in Information

97
 Web-based Appointment System for Colegio de Santo Cristo de

Colegio de Santo Cristo de

<?php <div class="card bg-danger text-

$dash_appoint_query = white mb-4">
"SELECT * FROM appointment <div class="card-body">Total
WHERE status = 'Pending'"; Accepted
$dash_appoint_query_run = <?php
mysqli_query($con,
$dash_appoint_query); $dash_appoint_query =
"SELECT * FROM appointment
WHERE status = 'Accepted'";
if($appoint_total = $dash_appoint_query_run =
mysqli_num_rows($dash_appoint_query mysqli_query($con,
_run)){ $dash_appoint_query);
echo '<h4 class="mb-0">
'.$appoint_total.'</h4>';
if($appoint_total =
}else{ mysqli_num_rows($dash_appoint_query
echo '<h4 class="mb-0"> No _run)){
Data </h4>'; echo '<h4 class="mb-0">
} '.$appoint_total.'</h4>';

?> }else{

</div> echo '<h4 class="mb-0"> No

Data </h4>';
<div class="card-footer d-flex
align-items justify-content-between"> }

<a href="#" class="small text- ?>

white stretched-link">VIew Details</a> </div>
<div class="small text- <div class="card-footer d-flex
white"><i class="fas fa-angle- align-items justify-content-between">
right"></i></div>
<a href="#" class="small text-
</div> white stretched-link">VIew Details</a>
</div> <div class="small text-
</div> white"><i class="fas fa-angle-
right"></i></div>
<div class="col-xl-2 col-md-6
hover"> </div>
</div>

Bachelor of Science in Information

98
 Web-based Appointment System for Colegio de Santo Cristo de

Colegio de Santo Cristo de

</div> </div>
<div class="col-xl-2 col-md-6 </div>
hover">
</div>
<div class="card bg-info text-
white mb-4"> <div class="col-xl-2 col-md-6">

<div class="card-body">Total <div class="card bg-warning text-

Declined white mb-4">

<?php <div class="card-body">Total

Waiting
$dash_appoint_query =
"SELECT * FROM appointment <?php
WHERE status = 'Declined'"; $dash_appoint_query =
$dash_appoint_query_run = "SELECT * FROM appointment
mysqli_query($con, WHERE status = 'Waiting'";
$dash_appoint_query); $dash_appoint_query_run =
mysqli_query($con,
$dash_appoint_query);
if($appoint_total =
mysqli_num_rows($dash_appoint_query
_run)){ if($appoint_total =
echo '<h4 class="mb-0"> mysqli_num_rows($dash_appoint_query
'.$appoint_total.'</h4>'; _run)){

}else{ echo '<h4 class="mb-0">

'.$appoint_total.'</h4>';
echo '<h4 class="mb-0"> No
Data </h4>'; }else{

} echo '<h4 class="mb-0"> No

Data </h4>';
?>
}
</div>
?>
<div class="card-footer d-flex
align-items justify-content-between"> </div>

<a href="#" class="small text- <div class="card-footer d-flex

white stretched-link">VIew Details</a> align-items justify-content-between">

<div class="small text- <a href="#" class="small text-

white"><i class="fas fa-angle- white stretched-link">VIew Details</a>
right"></i></div>

Bachelor of Science in Information

99
 Web-based Appointment System for Colegio de Santo Cristo de

Colegio de Santo Cristo de

<div class="small text-

white"><i class="fas fa-angle-
right"></i></div>
</div> //if user click login button

</div> if(isset($_POST['login'])){

</div> $email =
mysqli_real_escape_string($con,
$_POST['email']);
</div> $password =
</div> mysqli_real_escape_string($con,
$_POST['password']);
</main>
$sql = "SELECT * FROM usertable
WHERE email = '$email' AND password
</section> = '$password'";
$res = mysqli_query($con, $sql);

<!-- SCRIPT --> if(mysqli_num_rows($res) == 1){

<script src="assets/js/jquery-
3.5.1.js"></script> $row = $fetch =
mysqli_fetch_assoc($res);
<script src="assets/js/app.js"></script>
if ($row['email'] == $email &&
<script $row['password'] == $password) {
src="assets/js/datatables.min.js"></script
> $_SESSION['email']
= $row['email'];
</body>
$_SESSION['name']
</html> = $row['name'];
$_SESSION['id'] =
$row['id'];
<?php
session_start(); //
require "connection.php"; alert($_SESSION['email']);

$email = ""; header("Location:

appoint.php");
$name = "";
$errors = array(); exit();

Bachelor of Science in Information

10
 Web-based Appointment System for Colegio de Santo Cristo de

Colegio de Santo Cristo de

}else{ $query_run = mysqli_query($con,

$query);

header("Location:
index.php?error=Incorect User name or if($query_run){
password"); $_SESSION['message'] = "Student
$errors['email'] = "Incorrect Deleted Successfully";
email or password!"; header("Location: student-user.php")
}
exit();
P.extend(p.type.order,

} { "date-pre": function (t)

{ t = Date.parse(t);
}else{ header("Locati
return isNaN(t) ? -1 / 0 : t;
},
on:
index.php?error=Incorect User name or "html-pre": function (t) {
password");
return h(t)
exit();
? ""
}
: t.replace
}
? t.replace(/<.*?>/g,
?> "").toLowerCase()
<?php : t + "";
session_start(); },
require 'connection.php'; "string-pre": function (t) {
// STUDENT return h(t)
if(isset($_POST['delete_student'])){ ? ""

$student_id = : "string" == typeof t

mysqli_real_escape_string($con,
? t.toLowerCase()
$_POST['delete_student']);
: t.toString
$query = "DELETE FROM tb_user
WHERE id='$student_id' "; ? t.toString()

Bachelor of Science in Information

10
 Web-based Appointment System for Colegio de Santo Cristo de

Colegio de Santo Cristo de

: ""; });
},
"string-asc": function (t, e)
{ return t < e ? -1 : e < t ? 1 :
0;
},
"string-desc": function (t, e)
{ return t < e ? 1 : e < t ? -1 :
0;
},
}),
Me(""),
P.extend(!0, w.ext.renderer,
{ header: {
_: function (r, o, i, l) {
P(r.nTable).on("order.dt.DT",
function (t, e, n, a) {
r === e &&
((e = i.idx),
o
.removeClass(l.sSortAsc + " "
+ l.sSortDesc)
.addClass( "as
c" == a[e]
? l.sSortAsc
: "desc" == a[e]
? l.sSortDesc
: i.sSortingClass
));
Bachelor of Science in Information
10
 Web-based Appointment System for Colegio de Santo Cristo de

Colegio de Santo Cristo de

}, .removeClass( l.s
jqueryui: function (r, o, i, SortJUIAsc +
l) { P("<div/>")
.addClass(l.sSortJUIWrapper)
.append(o.contents())
.append(

P("<span/>").addClass(l.sSortIcon + " "

+ i.sSortingClassJUI)
)
.appendTo(o),
P(r.nTable).on("order.dt.DT
",
function (t, e, n, a) {
r === e
&& ((e
=
i.idx), o
.removeClass(l.sSortAsc + " "
+ l.sSortDesc)
.addClass(
"asc" ==
a[e]
? l.sSortAsc
: "desc" == a[e]
? l.sSortDesc
: i.sSortingClass
),
o
.find("span." + l.sSortIcon)

Bachelor of Science in Information

10
 Web-based Appointment System for Colegio de Santo Cristo de

Colegio de Santo Cristo de

""+ : t;
l.sSortJUIDesc + }
""+ function Ee(t, e, n, a, r) {
l.sSortJUI + return j.moment ? t[e](r) : j.luxon ? t[n]
""+ (r) : a ? t[a](r) : t;

l.sSortJUIAscAllowed + }

""+ var Be = !1;

l.sSortJUIDescAllowed function Ue(t, e, n) {

) var a;

if (j.moment) {
.addClass( "as
if (!(a = j.moment.utc(t, e, n,
c" == a[e]
!0)).isValid()) return null;
? l.sSortJUIAsc
} else if (j.luxon) {
: "desc" == a[e]
if (
? l.sSortJUIDesc
!(a =
: i.sSortingClassJUI
e && "string" == typeof t
));
?
}); j.luxon.DateTime.fromFormat(t, e)

} :
, j.luxon.DateTime.fromISO(t)).isValid
}, )
}); return null;
function We(t) {
a.setLocale(n);
return "string" == typeof (t =
Array.isArray(t) ? t.join(",") : t) } else
?t e

.replace(/&/g, "&amp;") ? (Be ||

.replace(/</g, "&lt;") alert(

.replace(/>/g, "&gt;") "DataTables warning:
Formatted date without Moment.js or
.replace(/"/g, "&quot;")

Bachelor of Science in Information

10
 Web-based Appointment System for Colegio de Santo Cristo de

Colegio de Santo Cristo de

Luxon - https://datatables.net/tn/17"

Bachelor of Science in Information

10
 Web-based Appointment System for Colegio de Santo Cristo de

Colegio de Santo Cristo de

), return t === e ? 0 : e < t ? -1 : 1;

(Be = !0)) })),
: (a = new Date(t)); function (t, e) {
return a; var n;
} return (
function Ve(s) { (null !== t && t !== N) ||
return function (a, r, o, i) { (t =
0 === arguments.length "--now" === i
? ((o = "en"), (a = r = null)) ? ((n = new Date()),
: 1 === arguments.length new Date(
? ((o = "en"), (r = a), (a = null)) Date.UTC(
: 2 === arguments.length && ((o = n.getFullYear(),
r), (r = a), (a = null));
n.getMonth(),
var l = "datetime-" + r;
n.getDate(),
return (
n.getHours(),
w.ext.type.order[l] ||
n.getMinutes(),
(w.ext.type.detect.unshift(function
n.getSeconds()
(t) {
)
return t === l && l;
))
}),
: ""),
(w.ext.type.order[l + "-asc"] =
function (t, e) { "type" === e
(t = t.valueOf()), (e = ?l
e.valueOf());
: "" === t
return t === e ? 0 : t < e ? -1 : 1;
? "sort" !== e
}),
? ""
(w.ext.type.order[l + "-desc"] =
: Ue("0000-01-01 00:00:00",
function (t, e) {
null, o)
(t = t.valueOf()), (e =
e.valueOf()); : !(

Bachelor of Science in Information

10
 Web-based Appointment System for Colegio de Santo Cristo de

Colegio de Santo Cristo de

null === r || n < qe.length;

a !== r || n++
"sort" === e || )
"type" === e || "group" === qe[n].type
t instanceof Date ? (Xe = qe[n].value)
) || null === (n = Ue(t, a, o)) : "decimal" === qe[n].type && (Je
?t = qe[n].value);

: "sort" === e } catch (t) {}

?n function Ge(e)

: ((t = { return function () {

null === r var t =

[ge(this[w.ext.iApiIndex])].concat(
? Ee(n, "toDate",
"toJSDate", "")[s]()
Array.prototype.slice.call(arguments)
: Ee(n, "format", "toFormat",
"toISOString", r)), );

"display" === e ? We(t) : t) return w.ext.internal[e].apply(this, t);

); };

} }

); return (

}; (w.datetime = function (n, a)

} { var r = "datetime-detect-" +

var Xe = ",", n; (a = a || "en"),

Je = "."; w.ext.type.order[r] ||

if (Intl) (w.ext.type.detect.unshift(function
(t)
try {
var e = Ue(t, n, a);
{ for (
return !("" !== t && !e) && r;
var qe = new
Intl.NumberFormat().formatToParts(100 }),
000.1), n = 0;

Bachelor of Science in Information

10
 Web-based Appointment System for Colegio de Santo Cristo de

Colegio de Santo Cristo de

(w.ext.type.order[r + "-pre"] = (i || "") +

function (t) {
return Ue(t, n, a) || 0; n.toString().replace(/\B(?=(\d{3})+(?!\d)
})); )/g, a) +

}), t+

(w.render = { (l || "")

date: Ve("toLocaleDateString"), );

datetime: Ve("toLocaleString"), },

time: Ve("toLocaleTimeString"), }

number: function (a, r, o, i, l) );

{ return ( },

(null !== a && a !== N) || (a = text: function () {

Xe), (null !== r && r !== N) || (r = return { display: We, filter: We };

Je), },

{ }),

display: function (t) { P.extend(w.ext.internal, {

if ("number" != typeof t && _fnExternApiFunc: Ge,

"string" != typeof t) return t; _fnBuildAjax: Tt,
if ("" === t || null === t) return t; _fnAjaxUpdate: xt,
var e = t < 0 ? "-" : "", _fnAjaxParameters: At,
n = parseFloat(t);
_fnAjaxUpdateDraw: It,
if (isNaN(n)) return We(t); _fnAjaxDataSrc: Ft,
(n = n.toFixed(o)), (t =
_fnAddColumn: nt,
Math.abs(n));
_fnColumnOptions: at,
(n = parseInt(t, 10)),
_fnAdjustColumnSizing: O,
(t = o ? r + (t -
n).toFixed(o).substring(2) : ""); _fnVisibleToColumnIndex: rt,
return ( _fnColumnIndexToVisible: ot,
(e = 0 === n && 0 === _fnVisbleColumns: T,
parseFloat(t) ? "" : e) +

Bachelor of Science in Information

10
 Web-based Appointment System for Colegio de Santo Cristo de

Colegio de Santo Cristo de

_fnGetColumns: it, _fnCreateTr: St,

_fnColumnTypes: lt, _fnBuildHead: yt,
_fnApplyColumnDefs: st, _fnDrawHead: Dt,
_fnHungarianMap: i, _fnDraw: v,
_fnCamelToHungarian: C, _fnReDraw: u,
_fnLanguageCompat: Z, _fnAddOptionsHtml: _t,
_fnBrowserDetect: tt, _fnDetectHeader: wt,
_fnAddData: x, _fnGetUniqueThs: Ct,
_fnAddTr: ut, _fnFeatureHtmlFilter: Lt,
_fnNodeToDataIndex: function (t, e) _fnFilterComplete: Rt,
{
_fnFilterCustom: Pt,
return e._DT_RowIndex !== N ?
e._DT_RowIndex : null; _fnFilterColumn: jt,

}, _fnFilter: Nt,

_fnNodeToColumnIndex: function _fnFilterCreateSearch: Ht,

(t, e, n) { _fnEscapeRegex: Ot,
return P.inArray(n, _fnFilterData: Wt,
t.aoData[e].anCells);
_fnFeatureHtmlInfo: Ut,
},
_fnUpdateInfo: Vt,
_fnGetCellData: S,
_fnInfoMacros: Xt,
_fnSetCellData: ct,
_fnInitialise: Jt,
_fnSplitObjNotation: dt,
_fnInitComplete: qt,
_fnGetObjectDataFn: A,
_fnLengthChange: Gt,
_fnSetObjectDataFn: b,
_fnFeatureHtmlLength: $t,
_fnGetDataMaster: ht,
_fnFeatureHtmlPaginate: zt,
_fnClearTable: pt,
_fnPageChange: Yt,
_fnDeleteIndex: gt,
_fnFeatureHtmlProcessing: Zt,
_fnInvalidate: bt,
_fnProcessingDisplay: D,
_fnGetRowElements: mt,

Bachelor of Science in Information

10
 Web-based Appointment System for Colegio de Santo Cristo de

Colegio de Santo Cristo de

_fnFeatureHtmlTable: Kt, _fnBindAction: me,

_fnScrollDraw: Qt, _fnCallbackReg: L,
_fnApplyToChildren: k, _fnCallbackFire: R,
_fnCalculateColumnWidths: ee, _fnLengthOverflow: Se,
_fnThrottle: ne, _fnRenderer: ve,
_fnConvertToWidth: ae, _fnDataSource: E,
_fnGetWidestNode: re, _fnRowAttributes: vt,
_fnGetMaxLenString: oe, _fnExtend: be,
_fnStringToCss: M, _fnCalculateEnd: function () {},
_fnSortFlatten: I, }),
_fnSort: ie, (((P.fn.dataTable = w).$ =
_fnSortAria: le, P).fn.dataTableSettings = w.settings),

_fnSortListener: se, (P.fn.dataTableExt = w.ext),

_fnSortAttachListener: ue, (P.fn.DataTable = function (t)

_fnSortingClasses: ce, { return P(this).dataTable(t).api();

_fnSortData: fe, }),

_fnSaveState: de, P.each(w, function (t, e) {

_fnLoadState: he, P.fn.DataTable[t] = e;

_fnImplementState: pe, }),

_fnSettingsFromNode: ge, w

_fnLog: W, );

_fnMap: F, });

Bachelor of Science in Information

11
 Web-based Appointment System for Colegio de Santo Cristo de

Colegio de Santo Cristo de

Appendix D

Gantt chart of Activities

OCT NOV DEC JAN FEB MAR APR MAY JUNE

GATHERING
DATA

TITLE
PROPOSAL

PLANNING

DESIGNING

CODING

TESTING

FINAL
DEFENSE

REVISION

Legend:

Whole Month

1st week- 2nd week

3rd week- 4th week

Bachelor of Science in Information

11
 Web-based Appointment System for Colegio de Santo Cristo de

Colegio de Santo Cristo de

Appendix E

Communication Letter
June 10, 2023
To Whom It May Concern,

Greetings of Peace!

The following undersigned are students at the Colegio de Santo Cristo

de Burgos taking Bachelor of Science in Information Technology, presently conducting a
research entitled “Web-based Appointment System for Colegio de Santo Cristo de
Burgos” as a requirement for the course Capstone Project 2.
In this regard, we would like to ask permission to be allowed to
administer our evaluation form to the selected IT expert in Sariaya, Quezon. The
individual responses to the evaluation form will be treated with the utmost
confidentiality.
Your kind and favourable response on this request will be a great hel
in the completion of the study. Thank you very much and we hope for a positive response
from your good office.
Very truly yours,

Madel J. Sacristia
Ryan Kerth B. Quelazon
Jaypee H. Briñas
Jhoncarlo M. Deloso
Researchers

Noted by:

DR. MYRA G. FLORES

ZARAH YDIZZA A. RANUDA

BSIT Program Head

Dean of Studies

Bachelor of Science in Information

11
 Web-based Appointment System for Colegio de Santo Cristo de

Colegio de Santo Cristo de

Appendix F

QUESTIONNAIRES USED TO EVALUATE THE SYSTEM

Web-based Appointment System for Colegio De Santo Cristo De Burgos Registrar

Dear Respondents,

Good day to you our Dear Respondents, we are Sacristia, Madel, Briñas, Jaypee,
Quelazon, Kerth, and Deloso, Jhon Carlo we are from the College of Colegio De
Santo Cristo De Burgos and we are currently taking the course, Bachelor of
Science Information Technology and currently enrolled in Capstone project.

And as a part of our Capstone Project requirements, we chose to create a capstone

project with the title “Web-based Appointment System for Colegio De Santo
Cristo De Burgos Admin and Students ”

And with this, we would like to take a minute of your time to answer the
following survey we’ve created to determine the effectiveness of the system
we’ve created.

a. System Performance Efficiency

b. System Maintainability
c. System Suitability
d. System Usability
e. System Reliability
f. System Security
g. System Compatibility

Rest assured your answer will be used for educational purposes only. Once again
good day to you and thank you for your effort in answering our survey.

Sincerely,

Sacristia, Madel

Briñas, Jaypee

Bachelor of Science in Information

11
 Web-based Appointment System for Colegio de Santo Cristo de

Colegio de Santo Cristo de

Quelazon, Kerth

Deloso, Jhon Carlo

Instruction: Please check the appropriate item according to your

observation. The indicator is from 4-1, 4 is the highest remarks, and 1 is the
lowest remarks.

Table 1 represents the following categories of remarks on the proposed system.

REMARKS CODE RANGE

Strongly Agree 4 3.5-4.0

Agree 3 2.5-3.49

Disagree 2 1.5-2.49

Strongly Disagree 1 1.0-1.49

Bachelor of Science in Information

11
 Web-based Appointment System for Colegio de Santo Cristo de

Colegio de Santo Cristo de

Table 11. Represents the system performance efficiency

System Performance Efficiency

Functions SA A D (2) SD AWM REMARKS

(4) (3) (1)

1. The system software is

working properly and its
functions are according to
its desired performance
2. The system responds well
to the needs of the user to
meet all of his/her
requirements
3. The system is working
properly without any
errors
Average Weighted Mean

Bachelor of Science in Information

11
 Web-based Appointment System for Colegio de Santo Cristo de

Colegio de Santo Cristo de

Table 12. Represents the system maintainability

System Maintainability

Functions SA A(3) D (2) SD (1) REMARKS

(4) AWM

1. The system is
easy to
maintain
2. The system
maintenance
has a low cost
3. The system
modification
are still
upgradeable in
the future
Average Weighted
Mean

Bachelor of Science in Information

11
 Web-based Appointment System for Colegio de Santo Cristo de

Colegio de Santo Cristo de

Table 13. Represents the suitability of the system

System Suitability Function

Functions SA (4) A (3) D (2) SD (1) WM REMARKS

1. The system
functions are useful
and suitable for the
registrar
2. The system
functions are
working properly
with no errors
3. The system
functions
accurately to meet
the registrar’s
transaction
Average Weighted
Mean

Bachelor of Science in Information

11
 Web-based Appointment System for Colegio de Santo Cristo de

Colegio de Santo Cristo de

Table 14. Represents the usability of the system

System Usability

Functions SA(4) A D SD WM REMARKS

(3) (2) (1)

1. The system has a user-

friendly interface
2. The system is easy to
operate the user

2. The system control is easy

to learn even for those
who don’t know how to
use a computer or a
cellphone

Bachelor of Science in Information

11
 Web-based Appointment System for Colegio de Santo Cristo de

Colegio de Santo Cristo de

Table 15. Represents the reliability of the system

System Reliability Function

Functions SA (4)A (3) D (2)SD (1)AWMREMARKS

The system is reliable for the registrar

The system functions are reliable and working properly
The system transaction is reliable for the students.
Average
Weighted Mean

Bachelor of Science in Information

11
 Web-based Appointment System for Colegio de Santo Cristo de

Colegio de Santo Cristo de

Table 16. Represents the security of the system

System Security Function

Functions SA A D SD AWM REMARKS

(4) (3) (2) (1)

1. The system security is truly

safe and confidential
2. The system is secured
enough to fill in user
personal information
3. The system identity
authentication is secured
and safe
Average Weighted Mean

Bachelor of Science in Information

12
 Web-based Appointment System for Colegio de Santo Cristo de

Colegio de Santo Cristo de

Table 17. Represents the compatibility of the system

System Compatibility Function

Functions SA A D SD AWM REMARKS

(4) (3) (2) (1)

1. The system is perfectly

compatible with any kind of
device.
2. The system is accessible
anywhere
3. The system can be accessed
by many users at once.
Average Weighted Mean

Comments and suggestions if any:

Bachelor of Science in Information

12
 Web-based Appointment System for Colegio de Santo Cristo de

Colegio de Santo Cristo de

Appendix G

SAMPLE QUESTIONAIRE WITH ANSWER

Bachelor of Science in Information

12
 Web-based Appointment System for Colegio de Santo Cristo de

Colegio de Santo Cristo de

Bachelor of Science in Information

12
 Web-based Appointment System for Colegio de Santo Cristo de

Colegio de Santo Cristo de

Bachelor of Science in Information

12
 Web-based Appointment System for Colegio de Santo Cristo de

Colegio de Santo Cristo de

Bachelor of Science in Information

12
 Web-based Appointment System for Colegio de Santo Cristo de

Colegio de Santo Cristo de

Appendix H

Certification of IT Expert

Bachelor of Science in Information

12
 Web-based Appointment System for Colegio de Santo Cristo de

Colegio de Santo Cristo de

Appendix I

CAPSTONE REVISION MATRIX

Capstone 2

Web-based Appointment System for Colegio de Santo Cristo

TITLE:
de Burgos

DEFENSE DATE: June 10, 2023

ADVISER: Dr. Maricel M. Gaspar

LEAD PANEL Dr. Maricel M. Gaspar

PANEL MEMBERS Joanna Marie T. Leonard Zarah Ydizza A.

Javier, MIT Andrew D. Ranuda, MBA
Mesiera, MSIT

Name of Student Student Number Contact Details

SACRISTIA, MADEL 1732 09663105097

J.
QUELAZON, RYAN 1709 09482169544
KERTH
BRINAS, JAYPEE 15644 09632534694

DELOSO, 1432 09077425139

JHONCARLO M.

Bachelor of Science in Information

12
 Web-based Appointment System for Colegio de Santo Cristo de

Colegio de Santo Cristo de

MANUSCRIPT

REVISION/S MADE/ PAGE

COMMENTS PREVIOUS
ACTIONS TAKEN REFLECTED

The manuscript The appointment The appointment page

must have a transaction is based transaction is based on
specific on our group registrar of Colegio de
transaction Santo Cristo de Burgos
The manuscript Student only can set Not only student are the page
must add more an appointment beneficiaries also the
beneficiaries, alumni
separate the
discussion to other
beneficiaries
The manuscript chapter 1 is correct in All the chapters in the page
must follow the format and chapters manuscript are correct
format of chapter 2-5 are incorrect and we based it on
1 chapter 1
The Manuscript The Chapter 5 has no The evaluation of page
must have a result results but we have chapter 5 has a result and
of evaluation an evaluation there is a total

Bachelor of Science in Information

12
 Web-based Appointment System for Colegio de Santo Cristo de

Colegio de Santo Cristo de

SYSTEM
REVISION/
COMMENT PREVIOU S MADE/
IMAGE
S S ACTIONS
TAKEN

The system
The system The
must allow
only allow developer
the user to
user to use check
choose
choose one box for the
multiple
purpose of user to
purpose of
appointmen choose
transaction
t multiple
appointment
purpose

Only in the
admin pane In the The
should be student developers
able to pane users removed the
manage are allow to manage
account manage account
information account setting in the
student pane
Confidentia The
Confidential l developer
information information only allow
of student is visible in users to view
should be the current the
hidden in the assisting appointment
current table number and
assisting the status of
table the
appointment

Bachelor of Science in Information

12
 Web-based Appointment System for Colegio de Santo Cristo de

Colegio de Santo Cristo de

No The
The system
interactions developer
should have a
between added a
interaction in
two users remark text
both users
box to allow
using a
admin user
remarks in
to send
admin pane
remarks to
pending
appointment
s of students
The admin The
user can developer
cater only added a
one function to
appointmen close the
The system
t at a time assist pop up
should allow
box to allow
admin users
other user to
to assist
assist
multiple
another
appointment
transaction
at a time
even before
finishing the
first
appointment
they cater

Bachelor of Science in Information

13
 Web-based Appointment System for Colegio de Santo Cristo de

Colegio de Santo Cristo de

In the Only daily The

admin reports can developer
pane the be printed added a date
system and reports picker in the
should disappeared reports in
have a daily admin pane
search to allow
button of admin user to
the date search for the
in the date they
reports needed
that an reports
admin
user
desire to
print
cdscdbofficial.000webhostapp.com/

1. Revision Matrix
2. Revised Manuscript
3. Link of your system

[email protected]

Bachelor of Science in Information

13
 Web-based Appointment System for Colegio de Santo Cristo de

Colegio de Santo Cristo de

Appendix J

Originality/Similarity Index Report

WEB-BASED APPOINTMENT SYSTEM OF COLEGIO DE SANTO CRISTO DE

BURGOS

By

Sacristia, Madel J.

Quelazon, Ryan Kerth B.

Briñas, Jaypee H.

Deloso, Jhoncarlo M.

Bachelor of Science in Information

13
 Web-based Appointment System for Colegio de Santo Cristo de

Colegio de Santo Cristo de

Bachelor of Science in Information

13
 Web-based Appointment System for Colegio de Santo Cristo de

Colegio de Santo Cristo de

Bachelor of Science in Information

13
 Web-based Appointment System for Colegio de Santo Cristo de

Colegio de Santo Cristo de

Bachelor of Science in Information

13
 Web-based Appointment System for Colegio de Santo Cristo de

Colegio de Santo Cristo de

Bachelor of Science in Information

13
 Web-based Appointment System for Colegio de Santo Cristo de

Colegio de Santo Cristo de

Bachelor of Science in Information

13
 Web-based Appointment System for Colegio de Santo Cristo de

Colegio de Santo Cristo de

Appendix K

Grammarian Certificate

Bachelor of Science in Information

13
 Web-based Appointment System for Colegio de Santo Cristo de

Colegio de Santo Cristo de

Appendix L

Picture of process in creating prototype

Bachelor of Science in Information

13
 Web-based Appointment System for Colegio de Santo Cristo de

Colegio de Santo Cristo de

Appendix M

Curriculum Vitae

PERSONAL DATA

Name : Ryan Kerth B. Quelazon

Birthday : November 08, 2000

Birthplace : Lucena City

Gender : Male

Civil status : Single

Nationality : Filipino

Religion : Roman Catholic

Name of Parents : Remy B. Quelazon

: Gaudioso Q. Quelazon

EDUCATIONAL BACKGROUND

Tertiary: Bachelor of Science in Information Technology

Colegio de Santo Cristo de Burgos

2019- 2023

Secondary: Information and communications Technology(ICT)

College of Sciences Technology and
Communications INC.
2017-2019(Senior High School)
Cavinti National High School
2016-2017(Junior High School)

Bachelor of Science in Information

14
 Web-based Appointment System for Colegio de Santo Cristo de

Colegio de Santo Cristo de

St. Francis of Assisi

2013-2016(Junior High School)
NATIONAL -NC III Visual Graphics Design
CERTIFICATE
OBTAINED
SKILLS Computer literate Communication skills

Critical thinking skills

Always willing to learn

SEMINARS AND WORKSHOP ATTENDED/PARTICIPATED

May 2023 Financial Literacy

Colegio de Santo Cristo de Burgos

Sariaya, Quezon

CHARACTER REFERENCES

Dr. Myra G. Flores

BSIT Program Head

Colegio de Santo Cristo de Burgos

Sariaya, Quezon

Zarrah Ydizza Ranuda LPT,

Dean of Studies

Colegio de Santo Cristo de Burgos

Sariaya, Quezon

Bachelor of Science in Information

14
 Web-based Appointment System for Colegio de Santo Cristo de

Colegio de Santo Cristo de

Curriculum Vitae

Madel J. Sacristia
Brgy. Gibanga Purok 1 Sariaya Quezon
Contact No. 09663105097
[email protected]

PERSONAL Age
: 22 Years Old
INFORMATION Birth date : March 30, 2001
Gender : Female
Height
: 5’4
Weight : 59 kg.
Citizenship : Filipino
Civil Status : Single
Religion : Roman
Catholic
Language Spoken
: English & Filipino

OBJECTIVES
To work as in a challenging environment, contributing enthusiasm,
dedication, responsibility, and good work ethic, combined with a desire to utilize my
customer service skills obtained through experience.

NATIONAL -NC III Visual Graphics Design

CERTIFICATE
OBTAINED

KNOWLEDGE AND -Computer literate

SKILLS - Working Quickly
-Can maintain high attention to detail
-Multitasking

Bachelor of Science in Information

14
 Web-based Appointment System for Colegio de Santo Cristo de

Colegio de Santo Cristo de

-Ability to communicate
-Attentive Listener
-Can work under pressure

EDUCATIONAL. TERTIARY EDUCATION:

ATTAINMENT Colegio De Santo Cristo de Burgos
Bachelor of Science in Information Technology (BSIT)
Sariaya, Quezon
2019- Present

SECONDARY EDUCATION:
Senior High School
College of Sciences Technology and Communication Inc,
Sariaya, Quezon
Information and Communications Technology (ICT)
2016-2018

Junior High School

CastañasNational High School
Brgy. CastañasSariaya, Quezon
012-2016

PRIMARY EDUCATION:
Castañas Elementary School
BrgyCastañas Sariaya, Quezon
2006-2012

CHARACTER Roshelle P. Balasta

REFERENCES Brgy. Councilor
Brgy.Castañas I Sariaya, Quezon

Ms. Katherine Manalo

Teacher
CSTC Sariaya

Mark Isaac A. Canales

IT Instructor
CSTC Sariaya

Bachelor of Science in Information

14
 Web-based Appointment System for Colegio de Santo Cristo de

Colegio de Santo Cristo de

Curriculum Vitae

PERSONAL DATA

I can do all things through Christ who strengthens me

Philippians 4:13

Name : Briñas, Jaypee Herico

Birthday : April 19, 2002

Birthplace : San Pablo City

Gender : Male

Civil status : Single

Nationality : Filipino

Religion : Born Again Christian

Name of Parents : Rosalie Herico Griño

: Senito Herico Briñas

EDUCATIONAL BACKGROUND

Tertiary: Bachelor of Science in Information Technology

Colegio de Santo Cristo de Burgos

2019- 2023

Secondary: Alternative Learning System Mamala 1

2016-2019(Senior High School)

Bachelor of Science in Information

14
 Web-based Appointment System for Colegio de Santo Cristo de

Colegio de Santo Cristo de

SKILLS

 Computer literate
 Communication skills
 Critical thinking skills
 Adaptive to any kind of work
 Hardworking
 Always willing to learn
 Can work under pressure

SEMINARS AND WORKSHOP ATTENDED/PARTICIPATED

JUNE 20 2022 Data Analytics

Online Seminar

May 2023 Financial Literacy

Colegio de Santo Cristo de Burgos

Sariaya, Quezon

CHARACTER REFERENCES

Dr. Myra G. Flores

BSIT Program Head

Colegio de Santo Cristo de Burgos

Sariaya, Quezon

Zarrah Ydizza Ranuda LPT,

Dean of Studies

Colegio de Santo Cristo de Burgos

Sariaya, Quezon

Bachelor of Science in Information

14
 Web-based Appointment System for Colegio de Santo Cristo de

Colegio de Santo Cristo de

Curriculum Vitae

PERSONAL DATA

Name : Jhoncarlo M. Deloso

Birthday : October 27, 1999

Birthplace : Lucena City

Gender : Male

Civil status : Single

Nationality : Filipino

Religion : Roman Catholic

Name of Parents : Marites M. Deloso

: Carlos Deloso

EDUCATIONAL BACKGROUND

Tertiary: Bachelor of Science in Information Technology

Colegio de Santo Cristo de Burgos

2019- 2023

Secondary: Information and Communications Technology(ICT)

College of Sciences, Technology, and

Communications Inc.

2017-2019(Senior High School)

Pili National Highschool

2012-2016(Junior High School)

Bachelor of Science in Information

14
 Web-based Appointment System for Colegio de Santo Cristo de

Colegio de Santo Cristo de

NATIONAL -NC III Visual Graphics Design

CERTIFICATE

OBTAINED

SKILLS Computer literate Communication skills

Critical thinking skills Always willing to learn

SEMINARS AND WORKSHOP ATTENDED/PARTICIPATED

May 2023 FinancialLiteracy

Colegio de Santo Cristo de Burgos

Sariaya, Quezon

CHARACTER REFERENCES

Dr. Myra G. Flores

BSIT Program Head

Colegio de Santo Cristo de Burgos

Sariaya, Quezon

Zarrah Ydizza Ranuda LPT,

Dean of Studies

Colegio de Santo Cristo de Burgos

Sariaya, Quezon

Bachelor of Science in Information

14