SMART TRAVEL PLANNER WEBSITE

FOR TOURIST USING JAVA SCRIPT

A PROJECT REPORT

Submitted by

R.DEEPA 7103201014009
G.DHANALAKSHMI 7103201014010
M.VASUKI 7103201014037
A.LAKSHMA VIGNESH 7103201014302

in partial fulfillment for the award of the degree

of

BACHELOR OF ENGINEERING
in
COMPUTER SCIENCE AND ENGINEERING

ANGEL COLLEGE OF ENGINEERING AND TECHNOLOGY,

TIRUPUR 641 665

ANNA UNIVERSITY : CHENNAI 600 025

MAY 2024
 SMART TRAVEL PLANNER WEBSITE
FOR TOURIST USING JAVA SCRIPT

A PROJECT REPORT

Submitted by

R.DEEPA 7103201014009
G.DHANALAKSHMI 7103201014010
M.VASUKI 7103201014037
A.LAKSHMA VIGNESH 7103201014302

in partial fulfillment for the award of the degree

of

BACHELOR OF ENGINEERING
in
COMPUTER SCIENCE AND ENGINEERING

ANGEL COLLEGE OF ENGINEERING AND TECHNOLOGY,

TIRUPUR 641 665

ANNA UNIVERSITY : CHENNAI 600 025

MAY 2024
 ANNA UNIVERSITY : CHENNAI 600 025

BONAFIDE CERTIFICATE

Certified that this report “SMART TRAVEL PLANNER WEBSITE

FOR TOURISTS USING JAVA SCRIPT” is the bonafide work of
R.DEEPA (710320104009), G.DHANALAKSHMI (710320104010),
M.VASUKI (710320104037), A.LAKSHMA VIGNESH (710320104302) who
carried out the project work under my supervision.

SIGNATURE SIGNATURE

Mrs. P. PREMADEVI M.Tech Mrs. S. INDHUMATHI M.E

HEAD OF THE DEPARTMENT SUPERVISOR

Assistant Professor, Assistant Professor,
Department of Computer Science Department of Computer Science
and Engineering, and Engineering,
Angel College of Engineering Angel College of Engineering
and Technology, and Technology,
Tirupur 641 665. Tirupur 641 665.

Submitted for the Anna University Viva Voce examination held on __________
for CS8811 – Project Work during the academic year 2023-2024.

INTERNAL EXAMINER EXTERNAL EXAMINER

ACKNOWLEDGEMENT
 ACKNOWLEDGEMENT

We wish to express our sincere gratitude to the Management for providing

us a good opportunity to prove our talents.

We would like to acknowledge and show our deep thanks to our beloved
Chairman Er. D. SACHITHANANDHAM, B.E., for giving us motivation and
providing all necessary facilities for the successful completion of the project.

It’s our privilege to thank our beloved Principal

Prof. Mr. B. GOPALAKRISHNAN, M.E, (Ph.D.)., for providing us there
required amenities under our good work.

We are sincerely thankful Mrs. P. PREMADEVI, M.Tech., Head of the

Department, Department of Computer Science and Engineering, for encouraging
a lot throughout this work.

We respect and thank our project coordinator

Mrs. P. PREMADEVI, M.Tech., Assistant Professor, Department of Computer
Science and Engineering, for her continuous support and guidance throughout the
project for successful completion and enhancement of the work.

We also thank our guide Mrs. S. INDHUMATHI M.E., Assistant

Professor, Department of Computer Science and Engineering for her helpful
hands in each step of our project.

We express our thanks to all our Teaching and Non-Teaching Staff

Members for their advice and encouragement to do the project work with full
interest and enthusiasm.

Finally, we would like to thank all our friends and family members for providing
us a constant support to complete this project work.
ABSTRACT
 ABSTRACT

This project “Travel and Tourism Management” is used to automate all

process of travel and tourism, related to creation, booking and confirmation and
user details. Travel and tourism management system is used to book a tour from
anywhere in the world by a single dynamic website which will help the user to
know about all the places and tour details in a single website. Admin can add
packages from certain travel agents and hotels to the website by creating a tour
page. Users can then sign in and book each project, confirmed by the admin in
their booking management page. Users can view the confirmation in their My
Bookings page. It is the easiest platform for all the passengers to book easily and
know all the details.Smart travel planner mostly helps to user plan their itinerary
and resolve some issues during travel.The main reason of travelling is people
spend their time to friends and family or business related or other some reasons,
so that the travel will smoothly arranged by our website. A travel planner will
work with you to create a customized itinerary based on your preferences. They
can also provide insider tips and recommendations that you will not find in
guidebooks. Our website also provide major requirements of traveller such as
hotel booking, vehicle arrangements and etc,.

iv
 TABLE OF CONTENT

CHAPTER NO TITLE PAGE NO

ABSTRACT iv

LIST OF TABLES viii

LIST OF FIGURES ix
LIST OF ABBREVIATIONS x
1 INTRODUCTION 1
1.1 WEB DEVELOPMENT 1
1.2 FRONT END 2
1.3 BACK END 3
2 LITERATURE SURVEY REVIEW 4
2.1 INTRODUCTION 4
2.2 SMART TRAVEL PLANNING 5
SYSTEM USING MACHINE
LEARNING-A REVIEW
2.3 SMART TRAVEL PLANNER BASED 5
ON AI
2.4 TRAVEL PLANNING MANAGEMENT 5
SYSTEM
2.5 TRAVEL AND TOURISM 6
MANAGEMENT SYSTEM
2.6 THE FELLOW TRAVELER:A MACHINE 7
LEARNING APPROACH TO TRAVEL
MANAGEMENT
2.7 IMPLEMENTATION OF ADVANCED 8
ROAD TRIP PLANNER FOR TOURISM 4.0
 2.8 A TOURISM ROUTE-PLANNING 8
APPROACH BASED ON
COMPHREHENSIVE ATTRACTIVENESS
2.9 TRAVEL AND TOURISM MANAGEMENT 9
SYSTEM
2.10 DESIGN AND DEVELOPMENT OF 9
TOUR MANAGEMENT SYSTEM
USING ANDROID
3 SYSTEM ANALYSIS 12

3.1 EXISTING SYSTEM 12

3.2 DEMERITS OF EXISTING SYSTEM 12
3.3 PROPOSED SYSTEM 13
3.4 MERITS OF PROPOSED SYSTEM 13
3.5 FEASIBILITY STUDY 13
3.5.1 ECONOMICAL FEASIBILITY 13
3.5.2 OPERATIONAL FEASIBILITY 13
3.5.3 TECHNICAL FEASIBILITY 14

4 SYSTEM SPECIFICATION 16
4.1 HARDWARE REQUIREMENT 16
4.2 SOFTWARE REQUIREMENT 16
5 SOFTWARE DESCRIPTION 17
5.1 FRONTEND 17
5.1.1 HTML 18
5.1.2 CSS 19
5.1.3 JAVA SRIPT 20
5.2 BACKEND 22
 5.2.1 PHP 23
5.2.2 MYSQL 24
6 SYSTEM IMPLEMENTATION 27
6.1 LIST OF MODULES 27
6.1.1 USER LOGIN 27
6.1.2 GETTING INFORMATION FROM 27
CUSTOMER(PLANNING)
6.1.3 SCHEDULING 28
6.1.4 MEMORIES 28
6.1.5 SEND EMAIL 28
7 SYSTEM DESIGN 29
7.1 ARCHITECTURE DIAGRAM 29
7.2 WORKING PRINCIPLE 29
8 SYSTEM TESTING 31
8.1 UNIT TESTING 31
8.2 END TO END TESTING 31
8.3 FUNCTIONAL TESTING 31
8.4 PERFORMANCE TESTING 32
8.5 USUABILITY TESTING 32
9 CONCLUSION AND FUTURE 33
ENHANCEMENT
9.1 CONCLUSION 33
9.2 FUTURE DIRECTION 33
APPENDICES 34
A1 SOURCE CODING 34
A2 SAMPLE SCREENSHOTS 51
REFERENCES 53
 LIST OF TABLES

TABLE NO TITLE PAGE NO

2.11 Comparision of table with various paper 10

5.1 Difference between HTML,CSS,JS 21
5.3 Difference between PHP,MYSQL 26

viii
 LIST OF FIGURES

FIGURE NO TITLE PAGE NO

7.1 Architecture diagram 29

ix
 LIST OF ABBREVIATION

HTML - Hyper Text Markup Language

CSS - Cascading Style Sheet

JS - Java Script

PHP - Hypertext pre-processor

MYSQL - My Structured Query Language

RDBMS - Relational Database Management System.

x
INTRODUCTION
 CHAPTER 1

INTRODUCTION

