“Revolutionising Education”

A Major Project Report Submitted to

Rajiv Gandhi Proudyogiki Vishwavidyalaya,

Bhopal Towards partial fulfillment for the award of
Bachelor of Technology
Computer Science &
Engineering

Submitted by
1. Ujjawal Patidar (0818CS201182),
2. Vibha Mishra (0818CS201194),
3. Piyush Mandloi (0818CS201119),
4. Vanshika Soner(0818CS2011)

Under the supervision of

Ms. Margi Patel

Department of Computer Science & Engineering

Indore Institute of Science and Technology,
Indore Session 2023-2024

1
 DECLARATION

We Piyush Mandloi (0818CS201119), Ujjawal Patidar (0818CS201182), Vibha Mishra

(0818CS201194) ,Vanshika Soner (0818C201191) students of Bachelor of Technology in
Computer Science & Engineering discipline, Indore Institute of Science and Technology,
Indore (M.P.), hereby declare that the work, which is being presented in this Major project
entitled “Revolutionsing Education” in partial fulfillment of the requirements for the award of
the degree of Bachelor of Technology in Computer Science Engineering, is an authentic record
of work carried out by us. The matter embodied in this project report has not been submitted by us
for the award of any other degree.

Ujjawal Patidar (0818CS201182)

Vibha Mishra (0818CS201194)

Vanshika Soner (0818CS201191)

Piyush Mandloi (0818CS201119)

Date: april 01, 2024

2
 Indore Institute of Science and Technology, Indore (M.P.)
Department of Computer Science & Engineering

RECOMMENDATION

This is to certify that the work embodied in this project work entitled “Revolutionsing Education”,
being submitted by Ujjawal Patidar (0818CS201182), Vibha Mishra (0818CS201194),
Vanshika Soner (0818CS201191), Piyush Mandloi (0818CS201119) in partial fulfillment of the
requirement for the award of Bachelor of Technology in Computer Science & Engineering
discipline, to Rajiv Gandhi Proudyogiki Vishwavidyalaya, Bhopal (M.P.) during the academic
year 2020-24 is a record of bonafide piece of work, carried out by his/her under my supervision and
guidance.

HOD CSE
Ms. Margi Patel
(Assistant Professor)
Project Guide

Forwarded by:

Dr. Rajkumar Jain Dr. Keshav Patidar

Dean (CSE, IT, & AIML) Principal, IIST, Indore

3
4
 INDORE INSTITUTE OF SCIENCE AND TECHNOLOGY
DEPARTMENT OF INFORMATION TECHNOLOGY

2022-2023

CERTIFICATE

This is to certify that the project work entitled “E-NOTICE PORTAL” submitted by Samarth
Rajguru, Ujjawal Patidar, Vibha Mishra, Vinay Mourya, student of Third year Bachelor of
Technology Computer Science Engineering in the year 2022- 2023 of Department of Computer
Science of this institute, is a satisfactory account of their work based on syllabus which is
approved for the award of degree of Bachelor of Technology in Computer Science Engineering.

Internal Examiner
Date:

5
 ACKNOWLEDGEMENT

After the completion of this project, words are not enough to express my feelings about all those
who helped me to reach my goal; feeling above this is my indebtedness to the Almighty for
providing me this moment in life.
In this project we have received constant support from Dr. Rajkumar Jain, Dean (CSE, IT, &
AIML), Head of Department . Also, I am heartily indebted to the constant support and guidance of
Ms. Margi Patel. Without her guidance and scholarly suggestion an urge to bring out the best would
not have been possible. I hope to propagate his scientific, industrial, and professional fervors to the
best of my abilities. His/her clear view and knowledge provided help during every phase of Project
Development. His perpetual motivation, patience, and excellent expertise in discussion during
progress of the project work have benefited us to an extent, which is beyond expression. His/her in-
depth and breadth of knowledge of Computer Engineering field made me realize that theoretical
knowledge always helps to develop efficient operational software, which is a blend of all core
subjects of the field. He/she was major support to me throughout my project, being available with
his/her odd ideas, inspiration, and encouragement. It is a through his masterful guidance that I have
been able to complete my Project.
I am also thankful to all the teaching and non-teaching staff from Department of Computer Science
and Engineering and friends and people who helped me directly or indirectly for the completion of
this project, with success.
The successful completion of a project is generally not an individual effort. It is an outcome of the
cumulative effort of many people, each having their own importance to the objective. This section
is a vote of thanks and gratitude towards all those persons who have directly or indirectly
contributed in their own special way towards the completion of this project.

