TRAVEL TOUR

Omm shree satya shiv prasad sethi

Registration Number: 2101289320

Department of Computer Science & Technology

TRIDENT ACADEMY OF TECHNOLOGY

Bhubaneswar-751024, Odisha, India.

November 2024
 Project Report on

Travel Tour Using HTML,CSS & JS

Submitted in Partial Fulfillment of the
Requirement for the 7th Sem. Minor Project
of

Bachelor of Technology
in
Computer Science & Technology

Submitted by

omm shree satya shiv prasad sethi

Registration Number: 2101289320

Under the Guidance of

Dr. Sudhansu Lenka

Asst. Professor, Dept. of CSE

Department of Computer Science & Technology

TRIDENT ACADEMY OF TECHNOLOGY

Bhubaneswar-751024, Odisha, India.

November 2024
 CERTIFICATE OF APPROVAL

This B.Tech. Viva-Voce Examination of the Minor Project work submitted by the candidate
omm shree satya shiv prasad sethi bearing BPUT Registration Number: 2101289320 is held

during 16th November, 2024 and is accepted in partial fulfillment of the requirement for the

award of the degree of Bachelor of Technology in Computer Science & Technology of Biju
Patnaik University of Technology, Odisha.

Dr. Sudhansu Lenka

Place: Bhubaneswar

Date: 16-11, 2021 Dept. of CSE, Project Guide

Place: Bhubaneswar

Date: 16-11, 2021 HOD, Dept. of CSE

i
 DECLARATION

I, Omm shree satya shiv prasad sethi declare that the Minor Project Work presented through
this report was carried out by me in accordance with the requirements and in compliance of the
Academic Regulations of the Biju Patnaik University of Technology (BAR) for the Bachelor of
Technology (B.Tech.) Degree Programed in Information Technology and that it has not been
submitted for any other academic award. Except where indicated by specific reference in the text,
the work is solely my own work. Work done in collaboration with, or with the assistance of, others,
has been acknowledged and is indicated as such. Any views expressed in the report are those of
the author.

Place: Bhubaneswar Omm shree satya shiv prasad sethi

Date: 16-11, 2021 Regd.No: 2101289320

ii
 ABSTRACT

Travel tours have become an integral part of the global tourism industry, providing curated and immersive
experiences for travelers. This abstract explores the evolving landscape of travel tours, emphasizing the
balance between traditional group excursions and the emergence of personalized, niche experiences.
Historically, organized tours offered a structured way for tourists to explore new destinations, ensuring safety
and convenience. However, modern travelers increasingly seek tailored itineraries that align with their unique
interests, from culinary and adventure tours to eco-friendly and cultural experiences. Advancements in
technology have transformed how travel tours are designed, marketed, and delivered. Digital platforms and
apps allow for seamless booking and customization, empowering travelers to create itineraries that suit their
preferences. Additionally, social media has amplified the visibility of travel experiences, influencing trends
and shaping expectations. Sustainability has emerged as a crucial consideration in tour design, prompting
operators to integrate responsible practices that minimize environmental impact and support local
communities. The shift towards small-group and private tours reflects a broader trend of meaningful travel,
where visitors prioritize authentic connections over generic sightseeing. Challenges such as economic
fluctuations, geopolitical tensions, and pandemics have impacted the travel industry, emphasizing the need for
resilience and adaptability. Innovative approaches, such as virtual tours and hybrid travel solutions, have
demonstrated the sector's ability to pivot during disruptions.

In conclusion, the travel tour industry continues to adapt to the dynamic needs of modern tourists, leveraging
technology, sustainability, and personalization to create memorable experiences that resonate with diverse
travelers.

Place: Bhubaneswar Omm shree satya shiv prasad sethi

Date: 16-11, 2021 Regd.No: 2101289320

iv
 ACKNOWLEDGMENTS