Planning a trip can be a daunting task, especially with the numerous options
available for transportation, accommodation, and activities. The Smart Travel
Planner is an innovative solution that simplifies and streamlines the travel
planning process, making it easier for travelers to create personalized itineraries
and enjoy a stress-free journey.The Smart Travel Planner is an AI-powered travel
assistant that uses machine learning algorithms to understand individual
preferences and provide tailored recommendations for destinations,
transportation, accommodations, and activities. With real-time updates and alerts,
travelers can stay informed and adapt to changes in their itinerary, ensuring a
seamless travel experience.
Travel means people wants to move one place to another place for explore
new idea, new culture, and so on.Tourism is the largest and fastest-growing
industry across the world. It is a source of revenue and employment.It also gives
the opportunity for people to understand the culture, civilization, and religious
aspects of a country. There are many countries whose main source of revenue is
Tourism.People who want to travel another place our website help to
make our own journey planning according to their new requirement.
1.1 WEB DEVELOPMENT
Web development is the work involved in developing a website for the
Internet (World Wide Web) or an intranet (a private network).Web development
can range from developing a simple single static page of plain text to complex
web applications, electronic businesses, and social network services. A more
comprehensive list of tasks to which Web development commonly refers, may
include Web engineering, Web design, Web content development, client liaison,
client-side/server-side scripting, Web server and network security configuration,
and e-commerce development. Among Web professionals, "Web development"
usually refers to the main non-design aspects of building Web sites: writing
markup and coding. Web development may use content management systems
(CMS) to make content changes easier and available with basic technical
skills.For larger organizations and businesses, Web development teams can
consist of hundreds of people (Web developers) and follow standard methods like
Agile methodologies while developing Web sites. Smaller organizations may
only require a single permanent or contracting developer, or secondary
assignment to related job positions such as a graphic designer or information
systems technician. Web development may be a collaborative effort between
departments rather than the domain of a designated department. There are three
kinds of Web developer specialization: front-end developer, back-end developer,
and full-stack developer.Front-end developers are responsible for behavior and
visuals that run in the user browser, while back-end developers deal with the
servers. Since the commercialization of the Web, the industry has boomed and
has become one of the most used technologies ever.
1.2 FRONT END
A front-end developer is a type of software developer who specializes in
creating and designing the user interface (UI) and user experience (UX) of
websites and web applications. The primary responsibility of a front-end
developer is to ensure that the visual and interactive aspects of a website or
application are user-friendly, aesthetically pleasing, and functionally efficient.

Front-end developers work with various technologies, tools, and

languages, including.HTML is standard markup language used to create the
structure and layout of web pages.CSS is a stylesheet language used to control
the presentation, formatting, and appearance of web pages, such as colors,
fonts, and layout. JavaScript is a programming language that allows developers
to add interactivity, animations, and other dynamic elements to websites and
web applications.Front-end developers may also use libraries and frameworks,
such as React, Angular, or Vue.js, to streamline their work and create more
sophisticated and interactive UIs. Additionally, they often collaborate with
back-end developers, who are responsible for the server-side logic and data
management, to ensure seamless integration between the front-end and back-
end components of a web application or website .

1.3 BACK END

The backend serves as the engine powering the functionality of a website

or web application. It encompasses the server-side logic responsible for
processing data, managing user requests, and interacting with databases. PHP
stands as a stalwart in backend development, renowned for its versatility and
ease of use in generating dynamic web content. Coupled with MySQL, an open-
source relational database management system, PHP empowers developers to
create robust and scalable solutions. The backend development process
typically involves setting up a development environment with requisite tools
such as Apache, PHP, and MySQL. Developers then proceed to design and
create a database schema, defining tables and relationships to store and manage
application data efficiently. PHP scripts play a pivotal role in bridging the gap
between frontend and backend, facilitating seamless interactions with the
database through MySQL queries. From user authentication to data
manipulation and retrieval, PHP scripts orchestrate the backend operations,
ensuring the smooth functioning of the web application. Security remains
paramount throughout the development lifecycle, with measures such as input
validation and SQL injection prevention being implemented to safeguard
against potential vulnerabilities.
 LITERATURE
SURVEY REVIEW
 CHAPTER 2

LITERATURE SURVEY REVIEW

2.1 INTRODUCTION

The literature survey is based on a research paper that proposed an on-

site trip planning support system that combines a pair comparison method and
conjoint analysis to acquire tourist preferences with high accuracy. It
recommends tourist attractions based on dynamic information like current
location and crowdedness, resulting in high tourist satisfaction.
The survey highlights the limitations of existing smart travel planners, such as
the cold start problem and lack of diversity in tourism patterns. It also
emphasizes the importance of reducing the burden on tourists, efficiently
acquiring their preferences, and providing real-time recommendations that
consider dynamic information like time zone, weather, and congestion on site.
The evaluation experiment demonstrates the effectiveness of the proposed
system in providing on-site real-time recommendations, reducing the burden
on tourists, and efficiently acquiring their preferences.Overall, this literature
survey provides valuable insights into the current state of smart travel planners
and highlights the need for more advanced.
2.2 SMART TRAVEL PLANNING SYSTEM USING
MACHINE LEARNING-A REVIEW
AUTHOR: Alex Varghese, Amal Santhosh,Badhusha TE, Fayiz Jalal,
Shameena EM.
YEAR: 2024
The “Smart Travel Planning System Using Machine Learning” is a travel
planning system designed to address contemporary challenges faced by travelers.
It aims to tackle issues like budget constraints and limited time availability, which
often hinder the travel planning process. This innovative system leverages data
collected from various sources through web scraping, encompassing information
on more than 600 destinations, including geographical coordinates, visiting
hours, user ratings, reviews, and descriptive tags. By employing collaborative
filtering and machine learning algorithms, the system provides travelers with
personalized travelsuggestions that take into account their budget, available time,
and individual preferences. The methodology of the project covers data
collection, recommendationalgorithms, routing logic, and scheduling algorithms,
all with the core objective of enhancing the travel experience by offering tailored
plans that accommodate budget, time, and traveler interests. Travelers actively
engage with the system by providing their travel parameters, and the system
responds with a customized travel plan designed to meet their unique needs and
desires.
2.3 SMART TRAVEL PLANNER BASED ON AI
AUTHOR: Khudaija Pinjari, Aditi Vetal, Vedant Satote, Gayatri Raut.
YEAR: 2023
Tourism is gradually becoming the first biggest industry in the world. As
the foundation of tourism, tourism resources managements are the indispensably
part of the tourism system and it is of great importance to ensure the sustainable
development of tourism industry. In the era of information, effective utilization
of the information technology can enhance the second revolution of tourism.
Currently tourists & traveller waste a lot of time to plan their trips, and available
all options to plan a trip right now does not actually provide a cost effective and
all substitute to their travel.
2.4 TRAVEL PLANNING MANAGEMENT SYSTEM
AUTHOR: Madushan S.H.K, De Alwis Gunathilake W.L.D.C.K, Jayasinghe
J.A.S.C, D.V.P Ferdinando, D. I. De Silva and Piyumika Samarasekara.
YEAR: 2022.
 This project, "TRAVEL PLANNING MANAGEMENT SYSTEM", is