Date: 01 - 04 – 2024

Ujjawal Patidar 0818CS201182

Vibha Mishra 0818CS201194
Vanshika Soner 0818CS201191
Piyush Mandloi 0818CS201119

6
7
 ABSTRACT

In the last couple of decades, communication technology has developed by leaps and bounds. It
has already established its importance in sharing the information right from household matters to
worldwide phenomena. Apart from sharing information, it is also used for remote control of
machines and electronic appliances. In our day-to-day life, we use many such appliances at home,
office and public places for our comfort and convenience. Every device requires one or the other
kind of operation control for which it has a HMI (human-machine interface). Communication
technology not only helps us to exchange information with human beings but also allows us to
carry out monitoring and controlling of machines from remote locations. This remote control of
appliances is possible with wired or wireless communication interfaces embedded in the
machines.

Increasing numbers of institutes have set up facilities on their Web portal as a way of providing
users (i.e. Students and Faculties) with information about their facilities and features. Generally in
colleges, things are done manually such as submission, handouts, notice, results, records,
examinations, etc. so to avoid this we are designing a web portal for our institute, which will be
helpful in following features like time saving, easy access and user friendly, etc. E-Notice Portal
aims to design a web portal for institutes where all the facilities will be provided online for
various things like E-Submission, E-Alerts, E-Learning, E-Examination, etc. This portal provides
useful facilities for students and faculties who wish to access the portal at desk of one click sitting
anywhere.
.

8
 CONTENTS
Chapter Title Page Number
Chapter 1: Introduction
1.1 Overview 9

Chapter 2: Literature Survey

2.1 Background 10
2.2 Objectives 11
2.3Technology Used 12
2.3.1 Software Used. 12

Chapter 3: Analysis
3.1 Feasibility Study 20
3.1.1 Technical Feasibility 20
3.1.2 Financial Feasibility 20
3.1.3 Operational Feasibility 20

Chapter 4: Design
22
4.1 Methodology Diagram.
24
4.2 Use Case Diagram
25
4.3 ER Diagram
26
4.4 Activity Diagram

Chapter 5: Scope of Project

5.1 Scope 31
5.2 Modules 32
5.3 Sections 32
5.4 Features 33

Chapter 6: Screenshots of Project 34 , 35, 36

Chapter 7: Conclusion
7.1 Conclusion 37
7.2 Future Work 38

Chapter 8: References 39

9
 Chapter 1

Introductio

1.1 Overview

An institute is a highly interactive environment and collaboration between various entities is an

integral part of its functioning. This collaboration takes place not only in the class room (i.e.
between teachers and students) but also between department and students, among students,
among teachers etc. In institutes, traditional methods of information sharing are like notice
boards, notes, hand-outs etc. These traditional methods are not providing efficient access to
information. Nowadays students would find it almost impossible to wait till next morning to meet
their teachers just to get some reference material or to ask some difficulties. And certainely the
teacher would also not want the students to wait.

Another way to Spread Notices are WhatsApp and E - Mail, but there are lots of irrelevant
Messages are in E-mail and whatsapp . So Many Important Messages can be ignored by students.
But in E-Notice portal all the notices are important so skip of any message will be reduced. And
Also Tech Institute will have their own platform to share notices. Dependency of Any other
platform will be Reduced.

Today's education scenario is rapidly changing and demanding. Students demand a higher level
of access to information about their options, their performance, their learning environment and
their future. They also demand that technology resources be an integral part of their learning
experience. The standard for access to faculty and student services will change as students
come to expect virtual access to faculty and student services resources

This can be achieved by creating a web portal because portals are nowadays becoming
increasingly popular by enabling the development and maintenance of specific communities of
interest on corporate intranets or the Internet. We are designing a web portal E-Notice portal
for our institute, which will provide instant notices to students.

10
 Chapter 2

Literature Survey

2.1 Background:

A web portal is not a single technology, but it brings together a wide range of technologies and
enables them to work together for the benefit of the individual. Web portal is considered as a type of
information system used to gather, manage, share, and utilize information that has been stored in
database.

In other words, we can define portals as applications getting data from different data sources and
displaying the stuff under a consistent look and feel umbrella which in other case would have been
different applications or sites altogether.

Integration: All the data/information/notices will be present on single site.

Security: It provides secure access to resources by describing levels of access to each user.

Scalability: The system can be expanded by adding more features.

Accessibility: which describes the ability to access the system from anywhere at any time.

When portals are used they can improve following factors such as:

1. Delivery of notices will become easily without any confusion of groups and sections.

2. Updates which are made become more visible in portals.

3. Portalization allows users to customize or personalize the content as to fit according to their
interests.

11
 2.2: Objective:

 E-Notice Portal is a web application that circulates all important notices in one
destination, which is beneficial to both students and teachers.

 Create a user friendly system-Add

 SMS capabilities to the system.

The main aim of this free online notice board project is making information
dissemination much easier in a paperless community as the world tends to interact
with the online notice board facility as a project.

Online notice board admin can send the notification to the particular students
regarding fee payments, results, any new activity happen in college campus or college
fest participation, libraries dues, hostel room payments, any workshop registrations,
warnings and reminders etc for this work online notice board project is make all work
much easier and understandable to all.

This online notice board work generally intends to act as a support system for the all
users. By the help of free online notice board, users can access the notifications and
articles quickly not only in the particular premises, also wherever and whenever they
need to know.

Online notice board usability is fully capable of passing relevant notices and
announcements and keeping the users update from time to time.

The students are kept updated each time with the online notice board for college is
uploaded based on their preferences with respect to the departments and categories
through a notice board online.

In the online notice board project all the updates like, add, delete, view are done by
admin, so that user will get the updated current information through notice board
online .

System Actors and User.

The system has two major actors and each actor has its features to carry out as
follows:

12
 Admin

Admin is the person who controls, monitors and keeps the whole follow of the
system. The main functions of the Admin are:

 To keep and track down the total number of users in the system.
 Can add, activate and deactivate any user.
 Add New Notice and send notice to Registered users
 Display Old Notice and Manage Old notice

Faculty

The main functions of the faculty are:

 Login..
 Add New Notice/forms and send it to Registered users
 View Responses done by the students
 Display Old Notice and Manage Old notice

Student

Student is a knowledge seeker, or more theoretical word, a learner. The student has
to be registered and log in into the system before he/she carries out their functions.

 Student Registration
 Login
 Check Notification sent by admin and fill forms.

2.3 Technology Used:

1. Front End:

1.1 HTML:

HTML stands for Hyper Text Markup Language. It is used to design web pages using a
markup language. HTML is the combination of Hypertext and Markup language. Hypertext
defines the link between web pages. A markup language is used to define the text document
within the tag which defines the structure of web pages. This language is used to annotate
(make notes for the computer) text so that a machine can understand it and manipulate text
accordingly. Most markup languages (e.g. HTML) are human-readable. The language uses tags
to define what manipulation has to be done on the text.

13
14
 1.2 CSS:

Cascading Style Sheets, fondly referred to as CSS, is a simply designed language intended to
simplify the process of making web pages presentable. CSS allows you to apply styles to web
pages. More importantly, CSS enables you to do this independent of the HTML that makes up
each web page. It describes how a webpage should look: it prescribes colors, fonts, spacing,
and much more. In short, you can make your website look however you want. CSS lets
developers and designers define how it behaves, including how elements are positioned in the
browser .

1.3 JavaScript:

JavaScript is a scripting language that enables you to create dynamically updating content,
control multimedia, animate images, and pretty much everything else. (Okay, not everything, but
it is amazing what you can achieve with a few lines of JavaScript code.)

1.4 React Js:

React Js is a declarative, efficient, and flexible JavaScript library for building user interfaces.
‘V’ denotes the view in MVC. ReactJS is an open-source, component-based front end library
responsible only for the view layer of the application. It is maintained by Facebook.
React uses a declarative paradigm that makes it easier to reason about your application and
aims to be both efficient and flexible. It designs simple views for each state in your
application, and React will efficiently update and render just the right component when your
data changes. The declarative view makes your code more predictable and easier to debug.
A React application is made of multiple components, each responsible for rendering a small,
reusable piece of HTML. Components can be nested within other components to allow
complex applications to be built out of simple building blocks. A component may also
maintain an internal state – for example, a TabList component may store a variable
corresponding to the currently open tab.

2. Back End:

2.1 Mongo DB:

MongoDB, the most popular NoSQL database, is an open-source document-oriented

database. The term ‘NoSQL’ means ‘non-relational’. It means that MongoDB isn’t based on
the table-like relational database structure but provides an altogether different mechanism for
storage and retrieval of data. This format of storage is called BSON ( similar to JSON
format).

SQL databases store data in tabular format. This data is stored in a predefined data model
which is not very much flexible for today’s real-world highly growing applications. Modern
applications are more networked, social and interactive than ever. Applications are storing
more and more data and are accessing it at higher rates.

Relational Database Management System(RDBMS) is not the correct choice when it comes to
15
handling big data by the virtue of their design since they are not horizontally scalable. If the
database runs on a single server, then it will reach a scaling limit. NoSQL databases are more
scalable and provide superior performance. MongoDB is such a NoSQL database that scales
by adding more and more servers and increases productivity with its flexible document mode

16
 2.2 Node JS:

NodeJS is not a framework and it’s not a programming language. Most people are confused
and understand it’s a framework or a programming language.
Features of NodeJS
1. It’s easy to get started and can be used for prototyping and agile development
2. It provides fast and highly scalable services
3. It uses JavaScript everywhere, so it’s easy for a JavaScript programmer to build back-end
services using [Link]
4. Source code cleaner and consistent.
5. Large ecosystem for open source library.
6. It has Asynchronous or Non-blocking nature.

3. Other:

3.1 Material UI:

Material UI is the most powerful and efficient tool to build an Application by adding Designs
and Animations and using it with technical and scientific innovation. It is basically a design
language that was developed by Google in 2014. It uses more Design and Animations, grid-
system and provides shadows and lightning effects.
It can be used with all the JavaScript frameworks like Angular and libraries like React Js, to
make the Application more amazing and responsive. With over 35,000 stars on the GitHub,
Material UI is one of the top User Interface libraries for React.

3.2 Git And Github:

Git is an extremely popular version control system that is at the heart of a wide variety of high-
profile projects. Git is installed and maintained on your local system (rather than in the cloud) and
gives you a self-contained record of your ongoing programming versions. It can be used
completely exclusively of any cloud-hosting service you don’t even need internet access, except
to download it.

Through GitHub, you can share your code with others, giving them the power to make revisions
or edits on your various Git branches. This makes it possible for entire teams to coordinate
together on single projects in real-time. As changes are introduced, new branches are created,
allowing the team to continue to revise the code without overwriting each other’s work. These
branches are like copies, and changes made on them do not reflect in the main directories on other
users’ machines unless users choose to push/pull the changes to incorporate them.

17
 Hardware Requirements:
Table 1 Below hardware is the most recommended one.

Name of Specification
component
Processor Intel core i3 5th gen and above.

RAM 4 GB

Hard disk 20 MB of free space

Monitor Any 10” LED and better tech

display

Software Requirement:
The following are the software requirements for the project:
 VS Code.
 React framework.
 Material UI.
 Node Package Manager for Server.
 Mongo DB Atlas as database.
 Browser preferable Chrome.

As it is a website, after the deployment, it requires only a browser to run and use it.

18
Existing System of Traditional Notice Board :

In the existing Traditional Notice Board system, the notice can be pinned to the notice
board in the institute

• Time consuming.

• No backup and unreliable.

• Complex to write on tradional Not

• Lack of Data Security and privacy.

• Needs individual checking.

• One way verification.

Sending Notices after E - Notice Portal :

E-Notice portal provides a user-friendly interface to the Users. So Even a child can use this
portal.

 Less time-consuming.

 Reliable and secure.

 Fast and efficient.

 Notifications will Send directly to all the Users by mail , who has subscribed.

 Easy to Send Notices.

 Reduces the chance of false Information/misunderstandings.

 Keeps the Peoples Updated.

