Scribd
Upload
7 views

Css Pran

Uploaded by

ratnadeepmore10
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
7 views

Css Pran

Uploaded by

ratnadeepmore10
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 18

Maharashtra State Board of Technical Education, Mumbai

GOVERNMENT POLYTECHNIC, SOLAPUR

DIPLOMA IN COMPUTER TECHNOLOGY


ACADEMIC YEAR 2024-25

Client Side Scripting


Language
(22519)
A
MICRO-PROJECT REPORT
ON

Bus Reservation System

Submitted by:

Roll No. Enrolment No. Student Name

57 2200150190 Pranjali Babasaheb Jadhav

Guide Name – Dasari N.S.


CERTIFICATE
This is to certify that the following student Pranjali
Babasaheb Jadhav, Roll No. 57 of Branch CM5I of the
institute
Government Polytechnic, Solapur (0015) has completed the
micro-project work satisfactorily under my supervision/guidance for
the subject Client Side Scripting(22519) in the academic year
2024-2025 as prescribed in the curriculum.

Guide Name –Dasari N.S. Mam

Date & Sign –

Subject Teacher H.O.D Principal


INDEX
Sr. No. Title Page No.

1. Abstract 4

2. Introduction 5

3. Acknowledgement 6

4. Program code 7

5. Output 13

6. Conclusion 15

7. References 16
ABSTRACT

As a student enrolled in the Government Polytechnic,


Solapur,Every semester I require to do a micro-project
on any one topic in the syllabus of the respective
subjects. Hence, I had
done a micro-project on Bus Reservaton system , for the
subject Client SideScripting Language (22519).
In that project I have made the project on Bus Reservation
System where you can book the seat.
A bus reservation system is an online platform that enables users to
search, book, and manage bus tickets efficiently. It streamlines the
ticketing process by providing real-time availability, secure
payment options, and user-friendly interfaces, enhancing the travel
experience for passengers while optimizing bus operators'
management.
INTRODUCTION

The bus reservation system project aims to create an efficient


online platform for booking bus tickets. It enables users to easily
search routes, check availability, and make secure seats, enhancing
travel convenience. This system also streamlines operations for bus
operators, improving overall service delivery.it helps to
Make it in easy way.it can also decrease the time required
For offline ticket booking.
ACKNOWLEDGEMENT

It is an incident of great pleasure for me submitting this Micro


project. I take this opportunity to express my deep sense of
gratitude and great thanks to my guide Dasari Mam, who has
been a constant source of my guidance and inspiration of
thoughts I will always be grateful to them for encouragementand
suggestion given by them from time to time.

I should like to thank all the teaching members of Computer


technology Department and sincere thanks to our H.O.D
Prof. Tarange A.L. who always inspire me.
PROGRAM CODE

<!DOCTYPE html>

<html lang="en">

<head>

<meta charset="UTF-8">

<meta name="viewport" content="width=device-width, initial-

scale=1.0">

<title>Bus Reservation System</title>

<style>

body {

font-family: Arial, sans-serif;

background-color: #f0f0f0;

margin: 0;

padding: 20px;

}
.container {

max-width: 600px;

margin: auto;

background: white;

padding: 20px;

border-radius: 8px;

box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);

h1 {

text-align: center;

color: #333;

label {

display: block;

margin-bottom: 8px;
color: #555;

input, select {

width: 100%;

padding: 10px;

margin-bottom: 20px;

border: 1px solid #ccc;

border-radius: 4px;

-radius: 5px;

cursor: pointer;

font-size: 16px;

button: button {

background-color: #28a745;

color: white;

border: none;
padding: 10px;

border hover {

background-color: #218838;

.confirmation {

display: none;

background-color: #d4edda;

color: #155724;

border: 1px solid #c3e6cb;

padding: 15px;

margin-top: 20px;

border-radius: 5px;

text-align: center;

</style>
</head>

<body>

<div class="container">

<h1>Bus Reservation System</h1>

<form id="reservationForm">

<label for="departure">Departure Location:</label>

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

<label for="arrival">Arrival Location:</label>

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

<label for="date">Travel Date:</label>

<input type="date" id="date" name="date" required>

<label for="passengers">Number of Passengers:</label>


<select id="passengers" name="passengers" required>

<option value="">Select...</option>

<option value="1">1</option>

<option value="2">2</option>

<option value="3">3</option>

<option value="4">4</option>

<option value="5">5</option>

</select>

<button type="submit">Reserve Now</button>

</form>

<div class="confirmation" id="confirmationMessage"></div>

</div>

<script>
document.getElementById('reservationForm').addEventListener('subm

it', function(event)

event.preventDefault(); // Prevent form submission

// Get form values

const departure = document.getElementById('departure').value;

const arrival = document.getElementById('arrival').value;

// Display confirmation message

const confirmationMessage =

document.getElementById('confirmationMessage');

confirmationMessage.innerHTML = Booked

Successfully!<br>From: ${departure} <br>To: ${arrival};


confirmationMessage.style.display = 'block';

});

</script>

</body>

</htm
OUTPUT
CONCLUSION

In summary, the bus reservation system project provides a


convenient and efficient way for users to book tickets online. It
enhances the travel experience and simplifies operations for bus
operators, contributing to a more organized public transport
system.
the bus reservation system project successfully addresses the need
for a streamlined and user-friendly ticket booking process. By
integrating real-time availability and secure payment options, it
enhances the travel experience for passengers while improving
operational efficiency for bus operators. This innovative solution
sets the stage for a more accessible and organized public
transportation system.
REFERENCES

• https://www.w3schools.com/

• https://www.geeksforgeeks.org/

• https://www.interviewbit.com/blog/java-projects/

You might also like