used to automate all processes of travel and tourism, which deals with the
creation, booking, confirmation, and user details. The project is designed with
React JS as the front end and Spring boot as the backend, which works in any
browser. A travel planning management system is used to book a tour from
anywhere in the world by a single dynamic website which will help the user to
know all about the places and travel details in a single web application. The admin
can add travel packages to the system, transport services, place management, and
hotels to create travel packages. Then the users can sign in and book each travel
package, and also, they can book custom travel packages. The user can confirm
their bookings by paying for the package. It is the most accessible platform for
travellers who can easily book and know all details.
2.5 TRAVEL AND TOURISM MANAGEMENT SYSTEM
AUTHOR: Mr.Karthick Panneerselvam, Juluri Vinay Kumar, Mundlapati
Ramanadh Phani Rahul, Tikendra Kumar.
YEAR: 2022.
This project “Travel and Tourism Management” is used to automate all
process of travel and tourism, related to creation, booking and confirmation and
user details. Travel and tourism management system is used to book a tour from
anywhere in the world by a single dynamic website which will help the user to
know about all the places and tour details in a single website. Admin can add
packages from certain travel agents and hotels to the website by creating a tour
page. Users can then sign in and book each project, confirmed by the admin in
their booking management page. Users can view the confirmation in their My
Bookings page. It is the easiest platform for all the passengers to book easily and
know all the details.
2.6 THE FELLOW TRAVELER:A MECHINE LEARNING
APPROACH TO TRAVEL MANAGEMENT
AUTHOR: Yogesh Kumar.
YEAR: 2022.
Even after the presence of multiple services which helps us in travelling
like Uber, Ola, Make My Trip, Goibibo etc, the travelling enthusiasts or peoples
who are going on vacation don’t have proper platform where they can plan their
entire trip at one place. There are so many places where only local rental services
is available means no online cab services, no platform to contact a guide, platform
to book self-driving vehicles, to check the current and predicted weather
conditions of the destination, proper expense splitter if travelling in group and a
platform which can predict the proper ways through which you can travel to the
destination in a set budget. These problems demands an application which helps
to manage all the travelling requirements like rental vehicles, hotels, activities,
budget manager, expense splitter if travelling in group etc. Also to provide direct
contacts of local drivers, help centres, emergencies etc. An application which can
use machine learnings prediction system like Support Vector Regression Model
and Adaptive Neuro Fuzzy Inference Systems,Expectation Maximization and
Self-Organizing Map forclustering techniques and for dimensionality reduction,
Principal Component Analysis.It will be really helpful to all the travel enthusiasts
as well as this platform can also provide broader scope to the local vendors and
peoples of the entered destination as it will directly connect the travellers to them,
and it can recommend best services to ease the travel. It will also provide air
pollution report and alternative tour plan.
2.7 IMPLEMENTATION OF ADVANCED ROAD TRIP
PLANNER FOR TOURISM 4.0
AUTHOR: Shrihari Pund, Sushant Warwate, Chinmay Dunakhe, Sopan
Thakur, Chaitanya Shende,Vandana Rupnar.
YEAR: 2021.
The main goal of Advanced Smart Road Trip Planner is to help the User
to plan an entire road trip via a Single Web Application. All the tasks related to
road trip planning like Selecting the Destination, along with recommendations
and Interactive Maps, Facility to share the trip,Vehicl Rentals recommandation,
for nearby places to visit, popular spots auto shown, Budget Management
Facilities, Checklist Facilities, Itinerary Management, User - Friendly Interface,
Quick assistance through ChatBot, Feedback Forms, and many more. This Web
Application will give provision to the users to plan their customized trips with a
more adventurous feel.
2.8 A TOURISM ROUTE-PLANNING APPROACH BASED
ON COMPHREHENSIVE ATTRACTIVENESS
AUTHOR: Yanmei Zhang, Linjie Jiao, Zhijie Yu, Zheng Lin and Mengjiao
Gan.
YEAR: 2020.
In recent years, ``free travel'' has been increasingly popular. How to plan
personalized travel routes based on the perspective of tourists, rather than that of
tourism intermediaries, is in great need. However, some factors re_acting tourists'
preferences are ignored in the related work. What's more, the evaluation about
scenic spots is incomplete. Besides, real data sets are seldom used in existing
works. We propose a novel route-planning method that considerate multiple
factors (that is, the distance between sites, initial travel position, initial departure
time, time duration of tour, total cost, scores and popularities of sites)
comprehensively, and routes were rated by what we call a comprehensive
attractiveness index.We conducted comprehensive case studies based on the real-
world data of sites from the Baidu and Xie cheng websites and found that our
proposed method is feasible . It is also found that the genetic algorithm
outperformed two baseline ones in terms of run time.
2.9 TRAVEL AND TOURISM MANAGEMENT SYSTEM
AUTHOR: Mr. Amal Davies,Mr. A.Ganesan,Dr. V.Kavitha.
YEAR: 2019.
This project “TRAVEL AND TOURISM MANAGEMENT” is used to
automate all process of the travel and tourism, which deals with creation, booking
and confirmation and user details. The project is designed HTML-PHP as front
end and Microsoft SQL Server 2008 as backend which works in any browsers.
The coding language used HTML and PHP. Travel and tourism management
system is used to book a tour from anywhere in the world by a single dynamic
website which will help the user to know all about the places and tour details in
a single website. The admin can add packages to the website from a certain travel
agents and hotels by create a tour page. Then the users can sign in and book each
project, they can be confirmed by the admin in their manage booking page. The
user can see the confirmation in their my booking page. It is an easiest platform
for all travelers which can be easily booked and know the all details.
2.10 DESIGN AND DEVELOPMENT OF TOUR
MANAGEMENT SYSTEM USING ANDROID
AUTHOR: Judith Jennifer Rodrigues, Ayesha Thasneema, Aishwarya
Bhat, Joylin Rosario.
YEAR: 2017.
Tour management android application is an emerging technology in the
today’s world. Cell phones have become a necessary tool for many people
throughout the world. This application guides the tourists, offers them with
all the relevant information such as images, weather condition and description
about the places they want to visit. It is especially useful for the users to visit
the places having no idea regarding the place. The users can get a better
guidance about the places they want to visit by making use of the Google map
service provided in the application. Users can view various tour and travel
destinations.

TABLE 2.11. Comparision of table with various papers

S.NO TITLE/AUTHOR/YEAR TECHNIQUES LIMITATIONS

OF PUBLICATION

1 Smart Travel Planning Machine learning, Cost effeciency,

System Using Machine Routing algorithm Limited scope,
Learning and Scheduling Privacyconcerns.
Alex Varghese(2024)[1] algorithm

2 Smart Travel Planner Frontend - HTML, Real -life use,

Based On AI CSS It gives the better
Aditi Vetal(2023)[2] Backend - PHP, views of users.
mySql

3 Travel planning manage- Frontend - ReactJs, It makes easier for

ment system Madhushan JS. our customers.
S.H.K (2022) [3]. Backend – Specific time
MongoDB limits.
SpringBoot.
4 Travel and Tourism Frontend – HTML , More efficiency
Management system PHP than current
Karthick Panneerselvam Backend – Microsoft methods.
(2022) [4]. SQL Server.
5 The fellow traveller : A Using Machine It helps data
machine learning approach learning driven
to travel management technology,
Yogesh kumar (2022) [5]. Costly.
6 Implementation of Artificial Support
advanced Road Trip intelligence, Independence
Planner For Tourism 4.0 Deep learning. travellers, Budget
Sushant Warwate(2021)[6] Database-RDBMS, friendly.
MYSQL.
7 A Tourism Route - Genetic algoritm, There is no hotel
Planning Aproach Based Route planning bookings,transport
On Comprehensive & algorithm, Greedy arrangements,
Atractiveness algorithm. provide only
Yanmei Zhang(2020) [7] routes.

8 Travel and tourism Frontend – HTML, NO transport

management system CSS facility for tourist
Amal Backend – PHP, travel to another
Davies,Kavitha(2019) [8] MYSQL place.

9 Designe and Development Android SDK Tool. It provides current

Of Tour Management and target
System Using Android. location,
Aishwarya Bhat(2017) [9] Cost estimation.
SYSTEM ANALYSIS
 CHAPTER 3

SYSTEM ANALYSIS

3.1 EXISTING SYSTEM

Other travel planner websites provide only basic features. In the present
system a customer has to approach various agencies to find details of places and
to book tickets .This often requires a lot of time and effort. A customer may not
get the desired information from these offices and often the customer may be
misguided .It is tedious for a customer to plan a particular journey and have it
executed properly .The proposed system is a web based application and maintains
a centralized repository of all related information .The system allows one to easily
access the relevant information and make necessary travel arrangements .Users
can decide about places they want to visit and make bookings online for travel
and accommodation. Hotel booking - Hotel booking allows guests to make
secure online reservations through hotel website and helps to accept bookings
and collect payments online. Journey planning - An itinerary is a plan of
journey, including the route and the places that you will visit. Scheduling -
Pick your destination, Decide the duration of your trip, Book, flights, train or
bus tickets.

3.2 DEMERITS OF EXISTING SYSTEM

1. This existing system using EM for clustering multi view data, it is slow
clustering algorithm

2. This system hard for a user to decide when to stop.

3.This system not scalable to large data sets.

4. It forms an only two view data clustering.

 5.And it contain low efficiency level.

3.3 PROPOSED SYSTEM

The proposed system is a web based application and maintains a

centralized repository of all related information. The system allows one to easily
access the relevant information and make necessary travel arrangements. Users
can decide about places they want to visit and make bookings online for travel
and accommodation. Our websites provide each and every facilities for tourists.
For example – Hotel booking, schedule making, guide & photography facilities,
vehicle arrangements, memory creations, etc… HTML will structure the
website's content, including forms for inputting travel preferences and displaying
search results. CSS will handle the styling, ensuring a visually appealing
interface. PHP will be used for server-side scripting, managing user
authentication, processing form submissions, and interacting with the MySQL
database. MySQL will store user data, such as profiles and travel itineraries,
in a structured manner. JavaScript will add interactivity to the website, enabling
features like dynamic content loading, interactive maps, and real - time updates.

3.4 MERITS OF PROPOSEDD SYSTEM

6. On our website , you will find perfect and budget - friendly hotels and
booked easily

7. An itinerary is a plan of journey, including the route and the places that
you will visit.

8. Provide more security and More accurate of data.

9. This system easy for a user to decide when to stop.

3.5 FEASIBILITY STUDY

3.5.1 Economic Feasibility

 A system can be developed technically and that will be used if
installed must still be a good investment for the organization. In the economical
feasibility, the development cost in creating the system is evaluated against the
ultimate benefit derived from the new systems. Financial benefits must equal or
exceed the costs. The system is economically feasible. It does not require any
additional hardware or software.

3.5.2 Operational Feasibility

Proposed projects are beneficial only if they can be turned out into
information systems, which will meet the organization's operating requirements.
Operational feasibility aspects of the project are to be taken as an important part
of the project implementation. Some of the important issues raised are to test the
operational feasibility of a project includes the following: -

 Is there sufficient support for the management from the users?

 Will the system be used and work properly if it is being developed and
implemented?
 Will there be any resistance from the user that will undermine the possible
application benefits?

This system is targeted to be in accordance with the above-mentioned issues.

Beforehand, the management issues and user requirements have been taken into
consideration. So there is no question of resistance from the users that can
undermine the possible application benefits. The well-planned design would
ensure the optimal utilization of the computer resources and would help in the
improvement of performance status.

3.5.3 Technical Feasibility

The technical issue usually raised during the feasibility stage of the
investigation includes the following:
 Does the necessary technology exist to do what is suggested?
 Do the proposed equipments have the technical capacity to hold the data
required to use the new system?
 Will the proposed system provide adequate response to inquiries,
regardless of the number or location of users?
 Can the system be upgraded if developed?
 Are there technical guarantees of accuracy, reliability, ease of access and
data security?
 SYSTEM
SPECIFICATION
 CHAPTER 4

SYSTEM SPECIFICATION

4.1 HARDWARE REQUIREMENTS

This section gives the details and specification of the hardware on which
the system is expected to work.

Processor : Asus

Hard Disk Capacity : 500GB

RAM : 4GB

