KARNATAKA SCIENCE COLLEGE DHARWAD

DEPARTMENT OF COMPUTER SCIENCE

2022-2023

PROJECT REPORT ON

“NATOURS’’

UNDER THE GUIDANCE OF

SMT.KALPANA C. DALWAI

SUBMITTED BY

B.M VENKATESH PRASAD

(20M10005)

BSC(CS) 5th SEM

 KARANTAKA SCIENCE COLLEGE ,
DHARWAD
DEPARTMENT OF COMPUTER SCIENCE
2021-2022

CERTIFICATE

This is to certify that B.M VENKATESH PRASAD has satisfactorily

completed the project work entitled "Tourist places in Karnataka" for the
partial fulfilment of degree in Bachelor of Computer Science from the
Karnataka University, Dharwad for the year 2021-2022.

Project Associates: Project Guide

B.M VENKATESHPRASAD SMT.KALPANA. DALWAI

Examiners: Head of The Department

1-………………………... SMT.LALITHA.R. NAIK

2-…………………….
 ACKNOWLEDGEMENT

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 goal. This work is a product of countless individuals whose thoughts ideas,
perspectives and work have us the exposure to knowledge.

The satisfaction and happiness we feel at the successful completion of our project
entitled "Natours" 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 Dr S C.Chougala and Co-ordinate

Smt.Lalitha R. Naik Department of Computer Science for your kind support.

We express our deep sense of indebtedness to our guide SMT.KALPANA.

DALWAI, for her dynamic guidance and encouragement. Finally, we thank our
Department Faculties Smt. Ambika R, Smt. Lalitha R. Naik, Dr Nagraj s, Dr Shri.
Rajasekhara V.B for their kind support.

Project Associates

B.M VENKATESHPRASAD
 ABSTRACT

As tourism is one of the fastest growing industries today, thus within

the tourism industry events are getting more and more important.
People have become more interested in events of all kinds, and will
travel far away to participate in events that they find interesting.
Events can offer various economic and social benefits for
destinations, and therefore destination managers can and should
employ events effectively in a tourism role. It has become widely
accepted that every community and destination need to adopt a long-
term, strategic approach to event tourism thereby planning and
development in order to realise the full tourism potential of events.
Natours aims to create a comprehensive platform for users to
discover, book, and plan their travels. The website will feature a user-
friendly interface and a wide range of offerings, including adventure
activities, cultural experiences, and luxury vacations. Additionally,
the platform will provide a seamless booking process and allow users
to customize their itinerary based on their interests and preferences.
The project aims to provide a one-stop-shop solution for all travel
needs, making it easier for people to explore the world and create
memories that will last a lifetime.
Table of Contents
1) Introduction
a. Problem Definition
b. Objective of Project
2) Literature Survey
a. Existing System Disadvantage
b. Proposed System Advantages
c. Feasibility Study
3) System Analysis & Design
a. Requirement Specification
b. Modules
c. System Design
d. DFD Diagram
4) Implementation
a. Languages Used
b. Source Code
5) Results
a. Screenshots
6) Future Enhancement
7) Conclusion
8) References
1. INRODUCTION
1. Introduction
Tourism has turned out to be an economic booster contributing to the
economic development of many countries over the last few decades.
People see holidays as a necessity, and not as luxury in the present
scenario. Tourism calls for coordination and cooperation between
travel agents, tour operators, and tourists. Tourism has a few major
elements − destinations, attractions, sites, accommodation, and all
ancillary services. The need for a robust and dynamic tour
management application has been around since the advent of the
tourism concept. Thus, we have developed a web application –
“Natours” to provide the best touring services to the customers.
Natours provides a variety of places where the tourist can choose
from and decide for a tour. This system also helps to promote
responsible and interesting tourism so that people can enjoy their
holidays at their favourable places and develop tourism with different
cultures so that they enrich the tourism experience and build pride.
A. Problem Definition
The need for a robust and dynamic tour management application has
to be there as it should satisfy all requirements like. booking the tour,
finding the right places to visit, managing the users ,Adding
tours ,online payment ,adding reviews to the tours by the users.
The touring company wants to provide a convenient and user-friendly
platform for customers to book tours and travel packages online. The
platform should enable customers to easily browse and compare
different tours and packages, make secure online payments, and
manage their bookings. The company also wants to use the platform
to showcase its offerings and build a strong online presence. The goal
is to increase bookings and customer satisfaction through an
optimized and efficient digital platform.
B. objective of the project
The system should provide a variety of places where the tourist can
choose from and decide for a tour. This system should also help to
promote responsible and interesting tourism so that people can enjoy
their holidays at their favourable places and develop tourism with
different cultures so that they enrich the tourism experience and build
pride.
2.LITERATURE
SURVEY
2. Literature Survey
a. Existing System Disadvantage
In the present manual system, a customer has to approach various
agencies or search online to find best place to tour. This often requires
a lot of time and effort. Administrator have to keep written records
which may cost more. A customer may not get the desired
information from these offices or going through online and often the
customer may be misguided. It is tedious for a customer to plan a
particular journey and have it executed properly.