19
20
 Chapter 3

ANALYSI

Feasibility Study:

After opting the E – Notice Portal, study and analyzing all the existing or required functionalities

of the system, the next task is to do the feasibility study for the project. All projects are feasible –

given unlimited resources and infinite time. The Feasibility study includes consideration of all the

possible ways to provide a solution to the given problem. The proposed solution should satisfy all

the user requirements and should be flexible enough so that future changes can be easily done

based on the future upcoming requirements.

A. Economic Feasibility

• This is a very important aspect to be considered while developing a project. We decided on the

technology based on minimum possible cost factor.

• All hardware and software costs must be borne by the user, as only cost it of development

only.

• As the system uses already existing databases for the user details like the UIDAI, Indian

Driving License and RTO database, that’s why there is not much cost in maintaining new

database.

• Overall, the complete TRAFFIC AUTHENTICATOR is made for government and for the

country people, so the economically it will be similar to the other government websites.

B. Technical Feasibility
This included the study of function, performance and constraints that may affect the ability to

achieve an acceptable system. For this feasibility study, we studied complete functionality to

be provided in the system, as described in the System Requirement Specification (SRS) and
21
 checked if everything was possible using different types of frontend and backend platforms.

C. Operational Feasibility

No doubt the proposed system is fully GUI based that is very user friendly and all inputs to be

taken all self-explanatory even to a layman. Besides, proper training has been conducted to let

know the essence of the system to the users so that they feel comfortable with new system.

And being a website, it is very easy to use it and to access it from any corner of the world.

22
 Chapter 4

IMPLEMENTATION AND DESIGN

We have used several APIs in this project. They are:

Get API: -

Get Api is used to Read the Notitces in E-Notice portal. Get method is used to retrieve or get
the information from the given server using a given URL. In REST CURD, it performs the read
operation.

Post API: -

Post API is used to Create the Notices in E-notice portal. Post is used for sending data to the
server such as uploading a file or transferring some data or adding a new row to the back end
table to any kind of web form. In a simple sentence, we can say that the post method is used for
inserting new items in the backend server. In REST CRUD operation it performs the create
operation.

Put API: -

The PUT method is most often used to update an existing resource. This is used in updation of

Notices in E-Notice Portal. let’s try to understand the PUT method mechanism:

In [Link] method, the resource is first identified by the URL and if it exists, then it is

updated, otherwise, a new resource is created. In simply we can say that If the resource exists then

update else create a new resource.

Delete API: -

Delete Api is Used to Delete the Notices in the Database. the Delete method requests the server to
delete the resource identified by the request URI. the resource deletion depends on the server and
is deleted if prescribed for deletion. Additionally, the restoration implementation of the resource
is also considerable. Delete method response is non-cacheable. The user cannot cache the server
response for later use. Caching a delete request creates inconsistencies.

23
Figure 1.1 Methodology Diagram

24
Use Case: -

Figure 2.1 Use Case Diagram

25
ER-Diagram: -

Figure 3.1 ER Diagram

26
Activity Diagrams: -

27
28
29
30
31
 Chapter 5

Scope of Project

E-Notice portal will help in managing all the important notices at one place. It is very helpful to
all the students to get through the Notices. And another good thing about this project is all the
data will be secured in institute database. There is no interruption of any third-party apps. Which
saves to leak the data. It helps to all the faculties as well as students. Chances to data lost will be
remove due to any local machine reset because all the data will be stored in institute database and
will available 24*7 on E-Notice portal. Now days data Security is one of the major factors.

These are the following points which shows the Scope of E-Notice Portal.

• As we all know in the modern world, technology has been improving continuously day by day
and all the offline process will be digitialized one day. Traditional method requires lot of
resourses but due to large population. We can’t manage to arrange that much resources or can’t
waste it instead we can use digital spplication like E-notice portal to send notices.

• In the E-Notice portal, all the Notices will Available at a single place so all the confusion related
to any notices will be reduced.

• There are role-based actor’s - admin, faculty, student. Hence irrelevant Access of data has
restricted.

• Data will be Secured by Any third party’s Application.

• Data of E-Notice portal has stored in database. Hence loss of data by the users will not happen.

