PROJECT REPORT ON

Student Management System

Submitted for the Partial Fulfillment of the Requirements for the Degree of
Bachelor of Technology
In Computer Science and Engineering
Anangpuria

Affiliated
J.C BOSE University, Faridabad
Session (2020-2024)
Submitted By: - Lokesh , , 20/CSE28, 20/CSE52, 20/CSE45
20012004028, 20012004052, 20012004045
Under the Guidance of
Mrs. Suman Mrs. Shilpi Gupta
( Project Guide ) ( Head of Department )

DEPARTMENT OF COMPUTER SCIENCE AND

ENGINEERING
B.S Anangpuria Institute of Technology & Management Alampur, Faridabad

ACKNOWLEDGEMENT
I am highly indebted to the B.S. anangpuria institute of technology and
management for their guidance and constant supervision as well as for providing
necessary information regarding the project and also their support in completing
the project.
I would like to express my gratitude toward my parents and faculty members of
BSAITM for their kind cooperation and encouragement which help in the
completion of the project.
I would like to express my special gratitude and thanks to our project guide Ms.
Shilpa Gupta for giving me such attention and time during the project.
Finally, while we acknowledge the contribution of all we claim total responsibility
for whatever shortcomings the project may have or contain.
INDEX
Sr. no. Topics Page no.

1 ACKNOWLEDGEMENT 3

2 ABSTRACT 4

3 INTRODUCATION 5

4 HTML / CSS 5

5 TECHNOLOGY USED 7

6 SOFTWARE REQUIREMENT 8

7 FLOW DIAGRAM 9

8 FILES 10

9 SOURCE CODE 11

10 OUTPUT 21

11 REFERENCES 23

ABSTRACT
This project aims at creating on web for Student management system with login
system which can be used by faculty and Students. In this website firstly admin
make account the other stranger at same ip address, make our account through
rigester page and then login in website through login system and get quick chat
with other users in this web app at same time.
The users can register and log into the system. The user will eligible to chat with
stranger with same ip at same time. This project provides high security to Admin
and user information.
The main objective of this project is to design a web stranger chat website with
login system for chatting. The system should be as flexible as possible so that it
can be used for different users. You have to find out which procedures college have
and based on that information; you should create a system which makes it efficient.
You need to find out how a login system works on the internet, use your own
experience or directly connected with website. The more diverse the sources of
your information are, the better will be the resulting system and, possibly, your
grade.

INTRODUCTION
The project has been developed for learners for assessing and developing skills. It
includes logging system, and doing chat with strangers who are online at same
time on server. In this Chatting website firstly user make our account for chatting
with other users, make our account through signup page and then login in website
through login system and see the active users on our sever and then let’s start
chatting.
Implementation of Project:
• Easy to use User Interface.
• Password security for visiting the website or to proceed our account.
• Easy to interact with other users.
• Nobody can see the content without our permission.

FRONT END
HTML
Hypertext Markup Language (HTML) is the standard markup language for
documents designed to be displayed in a web browser. It can be assisted by
technologies such as Cascading Style Sheets (CSS) and scripting languages such as
JavaScript. Web browsers receive HTML documents from a web server or from
local storage and render the documents into multimedia web pages. HTML
describes the structure of a web page semantically and originally included cues for
the appearance of the document.
HTML elements are the building blocks of HTML pages. With HTML constructs,
images and other objects such as interactive forms may be embedded into the
rendered page. HTML provides a means to create structured documents by
denoting structural semantics for text such as headings, paragraphs, lists, links,
quotes and other items. HTML elements are delineated by tags, written using angle
brackets. Tags such as <img /> and <input /> directly introduce content into the
page. Other tags such as <p> surround and provide information about document

