03/04/2024 THE PROJECT REPORT ON

“SCHOOL MANAGEMENT
SYSTEM”
Submitted in partial fulfilment of the
BACHELOR OF COMPUTER APPLICATION
Under the guidance of
Dr. Arun Marandi Sir

BY-

RIA BHUMIJ(AJU/210595)
Anushka Sah(AJU/210235)
 ABSTRACT

The School Management System is a comprehensive software

solution designed to streamline administrative tasks and
enhance communication within educational institutions. It
encompasses modules for student information management,
attendance tracking, grade recording, scheduling, and
resource allocation. Additionally, it facilitates communication
between teachers, students, and parents through features like
messaging, announcements, and online portals. The system
aims to improve efficiency, transparency, and collaboration
within schools while providing stakeholders with real-time
access to pertinent information.
 ACKNOWLEDGEMENT

After completion of my final year project, I would like to take this

chance to express my sincere gratitude to my project guide Dr.
Arun Marandi Sir who has guided me a lot throughout my
project development. Without him, I think I could not have finished
the project on time. In addition, while I met some logic problem or
design problem, he was always the one who gives me useful and
logical answers.
I would like to thank Dr. Arun Marandi Sir or one more time
for sharing his experience with me so that we can get more
logical understanding on how to develop web- based application
which is suitable for current society. I would like to express my
gratitude to the HOD Dr. Arvind Kumar Pandey for his
unconditional support.

Finally, I want to thank to all my friends and teachers, who helped

and co-operated with me directly or indirectly in the accomplishment
of this project.
 DECLARATION

I hereby declare that the project entitled, “School

Management System” done at “Arka Jain
University”, has not been in any case duplicated to
submit to any other university for the award of any
degree. To the best of my knowledge other than me,
no one has submitted to any other university.

This project is done in partial fulfillment of the

requirements for the award of degree of
BACHELOR OF COMPUTER APPLICATION
to be submitted as sixth semester project as part of
our curriculum.

Ria Bhumij
Anushka Sah
 TABLE OF CONTENTS

Contents

ABSTRACT.....................................................................................
.....01
ACKNOWLEDGEMENT..................................................................
.....02
DECLARATION...............................................................................
....03
Chapter - 1.................................................................................
Chapter-2.....................................................................................
Justification of Selection of
Technology………………………………………

Data Flow Diagram (DFD)………………………………………………

 Chapter 1
OVERVIEW

The school management system (SMS) is a comprehensive software

solution designed to automate and streamline various administrative
and academic tasks within educational institutions. It encompasses
modules for student information management, attendance tracking,
academic scheduling, resource allocation, and communication. The
system aims to improve efficiency, transparency, and collaboration
within schools while providing stakeholders with real-time access to
pertinent information. Through its user-friendly interface and robust
functionality, the SMS enhances the overall management and
operation of schools, ultimately contributing to a more effective and
productive learning environment.

OBJECTIVE

The primary objective of implementing a school management system

(SMS) is to enhance the efficiency and effectiveness of administrative
and academic processes within educational institutions. Reduce
manual workload and errors by automating tasks such as student
registration, attendance tracking, grading, and report generation.
Centralize student information, academic records, and administrative
data to ensure easy access, accuracy, and security. Facilitate seamless
communication between teachers, students, parents, and
administrators through features like messaging, announcements, and
online portals.
 Chapter 2
Requirement and Analysis

A software requirements specification (SRS) is a detailed

description of a software system to be developed with its
functional and non-functional requirements. The SRS is
developed based the agreement between customer and
contractors. It may include the use cases of how user is
going
to interact with software system. The software requirement
specification document consistent of all necessary
requirements required for project development. To develop
the software system we should have clear understanding of
Software system. To achieve this we need the continuous
communication with customers to gather all requirements.

Data Gathering

Data Gathering is the process of gathering and

measuring information on variables of interest, in an
established systematic fashion that enables one to
answer stated research questions, test hypotheses, and
evaluate outcomes. The data collection component of
research is common to all fields of study including
physical and social sciences, humanities, business, etc.
Data gathering techniques used in the (Software
Development Lifecycle) SDLC.

Feasibility
Study
The measure of how beneficial or practical the
development of informant system will be to an
organization along this topic feasibility is measured. So
far taking the feasibility study and feasibility analysis
during the development of the project ‘School
Management System’ Website we have studied on the
following four major categories of feasibility study :-

Operational feasibility: Operational feasibility is the

measure of how well a proposed system solves the
problems, and takes advantage of the opportunities
identified during scope definition and how it satisfies the
requirements identified in the requirements analysis
phase of system development.
Technical feasibility: A technical feasibility study
assesses the details of how you intend to deliver a
product or service to customers. Think materials, labor,
transportation, where your business will be located, and
the technology that will be necessary to bring all this
together.
 Schedule feasibility: Schedule Feasibility is defined
as
the probability of a project to be completed within its
scheduled time limits, by a planned due date. If a project
has a high probability to be completed on-time, then its
schedule feasibility is appraised as high.
 Economic feasibility: The degree to which the
economic advantages of something to be made, done, or
achieved are greater than the economic costs: The state
commissioned a report on the economic feasibility of a
single-payer health system.