I take this opportunity to express my gratitude to the people who have been instrumental in the
successful completion of this project. I am, in the first place, obliged and grateful to my parents
without whose support and care I could not have completed this project. I express my deep
gratitude towards my guide, Dr. Sudhansu Lenka, Assistant Professor, Dept. of CSE, Trident
Academy of Technology, Bhubaneswar, for his tremendous support, encouragement and help.
I convey my sincere thanks to our HOD, Department of Computer Science & Technology and
the principal of Trident Academy of Technology, Bhubaneswar, for their permission and
cooperation in the completion of the project without experiencing any hurdles. I would like to
extend my gratitude to the Department of Computer Science & Technology, Trident Academy
of Technology, Bhubaneswar, for their support and cooperation.
Finally, I extend my appreciation to all my friends, teaching and non-teaching staffs, who
directly or indirectly helped me in this endeavor.

Place: Bhubaneswar Omm shree satya shiv prasad sethi

Date: 16-11, 2021
Regd. No: 2101289320

v
 CONTENTS

Approval i

Declaration ii

Certificate iii

Abstract iv

Acknowledgements v

Contents vi

1 For Database 9
1.1 Introduction To DBMS 9

2 Introduction 17
2.1 Operation Environment 17
2.2 Objective 17

3 Project Requirment 18
3.1 Questionnaire Structure 18
3.2 Data Collection 18
3.3 Methodology 19
3.4 Project Analysis 19
3.5 Feedback Collection Report 20

vi
 4 HTML and its Library 21

5 System Design 27
5.1 Introduction 27
5.2 Schema Diagram 28
5.3 ER Diagram 29
5.4 Implementation 31

6 Conclusions & Future Scope 32

6.1 Conclusion 32
6.2 Future Scope 33

References 35

vii
 CHAPTER 1

FOR DATABASE

1.1 INTRODUCTION TO DBMS :

Database is a collection of related data and data is collection of facts and figure that can be
procedure information.
Mostly data represents recordable facts. Data aids in producing information, which is based
on facts. For example, if we have data about marks obtained by all students, we can then
conclude about toppers and average marks.
A Database management system stores data in such a way that it becomes easier to retrieve,
manipulate, and produce information.

Characteristics of Database Management System :

Traditionally, data was organized in file formats. DBMS was a new concept then, and all the
research was done to make it overcome the deficiencies in traditional style of data
management. A modern DBMS has the following characteristics,
 Real-word entity

 Relation-based tables

 Isolation of data and application

 Less redundancy

 Consistency

 Query language

 ACID Properties

 Multiple views
  Multi users and concurrent access

 Security

Advantages and Disadvantages of DBMS :

 Advantages :
 Reduction of Redundancy: This is perhaps the most significant advantage
of using DBMS. Redundancy creates several problems like, requiring extra
storage space, entering same data more than once during data insertion, and
deleting data from more than one place during deletion.
 Sharing of Data: In paper-based record keeping, data cannot be shared
among many users. But in DBMS, many users can share the same database
if they are connected via network.

 Features :
 Minimum Duplication and Redundancy.

 Saves Storage Space and Cost.

 Large Database Maintenance.

 Provides High Level of Security.
 Permanent Storage of Data.
 Multi-user access.
1.2 ABOUT SQL :

SQL is a language to operate database; it includes database creation, deletion, fetching rows,
modifying rows, etc. SQL is an ANSI (American National Standards Institute) standard
language, but there are many different versions of SQL language

 What is SQL :

SQL is a Structured Query Language, which is a computer language for storing,

manipulating and retrieving data stored in a relation database.

SQL is the standard language for Relational Database System. All the Relation
Database Management System (RDBMS) like My SQL, MS Access, Oracle,
Sybase, Informix, Postgres and SQL Server use SQL as their standard database
language.

 Why SQL?

SQL is widely popular because it offers the following advantages:

 Allows user to access data in the RDBMS.

 Allows the user to describe the data.

 Allows user to create and drop database and table.

 Allows user to set permission on table, procedures and views.

 Allows user to create view, stored procedure, function in a database.

 Allows user to define data in a database and manipulate that data.

 Allows to embed within other language using SQL modules, libraries and