Keyboard : Standard

Mouse : Optional

4.2 SOFTWARE REQUIREMENTS

Front End : HTML, CSS, JAVASCRIPT

Back End : PHP, MYSQL

 SOFTWARE
DESCRIPTION
 CHAPTER 5

SOFTWARE DESCRIPTION

5.1 FRONT END

In the context of a smart travel planner website catering to tourists,

JavaScript plays a pivotal role in enhancing the front-end experience in several
ways. Firstly, JavaScript enables dynamic content updates without requiring a
full page reload, facilitating smooth and seamless interactions for users as they
navigate through the planner. This allows for real-time suggestions and updates
based on user inputs, such as refining search results for accommodations,
attractions, or transportation options. Additionally, JavaScript can power
interactive features that enrich the planning process. For instance, integrating
interactive maps allows tourists to explore destinations visually, pinpoint
attractions, and plan their itineraries efficiently. Furthermore, JavaScript-driven
forms can offer intuitive validation and error handling, ensuring that users
provide accurate information while planning their trips. Moreover, JavaScript
facilitates the implementation of personalized recommendations tailored to
individual preferences and travel patterns. By analyzing user behavior and
historical data, the travel planner can suggest relevant destinations, activities, and
experiences, thereby enhancing the overall user experience and engagement.
Furthermore, JavaScript can optimize performance by asynchronously loading
resources, prefetching data, and implementing lazy loading techniques. These
optimizations contribute to faster load times and smoother interactions, especially
on mobile devices with limited bandwidth. Overall, JavaScript empowers the
front end of a smart travel planner website for tourists by enabling dynamic
content updates, interactive features, personalized recommendations, and
performance optimizations. Its versatility
and flexibility make it an indispensable tool for creating a user-centric and
engaging experience for travelers seeking to plan their adventures effectively.

5.1.1 HTML

HTML, or Hypertext Markup Language, is the foundation of any web page,

including smart travel planner websites for tourists. It provides the structural
framework that organizes content and elements on the page. At its core, HTML
consists of a series of tags that define the structure and semantics of the content,
such as headings, paragraphs, lists, links, images, and forms. In the context of a
smart travel planner website, HTML is instrumental in organizing and presenting
travel-related information in a clear and intuitive manner. For instance, HTML
tags such as <header>, <nav>, <main>, <section>, and <footer> help define the
layout of the planner, dividing it into distinct areas for navigation, content, and
footer information.HTML forms the backbone of user interaction by providing
input fields, buttons, and other form elements that enable tourists to input their
travel preferences, such as destination, dates, budget, and interests. These inputs
are crucial for the planner to generate personalized recommendations, search
results, and itineraries tailored to the user's needs. Furthermore, HTML plays a
crucial role in ensuring accessibility and usability for all users, including those
with disabilities. By adhering to best practices for HTML semantics and structure,
developers can create web pages that are navigable and understandable by screen
readers and assistive technologies, ensuring that everyone can access and benefit
from the travel planner website. In summary, HTML serves as the backbone of
the smart travel planner website, providing the structural foundation upon which
the content, functionality, and user experience are built. Its simplicity and
versatility make it an essential too for creating intuitive and accessible web pages
that empower tourists to plan their trips efficiently and effectively.
5.1.2 CSS

CSS, or Cascading Style Sheets, is a critical component of modern web

design, including smart travel planner websites for tourists. It's responsible for
styling the HTML elements, defining their appearance, layout, and presentation
on the page.In the context of a smart travel planner website, CSS plays several
key roles in enhancing the user experience. Firstly, CSS is used to establish the
visual identity of the planner, setting the colors, typography, and overall aesthetic
to create a cohesive and visually appealing design. By utilizing CSS rules and
properties, developers can achieve consistency across the website, reinforcing
brand identity and improving user engagement. CSS also enables responsive
design, ensuring that the planner adapts seamlessly to different screen sizes and
devices. Through media queries and flexible layout techniques, CSS allows
elements to resize, reposition, or hide based on the user's viewport, optimizing
the viewing experience for desktops, laptops, tablets, and smartphones alike. This
is particularly important for tourists accessing the planner on-the-go, where
responsive design ensures usability and accessibility wherever they
are.Moreover, CSS facilitates user interaction by incorporating animations,
transitions, and hover effects that provide feedback and visual cues. Interactive
elements such as buttons, dropdown menus, and navigation bars can be styled
with CSS to enhance their usability and accessibility, improving the overall
navigation experience for tourists as they explore destinations, activities, and
accommodations.Accessibility is another area where CSS plays a crucial role,
allowing developers to implement inclusive design practices that ensure the
planner is usable by all individuals, including those with disabilities. CSS
techniques such as proper contrast ratios, focus outlines, and scalable fonts
contribute to an accessible and user-friendly experience, enabling tourists with
diverse needs to access and interact with the planner effectively .In summary,
CSS is an indispensable tool for creating engaging, accessible, and user-friendly.

5.1.3 JAVA SCRIPT

JavaScript is the dynamic force behind the interactive functionalities of smart

travel planner websites, elevating the user experience by adding responsiveness,
interactivity, and real-time updates. In the context of travel planning, JavaScript
enables various features that empower tourists to customize their itineraries,
explore destinations, and make informed decisions. One of the key roles of
JavaScript is to enhance user interaction by providing real-time feedback and
validation. For example, JavaScript can validate user inputs in forms, ensuring
that tourists provide accurate information such as travel dates, preferences, and
budget constraints. This instant feedback not only improves the user experience
but also helps prevent errors and streamline the planning process. Moreover,
JavaScript enables dynamic content updates without the need for page reloads,
allowing tourists to access real-time information and suggestions as they navigate
the planner. For instance, JavaScript can fetch data from APIs to provide live
updates on flight availability, hotel vacancies, or weather conditions at the
destination. This real-time information empowers tourists to make informed
decisions and adjust their plans accordingl JavaScript also drives interactive
features such as maps, sliders, and filtering options that enrich the planning
experience. By integrating interactive maps, tourists can visualize destinations,
attractions, and points of interest, enabling them to plan their routes and explore
nearby activities with ease. JavaScript-powered sliders and filtering options allow
tourists to refine search results, customize preferences, and find the most relevant
travel options based on their needs and interests.
 Furthermore, JavaScript can personalize the planner experience by analyzing
user behavior and preferences. By tracking user interactions and historical data,
JavaScript can provide personalized recommendations for destinations, activities,
and accommodations, tailoring the planner to each tourist's unique preferences
and travel patterns. In summary, JavaScript is a versatile and essential tool for
creating dynamic, interactive, and personalized smart travel planner websites.

TABLE 5.1 Difference Between HTML, CSS, JS

S.NO HTML CSS JAVA SCRIPT

Standard markup A style sheet language JavaScript is and

1. language forcreating used for describing advanced programing
web pages and web the presentation of language used to create
applications. documents written in dynamic web pages.
HTML.
Stands for Hyper Stands for Cascading JavaScript is a client-
2. Text Markup Style Sheet. side scripting language
Language. on the web browser.
Consists of tags Consists of selectors It adds interactivity to
3. surrounding content. succeeded by a web pages to make
declaration block. them look good.

CSS can be used in HTML cannot be used JavaScript is not cross-

4. HTML files in CSS files. browser compatible .

Used to build the Used to make the web It manipulates content

5. structure of the web page more to create dynamic web
page presentable. pages.
5.2 BACK END

In the backend of a smart travel planner website for tourists, JavaScript,

particularly with Node.js, plays a crucial role in handling server-side logic, data
management, and communication with databases and external APIs. Node.js
allows developers to use JavaScript on the server side, providing a seamless
development experience across the entire stack. JavaScript on the backend
facilitates various functionalities essential for a travel planner website. For
instance, it manages user authentication and authorization, allowing tourists to
create accounts, log in securely, and access personalized features such as saved
itineraries or booking history. Node.js frameworks like Express.js provide robust
tools for building RESTful APIs, enabling communication between the frontend
and backend systems. Furthermore, JavaScript is used for data processing and
manipulation, especially when dealing with large datasets of destinations,
accommodations, flights, and attractions. With Node.js and libraries like
MongoDB or PostgreSQL, developers can efficiently store, retrieve, and update
travel-related information in databases, ensuring data integrity and reliability.

Additionally, JavaScript on the backend facilitates integration with external

APIs for accessing third-party services such as flight booking systems, hotel
reservation platforms, weather forecasts, and location-based services. By
leveraging Node.js's asynchronous nature, developers can handle multiple API
requests concurrently, providing tourists with real-time information and seamless
booking experiences. Moreover, JavaScript enables server-side rendering for
improved performance and SEO optimization. Tools like Next.js or Nuxt.js allow
developers to render React or Vue components on the server side, delivering pre-
rendered HTML to the client for faster initial page loads and better search engine
visibility.
 In summary, JavaScript on the backend of a smart travel planner website
enables efficient data management, seamless API integration, and server-side
rendering, all of which contribute to a robust and responsive user experience for
tourists. By leveraging Node.js and its ecosystem of libraries and frameworks,
developers can build scalable and feature-rich backend systems that power the
functionality and reliability of the travel planner website.

5.2.1 PHP

