You are on page 1of 50

TRAVEL PLANNER

A Software Engineering Project Report

Submitted in partial fulfilment of the requirements for the degree of

Bachelor of Technology
In
Computer Science Engineering
(2021-2025)

UNIVERSITY INSTITUTE OF TECHNOLOGY

Supervised by: Submitted by:


Er. Shweta Rajput Abhimanyu Thakur (17212610005)

Aryan Sharma (17212610024)

Kartikay Mokta (17212610039)

Saurav Chauhan (17212610064)

Nayanjyot Singh (17212610082)


University Institute of Technology, Himachal Pradesh University,
Summer Hill, Shimla -171005

CERTIFICATE

This is to certify that the project report entitled “Travel Planner” is submitted in partial fulfilment
of the requirements for the degree of Bachelor of Technology (Computer Science Engineering) at
UIT (University Institute of Technology) Himachal Pradesh University, Summer Hill, Shimla is
complete and operable. The following students have worked under my supervision & guidanceThe
following students have worked under my supervision & guidance.

 Abhimanyu Thakur (17212610005)

 Kartikay Mokta (17212610039)

 Aryan Sharma (17212610024)

 Nayanjyot Singh (17212610082)

 Saurav Chauhan (17212610064)

(Dr P.L. Sharma) (Er Shweta Rajput)

Director, UIT Project Guide

I
ACKNOWLEDGEMENTS

First, we owe a lot of debt of gratitude to Er. Shweta Rajput, who gave us the opportunity
and a learning environment for preparing the project.

We would like to express our sincere appreciation to Er Shweta Rajput for her invaluable
guidance and support throughout the development of our project report. Her extensive knowledge
and expertise in the field have been instrumental in shaping our understanding and refining our
skills. We are grateful for her commitment to excellence and her dedication, which have greatly
contributed to the successful completion of our project. Project development is not an easy task. It
requires cooperation and help from various people. It always happens that words run out when we
are thankful and sincerely want to inspire our feeling of gratitude towards the one when helped in
the completion of the project. We are indebted to our families and relatives for their help in the
preparation and valuable encouragement by way of discussion and suggestion.

We are also deeply grateful to the University Institute of Technology Shimla for providing
us with the opportunity to undertake this project and for fostering an environment conducive to
learning and growth. of this project.

Last but not the least, we would like to thank our friends and classmates for giving us

encouragement as well as valuable suggestions throughout this whole journey. We would like to
extend our heartfelt appreciation to our parents, friends, and everyone who supported and
contributed to the successful completion of our project report. Their unwavering support,
encouragement, and belief in our abilities have been invaluable throughout this journey. We are
truly grateful for their constant motivation and assistance, which have played a significant role in
our accomplishments. Their contributions have made a meaningful impact on our project
development, and we express our deepest gratitude for their unwavering support.

II
PREFACE

A travel planner is a website designed to help users plan and organize their trips. It
provides various features, such as itinerary management, destination information, travel
budgeting, and flight tracking, to help users plan their trips and make the most of their travel
experience.

The growth in demand in travel has been substantial in the last three decades. A National
Travel Survey (NTS 1985/6) shows a 61% growth in total person-km of travel over 20 years
between 1965 and 1985. This is attributed to people making longer journeys (60% of growth) and
people making more journeys (35% of growth) and a 5% of growth is due to increased population.

The effectiveness of influencing travel decisions will to a large extent depend on the
adequacy of the information available to travellers. Based on this information, travellers can decide
where to travel, when to travel, what mode or modes of transport to use, and also where to locate.

However, current information provision is considered deficient in many respects. Travellers


could be unaware of alternative routes or services, and many are unable to acquire adequate and
sufficient information about complex journeys especially those involving more than one mode of
transport. In addition, the lack of real-time information about waiting time, incidents, congestions,
delays, engineering works and weather conditions contributes to the inefficient use of the roads
network and discourages the use of public transport.

Travel Planner has been generated in such a way that it is filled with many secure features
like, flight booking, hotel booking, tour guide booking, taxi booking, etc. These features are hereby
very necessary nowadays to secure a stress free and happy trip.

III
TABLE OF CONTENTS

CERTIFICATE....................................................................................................................................I

ACKNOWLEDGEMENTS...............................................................................................................II

PREFACE.........................................................................................................................................III

TABLE OF CONTENTS.....................................................................................................................I

1. PROBLEM STATEMENT............................................................................................................1

2. PROCESS MODEL......................................................................................................................2

3. SOFTWARE DEVELOPMENT LIFE CYCLE (SDLC)..............................................................3

3.1. Requirement Gathering and Analysis....................................................................................3

3.2. Design....................................................................................................................................4

3.3. Implementation or Coding.....................................................................................................4

3.4. Testing....................................................................................................................................4

3.5. Deployment............................................................................................................................4

3.6. Maintenance...........................................................................................................................4

4. SOFTWARE REQUIREMENTS SPECIFICATIONS.................................................................5

4.1. Product Functions………….……………………………………………………………….5

4.2. Information Gathering...........................................................................................................5

4.3. User Characteristics...............................................................................................................5

4.4. Functional Requirements.......................................................................................................6

4.4.1 Signup...........................................................................................................................6

4.4.2 Login.............................................................................................................................6

4.4.3 Profile Screen...............................................................................................................6

4.4.4 Create New Trip..........................................................................................................7

4.4.5 Add Destination...........................................................................................................7


4.4.6 Add Buddies................................................................................................................8

