MAHARASHTRA STATE BOARD TECHNICAL EDUCATION

GOVERNMENT POLYTECHNIC , DHULE

DEPARMENT OF
COMPUTER ENGNIEERING

CSS MICROPROJECT REPORT

 This is certify that
Of third year Computer Technology students have submitted
their micro project report on

“Library Management System”

During academic session2023-24 as a part of micro project

work
Described for Diploma in engineering and technology for
partial fulfilment Of the
third year Diploma in Computer Technology in fifth semester

PROJECT GUIDE HOD PRINCIPAL

ARUTWAR SIR N C BORSE MAM RG WADEKAR SIR

1. .RUSHIKESH PRASHANT SABLE

ROLL NO :311
2.MAHESH DHANRAJ DHANGAR
ROLL NO :344
3.TEJAS MAYUR AGRAWAL
ROLL NO : 316
4. NIKHIL RAVINDRA RAJPUT
ROLL NO : 333
5.JATIN AMIT KALDA
ROLL NO : 325
 ACKNOWLEDGEMENT

ACKNOWLEDGE

The success and final outcome of this project required a lot of guidance and assistance from
many people and we are extremely privileged to have got this all along the completion of our
project. All that we have done is only due to such supervision and assistance and we would
not forget to thank them.

We respect and thank Dr. R. G. WADEKAR principal, S. M. D. R. Government

Polytechnic, Dhule for providing us an opportunity to do the project work in the institute and
giving us all support and guidance which made us complete the project We are extremely
thankful to Mr. R. G. WADEKAR for providing such a nice support guidance.

We heartily thank Mr.U.R.DESHMUKH, Head, Department of Computer Engineering ,for

his guidance, suggestions and encouragement during this project work.

We owe our deep gratitude to our project guide N. BORASE who took keen interest on our
project work and guided us all along, till the completion of our project work by providing all
the necessary information for developing a good system.

We are thankful to and fortunate enough to get constant encouragement, support and
guidance from all the Teaching staffs of Department of Computer Engineering which helped
us in successfully completing our project work .

Sr. No. Name of Student Sign

1 Rushikesh Prashant sable

2 Tejas Mayur Agrawal

3 Nikhil Ravindra Rajput

4 Mahesh Dhanraj Dhangar

5 Jatin Amit Kalda

 INDEX

1. MICRO - PROJECT PROPOSAL ..................................................................... 1 - 3

2. RATIONALE ……………………………………………………. 4

3. AIMS / BENEFITS OF THE MICRO - PROJECT……………… 4

4. COURSE OUTCOMES ACHIEVED …………………………… 4

5. LITERATURE REVIEW ..................................................................................... 5 - 14

4. ACTUAL RESOURCES USED ........................................................................... 14

5. ACTUAL METHODOLOGY FOLLOWED ................................................ 15 – 17

6. OUTCOMES OF THE MICRO - PROJECT ................................................. 17 - 19

9. SKILL DEVELOPED / LEARNING OUTCOMES
OF MICRO-PROJECT ....................................................................................... 20

10. APPLICATIONS OF MICRO - PROJECT ........................................................ 20

 PLAN A

Title of Micro-project :- Develop a calculator

Brief Introduction :- In this project we have developed a smartphone

specification website using JavaScript , HTMLand CSS
Used JavaScript to make website more attractive and easy to use so that anyone
visits website will easily understandscontent of website
Aim of the Micro-project :- To Study How to Create Website for
Smartphones Specification Website usingHTML CSS JavaScript

• Resource Required :-

Sr. Name of specifications Qty Remark

No resources/
material
1. Computer System Desktop 1
2. Software VS Code 1

• Action Plan :-

Sr. Details of activity Plannedstart Planned Name of team

No date finish date member
1. Select topic of 5/01/21 5/01/21 All member
micro-project.
2. Collect information 09/01/21 13/01/21 All member
about topic.
3. Prepare report on 28/01/21 02/02/21 All member
project submit the
micro-project
 PLAN B

Title of Micro-project :- Develop a calculator

Brief Introduction :- In this project we have developed a smartphone

specification website using JavaScript , HTMLand CSS
Used JavaScript to make website more attractive and easy to use so that anyone
visits website will easily understandscontent of website

Aim of the Micro-project :- To Study How to Create Website for

Smartphones Specification Website usingHTML CSS JavaScript

Course Outcomes :-

o Learned to make interactive website using JavaScript

Actual Methodology followed :-

o First we discussed and decided the topic of project
o Did some research on the selected topic
o Create a website
o Showed Project to the subject teacher
o Created project report
o Submitted to the teacher
• Resource Required :-

Sr. Name of specifications Qty Remark

No resources/
material
1. Computer System Desktop 1
2. Software VS code 1
 • HTML Code :-

<!DOCTYPE html>
<html>

<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<center>
<title>Calculate me! - A calculator made my me</title></center>
<link href="style.css" rel="stylesheet" type="text/css" />
<link href="utils.css" rel="stylesheet" type="text/css" />
</head>

<body>
<h1 class="text-center">Welcome to Calculate me!</h1>
<div class="container flex flex-col items-center mx-auto m-w-20">
<div class="row">
<input class="input" type="text"/>
</div>
<div class="row">
<button class="button">C</button>
<button class="button">%</button>
<button class="button">M+</button>
<button class="button">M-</button>
</div>
<div class="row">
<button class="button">7</button>
<button class="button">8</button>
<button class="button">9</button>
<button class="button">*</button>
</div>
<div class="row">
<button class="button">4</button>
<button class="button">5</button>
<button class="button">6</button>
<button class="button">/</button>
</div>
<div class="row">
<button class="button">1</button>
<button class="button">2</button>
<button class="button">3</button>
 <button class="button">+</button>
</div>
<div class="row">
<button class="button">0</button>
<button class="button">.</button>
<button class="button">=</button>
<button class="button">-</button>
</div>
</div>
<script src="script.js"></script>
</body>

</html>
 • CSS Code :-
@import
url('https://fonts.googleapis.com/css2?family=Roboto:wght@300&family=Ubuntu:wght@30
0&display=swap');
html, body {
height: 100%;
width: 100%;
font-family: 'Roboto', sans-serif;
}

.button{
width: 66px;
padding: 20px;
margin: 0 3px;
border: 2px solid black;
border-radius: 9px;
cursor: pointer;
}

.row{
margin: 8px 0;
}
.row input{
width: 291px;
font-size: 20px;
margin: 0;
padding: 10px 0px;
border: 2px solid black;
border-radius: 5px;
}

•
•
•
•
•
• Output :