In the backend of a smart travel planner website for tourists, PHP serves as a
versatile and powerful scripting language for handling server-side logic, dynamic
content generation, and database interactions. With its extensive ecosystem of
libraries and frameworks, PHP empowers developers to build robust and scalable
backend systems that power the functionality of the travel planner. One of PHP's
primary roles in the backend is server-side scripting, where it dynamically
generates HTML content based on user requests and application logic. This
allows for the creation of dynamic web pages that adapt to user inputs,
preferences, and interactions. For instance, PHP can generate personalized travel
recommendations, search results, and itinerary suggestions based on user profiles
and input parameters. PHP also facilitates seamless interaction with databases,
such as MySQL or PostgreSQL, for storing and retrieving travel-related data.
Through PHP's database connectivity features, developers can execute SQL
queries, insert or update records, and handle transactions, ensuring data integrity
and reliability. This enables tourists to access their booking history, save
preferences, and manage their itineraries securely. Furthermore, PHP supports
session management and authentication mechanisms, allowing tourists to create
accounts, log in securely, and access personalized features. PHP sessions enable
persistent user data storage across multiple page views, while authentication
mechanisms such as password hashing and token-based authentication enhance
security and protect user information. Additionally, PHP integrates with external
APIs for accessing third-party services such as payment gateways, booking
systems, and travel APIs. By leveraging PHP's HTTP client libraries and request
handling capabilities, developers can interact with external APIs to retrieve real-
time information, process bookings, and integrate additional functionalities into
the travel planner.

In summary, PHP plays a central role in the backend of a smart travel planner
website, providing the foundation for dynamic content generation, database
interactions, session management, authentication, and API integration. Its
versatility and ease of use make it a preferred choice for building scalable and
feature-rich backend systems that deliver a seamless and engaging experience for
tourists planning their trips.

5.2.2 MYSQL

In the backend of a smart travel planner website for tourists, MySQL serves
as a robust and reliable relational database management system (RDBMS) for
storing, managing, and retrieving travel-related data. As a crucial component of
the backend infrastructure, MySQL enables efficient data storage, retrieval, and
manipulation, supporting various functionalities essential for the travel planner's
operation.One of MySQL's primary functions is data storage, where it provides a
structured and organized repository for storing diverse types of travel-related
information, such as destinations, accommodations, flights, attractions, user
profiles, bookings, and reviews. MySQL's relational model allows developers to
define relationships between different data entities, ensuring data integrity and
facilitating complex queries and data manipulation. MySQL also facilitates data
retrieval through SQL (Structured Query Language), a powerful and standardized
language for querying and manipulating relational databases. Using SQL queries,
developers can retrieve specific subsets of data, filter results based on criteria,
perform aggregations, and join data from multiple tables, enabling tourists to
access relevant information tailored to their preferences and requirements.
Furthermore, MySQL supports data management functionalities such as data
insertion, updating, deletion, and transaction management, ensuring that travel-
related information is accurate, up-to-date, and consistent. Through transactions,
MySQL provides mechanisms for ensuring the atomicity, consistency, isolation,
and durability (ACID) properties of database operations, enhancing data
reliability and integrity.

Additionally, MySQL integrates with the backend application logic,

allowing developers to execute SQL queries and database operations seamlessly
within the travel planner's backend code written in languages such as PHP,
Node.js, or Python. This enables the travel planner to interact with the database
dynamically, responding to user requests, processing data, and generating
personalized content in real-time.

In summary, MySQL plays a pivotal role in the backend of a smart travel

planner website, providing a scalable, reliable, and performant solution for
storing and managing travel-related data. Its robust features, SQL querying
capabilities, and seamless integration with backend application logic make it an
indispensable component of the travel planner's infrastructure, ensuring a smooth
and efficient user experience for tourists planning their trips.
TABLE 5.2 Difference Between PHP, MYSQL

S.NO PHP MYSQL

Server - side scripting MySQL extension added in PHP
language version 2.0
1. Used for back - end Extension directory: ext/mysql
development

More secure (as is not The MYSQL does not support

visible in browser) prepared statements.
2. MariaDB, MySQL, and Transactions are handled by SQL
PostgreSQL; queries only.
Helps to build high - level MySQL provides procedural
interactive web pages. interface.
3. MySQL extension does not support
stored procedure.

Quite slow performance MySQL extension lags in security

More features available and other special features,
4. WordPress, Drupal, Joomla. comparatively.

Combined with HTML MySQL provides both object

MariaDB, MySQL, and oriented and procedural interface.
5. PostgreSQL;

Best for e-commerce and Mysql_connect

other websites using CMS. ($host_name,$user_name,$passwd)
6. followed by
mysql_select_db($dbname)
 SYSTEM
IMPLEMENTATION
 CHAPTER 6

SYSTEM IMPLEMENTATION

6.1 LIST OF MODULES

6.1.1 User login.

6.1.2 Getting information from customer (Planning).

6.1.3 Scheduling (vechicle , hotel & guide arrangements).

6.1.4 Create memories.

6.1.5 Send email.

6.1.1 USER LOGIN

To enable user login functionality in your smart travel planner website

project using JavaScript, start by designing a login page with HTML and CSS.
Ensure that it includes input fields for the username and password, along with
a submit button. Implement client-side validation using JavaScript to ensure
that the fields are not empty upon submission. Upon form submission, handle
the user input with JavaScript and send it to the server for authentication. By
following these steps, you can create a secure and user-friendly login system
for your smart travel planner website, enhancing the overall user experience.

6.1.2 GETTING INFORMATION FROM CUSTOMER (PLAN)

In a smart travel planner website for tourists, JavaScript facilitates the

collection of customer information through interactive forms, maps, and
selectors. It ensures seamless data input, validation, and feedback, enhancing
the user experience.
6.1.3 SCHEDULING ( GUIDE, VEHICLE, HOTEL BOOKING
ARRANGEMENTS)

In smart travel planner websites, JavaScript streamlines the scheduling of

guide, hotel, and vehicle arrangements. By enabling interactive input and real-
time communication with backend systems, JavaScript swiftly processes tourist
preferences and generates personalized recommendations. This ensures
efficient coordination and booking of services, enhancing the overall travel
experience for tourists.

6.14 CREATE MEMORIES

In smart travel planner websites, JavaScript helps create memorable

experiences for tourists by facilitating interactive features and personalized
recommendations. Through dynamic interfaces, tourists can explore
destinations, activities, and accommodations tailored to their preferences. It

ensures seamless booking of tours, hotels, and transportation, optimizing the

travel experience. It enhances engagement with features like interactive maps,
photo galleries, and reviews, allowing tourists to capture and share their
memories effortlessly.

6.1.5 SEND EMAIL

In smart travel planner websites, It enhances the creation of memorable

experiences for tourists by enabling features like email functionality. Through
dynamic interfaces, tourists can explore destinations, activities, and
accommodations tailored to their preferences. Additionally, JavaScript
integrates email functionality, allowing tourists to easily share their planned
trips with friends and family.
SYSTEM DESIGN
 CHAPTER 7

SYSTEM DESIGN

Login

User Planning Admin

Scheduling

Trains & Vehicle

Flight
Booking
Facilities

Guide Hotel

E-Mail

Photo Video

FIGURE – 7.1 ARCHITECTURE DIAGRAM

7.2 WORKING PRINCIPLE OF SMART TRAVEL PLANNER
WEBSITE FOR TOURISTS USING JAVA SCRIPT

1. User Login : JavaScript facilitates secure user authentication, allowing

tourists to create accounts, log in securely, and access personalized features.

2. Planning : Through dynamic interfaces, tourists can input their travel

preferences, such as destination, dates, budget, and interests. JavaScript processes
user inputs in real-time to generate personalized recommendations and itineraries.

3. Admin : JavaScript enables administrators to manage website content, user

accounts, and bookings efficiently. Admin interfaces are built using JavaScript to
provide a seamless experience for managing site operations.

4. Schedule : JavaScript coordinates scheduling for various aspects of the trip,

including tours, transportation, accommodations, and activities. Real-time
communication with backend systems ensures efficient coordination and booking
of services.

5. Other Planning (Train and Flight Booking) : JavaScript integrates with APIs
from train and flight booking platforms to provide real-time information on
availability, schedules, and prices. Tourists can book tickets directly through the
website, with JavaScript handling the booking process.

6. Guide, Vehicle, Hotel Booking : JavaScript facilitates the booking of guides,

vehicles, and hotels through interactive interfaces. Tourists can select preferred
options based on their preferences and requirements, with JavaScript processing
bookings seamlessly.

7. Email to Photo and Video : JavaScript enables tourists to share their travel
plans, itineraries, and memories via email. Additionally, JavaScript integrates
with photo and video sharing platforms to allow tourists to upload and share their
travel experiences with friends and family.
SYSTEM TESTING
 CHAPTER 8

SYSTEM TESTING

Testing a smart travel planner involves evaluating its functionality,

performance, and usability to ensure it meets the requirements and works as
expected. Here are some testing ideas:

8.1 Unit Testing

1. Test individual functions and modules in isolation to ensure they behave as

expected.

2. Use tools like Jest, Mocha, or Jasmine to write and run unit tests.

3. Test cases should cover various scenarios, including edge cases and error
handling.

8.2 End-to-End Testing

1. Simulate user interactions across the entire application to ensure it functions

correctly from the user's perspective.

2. Use frameworks like Selenium, Cypress, or Puppeteer to automate browser

interactions.

3. Write test cases to cover common user flows such as searching for travel
destinations, booking flights, and accommodations.

8.3 Functional Testing

