KARNATAK SCIENCE COLLEGE, DHARWAD

DEPARTMENT OF COMPUTER SCIENCE

2023-2024

PROJECT REPORT ON
“PAYING GUEST ACCOMMODATION
SYSTEM”

UNDER THE GUIDANCE OF

DR. NAGARAJ S.

Head of the department

Dr SHRI RAJASHEKAR V. B

SUBMITTED BY
JAGADEESH S CHAVAN
(U02AB21S0124)
BSC (CS) 6TH SEM
KARNATAK SCIENCE COLLEGE, DHARWAD
DEPARTMENT OF COMPUTER SCIENCE
2023-2024

1
 CERTIFICATE
This is to certify that JAGADEESH S CHAVAN has satisfactorily completed
the project work entitled “PAYING GUEST ACCOMMODATION
SYSTEM” for the partial fulfilment of degree in Bachelor of Computer Science
from the Karnataka University, Dharwad for the year 2023-2024.

Project Associates: Project

Guide

1.JAGADEESH S CHAVAN DR. NAGARAJ S

EXAMINERS: Head of The

Department
1……………………
2……………………

ACKNOWLEDGEMENT
2
This work is a product of countless individuals whose thoughts ideas,
perspectives and work have us the exposure to knowledge. Nothing in life is
ever successful without the co-operate effort many gifted people who are
willing to network and submit their talent experience and passion for a
common.

The satisfaction and happiness we feel at the successful completion of our

project entitled “PAYING GUEST ACCOMMODATION SYSTEM” would
be incomplete if did not remember the people who made it possible and
crowned our efforts with success. First and Fore most we thank our parents and
almighty for their blessings on us at all times in all circumstances.

We are grateful to our beloved principal (Mrs.) M.S. Salunke and Coordinate
Dr Shri. Rajashekhar V.B Department of Computer Science for your kind
support

We express our deep sense of indebtedness to our guide for his

dynamic guidance and encouragement. Finally, we thank our department
faculties Smt. Lalitha R. Naik, Smt. Kalpana C Dalawai, Dr Shri.
Rajashekhar V.B for their kind support

Project Associates

Jagadeesh S Chavan

3
 ABSTRACT
The Paying Guest (PG) accommodation system project addresses the growing
demand for flexible and affordable housing solutions in urban areas. This
project aims to develop and optimize a comprehensive platform that facilitates
efficient management and seamless interactions within PG facilities.

At its core, the PG accommodation system offers rented rooms or shared spaces
within residential homes or purpose-built complexes. The project focuses on
enhancing user experience through a user-friendly web application that
integrates property listings, tenant applications, and streamlined payment
processes. Leveraging advancements in technology, such as Artificial
Intelligence (AI) and data analytics, the system aims to automate administrative
tasks, enhance security measures, and personalize tenant services.

Key objectives include designing robust features for property owners to list
available spaces and manage tenant applications effectively. For tenants, the
system offers easy navigation, secure payment options, and transparent
communication channels with landlords. Ensuring regulatory compliance and
maintaining standards of cleanliness and safety are paramount, with the system
incorporating regular inspections and compliance checks.

Socio-economic impacts are crucial considerations, with the PG

accommodation system contributing to urban development by alleviating
housing shortages and accommodating diverse demographic needs. It supports
workforce mobility by providing temporary housing options for students,
working professionals, and migrants. Economically, the system stimulates local
economies through rental income generation, employment opportunities in
property management, and associated service sectors.
In conclusion, the PG accommodation system project represents a significant
initiative in urban housing innovation, addressing critical housing challenges
while promoting economic growth and community integration. Its
implementation promises to reshape the landscape of temporary housing
solutions, offering a model for sustainable urban development and inclusive
living environments in the future.

4
Table of Contents:

Chapter-1

1.1 Introduction
1.2 Analysis
1.2.1. Existing System Disadvantage
1.2.2. Proposed System Advantages
1.2.3. Feasibility Study

Chapter-2

2.1System Design

2.1.1. Site-map

2.1.2. Requirement Specification

Chapter-3

3.1Implementation
3.1.1. Languages Used
3.1.2. Source Code
3.1.3. Screenshots

Chapter-4

4.1 Testing

Conclusion

Reference

5
 Chapter-1

1.1 INTRODUCTION