During the development of School Management Website I

have tried to address all these feasibility analysis phases
seriously. That’s why I think, our project has succeeded.
 Software Process
Model
A waterfall model under the software development life
cycle (SDLC) is the methodology used to produce the
School Management System Website. It is used by system
developers to produce or alter information systems or
software. It divides the development process into several
stages or processes. After the completion of one stage, it
will logically move to another stage. Sometimes moving
back to the previous stage is necessary due to failure that
occurs in current stage.

Hardware Requirements
• Processor : Dual core & Above
• Memory : min 2 GB
• Hard Disk : 2 GB
• Keyboard : Standard

Software Requirements

• Operating System : windows 8 onwards

• Front-end : HTML, CSS, Bootstrap, JavaScript
• Back-end : Php
• Database : SQLite
• Browser : Google chrome / Edge
 Justification of Selection of
Technology
Development Environment
Visual Studio Code (VS Code) combines the simplicity of a source
code editor with powerful developer tooling, like IntelliSense code
completion and debugging.

First and foremost, it is an editor that gets out of your way. The

delightfully frictionless edit-build-debug cycle means less time

fiddling with your environment, and more time executing on your
ideas.

Languages

 HTML: Hypertext Markup Language is the standard

markup language for documents designed to be displayed in
a web browser. It can be assisted technologies such as
Cascading Style Sheets and scripting languages such as
JavaScript.

 CSS: Cascading Style Sheets (CSS) is a style

sheet language used for describing the presentation
of a document written in a markup language like
HTML. CSS is a cornerstone technology of the World
Wide Web, alongside HTML and JavaScript.
 Bootstrap: Bootstrap is a free and open-source CSS

framework directed at responsive, mobile-first front-

end web development. It contains CSS and JavaScript-
based design templates for typography, forms,
buttons, modals navigation, and other interface.

MySQ
L relational database management
MySQL is an open-source
system. Its name is a combination of "My", the name of co-
founder Michael Widenius's daughter, and "SQL", the
abbreviation for Structured Query Language. This
application is widely used for purposes, including data
warehousing, e-commerce and logging applications. The
data in MySQL databases are stored in the form of tables.
It help the admins to collect the data in an easy way. One of
the reasons MySQL is the world's most popular open-
source database is that it provides comprehensive support
for every application development need. MySQL also
provides connectors and drivers (ODBC, JDBC, etc.)that
allow all forms of applications to make use of MySQL as a
preferred data management server.
 Data Flow Diagram
(DFD)
DFD is an important tool used by system analysis. A data flow
diagram model, a system using external entities from which
data flows to a process which transforms the data and create
output data transforms which go to other processes or external
entities such as files. The main merit of DFD is that it can
provide an overview of what data a system would process.

SYMBOLS:-

 A Circle represents a process that transforms incoming data

flow into outgoing data flows.
 A Square defines a source or destination of system data.
 An Arrow identifies data flow direction. It is the pipeline
through which the information flows.
 An Open Rectangle is a data store, data at rest or a temporary
repository of data.
 Symbols Definition of
DFD :-

 DFD Level 0 -

The context level Data Flow Diagram (DFD) is describe the whole
system. The (0) level DFD describe the all users module who
operate the system. Below data flow diagram of online shopping
site shows the two users can operate the system Admin and
Member user.
Figure:-

hhhhh
hhhLhoghin School Login request

Admin User
request
Request accept Management Request accept
Syste
m
  DFD Level 1 (Admin side) –

Request for register 1.0

Insert data D1
Admin Registration
Admin
Response
Response

Request for login 2.0

Admin Check for login D1
Login Admin
Response
Response

(Add/delete/edit) info 3.0 Update database D2

Admin
Manage Teacher Teachers
Response Response

Update database D3
4.0
(Add/delete/edit) info
Student
Admin Manage Student
Response
Response

Update database D5
(Add/delete/edit) info 5.0
Admin Manage Staff Staff
Response
Response

n (Add/delete/edit) info Update database

6.0 D6
Admin
Manage Report Report
Response Response
 D7
Maintain Payment Method Insert data
7.0
Admin Bill
Payment
Response Response
 •
DFD Level 1(User Side) –

Request for sign up 1.0 Authentication D1

User Sign Up Admin
Response Response

Request for Login

User 2.0 Authorization D2
Login Admin
Response Response

Request for view 3.0 Validation D3

User
Account Students
Response Response

Req. to view teachers info

4.0 Response with teacher
User D2
View Teachers Teacher
Display info Request

Insert Data
Use subject method D7
5.0
User
Syllabus
Subjects Response
Response

Gives feedback Insert Data D8

6.0
User
Feedback Feedback
Response Response
 Data
Normalization
Q. What is Database Normalization?
According to the database normalization page on Wikipedia:
“Normalization entails organizing the columns (attributes) and
tables (relations) of a database to ensure that their dependencies
are properly enforced by database integrity constraints. Don’t let
these types of definitions scare you off. Translated into plain
English, this simply means that normalization is the process of
creating a maximally efficient relational database. Essentially,
databases should be organized to decrease redundancy and avoid
dependence anomalies.

Q. What are Normal Forms?

“Normalization” is a broad concept and isn’t much

