STUDENT PORTAL

PROJECT PHASE 3 (IBM19-G31)

Submitted by: Submitted to:

Shantanu Srivastava – 190110007 Mr. Shirshendu Layek

Shrey Chandna– 190110009 Assistant Professor
Siddhant Rawat – 190110014 School of Computing
Sparsh Nandrajog – 190110008

1
WEB APPLICATION
• A Web Application is usually hosted on a local server and it runs with the
help of a web browser.

• It can be developed using various web technologies and can be used by

several organizations or individuals for several different purpose.
Examples of a Web Application include online e-commerce business,
social media platforms, student portals etc.

2
WEB APPLICATION (Contd.)
• A standard web application usually uses the programming languages such
as HTML (Hyper Text Markup Language), CSS (Cascading Style Sheets)
and JavaScript which are used in creating front-end interface (Client-side
coding).

• For Server-side coding, programming languages such as Python, Java,

PHP are generally used.

3
PROBLEM STATEMENT

 In today’s world, a digital platform is required for tracking the academic

performance of the students.
 A digital platform reduces the unnecessary paperwork required for
maintaining student’s information.
 In this project we will make an efficient student portal wherein we will be
displaying the student’s academic data.
 With the help of this student portal, the students will be able to track their
academic performance.
4
OBJECTIVE
 To develop a Student Management System for educational institutions to
manage student data.

 To provide capabilities for registering students, courses, updating

attendance , marks and other features too.

 To ensure data integrity, privacy and security in an open - access

environment.

5
PROJECT PHASES
• Phase 1
In this phase, we will develop the code for the backend and frontend. We
will use Thymeleaf and Spring Boot for this purpose.
• Phase 2
In this phase we will write some more code and connect the application
with the database . We will use MySQL database and try and run CRUD
operations (Create, Read, Update, Delete) on our application.
• Phase 3
In this phase the entire focus will be on improving the User Interface and
making the application robust and bug-free.
6
METHODOLOGY
 Coding
- Coding for Web Page Design (Frontend).
- Coding for Backend.
- Coding for Database.
- Connectivity to the Database.

 Deployment on Heroku.

7
SYSTEM REQUIREMENTS

• Software Requirements • Hardware Requirements

o Eclipse IDE (Enterprise Edition) o Intel Core i3 processor or equivalent

o Spring Framework or higher
o Tomcat Server o 2 GB Ram or Higher
o JDK 16 or above o 20 GB HDD or Higher
o MySQL Database o Network Connectivity

8
TOOLS & TECHNOLOGY

9
THYMELEAF

• Thymeleaf is a modern server-side Java template engine for both web and
standalone environments.

• Thymeleaf's main goal is to bring elegant natural templates to your

development workflow; HTML that can be correctly displayed in
browsers and also work as static prototypes, allowing for stronger
collaboration in development teams.

10
SPRING BOOT
• Spring is a complete and a modular framework for developing enterprise
applications in Java.

• Spring Boot lets you bootstrap a Spring Application from scratch. Spring
Boot makes it easy to create –

 Stand-alone: Runs on its own

 Spring based applications that we can just run.

11
ECLIPSE IDE
• Eclipse is an IDE i.e., Integrated Development Environment which is
used for programming.
• It is generally used for developing Java Applications but, it can also be
used for developing software/applications in other programming
languages C, C++, COBOL, JavaScript, PHP, Python.

SPRING FRAMEWORK
• Spring Framework is a lightweight, loosely coupled and integrated
framework created to address the complexity of enterprise
application development.
• Because of its layered architecture, we can be selective about which
of its components to use while also providing a cohesive framework
for J2EE application development. 12
JDK
• JDK stands for Java Development Kit. It is a software developing
environment for developing Java Applications. It is basically a SDK
(Software Development Kit).
• It consists of JRE (Java Runtime Environment) + Development Tools
(Compiler, Debugger). It is platform dependent i.e., it depends on what
operating system it is being executed.

MYSQL DATABASE
• MySQL is an open-source relational database management system
 (RDBMS). A relational database organizes data into one or more
data tables in which data types may be related to each other; these
relations help structure the data.
13
HEROKU
• Heroku is a cloud platform that lets companies build, deliver, monitor
and scale applications, bypassing all of the infrastructure headache.
• Heroku focuses relentlessly on apps and the developer experience
around apps. Heroku lets companies of all sizes embrace the value of
apps, not the distraction of hardware, nor the distraction of servers -
virtual or otherwise.

14
SPRING SECURITY
• Spring Security is a powerful and highly customizable authentication
and access-control framework. It is the de-facto standard for securing
Spring-based applications.
• Spring Security is a framework that focuses on providing both
authentication and authorization to Java applications. Like all Spring
projects, the real power of Spring Security is found in how easily it can
be extended to meet custom requirements.
• We have secured our Webapp using Spring Security. Now, anyone
trying to access the portal without correct credentials will not be
allowed to do so. Only the authorized person will be allowed to access
the portal.

15
RESULTS & DISCUSSIONS

16
SPECIAL FEATURES
• Students will be able to track their progress.
• User ID and Password for authenticating
users while logging in the portal so that the
user’s data remains secure.
• Students will be able see to their attendance
and plan their holidays accordingly.
• Ease-of-use, efficient user interface.

17
FORGOT PASSWORD
• We have added the “Forgot Password” functionality. Now, the user
can retrieve their password if they have lost it.

• The user needs to enter their “Registered” Email Id.

• A “One Time Password” will be sent to them.

• The user then needs to enter that OTP into the text field.

• Now, the user can change their password.

18
Forgot Password – OTP sent successfully
19
CHANGE PASSWORD
• We have also added the “Change Password” functionality. Now, the
user can change their password as and when required by them.

• The user first needs to log in to their account.

• There we have created a “Change Password” section.

• The user needs to go there and enter their previous password. If the
previous one is correct, user will be allowed to change their password
else, not.

20
Change Password
21
Forgot Password – Taking user’s Registered Email
22
CRUD OPERATIONS

• We have implemented CRUD Operations on our website. CRUD stands

for Create, Read/Retrieve, Update and Delete and these are the four basic
operations that we perform on persistence storage.
• CRUD is data-oriented and the standardized use of HTTP methods.
HTTP has a few methods which work as CRUD operations and do note
they are very vital from a developmental point perspective. So, standard
CRUD Operations is as follows:

23
List of Students displayed to the Admin
24
ADD Student Feature
25
Attendance of Students displayed
26
CRUD (Contd.)
 CREATE Operation: Performs the INSERT statement to create a new
record.
 READ Operation: Reads table records based on the input parameter.
 UPDATE Operation: Executes an update statement on the table. It is
based on the input parameter.
 DELETE Operation: Deletes a specified row in the table. It is also
based on the input parameter.

27
CRUD (Contd.)

 POST: Creates a new resource

 GET: Reads/Retrieve a resource
 PUT: Updates an existing resource
 DELETE: Deletes a resource

28
ADD Marks Feature
29
Marks of Students displayed
30
SCREENSHOTS

31
Registration Page using Spring Security
32
Login Page
33
Landing Page
34
ADD Attendance Feature
35
Update Marks Feature
36
Update Attendance Feature
37
Update Student’s Basic Details Feature
38
CONCLUSION
• We have successfully developed a Student Management Portal.

• We have developed special features like Forget Password, Change

Password.

• We have implemented CRUD operations in this project.

• We have also developed features like login and registration.

39
THANKYOU

40