Professional Documents
Culture Documents
MINERPROJEC1 Merged
MINERPROJEC1 Merged
𝗥𝗘𝗦𝗘𝗥𝗩𝗔𝗧𝗜𝗢𝗡 𝗦𝗬𝗦𝗧𝗘𝗠
A MINOR PROJECT
REPORT submitted by
KAMARUDDEEN M P
REG NO:2201132802
I undersigned, hereby declare that the Minor project report “𝗔𝗠𝗨𝗭𝗠𝗘𝗡𝗧 𝗣𝗔𝗥𝗞 𝗧𝗜𝗖𝗞𝗘𝗧
𝗥𝗘𝗦𝗘𝗥𝗩𝗔𝗧𝗜𝗢𝗡 𝗦𝗬𝗦𝗧𝗘𝗠”submitted for partial fulfilment of the requirements of the award of
Diploma in computer engineering of the Technical Education depart-ment,Kerala is a bonafide work
done by me under supervision of KARUNAKARAN N V
Thissubmissionrepresents myideas in my own words. I also declare that I have adhered to ethics
of academic honesty and integrity and have not misrepresented or
fabricated any data or idea or fact or source in my submission. This report has not beenpreviously
formed the basis for the award of any degree, diploma or similar title of any other Uni- versity.
This is to certify that the report entitle ‟𝗔𝗠𝗨𝗭𝗠𝗘𝗡𝗧 𝗣𝗔𝗥𝗞 𝗧𝗜𝗖𝗞𝗘𝗧 𝗥𝗘𝗦𝗘𝗥𝗩𝗔𝗧𝗜𝗢𝗡 𝗦𝗬𝗦𝗧𝗘𝗠‟ submitted
by „KAMARUDDEEN M P‟ to Technical Education department in partial fulfilment of the
requirements for the award ofDiploma in Computer Engineering is a bonafide record of the
project work carriedout by her un-der my guidance and supervision. This report in any form
has notbeen submitted to any other University or Institute for any purpose.
Office Seal
ABSTRACT
First of all, I would like to solicit my humble thanks to God almighty for being
with me, the right way throughout my Minor project presentation. I record my
indebtedness to our principal Suresh Kumar CP, for his guidance and sustained
encouragement for the successful completion of this report. I am highly
grateful to VInod E, Head, Department of Computer Science, and his
valuable suggestion and guidance throughout this report. His positive
approach had offered incessant help in all possible ways from the beginning.
It‟s my pleasure to express my gratitude to my Minor project coordinators
Karunakaran V N Lecturer, Department of Computer Science . I also extend
my thanks to my faculty mem- bers and my friends for their moral support for
completing the project report.I would also extremely grateful to Suresh Kumar
C P, Principal of Govt.Polytechnic Col- lege,Wayanad for providing the
facilities.I would also like to extend my gratitude to all well wishes and friends
who supported me to present the Project.
INTRODUCTION
.signup-op a{
text-decoration: none;
border: 2px solid #000;
background-color: rgba(68,241,154,1);
padding: 8px 20px;
color: black;
transition: 0.8s ease;
}
.signup-op a:hover{
background-color: white;
}
/* Resetting default browser styles */
.heading {
text-align: center;
padding: 50px 0;
color: #fff;
background: url(images/header-bg-1.png) no-repeat;
background-size: cover; /* Adjust this value according to your needs */
}
.heading h1 {
margin: 0;
}
.about .image {
flex: 0 0 auto; /* Prevent the image from growing */
margin-right: 50px; /* Adjust spacing between image and content */
}
.about .image img {
max-width: 100%; /* Ensure the image doesn't exceed its container */
border-radius: 8px; /* Adding border-radius for image */
}
.about .content {
flex: 1;
}
.about h3 {
margin: 0 0 20px 0;
color: #333; /* Changing heading color */
}
.about p {
line-height: 1.6;
color: #666; /* Changing paragraph text color */
}
.icons-container {
display: flex;
margin-top: 20px; /* Adding margin-top for icons container */
}
.icons {
margin-right: 20px;
display: flex;
align-items: center; /* Aligning icons and text vertically */
}
.icons i {
margin-right: 5px;
}
.icons span {
color: #777; /* Changing color of icon text */
}
</style>
</head>
<body>
<header>
<div class="slideshow-container">
<div class="mySlides fade">
<img src="images\front3.jpg" style="width:100%">
</div>
</ul>
<ul class="list2">
<li class="active-menu"><a href="mainPage.html">Home</a></li>
<li><a id="long" href="Packages.html">Packages</a></li>
<li><a href="gallery.html">Gallery</a></li>
<li><a href="booking.html">Bookking</a></li>
<li><a href="feedback.html">Feedback</a></li>
<li><a href="loging.html">Logout</a></li>
</ul>
</ul>
</div>
<a class="prev" onclick="plusSlides(-1)">❮</a>
<a class="next" onclick="plusSlides(1)">❯</a>
</div>
</header>
<br>
<div style="text-align:center">
<span class="dot" onclick="currentSlide(1)"></span>
<span class="dot" onclick="currentSlide(2)"></span>
<span class="dot" onclick="currentSlide(3)"></span>
</div>
<div class="title">
<h1>Amuzment park Management System</h1>
</div>
<main>
<!-- Regular Amusement Park Packages -->
<div class="package">
<div class="image-container">
<img src="package/basic.png" alt="Package 1">
</div>
<div class="package-details">
<h2>Ultimate Thrills</h2>
<p>Access to all roller coasters</p>
<p>Fast pass included</p>
<p>Duration: Full day</p>
<p class="price">899</p>
</div>
</div>
<div class="package">
<div class="image-container">
<img src="package/Deluxe.png" alt="Package 2">
</div>
<div class="package-details">
<h2>Family Fun</h2>
<p>Rides for all ages</p>
<p>Food vouchers included</p>
<p>Duration: 8 hours</p>
<p class="price">799</p>
</div>
</div>
<div class="package">
<div class="image-container">
<img src="package/Premium.png" alt="Package 3">
</div>
<div class="package-details">
<h2>Water Wonderland</h2>
<p>Water park access</p>
<p>Free locker rental</p>
<p>Duration: Full day</p>
<p class="price">999</p>
</div>
</div>
<div class="package">
<div class="image-container">
<img src="package/Family.png" alt="Small Package 2">
</div>
<div class="package-details">
<h2>Kids Delight</h2>
<p>Kid-friendly rides</p>
<p>Ice cream treat</p>
<p>Duration: 2 hours</p>
<p class="price">$299</p>
</div>
</div>
<div class="package">
<div class="image-container">
<img src="package/VIP.png" alt="Small Package 3">
</div>
<div class="package-details">
<h2>Evening Escape</h2>
<p>Access to evening events</p>
<p>Popcorn included</p>
<p>Duration: 4 hours</p>
<p class="price">499</p>
</div>
</div>
</main>
<div class="heading" >
<h1>About Us</h1>
</div>
<section class="about">
<div class="image">
<img src="images/about-img.jpg" alt="About Us Image">
</div>
<div class="content">
<h3>Welcome to Amusement Park</h3>
<p>�History: Since 2006, we've been a hub of joy, entertaining families with thrilling rides
and magical moments.</p>
<p>�Mission: Creating happiness! Our mission is to offer a safe, inclusive space for all,
fostering unforgettable experiences and lasting memories.</p>
<p>�Team: Meet the dream team behind the scenes - passionate individuals dedicated to
bringing smiles to your faces.</p>
<div class="icons-container">
<div class="icons">
<i class="fas fa-map"></i>
<span>Top Destinations</span>
</div>
<div class="icons">
<i class="fas fa-headset"></i>
<span>24/7 Guide Service</span>
</div>
<div class="icons">
<i class="fas fa-hand-holding-usd"></i>
<span>Reasonable Price</span>
</div>
</div>
</div>
</section>
<script>
var slideIndex = 1;
showSlides(slideIndex);
function plusSlides(n) {
showSlides(slideIndex += n);
}
function currentSlide(n) {
showSlides(slideIndex = n);
}
function showSlides(n) {
var i;
var slides = document.getElementsByClassName("mySlides");
var dots = document.getElementsByClassName("dot");
if (n > slides.length) {slideIndex = 1}
if (n < 1) {slideIndex = slides.length}
for (i = 0; i < slides.length; i++) {
slides[i].style.display = "none";
}
for (i = 0; i < dots.length; i++) {
dots[i].className = dots[i].className.replace(" active", "");
}
slides[slideIndex-1].style.display = "block";
dots[slideIndex-1].className += " active";
}
</script>
</body>
</html>
PACKAGE.HTML
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Amusement Park Packages</title>
<style>
body {
font-family: 'Arial', sans-serif;
margin: 0;
padding: 0;
background-color: #f0f0f0;
}
header {
background-color: #333;
color: #fff;
text-align: center;
padding: 10px;
}
main {
display: flex;
flex-wrap: wrap;
justify-content: space-around;
padding: 20px;
}
.package {
width: 300px;
background-color: #fff;
border-radius: 10px;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
margin: 15px;
overflow: hidden;
transition: transform 0.3s;
font-size: 16px; /* Adjusted font size */
font-weight: 200;
}
.package:hover {
transform: scale(1.05);
}
.package img {
width: 100%;
height: 200px;
object-fit: cover;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
}
.package-details {
padding: 15px;
}
h2, p {
margin: 0;
}
h2 {
color: #333;
font-size: 20px; /* Adjusted font size */
}
.price {
margin-top: 10px;
font-weight: bold;
color: #e44d26;
}
.main {
overflow: hidden;
position: fixed;
background-color: rgba(135, 206, 250, 0.4);
top: 0;
width: 100vw;
height: 8vh;
max-width: 1550px;
}
ul {
list-style-type: none;
margin-top: 20px;
margin-right: 50px;
}
ul li {
display: inline;
}
.list {
position: fixed;
display: block;
top: 9px;
float: left;
}
.list li.logo img {
position: relative;
float: left;
top: -20px;
margin-left: -5%;
animation: spin 4s linear infinite;
}
.search {
display: inline;
color: black;
text-align: center;
text-decoration: none;
}
.search input[type=text] {
position: relative;
float: left;
top: -18px;
left: 5%;
padding: 6px;
font-size: 15px;
border-radius: 15px;
border: 1px solid #0000ff;
transition: 0.6s ease;
}
.search input[type=text]:hover {
background-color: #dcdcdc;
}
.list input[type=image] {
position: relative;
float: right;
top: -50px;
left: 2%;
margin-left: 20%;
padding: 4px;
border-radius: 10px;
border: 1px solid #00f;
transition: 0.6s ease;
background-color: #fff;
}
.list input[type=image]:hover {
background-color: #739ac5;
}
.list2 {
position: relative;
top: -20px;
float: right;
}
.list2 li a {
text-decoration: none;
color: #fff;
padding: 5px 20px;
border: 1px solid transparent;
transition: 0.9s ease;
}
.list2 li a:hover {
background-color: #fff;
color: #000;
}
.list2 li.active-menu a {
background-color: #fff;
color: #000;
}
@keyframes spin {
100% {
transform: rotate(360deg);
}
}
</style>
</head>
<body>
<div class="main">
<ul>
<ul class="list">
<li class="logo"><a href="mainPage.html"><img src="images\earth-globe.png"
alt="Logo" style="width:36px;height:36px"></a></li>
<div class="search">
<form method="POST" action="info.php">
<input type="text" name="search_p" placeholder="Search.." size="50">
<input type="image" name="submit_p" src="images\search_icon.png" alt="Search
image" style="width:22;height:22; margin-left: 35px;">
</form>
</div>
</ul>
<ul class="list2">
<li><a href="mainPage.html">Home</a></li>
<li><a href="Packages.html">Packages</a></li>
<li><a href="gallery.html">Gallery</a></li>
<li><a href="booking.html">Booking</a></li>
<li><a href="feedback.html">Feedback</a></li>
<li><a href="loging.html">Logout</a></li>
</ul>
</ul>
</div>
<header>
<h1>Amusement Park Packages</h1>
</header>
<main>
<div class="package">
<div class="image-container">
<img src="package/basic.png" alt="Package 1">
</div>
<div class="package-details">
<h2>Ultimate Thrills</h2>
<p>Access to all roller coasters</p>
<p>Fast pass included</p>
<p>Duration: Full day</p>
<p class="price">899</p>
</div>
<a href="booking.html">Book Now</a>
</div>
<div class="package">
<div class="image-container">
<img src="package/Deluxe.png" alt="Package 2">
</div>
<div class="package-details">
<h2>Family Fun</h2>
<p>Rides for all ages</p>
<p>Food vouchers included</p>
<p>Duration: 8 hours</p>
<p class="price">799</p>
</div>
<a href="booking.html">Book Now</a>
</div>
<div class="package">
<div class="image-container">
<img src="package/Family.png" alt="Package 3">
</div>
<div class="package-details">
<h2>Water Wonderland</h2>
<p>Water park access</p>
<p>Free locker rental</p>
<p>Duration: Full day</p>
<p class="price">999</p>
</div>
<a href="booking.html">Book Now</a>
</div>
<div class="package">
<div class="image-container">
<img src="package/Group.png" alt="Small Package 1">
</div>
<div class="package-details">
<h2>Quick Adventure</h2>
<p>Choose 3 rides</p>
<p>Snack included</p>
<p>Duration: 3 hours</p>
<p class="price">399</p>
</div>
<a href="booking.html">Book Now</a>
</div>
<div class="package">
<div class="image-container">
<img src="package/Premium.png" alt="Small Package 2">
</div>
<div class="package-details">
<h2>Kids Delight</h2>
<p>Kid-friendly rides</p>
<p>Ice cream treat</p>
<p>Duration: 2 hours</p>
<p class="price">299</p>
</div>
<a href="booking.html">Book Now</a>
</div>
<div class="package">
<div class="image-container">
<img src="package/VIP.png" alt="Small Package 3">
</div>
<div class="package-details">
<h2>Evening Escape</h2>
<p>Access to evening events</p>
<p>Popcorn included</p>
<p>Duration: 4 hours</p>
<p class="price">499</p>
</div>
<a href="booking.html">Book Now</a>
</div>
</main>
</body>
</html>
BOOKING.HTML
<!DOCTYPE html>
<html>
<head>
<title>Booking Form</title>
<link rel="stylesheet" type="text/css" href="css/booking.css">
<script>
function validateForm() {
var data_3 =
document.getEle
mentById('data_3
').value.trim(); var
data_4 =
document.getEle
mentById('data_4
').value.trim(); var
data_5 =
document.getEle
mentById('data_5
').value.trim();
if (!data_3) { alert('First
name is
required!');
return false; }
if (!data_4) {
alert('Last
name is
required!');
return false; }
if (!validateEmail(data_5)) { alert('Email must be a valid email address!'); return false; }
return true;
}
function validateEmail(email) {
var re = ""; // Add
your
email
validation
regex
here
return
!email ||
re.test(em
ail);
}
</script>
</head>
<body>
<div class="main">
<ul>
<ul class="list">
<li class="logo"><a href="mainPage.html"><img src="images\earth-globe.png" alt="Logo"
style="width:36px;height:36px"></a></li>
<div class="search">
<form method="POST" action="info.php">
<input type="text" name="search_p" placeholder="Search.." size="50">
<input type="image" name="submit_p" src="images\search_icon.png" alt="Search image"
style="width:22;height:22; margin-left: 35px;">
</form>
</div>
</ul>
<ul class="list2">
<li><a href="mainPage.html">Home</a></li>
<li><a id="long" href="Packages.html">Packages</a></li>
<li><a href="gallery.html">Gallery</a></li>
<li><a href="booking.html">Bookking</a></li>
<li><a href="feedback.html">Feedback</a></li>
<li><a href="loging.html">Logout</a></li>
</ul>
</ul></div>
<h1>Amuzment park ride Booking</h1>
<div class="container">
<form method="POST" action="booking.php" name="form" onsubmit="return validateForm()">
<div class="textbox"><input type="text" placeholder="First Name" name="ffirst"></div>
<div class="textbox"><input type="text" placeholder="Last Name" name="flast"></div>
<div class="textbox"><input type="text" placeholder="Email" name="femail"></div>
<div class="textbox"><input type="text" placeholder="City" name="city"></div>
<div class="textbox"><input type="text" placeholder="Phone" name="fphone"></div>
<div class="textbox">
<select type="text" placeholder="select package" name="package">
<option value="ultimate_thrills">Ultimate Thrills</option>
<option value="family_fun">Family Fun</option>
<option value="water_wonderland">Water Wonderland</option>
<option value="quick_adventure">Quick Adventure</option>
<option value="kids_delight">Kids Delight</option>
<option value="evening_escape">Evening Escape</option>
</select>
</div>
<div class="btn"><input name="submit" value="Submit" type="submit"></div>
</form>
</div>
</body>
</html>
Loging.php
<?php
if ($_SERVER["REQUEST_METHOD"] == "POST") {
$password = "";
$database = "park";
// Create connection
// Check connection
if ($conn->connect_error) {
$password = $_POST['password'];
}
Close connection $conn->close();
} else {
Redirect back to login page if accessed directly
header("Location: login.html");
exit();
}
?>
Booking.php
<?php
$servername = "localhost"; // Change this if your database server is different $username = "root"; // Change
this to your MySQL username $password = ""; // Change this to your MySQL password
$database = "park"; // Change this to your MySQL database name
// Check connection
if ($conn->connect_error) {
die("Connection failed: " . $conn->connect_error);
}
HOMEPAGE1
HOMEPAGE2
i
PACKAGES
BOOKING ENTER
BOOKING DATABASE
FULL TABLE
CONCLUSION
i
REFERENCE
Lee, T., & Clark, R. (2024). Amusement Park Ticket Reservation System:A
Technical Report.