practical use when you’re lost at sea among a myriad of
messy tables. To add concrete steps to the process, Edgar F.
Codd detailed formal rules to follow Codd’s normalization
guidelines have five official normal forms, the first three
are usually as in-depth as you need to go. Let’s briefly
review these here:-

First Normal Form (1NF): This initial set of rules sets the
fundamental guidelines for keeping your database properly
organized.
 Remove any repeating groups of data (i.e. beware of duplicative
columns or rows within the same table)
 Create separate tables for each group of related data
 Each table should have a primary key (i.e. a field that identifies
each row with a non-null, unique value)

Second Normal Form (2NF): This next set of rules builds

upon those outlined in 1NF.
• Meet every rule from 1NF
• Remove data that doesn’t depend on the table’s
primary key (either move the data to the appropriate table
or create a new table and primary key)
• Foreign keys are used to identify table relationships

Third Normal Form (3NF): This set of rules takes those

outlined in 1NF and 2NF a step further.

• Meet every rule from 1NF and 2NF

• Remove attributes that rely on other non-key attributes

(i.e. remove columns that depend on columns that
aren’t foreign or primary keys.
Fourth normal form (4NF):
• A relation will be in 4NF if it is in Boyce Codd normal
form and has no multi-valued dependency.
• For a dependency A → B, if for a single value of A,
multiple values of B exists, then the relation will be a
multi-valued dependency.
 CODE
(1) Index.html
(2) <!DOCTYPE html>
(3) <html lang="en">
(4)
(5) <head>
(6) <!-- Font Awesome -->
(7) <link href="https://cdnjs.cloudflare.com/ajax/libs/font-
awesome/6.0.0/css/all.min.css" rel="stylesheet" />
(8) <!-- Google Fonts -->
(9) <link
href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700&d
isplay=swap" rel="stylesheet" />
(10) <!-- MDB -->
(11) <link href="https://cdnjs.cloudflare.com/ajax/libs/mdb-ui-
kit/7.1.0/mdb.min.css" rel="stylesheet" />
(12) <meta charset="UTF-8">
(13) <meta name="viewport" content="width=device-width, initial-
scale=1.0">
(14) <title>CRYSTAL RIVER SCHOOL</title>
(15) <style>
(16) .btn {
(17) margin: 02;
(18) }
(19) </style>
(20) </head>
(21)
(22) <body>
(23) <nav class="navbar navbar-expand-lg navbar-light bg-body-
tertiary">
(24) <div class="container-fluid">
(25) <a class="navbar-brand" href="#"><b>CRS</b></a>
(26) <button data-mdb-collapse-init class="navbar-toggler"
type="button" data-mdb-target="#navbarNav"
(27) aria-controls="navbarNav" aria-expanded="false" aria-
label="Toggle navigation">
(28) <i class="fas fa-bars"></i>
(29) </button>
(30) <div class="collapse navbar-collapse" id="navbarNav">
(31) <ul class="navbar-nav">
(32) <li class="nav-item">
(33) <a class="nav-link
href="#">Home</a>active" aria-
current="page"
(34) </li>
(35) <li class="nav-item">
(36) <a class="nav-link" href="#">Academics</a>
(37) </li>
(38) <li class="nav-item">
(39) <a class="nav-link" href="#">Event</a>
(40) </li>
(41) <li class="nav-item">
(42) <a class="nav-link disabled">Disabled</a>
(43) </li>
(44) </ul>
(45) </div>
(46) </div>
(47)
(48) </nav>
(49) <div class="d-flex shadow" style="height: 500px; background:
linear-gradient(-45deg, rosybrown 50%, transparent);">
(50)
(51) <!-- Left side: School information -->
(52) <div>
(53) <div class="container-fluid my-auto">
(54) <div class="row">
(55) <div class="col-lg-9">
(56) <h1 class="display-1">CRYSTAL RIVER SCHOOL</h1>
(57) <p>Stop not till the goal reached.</p>
(58) <a href="" class="btn btn-lg btn-primary">SELECT</a>
(59) </div>
(60) <div class="col-lg-7">
(61) </div>
(62) </div>
(63) </div>
(64) </div><br><br><br><br><br>
(65)
(66) <!-- Right side: Admission form -->
(67) <div class="container-fluid my-auto">
(68) <div class="row">
(69) <div class="col-lg-7">
(70) <div class="w-100 card shadow-lg">
(71) <h3 class="card-header" style="background:
rosybrown;">Admission Form</h3>
(72) <div class="card-body">
(73) <form action="" method="post" class="">
(74) <div class="form-outline" data-mdb-
(75) input-init>
control" /> <input type="text" id="name"
class="form-
(76) <label class="form-label" for="name"><b>Your
Name</b></label>
(77) </div>
(78) <div class="form-outline" data-mdb-input-init>
(79) <input type="email" id="email" class="form-
control" />
(80) <label class="form-label" for="email">Your
Email</label>
(81) </div>
(82) <div class="form-outline" data-mdb-input-init>
(83) <input type="text" id="mobile" class="form-
control" />
(84) <label class="form-label" for="mobile">Your
Phone Number</label>
(85) </div>
(86) <div class="form-outline" data-mdb-input-init>
(87) <input type="text" id="class" class="form-
control" />
(88) <label class="form-label" for="class">Your
Class</label>
(89) </div>
(90) <button class="btn btn-lg btn-dark mt-3">Submit
Form</button>
(91) </form>
(92) </div>
(93) </div>
(94) </div>
(95) </div>
(96) </div>
(97) </div>
(98)
(99) <section class="py-5" style="background:aliceblue">
(100) <div class="text-center mb-5">
(101) <h2 class="font-weight-bold">About Our School</h2>
(102) <p class="text-muted">Lorem ipsum dolor sit amet
consectetur adipisicing elit. Cupiditate, nulla iste aperiam
(103) placeat </p>
(104)
(105) </div>
(106) <div class="container">
(107) <div class="row">
(108)
(109) <div class="col-lg-3">
(110) <div class="card">
(111) <div>
(112) <img
src="./
lUaaKCUANVI-unsplash.jpg" alt="" class="img-fluid rounded-top">
Assets/
(113) </div>
Images/
(114) <div class="card-body">
kimberl
(115) <p y-
class="card-text">
farmer-
(116) <b>Grade Levels</b> LKG-12 <br>
(117) </p>
(118) <button class="btn btn-block btn-primary">More
Information</button>
(119)
(120) </div>
(121) </div>
(122)
(123) </div>
(124) <div class="col-lg-3">
(125) <div class="card">
(126) <div>
(127) <img src="./Assets/Images/kimberly-farmer-
lUaaKCUANVI-unsplash.jpg" alt="" class="img-fluid rounded-top">
(128) </div>
(129) <div class="card-body">
(130) <p class="card-text">
(131) <b>Grade Levels</b> LKG-12 <br>
(132) </p>
(133) <button class="btn btn-block btn-primary">More
Information</button>
(134)
(135) </div>
(136) </div>
(137)
(138) </div>
(139) <div class="col-lg-3">
(140) <div class="card">
(141) <div>
(142) <img src="./Assets/Images/kimberly-farmer-
lUaaKCUANVI-unsplash.jpg" alt="" class="img-fluid rounded-top">
(143) </div>
(144) <div class="card-body">
(145) <p class="card-text">
(146) <b>Grade Levels</b> LKG-12 <br>
(147) </p>
(148) <button class="btn btn-block btn-primary">More
Information</button>
(149)
(150) </div>
(151) </div>
(152)
(153) </div>
(154) <div class="col-lg-3">
(155) <div class="card">
(156) <div>
(157) <img src="./Assets/Images/kimberly-farmer-
lUaaKCUANVI-unsplash.jpg" alt="" class="img-fluid rounded-top">
(158) </div>
(159) <div class="card-body">
(160) <p class="card-text">
(161) <b>Grade Levels</b> LKG-12 <br>
(162) </p>
(163) <button class="btn btn-block btn-primary">More
Information</button>
(164)
(165) </div>
(166) </div>
(167)
(168) </div>
(169)
(170) </div>
(171)
(172) </section>
(173)
(174) <section class="py-5 bg-light" style="background:#6f6c6c">
(175) <div class="container">
(176) <div class="row">
(177) <div class="col-lg-6 py-5">
(178) <h2 class="font-weight-bold">About Us</h2>
(179) <p>Lorem ipsum dolor sit amet consectetur adipisicing
elit. Architecto reprehenderit facere, maiores quasi
(180) eveniet molestiae ut.</p>
(181) <a href="about-us.php" class="btn btn-secondary">Know
More</a>
(182) </div>
(183)
(184) <div class="col-lg-6 py-5">
(185) <img src="./assets/images/istockphoto-173761967-
612x612.jpg" alt="">
(186) </div>
(187) </div>
(188) </div>
(189)
(190) </section>
(191)
(192) <section class="py-5" style="
(193) background: rosybrown">
(194)
(195) <div class="text-center mb-5">
(196) <h2 class="font-weight-bold">About Our Teachers</h2>
(197) <p class="text-muted">Lorem ipsum dolor sit amet
consectetur adipisicing elit. Cupiditate, nulla iste aperiam
(198) placeat </p>
(199)
(200) </div>
(201) <div class="container">
(202) <div class="row">
(203) <?php
(204) $i = 0;
(205) for ($i - 0; $i < 8; $i++) {
(206) ?>
(207) <div class="col-lg-3 my-4">
(208) <div class="card">
(209) <div class="col-7 position-absolute" style="top:-
50px">
(210) <img src="./assets/images/placeholder-images-
image_large.jpg" alt="" class="mw-100 border rounded-circle">

(211) </div>
(212) <div class="card-body pt-5 pt-4">
(214) <h5 class="card-title mb-0">Principle name</h5>
(215) <p class="card-text">Description</p>
(216) </div>
(217) </div>
(218)
(219) </div>
(220) <?php } ?>
(221)
(222) </div>
(223) </div>
(224)

(225) </div>
(226) </div>
(227)
(228) </section>
(229)
(230) <section class="py-5 text-white" style="background:#337b99aa">
(231) <div class="container">
(232) <div class="row">
(233) <div class="col-lg-6 pr-5">
(234) <h2>Achievements</h2>
(235) <p>Lorem ipsum dolor sit amet consectetur adipisicing
elit. Autem sapiente</p>
(236) <img src="./assets/images/download.jpg" alt=""
class="img-fluid-rounded">
(237) </div>
(239) <div class="col-lg-6 my-auto">
(240) <div class="row">
(241) <div class="col-lg-6">
(242) <div class="border rounded ">
(243) <div class="card-body text-center">
(244) <span><i class="text-warning fa-solid fa-trophy
fa-2x"></i></span>
(245) <h2 class="my-2 font-weight-bold">22</h2>
(246) <hr class="border-warning-white">
(247) <h4>Graduates</h4>
(248) </div>
(249) </div>
(250) </div>
(251)
(252) <div class="col-lg-6 mb-4">
(253) <div class="border rounded ">
(254) <div class="card-body text-center">
(255) <span><i class="text-warning fa-solid fa-trophy
fa-2x"></i></span>
(256) <h2 class="my-2 font-weight-bold">22</h2>
(257) <hr class="border-warning-white">
(258) <h4>Graduates</h4>
(259) </div>
(260) </div>
(261) </div>
(262)
(263) <div class="col-lg-6 mb-4">
(264) <div class="border rounded ">
(265) <div class="card-body text-center">
(266) <span><i class="text-warning fa-solid fa-trophy
fa-2x"></i></span>
(267) <h2 class="my-2 font-weight-bold">22</h2>
(268) <hr class="border-warning-white">
(269) <h4>Graduates</h4>
(270) </div>
(271) </div>
(272) </div>
(273)
(274) <div class="col-lg-6 mb-4">
(275) <div class="border rounded ">
(276) <div class="card-body text-center">
(277) <span><i class="text-warning fa-solid fa-trophy
fa-2x"></i></span>
(278) <h2 class="my-2 font-weight-bold">22</h2>
(279) <hr class="border-warning-white">
(280) <h4>Graduates</h4>
(281) </div>
(282) </div>
(283) </div>
(284)
(285) <!-- Add more container boxes here as needed -->
(286) </div>
(287) </div>
(288) </div>
(289) </div>
(290)
(291) </section>
(292)
(293) <section class="py-5">
(294) <div class="text-center mb-5">
(295) <h2 class="font-weight-bold">What People Says</h2>
(296) <p class="text-muted">Lorem ipsum dolor sit amet
consectetur adipisicing elit. Cupiditate, nulla iste aperiam
(297) placeat </p>
(298)
(299) </div>
(300)
(301) <div class="container">
(302) <div class="row">
(303) <div class="col-lg-5">
(304) <div class="border rounded position-relative">
(305) <div class="p-4 text-center">
(306) Lorem ipsum, dolor sit amet consectetur adipisicing
elit. Ut temporibus amet reiciendis eveniet tempore.
(307) Maxime recusandae, tenetur dolorem ducimus
temporibus non ipsa animi praesentium autem repudiandae quis
(308) similique. Eum, labore!
(309) </div>
(310) <i class="fa fa-quote-left fa-3x position-absolute"
style="top: .5rem; left: .5rem; opacity: 0.25;"></i>
(311)

(312) </div>
(313) <div class="text-center mt-n2">
(314) <img src="./assets/images/placeholder-images-
image_large.jpg" alt="" class="rounded-circle border img-fluid"
(315) style="max-width: 100px;">
(316) <h6 class="mb-0 font-weight-bold">NAME</h6>
(317) <p><i>Designation</i></p>
(318) </div>
(319) </div>

(320) <div class="col-lg-5">

(321) <div class="border rounded position-relative">
(322) <div class="p-4 text-center">
(323) Lorem ipsum, dolor sit amet consectetur adipisicing
elit. Ut temporibus amet reiciendis eveniet tempore.
(325) Maxime recusandae, tenetur dolorem ducimus
temporibus non ipsa animi praesentium autem repudiandae quis
(326) similique. Eum, labore!
(327) </div>
(328) <i class="fa fa-quote-left fa-3x position-absolute"
style="top: .5rem; left: .5rem; opacity: 0.25;"></i>
(329)

(330) </div>
(331) <div class="text-center mt-n2">
(332) <img src="./assets/images/placeholder-images-
image_large.jpg" alt="" class="rounded-circle border img-fluid"
(333) style="max-width: 100px;">
(334) <h6 class="mb-0 font-weight-bold">NAME</h6>
(335) <p><i>Designation</i></p>
(336) </div>
(337) </div>
(338) </div>
(339) </div>

(340) </section>
(343) <footer style="background:url(./Assets/Images/medium-shot-
woman-graduation-portrait.jpg) center/cover no-repeat">
(344) <div class="py-5 text-black" style="background:#00000088f">
(345) <div class="container-fluid">
(346) <div class="row">
(347) <div class="col-lg-4">
(348) <h5>Social Media Links</h5>
(349) <div>
(350) <span class="fa-stack">
(351) <i class="fa fa-circle fa-stack-2x"></i>
(352) <i class="fab fa-facebook-f fa-stack-1x fa-
inverse text-white"></i>
(353) </span>
(354)
(355) <span class="fa-stack">
(356) <i class="fa fa-circle fa-stack-2x"></i>
(357) <i class="fab fa-twitter fa-stack-1x text-
light"></i>
(358) </span>
(359)
(360) <span class="fa-stack">
(361) <i class="fa fa-circle fa-stack-2x"></i>
(362) <i class="fab fa-instagram fa-stack-1x text-
light"></i>
(363) </span>
(364)
(365) <span class="fa-stack">
(366) <i class="fa fa-circle fa-stack-2x"></i>
(367) <i class="fab fa-linkedin-in fa-stack-1x text-
light"></i>
(368) </span>
(369)
(370) </div>
(371) </div>
(372)
(373) <div class="col-lg-4">
(374) <h5>Subscribe Now</h5>
(375) <form action="">
(376) <div class="form-group" data-mdb-input-init>
(377) <input type="email" id="email-s" class="form-
control" placeholder="Your Email-Id"/>
(378)
(379) </div>
(380) <button class="btn btn-secondary" >Submit</button>
(381) </form>
(382) </div>
(383)
(384) <div class="col-lg-3">
(385) <h5>Useful Links</h5>
(386) <ul class="fa-ul ml-4">
(387) <li><a href="" class="text-black"><i class="fa-li
fa fa-angle-right"></i>List icons</a> </li>
(388) <li><a href="" class="text-black"><i class="fa-li
fa fa-angle-right"></i>can be use</a> </li>
(389) <li><a href="" class="text-black"><i class="fa-li
fa fa-angle-right"></i>as bullets</a> </li>
(390) <li><a href="" class="text-black"><i class="fa-li
fa fa-angle-right"></i>in lists</a> </li>
(391) </ul>
(392) </div>
(393) </div>
(394) </div>
(395) </div>
(396) </footer>
(397)
(398) <section class="py-2 bg-dark text-light" >
(399) <div class="container-fluid">
(400) copyright 2023-2024 All Rights Reserved. <a href="#"
class="text-light" >CRYSTAL RIVER SCHOOL</a>
(401) </div>
(402) </section>
(403) <!-- MDB
(404) -->
<script
src="https://cdnjs.cloudflare.com/ajax/libs/mdb-ui-
type="text
kit/7.1.0/mdb.umd.min.js"></script>
(405) /javascrip
t"
(406) </body>
(407)
(408) </html>
(2) Login.html

