SHREEYASH PRATISHTHAN’S

SHREEYASH COLLEGE OF ENGINEERING AND TECHNOLOGY

(POLYTECHNIC), CHH. SAMBHAJINAGAR

MICRO-PROJECT REPORT

NAME OF DEPARTMENT:- COMPUTER ENGINEERING

ACADEMIC YEAR:- 2023-24
SEMESTER:- 6TH
COURSE NAME:- WEB BASED APPLICATION DEVELOPMENT
COURSE CODE:- 22619
MICRO-PROJECT TITLE:- COURSE REGISTRATION FORM
PREPARED BY:-
1) RATHOD KARAN KAILAS EN. NO.2110920082

UNDER THE GUIDANCE OF:- Prof. P. D. TANGDE

1|Page
 MAHARASHTRA STATE BOARD OF TECHNICAL EDUCATION,
MUMBAI
CERTIFICATE
This is to certify that Mr./ Ms. Rathod Karan Kailas of 6th Semester of Diploma in Computer Engineering
of Institute SYCET has successfully completed Micro-Project Work in Course of WBP for the academic
year 2023-24 as prescribed in the I-Scheme Curriculum.

Date:-_______________________ Enrollment No:- 2110920082

Place:- chh. Sambhaji nagar Exam Seat No.:-____________________________

Signature Signature Signature

Guide HOD Principal

Seal of Institute

2|Page
 ACKNOWLEDGEMENT
We wish to express our profound gratitude to our guide
Prof. P. D. TANGDE who guided us endlessly in framing and completion of
Micro-Project. He / She guided us on all the main points in that Micro-Project.
We are indebted to his / her constant encouragement, cooperation and help. It
was his / her enthusiastic support that helped us in overcoming of various
obstacles in the Micro-Project.
We are also thankful to our Principal, HOD, Faculty Members
and classmates for extending their support and motivation in the completion of
this Micro-Project.

1) Rathod Karan Kailas EN. NO. 2110920082

3|Page
 Annexure-1
Micro-Project Proposal

Title of Micro-Project:- Course Registration form

1.0 Aims/Benefits of the Micro-Project (minimum30-50words)

The micro-project aims to streamline the course registration process for students and
administrators alike, reducing manual effort and errors. By developing a user-friendly and efficient
registration system, the project seeks to enhance administrative efficiency, improve user
experience, and foster a more organized and streamlined approach to course enrollment.

2.0 Course Outcomes Addressed

 Proficiency in Web Development: Through the creation of the system's user interface using
HTML, CSS, and JavaScript, students will demonstrate their ability to design and develop
web applications effectively.
 Database Management Skills: Designing and implementing the database schema using
MySQL will enhance students' understanding of database concepts and their proficiency in
managing data.
 Server-Side Programming Competence: Implementing server-side logic using PHP to handle
data processing and interaction with the database will showcase students' skills in server-
side programming.
 User Authentication and Security: Incorporating user authentication mechanisms will
demonstrate students' understanding of security concepts and their ability to implement
secure login systems.
 Testing and Quality Assurance: Thorough testing of the system for functionality, usability,
and security will enable students to apply testing techniques and ensure the quality of their
software products.
 Deployment and Maintenance: Deploying the system to a production environment and
performing ongoing maintenance activities will provide students with practical experience in
system deployment and management.

3.0 Proposed Methodology

The proposed methodology for the micro-project involves several key steps to ensure the
successful development and implementation of the Professional Course Registration System.
Initially, a comprehensive analysis of user requirements will be conducted to identify the necessary
features and functionalities. Following this, the database schema will be designed to effectively
store student, course, and registration data. Front-end development will involve creating a user-
friendly interface using HTML, CSS, and JavaScript, while back-end development will focus on
implementing server-side logic using PHP and MySQL for data processing and management. Once
the system is developed, thorough testing will be conducted to ensure functionality, usability, and
security. Deployment to a production environment will follow, accompanied by user training and
support. Continuous monitoring and maintenance will be performed to address any issues and
ensure the system's smooth operation. This methodology will guide the project from inception to
completion, ensuring the delivery of a robust and efficient course registration system.

4|Page
 Annexure-1
4.0 Action Plan (Sequence and time required for major activity. The following is for Reference, The
Activities can be Added / reduced / Modified )

Planned Planned Name of Responsible

