+

A
Project Report
On
College Management System
In
HTML&CSS
Submitted to,
SHIVAJI UNIVERSITY, KOLHAPUR
In the partial fulfillment of award of degree
BACHELOR OF COMPUTER SCIENCE
(Entire)
(B.C.S(Entire) Part -II)
Submitted by,

Miss. Diksha Dilip Nikam

Miss. Manisha Rajendra Harale

Under the guidance of,

Prof.A.J.Parid
Through,

The Principal,
Karmaveer Bhaurao Patil College, Urun-Islampur,
Tal - Walwa, Dist- Sangli
YEAR - 2023-2024
 CERTIFICATE

This is certify that, Miss Diksha Dilip Nikam, Miss Manisha Rajendra
Harale is bonafied student of this college, are studying in “Bachelor of
Computer Science (Entire) (B.C.S Part II)”during the year 2023-2024. He
completed his project work satisfactorily. His project work shows those hard
working and sincere efforts.

Project Name: - College Management System

Date:-

Place:-Islampur
 Principal

DEPARTMENT OF COMPUTER SCIENCE

CERTIFICATE

This is certify that, Miss. Diksha Dilip Nikam, Miss Manisha Rajendra Harale

is submitted the project report entitled “College Management System” for in partial
fulfillment of the award of degree course “Bachelor of Computer Science (Entire) (B.C.S
Part II)” affiliated to Shivaji University, Kolhapur.

This project work is carried out under my guidance to best of my knowledge and
belief, the matter presented in this project report has not been submitted earlier and is my
original work. This project work shows his hard working and sincere efforts.

Project Examiner Head Department of Computer

Guide Science
 DECLARATION

To,
The Principal,
K B.P. College, Urun-Islampur.

Respected sir,

We undersigned hereby declare that, the project report entitled

“COLLEGE MANAGEMENT SYSTEM” is developed and submitted under the
guidance of Prof.S.B.Jadhav.

The empirical finding in this report is based on the information collected by me. It
is my original work. I have not copied and matter from any report. This work is humbly
submitted to Shivaji University, Kolhapur for the award of Bachelor of Computer Science
(Entire) by me.

Thanking you

DATE:

PLACE: Urun-Islampur.

PRN NO. STUDENT NAME SIGNATURE

2022055711 Miss. Diksha Dilip Nikam

2022043952 Miss. Manisha Rajendra Harale

 ACKNOWLEDGEMENT

This is my great pleasure to submit this project entitled

“College Management System” to Shivaji University, Kolhapur.

I am very sincerely expressing my thanks to Pro.A.J.Parid sir for

providing required facilities to complete this project. We are also thanks to
Head of the Computer Science Department Prof. S.B. Jadhav who encouraged
us.

I am thankful to my project guide . Prof.A.J.Parid mam for his valuable

guidance and kind help during completion of our project report. I am also
thankful to other staff members of Computer Science Department and Lab
Assistant Mr. S.J. Lad Peon Mr. A.S.Koli and Mr.B.T.Mane.

Lastly but not least, we are hearty thankful to my all friends & them who
helped me directly or indirectly to complete this project smoothly.

Thanks to all

Place: Urun-Islampur.
Date: / /2024.
 Introduction to Project :-
A college management system is cloud based education management software
that enables colleges & higher education institutions to manage their academic and
administrative operations, like admission, student enrollment, student attendance,
online fees, grades, assignments, examinations, and all other tasks.

Introduction to System :-
The College Management System is the ultimate solution to digitize and
streamline the day-to-day operations of colleges and universities.
From student enrolment system to admission management and online
classes management to finance management and human resource
management, as well as every other process of college operations.

It also digitizes routine work of the campus such as student attendance

management system, student record management system, student profile
management system, student record keeping system, student mark
management system, student fee management, and other small and big
operations.

Modules Of The System

The project “COLLEGE MANAGEMENT” is made to use that managementworking in