Disadvantages
1) Inefficient booking process: The current system may be
outdated or not user-friendly, making it difficult for customers
to book tours and packages online.
2) Limited payment options: The existing system may only allow
for limited payment options, such as cash or bank transfers,
which could be inconvenient for customers.
3) Lack of customization: The existing system may not allow
customers to customize their tours or packages according to
their specific needs and preferences.
4)Inaccurate information: The current system may not provide
accurate and up-to-date information about tours and packages, leading
to customer confusion and frustration.
5)Limited online visibility: The existing system may not have a strong
online presence, making it difficult for the company to attract new
customers and build its brand.
6)Poor customer support: The current system may not provide
adequate customer support, leaving customers with questions or
issues unresolved.

b. Proposed System Advantages

The proposed system maintains a centralized repository of all related
information. The system allows one to easily access the relevant
information and can choose from different available tours. Customer
can decide about places they want to visit and book the tour. The
administrator can easily maintain the details of tours booked by the
customer and total number of people without any written copies.

ADVANTAGES
1. Online payments
2. Reduces workload of searching and booking
3.Great places to visit at less cost
4.Adding tours is easy

c) Feasibility Study
The main goal of this phase is to determine whether it would be
financially and technically Feasible to develop the. The feasibility
study involves understanding the problem and then determines the
various possible strategies to solve the problem. These different
identified solutions are analysed based on their benefits and
drawbacks, the best solution 1s chosen and all the other phases are
carried out as per this solution strategy. The prime focus of the
feasibility study is evaluating the practicality of the proposed system
keeping in mind several factors. The following factors are considered
before deciding in favour of the new system:
Economic feasibility:
1) Effort and cost are reduced by optimized path and URL.
2) This reduction in cost prompts the user to go for such computer-
based System.
Technical feasibility:
1) Technical feasibility study is the complete study of the project in
terms of input, process, output, fields, program and procedures. It is a
very effective tool for long term planning and trouble shooting.
2) The key process areas of current system are nicely enabled to
automation and hence the technical feasibility is proved beyond
doubt.
Connective feasibility:
1) Network platform or connection should be present to access the
websites.
2) According to the database records, specified files are needed to be
maintained. As this system works over the internet any concerned
farmer with an internet connection can gain its benefits.
 3.SYSTEM
ANALYSIS AND
DESIGN
3.System Analysis & Design
a. Requirement Specification:
The purpose of this requirement specification is to outline the
requirements for a touring company web project. The aim of the
project is to create a user-friendly and functional website for a touring
company that offers tour packages and travel services to customers.
This document will serve as a reference for the development team,
stakeholders, and clients to ensure that the final product meets all
requirements.

 User Requirements:

User Roles: Customers, Administrators, and Tour Guides

User Interface Requirements:
1. A clean, modern, and responsive design that works on different
devices
2. Intuitive navigation and easy-to-use functions
3. Customizable user profiles with the ability to store travel
preferences
4. User Authentication and Authorization Requirements:
5. Secure login and registration functionality
6. Password reset functionality
 Functional Requirements:

 Tour Package Management:

1. Ability to view, add, edit, and delete tour packages