Sr. No. Week Details of activity Start date Finish date Team Members
Discussion & Finalization of
1 1&2 Topic March 1 March 5 Rathod Karan
2 3 Preparation of the Abstract March 6 March 8 Rathod Karan
3 4 Literature Review March 9 March 14 Rathod Karan
Submission of Microproject
4 5 Proposal (Annexure-I) March 15 March 16 Rathod Karan
Collection of information about
5 6 Topic March 17 March 20 Rathod Karan
Collection of relevant
content/materials for the
6 7 execution... March 21 March 22 Rathod Karan
Discussion and submission of
7 8 the outline of the Microproject March 23 March 25 Rathod Karan
Analysis/execution of Collected
8 9 data/information and prepa... March 26 March 27 Rathod Karan
Completion of Contents of
9 10 Project Report March 28 March 29 Rathod Karan
Completion of Weekly progress
10 11 Report March 30 March 31 Rathod Karan
Completion of Project Report
11 12 (Annexure-II) April 1 April 3 Rathod Karan
Viva voce/Delivery of
12 13 Presentation April 4 April 6 Rathod Karan

5|Page
5.0 Resources Required (major resources such asraw material, some machining facility,
software etc.)

Sr. No. Name of Resources / Materials Specification Qty Remarks

1 Computer 1
2 Web Development Software 1
3 Database Management System 1
4 Internet Connection High-speed 1

5 Testing Tools 1

Names of Team Members with En. Nos.

1.Rathdo Karan Kailas

6|Page
 Annexure-II

Micro-Project Report
Format for Micro-Project Report (Minimum 4 pages)

Title of Micro-Project:- Course Registration System

1.0 Rationale
The Professional Education Course Registration System aims to streamline the course registration process for
students in a college or educational institution. By providing an efficient and user-friendly platform for course
registration, the system helps in reducing manual efforts and errors, thereby enhancing the overall registration
experience for students.

2.0 Aims/Benefits of the Micro-Project:-

The primary aim of the Professional Education Course Registration System is to automate and simplify the
course registration process for both students and administrators. This micro-project intends to provide the
following benefits:

 Streamline course registration procedures

 Reduce manual paperwork and administrative burden
 Improve accuracy and efficiency in course enrollment
 Enhance student satisfaction and experience with the registration process

3.0 Course Outcomes Achieved

 Develop web-based application using PHP and MySQL for data management.
 Implement user authentication and form validation techniques.
 Demonstrate understanding of database operations such as insertion, retrieval, update, and deletion.
 Enhance skills in front-end development using HTML, CSS, and JavaScript.

4.0 Literature Review:-

The development of the Professional Course Registration System was informed by a review of relevant literature
from various technical resources and books in the field of web development, database management, and user
interface design. Key references consulted include:
 Duckett, J. (2014). "HTML and CSS: Design and Build Websites." Wiley.
 Welling, L., & Thomson, L. (2016). "PHP and MySQL Web Development." Pearson.
 Powell, T. (2018). "JavaScript: The Complete Reference." McGraw-Hill Education.
 Grigorik, I. (2013). "High-Performance Browser Networking: What every web developer should
know about networking and web performance." O'Reilly Media.

5.0 Actual Methodology Followed

 Identified project requirements and user stories.
 Designed database schema for storing student and course information.
 Developed front-end interface using HTML, CSS, and JavaScript.
 Implemented back-end logic using PHP for data processing and validation.
 Conducted testing and debugging to ensure system functionality and reliability.

7|Page
6.0 Actual Resources Used :

sr.
Name of Resource/material Specifications Qty Remarks
No.
XAMPP SERVER Local server for PHP 1 Used for testing and hosting
1 development the application
Visual Studio Code Code editor 1 Used for writing and editing
2 HTML, CSS, JavaScript, and
PHP code
MySQL Workbench Database management 1 Used for designing and
3 tool querying the database

7.0 Outputs of the Micro-Projects

 Developed a fully functional Professional Course Registration System.

 Requirement Analysis:
- Gather requirements from stakeholders (students, administrators, etc.).
- Identify necessary features and functionalities for the registration system.
 Database Design:
- Design the database schema to store student information, course details, and registration data.
- Define relationships between different entities (tables) in the database.
- Here is database name collage(table name registrations)
- SQL Query –
CREATE TABLE registrations (
id INT AUTO_INCREMENT PRIMARY KEY,
student_name VARCHAR(100) NOT NULL,
student_id VARCHAR(20) NOT NULL,
course VARCHAR(100) NOT NULL,
semester INT NOT NULL,
registration_date TIMESTAMP DEFAULT CURRENT_TIMESTAMP
);

 Front-end Development:
- Design user interfaces for registration forms, course selection, and user authentication.
- Develop interactive elements using HTML, CSS, and JavaScript to enhance user experience.

- Here is code to design webpage :

Html(index.html)
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Professional Education Course Registration</title>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<div class="form-container">

8|Page
 <h2>Professional Education Course Registration</h2>
<form action="process_registration.php" method="post">
<label for="student_name">Student Name</label>
<input type="text" id="student_name" name="student_name" required>

<label for="student_id">Student ID</label>

<input type="text" id="student_id" name="student_id" required>

<label for="course">Select Course</label>

<div class="custom-select">
<select id="course" name="course" required>
<option value="">Choose a Course</option>
<optgroup label="Technology">
<option value="Web Development">Web Development</option>
<option value="Data Science">Data Science</option>
<option value="Cybersecurity">Cybersecurity</option>
</optgroup>
<optgroup label="Business">
<option value="Digital Marketing">Digital Marketing</option>
<option value="Entrepreneurship">Entrepreneurship</option>
<option value="Project Management">Project Management</option>
</optgroup>
<optgroup label="Design">
<option value="Graphic Design">Graphic Design</option>
<option value="UI/UX Design">UI/UX Design</option>
<option value="Animation">Animation</option>
</optgroup>
<optgroup label="Health">
<option value="Ayurveda">Ayurveda</option>
<option value="Nutrition">Nutrition</option>
<option value="Fitness">Fitness</option>
</optgroup>
<optgroup label="History">
<option value="Indian History">Indian History</option>
<option value="Rigveda">Rigveda</option>
<option value="Samaveda">Samaveda</option>
<option value="Yajurveda">Yajurveda</option>
<option value="Atharvaveda">Atharvaveda</option>
</optgroup>
</select>
<div class="custom-select-arrow"></div>
</div>

<label for="semester">Semester</label>
<input type="text" id="semester" name="semester" required>

<input type="submit" value="Register">

</form>
</div>
<script src="script.js"></script>
</body>
</html>

Css(styles.css):- here is css code

body {

9|Page
 font-family: 'Poppins', sans-serif;
color: #333;
margin: 0;
padding: 0;
display: flex;
justify-content: center;
align-items: center;
min-height: 100vh;
background-size: cover;
background-position: center;
transition: background-image 0.5s ease;
background-image: linear-gradient(rgba(0,0,0,0.7), rgba(0,0,0,0.7)),
url("https://source.unsplash.com/random/1600x900");
}

.form-container {
background-color: rgba(255, 255, 255, 0.3); /* Semi-transparent white */
backdrop-filter: blur(10px); /* Background blur */
padding: 40px;
border-radius: 20px;
box-shadow: 0px 0px 20px rgba(0,0,0,0.3);
width: 400px;
animation: fadeIn 0.5s ease;
}

@keyframes fadeIn {
from {
opacity: 0;
transform: translateY(-20px);
}
to {
opacity: 1;
transform: translateY(0);
}
}

h2 {
text-align: center;
margin-bottom: 30px;
color: #333;
text-transform: uppercase;
letter-spacing: 2px;
}

label {
display: block;
font-weight: bold;
margin-bottom: 10px;
color: #333;
text-transform: uppercase;
letter-spacing: 1px;
}

input[type="text"],
select {
width: 100%;

10 | P a g e
 padding: 14px;
margin-bottom: 20px;
border: none;
border-radius: 8px;
box-sizing: border-box;
font-family: 'Poppins', sans-serif;
background-color: rgba(255, 255, 255, 0.8); /* Semi-transparent white */
transition: box-shadow 0.3s ease;
}

input[type="text"]:focus,
select:focus {
outline: none;
box-shadow: 0px 0px 10px rgba(0,0,0,0.1);
}

input[type="submit"] {
background-color: #7F00FF;
color: #fff;
border: none;
padding: 16px 20px;
border-radius: 8px;
cursor: pointer;
width: 100%;
font-family: 'Poppins', sans-serif;
text-transform: uppercase;
letter-spacing: 1px;
transition: background-color 0.3s ease;
}

input[type="submit"]:hover {
background-color: #E100FF;
}