dird. This Project is helpful to Registration of New records into the“COLLEGE”. This Project
Contain mainly following section:-
1. STAFF INFORMATION.
2. STUDENT INFORMATION
3. TIME-TABLE INFORMATION.
4. STAFF RECORDS(ADD / MODIFY / DELETE)
5. STUDENT RECORDS(ADD / MODIFY / DELETE)
6. ATTENDENCE RECORDS(ADD / MODIFY / DELETE).

The upper “SIX” Forms are mainly used in this project. View Section is used to view the
 information of staff and student and Alter Section is used to modify the records. In
staff information we under takes the general and salary of staff member. In student information
we are able to see his/her records about their performance , fee and attendance. In “TIME
TABLE” Section we can seethe lecture of all Lecturer. IF a new lecturer is appointed to college
we can add its general information by using alter section. IF a new Student is admitted to
college we can add its general information by using alter section. By using the attendance
section we can see the monthly attendance of the student and also prepare monthly attendance
percentage .The Software VISUAL BASIC 6 is used as front end for the designing
and programming and to create user friendly GUI forms. Oracle is used as back end to create
the data tables required to store the information. At present there is no such system which helps
in addition, ensure, alteration and demonstration of information to the client. So this system
facilitates us to perform all thes

Organization Profile :-
A college management system is an ERP solution that enables the institutes to conduct
online admissions, generate reports, create ID cards, enable online communication, manage
curriculum, time tables and conducts online evaluations, track student progress, conduct data
analysis, teach remotely, and handle enquiries
 Organization Chart

College
Management
System

Home About Event Gallary Contact

Campus College Event

Recent Event
News Calender
 Proposed system
The new College Management System is built to provide a better facility to the
operator. This system makes the use of oracle as the back-end to tackle the
problem of inconsistency of data.
✔
The project being developed in visual basic provides as integrateddevelopment an
d debugging environment for debugging of theapplication.
✔
To gives a better user interface by providing the user with menus for the various
operations.
✔
To generates report in the required format correctly and within fewseconds by
receiving the command from user. It allows multiple tasks to execute
simultaneously. Hence the project provides a better solution to the problem
domain by providing not only faster operation but also by better utilization of
systemresources. Therefore, it provides data integrity and consistency, better user
interfaces, support for multitasking.
 System Design

Feasibility study
A feasibility study should explore how the proposed project will support the
campus academic master plan and impact the current instructional capacity. Refer to
Stage 1: Strategic Planning for more information. CPDC forms for determining space
needs based on projected enrollment are available.

Fact Finding Technique

Seven common fact-finding methods (Sampling, Research, Observation,

Questionnaires, Interviews, Prototyping, Joint Requirements Planning) are in-
troduced as a means to discover requirements.

Diagram

HARDWARE REQUIREMENT:
 
Microprocessor--Pentium IV

Mother Board--845 GVPS

Hard Disk--80 GB

RAM--128 X 128 MB

Keyboard--Multimedia

ROM -- COMBO “SONY”

UPS--500 WATT.

SOFTWARE REQUIREMENT:

Operating System -- Windows Xp

Language -- VISUAL BASIC 6.0


RDBMS -- SQL/SERVER 2000

 Input screens :-
<!DOCTYPE html>

<html>
<head>
<title>College Website Template</title>
<link rel="stylesheet" href="css/style.css">
<!---TOP-HEADER STARTS TOP-HEADER STARTS--->
<div class="header">
<div class="container">
<b> NEWS : </b>
<marquee> My college: How To Lorem Ipsum is simply dummy text of the
printing and typesetting industry. </marquee>
</div>
</div>
<div class="container">
<!---LOGO SECTION ----->
<img src="C:\Users\HP\Desktop\college project\img1.jpeg" class="logo">
<!----MENU SECTION----->
<nav>
<a href="#">Home</a>
<a href="#">About us</a>
<a href="#">Events</a>
<a href="#">Gallery</a>
<a href="#">Notice Board</a>
 <a href="#">Contact us</a>