This project is the web-based booking system where you can book the PG by your
perspective location. As the name specifies "PAYING GUEST ACCOMODATION
SYSTEM" is a software developed for managing various activities in the PG.
A paying guest (PG) accommodation system is a type of rental arrangement where a
homeowner rents out a room or a portion of their home to an individual, known as a paying
guest. The paying guest typically receives a private room and shares common spaces such as
the kitchen, bathroom, and living areas with the homeowner or other guests.
In this system, the paying guest pays a monthly rent which includes utilities and amenities
like Wi-Fi, AC, Laundry,Hot water and Library etc. The terms and conditions of the
arrangement are agreed upon by both parties before the paying guest moves in.
PG accommodations are popular among students, working professionals, and travelers who
are looking for a budget-friendly and convenient housing option. They offer a sense of
community and provide a homely atmosphere, unlike traditional hotels or hostels.
Some popular websites and apps, such as Airbnb and Booking.com, allow homeowners to list
their properties for rent as paying guest accommodations. Additionally, there are many
specialized websites and agents who offer PG accommodations in specific cities or regions.
Overall, the paying guest accommodation system is a mutually beneficial arrangement that
provides affordable housing options for guests and a source of additional income for
homeowners.

1.1 PROBLEM DEFINITION

PG refers to when a person stays in someone else's house/property and pays rent for the
accommodation and facilities available with it, such as electricity, water and food at times.

1.2 OBJECTIVE OF PROJECT

User need to specify their requirement the system will match the user requirement with the
Details in the database and after finding the match the required details are given to the user.
The system will have a Admin page from which he can add details about the rooms. This will
reduce the effort required by the new students and existing student in searching room and
other useful things. Identification of the drawbacks of the existing system leads to the
designing of computerized system that will be compatible to the existing system with the

6
system Which is more user friendly and more GUI oriented. We can improve the efficiency
of the system, thus overcome the drawbacks of the existing system.

✔ Less human error

✓ Strength and strain of manual labour can be reduced
✓ High security
✓ Data redundancy can be avoided to some extent
✓ Data consistency
✓ Easy to handle
✓ Easy data updating
✓ Easy record keeping
✔ Backup data can be easily generated.

EXISTING SYSTEM
7
The current existing system is mostly manual. A person in order to find a PG has to travel
around and enquire locals in order to find a place for himself. And as for the owners, they
have to manually publish ads of their PG which is a tedious task and time consuming. Just
dial is website where they provide little information about the paying guest near to our
location based on our device GPS or location. They don't in detail information. Zolostay is
another website that also work on the same basis of the above website mentioned that is Just
dial. Existing websites doesn't Provide food details and the cost of pg in the local area.

The existing system of paying guest (PG) accommodation varies widely depending on
location, market demand, and the type of establishment. However, there are common features
and characteristics that define many PG accommodation setups:

1.Types of PG Accommodation
● Individual Houses: Some landlords rent out rooms or floors in their own homes to
tenants.
● Shared Apartments/Flats: Multiple tenants share a larger apartment or flat, typically
with individual rooms and shared common areas.

2. Booking and Management

● Offline Booking: Historically, bookings were often made through direct interactions
with landlords or via phone calls.
● Online Platforms: Increasingly, online platforms and websites have emerged to
facilitate bookings, allowing tenants to search for available accommodations, view
photos, and sometimes even conduct virtual tours.
3. Payment
● Rent Payment: Typically done monthly, rent payments are made directly to the
landlord or through a platform if using an online service.
● Security Deposits: Often required upfront as a guarantee against damages or unpaid
rent
4. Facilities and Amenities
● Furnished vs. Unfurnished: Accommodations may come fully furnished or
unfurnished, influencing the rental price.
● Shared Facilities: Common amenities like kitchens, bathrooms, and living areas
may be shared among tenants.
● Utility Services: Some accommodations include utilities (water, electricity,
internet,lundary,parking) in the rent, while others require tenants to pay separately.

5. Management and Maintenance

8
 ● Landlord/Tenant Interaction: Direct communication between landlords and tenants
for issues like repairs, maintenance, or complaints.
● Property Management Companies: Larger facilities or chains may employ property
management companies to oversee operations, maintenance, and tenant relations.
6.Challenges
● Quality Control: Varied standards of accommodation and facilities can lead to
disparities in tenant satisfaction.
● Tenant Turnover: High turnover rates can pose challenges for landlords in
maintaining occupancy and managing vacancies.
● Legal and Regulatory Compliance: Adherence to local housing laws, tenant rights,
and safety standards can be complex and vary regionally.
7. Future Trends
● Technology Integration: More PG accommodations are expected to adopt online
booking systems, digital payments, and smart home technologies for convenience
and efficiency.
● Flexible Living Arrangements: Demand for short-term stays, co-living spaces, and
flexible leases is increasing among young professionals and students.

