WEB BASED STUDENT MANAGEMENT

SYSTEM

PROJECT REPORT

Submitted By
KAZI TIOMOUR RAHMAN TAMIM
ID: EMCS100025
Batch: EMCS 10th
Session: 2022-2023 (Jul-Dec)

In partial fulfillment for the award of the degree

of
Executive Master of Science in Computer Science
Department of Computer Science and Engineering

COMILLA UNIVERSITY : COMILLA - 3506

1
SIGNATURE SIGNATURE

MESKAT JAHAN KHAIRUN NAHAR

CHAIRMAN, EXAM COMMITTEE SUPERVISOR
Assistant Professor Assistant Professor

Department of Computer Science and Department of Computer Science and

Engineering Engineering

Comilla University, Cumilla Comilla University, Cumilla

2
DECLARATION

We hereby proclaim and promulgate that the project work entitled WEB-BASED
STUDENT MANAGEMENT SYSTEM is a genuine research work carried out
by me, Mohammad Ariful Islam, in a lively manner under the supervision of
KHAIRUN NAHAR, Assistant Professor, Dept. of CSE, submitted to the
Department of Computer Science & Engineering, Mawlana Bhashani Science
and Technology University.

We can resolutely assure that this work and its outcome neither carry any
heretofore work nor have been previously submitted by us to this or any other
institution for any other degree or award.

ABU SALAY KHADOKER

ID: EMCS0908003
Batch: EMCS 9th
Session: 2022-2023 (Jan-Jun)
Department of Computer Science
and Engineering
Comilla University, Cumilla

3
Abstract

We are now living in the age of information technology. All people are now
dependent on technology, with devices like mobiles and laptops at their
fingertips. This enables easy access to information from the comfort of home
through various websites and apps via the internet. Daily tasks can be
performed at home, and technology has significantly impacted the education
sector. Students can study online, gather notes, and access information from
the internet. They can attend classes from expert teachers, regardless of their
geographical location.

A large proportion of students come from remote areas, where access to

quality education and guidance from skilled teachers is limited. They often lack
the resources and infrastructure for quality learning experiences. Furthermore,
due to natural calamities or epidemics, students sometimes cannot attend
physical classes. The recent COVID-19 pandemic demonstrated how
educational institutions can be closed for extended periods, disrupting
learning.

In response to these challenges, we have developed a Web-Based Student

Management System, which serves as a centralized platform for both
administrators and students. Through this system, students can easily register,
view their routine, and manage their details. Admins can manage student
records, update or delete information, and track fee payments. The system
offers a transparent and efficient way to manage students, providing
administrators with easy access to student details, fee information, and the
ability to monitor fee payments.

This platform is designed to facilitate better communication, record-keeping,

and management of student data in a digital and efficient manner. By
integrating a user-friendly interface, admins can seamlessly manage their
students while students can access and update their own information with
ease. This web-based system aims to enhance the administration of student
data and improve overall educational management.

4
Acknowledgements

At first, I want to express my gratitude to the Almighty Allah for His endless
kindness, keeping me mentally and physically fit to complete this project.

This project would not have come to fruition without the support of my
institution, Mawlana Bhashani Science and Technology University, which
provided me the opportunity to pursue my degree in Computer Science and
Engineering. This project is the result of the cooperation and support of many
individuals.

Foremost, I would like to express my deepest gratitude to my honorable

supervisor, KHAIRUN NAHAR, whose vast knowledge, attitude, behavior,
and wisdom have been a constant source of strength, motivating me to work
harder every day. Their directions and guidelines on preparing manuscripts,
reports, and presentations have made me more dynamic and well-organized
throughout the project. Despite their own demanding schedule, they always
made time to support me and offer invaluable feedback.

I also wish to extend my thanks to all my honorable teachers in the

Department of Computer Science & Engineering for providing me with
proper guidance throughout the entire semester.

I want to thank all of my classmates who always inspired, helped, and

motivated me throughout this journey. I also wish to thank all of my seniors for
their utmost support.

5
 List of Figures

Figure Page No.

Chapter 1: Introduction 8

Chapter 2: Literature Review 10

Fig 3.3 : Admin Use Case Diagram 20