</nav>
</div>
<!-----SLIDER SECTION----->
<div class="slider">
<img src="C:\Users\HP\Desktop\college project\img3.jpeg">
</div>
<!----END SLIDER SECTION----->
<div class="main-section" style="background:#f0f3fa">
<div class="container">
<!----CAMPUS NEWS SECTION----->
<div class="event">
<h2 class="heading">Recent Event</h2>
<div>
<marquee direction="up" scrollamount="7" style="height:340px;">
<ul>
<li>
<i>01-April-2023 :</i> Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Ut elit tellus... <img src="C:\Users\HP\Desktop\college project\img4.jpeg"
height="50" width="50">
</li>
<li>
<i>01-April-2023 :</i> Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Ut elit tellus... <img src="C:\Users\HP\Desktop\college project\img4.jpeg"
height="50" width="50">
</li>
 <li>
<i>01-April-2023 :</i> Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Ut elit tellus... <img src="C:\Users\HP\Desktop\college project\img4.jpeg"
height="50" width="50">
</li>
<li>
<i>01-April-2023 :</i> Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Ut elit tellus... <img src="C:\Users\HP\Desktop\college project\img4.jpeg"
height="50" width="50">
</li>
<li>
<i>01-April-2023 :</i> Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Ut elit tellus... <img src="C:\Users\HP\Desktop\college project\img4.jpeg"
height="50" width="50">
</li>
<li>
<i>01-April-2023 :</i> Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Ut elit tellus... <img src="C:\Users\HP\Desktop\college project\img4.jpeg"
height="50" width="50">
</li>
<li>
<li>01-April-2023 :</i> Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Ut elit tellus... <img src="C:\Users\HP\Desktop\college project\img4.jpeg"
height="50" width="50">
</li>
<li>
<i>01-April-2023 :</i> Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Ut elit tellus... <img src="images/new.gif">
 </li>
<li>
<i>01-April-2023 :</i> Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Ut elit tellus... <img src="images/new.gif">
</li>
</ul>
</marquee>
</div>
</div>
<!-----CAMPUS NEWS SECTION----->
<div class="event campus-news">
<h2 class="heading">Campus News</h2>
<div>
<ul>
<li>
<span class="campus-img">
<img src="C:\Users\HP\Desktop\college project\img5jpeg.jpg" height="50"
width="50">
</span>
<h2>There are many variations.</h2>
<h6>Sep.04.2012</h6>
<p>Lorem Ipsum is simply dummy text of the printing and typesetting
industry...</p>
</li>
<li>
<span class="event-img">
<img src="C:\Users\HP\Desktop\college project\img6.jpeg" height="50"
weight="50">
</span>
<h2>There are many variations.</h2>
<h6>Sep.04.2012</h6>
<p>Lorem Ipsum is simply dummy text of the printing and typesetting
industry...</p>
</li>
<li>
<span class="event-img">
<img src="C:\Users\HP\Desktop\college project\img7.jpeg" height="50"
weight="100">
</span>
<h2>There are many variations.</h2>
<h6>Sep.04.2012</h6>
<p>Lorem Ipsum is simply dummy text of the printing and typesetting
industry...</p>
</li>
<li>
<span class="event-img">
<img src="C:\Users\HP\Desktop\college project\img8.jpeg" height="50"
width="50">
</span>
<h2>There are many variations.</h2>
<h6>Sep.04.2012</h6>
<p>Lorem Ipsum is simply dummy text of the printing and typesetting
industry...</p>
 </li>