pre-compilers
 Brief history of SQL : .

 1970 – Dr. Edgar F. “Ted” Codd of IBM is known as the father of RDBMS.
He described the relational model for database.

 1974 – Structured Query Language appeared.

 1978 – IBM worked to develop Codd’s ideas and released a product named
System/R.
 1986 – IBM developed the first prototype of relational database and
standardized by ANSI. The first relational database was released by
Relational Software which later came to be known as ORACLE.

Fig 1.1 Travel Tour Structure

1.3 USER INTERFACE DESIGN :
1.3.1 GRAPHICAL USER INTERFACES
A graphical user interface (GUI) is a type of interface that allows users to interact with
electronic devices or programs through graphical icons and visual indicators such as
secondary notation, as opposed to text-based interfaces, typed command labels or text
navigation. GUIs
are easier to learn than command-line interfaces (CLIs), which require commands to be
typed on the keyboard.
Third-party proprietary and free graphical administration applications (or "front ends")
are available that integrate with MySQL and enable users to work with database
structure and data visually. Some well-known front ends are

 MySQL Workbench :
MySQL Workbench is the official integrated environment for MySQL. It was
developed by MySQL AB, and enables users to graphically administer MySQL
databases and visually design database structures. MySQL Workbench replaces
the previous package of software, MySQL
GUI Tools. Similar to other third-party packages, but still considered the
authoritative MySQL front end, MySQL Workbench lets users manage database
design & modelling, SQL development (replacing MySQL Query Browser) and
Database administration (replacing MySQL Administrator).
MySQL Workbench is available in two editions, the regular free and open source
Community Edition which may be downloaded from the MySQL website, and the
proprietary Standard Edition which extends and improves the feature set of the
Community Edition.
1.3.2 COMMAND LINE INTERFACES
A command-line interface is a means of interacting with a computer program where the user
issues commands to the program by typing in successive lines of text (command lines). MySQL
ships with many command lines tools, from which the main interface is the MySQL client.
MySQL Utilities is a set of utilities designed to perform common maintenance and
administrative tasks. Originally included as part of the MySQL Workbench, the utilities are a
stand-alone download available from Oracle.

1.4 INTRODUCTION TO JAVA :

Java is a programming language created by James Gosling from Sun Microsystems (Sun) in
1991. The target of Java is to write a program once and then run this program on multiple
operating systems. The first publicly available version of Java (Java 1.0) was released in
1995. Sun Microsystems was acquired by the Oracle Corporation in 2010. Oracle has now
the steer Manship for Java. In 2006 Sun started to make Java available under the GNU
General Public License (GPL). Oracle continues this project called OpenJDK.
Over time new enhanced versions of Java have been released. The current version of Java is
Java 1.8 which is also known as Java 8.
Java is defined by a specification and consists of a programming language, a compiler, core
libraries and a runtime (Java virtual machine) The Java runtime allows software developers
to write program code in other languages than the Java programming language which still
runs on the Java virtual machine. The Java platform is usually associated with the Java
virtual machine and the Java core libraries.
1.4.1 MAIN FEATURES OF JAVA :
Java is a platform independent language
Compiler(java) converts source code (.java file) to the byte code (.class file). As mentioned
above, JVM executes the bytecode produced by compiler. This byte code can run on any
platform such as Windows, Linux, Mac OS etc. Which means a program that is compiled on
windows can run on Linux and vice-versa. Each operating system has different JVM,
however the output they produce after execution of bytecode is same across all operating
systems. That is why we call java as platform independent language.

Java is an Object-Oriented language

Object oriented programming is a way of organizing programs as collection of objects, each
of which represents an instance of a class.
4 main concepts of Object-Oriented programming are:

1. Abstraction
2. Encapsulation
3. Inheritance
4. Polymorphism

 Simple :
 Java is considered as one of simple language because it does not have complex
features like Operator overloading, Multiple inheritance, pointers and Explicit
memory allocation.

 Robust Language :
 Robust means reliable. Java programming language is developed in a way that