Fig 3.4 : E-R Diagram 21
Fig 3.5 : DFD 22
Fig 4.1 : Home Page 24
Fig 4.2.1 : Student Registration 25
Fig 4.2.2 : Teacher Registration 25
Fig 4.3 : User Login Page 25
Fig 4.4 : Teachers List 26
Fig 4.5 : Students List 26
Fig 4.6 : Upload Class 27
Fig 4.7 : View Class Content 27
Fig 4.8 : Upload Question 28
Fig 4.9 : View Question 28
Fig 4.10 : User Profile 29
Fig 4.11 : Admin Login 29
Fig 4.12 : Students Information 30
Fig 4.13 : Teachers Information 30
Fig 4.14 : Class Content Manage 31
Fig 4.15 : Model Question Manage 31

6
Chapter 1: Introduction

The Web-Based Student Management System is a type of system where admins

and students can manage student data, update records, track fees, and access
essential student information online. This system is designed as a web application
that allows the admin to perform various management tasks and enables
students to access their details, fee information, and records using different
devices and web browsers. The system will store a large amount of student data,
including personal details, fee payments, and academic information.

1.1 Motivation

A large section of students are from remote areas and face challenges in accessing
quality educational resources and infrastructure. These students often lack the
guidance of skilled and experienced teachers. Moreover, due to various
calamities, epidemics, or natural disasters, students may not be able to attend
physical classrooms. The Web-Based Student Management System provides a
platform where admins can efficiently manage student records and fees. Students
can access their academic information, track their fees, and update their profiles
—all from home. While several student management systems exist, many of them
are not user-friendly, and some require paid services. The goal of this system is to
provide an accessible, free, and user-friendly platform for student management.

1.2 Problem Statement

The Web-Based Student Management System is a website where administrators

can manage students' data and fee records using an internet connection and web
browser. While many student management systems are available, they often
come with restrictions, are not free, or lack the required functionality. Many
systems also fail to provide an intuitive user experience for both admins and
students. The primary goal of this project is to remove these limitations and
create a user-friendly, free platform for the efficient management of student
data.

1.3 Aims and Objectives

7
The main aim of this project is to develop a Web-Based Student Management
System that is user-friendly and easy to navigate. The system’s objectives are:

 Simple and Easy-to-Use Interface: The system will feature a clean and
intuitive interface, ensuring a smooth user experience.
 Easy Access to Information: Admins and students can quickly access and
manage student details, fees, and records.
 24/7 Availability: The system will be available online at all times, enabling
users to access information anytime.

The system will complete the following tasks:

 Admins and students can register as users.

 Admins can manage student records, update details, and track fee
payments.
 Admins can add or delete students, and modify student details.
 Admins can manage fee payments and track the status of payments.
 Students can view their personal information and fee status.
 Admins will have full control over the database, including adding, updating,
and deleting student records.

1.4 Overview of the System

The Web-Based Student Management System will maintain a vast repository of

student data. Admins and students will have free access to the system after
registration. Admins can easily manage student records, including adding,
updating, and deleting student information. Students will have access to their
profiles and fee records.

The proposed system will offer the following advantages:

 User-Friendly Interface: The system will be designed to be intuitive,

allowing easy navigation and interaction.
 Attractive Design: The design will be visually appealing, encouraging users
to engage with the system.
 Easily Understandable: The system will be simple to understand for both
admins and students, ensuring a seamless experience for users with varying
levels of technical knowledge.

8
Chapter 2: Literature Review

A literature review is a critical analysis of existing research, providing an overview

of the current knowledge, theories, and methodologies on a specific topic. It
includes summaries of key findings, identifies gaps in knowledge, and informs the
development of new research. This review typically forms the foundation for
further academic exploration and is often published in academic journals. In this
section, we will analyze the existing literature related to Student Management
Systems and discuss the drawbacks of current systems, as well as propose
improvements through the new system.

2.1 Drawbacks of Present Systems

Existing student management systems often have several limitations that hinder
their efficiency and usability. Some of the major drawbacks of these systems are:

 Limited Accessibility: Most current e-learning platforms do not allow

students to access courses or classes for free. This creates barriers for
students, especially those in remote or underserved areas.
 Lack of Teacher Participation: On many platforms, teachers cannot freely
share their content, which limits their ability to contribute to the learning
community and restricts the variety of available learning materials.
 Difficulty in Finding Content: Many systems do not categorize learning