</ul>
</div>
</div>
<!------EVENT SECTION------>
<div class="event">
<h2 class="heading">College Event Calender</h2>
<div>
<ul>
<li>
<span class="event-date">11 <br> April </span> Lorem Ipsum is simply dummy
text of the printing text printing industry...
</li>
<li>
<span class="event-date">19 <br> May </span> Lorem Ipsum is simply dummy
text of the printing industry dummy text...
</li>
<li>
<span class="event-date">21 <br> June </span> Lorem Ipsum is simply dummy
text of the printing industry orem Ipsum...
</li>
<li>
<span class="event-date">17 <br> July </span> Lorem Ipsum is simply dummy
text of the printing industry simply dummy...
</li>
<li>
<span class="event-date">31 <br> Marc </span> Lorem Ipsum is simply dummy
text of the printing industry...
</li>
</ul>
</div>
</div>
</div>
</div>
<!-----ABOUT US SECTION------>
<div class="main-section">
<div class="container about-us">
<div>
<h4 class="subhead">Our Institue</h4>
<h2 class="heading">About KBP College</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.Ut elit tellus, luctus
nec ullamcorper mattis, pulvinar dapibus leo.If you are going to use a
passage.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus
nec ullamcorper mattis, pulvinar dapibus leo.If you are going to use a passage of
anything embarrassing hidden in the middle of text Lorem ipsum. </p>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus.If you
are going to use a passage of a Lorem ipsum</p>
<a href="#">Read More</a>
</div>
<img src= "C:\Users\HP\Desktop\college project\img21.jpeg">
</div>
</div>
<div class="main-section award" style="background:#f0f3fa">
<div class="container">
<!-----College INFO SECTION----->
<div class="event">
<h2 class="heading">Our Chairman</h2>
<div class="chairman">
<ul>
<li>
<span class="campus-img">
<img src= "C:\Users\HP\Desktop\college project\img26.jpeg" >
</span>
<h2>Adv. N. R. Patil </h2>
<h4>President of KBP collage</h4>
</li>
<li>
<span class="campus-img">
<img src= "C:\Users\HP\Desktop\college project\img23.jpeg" >
</span>
<h2>Dr. A. B. PATIL</h2>
<h4>Principal of KBP College</h4>
</li>
</ul>
</div>
</div>
<!-----College AWARD SECTION----->
 <div class="event">
<h2 class="heading">Our College Awards</h2>
<div>
<img src="C:\Users\HP\Desktop\college project\img22.jpeg" height="450"
width="450">
</div>
</div>
<!-----College TRIP SECTION----->
<div class="event">
<h2 class="heading">KBP College Trip</h2>
<div>
<img src="C:\Users\HP\Desktop\college project\img47.jpeg" height="450"
width="450">
</div>
</div>
</div>
</div>
<!-----TESTIMONIAL SECTION------>
<div class="main-section ">
<div class="container">
<h4 class="subhead">Testimonial</h4>
<h2 class="heading">What Parents Say About Our College</h2>
<div class="testimonial">
<div class="testimonial-text">
<p>
 <img src="C:\Users\HP\Desktop\college project\img14.jpeg" height="20"
width="20">
</p> Contrary to popular belief, Lorem Ipsum is not simply. It has roots in a
piece of classical Latin literature from 45 BC, making it over 2000 years old.
Richard, a Latin professor at Hampden-Sydney College.
</div>
<div class="testimonial-detail">
<div class="testimonial-img">
<img src="C:\Users\HP\Desktop\college project\img18.jpeg" height="60"
width="70">
</div>
<div class="testimonial-name">
<h5>Kiya</h5>
<p>
<img src="C:\Users\HP\Desktop\college project\img17.jpeg" height="20"
width="70">
</p>
</div>
</div>
</div>
<div class="testimonial">
<div class="testimonial-text">
<p>
<img src="C:\Users\HP\Desktop\college project\img14.jpeg" height="20"
width="20">
</p> Contrary to popular belief, Lorem Ipsum is not simply. It has roots in a
piece of classical Latin literature from 45 BC, making it over 2000 years old.
Richard, a Latin professor at Hampden-Sydney College.
</div>
<div class="testimonial-detail">
<div class="testimonial-img">
<img src="C:\Users\HP\Desktop\college project\img19.jpeg" height="60"
width="70">
</div>
<div class="testimonial-name">
<h5>Divya</h5>
<p>
<img src="C:\Users\HP\Desktop\college project\img17.jpeg" height="20"
width="70">
</p>
</div>
</div>
</div>
<div class="testimonial">
<div class="testimonial-text">
<p>
<img src="C:\Users\HP\Desktop\college project\img14.jpeg" height="20"
width="20">
</p> Contrary to popular belief, Lorem Ipsum is not simply. It has roots in a
piece of classical Latin literature from 45 BC, making it over 2000 years old.
Richard, a Latin professor at Hampden-Sydney College.
</div>
 <div class="testimonial-detail">