1. Trip planning: Test the system's ability to suggest destinations and activities

based on user preferences.

2. Recommendation engine: Test the system's ability to provide relevant

recommendations based on user behaviour and preferences.
 3. Booking and payment: Test the system's ability to book flights, hotels, and
activities successfully.

4. Itinerary management: Test the system's ability to update and modify

itineraries.

5. User account management: Test the system's ability to manage user

accounts, including registration, login, and password recovery.

8.4 Performance Testing

1. Load testing: Test the system's ability to handle a large number of users and
requests.

2. Stress testing: Test the system's performance under heavy loads and stress
conditions.

3. Response time testing: Test the system's response time for various user
interactions.

8.5 Usability Testing

1. User interface testing: Test the system's user interface for clarity,
consistency, and ease of use.

2. User experience testing: Test the system's user experience, including the
overall flow and functionality.

3. Accessibility testing: Test the system's accessibility features for users with
disabilities.
CONCLUSION & FUTURE
ENHANCEMENT
 CHAPTER 9

CONCLUSION AND FUTURE ENHANCEMENT

9.1 CONCLUSION

This paper describes about the Smart travel Planner website for tourist using
java script how it makes travelling journey easy for the travellers as well as save
there time by providing various features for journey planning. This App Is Smart
Travel Planner, website for tourist using java script. The system that assist
travelers planning for their trips by providing them with a single application with
a Unified Interface for accessing an over whelming amount of Travel-Based
Informations scattered throughout the internet and also enables to create
Itineraries, Calculate routes and block personal time slots. As we are extending
our work in future by providing more features in calculating route , traffic etc..
As many performances of any applications can be improved by storing static data
in a local database avoiding the need for constantly refreshing the information
and we will thoroughly examine our system to determine locally stored and also
explore.
9.2 FUTURE DIRECTION
In the future, smart travel planner websites for tourists using JavaScript are
poised to evolve with a focus on enhanced personalization, integration of
emerging technologies. Real-time updates and notifications, social integration,
and a commitment to accessibility and inclusivity will also be key areas of
development. Additionally, ensuring data security and privacy, promoting
sustainable travel initiatives, and leveraging AI for smarter recommendations will
shape the future landscape of these websites, providing travelers with more
personalized, immersive, and sustainable experiences.
APPENDICES
 APPENDIX

A1. SOURCE CODING

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Travel Planner</title>
<link rel="stylesheet" href="style-home.css">
<link rel="icon" href="image/airplane.png">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-
awesome/6.5.1/css/all.min.css" integrity="sha512-
DTOQO9RWCH3ppGqcWaEA1BIZOC6xxalwEsw9c2QQeAIftl+Vegovlnee1c
9QX4TctnWMn13TZye+giMm8e2LwA=="crossorigin="anonymous"
referrerpolicy="no-referrer"/>
</head>
<body>
<div class="container">
<div class="head">
<div class="image">
<img align="center" src="image/Logo.png" alt="no image"
height="150px" width="150px">
</div>
<div class="title">
<h1 align="center">Make your travel plan in best way</h1>
<!—
<h2 align="center">"EXPLORE","DREAM","DISCOVER"</h2> -->
<!-- <P align="center">-WITH TRAVEL</P> -->
</div>
</div>
<div class="body">
<div class="form" align="center">
<form id="form">
<label for="selectdays">Travel days</label>
<input type="number" name="days" placeholder="Select days"
min="1" max="5" required id="selectdays">
<br>
<label for="places">Travel Location</label>
<select id="places" name="place">
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Travel Planner</title>
<link rel="stylesheet" href="style-login.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-
awesome/6.5.1/css/all.min.css" integrity="sha512-
DTOQO9RWCH3ppGqcWaEA1BIZOC6xxalwEsw9c2QQeAIftl+Vegovlnee1c
9QX4TctnWMn13TZye+giMm8e2LwA==" crossorigin="anonymous"
referrerpolicy="no-referrer"/>
</head>
<body>
<div class="container">
<div class="head">
<div class="image">
<img align="center" src="image/Logo.png" alt="no image"
height="150px" width="150px">
</div>
<div class="title">
<h1 align="center">Welcome to Smart Travel Planner</h1>
<h2 align="center">"EXPLORE","DREAM","DISCOVER"</h2>
<P align="center">-WITH TRAVEL</P>
</div>
</div>
<div class="body" align="center" >
<form method="post" action="connect-login.php">
<label for="Name">Traveller name </label>
<input type="text" name="name" placeholder="Enter your name"
required >
<br>
<label for="Email">Email </label>
<input type="email" name="email" placeholder="Enter your mail-id "
required>
<br>
<label for="Password">Password </label>
<input type="password" name="password" placeholder="Enter your
password" required>
<br>
<a href="#">submit</a>
</form>

</div>
 <div class="foot">
<div class="stp">
<P>@ Smart travel planner</P>
</div>

<div class="icons">
<a
href="http://www.instagram.com/dhanalakshmi.g.7547/igsh=YTQwZjQoNmlO
oA"><i class="fa-brands fa-instagram"></i></a>
<a href="mailto:[email protected]"><i class="fa-regular fa-
envelope"></i></a>
<a
href="https://whatsapp.com/channel/0029VaPdrrsG3R3njTXkJG3Z"><i
class="fa-brands fa-whatsapp"></i></a>
<a href="map.html" ><i class="fa-solid fa-location-dot"></i></a>
<a href=""><i class="fa-regular fa-copyright"></i></a>
</div>
</body>
</html>

<option value="0">select state</option>

<option value="Andhra pradesh">Andhra pradesh</option>
<option value="Arunachal Pradesh">Arunachal Pradesh</option>
<option value="Assam">Assam</option>
<option value="Bihar">Bihar</option>
<option value="Chattisgarh">Chattisgarh</option>
<option value="Goa">Goa</option>
<option value="Gujarat">Gujarat</option>
<option value="Haryana">Haryana</option>
<option value="Himachal Pradesh">Himachal Pradesh</option>
<option value="Jammu & Kashmir">Jammu & Kashmir</option>
<option value="Jharkhand">Jharkhand</option>
<option value="Karnataka">Karnataka</option>
<option value="Kerala">Kerala</option>
<option value="Madhya Pradesh">Madhya Pradesh</option>
<option value="Maharashtra">Maharashtra</option>
<option value="Manipur">Manipur</option>
<option value="Meghalaya">Meghalaya</option>
<option value="Mizoram">Mizoram</option>
<option value="Nagaland">Nagaland</option>
<option value="Odisha">Odisha</option>
<option value="Punjab">Punjab</option>
<option value="Rajasthan">Rajasthan</option>
 <option value="Sikkim">Sikkim</option>
<option value="Tamilnadu">Tamilnadu</option>
<option value="Telungana">Telungana</option>
<option value="Tripura">Tripura</option>
<option value="Uttra pradesh">Uttra pradesh</option>
<option value="Uttarkhand">Uttarkhand</option>
<option value="West Bengal">West Bengal</option>
</select>
<br>
<input style="font-weight: bolder;" type="submit" id="submit"
value="Proceed!" onclick="myFunction()">
</form>
</div>

<div id="recommodation">
<h2 class="re-head" align="center">Recommodation Places</h2>
<div class="re-pics">
<div class="row1">
<div class="tamil">
<img align="center" src="image/tamilnadu.jpg" alt="no image"
height="150px" width="300">
<figcaption>Tamilnadu</figcaption>
</div>
<div class="kerala">
<img align="center" src="image/kerala.jpg" alt="no image"
height="150px" width="300">
<figcaption>Kerala</figcaption>
</div>
<div class="goa">
<img align="center" src="image/goa.png" alt="no image"
height="150px" width="300">
<figcaption>Goa</figcaption>
</div>
</div>
<br>
<div class="row2">
<div class="taj">
<img align="center" src="image/tajmahal.jpg" alt="no image"
height="150px" width="300">
<figcaption>Tajmahal</figcaption>
</div>
<div class="gate">
 <img align="center" src="image/gateway.jpg" alt="no image"
height="150px" width="300">
<figcaption>Gate way of India</figcaption>
</div>
<div class="mega">
<img align="center" src="image/meghalaya.jpg" alt="no image"
height="150px" width="300">
<figcaption>Megalaya</figcaption>
</div>
</div>
</div>
</div>
<div id="sec">
<div id="kerala">

<div class="boxxx1k" id="boxxx1k" align="center">

<div class="boxx">
<!-- <h2>Your Schedule</h2> -->
<div class="photo" align="center">
<img src="image/beach.jpg">
<div class="picname">
<h1>Kerala</h1>
</div>
</div>
<div class="box" align="left">
<img src="image/tree.png">
<p style="padding-left: 20px; font-size: 25px;">Day 1 -
Kerala</p><br>
<ul>
<li><i class="fa-solid fa-bowl-food"></i></li>
<li>8.30 - 9.30 : Breakfast</li>
</ul>
<ul>
<li><i class="fa-solid fa-car"></i></li>
<li>10.00 - 1.00 : Munnar</li>
</ul>
<ul>
<li><i class="fa-solid fa-bowl-food"></i></li>
<li>1.00 - 2.00 : Lunch</li>
</ul>
<ul>
<li><i class="fa-solid fa-car"></i></li>
<li>2.00 - 5.00 : Alleppey</li>
 </ul>