Conclusion
The existing system of paying guest accommodation is diverse and evolving, influenced by
technological advancements, changing tenant preferences, and regulatory frameworks. While
traditional methods still prevail in some areas, online platforms and digital solutions are
reshaping how accommodations are marketed, booked, and managed. Understanding these
dynamics is crucial for stakeholders looking to innovate and improve the PG accommodation
experience.

DISADAVANTAGES
1. It is less user-friendly.
2. User must go to PG and book the PG.
3. It is time consuming process.
4. Not in reach of distant users.
5. Users can not rate and review the PG.

PROPOSED SYSTEM

9
The software helps customers in locating PGs online eliminating the whole process of
moving from place to place to find PGs. Customers can book their room online and fulfill the
payment via the website itself. And for the Owners, they can attract a wider range of
customers through the website.

The proposed system for paying guest (PG) accommodation aims to leverage modern
technology to enhance the booking, management, and user experience aspects of PG
accommodations. Here’s an overview of what the proposed system might entail:
1. Online Booking

● User-Friendly Interface: A responsive website or mobile app allowing prospective tenants to

browse available accommodations, view photos, check room details, and make bookings
online.
● Real-Time Availability: Integration with a centralized database where landlords can update
room availability in real-time, ensuring accurate and up-to-date information for tenants.

2. User Management

● User Registration: Tenants and landlords can create accounts/profiles to manage bookings,
payments, and preferences.

3. Tenant-Focused Features

● Reviews and Ratings: Enable tenants to leave reviews and ratings based on their stay
experience, helping future tenants make informed decisions.

ADAVANTAGES
1.It provides accurate details.
2. It is time consuming.
3. Easy to get paying accommodation.
4. Easy to rent place.

FEASIBILITY STUDY

10
As internet is everywhere and can be accessed easily by anyone, this project has been
developed to overcome the problems prevailing in the practicing manual system. This
provides a total solution for booking the PG in your perspective location.

As this system works over the internet any concerned person with an internet connection can
gain its benefits. Through this website a owner who has to add the PG with its loction and
confirm the booking through this website as well as a user who is from another city or
location through this project can easily book the particular PG by this website. And also, he
can view the facilities, rate the PG out of 5, and also he can write a review through this
website. Present system is to visit the PG one by one to check and compare prices which is
time consuming and person losses his energy by travelling but, by using this website one can
easily book the PG just by using their phone which saves energy and time as well as the
customer can also rate and give feedback for PG.

Chapter 2

11
 2.1 SYSTEM DESIGN

Introduction
System analysis plays a pivotal role in the development and enhancement of organizational
processes, ensuring efficiency, effectiveness, and alignment with strategic goals. It involves a
systematic investigation of existing systems, identifying their strengths and weaknesses, and
proposing improvements or new systems that address specific needs or challenges. By
employing various methodologies, tools, and techniques, system analysis aims to optimize
workflows, streamline operations, and ultimately enhance the overall performance of an
organization.

This introduction sets the stage for a detailed exploration of system analysis, highlighting its
importance in identifying requirements, defining scope, and designing solutions that meet the
dynamic demands of modern business environments. Through rigorous analysis and
stakeholder collaboration, system analysis ensures that technological investments align with
organizational objectives, driving innovation and sustainable growth.

2.1.1.SITEMAP-DESIGN

PG
12
 Home

About

Naina PG
Booknow

Virat PG Booknow

Sanvi PG Booknow

Owner

Registration

Contact

2.1.2. REQUIREMENT SPECIFICATION:

13
a. HARDWARE SPECIFICATION:

● Processor – Intel Pentium

● RAM – 4GB and above

● Hard Disk – 160GB and above

b. SOFTWARE SPECIFICATION:

● Operating system – Windows 11

● Front-end

● HTML
● CSS
● JAVASCRIPT

Chapter-3

14
 3.1 IMPLEMENTATION
3.1.1. LANGUAGES USED:

HTML: The Structure of the Web