<div class="testimonial-img">
<img src="C:\Users\HP\Desktop\college project\img20.jpeg" height="60"
width="70" >
</div>
<div class="testimonial-name">
<h5>Richa</h5>
<p>
<img src="C:\Users\HP\Desktop\college project\img17.jpeg" height="20"
width="70">
</p>
</div>
</div>
</div>
</div>
</div>
<!------GALLERY SECTION ------>
<div class="main-section gallery" style="background:#f0f3fa">
<div class="container ">
<h4 class="subhead">My Gallery</h4>
<h2 class="heading">Our College Gallery</h2>
<img src="C:\Users\HP\Desktop\college project\img8.jpeg">
<img src="C:\Users\HP\Desktop\college project\img36.jpeg">
<img src="C:\Users\HP\Desktop\college project\img31.jpeg" >
<img src="C:\Users\HP\Desktop\college project\img30.jpeg" >
<img src="C:\Users\HP\Desktop\college project\img33.jpeg">
 <img src="C:\Users\HP\Desktop\college project\img37.jpeg">
<img src="C:\Users\HP\Desktop\college project\img35.jpeg">
<img src="C:\Users\HP\Desktop\college project\img32.jpeg">
</div>
</div>
<!-------PLACEMENT SECTION ------->
<div class="main-section">
<div class="container">
<h4 class="subhead">Top Placement</h4>
<h2 class="heading">Our Partner Company</h2>
<img src="C:\Users\HP\Desktop\college project\img50.jpeg" height="400"
width="400">
<img sec="C:\Users\HP\Deskto height="400" width="400">
</div>
</div>
<!---FOOTER SECTION--->
<div class="footer">
<div class="container">
<div class="footer-sect">
<img class="footer-logo" src="C:\Users\HP\Desktop\college project\img2.jpeg">
</div>
<div class="footer-sect">
<address> Bahe Road, Urun-Islampur, Tal. Walwa, Dist. Sangli, Maharashtra,
India 415409 </address>
</div>
<div class="footer-sect">
 <img src= "C:\Users\HP\Desktop\college project\img40.jpeg" height="20"
weight="20"> 02342-221778
</div>
<div class="footer-sect">
<img src="C:\Users\HP\Desktop\college project\img41.gpeg.jpg" height="20"
width="20"> [email protected]
</div>
<div class="footer-sect">
<img src="C:\Users\HP\Desktop\college project\img46.jpeg" height="30"
width="30">
<img src="C:\Users\HP\Desktop\college project\img44.jpeg" height="30"
width="30">
<img src="C:\Users\HP\Desktop\college project\img43.jpeg" height="30"
width="30">
<img src="C:\Users\HP\Desktop\college project\img45.jpeg" height="30"
width="30">
</div>
<div class="footer-sect">
<a href="#"> Home</a>
<a href="#"> About us</a>
<a href="#"> Tutorial</a>
<a href="#"> Event</a>
<a href="#"> Gallery</a>
<a href="#"> Press Release</a>
<a href="#"> Courses</a>
<a href="#"> Contact Us</a>
</div>
 </div>
</div>