<?php
// Initialize the session
session_start();

// Check if the user is already logged in, if yes then redirect him to welcome
page
if(isset($_SESSION["loggedin"]) && $_SESSION["loggedin"] === true){
header("location: index.php");
exit;
}

// Include config file

require_once "config.php";

// Define variables and

initialize with empty
values
$username = $password =
"";
$username_err =
$password_err = "";

// Processing form data when form is submitted

if($_SERVER["REQUEST_METHOD"] == "POST"){

// Check if username is empty

if(empty(trim($_POST["username"]))){
$username_err = "Please enter
username.";
} else{
$username =
trim($_POST["username"]);
}

// Check if password is empty

if(empty(trim($_POST["password"]))){
$password_err = "Please enter your
password.";
} else{
$password =
trim($_POST["password"]);
}

// Validate credentials
if(empty($username_err) &&
empty($password_err)){
// Prepare a select statement
$sql = "SELECT id, username,
password FROM users WHERE
username = ?";

if($stmt = mysqli_prepare($con,
 // Attempt to execute the prepared statement
if(mysqli_stmt_execute($stmt)){
// Store result
mysqli_stmt_store_result($stmt);

// Check if username exists, if yes then verify password

if(mysqli_stmt_num_rows($stmt) == 1){
// Bind result variables
mysqli_stmt_bind_result($stmt, $id, $username,
$hashed_password);
if(mysqli_stmt_fetch($stmt))
{ if(password_verify($password,
$hashed_password)){
// Password is correct, so start a new session
session_start();

// Store data in session variables

$_SESSION["loggedin"] = true;
$_SESSION["id"] = $id;
$_SESSION["username"] =
$username;

// Redirect user to welcome page

header("location: index.php");
} else{
// Display an error message if
password is not
valid
$password_err = "The password you
entered was not
valid.";
}
}
} else{
// Display an error message if username
doesn't exist
$username_err = "No account found with that
username.";
}
} else{
echo "Oops! Something went wrong. Please try
again later.";
}
}

// Close statement
mysqli_stmt_close($stmt);
}

// Close connection
mysqli_close($con);
}
?>
<!--Writing HTML Code here from bootstrap templates-->

<!doctype html>
<html lang="en">
<head>
<!-- Required meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-
to-fit=no">
<link rel="icon" type="image/png" href="images/favicon.png"/>
<!-- Bootstrap CSS -->
<link rel="stylesheet"
href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/
bootstrap.min.css" integrity="sha384-
Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm"
crossorigin="anonymous">
<link rel="stylesheet"
href="https://stackpath.bootstrapcdn.com/font-
awesome/4.7.0/css/font-awesome.min.css" integrity="sha384-
wvfXpqpZZVQGK6TAh5PVlGOfQNHSoD2xbE+QkPxCAFlNEevoEH3Sl0sibVcOQVnN"
crossorigin="anonymous">
<title>Admin Login | Crystal River School</title>
</head>
<body>
<nav class="navbar navbar-expand-lg navbar-dark bg-dark">
<a class="navbar-brand" href="#" style="font-size:30px;"><strong>Crystal
River School</strong></a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-
target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-
expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>

<div class="collapse navbar-collapse" id="navbarSupportedContent">

<ul class="navbar-nav mr-auto">
<li class="nav-item active">
<a class="nav-link" href="#">Home <span class="sr-
only">(current)</span></a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Link</a>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" id="navbarDropdown"
role="button" data-toggle="dropdown" aria-haspopup="true" aria-
expanded="false">
Dropdown
</a>
 <div class="dropdown-menu" aria-labelledby="navbarDropdown">
<a class="dropdown-item" href="#">Action</a>
<a class="dropdown-item" href="#">Another action</a>
<div class="dropdown-divider"></div>
<a class="dropdown-item" href="#">Something else here</a>
</div>
</li>
<li class="nav-item">
<a class="nav-link disabled" href="#">Disabled</a>
</li>
</ul>
<form class="form-inline my-2 my-lg-0">
<a href="register.php"class="btn btn-success my-2 my-sm-0"
type="submit">Create Account</a>
</form>
</div>
</nav>

<div class="container my-4">

<div class="card mx-auto" style="width: 20rem;"><br>

<img class="card-img-top mx-auto" src="https://icon-
library.com/images/admin-login-icon/admin-login-icon-15.jpg" style="width:
60%; " alt="Card image cap">
<div class="card-body">

<form action="<?php echo htmlspecialchars($_SERVER["PHP_SELF"]);

?></form>
<div class="form-group <?php echo (!empty($username_err)) ? 'has-
error' : ''; ?>"></div>
<label>Username</label>
<input type="text" name="username" class="form-control"
value="<?php echo $username; ?>">
<span
class="help-block">username</span>
</div>
<div class="form-group <?php echo (!empty($password_err)) ? 'has-
error' : ''; ?>"
<label>Password</label>
<input type="password" name="password"
class="form-control">
<span class="help-block"><?php echo
$password_err; ?></span>
</div>

<button type="submit" class="btn btn-warning"><i class="fa fa-

lock">&nbsp;</i> Login</button> &nbsp; &nbsp;
<button type="reset" class="btn btn-danger "><i class="fa fa-
repeat">&nbsp;</i> Reset</button>
 </form>
</div>
<div class="card-footer"><a href="#">Forget Password </a></div>
</div>
</div>

<!--footer section-->

<!-- Optional JavaScript -->

<!-- jQuery first, then Popper.js, then Bootstrap JS -->
<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js"
integrity="sha384-
KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN"
crossorigin="anonymous"></script>
<script
src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js
" integrity="sha384-
ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q"
crossorigin="anonymous"></script>
<script
src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js"
integrity="sha384-
JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl"
crossorigin="anonymous"></script>
</body>
</html>

(3) Register.html

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Sign Up</title>
<link rel="stylesheet"
href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css"
integrity="sha384-
Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/
dAiS6JXm" crossorigin="anonymous">
<style type="text/css">
body{ font: 14px sans-serif; }
.wrapper{ width: 350px; padding: 20px; }
</style>
</head>
<body>
<!-- navgation menu start -->
<nav class="navbar navbar-expand-lg navbar-dark bg-dark">
<a class="navbar-brand" href="#" style="font-size:30px;"><strong>Crystal
River School</strong></a>
<button class="navbar-toggler" type="button" data-toggle="collapse"
data-
target="#navbarSupportedContent" aria-controls="navbarSupportedContent"
aria- expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>

<div class="collapse navbar-collapse" id="navbarSupportedContent">

<ul class="navbar-nav mr-auto">
<li class="nav-item active">
<a class="nav-link" href="#">Home <span class="sr-
only">(current)</span></a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Link</a>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" id="navbarDropdown"
role="button" data-toggle="dropdown" aria-haspopup="true" aria-
expanded="false">
Dropdown
</a>
<div class="dropdown-menu" aria-
labelledby="navbarDropdown">
<a class="dropdown-item" href="#">Action</a>
<a class="dropdown-item" href="#">Another action</a>
<div class="dropdown-divider"></div>
<a class="dropdown-item" href="#">Something else
here</a>
</div>
</li>
<li class="nav-item">
<a class="nav-link disabled" href="#">Disabled</a>
</li>
</ul>
<form class="form-inline my-2 my-lg-0">
<a href="login.php"class="btn btn-success my-2 my-sm-0"
type="submit">Login Account</a>
</form>
</div>
</nav>
<!-- navigation menu end -->
<div class="container my-4">
<div class="card mx-auto" style="width: 20rem;"><br>
<div class="card-body">
<h2 style="text-align:center">Sign Up form</h2>
<hr>
 <form action="<?php echo htmlspecialchars($_SERVER["PHP_SELF"]); ?>

<div class="form-group <?php echo (!empty($username_err)) ? 'has-

error' : ''; ?>">
<label>Username</label>
<input type="text" name="username" class="form-control"
value="<?php echo_$username; ?>">
<span
class="help-block">username</span>
</div>
<div class="form-group <?php echo (!empty($password_err)) ? 'has-
error' : ''; ?>">
<label>Password</label>
<input type="password" name="password" class="form-control"
value="<?php echo $password; ?>">
<span class="help-block"></span>
</div>
<div class="form-group <?php echo (!
empty($confirm_password_err))
? 'has-error' : ''; ?>">
<label>Confirm Password</label>
<input type="password" name="confirm_password" class="form-
control" value="<?php echo $confirm_password; ?>">
<span class="help-block"></span>
</div>
<div class="form-group">
<input type="submit" class="btn btn-
primary" value="Submit">
<input type="reset" class="btn btn-default"
value="Reset">
</div>
<p>Already have an account? <a href="login.php">Login
here</a>.</p>
</form>
</div>
</div>
<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js"
integrity="sha384-
KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/
GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
<script
src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js
" integrity="sha384-
ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q"
crossorigin="anonymous"></script>
<script
src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js"
integrity="sha384-
JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl"
crossorigin="anonymous"></script>
</body>
</html>
(4) Feedback form.html