<ul>
<li><i class="fa-solid fa-mug-saucer"></i></li>
<li>5.00 - 6.00 - Relaxation with Coffee</li>
</ul>
<ul>
<li><i class="fa-solid fa-bowl-food"></i></li>
<li>6.30 - 7.30 : Dinner</li>
</ul>
<ul>
<li><i class="fa-solid fa-bed"></i></li>
<li>8.00 : Bed time</li>
</ul>

</div>
</div>
</div>
<div class="boxxx2k" id="boxxx2k" align="center">
<div class="boxx">
<!-- <h2>Your Schedule</h2> -->
<div class="photo" align="center">
<img src="image/beach.jpg">
<div class="picname">
<h1>Kerala</h1>
</div>
</div>
<div class="box" align="left">
<img src="image/tree.png">
<p style="padding-left: 20px; font-size: 25px;">Day 2 -
Kerala</p><br>
<ul>
<li><i class="fa-solid fa-bowl-food"></i></li>
<li>8.30 - 9.30 : Breakfast</li>
</ul>
<ul>
<li><i class="fa-solid fa-car"></i></li>
<li>10.00 - 1.00 : Munnar</li>
</ul>
<ul>
<li><i class="fa-solid fa-bowl-food"></i></li>
<li>1.00 - 2.00 : Lunch</li>
</ul>
<ul>
 <li><i class="fa-solid fa-car"></i></li>
<li>2.00 - 5.00 : Alleppey</li>
</ul>
<ul>
<li><i class="fa-solid fa-mug-saucer"></i></li>
<li>5.00 - 6.00 - Relaxation with Coffee</li>
</ul>
<ul>
<li><i class="fa-solid fa-bowl-food"></i></li>
<li>6.30 - 7.30 : Dinner</li>
</ul>
<ul>
<li><i class="fa-solid fa-bed"></i></li>
<li>8.00 : Bed time</li>
</ul>

</div>
</div>
</div>
<div class="boxxx3k" id="boxxx3k" align="center">
<div class="boxx">
<!-- <h2>Your Schedule</h2> -->
<div class="photo" align="center">
<img src="image/beach.jpg">
<div class="picname">
<h1>Kerala</h1>
</div>
</div>
<div class="box" align="left">
<img src="image/tree.png">
<p style="padding-left: 20px; font-size: 25px;">Day 3 -
Kerala</p><br>
<ul>
<li><i class="fa-solid fa-bowl-food"></i></li>
<li>8.30 - 9.30 : Breakfast</li>
</ul>
<ul>
<li><i class="fa-solid fa-car"></i></li>
<li>10.00 - 1.00 : Munnar</li>
</ul>
<ul>
<li><i class="fa-solid fa-bowl-food"></i></li>
<li>1.00 - 2.00 : Lunch</li>
 </ul>
<ul>
<li><i class="fa-solid fa-car"></i></li>
<li>2.00 - 5.00 : Alleppey</li>
</ul>
<ul>
<li><i class="fa-solid fa-mug-saucer"></i></li>
<li>5.00 - 6.00 - Relaxation with Coffee</li>
</ul>
<ul>
<li><i class="fa-solid fa-bowl-food"></i></li>
<li>6.30 - 7.30 : Dinner</li>
</ul>
<ul>
<li><i class="fa-solid fa-bed"></i></li>
<li>8.00 : Bed time</li>
</ul>

</div>
</div>
</div>
<div class="boxxx4k" id="boxxx4k" align="center">
<div class="boxx">
<!-- <h2>Your Schedule</h2> -->
<div class="photo" align="center">
<img src="image/beach.jpg">
<div class="picname">
<h1>Kerala</h1>
</div>
</div>
<div class="box" align="left">
<img src="image/tree.png">
<p style="padding-left: 20px; font-size: 25px;">Day 4 -
Kerala</p><br>
<ul>
<li><i class="fa-solid fa-bowl-food"></i></li>
<li>8.30 - 9.30 : Breakfast</li>
</ul>
<ul>
<li><i class="fa-solid fa-car"></i></li>
<li>10.00 - 1.00 : Munnar</li>
</ul>
<ul>
 <li><i class="fa-solid fa-bowl-food"></i></li>
<li>1.00 - 2.00 : Lunch</li>
</ul>
<ul>
<li><i class="fa-solid fa-car"></i></li>
<li>2.00 - 5.00 : Alleppey</li>
</ul>
<ul>
<li><i class="fa-solid fa-mug-saucer"></i></li>
<li>5.00 - 6.00 - Relaxation with Coffee</li>
</ul>
<ul>
<li><i class="fa-solid fa-bowl-food"></i></li>
<li>6.30 - 7.30 : Dinner</li>
</ul>
<ul>
<li><i class="fa-solid fa-bed"></i></li>
<li>8.00 : Bed time</li>
</ul>

</div>
</div>
</div>
<div class="boxxx5k" id="boxxx5k" align="center">
<div class="boxx">
<!-- <h2>Your Schedule</h2> -->
<div class="photo" align="center">
<img src="image/beach.jpg">
<div class="picname">
<h1>Kerala</h1>
</div>
</div>
<div class="box" align="left">
<img src="image/tree.png">
<p style="padding-left: 20px; font-size: 25px;">Day 5 -
Kerala</p><br>
<ul>
<li><i class="fa-solid fa-bowl-food"></i></li>
<li>8.30 - 9.30 : Breakfast</li>
</ul>
<ul>
<li><i class="fa-solid fa-car"></i></li>
<li>10.00 - 1.00 : Munnar</li>
 </ul>
<ul>
<li><i class="fa-solid fa-bowl-food"></i></li>
<li>1.00 - 2.00 : Lunch</li>
</ul>
<ul>
<li><i class="fa-solid fa-car"></i></li>
<li>2.00 - 5.00 : Alleppey</li>
</ul>
<ul>
<li><i class="fa-solid fa-mug-saucer"></i></li>
<li>5.00 - 6.00 - Relaxation with Coffee</li>
</ul>
<ul>
<li><i class="fa-solid fa-bowl-food"></i></li>
<li>6.30 - 7.30 : Dinner</li>
</ul>
<ul>
<li><i class="fa-solid fa-bed"></i></li>
<li>8.00 : Bed time</li>
</ul>