Style:-
<style>
*{
margin: 0px;
padding: 0px;
box-sizing: border-box;
}
html
body {
font-family: Roboto, sans-serif, arial;
font-size: 16px;
color: #242424;
}
.container {
width: 1300px;
margin: 0px auto;
}
/****************HEADER SECTION****************/
.header {
background: #0055a4;
padding: 6px;
}
 .header b {
background: #fff;
color: red;
padding: 10px;
font-size: 20px;
}
.header marquee {
font-size: 20px;
color: #ffffff;
width: 80%;
}
/**********LOGO SECTION**********/
.logo {
height: 65px;
}
/**********MENU SECTION**********/
nav {
float: right;
padding: 25px 0px;
}
nav a {
color: black;
text-decoration: none;
font-size: 18px;
padding: 2px 10px;
 font-weight: 500;
}
/*****SLIDER SECTION*****/
.slider img {
width: 100%;
}
/****************EVENT SECTION*************/
.main-section {
width: 100%;
float: left;
padding: 100px 0px 100px 0px;
}
.event {
width: 32%;
margin-right: 1%;
float: left;
background-color: #fff;
}
.event i {
color: red;
font-size: 14px;
}
.event div {
padding: 10px;
}
 .event .heading {
padding: 10px;
color: #fff;
background: #0055a4;
text-align: center;
font-size: 22px;
font-weight: 400;
margin-bottom: 10px;
}
.event ul li {
margin-bottom: 20px;
width: 100%;
float: left;
list-style: none;
}
.event-date {
background: red;
float: left;
text-align: center;
font-size: 14px;
color: #fff;
padding: 8px 12px;
margin-right: 10px;
}
/*******CAMPUS NEWS SECTION***********/
 .campus-news span {
width: 80px;
float: left;
}
.campus-news h2 {
font-weight: 600;
font-size: 16px;
}
.campus-news h6 {
font-weight: 500;
font-size: 13px;
color: red;
}
.campus-news p {
font-size: 14px;
}
/****************ABOUT US SECTION****************/
.heading {
font-size: 28px;
font-weight: 500;
margin-bottom: 30px;
color: #0055a4;
}
.subhead {
font-size: 18px;
 color: red;
font-weight: 500;
}
.about-us div {
width: 45%;
float: left;
line-height: 30px;
font-size: 18px;
}
.about-us h4 {
font-size: 18px;
color: red;
font-weight: 500;
}
.about-us p {
font-size: 16px;
margin-bottom: 20px;
padding-right: 30px;
line-height: 23px;
}
.about-us img {
width: 40%;
float: left;
}
/****************AWARD SECTION****************/
 .award p {
width: 100%;
float: left;
font-size: 16px;
}
.award img {
width: 100%;
}
.award b {
min-width: 115px;
float: left;
margin-bottom: 20px;
}
.award h3 {
font-size: 23px;
margin-bottom: 20px;
text-align: center;
}
/****************CHAIRMAN SECTION****************/
.chairman img {
width: 150px;
float: left;
margin-right: 10px;
}
.chairman h2 {
 font-size: 22px;
margin-top: 30px;
}
.chairman h4 {
font-size: 16px;
color: red;
font-weight: 400;
}
/****************TESTIMONIAL SECTION****************/
.testimonial {
width: 30.5%;
float: left;
margin-right: 2.5%;
}
.testimonial-text {
background: #0055a40f;
padding: 20px;
line-height: 35px;
border-radius: 10px;
font-size: 18px;
text-align: center;
border: 1px solid #0055a4;
}
.testimonial-detail {
float: left;
 margin-top: 10px;
}
.testimonial-img {
float: left;
}
.testimonial-name {
margin-left: 10px;
float: left;
}
.testimonial-name h5 {
font-size: 18px;
margin-top: 8px;
}
/****************GALLERY SECTION****************/
.gallery img {
width: 23.2%;
margin-right: 1.5%;
margin-bottom: 20px;
}
/****************FOOTER SECTION****************/
.footer {
background-color: #f0f3fa;
padding: 40px 0px;
width: 100%;
float: left;}
 .footer-logo {
height: 70px;
width: auto;}
.footer-sect {
width: 100%;
float: left;
text-align: center;
margin-top: 20px;
font-size: 16px;
}
.footer-sect a {
color: #202020;
margin-left: 10px;
text-decoration: none;}
</style>
</head>
<body>

Output Screens :-
Limitations :-
 These types of CMS are already available in our markets, but it does not have the
feature that we are providing to our college.
 Many of the companies are improving this project on be platform. NET that seems
To be complicated and to use.
 We are going to introduce our project on a special platform JAVA which is very
User friendly
 Here we will provide the high permissions to the admin so he can handle the
complete college for better security maintenance

Suggestions :-
 To Improve Your College Campus.
 Turn the Gym into a Recreation center.
 Keep the Campus Grounds Clean!
 Improve Campus Mail Services with Smart Parcel Lockers.
 Increase Parking Ways.
 Create a Sustainable Student Farm.
 Focus on Creating Spaces Where Students Can Come Together.
 Go Green.