<form method="post" action="//submit.form" >

<div style="max-width: 400px;">
</div>
<div style="padding-bottom: 18px;font-size : 24px;">Student Feedback</div>
<div style="padding-bottom: 18px;font-size : 18px;">Please help us improve
our courses by filling out this form.</div>
<div style="display: flex; padding-bottom: 18px;max-width : 500px;">
<div style=" margin-left: 0; margin-right: 1%; width: 49%;">Teacher /
Instructor first name<br/>
<input type="text" id="data_3" name="data_3" style="max-width: 100%;"
class="form-control"/>
</div>
<div style=" margin-left: 1%; margin-right: 0; width: 49%;">Teacher /
Instructor last name<br/>
<input type="text" id="data_4" name="data_4" style="max-width:
100%;"
class="form-control"/>
</div>
</div><div style="display: flex; padding-bottom: 18px;max-width :
500px;">
<div style=" margin-left: 0; margin-right: 1%; width:
49%;">Subject<br/>
<input type="text" id="data_5" name="data_5" style="max-width: 100%;"
class="form-control"/>
</div>
<div style=" margin-left: 1%; margin-right: 0; width: 49%;">Course
code<br/>
<input type="text" id="data_6" name="data_6" style="max-width: 100%;"
class="form-control"/>
</div>
</div><div style="padding-bottom: 18px;">Why did you chose this
course?<br/>
<select id="data_7" name="data_7" style="max-width : 500px;" class="form-
control"><option>Degree requirement</option>
<option>Personal interest</option>
</select>
</div>
<div style="padding-bottom: 18px;">Level of knowledge on start of
course<br/>
<select id="data_9" name="data_9" style="max-width : 500px;"
class="form-
control"><option>Very good</option>
<option>Good</option>
<option>Fair</option>
<option>Poor</option>
<option>Very poor</option>
</select>
</div>
<div style="padding-bottom: 18px;">Level of effort invested
in course<br/>
 <select id="data_10" name="data_10" style="max-width : 500px;"