</div>
</div>
</div>
</div>
<div class="buttonnext">
<a href="./nav.html"><button>Next</button></a>
</div>
<div class="buttonback">
<a href="./index-login.html"><button>Back</button></a>
</div>
<script>
function myFunction()
{
var selectday=document.getElementById("selectdays").value;
var place=document.getElementById("places").value;
if (selectday == "1" && place == "Arunachal Pradesh")
{
const form=document.querySelector("#form");
form.addEventListener("submit",(e)=>
{
e.preventDefault();
 })
document.getElementById("sec").style.display="block";
document.getElementById("recommodation").style.display="none";
document.getElementById("kerala").style.display="none";
document.getElementById("andra").style.display="none";
document.getElementById("assam").style.display="none";

document.querySelector('#arunachal').querySelector('#boxxx1arunachal').style.
display="block";

document.querySelector('#arunachal').querySelector('#boxxx2arunachal').style.
display="none";

document.querySelector('#arunachal').querySelector('#boxxx3arunachal').style.
display="none";

document.querySelector('#arunachal').querySelector('#boxxx4arunachal').style.
display="none";

document.querySelector('#arunachal').querySelector('#boxxx5arunachal').style.
display="none";
document.getElementById("bihar").style.display="none";
document.getElementById("chattisgarh").style.display="none";
document.getElementById("goa").style.display="none";
document.getElementById("gujarat").style.display="none";
document.getElementById("himachal pradesh").style.display="none";
document.getElementById("hariyana").style.display="none";
document.getElementById("jammu & Kashmir").style.display="none";
document.getElementById("jharkhand").style.display="none";
document.getElementById("karnataka").style.display="none";
document.getElementById("madhya pradesh").style.display="none";
document.getElementById("Maharastra").style.display="none";
document.getElementById("manipur").style.display="none";
document.getElementById("meghalaya").style.display="none";
document.getElementById("Mizoram").style.display="none";
document.getElementById("Sikkim").style.display="none";
document.getElementById("Nagaland").style.display="none";
document.getElementById("Odisha").style.display="none";
document.getElementById("Punjab").style.display="none";
document.getElementById("Rajastan").style.display="none";
document.getElementById("tamilnadu").style.display="none";
document.getElementById("telangana").style.display="none";
 document.getElementById("tripura").style.display="none";
document.getElementById("Uttra pradesh").style.display="none";
document.getElementById("Uttarkhand").style.display="none";
document.getElementById("west bengal").style.display="none";

}
if (selectday == "2" && place == "Arunachal Pradesh")
{
const form=document.querySelector("#form");
form.addEventListener("submit",(e)=>
{
e.preventDefault();

})
document.getElementById("sec").style.display="block";
document.getElementById("recommodation").style.display="none";
document.getElementById("kerala").style.display="none";
document.getElementById("andra").style.display="none";
document.getElementById("assam").style.display="none";

document.querySelector('#arunachal').querySelector('#boxxx1arunachal').style.
display="block";

document.querySelector('#arunachal').querySelector('#boxxx2arunachal').style.
display="block";

document.querySelector('#arunachal').querySelector('#boxxx3arunachal').style.
display="none";

document.querySelector('#arunachal').querySelector('#boxxx4arunachal').style.
display="none";

document.querySelector('#arunachal').querySelector('#boxxx5arunachal').style.
display="none";
document.getElementById("bihar").style.display="none";
document.getElementById("chattisgarh").style.display="none";
document.getElementById("goa").style.display="none";
document.getElementById("gujarat").style.display="none";
document.getElementById("himachal pradesh").style.display="none";
document.getElementById("hariyana").style.display="none";
document.getElementById("jammu & Kashmir").style.display="none";
document.getElementById("jharkhand").style.display="none";
document.getElementById("karnataka").style.display="none";
 document.getElementById("madhya pradesh").style.display="none";
document.getElementById("Maharastra").style.display="none";
document.getElementById("manipur").style.display="none";
document.getElementById("meghalaya").style.display="none";
document.getElementById("Mizoram").style.display="none";
document.getElementById("Sikkim").style.display="none";
document.getElementById("Nagaland").style.display="none";
document.getElementById("Odisha").style.display="none";
document.getElementById("Punjab").style.display="none";
document.getElementById("Rajastan").style.display="none";
document.getElementById("tamilnadu").style.display="none";
document.getElementById("telangana").style.display="none";
document.getElementById("tripura").style.display="none";
document.getElementById("Uttra pradesh").style.display="none";
document.getElementById("Uttarkhand").style.display="none";
document.getElementById("west bengal").style.display="none";

}
if (selectday == "3" && place == "Arunachal Pradesh")
{
const form=document.querySelector("#form");
form.addEventListener("submit",(e)=>
{
e.preventDefault();

})
document.getElementById("sec").style.display="block";
document.getElementById("recommodation").style.display="none";
document.getElementById("kerala").style.display="none";
document.getElementById("andra").style.display="none";
document.getElementById("assam").style.display="none";

document.querySelector('#arunachal').querySelector('#boxxx1arunachal').style.
display="block";

document.querySelector('#arunachal').querySelector('#boxxx2arunachal').style.
display="block";

document.querySelector('#arunachal').querySelector('#boxxx3arunachal').style.
display="block";

document.querySelector('#arunachal').querySelector('#boxxx4arunachal').style.
display="none";
document.querySelector('#arunachal').querySelector('#boxxx5arunachal').style.
display="none";
document.getElementById("bihar").style.display="none";
document.getElementById("chattisgarh").style.display="none";
document.getElementById("goa").style.display="none";
document.getElementById("gujarat").style.display="none";
document.getElementById("himachal pradesh").style.display="none";
document.getElementById("hariyana").style.display="none";
document.getElementById("jammu & Kashmir").style.display="none";
document.getElementById("jharkhand").style.display="none";
document.getElementById("karnataka").style.display="none";
document.getElementById("madhya pradesh").style.display="none";
document.getElementById("Maharastra").style.display="none";
document.getElementById("manipur").style.display="none";
document.getElementById("meghalaya").style.display="none";
document.getElementById("Mizoram").style.display="none";
document.getElementById("Sikkim").style.display="none";
document.getElementById("Nagaland").style.display="none";
document.getElementById("Odisha").style.display="none";
document.getElementById("Punjab").style.display="none";
document.getElementById("Rajastan").style.display="none";
document.getElementById("tamilnadu").style.display="none";
document.getElementById("telangana").style.display="none";
document.getElementById("tripura").style.display="none";
document.getElementById("Uttra pradesh").style.display="none";
document.getElementById("Uttarkhand").style.display="none";
document.getElementById("west bengal").style.display="none";

}
if (selectday == "4" && place == "Arunachal Pradesh")
{
const form=document.querySelector("#form");
form.addEventListener("submit",(e)=>
{
e.preventDefault();

})
document.getElementById("sec").style.display="block";
document.getElementById("recommodation").style.display="none";
document.getElementById("kerala").style.display="none";
document.getElementById("andra").style.display="none";
document.getElementById("assam").style.display="none";
document.querySelector('#arunachal').querySelector('#boxxx1arunachal').style.
display="block";

document.querySelector('#arunachal').querySelector('#boxxx2arunachal').style.
display="block";

document.querySelector('#arunachal').querySelector('#boxxx3arunachal').style.
display="block";

document.querySelector('#arunachal').querySelector('#boxxx4arunachal').style.
display="block";

document.querySelector('#arunachal').querySelector('#boxxx5arunachal').style.
display="none";
document.getElementById("bihar").style.display="none";
document.getElementById("chattisgarh").style.display="none";
document.getElementById("goa").style.display="none";
document.getElementById("gujarat").style.display="none";
document.getElementById("himachal pradesh").style.display="none";
document.getElementById("hariyana").style.display="none";
document.getElementById("jammu & Kashmir").style.display="none";
document.getElementById("jharkhand").style.display="none";
document.getElementById("karnataka").style.display="none";
document.getElementById("madhya pradesh").style.display="none";
document.getElementById("Maharastra").style.display="none";
document.getElementById("manipur").style.display="none";
document.getElementById("meghalaya").style.display="none";
document.getElementById("Mizoram").style.display="none";
document.getElementById("Sikkim").style.display="none";
document.getElementById("Nagaland").style.display="none";
document.getElementById("Odisha").style.display="none";
document.getElementById("Punjab").style.display="none";
document.getElementById("Rajastan").style.display="none";
document.getElementById("tamilnadu").style.display="none";
document.getElementById("telangana").style.display="none";
document.getElementById("tripura").style.display="none";
document.getElementById("Uttra pradesh").style.display="none";
document.getElementById("Uttarkhand").style.display="none";
document.getElementById("west bengal").style.display="none";

}
if (selectday == "5" && place == "Arunachal Pradesh")
 {
const form=document.querySelector("#form");
form.addEventListener("submit",(e)=>
{
e.preventDefault();

})
document.getElementById("sec").style.display="block";
document.getElementById("recommodation").style.display="none";
document.getElementById("kerala").style.display="none";
document.getElementById("andra").style.display="none";
document.getElementById("assam").style.display="none";

document.querySelector('#arunachal').querySelector('#boxxx1arunachal').style.
display="block";

document.querySelector('#arunachal').querySelector('#boxxx2arunachal').style.
display="block";

document.querySelector('#arunachal').querySelector('#boxxx3arunachal').style.
display="block";

document.querySelector('#arunachal').querySelector('#boxxx4arunachal').style.
display="block";

document.querySelector('#arunachal').querySelector('#boxxx5arunachal').style.
display="block";
document.getElementById("bihar").style.display="none";
document.getElementById("chattisgarh").style.display="none";
document.getElementById("goa").style.display="none";
document.getElementById("gujarat").style.display="none";
document.getElementById("himachal pradesh").style.display="none";
document.getElementById("hariyana").style.display="none";
document.getElementById("jammu & Kashmir").style.display="none";
document.getElementById("jharkhand").style.display="none";
document.getElementById("karnataka").style.display="none";
document.getElementById("madhya pradesh").style.display="none";
document.getElementById("Maharastra").style.display="none";
document.getElementById("manipur").style.display="none";
document.getElementById("meghalaya").style.display="none";
document.getElementById("Mizoram").style.display="none";
document.getElementById("Sikkim").style.display="none";
document.getElementById("Nagaland").style.display="none";
 document.getElementById("Odisha").style.display="none";
document.getElementById("Punjab").style.display="none";
document.getElementById("Rajastan").style.display="none";
document.getElementById("tamilnadu").style.display="none";
document.getElementById("telangana").style.display="none";
document.getElementById("tripura").style.display="none";
document.getElementById("Uttra pradesh").style.display="none";
document.getElementById("Uttarkhand").style.display="none";
document.getElementById("west bengal").style.display="none";

}
A2. SAMPLE SCREENSHOTS

Figure A2.1 Login Page

Figure A2.2 Home Page

Figure A2.3 Hotel Bookings

Figure A2.2 Home page

Figure A2.3 Navigation page

Figure A2.4 Hotel Booking

 Figure A2.5 Vehicle Booking

Figure A2.6 Flight and Train Bookinng

REFERENCES
CERTIFICATES
REFERENCES

1. Rabira Jafri, Amal Saad Alkunji , Ghada Khaled Alhader -:Smart travel
Planner: A mashup of travel-related web services , 2013
2. Feng Rong :Design of tourism resources management based on artificial
intelligence, 2017.
3. Demis Hassabis, Dharshan Kumaran, Christopher Summer filed.
Neuroscience : Inspired Artificial Intelligence [J]. Neuron
4. Luc De Raedt Kristian Kersting , Sriraam Natarajan ,Statistical Relational
Artificial Intelligence : Logic Probability and Computation . Synthesis Lectures
on Artificial Intelligence & Machine Learning, 2016, 10(2):1-189.
5. Matthew Hutson. Artificial intelligence faces reproducibility crisis [J].
Science, 2018, 359(6377):725-726.
6. Jiang, F, Jiang, Y, Zhi, H. Artificial intelligence in healthcare: Past, present
and future [J] . Stroke & Vascular Neurology,

7. Lichun Li, Rong xing Lu, Kim-Kwang Raymond Choo. Privacy-Preserving

Outsourced Association Rule Mining on Vertically Partitioned Databases [J].
IEEE Transactions on Information Forensics & Security, 2016, 11(8):1-1.

8. Guoqi Qian, Calyampudi Radhakrishna Rao, Xiaoying Sun. Boosting

association rule mining in large datasets via Gibbs sampling [J]. Proceedings of
the National Academy of science, 2016, 113(18):