puts a lot of emphasis on early checking for possible errors, that’s why java
compiler is able to detect errors that are not easy to detect in other programming
languages. The main features of java that makes it robust are garbage collection,
Exception Handling and memory allocation.
 Secure :
 We don’t have pointers and we cannot access out of bound arrays (you get
ArrayIndexOutOfBoundsException if you try to do so) in java. That’s why
several security flaws like stack corruption or buffer overflow is impossible to
exploit in Java.

 Java is distributed :
 Using java programming language, we can create distributed applications. RMI
(Remote Method Invocation) and EJB (Enterprise Java Beans) are used for
creating distributed applications in java. In simple words: The java programs can
be distributed on more than one system that are connected to each other using
internet connection. Objects on one JVM (java virtual machine) can execute
procedures on a remote JVM.

 Multithreading :
 Java supports multithreading. Multithreading is a Java feature that allows
concurrent execution of two or more parts of a program for maximum utilization
of CP.

 Portable :
 As discussed above, java code that is written on one machine can run on another
machine. The platform independent byte code can be carried to any platform for
execution that makes java code portabl
 CHAPTER 2

INTRODUCTION

2.1 Operating Environment: Hardware & Software Configuration

The project was developed in the following environment:

 Hardware:
 Processor: Intel i5 or Ryzen 5
 RAM: 8 GB
 Storage: 256 GB SSD

 Software:
 Operating System: Windows 10 or macOS
 Code Editor: Visual Studio Code
 Web Browsers: Chrome, Firefox for testing
 Development Tools: Git for version control, Node.js for server-side
scripting

2.2 Objective

The primary objectives of the tour package website are:

 To create a user-friendly platform for travelers to explore and book tour packages.
 To implement an efficient booking system that minimizes user effort and enhances
security.
 To provide an aesthetically pleasing and responsive design that works well across
all devices.
 CHAPTER 3

PROJECT REQUIREMENT

3.1 Questionnaire Structure / Survey Questions 

To gather user requirements and preferences, a structured questionnaire was
designed. Key questions included:

1. What type of travel packages are you interested in? (e.g., adventure,
relaxation, cultural)
2. How often do you book travel online?
3. What factors influence your decision to book a package? (e.g., price, reviews,
itinerary)
4. What features do you find most valuable in a travel website? (e.g., user
reviews, images, detailed itineraries)

3.2 Data Collection

Data was collected from a sample size of 100 potential users through online surveys. The
feedback provided insights into user preferences and helped shape the design and
functionality of the website.
 3.3 Methodology
3.3.1 Fact Finding Techniques
Various fact-finding techniques were employed to gather necessary information:

 Surveys: Online questionnaires distributed to potential users.

 Interviews: Discussions with frequent travelers to gain insights into their
experiences.
 Competitor Analysis: Reviewing existing travel websites to identify
strengths and weaknesses.

3.3.2 Tools Used

The following tools were utilized throughout the project:

 Figma: For wireframing and mockup design.

 Visual Studio Code: For coding and development.
 GitHub: For version control and collaboration.
 Google Forms: For conducting surveys and collecting user data.

3.4 Project Analysis

For Survey: Sampling Review Reports

The survey revealed that 70% of respondents prefer booking travel packages online. Key
findings include:

 Popular package types: Adventure (40%), Relaxation (30%), Cultural (30%).

 Most valued features: User reviews (60%), Price comparison (50%), Itinerary
details (40%).
 3.5 Feedback Collection Report
Post-launch feedback indicated a high level of satisfaction with the website's design and
usability. Notable points included:

 Positive feedback on the responsiveness of the site.

 Suggestions for more detailed itineraries and user review sections.

Fig 3.1. Travel agency management

 CHAPTER 4

HTML (HyperText Markup Language) AND ITS LIBRARY

Purpose: HTML is the backbone of any website. It defines the structure and content.

 Key Concepts:

 Elements: Basic building blocks of HTML, such as <h1> for headings, <p>