class="form-control"><option>Very good</option>
<option>Good</option>
<option>Fair</option>
<option>Poor</option>
<option>Very poor</option>
</select>
</div>
<div style="padding-bottom: 18px;">Level of knowledge at the end of the
course<br/>
<select id="data_11" name="data_11" style="max-width : 500px;"
class="form-control"><option>Very good</option>
<option>Good</option>
<option>Fair</option>
<option>Poor</option>
<option>Very poor</option>
</select>
</div>
<div style="padding-bottom: 18px;">Level of communication<br/>
<select id="data_12" name="data_12" style="max-width : 500px;"
class="form-control"><option>Very good</option>
<option>Good</option>
<option>Fair</option>
<option>Poor</option>
<option>Very poor</option>
</select>
</div>
<div style="padding-bottom: 18px;">Would you recommend this course to
other students?<br/>
<select id="data_8" name="data_8" style="max-width : 500px;"
class="form-
control"><option>Yes</option>
<option>No</option>
<option>Not sure</option>
</select>
</div>
<div style="padding-bottom: 18px;"><input name="skip_Submit"
value="Submit" type="submit"/></div>
<div>
<div style="float:right"><a href="https://www.100forms.com" id="lnk100"
title="form to email">form to email</a></div>
<script
src="https://www.100forms.com/js/FORMKEY:UYD
J7G7LPEW7/SEND:[email protected]" type="text/javascript"></script>
</div>
</form>
 OUTPUT

(1) Homepage

(2) Admin page

(3) Sign
Up

(4) Feedback form

 CONCLUSION

The implementation of a school management system brings significant benefits to educational

institutions. Through streamlined processes, enhanced communication, and efficient data
management, it fosters a conducive environment for both educators and students. With features
such as attendance tracking, grade management, and resource allocation, it optimizes
administrative tasks, allowing educators to focus more on teaching and students to benefit from
a more organized and supportive learning environment. Additionally, the integration of
technology in education promotes adaptability and prepares students for the digital world.
Overall, a school management system is essential for modern educational institutions striving for
excellence in administration, teaching, and student outcomes.
 REFERENCES
 www.google.com
 www.w3school.com
 Chatgpt