content effectively, making it difficult for students to find the materials
relevant to their courses or interests.
 Restricted Online Examinations: Some systems offer limited facilities for
online assessments, which can hinder students' ability to evaluate their
knowledge and practice for exams.
 Limited Download Facilities: Many platforms restrict the downloading of
class materials, which can make it difficult for students to access content
offline for future reference.

2.2 Problem Analysis

Problem analysis is an essential part of designing an efficient system. This process

involves understanding the specific needs of users and the desired outcomes of

9
the application. It helps to identify the essential features that the system must
have and ensures that the system meets user expectations.

During the analysis phase, a significant amount of information is collected from

various sources, including existing applications and user feedback. The challenge
lies in organizing this information and ensuring that it is complete, consistent, and
effective. The analysis phase ultimately leads to the development of a clear set of
requirements and specifications for the proposed system.

2.3 Proposed System

To address the limitations identified in existing systems, the proposed Web-Based

Student Management System will offer a comprehensive solution that enhances
both the user experience and system efficiency. The proposed system will include
the following features:

 User-Friendly Interface: The system will have an intuitive design that

makes it easy for both admins and students to navigate and access the
information they need.
 Teacher Content Sharing: Teachers will have the ability to upload their
class content, model questions, and other educational materials, which will
be freely accessible to students.
 Free Services for Students: Students will be able to access all educational
content and participate in online tests and assessments free of charge.
 Improved Information Retrieval: The system will ensure that users can
easily find the content they need, improving efficiency and saving time.
 Centralized Data Storage: All data, including student records, fee
information, and academic details, will be stored in a centralized database,
which can be accessed and updated in real-time.
 Instant Access to Information: Students and admins will be able to access
all relevant information with a single click, streamlining the management
and usage of data.

In conclusion, the proposed system aims to overcome the drawbacks of existing

systems by providing a user-friendly, efficient, and accessible platform for student
management and online learning.

10
Chapter 3
Methodoloy and Design

System designing in terms of software engineering has its own value

and importance in the system development process as a whole. To
mention it may though seem a simple as anything or simply the
design of systems, but in a broader sense it implies a systematic and
rigorous approach to design such a system which fulfills all the
practical aspects including flexibility, efficiency and security. System
design is the process of defining the architecture, components,
modules, interfaces and data for a system to satisfy specified
requirements. Systems design could be seen as application of systems
theory to product development.

3.1 System Analysis

Analysis is the process of understanding the existing system by
gathering and interpreting the facts, diagnosing the problems. It is not
just to determining the how best to solve the applications problems, it
should also work for the system observes the feasibility of system
then design, coding phases will be executed. Analysis phase delivers
requirements specification. The system specification serves as an
interface between the designer and developer as well as and users.
This describes the external behavior of the application without
bothering about the internal implementation. Specification must be
carefully checked for suitability, omission, inconsistencies and
ambiguities.

3.2 Feasibility Analysis

Whatever we think need not be feasible. It is wise to think about the
feasibility of any problem we undertake. Feasibility is the study

11
of impact, which happens in the organization by the development of
a System. The impact can be either positive or negative. When the
positives nominate the negatives, then the system is considered
feasible. Here, the feasibility study can be performed in two ways
such as technical feasibility and economic feasibility.

3.2.1 Technical Feasibility

I can strongly say that it is technically feasible, since there will not be
much difficulty in getting required resources for the development and
maintaining the system as well. All the resources needed for the
development of the system as well as the maintenance of the same is
available in the organization, here we are utilizing this which are
available already.

3.2.2 Economic Feasibility

Development of this system is highly economically feasible. The
organization need not spend much money for the implement of the
system which are already available. The only thing is to be done is
making an environment for the development with an effective
supervision. If we are doing so, we can attain the maximum
usability of the corresponding resources. Even after the
development, the application will not be in a condition to invest.
Therefore, the system is economically feasible.

3.3 System Design

12
The design gives the top-level details of how the software system
meets the requirement. It will also identify the constraints of
software solution, that are important in guiding decision making
throughout the development process. The common sense is required
for collection of relevant information needed to develop the
system. The success of the web site depends largely on how
clearly the problem is defined, thoroughly investigated and
properly carried out through the choice of solution. A good analysis
model should provide not only the mechanisms of problem
understanding but also the frame work of the solution. Thus, it
should be studied thoroughly by collecting information about the
system. Then the proposed system should be analyzed thoroughly in
accordance with the needs. Possible viewpoints for System Design
might be:
1. The user interface;
2. The dynamic behavior of the system;
3. How data flows through the system;
4. The static architecture of the system i.e. how the code is
partitioned into modules, etc.