2. Ability to search for tour packages based on various criteria
(location, date, price, etc.)
3. Ability to view tour package details, including itinerary, cost,
and included services
4. Tour Reservation and Booking Management:
5. Ability for customers to book and reserve tour packages
 6. Ability for administrators to manage tour bookings and
reservations
7. Integration with a secure payment gateway for payment
processing

 Customer Management:
1. Ability to view, add, edit, and delete customer information
2. Ability to track customer bookings and history

 Reports and Data Analysis:

1. Ability to generate reports on tour package performance,
customer behavior, and other relevant data
2. Ability to visualize data using graphs, charts, and other data
visualization tools

 Non-Functional Requirements:

 Performance Requirements:
1. Fast page loading times and minimal downtime
2. Ability to handle high volumes of traffic and data

 Security Requirements:
1. Secure storage of sensitive customer information
2. Implementation of appropriate security measures to prevent
unauthorized access and data breaches

 Usability Requirements:
1. Easy-to-use interface for customers and administrators
2. Ability to access the website and its features from different
devices and browsers
 Scalability Requirements:
1. Ability to accommodate future growth and changes in
requirements
2. Ability to integrate new features and functions as needed
 Technical Requirements:

 Platform Requirements:
1. Compatible with popular web browsers (Chrome, Firefox,
Safari, etc.)
2. Responsive design that adapts to different devices and screen
sizes
 Technology Stack:
1. Front-end development using HTML, CSS, and JavaScript
2. Back-end development using a popular web framework
(express.js)
 Database Design and Management:
1. Non-Relational database (Nosql (monogodb)) for storing
customer information and tour package data
2. Data backup and recovery functionality

 Third-party Tools and Integrations:

1. Integration with a payment gateway for secure online
transactions
2. Integration with popular social media platforms for promoting
tour packages and services

 Hardware Requirements
• HARD DISK: 500GB or above
• PROCESSOR: CORE i3 or above
• RAM: 2GB or above

 Security Requirements
1. The platform must include measures to protect sensitive
information and prevent unauthorized access, including the
following requirements:

2. Secure authentication and authorization

3. Secure payment processing
4. Data encryption
  Usability Requirements
The platform must be easy to use and accessible, with the
following requirements:
1. Intuitive and user-friendly interface
2. Accessible to users with disabilities
3. Consistent design and navigation

 Scalability Requirements

1. The platform must be designed with scalability in mind, with the

ability to accommodate growth and new features

b) Modules:
In this project there are five modules

Admin: Admin has all the authority to change the information in

the website if any new tours are available then admin can update the
tour information details in the website.

User:
User can visit the website, see the tour details, user don’t
have any authority to change the information in any tour, however
they can book any tour and also add reviews of booked tour .User has
to login to the website, to access content of the website. All the
information related to user is stored in the user module

Review:
User can add review to any tour, all the reviews from different
users are stored in review module

Tours:
All the information of tours is stored in a tours module the
content of website comes from this module
Booking details:
User can book any tours based on their likings all the booking
details from different users are stored in this module

C. SYSTEM DESIGN
Introduction
System design is the first step in moving from problem domain
towards solution domain. The goal of the design is to produce a model
or the representation of the system, which can later use to build that
system.
At the first level of the design, the focus is on deciding which
modules is needed for the system, the specification of these modules
and how the modules should be interconnected this called system
design or top-level design.

System Design:
The system design controls the major structural
characteristics of system. The input to the design phase is a complete,
unambiguous and stable specification for the system .The output of
the design phase is system design .The design can be function
oriented or object oriented .in the function oriented design ,the design
consists of module definition ,with each module supporting functional
Abstraction. The goal of the design phase is to produce the best
possible design within limitations imposed by requirements and the
physical and social environment in which the system will operate. The
design of the system will correct if a system built precisely according
to the design satisfies the requirements of the system. A design should
clearly verifiable, complete and traceable.
d. Data flow diagram

Introduction to Data Flow Diagram

Data flow diagrams (DFD)is one of the important modeling
tools .it shows the user of the data pictorially represents the flow of
the data between different transformation and process in the
system .The data flow diagram show logical flow of the data .it
represents the functional dependencies within a system .It shows
output values in a computation are derived from input values .it is a
simple pictorial representation or model for system behavior .it
specifies ”what is to be done but not how is the be done” .it describes
the logical structure of the system. It relates data information various
processes of the system .it follows top-down approach.