HTML (HyperText Markup Language) is the foundational language for creating web pages.
It provides the structure of a webpage, allowing developers to define elements like headings,
paragraphs, images, links, and more. Each element is represented by tags, which tell the
browser how to display the content. HTML is essential for building the skeleton of any web
application, making it the starting point for web development.

CSS: The Styling of the Web

CSS (Cascading Style Sheets) is used to control the appearance and layout of a webpage. By
separating content from design, CSS allows developers to style HTML elements with colors,
fonts, spacing, and positioning. This separation makes it easier to maintain and update the
look of a website. CSS can be applied inline, internally within a webpage, or externally via a
linked stylesheet, providing flexibility and control over the presentation of web content.

JavaScript: The Interactivity of the Web

JavaScript is a powerful scripting language that enables dynamic and interactive functionality
on websites. It allows developers to create responsive user interfaces, handle events (like
clicks and form submissions), and manipulate HTML and CSS in real-time. JavaScript can be
executed on the client-side (in the user's browser) or server-side (on a web server), making it
versatile for various web development tasks. With JavaScript, websites can provide a richer
user experience by responding to user actions without needing to reload the page.

3.1.2. SOURCE CODE:

15
new.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-
awesome.min.css">
<title>Webpage Layout</title>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<header>
<nav>
<ul>
<li><a href="#">Home</a></li>
<li><a href="#ab">About</a></li>
<li><a href="owner1.html">Owner</a></li>
<li><a href="registration.html">Registration</a></li>
<li><a href="contact.html">Contact</a></li>

</ul>
</nav>
</header>
<section class="main-image">
<imgsrc="back22.jpg" alt="Main Image">
<div class="centered-text">
<big><h1>PAYING GUEST ACCOMADATION SYSTEM</h1></big>
<p>"Where comfort finds a welcome, and guests become family."</p></div>
</section>

16
<section class="three-images">
<div class="image-section">
<a href="Naina.html">
<imgsrc="pg10.jpg" alt="Image 3"></a>
<p style="color: black;"><h1><center>NAINA
PG[GIRLS]</center></h1></h1></p>
<p>
We are Paying guest accommodations, commonly referred to as PGs, offer
temporary living arrangements
typically furnished with shared amenities such as kitchens and bathrooms.
</p>
<center><button><a href="Naina.html" style="color: black;">READ MORE
>></a></button></center>
</div>
</div>
<div class="image-section">
<a href="Viraj.html">
<imgsrc="pg11.jpg" alt="Image 3"></a>
<p style="color: black;"><h1><center>VIRAJ PG</center></h1></h1></p>
<p>
We are Paying guest accommodations, commonly referred to as PGs, offer
temporary living arrangements
typically furnished with shared amenities such as kitchens and bathrooms.
</p>
<center><button><a href="Viraj.html" style="color: black;">READ MORE
>></a></button></center>
</div>
<div class="image-section">
<a href="sanvi.html">
<imgsrc="pg12.jpg" alt="Image 3"></a>
<p style="color: black;"><h1><center>SANVI PG</center></h1></h1></p>
<p>

17
 We are Paying guest accommodations, commonly referred to as PGs, offer temporary
living arrangements
typically furnished with shared amenities such as kitchens and bathrooms.
</p>
<center><button><a href="sanvi.html" style="color: black;">READ MORE
>></a></button></center>
</div>
</div>
</section>

<div id="ab" style="border: 2px solid black; margin-bottom: 10px; background-color:

white;">
<section class="about-us">
<h2>About Us</h2>
<p>Our mission is to offer more than just a place to stay. We strive to create a community
where residents feel safe
, supported, and at ease. With thoughtfully furnished rooms and shared facilities
including modern kitchens and
well-maintained bathrooms,
we ensure a hassle-free living experience.Whether you're new to the city or seeking
temporary accommodation,
is your trusted partner. Explore our offerings and join our vibrant community of
residents who call
their home away from home.
</p>
</section>
</div>
<footer style="background-color: brown; color: #fff; text-align: center; padding: 10px;">
<p><a href="#" style="color: white;"><i class="fa fa-facebook-official" aria-
hidden="true"></i> Facebook</a></p>
<p><a href="#" style="color: white;"><i class="fa fa-twitter" aria-hidden="true"></i>
Twitter</a></p>
<p><a href="#" style="color: white;"><i class="fa fa-instagram" aria-hidden="true"></i>
Instagram</a></p>

18
<p>&copy; 2024 Your Website. All rights reserved.</p>
</footer>
</body>
</html>

style.css
body {
font-family: 'Times New Roman', Times, serif;
margin: 0;
padding: 0;
background-color: white;
scroll-behavior: smooth;
}

header {
background-color:brown;
color: white;
padding: 1em 0;
}

nav ul {
list-style-type: none;
padding: 0;
margin: 0;
text-align: end;
}

nav ul li {
display: inline;
margin: 0 15px;

19
}

nav ul li a {
color: white;
text-decoration: none;

}
nav ul li a:hover{
border-bottom:2px solid darkblue;
}

.main-image {
position: relative;
color:black;
text-align: center;
}

.main-image img {
width: 100%;
height: auto;
}

.centered-text {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
font-size: 22px;
padding: 10px;
}

20
.three-images {
display: flex;
justify-content: space-around;
padding: 2em 0;
}

.image-section {
border: 2px solid #ccc;
width: 30%;
color:black;
}

.image-section img {
width: 100%;
height: auto;
}

.about-us {
text-align: center;
font-size: medium;
padding: 2em 0;
line-height: 1.6;
}

footer {
background-color: #333;
color: white;
text-align: center;
padding: 1em 0;

21
}

Registration.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Registration Form</title>
<style>
body {
font-family: Arial, sans-serif;
background-color: #f0f0f0;
display: flex;
justify-content: center;
align-items: center;
height: 100vh;
margin: 0;
}
.container {
width: 100%;
max-width: 600px;
background-color: #ccc;
padding: 30px;
border-radius: 10px;
box-shadow: 0 0 20px rgba(0,0,0,0.1);
}
h2 {
text-align: center;
color: #333;

22
 margin-bottom: 30px;
}
form {
display: grid;
gap: 15px;
}
label {
font-weight: bold;
color: #555;
}
input[type="text"], input[type="tel"], textarea, select {
width: 100%;
padding: 10px;
font-size: 16px;
border: 1px solid #ddd;
border-radius: 4px;
box-sizing: border-box;
}
input[type="radio"] {
margin-right: 10px;
}
.address {
height: 80px;
}
.btn {
background-color: #4CAF50;
color: #fff;
border: none;
padding: 12px 20px;
text-align: center;

23
 text-decoration: none;
display: inline-block;
font-size: 16px;
border-radius: 4px;
cursor: pointer;
}
.btn:hover {
background-color: #45a049;
}
.success-message {
background-color: #dff0d8;
border: 1px solid #c3e6cb;
color: #155724;
padding: 10px;
border-radius: 4px;
margin-top: 20px;
}
.main-image {
position: relative;
color:black;
text-align: center;
}

.main-image img {
width: 100%;
height: auto;
}
</style>
</head>
<body>

24
<section class="main-image">
<imgsrc="new.jpg" alt="Main Image">
</section>
<div class="container">
<button id="backButton">Home</button>
<h2>Registration Form</h2>

<form id="registrationForm">
<div>
<label for="fullname">Full Name</label>
<input type="text" id="fullname" name="fullname" required>
</div>
<div>
<label for="fathername">Father's Name</label>
<input type="text" id="fathername" name="fathername" required>
</div>
<div>
<label>Gender</label><br>
<input type="radio" id="male" name="gender" value="male" checked>
<label for="male">Male</label>
<input type="radio" id="female" name="gender" value="female">
<label for="female">Female</label>
</div>
<div>
<label for="color">Select your PG :</label><br>
<select id="color" name="color">
<option value="red">None</option>
<option value="red">Naina</option>
<option value="blue">Sanvi</option>
<option value="green">Viraj</option>

25
</select><br><br>
</div>

<div>
<label for="address">Permanent Address</label>
<textarea id="address" name="address" class="address" required></textarea>
</div>
<div>
<label for="contact">Contact Number</label>
<input type="tel" id="contact" name="contact" pattern="[0-9]{10}" required>
</div>
<button type="submit" class="btn">Submit</button>
</form>

<div id="successMessage" class="success-message" style="display: none;">

<p>Registration Successful!</p>
</div>
</div>
<script>
document.getElementById('registrationForm').addEventListener('submit', function(event) {
event.preventDefault();
document.getElementById('successMessage').style.display = 'block';
});
document.getElementById('backButton').addEventListener('click', function() {
window.location.href = 'new.html'; // Adjust the URL to your home page
});
</script>
</html>

26
Owner.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-
awesome.min.css">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Contact Information</title>
<style>
body {
font-family: Arial, sans-serif;
margin: 0;
background-color: antiquewhite;
padding: 0;
}

.container {
max-width: 800px;
margin: 20px auto;
background-color: #ccc;
padding: 20px;
border-radius: 8px;
box-shadow: 0 0 10px rgba(0,0,0,0.1);
}

header {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 20px;

27
}

h1 {
color: #333;
font-size: 24px;
}

button {
background-color: #4CAF50;
color: white;
border: none;
padding: 10px 20px;
border-radius: 4px;
cursor: pointer;
}

button:hover {
background-color: #45a049;
}

main {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 20px;
}

.contact-info {
padding: 20px;
background-color: white;
border-radius: 8px;

28
}

.info-section {
margin-bottom: 15px;
}

.info-section h2 {
color: #333;
font-size: 18px;
margin-bottom: 5px;
}

.info-section p {
margin: 0;
font-size: 16px;
color: #666;
}

.design-photo {
display: flex;
justify-content: center;
align-items: center;
}

.design-photo img {
max-width: 100%;
border-radius: 8px;
box-shadow: 0 0 10px rgba(0,0,0,0.1);
}

29
</style>
</head>
<body>

<div class="container">
<header>
<h1>Owner</h1>
<button id="backButton">Home</button>
</header>
<main>
<div class="contact-info">
<div class="info-section">
<h2>Name:</h2>
<p>Jagadeesh Chavan</p>
</div>
<div class="info-section">
<h2>Contact Number:</h2>
<p>8088283900</p>
</div>
<div class="info-section">
<h2>Address:</h2>
<p>Malmaddi Near Railway Station, Dharwad</p>
</div>
<div class="info-section">
<h2>Email:</h2>
<p>jagadeeshchavan@.com</p>
</div>

</div>
<div class="design-photo">

30
<imgsrc="vkk.jpg" alt="Design Photo">
</div>
</main>
</div>

<script>
document.getElementById('backButton').addEventListener('click', function() {
window.location.href = 'new.html'; // Adjust the URL to your home page
});

</script>
</body>
</html>

Registration.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Registration Form</title>
<style>
body {
font-family: Arial, sans-serif;
background-color: #f0f0f0;
display: flex;
justify-content: center;
align-items: center;
height: 100vh;
margin: 0;

31
 }
.container {
width: 100%;
max-width: 600px;
background-color: #ccc;
padding: 30px;
border-radius: 10px;
box-shadow: 0 0 20px rgba(0,0,0,0.1);
}
h2 {
text-align: center;
color: #333;
margin-bottom: 30px;
}
form {
display: grid;
gap: 15px;
}
label {
font-weight: bold;
color: #555;
}
input[type="text"], input[type="tel"], textarea, select {
width: 100%;
padding: 10px;
font-size: 16px;
border: 1px solid #ddd;
border-radius: 4px;
box-sizing: border-box;
}
input[type="radio"] {
margin-right: 10px;

32
 }
.address {
height: 80px;
}
.btn {
background-color: #4CAF50;
color: #fff;
border: none;
padding: 12px 20px;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 16px;
border-radius: 4px;
cursor: pointer;
}
.btn:hover {
background-color: #45a049;
}
.success-message {
background-color: #dff0d8;
border: 1px solid #c3e6cb;
color: #155724;
padding: 10px;
border-radius: 4px;
margin-top: 20px;
}
.main-image {
position: relative;
color:black;
text-align: center;
}

33
.main-image img {
width: 100%;
height: auto;
}
</style>
</head>
<body>
<section class="main-image">
<imgsrc="new.jpg" alt="Main Image">
</section>
<div class="container">
<button id="backButton">Home</button>
<h2>Registration Form</h2>

<form id="registrationForm">
<div>
<label for="fullname">Full Name</label>
<input type="text" id="fullname" name="fullname" required>
</div>
<div>
<label for="fathername">Father's Name</label>
<input type="text" id="fathername" name="fathername" required>
</div>
<div>
<label>Gender</label><br>
<input type="radio" id="male" name="gender" value="male" checked>
<label for="male">Male</label>
<input type="radio" id="female" name="gender" value="female">
<label for="female">Female</label>
</div>
<div>

34
<label for="color">Select your PG :</label><br>
<select id="color" name="color">
<option value="red">None</option>
<option value="red">Naina</option>
<option value="blue">Sanvi</option>
<option value="green">Viraj</option>
</select><br><br>
</div>

<div>
<label for="address">Permanent Address</label>
<textarea id="address" name="address" class="address" required></textarea>
</div>
<div>
<label for="contact">Contact Number</label>
<input type="tel" id="contact" name="contact" pattern="[0-9]{10}" required>
</div>
<button type="submit" class="btn">Submit</button>
</form>

<div id="successMessage" class="success-message" style="display: none;">

<p>Registration Successful!</p>
</div>

</div>
<script>
document.getElementById('registrationForm').addEventListener('submit', function(event) {
event.preventDefault();
document.getElementById('successMessage').style.display = 'block';
});

35
document.getElementById('backButton').addEventListener('click', function() {
window.location.href = 'new.html'; // Adjust the URL to your home page
});

</script>
</html>

Contact.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<linkrel="stylesheet"href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-
awesome.min.css">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Contact Information</title>
<style>
body {
font-family: Arial, sans-serif;
margin: 0;
background-color: antiquewhite;
padding: 0;
}

.container {
max-width: 800px;
margin: 20px auto;
background-color: #ccc;
padding: 20px;
border-radius: 8px;
box-shadow: 0 0 10px rgba(0,0,0,0.1);
}

36
header {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 20px;
}

h1 {
color: #333;
font-size: 24px;
}

button {
background-color: #4CAF50;
color: white;
border: none;
padding: 10px 20px;
border-radius: 4px;
cursor: pointer;
}

button:hover {
background-color: #45a049;
}

main {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 20px;
}

.contact-info {

37
 padding: 20px;
background-color: white;
border-radius: 8px;
}

.info-section {
margin-bottom: 15px;
}

.info-section h2 {
color: #333;
font-size: 18px;
margin-bottom: 5px;
}

.info-section p {
margin: 0;
font-size: 16px;
color: #666;
}

.design-photo {
display: flex;
justify-content: center;
align-items: center;
}

.design-photo img {
max-width: 100%;
border-radius: 8px;
box-shadow: 0 0 10px rgba(0,0,0,0.1);
}

38
</style>
</head>
<body>

<div class="container">
<header>
<h1>Contact Information</h1>
<button id="backButton">Back to Home</button>
</header>
<main>
<div class="contact-info">
<div class="info-section">
<h2>Name:</h2>
<p>Jagadeesh Chavan</p>
</div>
<div class="info-section">
<h2>Contact Number:</h2>
<p>8088283900</p>
</div>
<div class="info-section">
<h2>Social Media Accounts:</h2>
<p>
<a href="#"><i class="fa fa-twitter" aria-hidden="true"></i> Twitter</a><br>
<a href="#"><Iclass="fafa-facebook-official"aria-hidden="true"></i> Facebook</a><br>
<a href="#"><i class="fa fa-instagram" aria-hidden="true"></i> Instagram</a>
</p>
</div>
<div class="info-section">
<h2>Address:</h2>
<p>Malmaddi Near Railway Station, Dharwad</p>
</div>

39
<div class="info-section">
<h2>Email:</h2>
<p>jagadeeshchavan@.com</p>
</div>
<div class="info-section">
<h2>Location:</h2>
<p>Latitude: 15°57′N 75°18′E / 15.95°N 75.3°E / 15.95; 75.3.</p>
</div>
</div>
<div class="design-photo">
<imgsrc="pg10.jpg" alt="Design Photo">
</div>
</main>
</div>

<script>
document.getElementById('backButton').addEventListener('click', function() {
window.location.href = 'new.html'; // Adjust the URL to your home page
});

</script>
</body>
</html>

SCREENSHOTS:

Home Page

40
Naina PG:

41
Booknow Page:

42
Owner page:

Registration page:

43
Contact page:

Chapter-4
44
4.1 Testing
Testing the source code is a crucial aspect of software development that ensures the quality,
reliability, and correctness of the final product. It involves systematically verifying the
behavior of the code against expected outcomes and identifying any defects or bugs that may
affect its performance. The introduction of testing marks a pivotal phase in the development
lifecycle, transitioning from coding to validation, aiming to deliver a robust and dependable
software application.

There are several methods and approaches to testing source code, each serving specific
purposes and focusing on different aspects of software quality assurance:

1. Unit Testing:

-Definition: Unit testing involves testing individual units or components of the software in
isolation.

-Purpose: It ensures that each unit functions correctly as per its design and specification.

-Implementation: Developers write unit tests for functions, methods, or classes to validate
their behavior under various conditions.

-Tools: Popular unit testing frameworks include JUnit for Java, pytest for Python, and
NUnit for .NET.

2. Integration Testing:

-Definition: Integration testing verifies interactions between different components or

modules of the software.

-Purpose: It ensures that integrated units work together as expected and interfaces between
components function correctly.

- Implementation: Tests are designed to check data communication, API calls, and
interactions between modules.

45
 - Tools: Tools like Mockito (for Java) or Sinon.js (for JavaScript) can aid in simulating
dependencies and interactions.

3. System Testing:

- Definition: System testing evaluates the behavior of the entire system as a whole.

- Purpose: It validates the software against the overall functional and non-functional
requirements.

-Implementation: Tests simulate real-world scenarios and user interactions to ensure the
software meets expected performance benchmarks.

-Tools: Selenium for web applications, Robot Framework for acceptance testing, and
JMeter for performance testing are widely used tools.

4. Regression Testing:

-Definition: Regression testing ensures that recent code changes have not adversely affected
existing functionalities.

-Purpose: It prevents the reintroduction of previously fixed bugs and maintains software
stability across iterative development cycles.

-Implementation: Automated regression tests are often executed after each code change to
validate the integrity of existing features.

-Tools: Continuous integration tools like Jenkins or GitLab CI can automate regression
testing.

5. Acceptance Testing:

-Definition: Acceptance testing involves validating the software against business

requirements and user expectations.

-Purpose: It confirms that the software is ready for release and meets the needs of
stakeholders.

46
 -Implementation: Tests are typically performed by end-users or QA teams in a staging
environment to simulate real-world usage scenarios.

-Tools: Cucumber (for behavior-driven development), FitNesse (for acceptance testing

frameworks), and TestComplete (for UI testing).

6. Performance Testing:

-Definition: Performance testing assesses the responsiveness, stability, and scalability of the
software under various load conditions.

-Purpose: It identifies performance bottlenecks, memory leaks, or other issues that could
degrade user experience.

-Implementation: Tools like Apache JMeter, LoadRunner, or Gatling are used to simulate
concurrent user traffic and measure system response times.

These testing methods collectively ensure that the software meets quality standards, performs
reliably under different conditions, and delivers a positive user experience. By integrating
these testing practices into the development process, teams can identify and address issues
early, reduce risks, and enhance overall software quality.

47
CONCLUSION:

The proposed web application has been designed in such a way that maintenance is easy and
will provide all the basic functionalities and highly scalable. We can attach increasing
number of modules to the system without affecting other modules. The necessary document
has been created and the system has been implemented.
Finally, the proposed system provides solution to the existing system that can satisfy the
requirements that were specified in Software Requirement Specification. Further a dedicated
mobile application can be developed. The application is designed only for any educational
institutions, and further we can add features like notifications from college, time tables
etc., in the future.

FUTURE ENHANCEMENT:

1. Online payment through website.

2. Providing a smart card for accessing PG rooms.
3. Integration of technology to simplify the booking and management process, such as the use of
mobile apps, online platforms, and smart locks.
4. Standardization of quality and services across different properties through industry-wide standards
and regulations.
5. Improved safety and security measures such as security cameras, smoke detectors, and 24/7
support.
6. Increased amenities and services such as housekeeping, on-site recreation facilities, and
personalized services for guests.
7. Environmentally sustainable practices such as energy-efficient appliances, recycling, and
waterconservation measures. 8. Customization of the accommodation options to cater to different
demographics and needs, such asstudent-specific accommodations or extended stay options for
travelers.
9. Collaboration with local businesses and community organizations to provide a more comprehensive
and integrated experience for guests.
10. Use of data analysis and machine learning to enhance the search and booking process and provide
personalized recommendations to guests

48
REFERENCE

BOOKS:

1.”Software Engeering”.by Ian Somerville,SixthEdition,PersonEducatiion Ltd 2007.

2.”Web programming”, by ‘Chris Bates’ Wiley Dreamtech India, 2nd Edition.

3.Web Programming, building internet applications, Chris Bates 2nd edition, Wiley Dremtech

WEBSITES:
1.https://www.geeksforgeeks.org/html-tutorial/
2.http://www.w3school.com
3.http://www.chatgpt.com
4.https://elements.envato.com/web-templates/site-templates
5.https://www.youtube.com/@ThapaTechnical

49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64