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:- 2 ND
COURSE NAME:- BEE
COURSE CODE:- 312302
MICRO-PROJECTTITLE:- DISMENTAL OF MCB
PREPARED BY:-
1) Rameshwar Gulve EN. NO: 23511510223
2) SushenJogdand EN. NO: 23511510298
3) Somnath Gayke EN. NO: 23511510288
4) Aditya Khundhare EN. NO: 23511510246
5) Dnyanraj Jadhav EN. NO: 23511510233
UNDER THE GUIDANCE OF:- Prof. S. A Netke
 MAHARASHTRA STATE BOARD OF TECHNICAL EDUCATION, MUMBAI
CERTIFICATE
1) This is to certify that Mr. Rameshwar Gulve,SushenJogdand,Somnath Gayke,
Aditya Khundhare,Dnyanraj Jadhav .of 2ndSemester of Diploma in COMUTER ENGINEERING of
Institute SHREEYASH PRATISHTHAN has successfully completed Micro-Project Work in Course of W.P.D.
for the academic year 2023-24 as prescribed in the I-Scheme Curriculum.
Date:-_______________
PLACE: CH.SAMBHAJINAGAR
EN. NO: 23511510223
EXAM SEAT NO: 449765 EN. NO: 23511510298
EXAM SEAT NO :449836 EN. NO: 23511510288
EXAM SEAT NO: 449826 EN. NO: 23511510246
EXAM SEAT NO: 449737 EN. NO: 23511510233
EXAM SEAT NO: 449775
Signature Signature Signature
Guide HOD Principal
Prof.R.N. Kulkarni Prof.A.C.Naik Prof.S.N.Khandagle
Seal of Institute
 ACKNOWLEDGEMENT
We wishtogratitude
profound
Mr./Ms. express to
ourour guide
We wish to express our profound gratitude to our guide
Prof.R.N. Kulkrni 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) Rameshwar Gulve EN. NO: 23511510223
2) Sushen Jogdand EN. NO: 23511510298
3) Somnath Gayke EN. NO: 23511510288
4) Aditya Khundhare EN. NO: 23511510246
5) Dnyanraj Jadhav EN. NO: 23511510233
 Annexure-1
Micro-Project Proposal
(Format or Micro-Project Proposal about1-2pages)
Title of Micro-Project:- “ONLINE TICKET BOOKING”
Aims/Benefits of the Micro-Project(minimum30-50words)
*Aim:*
The aim of the Online Ticket Booking System project is to create a web-based platform that facilitates the convenient
booking of tickets for various events, movies, transportation, or any other ticketing needs. This system aims to streamline
the process of ticket booking by providing users with a user-friendly interface to search for, select, and purchase tickets
online.
*Benefits:*
1. *Convenience:* Users can book tickets from the comfort of their homes or on-the-go, eliminating the need to visit
physical ticket counters.
2. *Accessibility:* The system is accessible 24/7, allowing users to book tickets at any time, regardless of their location.
1.0 Course Outcomes Addressed
1) HTML Proficiency: Students will demonstrate proficiency in HTML markup for creating web pages.
2) Form Creation: Learners will create HTML forms for user input, such as selecting tickets and providing personal
information.
3) Basic CSS Styling: Students will apply basic CSS styling to improve the visual presentation of the booking interface.
4) Responsive Design Principles: Implementing responsive design ensures the booking system is accessible across
various devices and screen sizes.
Proposed Methodology (Procedure inbrief thatwill befollowed todo the micro- project) in about
100 to 200 words).
To develop an online ticket booking HTML project, you can follow these steps:
1. *Project Planning*: Define the scope, objectives, and requirements of the project. Identify the target
audience and their needs.
2. *Research*: Study existing online ticket booking systems to understand common features, user
interfaces, and best practices.
3. *User Interface Design*: Create wireframes and mockups of the web pages using tools like Adobe XD,
Sketch, or Figma. Design an intuitive and user-friendly interface for booking tickets.
4. *Database Design*: Plan the database schema to store information such as user details, event details,
ticket availability, and bookings.
5. *Frontend Development*: Write HTML, CSS, and JavaScript code to implement the user interface based
on the design. Ensure responsiveness for various devices.
6. *Backend Development*: Use server-side technologies like Node.js, Python (with frameworks like Flask
or Django), or PHP to handle user requests, process data, and interact with the database.
7. *Integration*: Connect the frontend and backend components to enable communication between the
user interface and the server.
8. *User Authentication*: Implement user authentication and authorization to allow users to sign up, log in,
and manage their accounts.
9. *Booking Functionality*: Develop features for browsing events, selecting tickets, and making bookings.
Handle seat availability, payment processing, and confirmation messages.
10. *Testing*: Perform thorough testing to identify and fix bugs, ensure functionality across different
browsers and devices, and validate user flows.
11. *Deployment*: Deploy the application on a web server or cloud platform, ensuring scalability and
security measures are in place.
12. *Maintenance and Updates*: Regularly update the application with new features, security patches, and
bug fixes based on user feedback and changing requirements.
By following this methodology, you can create a robust online ticket booking HTML project that
meets the needs of users and provides a seamless booking experience.
Annexure-1
2.0 Action Plan (Sequence and time required for major activity. The following is for Reference, The Activities can be
Added / reduced / Modified )
Name of
Sr. Planned Planned
Week Responsible
Details of activity Start date Finish date
No.
Team Members
1 1 &2 Discussion & Finalization of 15/01/2024 17/01/2024 All members
Topic
2 3 Preparation of the Abstract 20/1/2024 22/01/2024 Somnath gayke
3 4 Literature Review 25/01/2024 27/01/2024 Rameshwar gulve
4 5 Submission of Microproject 29/01/2024 31/01/2024 All members
 Proposal ( Annexure-I)