text and may include other tags as sub-elements. Browsers do not display the
HTML tags, but use them to interpret the content of the page.
HTML can embed programs written in a scripting language such as JavaScript,
which affects the behavior and content of web pages. Inclusion of CSS defines the
look and layout of content. The World Wide Web Consortium (W3C), former
maintainer of the HTML and current maintainer of the CSS standards, has
encouraged the use of CSS over explicit presentational HTML since 1997.

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.CSS is designed to enable the separation of presentation and content,
including layout, colors, and fonts. This separation can improve content
accessibility, provide more flexibility and control in the specification of
presentation characteristics, enable multiple web pages to share formatting by
specifying the relevant CSS in a separate .css file, and reduce complexity and
repetition in the structural content.
CSS information can be provided from various sources. These sources can be the
web browser, the user and the author. The information from the author can be
further classified into inline, media type, importance, selector specificity, rule
order, inheritance and property definition. CSS style information can be in a
separate document or it can be embedded into an HTML document. Multiple style
sheets can be imported. Different styles can be applied depending on the output
device being used; for example, the screen version can be quite different from the
printed version, so that authors can tailor the presentation appropriately for each
medium. The style sheet with the highest priority controls the content display.
Declarations not set in the highest priority source are passed on to a source of
lower priority, such as the user agent style.
The process is called cascading.
One of the goals of CSS is to allow users greater control over presentation.
Someone who finds red italic headings difficult to read may apply a different style

sheet. Depending on the browser and the web site, a user may choose from various
style sheets provided by the designers, or may remove all added styles and view
the site using the browser's default styling, or may override just the red italic
heading style without altering other attributes.

Technology Used
The languages we used in this project for frontend is HTML5, CSS3,
JAVASCRIPT, BOOSTRAP, and for backend is PHP. To connect the logging
system, we used PHP MyAdmin through local host.
To connect the logging system, we used PHP MyAdmin through local host.It is
perfect for developers who want to develop an account and can get quick details of
all these stuff.

LANGUAGES USES
HTML Create structure of website
CSS Styling the website
JavaScript Functioning in website
Bootstrap Used as a frame work
Python Backend
Pycharm Community editing project

User Requirements
There is not much requirement at the user end, an end user only need a computer or
any other computing device installed with a web browser with an internet
connectivity of minimum 512kbps for best result but by using local host PHP
MyAdmin don’t required internet. There is no such hardware requirement as this is
a web application it can work with most the compatible browser.
Browser compatibility includes processing of HTML5, CSS3, JavaScript, PHP and
rest is our. In addition to this, learner should have basic knowledge of operating
computer system and surfing web.

Software Requirement for Build this Projects

• Sublime Text Editor: Its required for text our code in colorful and right
ordered way, Help by this editor easily can see our few mistakes in between
coding. Make many files easily in single application. Less time required in coding
with this editor. But you can use any type of text editor our requirement not
compulsory to use this more editors, Example: VS code, notepad, notepad++ etc.
• XAMPP: It is used for connecting server with local host and also used for
see the student details from signup system and contact form filled through user in
php my admin.
FLOW DIAGRAM OF PROJECT
In the figure below flow of project shown that contain overview of our project.
This figure shows working of our website. We have described all client side
services in the diagram below like Home page, Admission Information, Contact us
etc.

Files
All the files included here image folder PHP files with HTML format, CSS
files, Notice in PDF files.
Path: C:\C:\Users\hans\PycharmProjects\P-Student-Management-System\
StudentManagementSystem

Source Code

File: url.py
from django.contrib import admin
from django.urls import path
from django.conf import settings
from django.conf.urls.static import static
from . import VIEWS, HodViews, StaffViews, StudentViews