Data Flow Diagram Notation:

Data Flow

It is represented by an arrow line. A data flow connects

the output of an object or process to input of another object or
process. The arrows label with a description of the data, usually its
name or type.

Functional Processing:

It is representing by oval. Process shows what system do,

each process has one or more data inputs and produce one or more
data outputs.
Source or slink:

Source and Destination are represented by rectangle in DFD .it used

for specifying from where data comes and where it reaches.

Data Stores: -

Each data store is represented by an cylinder in DFD.A data store is a

repository of data processes can enter data into a store or retrieve Data
from the source.
 0 level
DFD

User
NATOURS
Admin

1st level
DFD
 Admin DFD

ADD
TOURS
VIEW TOURS
ADMIN

 USER DFD
TOURS
VIEW

LOGI REVIEW
REVIEW
USER N

BOOK BOOKING
USERS
 2ND Level USER DFD

USER

LOGIN

REVIEW USER BOOKING

INFO

REVIEW BOOKING

USERS
2ND Level ADMIN DFD

ADMIN

Add/ USER
delete/ BOOKING
update
AUTH
TOURS

TOURS REVIEW

USER
4.IMPLEMENTIATION
4.IMPLEMENTION
a). Languages used
 HTML
 CSS
 JAVA SCRIPT
HTML
Hyper Text Mark-up Language (HTML) is used to creating the web
page either of static or Dynamic and used to develop the user-friendly
web pages.
HTML is used for developing web pages.HTML is popularly used
in World wide web (WWW).it uses ASCII characters for both the
main text and formatting instruction. The main text is data and whole
information is used by the browser to format the data. A HTML
document is simply a text file, which contains certain information you
would like to publish.
A set of instructions embedded in a document is called Mark-up-
language. These instructions describe what the document text means
and how it should look in a display. The language also tells you how
to make a document with other document on your local system,
World Wide Web and other internet resources such as FTP.
The global publishing format of Internet is HTML .it allows authors
to use not only text but also format the text with headings, list, and
tables. And includes still images, videos, and sound within text.
Readers can access pages information from anywhere in the world at
click of mouse button information can be downloaded to readers own
PC or workstations HTML pages can also be used for entering a data
and as a font end for commercial transaction.
Features of HTML:

 It is not a programming language.

 It is not a data description language.
 It is simple to understand and implement.
 HTML constructs are very easy to comprehend, and can be used
effectively by anybody.
 The methodology used by HTML to markup information is
independent of its representation on particular hardware or
software architecture.
 HTML syntax is worldwide standard.

Cascading Style Sheets (CSS):

It is a style language used for describing the presentation of document
written in a mark-up language like HTML, CSS is a cornerstone
technology of the WWW, alongside.
CSS is designed to enable the separation of presentation and
content, include layout, colour, and fonts. This separation can
improve content accessibility, provide more flexibility and control in
the specification of presentation characteristics ,enable multiple web
pages to share formatting by specifying the relevant CSS in separate
CSS file ,and reduce complexity and repletion in structural content.
Separation of formatting and content also makes it feasible to present
the same mark–up page in different rendering methods, such as on-
screen ,in print ,by voice(via speech-based browser or screen
reader),and on Braille bae tactile device .CSS also has rules for
alternate formatting if the content is accessed on a mobile Device.

JavaScript (JS):
JavaScript often abbreviated as JS, is a high-level, interpreted
programming language. it is a language which is also characterized as
dynamic ,weakly typed, prototype-based and multiparadigm.
Alongside HTML and CSS JavaScript is one of the three core
technologies of World Wide Web content engineering. it is used to
make dynamic web pages interactive.
Java script is simple language, which is only suitable for fairly simple
tasks. The language, which is only suitable for simple task. The
language is best suited to tasks, which run for a short time, and is
most used to manipulate the pieces of document object model. The
idea behind finding JavaScript is to find a language which could be
used to provide client-side in-browser applications but which was not
as complicated as Java.
Benefits of JavaScript:

 JavaScript has number of benefits to anyone who wants to make