4.4.7 View Trips in the News Feed.......................................................................................8

4.4.8 App Recommendations for Best Places.......................................................................9

4.4.9 Chatting/ Messenger Module...................................................................................10

4.4.10 Cloud Sharing.........................................................................................................10

4.4.11 Checklist.................................................................................................................11

4.4.12 Online Payment......................................................................................................12

5. CODE..........................................................................................................................................15

6 TESTING TECHNIQUES..........................................................................................................33

7 SCOPE FOR EXPANSION........................................................................................................35

CONCLUSION AND FUTURE.......................................................................................................37


Travel Planner

PROBLEM STATEMENT

Travel planning can be a daunting and time-consuming task, especially for people who
have limited experience with travel. With so many destinations, activities, and accommodations to
choose from, it can be challenging to create an itinerary that meets all your travel goals and fits
within your budget.

Some common challenges faced by travellers when planning a trip include:

 Lack of knowledge about destinations: It can be challenging to plan a trip to a new


destination if you do not have enough information about the place. Finding out about
popular tourist attractions, local customs, transportation options, and accommodation can
take a lot of time.
 Budget constraints: Traveling can be expensive, and it is essential to create a budget that
covers all the expenses, including transportation, accommodation, food, and activities.
However, it can be challenging to balance the cost with the travel goals.
 Time constraints: Planning a trip can take a lot of time, and many people do not have the
luxury of spending hours researching and organizing their travel plans.
 Limited availability: Depending on the time of year and destination, accommodations and
activities can book up quickly. This can be frustrating for travelers who have specific plans
in mind.
 Language barriers: Traveling to a foreign country where the language is different can be
challenging, and it can be difficult to communicate with locals or find information about
tourist attractions.

1
Travel Planner

PROCESS MODEL

A (software/system) process model is a description of the sequence of activities carried out in an


SE project, and the relative order of these activities. There are hundreds of different process
models to choose from, e.g.:

 Waterfall

 Spiral

 Rapid prototyping

 Agile methods,

But most are minor variations on a small number of basic models. By changing the process model,
we can improve and/or trade-off:

 Development speed (time to market)

 Product quality

 Project visibility

 Administrative overhead

 Risk exposure

 Customer relations etc.

Normally, a process model covers the entire lifetime of a product. From birth of a commercial idea
to the final de-installation of the last release i.e. The three main phases:

1. Design,

2. Build,

3. Maintain. (50% of the IT activity goes here!)

2
Travel Planner

SOFTWARE DEVELOPMENT LIFE CYCLE (SDLC)

Requirement Gathering and Analysis


During this phase, all the relevant information is collected from the customer to

develop a product as per their expectation. Any ambiguities must be resolved in this

phase only. Before building a product a core understanding or knowledge of the

product is very important. Once the requirement gathering is done, an analysis is

done to check the feasibility of the development of a product. Once the requirement

is clearly understood, the SRS (Software Requirement Specification) document is

created. This document should be thoroughly understood by the developers and

also should be reviewed by the customer for future reference.

Design
In this phase, the requirement gathered in the SRS document is used as an input

and software architecture that is used for implementing system development is

derived.
3
Travel Planner

Implementation or Coding
Implementation/Coding starts once the developer gets the Design document. The

Software design is translated into source code. All the components of the software

are implemented in this phase.

Testing
Testing starts once the coding is complete and the modules are released for testing.

In this phase, the developed software is tested thoroughly and any defects found are

assigned to developers to get them fixed.

Retesting, regression testing is done until the point at which the software is as per

the customer’s expectation. Testers refer SRS document to make sure that the

software is as per the customer’s standard.

Deployment
Once the product is tested, it is deployed in the production environment or first UAT

(User Acceptance testing) is done depending on the customer expectation.

Maintenance
After the deployment of a product on the production environment, maintenance of

the product i.e. if any issue comes up and needs to be fixed or any enhancement is

to be done is taken care by the developers.

4
Travel Planner

SOFTWARE REQUIREMENTS SPECIFICATIONS

Product Functions

The application is specially developed to enable the user to plan and organize their trips. It
provides various features, such as itinerary management, destination information, travel budgeting,
and flight tracking, to help users plan their trips and make the most of their travel experience.

By logging into the account, the user can hustle features like:

1. Trip planning

2. Destination information

3. Travel budgeting

4. Packing list

5. Flight tracking

6. Offline access

7. Social sharing

Information Gathering
Information gathering is done by interviewing the users and reviewing the
existing documents. For the development of Parking management system, a
lot of research and important input from various website and application user
was needed. Hence the following questionnaires were provided to them and
hence to need for our website arises.
Interviewing the users:

 What are the difficulties you are facing in the existing system?

 What all new things you want to be included in the proposed system?

5
Travel Planner

User Characteristics

The user who will be working on this application may or may not have much prior knowledge
of travelling or online system. It is simply developed to help them to plan and well organize their
trip.

Functional Requirements

Signup

Inputs: Name, Mobile Number, email id, password , Valid id proof.

Output: It does not produce output, Account is created.

The function simply calls a module which gets all the input required to sign up and register with
the application.

Login

Input: email id, password.

Output: No output

The function simply acquires the data and calls the module which matches the details of the user
and validates whether the user is authenticated or not.

Profile Screen

Use Case: Profile Screen

Description: Profile screen with ‘Create New Trip’ and ‘Manage Existing Trips’ Buttons
Preconditions: 1. User has installed and logged in application
6
Travel Planner