for paragraphs, <a> for links, and <img> for images.
 Attributes: Provide additional information about elements (e.g., <a
href="url">).
 Semantic HTML: Use of HTML elements that clearly describe their
meaning in a human- and machine-readable way (e.g., <header>,
<footer>, <article>, <nav>).

EXAMPLE :

<!DOCTYPE html>

<html lang="en">

<head>

<meta charset="UTF-8">

<meta http-equiv="X-UA-Compatible" content="IE=edge">

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

<title>Sample Page</title>

</head>

<body>

<h1>Welcome to HTML!</h1>

<p>This is a simple HTML page structure.</p>

</body>

</html>
HTML Libraries :

While HTML itself is just for structuring content, libraries and frameworks
often come in the form of JavaScript or CSS to enhance the functionality and
design of web pages. Here are some popular libraries and frameworks
commonly used with HTML:

JavaScript Libraries :

 jQuery: Simplifies DOM manipulation, event handling, and

animations.
 React: A JavaScript library for building user interfaces, especially
single-page applications.
 Vue.js: A progressive framework for building user interfaces.
 D3.js: For data-driven document manipulation, often used to create
interactive charts and visualizations.

CSS Libraries :

 Bootstrap: A popular framework for building responsive, mobile-first

websites quickly.
 Tailwind CSS: A utility-first CSS framework that enables quick UI
development with pre-designed classes.
 Bulma: A modern CSS framework based on Flexbox for simpler
layouts and responsiveness.

HTML Template Engines (Server-Side) :

 Pug (formerly Jade): A template engine for Node.js that allows for
more concise HTML syntax.
 Handlebars.js: A powerful templating language to create HTML
templates with embedded JavaScript.

We used HTML CSS for our website development.

 For our field project, we developed a comprehensive tours and travels website aimed at
enhancing user experience in booking travel packages. The project began with thorough
research to understand user preferences and market trends. We designed a user-friendly
interface using “HTML”, “CSS”, and “JavaScript”.
  “HTML” was employed to structure the website, defining essential components such as
the homepage, package listings, and booking forms. This ensured that users could easily
navigate and find relevant information.

 To enhance the visual appeal and usability, we used “CSS” for styling. This included
responsive design techniques to ensure the website looked great on various devices,
from desktops to smartphones. We focused on a clean layout with intuitive navigation,
employing color schemes and fonts that resonated with a travel theme.

 “JavaScript” was utilized for interactive elements, such as image sliders, dynamic
content updates, and form validation. This added a layer of functionality, allowing users
to filter tour packages based on preferences like destination, price, and duration.

 We also incorporated a feedback mechanism to gather user insights post-launch, which

helped us identify areas for improvement. The final product is a fully functional tours
and travels website that offers an engaging and seamless experience for users,
ultimately achieving our goal of making travel planning easier and more accessible.

Booking tour and travel packages through online platforms offers several advantages that
enhance the travel experience for users:

1. Convenience :

 Online platforms allow travelers to book packages from the comfort of their homes.
Users can browse through various options, compare prices, and read reviews at their
convenience, eliminating the need to visit travel agencies.

2. Wide Variety of Choices :

 Travel websites aggregate a multitude of packages from different providers, offering

a broader selection than most traditional agencies. This variety enables travelers to
find options that best suit their preferences, budgets, and schedules.

3. Price Comparison :

 Many online platforms feature comparison tools that allow users to see prices side-
by-side. This transparency helps travelers make informed decisions and often leads
to better deals than what might be available through offline channels.
4. Access to Reviews and Ratings :

 Online platforms typically include user-generated reviews and

ratings, providing insights into the quality of services and
experiences offered. This feedback can be invaluable in helping
travelers choose the right package

5. Instant Booking Confirmation :

 Booking online usually results in immediate confirmation, allowing travelers to

secure their reservations without delay. This instant gratification is particularly
beneficial during peak seasons when packages may sell out quickly.

6. 24/7 Availability :

 Unlike traditional travel agencies, which may have limited hours, online platforms