their web site dynamic.
 It is widely supported in Web browsers.
 It gives easy access to document object and can manipulate most
of them.
 JavaScript can give interesting animation without the long
download times associated with many multimedia data types.
 Web surfers do not need a special plug-in to use scripts.
 JavaScript is relatively secure-JavaScript can neither read
from our hard drive nor write to it, and we cannot get a
virus infection directly from JavaScript.

b. Source Code
Login age HTML code
<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8" />

<meta name="viewport" content="width=device-width, initial-scale=1.0" />

<link rel="stylesheet" href="./css/style.css" />

<link rel="shortcut icon" type="image/png" href="/img/favicon.png" />

<link

rel="stylesheet"

href="https://fonts.googleapis.com/css?family=Lato:300,300i,700"

/>

<title>Natours | Log into your account</title>

</head>

<body data-alert="">

<!-- HEADER-->

<header class="header">

<nav class="nav nav--tours">

<a class="nav__el" href="./index.html">All tours</a>

</nav>

<div class="header__logo">

<img src="./img/logo-white.png" alt="Natours logo" />

</div>

<nav class="nav nav--user">

<a class="nav__el" href="./login.html">Log in</a

><a class="nav__el nav__el--cta" href="./signup.html">Sign up</a>

 </nav>

</header>

<!-- CONTENT-->

<main class="main">

<div class="login-form">

<h2 class="heading-secondary ma-bt-lg">Log into your account</h2>

<form class="form form--login">

<div class="form__group">

<label class="form__label" for="email">Email address</label

><input

class="form__input"

id="email"

type="email"

placeholder="you@example.com"

required

/>

</div>

<div class="form__group ma-bt-md">

<label class="form__label" for="password">Password</label

><input

class="form__input"

id="password"

type="password"

placeholder="••••••••"

required

minlength="8"

/>
 </div>

<div class="form__group">

<button class="btn btn--green">Login</button>

</div>

</form>

</div>

</main>

<!-- FOOTER-->

<footer class="footer">

<div class="footer__logo">

<img src="/img/logo-green.png" alt="Natour logo" />

</div>

<ul class="footer__nav">

<li><a href="#">About us</a></li>

<li><a href="#">Download apps</a></li>

<li><a href="#">Become a guide</a></li>

<li><a href="#">Careers</a></li>

<li><a href="#">Contact</a></li>

</ul>

</footer>

<script src="https://js.stripe.com/v3/"></script>

<script src="/js/bundle.js"></script>

</body>

</html>

Home Page Html Code

<!DOCTYPE html>

<html>
<head>

<meta charset="UTF-8" />

<meta name="viewport" content="width=device-width, initial-scale=1.0" />

<link rel="stylesheet" href="./css/style.css" />

<link rel="shortcut icon" type="image/png" href="./img/favicon.png" />

<link

rel="stylesheet"

href="https://fonts.googleapis.com/css?family=Lato:300,300i,700"

/>

<title>Natours | All Tours</title>

</head>

<body data-alert="">

<!-- HEADER-->

<header class="header">

<nav class="nav nav--tours">

<a class="nav__el" href="./index.html">All tours</a>

</nav>

<div class="header__logo">

<img src="./img/logo-white.png" alt="Natours logo" />

</div>

<nav class="nav nav--user">

<a class="nav__el" href="./login.html">Log in</a

><a class="nav__el nav__el--cta" href="./signup.html">Sign up</a>

</nav>

</header>

<!-- CONTENT-->
<main class="main">

<div class="card-container">

<div class="card">

<div class="card__header">

<div class="card__picture">

<div class="card__picture-overlay">&nbsp;</div>

<img

class="card__picture-img"

src="./img/tours/tour-2-cover.jpg"

alt="The Sea Explorer"

/>

</div>

<h3 class="heading-tertirary"><span>The Sea Explorer</span></h3>

</div>

<div class="card__details">

<h4 class="card__sub-heading">medium 7-day tour</h4>

<p class="card__text">

Exploring the jaw-dropping US east coast by foot and by boat

</p>

<div class="card__data">

<svg class="card__icon">

<use xlink:href="./img/icons.svg#icon-map-pin"></use></svg

><span>Miami, USA</span>

</div>