5 6 Collection of information about 1/02/2024 3/2/2024 Aditya kundhare
Topic
6 7 Collection of relevant content / 5/2/2024 7/2/20204 Sushen jogdand
materials for the execution of
Microproject.
7 8 Discussion and submission of 10/2/2024 12/2/2024 All members
outline of the Microproject.
8 9 Analysis / execution of Collected 20/2/2024 22/2/2024 All members
data / information and
preparation of Prototypes /
drawings / photos / charts /
graphs / tables / circuits /
Models / programs etc.
9 10 Completion of Contents of 1/3/2024 3/3/2024 Dnyanraj jadhav
Project Report
10 11 Completion of Weekly progress 10/3/2024 12/3/2024 Sushen jogdand
Report
11 12 Completion of Project Report ( 11/4/2024 11/4/2024 All members
Annexure-II)
12 13 Viva voce / Delivery of
Presentation
3.0 Resources Required (major resources such asraw material, some machining facility, software
etc.)
Sr. Name of Resources / Materials Specification Qty Remarks
No.
1 Bridge 2
2 Pc Windows 11 4
3 Smartphone Android 13 2
NamesofTeamMemberswithEn. Nos.
1)Rameshwar Gulve EN. NO.223511510223
2)SushenJogdand EN. NO. 223511510298
 3)Somnath Gayke EN. NO. 223511510288
4)Aditya Khundhare EN. NO. 223511510246
5)Dnyanraj Jadhav EN. NO. 223511510233
(Tobeapprovedbytheconcernedteacher)
Annexure-II
Micro-Project Report
Format for Micro-Project Report (Minimum 4 pages)
Title of Micro-Project:- “ONLINE TICKET BOOKING”
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-
awesome/4.7.0/css/font-awesome.min.css">
<style>
body {
font-family: Arial;
font-size: 17px;
padding: 8px;
}
*{
box-sizing: border-box;
}
.row {
display: -ms-flexbox; /* IE10 */
display: flex;
-ms-flex-wrap: wrap; /* IE10 */
flex-wrap: wrap;
margin: 0 -16px;
}
.col-25 {
-ms-flex: 25%; /* IE10 */
flex: 25%;
}
.col-50 {
-ms-flex: 50%; /* IE10 */
flex: 50%;
}
.col-75 {
-ms-flex: 75%; /* IE10 */
flex: 75%;
}
.col-25,
.col-50,
.col-75 {
padding: 0 16px;
}
.container {
background-color: #f2f2f2;
padding: 5px 20px 15px 20px;
border: 1px solid lightgrey;
border-radius: 3px;
}
input[type=text] {
width: 100%;
margin-bottom: 20px;
padding: 12px;
border: 1px solid #ccc;
border-radius: 3px;
}
label {
margin-bottom: 10px;
 display: block;
}
.icon-container {
margin-bottom: 20px;
padding: 7px 0;
font-size: 24px;
}
.btn {
background-color: #04AA6D;
color: white;
padding: 12px;
margin: 10px 0;
border: none;
width: 100%;
border-radius: 3px;
cursor: pointer;
font-size: 17px;
}
.btn:hover {
background-color: #45a049;
}
a{
color: #2196F3;
}
hr {
border: 1px solid lightgrey;
}
span.price {
float: right;
color: grey;
}
/* Responsive layout - when the screen is less than 800px wide, make the two
columns stack on top of each other instead of next to each other (also change
the direction - make the "cart" column go on top) */
@media (max-width: 800px) {
.row {
flex-direction: column-reverse;
}
.col-25 {
margin-bottom: 20px;
}
}
</style>
</head>
<body>
<h2>Responsive Checkout Form</h2>
<p>Resize the browser window to see the effect. When the screen is less than
800px wide, make the two columns stack on top of each other instead of next to
each other.</p>
<div class="row">
<div class="col-75">
<div class="container">
<form action="/action_page.php">
<div class="row">
<div class="col-50">
<h3>Billing Address</h3>
<label for="fname"><i class="fa fa-user"></i> Full Name</label>
<input type="text" id="fname" name="firstname" placeholder="John M.
Doe">
<label for="email"><i class="fa fa-envelope"></i> Email</label>
<input type="text" id="email" name="email"
placeholder="[email protected]">
<label for="adr"><i class="fa fa-address-card-o"></i> Address</label>
<input type="text" id="adr" name="address" placeholder="542 W. 15th
Street">
 <label for="city"><i class="fa fa-institution"></i> City</label>
