MAHARASHTRA STATE BOARD OF TECHNICAL EDUCATION,

MUMBAI

A
Project Report
On
"STUDENT
REGISTRATION FORM”

DIPLOMA
In
Computer Engineering
Submitted by

Ms. PRIYANKA ANIL ATYALKAR

Ms. SNEHA SANJAY BHENDIGERI
Ms. SHEETAL SANJAY BHENDIGERI
Ms. SHRAVNI SHIVAJI TIURWADKAR
Ms. AMBIKA PARASHURAM BHOVI

UNDER GUIDANCE OF
Mrs. R.S. Patil

SANT GAJANAN MAHARAJ RURAL POLTECHNIC, MAHAGAON

ACADEMIC YEAR 2024-2025

 SANT GAJANAN MAHARAJ RURAL HOSPITAL &RESEARCH CENTER, MAHAGAON

“SANT GAJANAN MAHARAJ RURAL POLYTECHNIC”

A/P –MAHAGAON, SITE –CHINCHEWADI, TAL-GADHINGLAJ, DIST-KOLHAPUR

Certificate
This is to that the following students of Fifth Semester of Diploma in Computer
Engineering of Institute SANT GAJANAN MAHARAJ RURAL POLYTECHNIC,
MAHAGAON-416502. (CODE-0965) has completed Micro project on “Student
Registration Form” satisfactory in subject “CSS” subject code 22519 of during
academic year 2024 to 2025 as prescribed in the curriculum.

RollNo. Student Name Enrollment No Seat No

56 PRIYANKA ANIL ATYALKAR 23212210181

47 SNEHA SANJAY BHENDIGERI 2209650061

48 SHEETAL SANJAY BHENDIGERI 2209650062

25 SHRAVANI SHIVAJI TIURWADKAR 2209650025

64 AMBIKA PARSHURAM BHOVI 2209650038

DATE: / / PLACE: Mahagaon

Mrs. R. S. Patil Mr. G. K. Birangaddi Mrs. R. S. Patil

(Project Guide) (Head of Department) (Principal)

2
 Table of Content

Sr. No Contents

1 Micro-Project-Annexure-I

2 Micro-Project-Annexure-II

3 Source Code

3
 Annexure-I
Student Registration Form

1.0 Rationale
An Student Registration Form enables efficient, accurate, and secure data collection, centralizing
student information for easy access. It reduces paperwork, allows convenient remote access, and
ensures eco-friendly and error-free record management.

2.0 Course Outcomes Addressed

• Create interactive web pages using program flow control structure.
• Implement Arrays and functions in Java script.
• Create event-based web forms using Java script.
• Create interactive webpage using regular expressions for validations.
• Create Menus and navigations in web Pages.

3.0 Literature Review

Student Registration Forms highlights their effectiveness in streamlining data collection for
educational institutions, making registration faster and more reliable.

Online forms help reduce administrative workloads, improve data accessibility, and ensure
security through encrypted storage, preventing unauthorized access to sensitive student data.

4.0 Proposed Methodology

• We will focus on selection of appropriate topic for Micro project.
• Select the topic Cab Booking System.
• Then we will with our brief study on our topic.
• Then we will gather all information based on the topic of micro-project.
• We will check or view our micro-project.

4
5.0 Action plan

SR.NO. Details Of Activity Planned Planned Name Of

Start Date Finish Responsible Team
Date Members

1 Discussion and finalization of All

topic Members

2 Preparation and submission of Priyanka Atyalkar

abstract

3 Collection of data Sheetal Bhendigeri

4 Preparing Algorithm and Shravani Tiurwadkar

Flowchart
5 Development of program Sneha Bhendigeri

6 Presentation/Seminar Ambika Bhovi

7 Submission Micro-Project All Members

5
6.0 Resources Required

Sr. No Name of resource/material

1 Operating System (Windows 10)

Software:- VS Studio Code, MS
2 Word
Browser:- Firefox, Google Chrome
3

7.0 Name of Team Members with Roll No’s:-

Sr Roll Name of Student Enrollment Number