<div class="card__data">

<svg class="card__icon">

<use xlink:href="./img/icons.svg#icon-calendar"></use></svg
 ><span>June 2021</span>

</div>

<div class="card__data">

<svg class="card__icon">

<use xlink:href="./img/icons.svg#icon-flag"></use></svg

><span>4 stops</span>

</div>

<div class="card__data">

<svg class="card__icon">

<use xlink:href="./img/icons.svg#icon-user"></use></svg

><span>15 people</span>

</div>

</div>

<div class="card__footer">

<p>

<span class="card__footer-value">$497</span>

<span class="card__footer-text">per person</span>

</p>

<p class="card__ratings">

<span class="card__footer-value">4.3</span>

<span class="card__footer-text">rating (7)</span>

</p>

<a class="btn btn--green btn--small" href="../sea_explorer.html"

>Details</a

>

</div>

</div>
 </main>

<!-- FOOTER-->

<footer class="footer">

<div class="footer__logo">

<img src="./img/logo-green.png" alt="Natour logo" />

</div>

<ul class="footer__nav">

<li><a href="#">About us</a></li>

<li><a href="#">Download apps</a></li>

<li><a href="#">Become a guide</a></li>

<li><a href="#">Careers</a></li>

<li><a href="#">Contact</a></li>

</ul>

</footer>

<script src="https://js.stripe.com/v3/"></script>

<script src="/js/bundle.js"></script>

</body>

</html>

CSS Code of Login and Home Page

html {

font-size: 62.5%;

box-sizing: border-box;

body {
 line-height: 1.6;

font-weight: 300;

font-family: "Lato", sans-serif;

color: #777;

padding: 3rem;

min-height: 100vh;

display: flex;

flex-direction: column;

card-container {

max-width: 120rem;

margin: 0 auto;

display: grid;

grid-template-columns: repeat(3, 1fr);

grid-gap: 7rem;

.card {

border-radius: 3px;

overflow: hidden;

box-shadow: 0 1.5rem 4rem rgba(0, 0, 0, 0.1);

background-color: #fff;

transition: 0.3s all;

backface-visibility: hidden;

display: flex;

flex-direction: column;

}
.card__header {

position: relative;

.card__picture {

position: relative;

-webkit-clip-path: polygon(0 0, 100% 0%, 100% 83%, 0% 98%);

clip-path: polygon(0 0, 100% 0%, 100% 83%, 0% 98%);

height: 22rem;

.login-form {

margin: 0 auto;

max-width: 55rem;

background-color: #fff;

-webkit-box-shadow: 0 2.5rem 8rem 2rem rgba(0, 0, 0, 0.06);

box-shadow: 0 2.5rem 8rem 2rem rgba(0, 0, 0, 0.06);

padding: 5rem 7rem; border-radius: 5px;}

5.RESULT
5.RESULTS
a) Screenshots

Login page:-
Home Page:-
 6.FUTURE
ENHANCEMENT
6.FUTURE ENHANCEMENT:-
 Giving health insurance.
 Making a User friendly mobile application
 If any new tours to be added, then they can be easily
updated in our website.
7.CONCLUSION
7.CONCLUSION:-
The development of a new web platform for the touring
company has addressed many of the existing disadvantages
and provided a convenient and user-friendly solution for
customers to book tours and travel packages online. The
platform offers a wide range of payment options,
customizable tours and packages, accurate and up-to-date
information, and strong online visibility. Additionally, the
platform provides efficient and reliable customer support,
ensuring that customers have a positive experience and are
more likely to book future tours. The new web platform has
allowed the company to increase bookings and improve
customer satisfaction, while building a strong online presence
and enhancing its brand.
Software is said to have attained its objective only when it
meets all the requirement of the users the users can judge the
success of the software.
8.REFERENCE
8 .REFERENCE:

Books
1. “Software Engineering “.by Ian Somerville, Sixth
Edition, Pearson Education Ltd 2007.
2. “Web programming”, by ‘Chris Bates ’Wiley
Dreamtech India, 2nd Edition.

Websites

1. www.google.com
2. www.w3school.com
3. www.javascriptsearch.com
4. www.open_src.com.
5. www.youtube.com