3.4 Used Technology

A web based e-learning platform is a type of website. These are technologies
used to implement the website.

3.4.1 Hardware Requirements

1. Processor: Core i3 2.60 GHZ
2. RAM: 4 GB
3. Hard Disk : 1 TB
4. Monitor : 15" LCD monitor
5. Key Board : 86 keys

13
3.4.2 Software Requirements
1. Operating System : Microsoft Windows 10
2. Web Browser : Google Chrome, Microsoft Edge
3. Macromedia Dreamweaver 8
4. xmapp Server
5. MySql
6. PhpMyadmin
7. Microsoft Word 16
8. Adobe Photoshop

3.4.3 Language Requirements

1. Front-End : HTML, CSS
2. Back-End : PHP, JavaScript, SQL

14
3.5 Methodology
3.5.1 Process Model:
There are many process model in software development. Incremental Process
Model is one of them. We followed the Incremental Process Model as we
knew and clearly understood major requirements of the E-Learning system and
our team were not very well skilled or trained. So, we broken down the system
development into many mini development and highest priority requirement
tackled first. Then marge the partial systems successively to produce the final
total system.

3.5.2 UML Diagrams:

Unified Modeling Language (UML) is a general-purpose modeling language.
The main aim of UML is to define a standard way to visualize the way a system
has been designed. It is quite similar to blueprints used in other fields of
engineering. UML is not a programming language it is rather a visual language.

Use case:
A use case diagram is a graphical depiction of a user's possible interactions with
a system. A use case diagram shows various use cases and different types of
users the system has and will often be accompanied by other types of diagrams
as well. Use case diagrams model behavior within a system and helps the
developers understand of what the user requires. The stick man represents what’s
called an actor. Use case diagram can be useful for getting an overall view of the
system and clarifying who can do and more importantly what they can’t do. Use
case diagram consists of use cases and actors and shows the interaction between
the use case and actors. The use cases are represented by either circles or
ellipses.

15
Actor:
A coherent set of roles that users of use cases play when interacting with the use
cases.

3.5.3 USE CASE DIAGRAMS:

A Use case is a description of set of sequence of actions. Graphically it is
rendered as an ellipse with solid line including only its name. Use case diagram
is a behavioral diagram that shows a set of use cases and actors and their
relationship. It is an association between the use cases and actors. An actor
represents a real-world object. Primary Actor – Sender, Secondary Actor
Receiver.
 The purpose is to show the interactions between the use case and actor.
 To represent the system requirements from user’s perspective.
 An actor could be the end-user of the system or an external system.

16
3.5.3.1 Use Case Diagram:

Fig 3.2 : Use Case Diagram

17
Chapter 4
Implementation and Result

Home Page

The Home Page serves as the main entry point to the web-based e-learning
platform. It provides a user-friendly interface for both registered users and visitors
to navigate and interact with the platform. Here's a breakdown of the features and
sections included on the home page:

1. Current Date and Time: The home page displays the current date and time,
providing users with real-time information. This feature helps users stay
informed and organized as they interact with the platform.
2. Admin Login: There is a dedicated section for administrators to log in to
their accounts. The admin login allows administrators to manage the
platform, access advanced features, and maintain control over user and
content management. Admins can log in by entering their credentials
(username/email and password).
3. Register Login: A separate login section is available for students and
teachers to access their accounts. Users can log in using their registered
email and password to access their personal dashboards, view available

18
 classes, upload content (for teachers), or participate in learning activities (for
students).
4. Class Routine: The class routine section displays a schedule of upcoming
classes, helping students and teachers stay organized. The routine shows the
dates, times, and subjects of classes available on the platform. This feature
ensures that users can easily access and follow the learning schedule.
5. Calendar: A calendar is embedded on the home page to provide an
overview of the month's schedule. It highlights important events, exam
dates, and deadlines. Students can use the calendar to track assignments,
exams, and other relevant dates, while teachers can manage class schedules
and events.

Login Page