urlpatterns = [
path('admin/', admin.site.urls),
path('base/', VIEWS.BASE, name='base'),
# LOGIN PATH
path('', VIEWS.LOGIN, name='login'),
path('doLogin', VIEWS.doLogin, name='doLogin'),

path('doLogout', VIEWS.doLogout, name='logout'),

# this is profile
path('profile', VIEWS.PROFILE, name='profile'),

path('profile/update', VIEWS.PROFILE_UPDATE, name='profile_update'),

# this is hod views

 path('hod/home', HodViews.HOME, name='hod_home'),
path('hod/student/add', HodViews.ADD_STUDENT, name='add_student'),
path('hod/student/view',HodViews.VIEW_STUDENT, name='view_student'),
path('hod/student/edit/<str:id>', HodViews.EDIT_STUDENT, name='edit_student'),
path('hod/student/update', HodViews.UPDATE_STUDENT, name='update_student'),
path('hod/student/delete/<str:id>', HodViews.DELETE_STUDENT, name='delete_student'),

path('hod/staff/add', HodViews.ADD_STAFF, name='add_staff'),

path('hod/staff/view', HodViews.VIEW_STAFF, name='view_staff'),
path('hod/staff/edit/<str:id>', HodViews.EDIT_STAFF, name='edit_staff'),
path('hod/staff/edit', HodViews.UPDATE_STAFF, name='update_staff'),
path('hod/staff/delete/<str:admin>', HodViews.DELETE_STAFF, name='delete_staff'),

path('hod/course/add', HodViews.ADD_COURSE, name='add_course'),

path('hod/course/view', HodViews.VIEW_COURSE, name='view_course'),
path('hod/course/edit/<str:id>', HodViews.EDIT_COURSE, name='edit_course'),
path('hod/course/update', HodViews.UPDATE_COURSE, name='update_course'),
path('hod/course/delete/<str:id>', HodViews.DELETE_COURSE, name='delete_course'),

path('hod/subject/add', HodViews.ADD_SUBJECT, name='add_subject'),

path('hod/subject/view', HodViews.VIEW_SUBJECT, name='view_subject'),
path('hod/subject/edit/<str:id>', HodViews.EDIT_SUBJECT, name='edit_subject'),
path('hod/subject/update', HodViews.UPDATE_SUBJECT, name='update_subject'),
path('hod/subject/delete/<str:id>', HodViews.DELETE_SUBJECT, name='delete_subject'),

path('hod/session/add', HodViews.ADD_SESSION, name='add_session'),

path('hod/session/view', HodViews.VIEW_SESSION, name='view_session'),
path('hod/session/edit/<str:id>', HodViews.EDIT_SESSION, name='edit_session'),
path('hod/session/update', HodViews.UPDATE_SESSION, name='update_session'),
path('hod/session/delete/<str:id>', HodViews.DELETE_SESSION, name='delete_session'),

] + static(settings.MEDIA_URL, document_root=settings.MEDIA_ROOT)

VIEWS.py
from django.shortcuts import render, redirect, HttpResponse
from appp.EmailBackEnd import EmailBackEnd
from django.contrib.auth import authenticate, logout, login
from django.contrib import messages
from django.contrib.auth.decorators import login_required
from appp.models import CustomUser

def BASE(request):
return render(request, 'base.html')

def LOGIN(request):
return render(request, 'login.html')

def doLogin(request):
if request.method == "POST":
 user = EmailBackEnd.authenticate(request,
username=request.POST.get('email'),
password=request.POST.get('password'), )
if user != None:
login(request, user)
user_type = user.user_type
if user_type == '1':
return redirect('hod_home')
elif user_type == '2':
return HttpResponse('this is staff panel')
elif user_type == '3':
return HttpResponse('this is Hod panel')
else:
messages.error(request, 'Email and password are invalid !')
return redirect('login')
else:
messages.error(request, 'Email and password are invalid !')
return redirect('login')

def doLogout(request):
logout(request)
return redirect('login')

@login_required(login_url='/')
def PROFILE(request):
user = CustomUser.objects.get(id=request.user.id)
context = {
"user": user,
}
return render(request, 'profile.html', context)

@login_required(login_url='/')
def PROFILE_UPDATE(request, password=None):
if request.method == "POST":
profile_pic = request.FILES.get('profile_pic')
first_name = request.POST.get('first_name')
last_name = request.POST.get('last_name')
email = request.POST.get('email')
# username = request.POST.get('username')
# password = request.POST.get('password')
try:
customuser = CustomUser.objects.get(id=request.user.id)
customuser.first_name = first_name
customuser.last_name = last_name
customuser.profile_pic = profile_pic
if password != None and password != "":
customuser.set_password(password)
if profile_pic != None and profile_pic != "":
customuser.profile_pic = profile_pic
customuser.save()
messages.success(request, 'Your profile update succesfully')
return redirect('profile')
except:
 messages.error(request, 'Failed to update your profile')
return render(request, 'profile.html')

Output
Login Page :

Register Page:

Admin page:

Database Page:

References
• HTML & CSS: Design and Build Websites + JavaScript & JQuery:
InteractiveFront-End Web Development by Code with harry & Thapa Technical.
• Programming Information belongs Code with harry.
• Practice HTML & CSS: Designing and Build Websites from Online
Tutorials.
• My some amazing practice projects are uploaded on my YouTube Channel :
Code Beginner:
Link here: https://youtu.be/P6RG5sDGaYK
My all projects source are available on my blog
website: http://www.flextech27.blogspot.com

My Github Account : ( codebeginnerYT )