Normal Flows:

 User should be able to create trip using Create New Trip button with the Name of the trip,
duration (start and end date) and location
 User should be able to view already created trip in the news feed.

Post Conditions: User navigated to appropriate screen based on button click.

Create New Trip

Use Case: Create New Trip

Description: This screen allows user to create new Trip


Preconditions: 1. User has installed and logged in to the application
Normal Flows:
1. The user enters a Trip name.
2. User enters on Google calendar and selects the start date for the tour.
3. User clicks on Google Calendar and selects the end date for the tour.
4. The user selects the trip location and adds the location info into news feed using Google Maps
Location.
5. Has a photo sharing button
6. Gives trip editing access to all buddies who are invited on the trip

Post Conditions:

1. User clicks on Save, which creates a new trip and sends it to the app server and it is stored in a
database ( news feed ).
2. The user is then navigated to the home screen.

Add Destination

Use Case: Add Destinations

Description: This screen allows user to add trip destination suggestions in an existing trip
event Preconditions: 1. User has installed and logged in to the application Normal Flows:
7
Travel Planner

1. The user selects Trip places on manage trip activity.


2. User clicks on add location button.
3. He/she searches the destinations want to visit.
4. User selects destinations and click Done

Post Conditions: User clicks on Done which creates ArrayList of Trip places which is returned
to create New Trip activity

Add Buddies

Use Case: Add Buddies

Description: This screen allows user to add friends in an existing trip event
Preconditions:
1. The user has installed and logged in to the application.
2. The user is part of some trip.

Normal Flows:

1. The user selects one of the trips from the list of the trips on Manage trips screen.
2. The user then selects „Friends‟ tab from home screen of that trip.
3. The user will be able to see a list of existing buddies in the currently selected trip.
4. Add/Remove Buddy:
a. The user can then remove any of the buddies from the trip just by clicking delete image
button against the name of that specific member.
b. User clicks on the Add a Buddy button, which populates contacts from contact list/ from
friends list of the user‟s account on facebook/ twitter. The user can then select anyone from the
contact list to add that person to the selected trip.

Post Conditions:

1. Buddy will be added or removed from trip and user will be navigated to trip home screen.
2. A notification will be sent to other group members about the member addition or deletion.

8
Travel Planner

View Trips in the News Feed

Use Case: View trips

Description: View list of all those trips in which user is a member of it.

Preconditions:

1. The user has installed the application and is part of some trip.
2. The user selects to go view trips from app home screen.

Normal Flows:

1. The user will be able to see a clickable list of trips he/she is a member of.
2. The user can click and select one of those trips to go to home page of the trip selected.
3. The user can also edit a trip, he/she is a part of.

Post Conditions: User is navigated to the selected trip‟s home page.

App Recommendations for Best Places

Use Case: Best Places in and around the trip location

Description: Service to view the best places and motels around the destination and to populate
them on the map for that particular trip place. ( feasible in terms of time and cost )

Preconditions: 1. The user has installed the application and has fed the information for the
destination of the trip.

Normal Flows:

The user will be able to populate the best places that he/she selects on the map.

1. The user selects the trip places tab from the tour home screen.

9
Travel Planner

2. The user selects the destination location for which he/she wants to see the best places. The
user has two choices:

View in the List:

1. The user gets a list of the best places/ motels nearby the destination.
2. The user then clicks on the place he/she wants to know the location on the map.
3. The place is then shown on the map.

View in Map:

1. Some of the best places are populated on the map of that destination and also best deals for the
destination is also shown.

External Points: The place is embedded in the map to be shown.

Chatting/ Messenger Module

Use Case: Chatting/ Messenger Module

Description: Process to allow the trip buddies to communicate with each other and allows
external friends view the minutes of the trip as existing members update the news feed.

Preconditions: The User should have installed the app and should have added the trip data as
well as the members in the respective trip. The user should select the chat tab from the tour home
screen.

Normal Flows:

1. When the user presses the chat tab from the home screen, he/she gets a screen where
he/she can type the message.

2. When the user presses the send button, the message is sent to everyone involved in the
group and is displayed on the screen.

Post Conditions: Notification will be sent to the group members about the message and minutes
of the trip are sent by the user.

10
Travel Planner

Cloud Sharing

Use Case: Cloud Sharing

Description: Service for sharing your images/videos/location with other trip members.

Preconditions:

1. The user has installed the application and is part of some trip.
2. The user selects to go to cloud sharing screen from trip home.

Normal Flows:

At sender side:

1. The user selects Photos/videos/location to Share option on this screen.


2. The User then gets an option to mark multiple photos/videos in the custom gallery designed
for the app.
3. Used marks some of the photos/videos from the gallery and selects ok to share them with
other members of the tour.
4. The user can also choose the current trip location to be shared with other virtual buddies so
that they can also join the trip if they want.

At receiver side:

1. The user selects Download Photos/videos option on this screen.


2. He/she can see the photos /videos getting downloaded and will then get a message saying
Images/videos saved.

Post Conditions At sender side:

1. Images/videos/location selected get copied into Amazon‟s S3 bucket allocated for the app.

11
Travel Planner

Checklist

Use Case: Check List

Description: Users will be able to maintain their own checklist and a group checklist
Preconditions:
1. User has installed the application
2. User creates a checklist (Individual/Shared) Normal Flows:
User will be able to create a checklist using this module