No. No
PRIYANKA ANIL ATYALKAR 23212210181
1 56

SNEHA SANJAY BHENDIGERI 2209650061

2 47

SHEETAL SANJAY BHENDIGERI 2209650062

3 48

SHRAVANI SHIVAJI TIURWADKAR 2209650025

4 25

AMBIKA PARSHURAM BHOVI 2209650038

5 64

6
 Annexure-II
Student Registration Form

1.0 Literature Review

Student Registration Forms highlights their effectiveness in streamlining data collection for
educational institutions, making registration faster and more reliable.

Online forms help reduce administrative workloads, improve data accessibility, and ensure
security through encrypted storage, modern forms use user-friendly designs and preventing
unauthorized access to sensitive student data.

2.0 Aim of the Micro-Project

JavaScript is a limited-featured client-side programming language. JavaScript runs at the
client end through the user’s browser without sending back and forth to the server. It is
widely used by web developers. In this project the main aim is as followed- To understand
the concept of “Student Registration Form” using form validation.

3.0 Course Outcomes Achieved

• Create interactive web pages using program flow control structure.

• Implement Arrays and functions in Java script.

• Create event-based web forms using Java script.
• Create interactive webpage using regular expressions for validations.
• Create Menus and navigations in web Pages.

4.0 Actual Methodology Followed

• In this micro-project, first of all we will focus on selection of appropriate topic for Micro project.

• Select the topic Student Registration Form.

• Then we will with our brief study on our topic.

• Then we will gather all information based on the topic of micro-project.

• We organized all information about our topic in proper manner.

• We will check or view our micro-project.

7
 ➢ Source Code;

Student_Register.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<link rel="stylesheet" href="student.css">
<script>

function disablefun()
{
document.forms.studentregister.email.disabled=true;
}
function enablefun()
{
document.forms.studentregister.email.disabled=false;
}
function readonly()
{
document.forms.studentregister.pass.readOnly=true;
}
function enter()
{
document.forms.studentregister.pass.readOnly=false;
}
function myfun(val)
{
with(document.forms.studentregister)
{
if(val==1)
{
choice[0].text="Computer Engineer";
choice[0].value=1
choice[1].text="Civil Engineer";
choice[1].value=2
choice[2].text="Mechanical Engineer";
choice[2].value=3
choice[3].text="Mechatronic Engineer";
choice[3].value=4
choice[4].text="Electric Engineer";
choice[4].value=5
choice[5].text="Electronic & Telecommunication Engineer";
choice[5].value=6
}

8
if(val==2)
{
choice[0].text="Civil Engineer";
choice[0].value=1
choice[1].text="Computer Engineer";
choice[1].value=2
choice[2].text="Mechanical Engineer";
choice[2].value=3
choice[3].text="Mechatronic Engineer";
choice[3].value=4
choice[4].text="Electric Engineer";
choice[4].value=5
choice[5].text="Electronic & Telecommunication Engineer";
choice[5].value=6
}
if(val==3)
{
choice[0].text=" Physiology";
choice[0].value=1
choice[1].text="Biochemistry";
choice[1].value=2
choice[2].text=" Pharmaceutics";
choice[2].value=3
choice[3].text="Human Anatomy";
choice[3].value=4
choice[4].text="Clinical Pathology";
choice[4].value=5
choice[5].text="Pharmaceutical Jurisprudence";
choice[5].value=6
}

if(val==4)
{
choice[0].text="Pharmaceutics";
choice[0].value=1
choice[1].text="Biochemistry";
choice[1].value=2
choice[2].text="Pharmacology";
choice[2].value=3
choice[3].text="Pharmacognosy";
choice[3].value=4
choice[4].text="Human Anatomy";
choice[4].value=5
choice[5].text="Pharmacy Practice";
choice[5].value=6
}
if(val==5)

9
 {
choice[0].text="Master Of Surgery";
choice[0].value=1
choice[1].text="Doctor of Medicine";
choice[1].value=2
choice[2].text="Human Anatomy";
choice[2].value=3
choice[3].text="PhD in Medical";
choice[3].value=4
choice[4].text="Clinical Pathology";
choice[4].value=5
choice[5].text="Master of health";
choice[5].value=6
}
if(val==6)
{
choice[0].text="Bachelor of Medicine";
choice[0].value=1
choice[1].text="Doctor of Medicine";
choice[1].value=2
choice[2].text="Microbiology";
choice[2].value=3
choice[3].text="PhD in Medical";
choice[3].value=4
choice[4].text="Clinical Pathology";
choice[4].value=5
choice[5].text="Homeopathic";
choice[5].value=6
}
if(val==7)
{
choice[0].text="Bsc-nursing";
choice[0].value=1
choice[1].text="Diploma in Nursing";
choice[1].value=2
choice[2].text="Human Anatomy";
choice[2].value=3
choice[3].text="District Nursing";
choice[3].value=4
choice[4].text="Clinical Pathology";
choice[4].value=5
choice[5].text="Master of health";
choice[5].value=6
}
}
}