are available around the clock. This flexibility allows travelers to book at any time
that suits them, including late-night or early-morning hours.

7. Special Offers and Discounts :

 Many online travel agencies offer exclusive promotions, discounts, or bundled deals
that may not be available through brick-and-mortar agencies. This can lead to
significant savings.

8. Customization :

 Online platforms often provide tools for customizing travel packages according to
individual preferences, making it easier to create a personalized travel experience.

In summary, booking tour and travel packages online combines convenience, choice, and
competitive pricing, enhancing the overall travel planning experience.
 Code for Login page :

<div class="form-container">
<div class="form-toggle">
<button id="login-btn" class="toggle-btn active">Login</button>
<button id="signup-btn" class="toggle-btn">Signup</button>
</div>
<div class="form-content">
<form id="login-form" class="form-section">
<h2>Login</h2>
<input type="email" placeholder="Email" required>
<input type="password" placeholder="Password" required>
<button type="submit" class="form-btn">Login</button>
</form>
<form id="signup-form" class="form-section hidden">
<h2>Signup</h2>
<input type="text" placeholder="Full Name" required>
<input type="email" placeholder="Email" required>
<input type="password" placeholder="Password" required>
<input type="password" placeholder="Confirm Password" required>
<button type="submit" class="form-btn">Signup</button>

</form>

Coding Result :

Fig.4.1.LOGIN page
 CHAPTER 6

Conclusions & Future Scope

6.1 Conclusion

Developing a travel and tour website using HTML and CSS provides a
foundational approach to create visually appealing and user-friendly web pages.
Through the use of HTML, the website structure can be laid out effectively to
showcase travel packages, destinations, itineraries, and customer testimonials.
CSS, on the other hand, allows for enhancing the visual appeal, making the
website more engaging with styles that improve user experience through
responsive design and interactive elements.

By combining HTML and CSS, a travel and tour website can offer clear
navigation, aesthetic design, and essential features like galleries and contact
forms. Although HTML and CSS alone suffice for a basic version, more
advanced interactivity and functionality would typically require JavaScript or
backend technologies.
6.2 Future Scope
1. Enhanced Interactivity:
 JavaScript Integration: To improve user experience through dynamic
content such as interactive maps, image sliders, and booking forms.
 Chatbots: Integrating a chatbot for customer support, providing real-time
responses to user queries.

2. Responsive and Adaptive Design:

 Further enhancements using CSS frameworks like Bootstrap or Tailwind CSS
to make the website more mobile-friendly and adaptive to various screen
sizes.

3. Advanced Search and Filter Options:

 Adding advanced search functionality using JavaScript to allow users to filter

tours based on criteria like destination, budget, or duration.

4. Integration with APIs:

 Incorporating third-party APIs to fetch live data for weather updates, flight
details, or hotel availability, enriching the user experience with real-time
information.

5. User Reviews and Ratings:

 Implementing a section for users to leave reviews and rate their travel
experiences, creating a more interactive and trustworthy site.

6. Booking and Payment Systems:

 Integrating secure payment gateways for direct bookings and a backend

system to manage reservations, providing a seamless and complete travel
planning experience.

7. SEO and Performance Optimization:

  Enhancing the site’s SEO using semantic HTML tags and optimizing CSS for
faster load times, making the site more discoverable on search engines and
user-friendly.

8. Accessibility Improvements:

 Ensuring the website meets accessibility standards (e.g., WCAG) to provide a

better experience for all users, including those with disabilities.

These features and improvements can transform a basic travel and tour website into a
full-fledged, competitive platform that appeals to a larger audience and meets modern web
standards.
 REFERENCES

 https://towardsdatascience.com/machine-learning-basics-decision-tree-regression-1d73ea003fda
 https://thecleverprogrammer.com/2020/11/29/covid-19-cases-prediction-with-python/
 https://medium.com/pursuitnotes/decision-tree-regression-in-6-steps-with-python-1a1c5aa2ee16
 https://facebook.github.io/prophet/
 https://plotly.com/python/px-arguments/