• Send all the Notices digitally hence reduction in paper notices which saves environment.

• It will take very less time to send to the users. Message will be sent by single click.

• It satisfies the user requirement.

• Be easy to understand by the user.

• Be easy to operate

• Have a good user interface.

• User can Access message anywhere by their smart phone.

32
Modules of E-Notice Portal :

This system consists mainly of three important modules. They are:

• Student Module: Here student can do login with his/her credentials and check notices and also
fill the circulated forms.

• Faculty Module: Here faculty can upload notice(s) and circulate the form for students.

• Admin Module: Here, database administrator will manage the permissions i.e., GRANT and
REVOKE all access to faculties and students.

Sections of the E-Notice Portal:

The following sections are:

Acadmics :
In Acadmics section, all the notices related to acadmics of institute will shown there.

Social :
All the notices regarging socail activities , compitions, announcments etc will shown in social
section.

Common:
There is common section availaible for all three institutes i.e., Indore Institute of Parmacy , Indore
Institute of Management and Research , indore Institute of Science and Technology.

Spam :
At last , there is a spam section to ignore unwanted notifications.

Features of the E-Notice Portal:

• User-Friendly Interface

• Proper tags to identity the user

• A complete Ecosystem for the circulate information and notices.

33
• Integrated Environment for all users.

• Attachments & Additional Comments for more information

• Robust database back-end

• Various level of reports available with a lot of filter criteria's

• It has better storage capacity.

• Accuracy in work.

• Easy & fast retrieval of information.

• Decrease the load on the person pritn and pin notice to every notice board on time in existing
manual system.

• Access of information individually.

• Notice circulation becomes very speedy.

34
 Chapter 6

Screenshots of Project

6.1 Landing page

35
Screenshots of Project

6.2 Login Page

36
Screenshots of Project

6.3 Add Notice

37
 Chapter 7

CONCLUSION

Conclusion of the E-Notice Portal:

Apart from E-Notice Poratal we have two options to send the messages/notices to the
students. First : traditional Notice Board Sytem and the Second One is to use any
third party application. Traditional Notice Boards has lots of drawbacks like it is
time Consuming, and may be notices will not go through all the students. While
other hand if we use any third party application the our data will not that much safe.
Because they have access to our data. And it is not proudable thing for tech
institutes/universities to use any third party application. Here E-Notice portal takes
advantage it take very less time to send the notices and majority of the students will
go through the notices. By using E - Notice user will be independent. And data will
also safe.

We will obtain the following outcomes with the implementation of E-Notice Portal:

 One portal for all notifiacations of institute.

 Removes the traditional way to pin notices to notice board.

 Step to fullfil the need of hour.

 Keeps the students updated about important notices like exam form details,
assignments, extracuriculam activity.

 Provides notices to every students.

 Making the whole inforemation circulation process automatic and online.

 Helps in maintaining proper logs.

 Make Proper use of technology to get the work done.

 Take care of the security of such a important database.

 Finally, the system is implemented and tested according to test case

28
29
 Future Scope of the Project:

 In a nutshell, it can be summarized that the future scope of the E-Notice Portal
circles around automation and security. The proposed system can be further
enhanced and greatly improved by adding new functionalities and web services. By
integrating this system with the Google Cloud Messaging (GCM) service, we could
enable push notifications which would help notify or send important updates to the
every stack holder of institute . Push notifications can be used to send reports to the
university as well as councils. According to sources, new institutions are opening
up every year as a result of the rising demand for higher education, therefore this
system may be established at all of these universities to stifle knowledge flow.

 Also, a generalised screen will be palaced at institute.

 Also, the same system can be implemented in government offices where it takes lot
of time to update old information, so that the processing time can be reduced.

 We can work on making the whole project coded on a JAVA that will have more
enhanced and rich code.

 We can have facial recognition devices to get the details of the user on just face
detection, this will help to achive advance automation .

 More Standard and Team Working Git Version Code with single flow architecture.
More importantly, we would like to work on cloud computing and integrating this
project with VCC.

30
 Chapter-8

Reference

[Link] (stackoverflow for solving errors)

[Link] (Material ui)
[Link] (React js documentation)

Thank You!