function sub()
{
alert("Your Data Submitted Successfully"+" Welcome!");
}

10
 </script>

</head>
<body>
<div class="main">
<div class="register">

<form name="studentregister" onsubmit="sub()">

<h1 onmouseover="style.color='blue'" onmouseout="style.color='brown'"

onmousedown="style.background='purple'"
onmouseup="style.background='pink'">Student Registration Form</h1><br>
<h2 >Personal Details:</h2><br><br>
<label for="fname">Full Name:</label>
<input type="text" name="fname"
placeholder="Enter Full Name"><br><br><label for="fname">

<label for="address">Address:</label>
<textarea cols="30" rows="6" name="address" placeholder="Enter Address" ></textarea><br><br>

<label for="DOB">Date of Birth:</label>

<input type="date" name="DOB" id="DOB" > <br><br>

<label for="gender">Gender:</label><pre> <input type="radio" name="r1" value="Female" style="height:15px;

width:15px;"> Female</pre>
<pre> <input type="radio" name="r1" value="Male" style="height:15px; width:15px;"> Male</pre><br><br>

<label for="email">Enter Email:</label> <input type="email" id="email" name="email" ><br><br>

<div id="btn1">
<input type="button" value="Disable" onclick="disablefun()" style="color:cornflowerblue; height:30px;
width:50px;">
<input type="button" value="Enable" onclick="enablefun()" style="color:cornflowerblue; height:30px;
width:50px;">
</div><br><br>

<label for="password">Enter Password:</label> <input type="number" name="pass"><br><br>

<div id="btn1">
<input type="button" value="Read-Only" onclick="readonly()" style="color:cornflowerblue; height:30px;
width:70px;">
<input type="button" value="Enter" onclick="enter()" style="color:cornflowerblue; height:30px; width:50px;">
</div><br><br>

<!--Academic Info-->

<h2 onmouseover="style.color='skyblue'" onmouseout="style.color='yellow'">Academic

Information:</h2><br><br>

<label for="clg/sch">School Name/College Name:</label>

<input type="text" name="clg/sch" placeholder="Enter school/college Name"><br><br>

11
 <label for="Last Percentage">Enter Percentage:</label>
<input type="text" name="per" placeholder="Enter Percentage"><br><br>

<label for="Course Applied for">Course Applied for:</label><br>

<pre> <input type="radio" name="items" checked="true" value="1" onclick="myfun(this.value)">

Diploma in Polytecnic</pre><br>

<pre> <input type="radio" name="items" value="2" onclick="myfun(this.value)"> Degree in

Engineer</pre><br>

<pre> <input type="radio" name="items" value="3" onclick="myfun(this.value)"> D-Pharm</pre><br>

<pre> <input type="radio" name="items" value="4" onclick="myfun(this.value)"> B-Pharm</pre><br>

<pre> <input type="radio" name="items" value="5" onclick="myfun(this.value)"> MBBS</pre><br>

<pre> <input type="radio" name="items" value="6" onclick="myfun(this.value)"> BHMS</pre><br>

<pre> <input type="radio" name="items" value="7" onclick="myfun(this.value)">