The Login Page is designed to allow registered users, including students, teachers,
and administrators, to securely access their accounts on the platform. It serves as
the gateway to the user dashboard, where users can interact with the platform's
features. Below is a breakdown of the key elements of the login page:

19
1. Login Form:
a. Username/Email Field: Users must enter their registered username
or email address.
b. Password Field: Users are required to input their password
associated with their account. The password field is masked for
privacy.
2. Register Link:
a. A "Register" link is included for new users (students, teachers, or
admins) to create an account. This link takes users to the registration
page where they can sign up by providing necessary details (name,
email, password, role, etc.).
3. Admin Login Section:
a. A dedicated section for administrators to log in is available on the
same page, ensuring that admin access is separated from regular
user logins. Admin users can log in with their specific admin
credentials (username/email and password) to access the backend
features of the platform.
4. Security Features:
a. The login page ensures secure access by using SSL encryption for safe
transmission of user credentials.
b. Passwords are encrypted in the database to ensure user privacy and
security.

20
Register Page

The registration page enables new users (students or teachers) to create an

account by providing necessary details like name, email, password, and role
(student/teacher). Once submitted, users can log in with their new credentials.

21
Add Student Page Description

The Add Student Page allows administrators or authorized personnel to manage

student data by adding, updating, or deleting student records. It provides a form
for entering the student's details and buttons for performing CRUD (Create, Read,
Update, Delete) operations. Below is a breakdown of the key elements and
functionalities on this page:

Key Features:

1. Student Form:
a. The form is used for entering the student’s details. It may include the
following fields:
i. First Name: Text input for the student's first name.
ii. Last Name: Text input for the student's last name.
iii. Email Address: Email input field for the student's contact
information.
iv. Phone Number: Optional field for the student’s phone
number.
v. Date of Birth: Date picker for entering the student’s date of
birth.

22
 vi. Class/Grade: Dropdown or select field for choosing the
student's enrolled class or grade.
vii. Address: Textarea for the student's address (optional).
viii. Profile Picture: Option to upload a profile picture (optional).
2. CRUD Functionality: The page includes CRUD operations for managing
student data:
a. Create (Add New Student):
i. Add Button: When the form is filled out, clicking the "Add"
button will submit the form to the backend where the data will
be saved to the database. The page will then refresh to display
the new student in the student list.
b. Read (View Student Data):
i. The list of existing students will be shown below the form,
displaying key details such as name, email, class, and other
relevant information. This allows admins to easily view all
students.
c. Update (Edit Student Data):
i. Edit Button: Each student record will have an "Edit" button
next to it. Clicking this button will pre-fill the form with the
student’s existing details. After editing the information, the
admin can click the "Update" button to save the changes to the
database.
d. Delete (Remove Student):
i. Delete Button: Each student record will have a "Delete"
button. When clicked, a confirmation prompt will appear,
ensuring that the admin wants to delete the student’s data.
After confirming, the student's record will be deleted from the
database.
3. Actions:
a. Add Action: When the "Add" button is clicked, the form data is sent
to the backend via a POST request. The data will be processed by a
controller (e.g., StudentController) which will save the
student’s details to the database.

23
 b. Update Action: When the "Update" button is clicked after editing the
student details, the form data will be sent via a PUT or PATCH
request to update the existing record in the database.
c. Delete Action: When the "Delete" button is clicked, a DELETE request
will be sent to the backend, removing the student’s record from the
database.
4. Validation and Error Handling:
a. The form may include validation to ensure that required fields (such
as name, email, etc.) are filled out correctly before submission.
b. If there is an error while adding, updating, or deleting a student (e.g.,
due to a database issue), a message will be displayed to inform the
admin.
Show All Students Page Description

The Show All Students Page allows administrators or authorized users to view a
list of all registered students. This page will display key information about each
student and provide options to perform further actions, such as viewing more
details, editing, or deleting a student's record.

24
Show All Students Page

We will now enhance the Show All Students Page by adding features for Excel
export, Print, Pagination, and Search functionality. These features will improve
usability and make it easier for administrators to manage the student data
effectively.

Key Features Enhanced:

1. Excel Export:
a. The page will include an option to download the student data as an
Excel file.
2. Print System:
a. A button to print the current student list or selected records.
3. Pagination:
a. Pagination will be added for displaying a manageable number of
students per page (e.g., 10 or 20 students).
4. Search Functionality:
a. A search bar will be added to allow users to filter students by name,
email, or class.
5. Actions:

 View Details Button: An option to view more details about the student,