<input type="text" id="city" name="city" placeholder="New York">
<div class="row">
<div class="col-50">
<label for="state">State</label>
<input type="text" id="state" name="state" placeholder="NY">
</div>
<div class="col-50">
<label for="zip">Zip</label>
<input type="text" id="zip" name="zip" placeholder="10001">
</div>
</div>
</div>
<div class="col-50">
<h3>Payment</h3>
<label for="fname">Accepted Cards</label>
<div class="icon-container">
<i class="fa fa-cc-visa" style="color:navy;"></i>
<i class="fa fa-cc-amex" style="color:blue;"></i>
<i class="fa fa-cc-mastercard" style="color:red;"></i>
<i class="fa fa-cc-discover" style="color:orange;"></i>
</div>
 <label for="cname">Name on Card</label>
<input type="text" id="cname" name="cardname" placeholder="John
More Doe">
<label for="ccnum">Credit card number</label>
<input type="text" id="ccnum" name="cardnumber" placeholder="1111-
2222-3333-4444">
<label for="expmonth">Exp Month</label>
<input type="text" id="expmonth" name="expmonth"
placeholder="September">
<div class="row">
<div class="col-50">
<label for="expyear">Exp Year</label>
<input type="text" id="expyear" name="expyear" placeholder="2018">
</div>
<div class="col-50">
<label for="cvv">CVV</label>
<input type="text" id="cvv" name="cvv" placeholder="352">
</div>
</div>
</div>
</div>
<label>
<input type="checkbox" checked="checked" name="sameadr"> Shipping
address same as billing
 </label>
<input type="submit" value="Continue to checkout" class="btn">
</form>
</div>
</div>
<div class="col-25">
<div class="container">
<h4>Cart <span class="price" style="color:black"><i class="fa fa-shopping-
cart"></i> <b>4</b></span></h4>
<p><a href="#">Product 1</a> <span class="price">$15</span></p>
<p><a href="#">Product 2</a> <span class="price">$5</span></p>
<p><a href="#">Product 3</a> <span class="price">$8</span></p>
<p><a href="#">Product 4</a> <span class="price">$2</span></p>
<hr>
<p>Total <span class="price" style="color:black"><b>$30</b></span></p>
</div>
</div>
</div>
</body>
</html>
1.0 Rationale (Importance of the project, in about 30to 50words.This is a modified version of the earlier
one written after the work)
2.0 Aims/Benefits of the Micro-Project:-(In about 50 to 150 words)
*Aim:*
The aim of the Online Ticket Booking System project is to create a web-based platform that facilitates the convenient
booking of tickets for various events, movies, transportation, or any other ticketing needs. This system aims to streamline
the process of ticket booking by providing users with a user-friendly interface to search for, select, and purchase tickets
online.
*Benefits:*
1. *Convenience:* Users can book tickets from the comfort of their homes or on-the-go, eliminating the need to visit
physical ticket counters.
2. *Accessibility:* The system is accessible 24/7, allowing users to book tickets at any time, regardless of their location.
3.0 Course Outcomes Achieved(Add to the earlier list if more Cos are addressed)
a) Understanding of HTML fundamentals: You would have learned the basics of HTML, including tags, attributes, and
structure, which are essential for building web pages.Form creation:
B) You would have gained the ability to create forms using HTML, allowing users to input information such as their name,
email, and payment details.
C) User interface design: You would have learned how to design user-friendly interfaces for online ticket booking systems,
including layout, styling, and responsiveness.
D) Input validation : You would have learned how to validate user input using HTML attributes and JavaScript, ensuring that
users provide correct and complete information when booking tickets.
4.0 Literature Review:- ( you can include all the resources which you have used to gather the information for
the Micro-project)
Sample:-
 WEB PAGE DESIGNING
 FORM CREATION AND VALIDATION