select {
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
background-image: linear-gradient(45deg, transparent 50%, #ccc 50%), linear-gradient(135deg, #ccc
50%, transparent 50%);
background-position: calc(100% - 20px) calc(1em + 2px), calc(100% - 15px) calc(1em + 2px);
background-size: 5px 5px, 5px 5px;
background-repeat: no-repeat;
padding-right: 30px;
border-radius: 8px;
}

.custom-select-arrow {
position: absolute;
top: 50%;
right: 20px;
transform: translateY(-50%);
pointer-events: none;
width: 0;
height: 0;
border-style: solid;

11 | P a g e
 border-width: 6px 5px 0 5px;
border-color: #777 transparent transparent transparent;
}

.custom-select-arrow::before {
content: "";
position: absolute;
top: -7px;
left: -5px;
width: 0;
height: 0;
border-style: solid;
border-width: 0 5px 6px 5px;
border-color: transparent transparent #777 transparent;
}

Js(script.js):- here is javascript code-

// Array of background image URLs

var backgroundImages = [
'url("https://source.unsplash.com/random/800x600")',
'url("https://source.unsplash.com/random/800x600?nature")',
'url("https://source.unsplash.com/random/800x600?city")',
'url("https://source.unsplash.com/random/800x600?technology")'
];

// Function to set random background image

function setRandomBackground() {
var randomIndex = Math.floor(Math.random() * backgroundImages.length);
document.body.style.backgroundImage = backgroundImages[randomIndex];
}

// Call the function when the page loads

window.onload = setRandomBackground;

 Back-end Development:
- Implement server-side logic using PHP to handle form submissions and process registration
requests.
- Integrate with the database to store and retrieve data as needed.
Backend code-
-here is php code ( process_registration.php )
<?php
// Check if form is submitted
if ($_SERVER["REQUEST_METHOD"] == "POST") {
// Retrieve form data
$student_name = $_POST["student_name"];
$student_id = $_POST["student_id"];
$course = $_POST["course"];
$semester = $_POST["semester"];

// Your database connection details

$servername = "localhost";
$username = "root";

12 | P a g e
 $password = " ";
$dbname = "college";

// Create connection
$conn = new mysqli($servername, $username, $password, $dbname);

// Check connection
if ($conn->connect_error) {
die("Connection failed: " . $conn->connect_error);
}

// SQL query to insert registration data into database

$sql = "INSERT INTO registrations (student_name, student_id, course, semester)
VALUES ('$student_name', '$student_id', '$course', '$semester')";

if ($conn->query($sql) === TRUE) {

echo "Registration successful";
} else {
echo "Error: " . $sql . "<br>" . $conn->error;
}

$conn->close();
}
?>

 User Authentication:
- Implement authentication mechanisms to verify user identity and ensure secure access to the
system.
- Set up login/logout functionality with session management for authenticated users.
 Course Registration Workflow:
- Develop the registration workflow to guide students through the course selection process.
- Validate user inputs and provide feedback on registration status and errors.
 Admin Panel (Optional):
- Create an administrative dashboard for managing courses, student records, and registration
details.
- Implement features such as adding/removing courses, viewing registration statistics, and
generating reports.
 Testing and Debugging:
- Conduct thorough testing of the system to identify and fix any bugs or issues.
- Perform user acceptance testing (UAT) to ensure the system meets the requirements and
expectations of stakeholders.
 Deployment:
- Deploy the registration system to a web server or hosting platform for public access.
- Configure server settings and database connections to ensure smooth operation of the system
in a production environment.
 Maintenance and Updates:
- Monitor system performance and address any issues reported by users.
- Regularly update the system with new features, security patches, and improvements based on
feedback and changing requirements.

13 | P a g e
 Created a user-friendly interface for students to register for courses online.

 Implemented database storage and retrieval mechanisms for managing student and course data.
 Database Schema Desig
- Design database schema including tables and relationships for storing student, course, and
registration data.

 Data Insertion
- Insert student and course information into the database.
 Data Retrieval
- Retrieve student and course details from the database.
 Data Update and Deletion
- Implement functions to update and delete student and course records in the database.
 Database Queries
- Write SQL queries to perform CRUD operations on the database.
- These queries include INSERT, SELECT, UPDATE, and DELETE.
 Database Connectivity
- Establish connection between the application and the database server for seamless data
interaction.

 Tested and deployed the system for use by college students and administrators.
 Testing:
- Conduct thorough testing of the system to ensure functionality, usability, and performance.
- Test user interactions, form submissions, data validation, and error handling.
- Perform unit tests, integration tests, and system tests to identify and resolve any issues.
 Deployment:
- Deploy the system to a production environment for use by college students and
administrators.
- Configure server settings, database connections, and security measures for public access.
- Ensure a smooth transition from testing to the production environment without disruptions.
- Provide training and support for users to familiarize them with the system.
14 | P a g e
 - Monitor system performance and address any issues or bugs reported by users.

8.0 Skill Developed/Learning outcome of this Micro-Project

 Identifying Data Collection: Learned to identify and collect relevant data necessary for the project,
including user requirements, course information, and registration details.
 Designing and Developing: Acquired skills in designing the database schema and developing the
front-end and back-end components of the course registration system using HTML, CSS, JavaScript,
PHP, and MySQL.
 Teamwork: Collaborated effectively with team members to divide tasks, share responsibilities, and
achieve project milestones collectively.
 Time Management: Practiced effective time management skills to ensure tasks were completed
within deadlines and project timelines were adhered to.
 Data Analysis: Analyzed collected data to gain insights into user preferences, system performance,
and registration trends, enabling informed decision-making throughout the project.
 Problem Solving: Developed problem-solving abilities to address technical challenges, debug errors,
and troubleshoot issues encountered during the development and testing phases.
 Safety Techniques: Implemented security measures and safety techniques to protect user data,
prevent unauthorized access, and ensure the integrity of the course registration system.
 Technical Writing: Enhanced technical writing skills by documenting system requirements, design
specifications, code documentation, and user manuals for effective communication and reference.
 Presentation and Communication: Improved presentation and communication skills through the
presentation of project progress, findings, and outcomes to stakeholders, team members, and users.
 Confidence: Gained confidence in applying technical skills, problem-solving strategies, and
communication abilities to successfully execute and deliver the micro-project.
 Acknowledgment: Recognized the importance of acknowledging the contributions of team
members, mentors, and resources that supported the development and completion of the micro-
project.

9.0 Applications of this Micro-Project:-

The applications of this Professional Course Registration System micro-project extend beyond the
educational realm. It can be adapted for use in various organizations and institutions, streamlining
registration processes, enhancing administrative efficiency, and improving user experiences in managing
course enrollments and registrations.

15 | P a g e
 Annexure-IV
MICRO-PROJECT EVOLUTION SHEET

Name of Student:- Rathod Karan Kailas En. No. 2110920082

Name of Program:-___________________________________________ Semester:- 6th
Course Name:- WBP Course Code:- 22619
Title of The Micro-Project:- Course registration form
Course Outcomes Achieved:-
a) Proficiency in Web Development: Students will demonstrate competence in designing and
developing user-friendly web interfaces using HTML, CSS, and JavaScript.
b) Database Management Skills: Students will exhibit proficiency in designing and
implementing database schemas, as well as querying and managing data using MySQL.
c) Server-Side Programming Competence: Students will showcase their ability to develop
server-side logic using PHP to interact with databases and process user requests.
d) User Authentication and Security: Students will implement secure authentication
mechanisms to ensure the confidentiality and integrity of user data.
e) Testing and Quality Assurance: Students will employ testing techniques to validate the
functionality, usability, and security of the registration system.
f) Deployment and Maintenance: Students will deploy the system to a production
environment and perform ongoing maintenance to ensure its continued functionality and
performance.

Sr. Poor Average Good Excellent Sub

Characteristic to be Total
No. assessed (Marks1-3) (Marks4-5) (Marks 6-8) (Marks9-10)
(A) Process and Product Assessment (Convert Below total marks out of 6Marks)
1 Relevance to the course
2 Literature
Review/information
collection
3 Completion of the Target
as Per project proposal
4 Analysis of Data and
representation
5
Quality of Prototype/Model
6 Report Preparation
(B) Individual Presentation/Viva(Convert Below total marks out of 4Marks)
7 Presentation
8
Viva

16 | P a g e
 (A) (B)
Process and Product Individual Presentation/ Total Marks
Assessment (6 marks) Viva (4 marks) 10

Comments/Suggestions about team work/leadership/inter-personal communication (if any)

__________________________________________________________________________________________
__________________________________________________________________________________________
_______________________________________________________________________________________

Name of Course Teacher:-_______________________________________

Dated Signature:-__________________

17 | P a g e