Nursing</pre><br><br>

<select name="choice">
<option value=1>Computer Engineer</option>
<option value=2>Civil Engineer</option>
<option value=3>Mechanical Engineer</option>
<option value=4>Mechatronic Engineer</option>
<option value=5>Electric Engineer</option>
<option value=6>Electronic & Telecommunication Engineer</option>

</select><br><br>

<label for="Class">Select Class:</label>

<pre> <input type="radio" name="c1" value="FY"> FY
<input type="radio" name="c1" value="SY"> SY
<input type="radio" name="c1" value="DSE"> DSE
<input type="radio" name="c1" value="TY"> TY</pre><br><br>

<h2 onmouseover="style.color='skyblue'" onmouseout="style.color='yellow'">Parent Information:</h2><br><br>

<label for="f-name">Father Name:</label>

<input type="text" value=" "><br><br>

<label for="occupation">Occupation:</label>
<input type="text" value=" "><br><br>

<label for="contact">Contact Number:</label>

<input type="number" value="" ><br><br>

<label for="m-name">Mother Name:</label>

12
 <input type="text" value=" "><br><br>

<label for="occupation">Occupation:</label>
<input type="text" value=" "><br><br>

<label for="contact">Contact Number:</label>

<input type="number" value="" >
<br><br><br>

<pre> <button input type="submit" value="Submit" >SUBMIT</button>

</pre>

</form>
</form>
</div>
</div>

</body>
</html>

13
Style.css

h1{
text-align: center;
padding: 20px;
font-family:Arial;
}

*{
margin:0;
padding: 0;
}

body{
background-image: url("res.jpg");
background-size:cover;
}

div.main{
width: 550px;
margin: 100px auto 0px auto;
}

div.register{
background-color: rgba(0,0,0,0.5);
width: 115%;
font-size: 18px;
border-radius: 10px;
border: 1px solid rgba(255,255,255,0.3);
box-shadow: 2px 2px 15px rgba(0,0,0,0.3);
color:#fff;
}

#register{
margin: 14px;
}

label{
font-family:sans-serif;
font-size: 18px;
color:#fff;
display: block;
margin-bottom: 5px;
14
 }

input[type=text],input[type=date],
input[type=email],input[type=number]
{ width: 95%;
padding: 8px;
border: 1px solid #ddd;
border-radius: 4px;
box-sizing: border-box;
}

button {
height:35px;
width:200px;
padding: 7px;
font-size: 16px;
font-family: sans-serif;
font-weight: 600;
border: none;
border-radius: 3px;
background-color: #405672;
color:#fff;
cursor: pointer;
border:1px solid rgba(255,255,255,0.3);
box-shadow: 1px 1px 5px rgba(0,0,0,0.3);
}

#btn{
text-align:center;
height:40px;
width:100px;
}

.container{
text-align: right;
color: #405672;
}

15
• Output of the Micro project

16
 ➢ After submitting a form this window will display

➢ Validation is done for project

17
 5.0Actual Resources Used

Sr. No Name of resource/material

1 Operating System (Windows 10)

Software:- Notepad++,MS Word
2
Browser:- Firefox, Google Chrome
3

6.0 Outputs of Micro-Project

We understood the how Student registration Form works and stores the records.
We understood how to improve Student registration Form from the feedback of Students .

6.0 Skill Developed/Learning Outcome of this Micro-Project

• We acquired the knowledge about to Regular Expression

• Creating forms
• Create Banners
• Image Rollover

7.0 Skills Developed

We acquired the knowledge about “Student registration Form”.

8.0 References
https://www.w3schools.com/howto/howto_website.asp
https://www.coursera.org/learn/html-css-javascript-for-web-developers
https://www.freecodecamp.org/news/html-css-and-javascript-explained-for-beginners/

9.0 Area of future Improvement

Student registration form could include a more user-friendly design with real-time validation, mobile
optimization, and multi-language support. Additionally, integrating payment gateways, document uploads, and
automated email confirmations would enhance both the student experience and administrative efficiency.

18