1. The user selects the Checklist from managing existing trips home screen.
2. The user adds the item into (Private/Shared) checklist.
3. User can also add suggested friends for the current trip from their contact list
4. The user can assign the item to the specific trip member.
5. The user will add a new item or can delete the item from the checklist.

Post Conditions: Notification will be sent if the checklist is shared with the group members.

Online Payment
Input: Valid data (record read), Vehicle Registration Number, Payment Option, Amount, Rebate
option.

Output: Payment

This function acquires the necessary bank details and then connects to the respective banking for
online money transfer through a safe portal using some module.

System Requirements

Hardware and Software requirements:

12
Travel Planner

Minimum 1GB RAM


32- bit or 64-bit Operating System Windows 10/ MacOS 10.12 Sierra or Higher
Minimum 20-50 GB Storage for additional features
1.6 GHz or higher 4 vCPU
Web browser to run the website (Latest Google Chrome, or Microsoft Edge versions
recommended).
Code used :

HTML, CSS

Technologies used:

Visual Studio Code, Bootstrap

Visual Studio Code:

Visual Studio Code is a source code editor developed by Microsoft for Windows,

Linux and macOS. It is a super-fast and lightweight Source Code Editor which can

be used to view, edit, run and debug source code for applications.

install vs code simply by:

(https://code.visualstudio.com/Download )

Bootstrap

Bootstrap is a free and open-source CSS framework directed at responsive, mobile-first front-end
web development. It contains HTML, CSS and (optionally) JavaScript-based design templates
for typography, forms, buttons, navigation, and other interface components.

13
Travel Planner

Bootstrap, originally named Twitter Blueprint, was developed by Mark Otto and Jacob
Thornton at Twitter as a framework to encourage consistency across internal tools.It was renamed
from Twitter Blueprint to Bootstrap and released as an open-source project on August 19, 2011

:https://v5.getbootstrap.com/docs/5.0/getting-started/download/

Hotel Management

Transportation Customer
Management Management
Travel and

Tourism

Manageme

Booking Management Package Management

Zero-Level DFD

14
Travel Planner

Data Flow Diagram For Tourists and Travelers

15
Travel Planner

16
Travel Planner

System

User Login Administrator

Trip Info

Recommend

Online Payment

Route Management

Use Case Diagram

17
Travel Planner

Group
Friends
travelling info.

Vehicle

Bus
Check

Two-Wheeler
User

Transportation

Travel Suggestions
Messaging
and
Chat Module
Recommendations
Facilities

Entity Relationship (ER) diagram

18
Travel Planner

Sequence Diagram

19
Travel Planner

CODE
HTML

<!DOCTYPE html>
<head>
<link rel="stylesheet" href="style.css">
</head>
<body>

<section class="nav-bar">
<div class="logo">Travel Trek</div>
<ul class="menu">
<li><a href="#">home</a></li>
<li><a href="#">tours</a></li>
<li><a href="#">package</a></li>
<li><a href="#">blog</a></li>
<li><a href="#">about us</a></li>
<li><a href="#">contact us</a></li>
</ul>
</div>

</section>

<section class="banner">
<div class="banner-text-item">
<div class="banner-heading">
<h1>Find your Next tour!</h1>
</div>
<form class="form">
<input type="text" list="mylist" placeholder="Where would you like to go?">
<datalist id="mylist">
<option>London</option>
<option>Canada</option>
<option>Monaco</option>
<option>France</option>
<option>Japan</option>
<option>Switzerland</option>
<option>Seoul</option>
</datalist>
<input type="date" class="date">
<a href="#" class="book">book</a>
</form>
</div>
</section>

<!--=========Services===============-->
<section class="services">
< HTML
20
Travel Planner

div class="service-item">
<img src="https://res.cloudinary.com/dxssqb6l8/image/upload/v1605293634/tour-
guide_onzla9.png">
<h2>8000+ Our Local Guides</h2>
</div>
<div class="service-item">
<img src="https://res.cloudinary.com/dxssqb6l8/image/upload/v1605293738/
reliability_jbpn4g.png">
<h2>100% Trusted Tour Agency</h2>
</div>
<div class="service-item">
<img src="https://res.cloudinary.com/dxssqb6l8/image/upload/v1605293635/
experience_a3fduk.png">
<h2>28+ Years of Travel Experience</h2>
</div>
<div class="service-item">
<img src="https://res.cloudinary.com/dxssqb6l8/image/upload/v1605293634/
feedback_s8z7d9.png">
<h2>98% Our Travelers are Happy</h2>
</div>
</section>
<!--==============Places===================-->
<section class="places">
<div class="places-text">
<small>FEATURED TOURS PACKAGES</small>
<h2>Favourite Places</h2>
</div>

<div class="cards">
<div class="card">
<div class="zoom-img">
<div class="img-card">
<img src="https://res.cloudinary.com/dxssqb6l8/image/upload/v1605293736/
james-wheeler_xqmq2y.jpg">
</div>
</div>

<div class="text">
<span class="rating">&#11088;&#11088;&#11088;&#11088;&#11088;</span>
<h2>EpicVenture</h2>
<p class="cost &#8377">$1870 / Per Person</p>
<div class="card-box">
<p class="time">&#128339; 3 Days</p>
<p class="location">&#9992; Vancouver, Canada</p>
</div>
</div>

</div>
<div class="card">
<div class="zoom-img">
<div class="img-card">

HTML

21
Travel Planner

<img src="https://res.cloudinary.com/dxssqb6l8/image/upload/v1605293755/
paris_uj8wum.jpg">
</div>
</div>

<div class="text">
<span class="rating">&#11088;&#11088;&#11088;&#11088;&#11088;</span>
<h2>EpicVenture</h2>
<p class="cost">$1870 / Per Person</p>
<div class="card-box">
<p class="time">&#128339; 3 Days</p>
<p class="location">&#9992; Paris, France</p>
</div>
</div>

</div>
<div class="card">
<div class="zoom-img">
<div class="img-card">
<img src="https://res.cloudinary.com/dxssqb6l8/image/upload/v1605293955/
monaco_usu7xb.jpg">
</div>
</div>

<div class="text">
<span class="rating">&#11088;&#11088;&#11088;&#11088;&#11088;</span>
<h2>EpicVenture</h2>
<p class="cost">$1870 / Per Person</p>
<div class="card-box">
<p class="time">&#128339; 3 Days</p>
<p class="location">&#9992; Monaco, Monaco</p>
</div>
</div>

</div>
<div class="card">
<div class="zoom-img">
<div class="img-card">
<img src="https://res.cloudinary.com/dxssqb6l8/image/upload/v1605293874/
switzerland_tubxcm.jpg">
</div>
</div>

<div class="text">
<span class="rating">&#11088;&#11088;&#11088;&#11088;&#11088;</span>
<h2>EpicVenture</h2>
<p class="cost">$1870 / Per Person</p>
<div class="card-box">
<p class="time">&#128339; 3 Days</p>
<p class="location">&#9992; Bern, Switzerland</p>
</div>
</div>
HTML

22
Travel Planner

</div>
<div class="card">
<div class="zoom-img">
<div class="img-card">
<img src="https://res.cloudinary.com/dxssqb6l8/image/upload/v1605293673/
korea_bxrcj5.jpg">
</div>
</div>

<div class="text">
<span class="rating">&#11088;&#11088;&#11088;&#11088;&#11088;</span>
<h2>EpicVenture</h2>
<p class="cost">$1870 / Per Person</p>
<div class="card-box">
<p class="time">&#128339; 3 Days</p>
<p class="location">&#9992; Seoul, South Korea</p>
</div>
</div>

</div>
<div class="card">
<div class="zoom-img">
<div class="img-card">
<img src="https://res.cloudinary.com/dxssqb6l8/image/upload/v1605293673/
night-4336403_1920_demehp.jpg">
</div>
</div>

<div class="text">
<span class="rating">&#11088;&#11088;&#11088;&#11088;&#11088;</span>
<h2>EpicVenture</h2>
<p class="cost">$1870 / Per Person</p>
<div class="card-box">
<p class="time">&#128339; 3 Days</p>
<p class="location">&#9992; Tokyo, japan</p>
</div>
</div>
</div>
</div>
</section>
<!--===========About Us===============-->
<section class="about">
<div class="about-img">
<img
src="https://res.cloudinary.com/dxssqb6l8/image/upload/v1605293719/outdoor_tjjhxk.jpg">
</div>
<div class="about-text">
<small>ABOUT OUR COMPANY</small>
<h2>We are Travel Trek Company</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit,
HTML

sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

23
Travel Planner

Ut enim ad minim veniam, quis nostrud</p>

<label><input type="checkbox" checked>Lorem ipsum dolor sit amet</label>


<label><input type="checkbox" checked>consectetur adipisicing elit</label>
<label><input type="checkbox" checked>Architecto atque consequuntur</label>
<label><input type="checkbox" checked>cupiditate doloremque ducimus</label>
<a href="#">ABOUT US</a>
</div>
</section>

<!--===========Footer=================-->
<div class="footer">
<div class="links">
<h3>Quick Links</h3>
<ul>
<li>Offers & Discounts</li>
<li>Get Coupon</li>
<li>Contact Us</li>
<li>About</li>
</ul>
</div>
<div class="links">
<h3>New Products</h3>
<ul>
<li>Woman Cloth</li>
<li>Fashion Accessories</li>
<li>Man Accessories</li>
<li>Rubber made Toys</li>
</ul>
</div>
<div class="links">
<h3>Support</h3>
<ul>
<li>Frequently Asked Questions</li>
<li>Report a Payment Issue</li>
<li>Terms & Conditions</li>
<li>Privacy Policy</li>
</ul>
</div>
</div>
</body>
</html>

CSS
@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Satisfy&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300&display=swap');

24
Travel Planner

* {
box-sizing: border-box;
margin: 0;
}

body, html {
margin: 0;
padding: 0;
}

/*------------------------Scroll Bar-----------------------*/

::-webkit-scrollbar {
width: 20px;
}

::-webkit-scrollbar-track {
box-shadow: inset 0 0 5px grey;
border-radius: 10px;
}

::-webkit-scrollbar-thumb {
background-color: #fde65e;
border-radius: 10px;
}

::-webkit-scrollbar-thumb:hover {
background-color: #FDE02F;
}

/*========================Nav Bar=========================*/
.nav-bar {
display: flex;
flex-flow: row wrap;
width: 100%;
height: 90px;
background-color: #fff;
box-shadow: 3px 3px 10px lightslategray;
align-items: center;
justify-content: center;
position: sticky;
top: 0;
z-index: 1;
}

.logo {
flex: 1;
font-size: 40px;
padding: 20px;
margin-left: 50px;
HTML

font-family: Satisfy;

25
Travel Planner

ul.menu {
flex: 1;
display: flex;
flex-flow: row wrap;
}

.menu li {
flex: 1;
list-style-type: none;
font-size: 16px;
font-family: "Barlow Condensed";
text-align: center;
}

.menu li a {
text-decoration: none;
color: #000;
text-transform: uppercase;
}

.menu li a:hover {
color: midnightblue;
text-decoration: underline;
}

/*=============================Banner=============================*/
.banner {
background-image: url("https://res.cloudinary.com/dxssqb6l8/image/upload/v1605294054/young-
woman-enjoying-beautiful-scenery-of-lago-di-braies-italy-picjumbo-com_aa0fvw.jpg");
background-size: cover;
background-repeat: no-repeat;
background-position: center;
/*overflow: hidden;*/
width: 100%;
height: 100vh;
text-align: center;
position: relative;
display: flex;
justify-content: center;
align-items: center;
}

.banner::before {
content: '';
position: absolute;
display: block;
top: 0;
left: 0;
bottom: 0;
HTML

right: 0;

26
Travel Planner

background-color: rgba(0, 0, 0, 0.2);


/*background-size: 100%;*/
}

.banner-text-item {
position: absolute;
width: 100%;
text-align: center;
display: flex;
flex-flow: column wrap;
justify-content: center;
align-items: center;
}

.banner-heading {
flex: 1;
}

.banner-heading h1 {
font-size: 100px;
font-weight: normal;
color: #FDE02F;
font-family: Satisfy;
}

.banner-text-item .form {
flex: 1;
display: flex;
flex-flow: row wrap;
justify-content: center;
align-items: center;
background-color: rgba(255, 255, 255, 0.2);
border-radius: 5px;
width: 70%;
padding: 1% 2%;
}

.banner-text-item input,
.banner-text-item .date,
.banner-text-item .book {
padding: 15px;
margin-right: 10px;
font-size: 18px;
font-family: Roboto;
border-radius: 5px;
outline: 0;
border: none;
}

.banner-text-item input {
width: 50%;
HTML

flex: 2;

27
Travel Planner

.banner-text-item .date {
width: 20%;
flex: 1;
}

.banner-text-item .book {
width: 20%;
flex: 1;
}

.banner-text-item .book {
text-decoration: none;
color: #000;
text-transform: uppercase;
padding: 15px;
cursor: pointer;
background-color: #FDE02F;
font-size: 16px;
font-weight: normal;
font-family: "Barlow Condensed";
width: 20%;
}

/*===========================Services===========================*/
.services {
display: flex;
flex-flow: row;
align-items: center;
justify-content: center;
}

.service-item {
flex: 1;
padding: 50px 10px;
border: lightcyan solid 1px;
text-align: center;
margin: 180px 50px;
transition: all 1s;
display: flex;
flex-flow: column;
align-items: center;
justify-content: center;
}

.service-item:hover {
box-shadow: 3px 3px 20px lightsteelblue;
}

.service-item h2 {
HTML

font-family: Barlow Condensed;

28
Travel Planner

font-size: 18px;
width: 120px;
color: #001F38;
flex: 1;
}

.service-item img {
width: 60px;
height: 60px;
flex: 1;
}

/*=============================Places===============================*/
.places-text {
text-align: center;
margin-bottom: 50px;
}

.places-text small {
font-family: Roboto;
color: #FFC342;
font-size: 15px;
font-weight: bolder;
}

.places-text h2 {
font-family: Barlow Condensed;
font-size: 55px;
color: #191D34;
letter-spacing: 1px;
}

.cards {
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-template-rows: repeat(2, 1fr);
grid-gap: 30px;
align-items: center;
justify-items: center;
text-align: center;
}

.card {
border: 1px solid lightgray;
box-shadow: 2px 2px 6px 0 rgba(0, 0, 0, 0.3);
border-top-left-radius: 8px;
border-top-right-radius: 8px;
width: 80%;
height: auto;
}

HTML

.card img {

29
Travel Planner

max-width: 100%;
height: 300px;
border-radius: 8px;
cursor: pointer;
}

.cards .text {
padding: 20px;
font-family: Barlow Condensed;
line-height: 50px;
}

.cards .card-box {
display: flex;
flex-flow: row;
background-color: #FDE02F;
font-size: 18px;
font-family: Roboto;
align-items: center;
justify-content: center;
text-align: center;
}

.cards .time {
flex: 1;
}

.cards .location {
flex: 2;
}

.cards .cost {
color: #4CAFAD;
font-size: 20px;
}

/*------------Zoom in Photos--------------*/
.zoom-img {
float: left;
position: relative;
width: 100%;
height: 320px;
overflow: hidden;
}

.zoom-img .img-card {
position: absolute;
overflow: hidden;
}

.img-card img {
HTML

-webkit-transition: 0.8s ease;

30
Travel Planner

transition: 0.8s ease;


}

.card:hover .zoom-img img {


-webkit-transform: scale(1.1);
transform: scale(1.1);
}

/*=========================About Us=========================*/
.about {
display: flex;
flex-flow: row wrap;
align-items: center;
justify-content: center;
padding: 150px;
}

.about-img {
flex: 1;
}

.about-img img {
width: 500px;
height: 700px;
box-shadow: 2px 2px 6px 0 rgba(0, 0, 0, 0.3);
}

.about-text {
flex: 1;
/*width: 100px;*/
display: flex;
flex-flow: column wrap;
}

.about-text small,
.about-text p,
.about-text input,
.about-text a {
flex: 1;
font-family: Roboto;
}

.about-text small {
color: #FFC342;
font-size: 18px;
}

.about-text h2 {
flex: 1;
font-family: Barlow Condensed;
font-size: 60px;
HTML

color: #191D34;

31
Travel Planner

width: 450px;
}

.about-text label {
padding-bottom: 10px;
color: #506172;
font-weight: bolder;
font-family: Roboto;
letter-spacing: 1px;
}

.about-text p {
width: 500px;
line-height: 30px;
color: #506172;
font-weight: bolder;
padding: 50px 0;
}

.about-text a {
background-color: #fff;
border: 2px solid #014B85;
text-decoration: none;
border-radius: 5px;
width: 180px;
padding: 20px;
text-align: center;
margin-top: 50px;
color: #014B85;
font-weight: bolder;
font-size: 14px;
}

.about-text a:hover {
background-color: #014B85;
color: #fff;
}

/*===============Footer===================*/
.footer {
background-image: url("https://res.cloudinary.com/dxssqb6l8/image/upload/v1605293781/pine-
tree_mq2sgp.jpg");
background-size: cover;
background-repeat: no-repeat;
background-position: center;
width: 100%;
height: 670px;
position: relative;
display: flex;
flex-flow: row wrap;
justify-content: center;
HTML

align-items: center;

32
Travel Planner

.footer::before {
position: absolute;
content: '';
display: block;
background-color: rgba(0, 0, 36, 0.80);
top: 0;
left: 0;
bottom: 0;
right: 0;
}

.footer .links {
position: relative;
color: #fff;
flex: 1;
display: flex;
flex-flow: column;
justify-content: center;
align-items: center;
}

.links ul {
list-style-type: none;
}

.links h3 {
font-family: Barlow Condensed;
font-weight: normal;
font-size: 23px;
margin-bottom: 15px;
}

.links li {
font-family: Roboto;
cursor: pointer;
padding: 15px 0;
}

.links li:hover {
color: #FFA801;
}

/*==========================Responsive=============================*/
@media all and (max-width: 1172px) {
.banner-text-item .form {
display: flex;
flex-flow: column;
justify-content: center;
align-items: center;
HTML

width: 50%;

33
Travel Planner

.banner-text-item .form input,


.banner-text-item .form .date,
.banner-text-item .form a {
flex: 1;
margin-bottom: 5px;
font-size: 14px;
}

.banner-text-item .form input {


width: 60%;
}

.banner-text-item .form .date {


width: 30%;
}

.banner-text-item .form .book {


width: 10%;
font-size: 14px;
}

.banner-heading h1 {
font-size: 60px;
}
}

@media all and (max-width: 1414px) {


.banner-text-item .form input {
width: 40%;
}

.banner-text-item .form .date {


width: 30%;
}

.banner-text-item .form .book {


width: 20%;
font-size: 14px;
}
}

@media all and (max-width: 942px) {


.nav-bar {
display: flex;
flex-flow: column wrap;
justify-content: center;
align-items: center;
width: 100%;
HTML

height: auto;

34
Travel Planner

text-align: center;
position: static;
}

.logo {
flex: 1;
font-size: 30px;
margin: 10px auto;
font-family: Satisfy;
color: #FDE02F;
}

.nav-bar ul {
display: none;
}

.nav-bar ul li {
flex: 1;
margin-bottom: 5px;
font-size: 14px;
}

.services {
display: flex;
flex-flow: column wrap;
}

.services .service-item {
flex: 1;
margin-bottom: -130px;
width: 400px;
}

.places-text {
margin-top: 200px;
}
}

@media all and (max-width: 928px) {


.banner .form input, a {
font-size: 12px;
}
}

@media all and (max-width: 1173px) {


.banner .form {
background-color: transparent;
}
}

@media all and (max-width: 1194px) {


HTML

.places .card-box p {

35
Travel Planner

font-size: 14px;
}
}

@media all and (max-width: 1086px) {


.places .cards .text {
line-height: 40px;
}

.cards .text .h2 {


font-size: 12px;
}

.cards .img-card img {


height: 260px;
}
}

@media all and (max-width: 974px) {


.cards {
display: grid;
grid-template-columns: repeat(1, 1fr);
grid-template-rows: repeat(6, 1fr);
grid-gap: 20px;
}

.card {
width: 300px;
height: 500px;
margin: auto;
}

.cards .text {
padding: 5px;
font-family: Barlow Condensed;
}
}

@media all and (max-width: 1334px) {


.about-img img {
width: 300px;
height: 500px;
}
}

@media all and (max-width: 1116px) {


.about {
display: flex;
flex-flow: column wrap;
justify-content: center;
align-items: center;
HTML

36
Travel Planner

.about-img {
flex: 1;
margin-bottom: 20px;
}

.about-text {
flex: 1;
margin: auto;
text-align: center;
display: flex;
flex-flow: column;
justify-content: center;
align-items: center;
}

.about-text h2{
font-size: 35px;
}

.about-img img {
width: 400px;
height: 400px;
}
}

@media all and (max-width: 708px) {


.footer{
width: 100%;
height: 670px;
position: relative;
display: flex;
flex-flow: column wrap;
justify-content: center;
align-items: center;
}
}

37
Travel Planner

38
Travel Planner

TESTING TECHNIQUES

Software testing techniques are the ways employed to test the application under test against the
functional or non-functional requirements gathered from business. Each testing technique helps to
find a specific type of defect. For example, Techniques which may find structural defects might not
be able to find the defects against the end-to-end business flow. Hence, multiple testing techniques
are applied in a testing project to conclude it with acceptable quality.

The development of software systems involves a series of production activities where opportunities
for injection of human fallibilities are enormous. Errors may begin to occur at every inception of
the process where the objectives may be erroneously or imperfectly specified as well as later
design and development stages. Because of human inability to perform and communicate with
perfection, software development is accompanied by quality assurance activity.

Software testing is a critical element of software quality assurance and represents the ultimate
review of specification, design and coding.

Types Of Software Testing Techniques

There are two main categories of software testing techniques:

1. Static Testing Techniques are testing techniques which are used to find defects in
Application under test without executing the code. Static Testing is done to avoid errors
at an early stage of the development cycle and thus reducing the cost of fixing them.

2. Dynamic Testing Techniques are testing techniques that are used to test the
dynamic behavior of the application under test, that is by the execution of the code
base. The main purpose of dynamic testing is to test the application with dynamic
inputs- some of which may be allowed as per requirement (Positive testing) and some
are not allowed (Negative Testing).

39
Travel Planner

Test information flow

Information flow for testing follows the pattern described in the figure: Two classes of input are provided:

1. A software configuration that includes a software requirement specification, a design specification, and
Source code.

2. A test configuration that includes a Test Plane and Procedure, any testing tools that are to be used, and
test cases and their expected results.

40
Travel Planner

SCOPE FOR EXPANSION

In today’s fast-paced world, travelers are always looking for ways to simplify and streamline their trip
preparations. A travel planner app is a perfect solution for these needs, offering numerous benefits that
make the planning process easier and more enjoyable. In this article, we’ll discuss the key reasons why
using a trip planner is essential for modern travelers, and how travel app development has revolutionized the
way we explore the world. Here are some reasons why we need a Travel Planning App:

 Time-Saving Convenience:

A travel planner app takes the hassle out of planning your next adventure. With just a few taps on your
smartphone, you can create a detailed itinerary that includes flights, accommodations, and activities.

 Personalized Experiences:

Trip planner build space allows users to customize their itineraries based on their preferences, ensuring
a unique and tailored experience for every traveler. Users can easily add, edit or remove items from
their trip planner, making it simple to create a personalized journey.

 Organized Information:

A travel planner app keeps all your trip details in one place, making it easy to access and manage. From
flight confirmations to hotel reservations, everything is neatly organized, eliminating the need for
endless paper printouts or searching through countless emails.

 Seamless Collaboration:

Traveling with friends or family? A travel planner app allows users to share their plans with others,
making it easy for everyone to stay on the same page and contribute to the planning process.

 Budget Management:

Travel app development has made it possible for users to track their expenses and set budget limits.
This feature is particularly helpful for those looking to stick to a specific budget while on vacation.

41
Travel Planner

 Build a Space Trip Planner:

With the growing interest in space travel, travel planner apps have started to include options for space
trips. Build a space trip planner feature in your app, and be at the forefront of this exciting new frontier
in travel.

 Offline Access:

One of the most significant advantages of using a travel planner app is the ability to access your
information offline. This ensures that you always have your itinerary at your fingertips, even when
you’re without an internet connection.

42
Travel Planner

CONCLUSION AND FUTURE

The travel planner website has proven to be a valuable platform for travelers, offering them a
comprehensive and efficient way to plan their trips. With its intuitive interface and extensive
features, the website has greatly enhanced the travel experience for users.

By providing a centralized platform for trip planning, the website allows users to effortlessly
research destinations, find accommodations, book flights, and discover attractions and activities.
Its user-friendly design and navigation make it easy for users to explore different options and
create personalized itineraries based on their preferences.

Technological developments in telecommunications and information technology are providing the


possibility of a greatly enhanced quality of information to aid trip planning decisions. Current
information provision is considered deficient in many respects. Travellers are often unaware of
alternatives routes or services and many are unable to acquire adequate information from one
source, especially for multi-modal journeys. In addition, there is a lack of providing real-time
information where it is required (bus stops and train stations) and of effective interaction of static
and real-time information. Most of the projects, which integrate static and dynamic data, are single
mode systems. Therefore, there is a need for an integrated trip planner which can inform and guide
on all aspects of transport.

Trip planner can provide assistance in trip planning (before and during the journey) using one or
several modes of travel, taking into account traveler's preferences and constraints, and effectively
integrating static and dynamic data.

Trip planner could adversely affect traffic demand as people who become aware of new
opportunities might be encouraged to make more journeys. It could also affect travellers choice
because of over-saturation of information, over-reaction to predictive information, and
concentration on the same 'best' routes. However, it can be argued, based on existing evidence, that
such a system can benefit travelers, and transport operators as well as the public sector responsible
for executing transport policies. Travelers can benefit by obtaining adequate information to help

43
Travel Planner

them in making optimal decisions and reducing uncertainty and stress associated with travel.
Public transport operators can benefit by making their services known to customers, leading to
increased patronage. Public transport authorities can use the supply of information to execute their
transport policies and exercise more control over traffic management.

In conclusion, the travel planner website has revolutionized the way people plan their travels,
offering a convenient and efficient platform for organizing trips. With its user-centric approach,
extensive database, and intuitive features, it has become an indispensable tool for modern
travellers. As technology advances, the website will continue to evolve, incorporating advanced
personalization, seamless integrations, social collaboration, real-time updates, and sustainable
travel initiatives. Overall, the future of the travel planner website looks promising, empowering
travellers to plan their trips with ease, efficiency, and a personalized touch.

44

You might also like