such as their address or any other additional information.
 Edit Button: Allows the administrator to update the student's information,
such as name, email, or class.
 Delete Button: An option to delete the student record. A confirmation
prompt will ensure that the admin intends to delete the record.

25
Give Fees Page

This page enables students to view and make payments for their fees. They can
select the payment method and complete the transaction. The page also shows
fee details like due amounts and payment deadlines.

Show Fees Paid Student Page

26
The admin or teacher can view a list of students who have paid their fees. The page will show
student details, including the amount paid, date of payment, and payment status (paid/unpaid).

27
Chapter 5
Conclusion & Future Directions

5.1 Conclusion

The advancement and innovation of technology have significantly enhanced

people's ability to manage tasks more easily and efficiently. Various industries
have adopted management systems to assist in their long-term growth, and the
education sector is no exception. The trend of integrating management systems
into education has led to the development of e-learning platforms, which
leverage such systems to offer seamless services. This project aims to establish
an e-learning platform that serves as a comprehensive database for teachers and
students. Through this platform, students can access free education from home,
eliminating geographical barriers and improving accessibility to quality content.

Throughout the course of this project, we have gained valuable experience in

web application development. We explored and incorporated various
technologies such as JavaScript, PHP, HTML, CSS, and MySQL. We
conducted extensive research, referencing websites, books, and tutorials, to
implement our ideas and solutions effectively. The result is a user-friendly and
scalable system that meets the needs of both teachers and students in an online
learning environment.

This project has provided us with practical exposure to real-world web

development and the working environment. It has also underscored the
importance of communication skills and the ability to navigate technological
challenges. Overall, it has been a great learning experience, one that has
enhanced our technical and problem-solving skills, preparing us for future
endeavors in the field of web development and beyond.

5.2 Limitation
It is noted that existing systems are not perfect. There also have some
limitations.

1. There is no notification system in the system.

2. There is no option to verify users on mobile/email.

28
Users will not be able to provide any feedback or comments.
3. There is no system of direct communication between teachers and
students.
4. The system is not compatible with IOS mobile devices as the
mobile application is developed in Android environment. Therefore,
for IOS mobile phone user may not able to install the application in their
mobile phone and experience the system.

1. 5.3 Future Work: Slide Upload by Teacher and Slide Show by

Student

2. In the future, additional features will be integrated into the web-

based e-learning platform to enhance the learning experience for
both teachers and students. One such feature is the Slide Upload
by Teachers and Slide Show for Students.

3. Teacher Side: Slide Upload

4. Currently, teachers can upload various educational content, but

one significant addition to the platform would be the ability to
upload slides (such as PowerPoint or PDF files) for their lessons.
This feature would enable teachers to share presentations, lesson
slides, and other educational materials in a format that is
commonly used for teaching. Teachers will have the option to
upload slides with appropriate titles, descriptions, and any
supplementary resources related to the lessons.

5. Student Side: Slide Show

6. For students, the Slide Show Feature will allow them to view the
uploaded slides in an interactive and user-friendly slideshow
format. Students will be able to easily navigate through slides, view
multimedia content embedded within the slides, and gain a deeper
understanding of the lesson. The system will allow students to
view the slides at their own pace, pause, and move to the next or
previous slide, providing them with a flexible and self-paced
learning experience.

29
7. Benefits:
8. Interactive Learning: Students can engage with the content in a
structured, visual format that enhances their understanding.
9. Convenient Access: Teachers can easily upload and manage
class slides, while students can access the content anytime and
from anywhere.
10. Enhanced Communication: This feature will bridge the gap
between teachers and students, as it allows for effective
dissemination of educational material.
11. Scalability: The platform can support a variety of content
types, including slides, video lessons, and audio materials,
contributing to a comprehensive online learning environment.
12. By implementing the Slide Upload and Slide Show
Feature, the platform will evolve into a more dynamic and
engaging learning environment, meeting the growing needs of both
teachers and students in the online education sector.
13.

30
REFERENCES

[1] শিক্ষক বাতায়ন, https://www.teachers.gov.bd/

[2] W3 Schools, https://www.w3schools.com

31