5.0 Actual Methodology Followed (Write step wise work done,data collected and its analysis (if any).The
contribution of individual member may also be noted.)
Requirements Gathering: Understand the specific requirements and functionalities needed
for the ticket booking system. This includes determining the types of events or services for
which tickets will be sold, the user registration process (if required), payment options,
seating arrangements (if applicable), and any other relevant features.Design Planning:
Create a design plan for the user interface, database structure (if using a database), and
overall system architecture. This involves sketching wireframes or mockups of the web
pages, defining the database schema, and planning the interaction flow between different
components of the system.HTML Markup: Begin by creating the HTML structure for the
various web pages of the ticket booking system. This includes pages such as the home
page, event listings, event details, seat selection (if applicable), user registration/login, and
payment confirmation. Use semantic HTML elements to ensure accessibility and
maintainability.CSS Styling: Apply CSS styling to the HTML markup to enhance the visual
presentation and layout of the web pages. Use CSS frameworks like Bootstrap or custom
stylesheets to create responsive designs that adapt to different screen sizes and devices.
Pay attention to typography, colors, spacing, and other design elements to create a
cohesive and visually appealing interface.Form Creation and Validation: Implement HTML
forms for capturing user inputs such as event selection, seat preferences, user registration
details, and payment information. Use HTML5 form validation attributes (e.g., required,
pattern, min/max length) to validate user inputs on the client side. Additionally,
implement server-side validation to ensure data integrity and security.
6.0 Actual Resources Used (Mention the actual resources used).
sr.
NameofResource/material Specifications Qty Remarks
No.
1 BRIDGE 2
Pc Windows 11 4
2
Smartphone Android 13 2
3
7.0 Outputs of the Micro-Projects
Responsive Checkout Form
Resize the browser window to see the effect. When the screen is less than 800px wide,
make the two columns stack on top of each other instead of next to each other.
Billing Address
Full Name
Email
Address
City
State
Zip
Payment
Accepted Cards
Name on Card
Credit card number
Exp Month
Exp Year
CVV
Shipping address same as billing
8.0 SkillDeveloped/Learningoutcomeofthis Micro-Project
9.0 Applicationsofthis Micro-Project:-(In about 30 to 50 words)
Annexure-IV
MICRO-PROJECT EVOLUTION SHEET
Name of Student:- Somnath gayke En.no. 23511510288
Name of Program:- onl;ine ticket booking Semester:- 2nd
Course Name:- web page designing Course Code:-312004
Title of The Micro-Project:- “online ticket booking “
Course Outcomes Achieved:-
a) Understanding of HTML fundamentals: You would have learned the basics of HTML, including tags, attributes, and
structure, which are essential for building web pages.Form creation:
B) You would have gained the ability to create forms using HTML, allowing users to input information such as their name,
email, and payment details.
C) User interface design: You would have learned how to design user-friendly interfaces for online ticket booking systems,
including layout, styling, and responsiveness.
D) Input validation : You would have learned how to validate user input using HTML attributes and JavaScript, ensuring that
users provide correct and complete information when booking tickets.
Sr. Poor Average Good Excellent Sub
Characteristictobeassessed
(Marks1-3) (Marks4-5) (Marks 6-8) (Marks9-10) Total
No.
(A) ProcessandProductAssessment(ConvertBelowtotalmarksoutof6Marks)
1 Relevancetothecourse
2 LiteratureReview/informati
on
collection
3 CompletionoftheTargetasP
erprojectproposal
4 AnalysisofDataand
representation
5
QualityofPrototype/Model
6 ReportPreparation
(B)IndividualPresentation/Viva(ConvertBelowtotalmarksoutof4Marks)
7 Presentation
8
Viva
(A) (B)
TotalMarks
Process and Product Individual Presentation/ 10
Assessment (6 marks) Viva (4 marks)
Comments/Suggestions about team work/leadership/inter-personal communication (ifany)
________________________________________________________________________________________________________
____________________________________________________________________________
_______________________________________________________________________________________
Name of Course Teacher:-R.N. Kulkrni
Dated Signature:-